:root{ --darkblue: #10455b; --lightblue: #f3fdfe; --white: #fff; --whitesmoke: #f9f9f9; --separator: #e1e1e1; --cyan: #2aa1ae; --gray: #7a7a7a; --darkgray: #484848; --radius: 3px; --gap: 24px; --cols: 12; --fullcols: span var(--cols); --space: 48px; --parentsize: 100%; --mustard: #fffbce; --mustardark: #756c03; --purple:#fef3f4; --purpledark:#bf4f59; --span: calc((((100vw - (100vw - var(--parentsize))) / var(--cols)) - var(--gap)) + 3px); --span2: calc(((((100vw - (100vw - var(--parentsize))) / var(--cols)) - var(--gap)) + 14px) * 2); --span3: calc(((((100vw - (100vw - var(--parentsize))) / var(--cols)) - var(--gap)) + 18px) * 3); --span4: calc(((((100vw - (100vw - var(--parentsize))) / var(--cols)) - var(--gap)) + 20px) * 4); --span6: calc(((((100vw - (100vw - var(--parentsize))) / var(--cols)) - var(--gap)) + 22px) * 6); --ratio: 56.25%; --lighGrey : #e2f0f1; --tagSeparator : #c2c2c2; }; ::selection{background:var(--darkblue); color:#fff} ::-moz-selection{background:var(--darkblue); color:#fff} ::-webkit-selection{background:var(--darkblue); color:#fff} ::-webkit-scrollbar {height: 8px;width: 8px;background: var(--white) !important} ::-webkit-scrollbar-thumb {background: var(--darkblue)} ::-webkit-scrollbar-corner {background: var(--darkblue)} html {display: flex; min-height: 100%} body {line-height: 1em; font-family: iran; background: var(--white);font-size: 14px; color: var(--darkgray); display: flex; flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; width: 100%; direction: rtl; font-weight: 300} *, *:before, *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';} b,strong {font-weight: 500} .gIh {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 24px; height: 24px;} .gIh svg {width: 100%; height: 100%} .hgltkw {background: #e8e6c6;color: #736f2f;line-height: 10px;display: inline-block;padding: 1px 5px 3px;border-radius: var(--radius);} nav, header, footer, section {display: flex; justify-content: center; -webkit-justify-content: center;} .wrapper {max-width: 1280px; display:grid; grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap); width: calc(100% - (var(--space) * 2)); align-items: flex-start;-webkit-align-items: flex-start; margin: 0 var(--space);} main {grid-column: span 9;display:grid; grid-template-columns: repeat(9, [col] 1fr);grid-gap: var(--gap);} aside {grid-column: span 3; display: flex; flex-direction: column; } .content_header {grid-column: var(--fullcols); display: flex; justify-content: space-between; margin-top: var(--gap); margin-bottom: calc(var(--gap) / 2)} .content_header .separator {display: flex; flex: 1 1 auto; margin:auto var(--gap) auto 0; height: 1px; background: var(--separator)} .content_header h2 {color:var(--darkblue);font-size:16px;line-height:normal;} /*.content_header h3 {color:var(--darkblue);font-size:15px;line-height:normal;}*/ .section_header {grid-column: var(--fullcols); display: flex; justify-content: space-between;align-items: center;} .section_header .title {color:var(--darkblue);font-size:20px;line-height:normal;} .section_header .archive {font-size:14px;color: var(--cyan);font-weight:normal;border:1px solid var(--lighGrey);padding:4px 20px;background:var(--white);line-height:normal;border-radius: var(--radius);grid-column: end} .section_header .separator {display: flex; flex: 1 1 auto; margin:auto var(--gap); height: 1px; background: var(--separator)} .section_header time {display: flex;} .section_header time .separator {max-width: 100px} .section_header time .from {color: var(--cyan);font-size: 14px;font-weight: normal;line-height: normal;} .section_header .chart_legend {display: flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap;justify-content: flex-end;-webkit-justify-content: flex-end;} .section_header .chart_legend span {display: flex; align-items: center; -webkit-align-items: center; margin-right: 10px; justify-content: center; -webkit-justify-content: center; font-size: 12px; line-height: 25px; cursor: pointer;} .section_header .chart_legend span i {width: 10px; height: 10px; border-radius: 50px; margin-left: 10px} .section_header .chart_legend span.deactive {opacity: 0.5; filter:grayscale(100%); -webkit-filter:grayscale(100%);} #top_header {background-color: var(--darkblue); padding: 8px 0; z-index: 11} #top_header .top_header__social {display: flex; grid-column: span 3; justify-content: space-between;} #top_header .top_header__social a {display: flex; width: 24px; height: 24px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #top_header .top_header__social a .top_header__social__icon {width: 100%; height: 100%; padding: 2px} #top_header .top_header__social a .top_header__social__icon svg {fill:var(--white);} #top_header .top_header__search {grid-column: end; padding: 1px; cursor: pointer;} #top_header .top_header__search svg {fill:var(--white);} header {border-bottom: 1px solid var(--separator); padding: 24px 0; z-index: 11} header .company_logo {grid-column: span 4;} header .company_logo .logo_name {line-height: 24px;font-size: 20px;font-weight: 500; margin-bottom: 10px;display: block;} header .company_logo .desc_logo_name {color: var(--gray); word-spacing: -3px} header .login {margin:auto 0;grid-column: span 2; grid-column-end: -1; display: flex; align-items: center; background-color: var(--cyan); justify-content: center;-webkit-justify-content: center; color: var(--white); border-radius: var(--radius); padding: 5px; height: 35px} header .login i {margin-left: 15px;} header .login i svg {fill:var(--white);} header .register {margin:auto 0;grid-column: span 3; grid-column-end: -3; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; border-radius: var(--radius); border: 1px solid var(--separator); color: var(--cyan); height: 35px} header .register a {width: 50%; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 5px;} header .register a:not(:last-of-type) {border-left: 1px solid var(--separator)} header #loginuser {display: grid; grid-column: span 1;grid-column-end: -1; position: relative;} header #loginuser .avatar {width: 60px;height: 60px;overflow: hidden;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;border-radius: 5px;cursor: pointer; border: 1px solid var(--separator); margin-right: auto} header #loginuser .avatar img {display: block; width: 100%; } header #loginuser .menu {top: 100% !important;left: 0 !important;background-color: #fff;padding: 10px;-webkit-transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.7s cubic-bezier(0.55, 0, 0.1, 1);box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.3); position: absolute; display: none;width: 260px;line-height: 24px;} header #loginuser .menu .name {padding: 0 10px 10px;border-bottom: 1px solid var(--separator);margin-bottom: 10px;font-weight: 300;color: var(--darkblue);font-size: 14px;flex-direction: column;display: flex;} header #loginuser .menu ul li {display: block;} header #loginuser .menu ul li a {font-size: 13px; color: inherit;padding: 4px 10px; display: flex; justify-content: space-between;-webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;border-radius: var(--radius);} header #loginuser .menu ul li .badges_holder {display: flex; flex-direction: row-reverse; margin-right: 10px} header #loginuser .menu ul li .badges {display: inline-flex;justify-content: center;align-items: center;color: #fff;min-width: 20px;height: 20px;padding: 0 5px;} header #loginuser .menu ul li .badges:last-of-type {border-radius: 0 15px 15px 0} header #loginuser .menu ul li .badges:first-of-type {border-radius: 15px 0 0 15px} header #loginuser .menu ul li .badges:first-of-type:last-of-type {border-radius: 15px} header #loginuser .menu ul li:hover a {background-color: var(--darkblue);color: #fff;} nav {border-bottom: 1px solid var(--separator); position: relative;} nav .gHmrv2 {grid-column: var(--fullcols); padding: 15px 0;} nav .gHmrv2 .parent:hover > ul {background: var(--white); border-radius: var(--radius); border: 1px solid var(--separator); margin-top: 4px;} nav .gHmrv2 .parent:hover > ul > li:first-of-type > a {border-radius: var(--radius) var(--radius) 0 0} nav .gHmrv2 .parent:hover > ul > li:last-of-type > a {border-radius: 0 0 var(--radius) var(--radius)} nav .gHmrv2 .parent > ul:before{height: 4px;background: transparent;content: '';width: 100%;display: block;position: absolute;top: -5px;} nav .gHmrv2 ul ul a {padding: 5px 10px;} nav .gHmrv2 li:hover > a {background: var(--darkblue); color: var(--whitesmoke)} .gHmrv2 > ul > li:not(:last-child):after {content: none !important;} nav .gHmrv2 .gMwv1 {padding: 5px 18px; border-radius: 3px} nav .gHmrv2 li:hover > a.gMwv1 {background-color: var(--cyan); color: var(--white);} nav .gHmrv2 li:hover > a.gMwv1 svg {fill: var(--white)} nav .gHmrv2 .active > a.gMwv1 {background-color: var(--cyan); color: var(--white);} nav .gHmrv2 .active > a.gMwv1 svg {fill: var(--white)} nav .gHmrv2 .user {display: none;} nav #menu {position: relative;z-index: 101;} nav #menu .first_level > li:last-of-type:hover ul {display: none;} nav #megamenu {background-color: var(--whitesmoke);border: none;border-radius: 2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.21);position: absolute;z-index: 9999;left: 0; right: 0; display: none; top: 100%} nav #megamenu_overflow {background:#fff;opacity: .44;border-radius: 2px;content: ''; position: fixed; top: 0; left:0; right: 0; bottom: 0; display: none;z-index: 10;} nav #megamenu aside {grid-column: span 3; background-color: var(--cyan); height: 100%; padding: 30px 0} nav #megamenu aside label span {padding: 10px 30px; color: var(--white); display: flex;} nav #megamenu aside label span:hover {background-color: var(--whitesmoke); color: var(--cyan)} nav #megamenu aside label.active span {background-color: var(--whitesmoke); color: var(--cyan)} nav #megamenu main {grid-column: span 9; display: flex; padding: 24px 0; height: 100%} nav #megamenu main input[type=radio] {display: none;} nav #megamenu main input[type=radio]:checked + .megamenu__item_wrapper {display: grid;width: 100%} nav #megamenu main .megamenu__item_wrapper {display:none; grid-template-columns: repeat(9, [col] 1fr);grid-gap: var(--gap);} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info {grid-column: span 3; display: flex; flex-direction: column;} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info .gImgh {width: 100%; position: relative; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; overflow: hidden; background-color: var(--separator); margin-bottom: 24px} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info .gImgh:after {padding-top: 100%;content: '';} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info .gImgh img {width: 100%; display: block; min-height: 100%} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info h2 {font-size: 20px; font-weight: 400; color: var(--cyan); line-height: 34px} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info p {line-height: 24px; margin-top: 10px} /*nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu {grid-column: span 6;line-height: 25px;display: grid;grid-template-columns: repeat(6, [col] 1fr);grid-gap: 10px var(--gap);}*/ nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu {grid-column: span 6;line-height: 25px;display: flex;flex-direction: column;flex-wrap: wrap;max-height: 75vh} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu li {color:var(--darkblue);grid-column: span 3; width: 50%; margin-left: 10px} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu li a {color:var(--darkblue); font-size: 15px; font-weight: 400} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu li:not(.submenu) {margin-bottom: 10px} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu li.parent {margin-top: 10px} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu li.submenu {margin-bottom: 10px} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu li.submenu a{color:var(--darkgray);font-size: 13px; font-weight: 300} nav .top_header__search {position: absolute; top: 25%; display: none;} #search {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(16, 69, 91, 0.96);display: flex;justify-content: center;-webkit-justify-content: center;opacity: 0; visibility: hidden; z-index: 999;padding-top: 25vh;} #search.visible {opacity: 1; visibility: visible;} #search .wrapper {max-width: 1000px} #search form {width: 100%; display: flex;grid-column: var(--fullcols); border-bottom: 2px solid var(--white); padding: 5px} #search form input {flex: 1 1 auto; border: 0; padding: 10px; background-color: transparent; color: var(--white); font-family: iran; font-size: 14px} #search form input::placeholder {color: var(--white)} #search form button {flex: 0 0 auto; width: 24px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background-color: transparent;} #search form button svg {fill: var(--white)} #search .close_search {position: absolute; top: var(--gap); left: var(--gap); cursor: pointer;} #search .close_search svg {fill: var(--white)} .pagination {display: flex; flex-direction: row-reverse; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;} .pagination span {font-size: 20px !important;} .pagination span:hover {background-color: transparent !important; color: initial !important;} .pagination span.current {background-color: transparent !important; color: var(--cyan) !important; border-radius: var(--radius); border: 1px solid #ddf0f3; padding: 7px 0} /*#g_dialog_overlay {background: rgba(16, 69, 91, 0.96) !important;}*/ #g_dialog_overlay {background: rgba(16, 69, 91, 0.7) !important;} .gloabl_login__botton_holder {width: 100%} .gloabl_login__botton_holder input[type=submit] {box-shadow: none !important;background: var(--cyan);padding: 10px !important;} .gloabl_login__botton_holder__link_holder {display: flex; flex-wrap: wrap; justify-content: space-around;} .gloabl_login__botton_holder__link_holder a {text-align: center; padding: 10px; text-decoration: none !important; color: var(--darkblue) !important} .gloabl_login__botton_holder__link_holder .forget_password {width: 100%} .form_field input, .form_field select, .form_field button, .form_field textarea, .form_field .text_field, .form_field .textarea, .form_field .selectric {border-radius: var(--radius) !important; border-color: #bdbdbd !important} .form_field input[prop~=get_related] {border-radius: 0 var(--radius) var(--radius) 0 !important} .form_field .text_field {min-height: 38px; display: inline-flex; align-items: center; -webkit-align-items: center;} #hero_slider {display: flex;justify-content: center;margin-bottom:24px; margin-top: 5px} #hero_slider .wrapper {overflow: hidden;width:100%;position: relative;} #hero_slider .hero_slider__holder {display: flex;flex-wrap: nowrap; z-index: 1;width:100% !important; grid-column: var(--fullcols);} #hero_slider .hero_slider__item {display: flex; overflow: hidden;position: relative;flex-shrink: 0;position: relative;overflow: hidden;width: 100%; margin-left: 5px} #hero_slider .hero_slider__item a {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 100%} #hero_slider .hero_slider__item a::before{content:"";position: absolute;top: 0;width:100%;height:100%;background-color:rgba(0,0,0,.2);} #hero_slider .hero_slider__item .hero_slider__item__image_holder , #hero_slider .hero_slider__item .hero_slider__item__image_holder picture, #hero_slider .hero_slider__item .hero_slider__item__image_holder img {width: 100%;display: block;} #hero_slider .hero_slider__item .hero_slider__item__description{position: absolute;width:50%;top:0;height:100%;display: flex;flex-flow:column wrap;justify-content: center;align-items: center;} #hero_slider .hero_slider__item .hero_slider__item__description h2{font-size:28px;font-weight: 500;color: var(--white);line-height: normal;text-shadow:0 2px 4px rgba(0, 0,0 ,.5);margin-bottom: 10px;text-align: center;} #hero_slider .hero_slider__item .hero_slider__item__description p{font-size:18px;font-weight: 500;color: var(--white);line-height: normal;text-shadow:0 2px 4px rgba(0, 0,0 ,.5); text-align: center;} #hero_slider .hero_slider__item .hero_slider__item__description span{margin-top: 30px;font-size:16px;color:var(--white);padding: 12px 50px;border-radius:2px;border:2px solid rgba(255,255,255,.76);background-color:rgba(0,0,0,.2);} #hero_slider .hero_slider__item .hero_slider__item__image_holder{width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;} #hero_slider .hero_slider__item .hero_slider__item__image_holder img{width: 100%} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--cyan)} .nip_item__holder, .nip_item__holder .news_top_item_holder {grid-column: var(--fullcols);display:grid; grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap); position: relative;} .nip_item__holder .nip_item__holder__large {grid-column: span 9;display:grid; grid-template-columns: repeat(9, [col] 1fr);grid-gap: var(--gap);} /*.nip_item__holder .nip_item__holder__large .nip_item__holder__images {width: 100%; grid-column: span 6; overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;border-radius: var(--radius);}*/ /*.nip_item__holder .nip_item__holder__large .nip_item__holder__images img {width: 100%; display: block;}*/ .nip_item__holder .nip_item__holder__large .nip_item__holder__images {grid-column: span 6;width: 100%; display: flex; position: relative; overflow: hidden; border-radius: var(--radius); background-color: var(--whitesmoke)} .nip_item__holder .nip_item__holder__large .nip_item__holder__images:before {display: block; content: ''; padding-top: var(--ratio)} .nip_item__holder .nip_item__holder__large .nip_item__holder__images img {width: 100%; top: 0; right: 0;position: absolute;} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail {grid-column: span 3} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail h3 {font-size: 16px; line-height: 26px; font-weight: 400; margin-top: 20px} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail p {line-height: 24px;; margin-top: 20px; color: var(--gray)} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail .nip_item__holder__detail_categories {display: flex; color: var(--cyan);;margin-top: 20px; flex-wrap: wrap; line-height: 24px} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail .nip_item__holder__detail_categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} .nip_item__holder .nip_item__holder__medium {grid-column: span 6;display:grid; grid-template-columns: repeat(6, [col] 1fr);grid-gap: var(--gap);} .nip_item__holder .nip_item__holder__medium .nip_item__holder__images {grid-column: span 3; overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: relative;border-radius: var(--radius);align-self: baseline;} .nip_item__holder .nip_item__holder__medium .nip_item__holder__images:before {padding-top: 100%;display: block;content: ' ';} .nip_item__holder .nip_item__holder__medium .nip_item__holder__images img {position: absolute;top: 0;height: 100%; right: 0} .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail {grid-column: span 3} .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail h3 {font-size: 16px; line-height: 26px; font-weight: 400; margin-top: 20px} .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail p {line-height: 24px;; margin-top: 20px; color: var(--gray)} .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail .nip_item__holder__detail_categories {display: flex; color: var(--cyan);;margin-top: 20px;flex-wrap: wrap;; line-height: 24px} .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail .nip_item__holder__detail_categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} .nip_item__holder .nip_item__holder__x_medium {grid-column: span 3;display:none; flex-direction: column;} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__images {overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: relative;border-radius: var(--radius);align-self: baseline; width: 100%} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__images:before {padding-top: 100%;display: block;content: ' ';} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__images img {position: absolute;top: 0;height: 100%; right: 0} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail {display: flex;flex-direction: column;justify-content: space-between;-webkit-justify-content: space-between; flex: 1 1 auto; margin-top: var(--gap)} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail h3 {font-size: 16px; line-height: 26px; font-weight: 400; } .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail .nip_item__holder__detail_categories {display: flex; color: var(--cyan);;margin-top: 20px;} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail .nip_item__holder__detail_categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} .nip_item__holder .nip_item__holder__smallwrapper {grid-column: span 6;display: grid;grid-template-columns: repeat(2, [col] 1fr);grid-gap: var(--gap);grid-template-rows: 1fr 1fr 1fr;grid-auto-flow: column;} .nip_item__holder .nip_item__holder__small {display: grid;grid-template-columns: repeat(3, [col] 1fr);grid-gap: var(--gap);} .nip_item__holder .nip_item__holder__small .nip_item__holder__images {grid-column: span 1; overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: relative; border-radius: var(--radius);align-self: baseline;-webkit-align-self: baseline;} .nip_item__holder .nip_item__holder__small .nip_item__holder__images:before {padding-top: 100%;display: block;content: ' ';} .nip_item__holder .nip_item__holder__small .nip_item__holder__images img {position: absolute;top: 0;height: 100%; left: 0} .nip_item__holder .nip_item__holder__small .nip_item__holder__detail {grid-column: span 2;display: flex;align-items: center; -webkit-align-items: center;} .nip_item__holder .nip_item__holder__small .nip_item__holder__detail h3 {line-height: 22px;} .nip_item__holder .nip_item__holder__small .nip_item__holder__detail .nip_item__holder__detail_categories {display: flex; color: var(--cyan);;margin-top: 20px;} .nip_item__holder .nip_item__holder__small .nip_item__holder__detail .nip_item__holder__detail_categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} .nip_item__holder .nip_item__holder__xsmall {display: flex;align-items: flex-start;-webkit-align-items: flex-start; margin-bottom: 24px} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__images {width: 100px; display: flex; position: relative; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex: 0 0 auto; overflow: hidden; border-radius: var(--radius)} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__images:before {padding-top: 100%;display: block;content: ' ';} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__images img {position: absolute;top: 0;height: 100%; left: 0} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail {display: flex;flex-direction: column; margin-right: var(--gap); border-bottom: 1px solid var(--separator); padding-bottom: 24px} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail_date {order: 1;color: var(--gray); } .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail_title {order: 2;line-height: 27px; font-weight: 400; font-size: 16px} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail_abstract {order: 4;line-height: 27px; margin-top: 15px} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail__producer {order: 4;line-height: 27px;} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail__applicant {order: 4;line-height: 27px;} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail_categories {order: 3;display: flex; color: var(--cyan);margin-top: 15px;flex-wrap: wrap;line-height: 25px} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail .nip_item__holder__detail_categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray); flex: 0 0 auto;} .nip_item__holder .nip_item__holder__xsmall:last-of-type .nip_item__holder__detail {border-bottom: 0; padding-bottom: 0;} .nip_item__holder__related {grid-column: span 3; background-color: var(--whitesmoke); padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column;} .nip_item__holder__related h2 {font-size:16px;color: var(--darkblue);} .nip_item__holder__related ul {display: flex;flex-direction: column;height: 100%;} .nip_item__holder__related ul li {height: 33%; display: flex; align-items: center; -webkit-align-items: center; position: relative; padding: 20px 0;} .nip_item__holder__related ul li:last-child {padding-bottom: 0} .nip_item__holder__related ul li:not(:last-of-type):after {content: ''; height: 1px; background-color: #e1e1e1; position: absolute;bottom: 0; left: 50%; right: 0} .nip_item__holder__most_visited {grid-column: span 3; background-color: var(--lightblue); padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column;} .nip_item__holder__most_visited h2 {font-size:16px;color: var(--darkblue);} .nip_item__holder__most_visited ul {display: flex;flex-direction: column;height: 100%;} .nip_item__holder__most_visited ul li {height: 33%; display: flex; align-items: center; -webkit-align-items: center; position: relative; padding: 20px 0} .nip_item__holder__most_visited ul li:last-child {padding-bottom: 0} .nip_item__holder__most_visited ul li:not(:last-of-type):after {content: ''; height: 1px; background-color: #c8e7ea; position: absolute;bottom: 0; left: 50%; right: 0} #news {margin-top: 24px; margin-bottom: 24px} #nip_list {margin-top: 48px; margin-bottom: 24px} #nip_list .nip_item__holder .nip_item__holder__smallwrapper {grid-column: span 9;display: grid;grid-template-columns: repeat(3, [col] 1fr);grid-gap: var(--gap);grid-template-rows: 1fr 1fr 1fr;grid-auto-flow: column; margin-top: var(--gap)} #nip_category {margin-top: 24px; margin-bottom: 24px; flex-direction: column; align-items: center; -webkit-align-items: center;} #nip_category .wrapper {margin-bottom: 24px} #nip_view {margin-top: 24px; margin-bottom: 24px} #nip_view aside > div {margin-bottom: 24px} #nip_view aside .download_report_file {display: flex; align-items: center; -webkit-align-items: center;padding: 10px;background: #f3624a;border-radius: var(--radius);margin-bottom: var(--gap);color: var(--white);cursor: pointer;} #nip_view aside .download_report_file i {width: 24px; height: 24px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 10px} #nip_view aside .download_report_file i svg {width: 100%; height: 100%; fill:var(--whitesmoke);} #nip_view aside .download_report_file span:last-of-type {margin-right: auto;font-size: 12px;font-weight: 500;} #nip_view main {display: flex; flex-direction: column; line-height: 28px} #nip_view main .section_header {flex-direction: column;} #nip_view main .section_header .topics {display: flex; color: var(--cyan);;margin-top: 10px; flex-wrap: wrap;} #nip_view main .section_header .topics a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} #nip_view main .date_reshare {display: flex; justify-content: space-between;-webkit-justify-content: space-between; align-items: center;-webkit-align-items: center; padding: 15px 0} #nip_view main .date_reshare .label {font-size: 13px; color: var(--gray); margin-left: 10px} #nip_view main .date_reshare time {} #nip_view main .date_reshare time .date {font-weight: 500} #nip_view main .date_reshare .share_box {display: flex; align-items: center; -webkit-align-items: center;margin-right: auto} #nip_view main .date_reshare .share_box .gSBh {display: flex;} #nip_view main .date_reshare .share_box .gSBh .gSBh__item {margin-right: 10px; border: 1px solid silver; border-radius: var(--radius)} #nip_view main .date_reshare .share_box .gSBh .facebook {border-color:#3f51e5;} #nip_view main .date_reshare .share_box .gSBh .facebook svg {fill:#3f51e5;} #nip_view main .date_reshare .share_box .gSBh .twitter {border-color:#05b4e2;} #nip_view main .date_reshare .share_box .gSBh .twitter svg {fill:#05b4e2;} #nip_view main .date_reshare .share_box .gSBh .linkedin {border-color:#0288d1;} #nip_view main .date_reshare .share_box .gSBh .linkedin svg {fill:#0288d1;} #nip_view main .date_reshare .event_location {display: flex; align-items: center;} #nip_view main .date_reshare .event_location * {margin-left: 10px} #nip_view main .abstract {font-size: 14px; margin-bottom: 24px;} #nip_view main .nip_view_image {width: 100%; display: flex; position: relative; overflow: hidden; margin-bottom: 24px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #nip_view main .nip_view_image:before {display: block; content: ''; padding-top: var(--ratio)} #nip_view main .nip_view_image img {width: 100%; top: 0; right: 0;border-radius: var(--radius);} #nip_view main .source {display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; padding-top: 20px;font-weight: 500; border-top: 1px solid var(--separator); margin-top: 24px} #nip_view main .source .label {color: var(--gray); flex: 0 0 auto;} #nip_view main .source a {flex: 1 1 auto; margin-right: 24px; text-overflow: ellipsis; overflow: hidden; display: block; text-align: left; color: var(--cyan);} #nip_view main .website {display: flex; align-items: center; -webkit-align-items: center; padding: 10px 0;font-weight: 500; border-top: 1px solid var(--separator); border-bottom: 1px solid var(--separator); margin-bottom: 24px;margin-top: 14px} #nip_view main .website .label {color: var(--gray); flex: 0 0 auto; margin-left: auto} #nip_view main .website a {margin-right: 24px; text-align: left; color: var(--cyan);} #nip_view main .project_detail {display: flex; flex-direction: column;} #nip_view main .project_detail .project_detail__fanavar, #nip_view main .project_detail .project_detail__motegazi {background-color: var(--whitesmoke);padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column; flex: 1 1 auto; margin-bottom: var(--gap)} #nip_view main .project_detail .project_detail__fanavar article, #nip_view main .project_detail .project_detail__motegazi article {margin-top: var(--gap)} #nip_view main .project_detail .project_detail__co {display: flex;} #nip_view main .project_detail .project_detail__co .gImgh {width: var(--span2); margin-left: var(--gap); position: relative; padding: 2px; border-radius: var(--radius); border: 1px solid var(--separator); background-color: var(--white)} #nip_view main .project_detail .project_detail__co .gImgh:after {padding-top: 100%; display: block; content: ''} #nip_view main .project_detail .project_detail__co .gImgh img {position: absolute; width: calc(100% - 4px); transform: translateY(-50%); top: 50%;} #nip_view main .project_detail .project_detail__co h3 {font-weight: 200; font-size: 20px; line-height: 30px; margin-bottom: 10px; display: flex; align-items: center; -webkit-align-items: center;} #nip_view main .project_detail .project_detail__co h3 i {width: 16px; height: 16px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center;-webkit-align-items: center;flex: 0 0 auto; margin-right: 10px} #nip_view main .project_detail .project_detail__co h3 i scg {width: 100%; height: 100%} #nip_view main .project_detail .project_detail__co h3 a {color: var(--cyan);} #nip_view main .project__sup_info h3 {display: flex; align-items: center; -webkit-align-items: center;} #nip_view main .project__sup_info .more_about_supplement {display: flex;align-items: center;color: var(--cyan);} #nip_view main .project__sup_info .more_about_supplement i {display: flex; width: 16px; height: 16px; margin-left: 10px; flex: 0 0 auto;} #nip_view main .project__sup_info .more_about_supplement i svg {width: 100%; height: 100%; fill: var(--cyan);} #nip_view main article a {color: var(--cyan);font-weight: 400;} #nip_view main article b, #nip_view main article strong {font-weight: 500} #nip_view main article img {max-width: 100%; height: initial;} #nip_view main article ul {padding-right: 25px; list-style: disc;} #nip_view main article ol {padding-right: 25px; list-style: decimal;} .page #nip_view main {grid-column: var(--fullcols) !important} #topics {margin-top: 24px; margin-bottom: 24px} #topics main {grid-column: span 6;display: flex; flex-direction: column; padding: 0 24px} #topics main .events__description {grid-column: span var(--cols);} #topics main .events__description p {font-size:14px;font-weight:300;color:var(--gray);display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;line-height: normal;} #topics main .events__description p::before{content:'';width:10px;height:10px;background-color:#f3624a;border-radius:50%;margin-left:10px;display:flex;} #topics main .nip_item__holder {display: flex; flex-direction: column;} #topics_header {background-color: var(--cyan); margin-top: 5px; margin-bottom: 24px} #topics_header .title {color: var(--white); padding: 50px 0} #topics_header .section_header {align-items: center;-webkit-align-items: center;} #topics_header .section_header #topics__menu {display: none;flex: 0 0 auto;} #topics_header .section_header .gHmrv2 [for^=drop] {padding-left: 0} #topics_header .section_header .gHmrv2 [for^=drop] i {margin-left: 0; font-size: 33px} #topics_header .section_header .gHmrv2 > ul > li:not(:last-child):after {content: none;} #topics_header .section_header .gHmrv2 .first_level {left: initial; right: 0} #topics aside.filter {padding: 24px 0} #topics aside.filter .filter__holder {border-left: 1px solid var(--separator); height: initial; display: flex; flex-direction: column;} #topics aside.filter a {color: var(--cyan); font-size: 14px; } #topics aside.filter a.selected {font-size: 16px;color: var(--darkblue);} #topics aside.filter a .count {margin-right: 10px} #topics aside.filter h2 {display: flex; padding-bottom: 20px; font-size: 20px} #topics aside.filter h3{margin-top: 5px;font-weight: 300;line-height: 26px; } #topics.col2 main {grid-column: span 9} #get_more_category {display: flex; margin: 24px auto; width: 24px; height: 24px; background-color: var(--cyan);border-radius: 24px; border: 2px solid transparent; background-color: transparent;} #get_more_category.loading {border: 1.3px solid var(--separator); border-top-color: var(--cyan);animation: loading 1.1s infinite linear; -webkit-animation: loading 1.1s infinite linear} @keyframes loading { 0% {transform: rotate(0deg);-webkit-transform: rotate(0deg);} 100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);} } @-webkit-keyframes loading { 0% {transform: rotate(0deg);-webkit-transform: rotate(0deg);} 100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);} } #search_result {margin-top: 24px; margin-bottom: 24px} #search_result main {grid-column: span 6;display: flex; flex-direction: column; padding: 0 24px} #search_result main .nip_item__holder {display: flex; flex-direction: column;} #search_result_header {background-color: var(--cyan); margin-top: 5px; margin-bottom: 24px} #search_result_header .title {color: var(--white); padding: 50px 0} #search_result aside.filter {border-left: 1px solid var(--separator); height: initial; padding: 24px 0} #search_result aside.filter a {color: var(--cyan); font-size: 14px; line-height: 26px; font-weight: 300; margin-top: 5px;} #search_result aside.filter a .count {margin-right: 10px} #events {margin-top: 24px; margin-bottom: 24px; position: relative;} #events:before {content: '';display: flex;left: 0;right: 0;background-color: var(--whitesmoke);height: 60%;width: 100%;position: absolute;bottom: 20px;} #events .wrapper {position: relative;} #events .events__description {grid-column: span var(--cols);} #events .events__description p {font-size:14px;font-weight:300;color:var(--gray);display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;line-height: normal;} #events .events__description p::before{content:'';width:10px;height:10px;background-color:#f3624a;border-radius:50%;margin-left:10px;display:flex;} #events .events_slider {grid-column: var(--fullcols); display: flex; overflow: hidden; position: relative;z-index: 1;width: 100%} #events .events_slider ul {display:flex; width: 100% !important} #events .events_slider .events_slider__item{padding: 20px;background-color: var(--white);position: relative;border: 1px solid #e1e1e1;border-radius: var(--radius);width:var(--span3); margin-left: var(--gap); flex: 0 0 auto;overflow: hidden; display: flex;flex-direction: column;height: initial;} #events .events_slider .events_slider__item .status{width:10px;height:10px;border-radius: 50%;background-color:#f3624a;position: absolute;top:10px;left:10px;} #events .events_slider .events_slider__item .date {display: flex;flex-flow:row wrap;align-items: center;} #events .events_slider .events_slider__item .date .from {color: var(--cyan);font-size:14px;font-weight: normal;line-height: normal;} #events .events_slider .events_slider__item .date .to {color: var(--gray);font-size:14px;font-weight: 300;line-height: normal;} #events .events_slider .events_slider__item .separator {display: flex; margin:auto var(--gap); height: 1px; background: var(--separator); width: 10%} #events .events_slider .events_slider__item h3 {font-size: 16px;font-weight: normal;line-height: 28px;color:var(--darkgray);padding: 30px 0} #events .events_slider .events_slider__item .countries {display: flex;flex-flow:row wrap;align-items: center;margin-top: auto} #events .events_slider .events_slider__item .countries img{margin-left: 10px} #events .events_slider .events_slider__item .countries span{font-size:14px;line-height: normal;color:var(--darkgray);font-weight: normal;} #events .events_slider .events_slider__item .countries span:last-child{font-weight: 300} #events .events_slider .events_slider__item .categories {display: flex; margin-top: 20px; flex-wrap: wrap; line-height: 25px} #events .events_slider .events_slider__item .categories a { color: var(--cyan);} #events .events_slider .events_slider__item .categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} #events .events_slider__controller {grid-column: var(--fullcols);position: absolute;bottom: 28%;left: calc(0px - var(--space));right: calc(0px - var(--space));justify-content: space-between;-webkit-justify-content: space-between;display: flex;} #events .events_slider__controller i {width: var(--space); height: var(--space); cursor: pointer;} #events .events_slider__controller i svg {fill: var(--gray)} #events .events_slider__controller i.swiper-button-disabled {opacity: 0.3; cursor: default;} #projects .projects__abstract {grid-column: span var(--cols);} #projects .projects__abstract p {font-size:14px;font-weight:300;color:var(--gray);display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;line-height: normal;} #projects .project_holder {grid-column: col 3 / span 8; display:grid; grid-template-columns: repeat(8, [col] 1fr);grid-gap: var(--gap); margin-top: 10px; box-shadow: -24px 0px 0px 0px #fff, 24px 0px 0px 0px #fff; position: relative;} #projects .project_holder .project_holder__item {grid-column: span 3; position: relative;border-radius: var(--radius);overflow: hidden;} #projects .project_holder .project_holder__item:not(:last-child):before {content:'';position: absolute;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.64));bottom:0;left:0;border-radius: 2px; z-index: 2} #projects .project_holder .project_holder__item .project_detail {position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px 30px; z-index: 2; color: var(--white)} #projects .project_holder .project_holder__item .project_detail h3 {font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 10px} #projects .project_holder .project_holder__item .project_detail span {line-height: 25px} #projects .project_holder .project_holder__item .gImgh {background-color: var(--whitesmoke); position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;} #projects .project_holder .project_holder__item .gImgh:before {padding-top: var(--ratio);display: block;content: ' ';} #projects .project_holder .project_holder__item .gImgh picture, #projects .project_holder .project_holder__item .gImgh > img {position: absolute;width: 100%; min-height: 100%} #projects .project_holder .project_holder__item .gImgh picture img {display: block;width: 100%; min-height: 100%} #projects .project_holder .project_holder__item:nth-child(1) .gImgh {height: 100%} #projects .project_holder .project_holder__item:nth-child(2), #projects .project_holder .project_holder__item:nth-child(3) {grid-column: span 5} #projects .project_holder .project_holder__item:nth-child(2) .gImgh:before, #projects .project_holder .project_holder__item:nth-child(3) .gImgh:before {padding-top: var(--ratio);display: block;content: ' ';} #projects .project_holder a.project_holder__item {background-color: var(--darkblue); display: flex; justify-content: center; -webkit-justify-content: center; align-items: flex-end; -webkit-align-items: flex-end; flex-direction: column; color: var(--white)} #projects .project_holder a.project_holder__item .detail {width: 60%} #projects .project_holder a.project_holder__item .project_holder__item__count {font-size: 60px; line-height: 70px} #projects .project_holder a.project_holder__item .project_holder__item__title {display: flex; align-items: center; -webkit-align-items: center; font-size: 20px; font-weight: 500} #projects .project_holder a.project_holder__item .project_holder__item__title i {margin-right: var(--gap); width: 30px; height: 30px} #projects .project_holder a.project_holder__item .project_holder__item__title i svg {fill: var(--white)} #projects {position: relative; margin-bottom: 10px} /*#projects .wrapper {position: relative; z-index: 2}*/ #projects .project_holder:before, #projects .project_holder:after {content: '';display: flex;background-color: var(--whitesmoke);height: calc(50% - 12px);position: absolute;width: calc(((100vw - 100%) / 2) - 5px); z-index: -1} #projects .project_holder:after {left: 100%;top: 0} #projects .project_holder:before {right: 100%;bottom: 0} #industry {margin-top: 24px; margin-bottom: 24px} #industry .wrapper {position: relative;} #industry .industry__abstract {grid-column: span var(--cols);} #industry .industry__abstract p {font-size:14px;font-weight:300;color:var(--gray);display:flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;line-height: normal;} #industry .industry_slider {grid-column: var(--fullcols); display: flex; overflow: hidden; position: relative;z-index: 1;width: 100%} #industry .industry_slider ul {display:flex; width: 100% !important} #industry .industry_slider .industry_slider__item{background-color: var(--white);position: relative;border: 1px solid var(--separator);border-radius: var(--radius);width:var(--span2); margin-left: var(--gap); flex: 0 0 auto;overflow: hidden;} #industry .industry_slider .industry_slider__item:before {content: ''; display: block; padding-top: 100%} #industry .industry_slider .industry_slider__item .gImgh {width: 100%; height: 100%; position: absolute; top: 0; left: 0; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; display: flex;} #industry .industry_slider .industry_slider__item .gImgh img {max-width: 80%; max-height: 80%} #industry .industry_slider__controller {grid-column: var(--fullcols);position: absolute;bottom: 25%;left: calc(0px - var(--space));right: calc(0px - var(--space));justify-content: space-between;-webkit-justify-content: space-between;display: flex; } #industry .industry_slider__controller i {width: var(--space); height: var(--space); cursor: pointer;} #industry .industry_slider__controller i svg {fill: var(--gray)} #industry .industry_slider__controller i.swiper-button-disabled {opacity: 0.3; cursor: default;} #error {margin-top: 24px; margin-bottom: 24px} #error .wrapper {position: relative;grid-column: var(--fullcols); display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; padding-top: 50px; padding-bottom: 50px} #error .wrapper h1 {font-size: 170px;line-height: 100%;} #reports {margin-top: 24px; margin-bottom: 24px} #reports .reports_holder {grid-column: var(--fullcols); display:grid; grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap); margin-top: 10px} #reports .reports_holder .reports_holder__item {grid-column: span 3; position: relative;border-radius: var(--radius); overflow: hidden;} #reports .reports_holder .reports_holder__item:before {content:'';position: absolute;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.64));bottom:0;left:0;border-radius: 2px; z-index: 2} #reports .reports_holder .reports_holder__item .reports_detail {position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; z-index: 2; color: var(--white)} #reports .reports_holder .reports_holder__item .reports_detail h3 {font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 10px} #reports .reports_holder .reports_holder__item .reports_detail span {line-height: 25px} #reports .reports_holder .reports_holder__item .gImgh {background-color: var(--whitesmoke); position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;} #reports .reports_holder .reports_holder__item .gImgh:before {padding-top: 100%;display: block;content: ' ';} #reports .reports_holder .reports_holder__item .gImgh img {position: absolute;top: 0;height: 100%;} #interview {margin-top: 24px; margin-bottom: 24px; background-color: var(--cyan);} #interview .wrapper {position: relative;} #interview .interview_slider {grid-column: var(--fullcols); display: flex; overflow: hidden; position: relative;z-index: 1;width: 100%} #interview .interview_slider ul {display:flex; width: 100% !important; padding: 50px 0} #interview .interview_slider .interview_slider__item {position: relative; flex: 0 0 auto;width:var(--span4); margin-left: var(--gap); } #interview .interview_slider .interview_slider__item a {display:flex; flex-direction:column; padding: 30px;background-color: var(--white);position: relative;border-radius: var(--radius); flex: 1 1 auto;overflow: hidden; height: 100%} #interview .interview_slider .interview_slider__item:last-of-type {margin-left: 0} #interview .interview_slider .interview_slider__item__header {display: flex; align-items: center; -webkit-align-items: center; position: relative;} #interview .interview_slider .interview_slider__item__header:before {content: ''; position: absolute; top: 50%; height: 1px; background-color: var(--separator); width: 100%; opacity: 0.5} #interview .interview_slider .interview_slider__item__header span {display: inline-flex; padding-left: 15px; background-color: var(--white); z-index: 1; font-weight: 400; color: var(--gray)} #interview .interview_slider .interview_slider__item_details {display: flex; align-items: center; -webkit-align-items: center; margin-top: 20px} #interview .interview_slider .interview_slider__item_details .interview_slider__item_details__avatar {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; overflow: hidden; border-radius: 50px; border:1px solid var(--separator); margin-left: 10px; width: 50px; height: 50px;} #interview .interview_slider .interview_slider__item_details .interview_slider__item_details__avatar img {width: 100%} #interview .interview_slider .interview_slider__item_details .interview_slider__item_details_info {display: flex; flex-direction: column;} #interview .interview_slider .interview_slider__item_details .interview_slider__item_details_info span:nth-child(1) {color: var(--darkblue); font-weight: 400; margin-bottom: 10px} #interview .interview_slider .interview_slider__item_details .interview_slider__item_details_info span:nth-child(2) {font-size: 12px} #interview .interview_slider .interview_slider__item_details_quote {display: flex; align-items: center; -webkit-align-items: center; position: relative; flex-direction: column;flex: 1 1 auto;} #interview .interview_slider .interview_slider__item_details_quote .header {display: flex; align-items: center; -webkit-align-items: center; position: relative; flex-direction: column; width: 100%} #interview .interview_slider .interview_slider__item_details_quote .header:before {content: ''; position: absolute; top: 50%; height: 1px; background-color: var(--separator); width: 100%; opacity: 0.5} #interview .interview_slider .interview_slider__item_details_quote .header img {margin-right: auto; display: inline-block; padding-right: 10px; background-color: var(--white); position: relative; z-index: 1; height: 40px; margin-bottom: 10px} #interview .interview_slider .interview_slider__item_details_quote p {line-height: 24px;flex: 1 1 auto;align-items: center;-webkit-align-items: center;display: flex; width: 100%} #interview .interview_slider__controller {grid-column: var(--fullcols);position: absolute;bottom: 38%;left: calc(0px - var(--space));right: calc(0px - var(--space));justify-content: space-between;-webkit-justify-content: space-between;display: flex;} #interview .interview_slider__controller i {width: var(--space); height: var(--space); cursor: pointer;} #interview .interview_slider__controller i svg {fill: var(--white)} #interview .interview_slider__controller i.swiper-button-disabled {opacity: 0.3; cursor: default;} #chart {margin-top: 24px; margin-bottom: 24px;} #chart .chart_holder {grid-column: col 3 / span 8; direction: rtl; text-align: right;} #chart .chart__abstract {grid-column: col 3 / span 8; display: flex; font-size: 13px; flex-direction: column;} #chart .chart__abstract p {line-height: 22px; margin: 20px 0} #chart .chart__abstract .more {width: var(--span3);font-weight: 500; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: var(--radius); color: var(--white); background-color: var(--cyan);margin: 20px auto;line-height: 40px;} #chart .chart_tooltip {border-bottom: 1px solid silver; border-left: 1px solid silver; font-family: iran; direction: rtl; font-size: 13px} #chart .chart_tooltip td, #chart .chart_tooltip th {border-top: 1px solid silver; border-right: 1px solid silver; padding: 2px 10px} #chart .chart_tooltip th {background-color: #E8E8E8; text-align: center;} #project_list {margin-top: 24px; margin-bottom: 24px;} #project_list .wrapper {position: relative;} #project_list .project_item__holder {grid-column: var(--fullcols); display:grid; grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap);} #project_list .project_item__holder .project_holder__item {grid-column: span 4; position: relative;border-radius: var(--radius);overflow: hidden;} #project_list .project_item__holder .project_holder__item:before {content:'';position: absolute;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.64));bottom:0;left:0;border-radius: 2px; z-index: 2} #project_list .project_item__holder .project_holder__item .project_detail {position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px 30px; z-index: 2; color: var(--white)} #project_list .project_item__holder .project_holder__item .project_detail h3 {font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 10px} #project_list .project_item__holder .project_holder__item .project_detail span {display: inline-flex;line-height: 26px;} #project_list .project_item__holder .project_holder__item .project_detail span:not(:last-of-type):after {content:', ';} #project_list .project_item__holder .project_holder__item .gImgh {background-color: var(--whitesmoke); position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;} #project_list .project_item__holder .project_holder__item .gImgh:before {padding-top: var(--ratio);display: block;content: ' ';} #project_list .project_item__holder .project_holder__item .gImgh picture, #project_list .project_item__holder .project_holder__item .gImgh > img {position: absolute;width: 100%;height: 100%;display: flex; justify-content: center;-webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #project_list .project_item__holder .project_holder__item .gImgh picture img {display: block;height: 100%} .project #hero_slider .hero_slider__item .hero_slider__item__description {width: initial; right: calc(var(--gap) * 3); align-items: flex-start; -webkit-align-items: flex-start; left: calc(var(--gap) * 3);} .project #hero_slider .hero_slider__item .hero_slider__item__description p {text-align: right;} #project_category {margin-top: 24px; margin-bottom: 24px; } #project_category .wrapper {margin-bottom: 24px} #project_category .project_item__holder {grid-column: var(--fullcols); display:grid; grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap);} #project_category .project_item__holder .project_holder__item {grid-column: span 3; display: flex; flex-direction: column;} #project_category .project_item__holder .project_holder__item .gImgh {background-color: var(--whitesmoke); position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: var(--radius)} #project_category .project_item__holder .project_holder__item .gImgh:before {padding-top: var(--ratio);display: block;content: ' ';} #project_category .project_item__holder .project_holder__item .gImgh picture {position: absolute;width: 100%;height: 100%;display: flex; justify-content: center;-webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #project_category .project_item__holder .project_holder__item .gImgh picture img {display: block;height: 100%} #project_category .project_item__holder .project_holder__item .project_holder__item__detail {margin-top: var(--gap)} #project_category .project_item__holder .project_holder__item .project_holder__item__detail h3 {font-weight: 500;font-size: 16px;line-height: 26px;} #project_category .project_item__holder .project_holder__item .project_holder__item__detail p {line-height: 26px;color: var(--gray); margin-top: 5px} #project_category .project_item__holder .project_holder__item .project_holder__item__detail p span {font-weight: 500;} #support {margin-top: 24px; background-color: var(--whitesmoke); padding: 50px 0;} #support .section_header .title {color: var(--darkgray)} #support .support__description {grid-column: var(--fullcols); line-height: 24px} #support .support_holder {grid-column: var(--fullcols); display:grid; grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap); margin-top: 10px} #support .support_holder .support_holder__item {grid-column: span 3; position: relative;border-radius: var(--radius); overflow: hidden; background-color: var(--white); border: 1px solid var(--separator); padding: 30px} #support .support_holder .support_holder__item h3 {font-weight: 400; font-size: 16px; line-height: 26px; margin-top: 30px} #support .support_holder .support_holder__item ol {display: flex; flex-direction: column; margin-top: 20px; line-height: 35px; color: var(--gray)} #support .support_holder .support_holder__item .gImgh {position: relative; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; height: 54px} #support .support_holder .support_holder__item .gImgh:before {padding-top: 100%;display: block;content: ' ';} #support .support_holder .support_holder__item .gImgh img {position: absolute;top: 0;height: 100%;} .event__holder .event__holder__item{padding: 20px;background-color: var(--white);position: relative; margin-left: var(--gap); flex: 0 0 auto;display: flex;flex-direction: column; width: 100%} .event__holder .event__holder__item .status{width:10px;height:10px;border-radius: 50%;background-color:#f3624a;position: absolute;top:50px;right:-10px;} .event__holder .event__holder__item .date {display: flex;flex-flow:row wrap;align-items: center;} .event__holder .event__holder__item .date .from {color: var(--cyan);font-size:14px;font-weight: normal;line-height: normal;} .event__holder .event__holder__item .date .to {color: var(--gray);font-size:14px;font-weight: 300;line-height: normal;} .event__holder .event__holder__item .separator {display: flex; margin:auto var(--gap); height: 1px; background: var(--separator); width: 10%} .event__holder .event__holder__item h2 {font-size: 16px;font-weight: normal;line-height: 28px;color:var(--darkgray);padding-bottom: var(--gap)} .event__holder .event__holder__item .countries {display: flex;flex-flow:row wrap;align-items: center;margin-top: auto;margin-bottom: 10px} .event__holder .event__holder__item .countries img{margin-left: 10px} .event__holder .event__holder__item .countries span{font-size:14px;line-height: normal;color:var(--darkgray);font-weight: normal; margin-left: 10px} .event__holder .event__holder__item .countries span:last-child{font-weight: 300} .event__holder .event__holder__item .categories {display: flex; color: var(--cyan);;margin-top: 20px; } .event__holder .event__holder__item .categories a:not(:last-of-type):after {content: '|'; padding:0 10px; color: var(--gray)} footer {padding:50px 0;background-color:var(--darkblue);color: var(--white);margin-top: auto} footer main .menu_holder {grid-column: span 3} footer main .menu_holder .menu_label {line-height: 24px; font-size: 18px; font-weight: 500; margin-bottom: 30px; display: block;} footer main .menu_holder ul li {line-height: 35px; font-weight: 300} footer aside h3 {line-height: 24px; font-size: 18px; font-weight: 500; margin-bottom: 30px} footer aside p {line-height: 24px; margin-bottom: 24px} footer aside form {display: flex; flex-direction: column; position: relative;} footer aside form .newsletter__register__title {margin-bottom: 15px} footer aside form input {width: 100%; display: flex; flex: 0 0 auto; padding: 10px; padding-left: 50px; border: 0; font-family: iran; border-radius: var(--radius); font-size: 13px} footer aside form button {background-color: transparent;position: absolute; left: 0; bottom: 0; padding: 8px} footer aside form button svg {fill: var(--cyan); transform: scaleX(-1);} #copyright {background-color: var(--cyan); padding: 20px 0;} #copyright p {grid-column: var(--fullcols); color: var(--white)} aside {position: sticky;position: -webkit-sticky; top: var(--gap)} nav aside {position: relative; top: 0} #g_dialog_content .newsletter__register p {display: block; margin-bottom: 30px} #g_dialog_content .newsletter__register input {width: 100%;padding: 9px 15px;font-family: iran;border-radius: var(--radius);border: 1px solid var(--separator);text-align: left; direction: ltr} #g_dialog_content .newsletter__register input::placeholder {text-align: right; direction: rtl} .fullcol main {grid-column: var(--fullcols) !important;} #dashboard {margin-top: 24px; margin-bottom: 24px} #dashboard main {grid-column: span 9;display: flex;flex-direction: column;} #dashboard.login main {grid-column: var(--fullcols); grid-template-columns: repeat(var(--cols), [col] 1fr);display: grid;} #dashboard.login main {padding: 50px 0} #dashboard.login main .gLh {grid-column: col 5 / span 4;} #dashboard.login main .gLh .form_field {margin-left: 0 !important} #dashboard.login main .gLh .form_field:not(.notic) input, #dashboard.login main .gLh .form_field:not(.notic) select, #dashboard.login main .gLh .form_field:not(.notic) button, #dashboard.login main .gLh .form_field:not(.notic) {width: 100%} #dashboard.login main .gLh .seperator {display: none;} #dashboard.userpanel main {grid-column: span 8;} #dashboard.userpanel aside {grid-column: span 4;} #dashboard .dashboard_menu {grid-column: var(--fullcols); grid-template-columns: repeat(8, [col] 1fr); display: grid; grid-gap: var(--gap)} #dashboard .dashboard_menu li {grid-column: span 2} #dashboard .dashboard_menu li a {display: flex; padding: 30px; flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;background-color: var(--white);position: relative;border: 1px solid #e1e1e1;border-radius: var(--radius);flex: 0 0 auto; height: 100%} #dashboard .dashboard_menu li a:hover {background: var(--whitesmoke)} #dashboard .dashboard_menu li a i {margin-bottom: var(--gap); width: 24px; height: 24px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #dashboard .dashboard_menu li a i svg {width: 100%; height: 100%; fill: var(--darkblue)} #dashboard aside .user_info {grid-column: span 3; background-color: var(--whitesmoke); padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column;margin-bottom: var(--gap)} #dashboard aside .user_info h3 {font-size:16px;color: var(--darkblue);} #dashboard aside .user_info p {display: flex;} #dashboard aside .user_info p i {flex: 0 0 auto; margin-left: 10px} #dashboard aside .side_notic {grid-column: span 3; background-color: var(--lightblue); padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column;margin-bottom: var(--gap)} #dashboard aside .side_notic h3 {font-size:16px;color: var(--darkblue);} #dashboard aside .side_notic p {display: flex;} #dashboard aside .side_notic p i {flex: 0 0 auto; margin-left: 10px} #dashboard aside .side_warning {grid-column: span 3; background-color: #f7f1e0; padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column;margin-bottom: var(--gap)} #dashboard aside .side_warning h3 {font-size:16px;color: var(--darkblue);} #dashboard aside .side_warning p {display: flex;} #dashboard aside .side_warning p i {flex: 0 0 auto; margin-left: 10px} #dashboard aside .new_request {display: flex; align-items: center; -webkit-align-items: center;padding: 10px;background: var(--darkblue);border-radius: var(--radius);margin-bottom: var(--gap);color: var(--white);cursor: pointer;} #dashboard aside .new_request i {width: 24px; height: 24px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 10px} #dashboard aside .new_request i svg {width: 100%; height: 100%; fill:var(--whitesmoke);} #dashboard aside .side_menu {grid-column: span 3; background-color: var(--whitesmoke); padding: 20px;line-height: 26px;border-radius: var(--radius);display: flex;flex-direction: column;} #dashboard aside .side_menu h3 {font-size:16px;color: var(--darkblue);} #dashboard aside .side_menu ul {display: flex;flex-direction: column;height: 100%;} #dashboard aside .side_menu ul li {padding: 10px 0 10px;} #dashboard aside .side_menu ul li a {display: flex;} #dashboard aside .side_menu ul li a i {margin-left: 20px} #dashboard aside .side_menu ul li:last-child {padding-bottom: 0} #dashboard div.seperator {background-color: #e1e1e1 !important;font-size: 15px;font-weight: 300; padding-right: 0; padding-left: 0; line-height: 0.1em; margin: 30px 0} #dashboard div.seperator span {color: initial !important;font-size: 15px;font-weight: 300;padding-right: 0;} #dashboard .final_submit {} #dashboard .final_submit [type=checkbox] {display: none;} #dashboard .final_submit [type=checkbox]:checked ~ label {background: #e4f5d1; color: #486924} #dashboard .final_submit [type=checkbox]:checked ~ label:before {background: #486924; border-color: #486924; content: 'check'; font-family: mticon; color: var(--white)} #dashboard .final_submit label {background-color: var(--purple);color: var(--purpledark); width: 100%;padding-right: 20px; border-radius: var(--radius); display: flex; align-items: center; -webkit-align-items: center; cursor: pointer; overflow: hidden} #dashboard .final_submit label:before {content: ''; width: 15px; height: 15px; background: var(--white); border: 1px solid rgba(0,0,0,0.5); flex: 0 0 auto;} #dashboard .final_submit label .ch_label {margin: 0 10px} #dashboard .final_submit label .warning {display: inline-flex; align-items: center; -webkit-align-items: center; font-weight: 500; background: rgba(0,0,0,0.1); padding: 10px 20px; flex: 1 1 auto;margin-right: 10px;} #dashboard .final_submit label .warning i {margin-left: 10px} #dashboard .final_submit label .warning svg {fill: #e6ab03} #dashboard .wizard_tab {width: 100%; font:var(--slab);color:var(--textcolor-1);border:none;justify-content: flex-start;-webkit-justify-content: flex-start; display: flex; padding: 5px !important; border-radius: var(--radius); background: var(--whitesmoke)} #dashboard .wizard_tab span {background: transparent;} #dashboard .wizard_tab span:not(:last-of-type) {margin-right:7px !important;margin-left:7px !important;} #dashboard .wizard_tab span.current:first-of-type {margin-right:0px !important;} #dashboard .wizard_tab .current {font-weight: 400;color: var(--white);border-radius: var(--radius) !important;border: 1px solid var(--darkblue);background: var(--darkblue);} #dashboard .wizard_tab a i {border-radius: var(--radius-s);margin-left: 5px;background: var(--whitecolor);padding: 0px 5px 1px;} #dashboard .wizard_tab .current i {background: var(--primary-dark); color: var(--whitecolor);margin-right: -8px;} #dashboard .last_wizard__item {margin-right: 0 !important;margin-left: 0 !important; padding: 0 1px 0 0 !important} #dashboard .form_field.margin, #dashboard .form_field {margin-left: 19px !important} #dashboard .form_field.nomargin {margin-left: 0 !important} #dashboard .page_description {width: 100%; padding-bottom:var(--gap); line-height: 26px; font-size:14px;} #dashboard .form_field.related[valid]:after {left: 38px !important} #dashboard .form_field .sc_result_list li a {font-size: 14px} #dashboard .detail_holder table th, #dashboard .table_holder table {margin-top: 0} #dashboard .table_holder table th {padding: 10px 5px} #dashboard .table_holder table td {line-height: 20px} #dashboard .table_holder tfoot {border-bottom: 1px solid #abc3b5;border-left: 1px solid #abc3b5;} #dashboard .table_holder tfoot td {border-top: 1px solid #abc3b5;border-right: 1px solid #abc3b5;} #dashboard .detail_holder table.detail .hidden_field td {padding-left: 10px} #dashboard .detail_holder table.detail .hidden_field td .form_field {margin-left: 10px !important} #dashboard .detail_holder table.detail .hidden_field td .form_field.nomargin {margin-left: 0 !important} #dashboard .detail_holder table.detail .hidden_field td .form_field.medium {width: 32.2% !important} #dashboard .detail_holder table.detail .hidden_field td .form_field.medium .text_field, #dashboard .detail_holder table.detail .hidden_field td .form_field.medium input[type=text], #dashboard .detail_holder table.detail .hidden_field td .form_field.medium input[type=readonly], #dashboard .detail_holder table.detail .hidden_field td .form_field.medium input[type=password], #dashboard .detail_holder table.detail .hidden_field td .form_field.medium select, #dashboard .detail_holder table.detail .hidden_field td .form_field.medium .selectric-wrapper, #dashboard .detail_holder table.detail .hidden_field td .form_field.medium .textarea, #dashboard .detail_holder table.detail .hidden_field td .form_field.medium .f_upload.ready:not(.uploaded), #dashboard .detail_holder table.detail .hidden_field td .form_field.medium textarea {width: 100% !important} #dashboard .detail_holder table.detail .hidden_field td .form_field.large {width: 66% !important} #dashboard .detail_holder table.detail .hidden_field td .form_field.large .text_field, #dashboard .detail_holder table.detail .hidden_field td .form_field.large input[type=text], #dashboard .detail_holder table.detail .hidden_field td .form_field.large input[type=readonly], #dashboard .detail_holder table.detail .hidden_field td .form_field.large input[type=password], #dashboard .detail_holder table.detail .hidden_field td .form_field.large select, #dashboard .detail_holder table.detail .hidden_field td .form_field.large .selectric-wrapper, #dashboard .detail_holder table.detail .hidden_field td .form_field.large .textarea, #dashboard .detail_holder table.detail .hidden_field td .form_field.large .f_upload.ready:not(.uploaded), #dashboard .detail_holder table.detail .hidden_field td .form_field.large textarea {width: 100% !important} #dashboard .detail_holder table.detail .operator {width: 1% !important} #dashboard .detail_holder table.detail th {line-height: 25px} #dashboard .detail_holder table.detail td.xlarge {width: 100%} #dashboard .detail_holder table.detail td.xlarge .form_field {width: 100% !important} #dashboard .detail_holder table.detail td.large {width: 65%} #dashboard .detail_holder table.detail td.large .form_field {width: 100% !important} #dashboard .detail_holder table.detail td.medium {width: 35%} #dashboard .detail_holder table.detail td.medium .form_field {width: 100% !important} #dashboard .detail_holder table.detail td.xsmall {width: 25%} #dashboard .detail_holder table.detail td.xsmall .form_field {width: 100% !important} #dashboard .detail_holder table.detail td.small {width: 14%} #dashboard .detail_holder table.detail td.small .form_field {width: 100% !important} #dashboard .detail_holder table.detail td.hide {display: none;} #dashboard .form_field.tag {} #dashboard .form_field.tag .tagify {--tag-bg: var(--cyan);--tag-hover:var(--cyan); padding: 5px 5px 10px 10px; color: var(--white)} #dashboard .form_field.tag .tagify__tag > div {color: var(--white)} #dashboard .form_field.tag .tagify, #dashboard .form_field.tag .tagify.tagify--focus, #dashboard .form_field.tag .tagify.tagify:hover {border-color: #b9b9b9 !important;} #dashboard .related {display: inline-flex;} #dashboard .related.form_field .get_related_btn {box-shadow: none; background-color: var(--darkblue) !important; border-radius: var(--radius) 0 0 var(--radius) !important} #dashboard .notic {border-radius: var(--radius)} #dashboard .notic.inline {display: inline-flex; margin-top: 10px; margin-bottom: 10px; padding: 8px 10px} #dashboard .notic ul {list-style: disc; padding-right: 25px; padding-top: 10px; padding-bottom: 10px} #dashboard .table_holder.xlarge, #dashboard .detail_holder.xlarge, #dashboard .notic.xlarge, #dashboard .form_field.xlarge {width: 100% !important;grid-column: var(--fullcols);} #dashboard .form_field.xlarge .text_field, #dashboard .form_field.xlarge input[type=text], #dashboard .form_field.xlarge input[type=readonly], #dashboard .form_field.xlarge input[type=password], #dashboard .form_field.xlarge select, #dashboard .form_field.xlarge button, #dashboard .form_field.xlarge input[type=submit], #dashboard .form_field.xlarge .selectric-wrapper, #dashboard .form_field.xlarge .f_upload, #dashboard .form_field.xlarge .textarea, #dashboard .form_field.xlarge textarea {width: 100% !important} #dashboard .form_field.xlarge input[prop~=get_related] {width: calc(100% - 30px) !important} #dashboard .table_holder.large, #dashboard .detail_holder.large, #dashboard .notic.large, #dashboard .form_field.large {width: 628px !important} #dashboard .form_field.large .text_field, #dashboard .form_field.large input[type=text], #dashboard .form_field.large input[type=readonly], #dashboard .form_field.large input[type=password], #dashboard .form_field.large select, #dashboard .form_field.large button:not(.get_related_btn), #dashboard .form_field.large input[type=submit], #dashboard .form_field.large .selectric-wrapper, #dashboard .form_field.large .f_upload, #dashboard .form_field.large .textarea, #dashboard .form_field.large textarea {width: 100% !important} #dashboard .form_field.large input[prop~=get_related] {width: calc(100% - 30px) !important} #dashboard .table_holder.medium, #dashboard .detail_holder.medium, #dashboard .notic.medium, #dashboard .form_field.medium {width: 302px !important} #dashboard .form_field.medium .text_field, #dashboard .form_field.medium .image_fix_cropper, #dashboard .form_field.medium input[type=text], #dashboard .form_field.medium input[type=readonly], #dashboard .form_field.medium input[type=password], #dashboard .form_field.medium select, #dashboard .form_field.medium button:not(.get_related_btn), #dashboard .form_field.medium input[type=submit], #dashboard .form_field.medium .selectric-wrapper, #dashboard .form_field.medium .f_upload, #dashboard .form_field.medium .textarea, #dashboard .form_field.medium textarea {width: 100% !important} #dashboard .form_field.medium input[prop~=get_related] {width: calc(100% - 30px) !important} #dashboard .table_holder.xmedium, #dashboard .detail_holder.xmedium, #dashboard .notic.xmedium, #dashboard .form_field.xmedium {width: 464px !important} #dashboard .form_field.xmedium .text_field, #dashboard .form_field.xmedium input[type=text], #dashboard .form_field.xmedium input[type=readonly], #dashboard .form_field.xmedium input[type=password], #dashboard .form_field.xmedium select, #dashboard .form_field.xmedium button:not(.get_related_btn), #dashboard .form_field.xmedium input[type=submit], #dashboard .form_field.xmedium .selectric-wrapper, #dashboard .form_field.xmedium .f_upload, #dashboard .form_field.xmedium .textarea, #dashboard .form_field.xmedium textarea {width: 100% !important} #dashboard .form_field.xmedium input[prop~=get_related] {width: calc(100% - 30px) !important} #dashboard .table_holder.small, #dashboard .detail_holder.small, #dashboard .notic.small, #dashboard .form_field.small {width: 139.5px !important} #dashboard .form_field.small .text_field, #dashboard .form_field.small input[type=text], #dashboard .form_field.small input[type=readonly], #dashboard .form_field.small input[type=password], #dashboard .form_field.small select, #dashboard .form_field.small button:not(.get_related_btn), #dashboard .form_field.small input[type=submit], #dashboard .form_field.small .selectric-wrapper, #dashboard .form_field.small .f_upload, #dashboard .form_field.small .textarea, #dashboard .form_field.small textarea {width: 100% !important} #dashboard .form_field.small input[prop~=get_related] {width: calc(100% - 30px) !important} #dashboard .table_holder.xsmall, #dashboard .detail_holder.xsmall, #dashboard .notic.xsmall, #dashboard .form_field.xsmall {width: 170px !important} #dashboard .form_field.xsmall .text_field, #dashboard .form_field.xsmall input[type=text], #dashboard .form_field.xsmall input[type=readonly], #dashboard .form_field.xsmall input[type=password], #dashboard .form_field.xsmall select, #dashboard .form_field.xsmall button:not(.get_related_btn), #dashboard .form_field.xsmall input[type=submit], #dashboard .form_field.xsmall .selectric-wrapper, #dashboard .form_field.xsmall .f_upload, #dashboard .form_field.xsmall .textarea, #dashboard .form_field.xsmall textarea {width: 100% !important} #dashboard .form_field.xsmall input[prop~=get_related] {width: calc(100% - 30px) !important} #dashboard .detail_holder .hidden_field .small {width: 122px !important} #dashboard .form_field.ltr .text_field, #dashboard .form_field.ltr input[type=text], #dashboard .form_field.ltr input[type=readonly], #dashboard .form_field.ltr input[type=password], #dashboard .form_field.ltr select, #dashboard .form_field.ltr button:not(.get_related_btn), #dashboard .form_field.ltr input[type=submit], #dashboard .form_field.ltr .selectric-wrapper, #dashboard .form_field.ltr .f_upload.ready:not(.uploaded), #dashboard .form_field.ltr .textarea, #dashboard .form_field.ltr textarea {direction: ltr; text-align: left} #dashboard .button {display:flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;display: flex;border-radius: 5px;box-shadow: none;width: initial;padding: 7px 8px;font-size: 13px;} #dashboard .button_holder {display: flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;flex: 0 0 auto;width: 100%;} #dashboard table .button_holder {justify-content: flex-start; -webkit-justify-content: flex-start;} #dashboard table .button_holder .button {padding: 3px 8px;} #dashboard .button_holder > * {margin-right: 5px;} #dashboard .button_holder i {width: 24px; height: 24px; display: flex; justify-content: center; align-items: center;} #dashboard .button_holder i svg {fill: #5f5f5f} #dashboard .currency_text_holder {display: flex;flex-wrap: nowrap;white-space: nowrap;padding-top: 15px;width: 100%;color: #f3624a;} #dashboard #company {grid-column: span 12} #dashboard__menu {display: none;} .tooltip {padding: 5px 6px !important} @media (min-width: 1023px) and (max-width: 1400px) { #dashboard main form {display: flex;flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;} #dashboard div.seperator, #dashboard .notic {width: 100%} #dashboard .table_holder.large, #dashboard .detail_holder.large, #dashboard .notic.large, #dashboard .form_field.large, #dashboard .table_holder.xlarge, #dashboard .detail_holder.xlarge, #dashboard .notic.xlarge, #dashboard .form_field.xlarge {width: 100% !important; margin-left: 0 !important} #dashboard .table_holder.small, #dashboard .detail_holder.small, #dashboard .notic.small, #dashboard .form_field.small, #dashboard .table_holder.medium, #dashboard .detail_holder.medium, #dashboard .notic.medium, #dashboard .form_field.medium, #dashboard .table_holder.xmedium, #dashboard .detail_holder.xmedium, #dashboard .notic.xmedium, #dashboard .form_field.xmedium {width: calc(50% - 10px) !important; margin-left: 0 !important} } @media (min-width: 1023px) and (max-width: 1279px) { #nip_view main {grid-column: span 8;grid-template-columns: repeat(8, [col] 1fr);} #nip_view aside {grid-column: span 4;} header .register {grid-column: span 4;grid-column-end: -4;} header .login {grid-column: span 3} /*NEWS HOME*/ .niplist .nip_item__holder__related, .niplist .nip_item__holder__most_visited {display: none;} .niplist .nip_item__holder .nip_item__holder__large {grid-column: var(--fullcols);grid-template-columns: repeat(var(--cols), [col] 1fr);} .niplist .nip_item__holder .nip_item__holder__large .nip_item__holder__images {grid-column: span 7} .niplist .nip_item__holder .nip_item__holder__large .nip_item__holder__detail {grid-column: span 5} .niplist #nip_list .nip_item__holder .nip_item__holder__smallwrapper {grid-column: var(--fullcols);} .niplist #nip_category .nip_item__holder .nip_item__holder__medium {grid-column: span 4; position: relative; grid-template-columns: repeat(4, [col] 1fr);} .niplist #nip_category .nip_item__holder .nip_item__holder__medium .nip_item__holder__images {grid-column: span 4; } .niplist #nip_category .nip_item__holder .nip_item__holder__medium:before {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.64));bottom: 0;left: 0;border-radius: 2px;z-index: 2;} .niplist #nip_category .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail {position: absolute; bottom: 0; left: 0; right: 0; padding: var(--gap); z-index: 2} .niplist #nip_category .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail h3 {margin-top: 0; color: var(--white)} .niplist #nip_category .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail p, .niplist #nip_category .nip_item__holder .nip_item__holder__medium .nip_item__holder__detail .nip_item__holder__detail_categories {display: none;} .niplist #nip_category .nip_item__holder .nip_item__holder__smallwrapper {grid-column: span 8} .nip_item__holder .nip_item__holder__large {grid-column: span 8;grid-template-columns: repeat(8, [col] 1fr);} .nip_item__holder .nip_item__holder__large .nip_item__holder__images {grid-column: span 5} .nip_item__holder__related {grid-column: span 4} .nip_item__holder .nip_item__holder__large .nip_item__holder__images img {height: 100%; width: initial; right: -25%} #events .events_slider .events_slider__item {width:var(--span4)} #topics aside:not(.filter) {display: none} #topics aside.filter {grid-column: span 4} #topics.col2 main {grid-column: span 8} } @media (max-width: 1023px) { :root { --space: 24px; } /*INDEX*/ #top_header .top_header__social {grid-column: span 3} header .company_logo {} header .login {grid-column: span 3} header .register {grid-column: span 5; grid-column-end: -4} #hero_slider .hero_slider__item .hero_slider__item__description {width: 80%} .nip_item__holder .nip_item__holder__large {grid-column: var(--fullcols);grid-template-columns: repeat(var(--cols), [col] 1fr);} .nip_item__holder .nip_item__holder__large .nip_item__holder__images:before {padding-top: 100%;} .nip_item__holder .nip_item__holder__large .nip_item__holder__images img {width: initial; height: 100%; left: -50%; right: initial;} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail {grid-column: span 6} .home .nip_item__holder__related {position: absolute;width: var(--span6); bottom: 0; left: 0; padding: 5px 10px} .home .nip_item__holder__related h3 {display: none;} .home .nip_item__holder__related ul li {padding: 5px 10px;} .home .nip_item__holder__related ul li:nth-child(n+3) {display: none;} .home .nip_item__holder__related ul li:not(:last-of-type):after {content: none;} #events .events_slider .events_slider__item {width: var(--span4)} #events .events_slider__controller {display: none;} #projects .project_holder:before, #projects .project_holder:after {content: none} #projects .project_holder {grid-column:var(--fullcols);} #industry .industry_slider .industry_slider__item {width: var(--span3)} #industry .industry_slider__controller {display: none;} #reports .reports_holder .reports_holder__item {grid-column: span 4} #reports .reports_holder .reports_holder__item:nth-child(n+4) {display: none;} #interview .interview_slider .interview_slider__item {width: var(--span6)} #interview .interview_slider__controller {display: none;} #chart .chart__abstract, #chart .chart_holder {grid-column: col 2 / span 10; text-align:center;} /*NEWS VIEW*/ #nip_view main {grid-column: var(--fullcols)} #nip_view aside {grid-column: var(--fullcols); display: grid;grid-template-columns: repeat(var(--cols), [col] 1fr);grid-gap: var(--gap)} #nip_view aside > div {grid-column: span 6} /*NEWS HOME*/ .niplist .nip_item__holder__related, .niplist .nip_item__holder__most_visited {display: none;} #news .nip_item__holder__x_medium, #nip_list .nip_item__holder__x_medium, #nip_category .nip_item__holder__x_medium {display: flex;} #news .nip_item__holder__medium , #nip_category .nip_item__holder__medium , #news .nip_item__holder .nip_item__holder__smallwrapper, #nip_list .nip_item__holder .nip_item__holder__smallwrapper, #nip_category .nip_item__holder__smallwrapper {display: none;} #nip_category .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail .nip_item__holder__detail_categories {display: none} #topics aside:not(.filter) {display: none} #topics aside.filter {grid-column: span 4} #topics.col2 main {grid-column: span 8} #project_category .project_item__holder .project_holder__item .gImgh:before {padding-top: 100%} #nip_view aside .download_report_file {grid-column: var(--fullcols); margin-right: calc(50% + (var(--gap) / 2))} #dashboard main form {display: flex;flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;} #dashboard div.seperator, #dashboard .notic {width: 100%} #dashboard .table_holder.large, #dashboard .detail_holder.large, #dashboard .notic.large, #dashboard .form_field.large, #dashboard .table_holder.xlarge, #dashboard .detail_holder.xlarge, #dashboard .notic.xlarge, #dashboard .form_field.xlarge {width: 100% !important; margin-left: 0 !important} #dashboard .table_holder.small, #dashboard .detail_holder.small, #dashboard .notic.small, #dashboard .form_field.small, #dashboard .table_holder.medium, #dashboard .detail_holder.medium, #dashboard .notic.medium, #dashboard .form_field.medium, #dashboard .table_holder.xmedium, #dashboard .detail_holder.xmedium, #dashboard .notic.xmedium, #dashboard .form_field.xmedium {width: 48.3% !important; margin-left: 0 !important} div.wizard_tab {white-space: nowrap; flex-wrap: nowrap; overflow: auto;} div.wizard_tab::-webkit-scrollbar {display: none} #dashboard .final_submit label .warning {white-space: normal; line-height: 20px; margin-right:20px} #dashboard .final_submit label:before {flex: 0 0 auto; margin-left: 10px} } @media (max-width: 839px) { :root { --cols: 8; --space: 24px; --span2: calc(((100vw - (var(--gap) * 4)) / 4) - 6px); --span4: calc(((100vw - (var(--gap) * 2)) / 2) - 12px); } header .company_logo {grid-column: var(--fullcols); justify-content: center; -webkit-justify-content: center; text-align: center;} .nip_item__holder .nip_item__holder__large .nip_item__holder__detail, .nip_item__holder .nip_item__holder__large .nip_item__holder__images {grid-column: span 4} .home .nip_item__holder__related {display: none;} .nip_item__holder .nip_item__holder__x_medium {grid-column: span 4; flex-direction: row;} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__images {width: var(--span2); flex: 0 0 auto; margin-left: var(--gap)} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail {margin-top: 0; justify-content: center;} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail .nip_item__holder__detail_categories {display: none;} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail h3 {font-size: 14px} #projects .project_holder .project_holder__item {grid-column: span 4 !important} #projects .project_holder .project_holder__item .gImgh:before {padding-top: 100% !important} #reports .reports_holder .reports_holder__item:nth-child(n+4) {display: block;} #industry .industry_slider .industry_slider__item {width: var(--span2)} #interview .interview_slider .interview_slider__item {width: var(--span4)} #chart .chart__abstract, #chart .chart_holder {grid-column: var(--fullcols)} #support .support_holder .support_holder__item {grid-column: span 4} #interview .interview_slider .interview_slider__item_details_quote {display: none;} #nip_list .nip_item__holder__x_medium, #nip_category .nip_item__holder__x_medium {display: none;} #nip_list .nip_item__holder .nip_item__holder__smallwrapper, #nip_category .nip_item__holder__smallwrapper {display: grid;} #nip_category .nip_item__holder__smallwrapper, #nip_list .nip_item__holder .nip_item__holder__smallwrapper {grid-column: var(--fullcols);grid-template-columns: repeat(2, [col] 1fr);} #nip_list .nip_item__holder .nip_item__holder__small .nip_item__holder__detail {grid-column: span 3} #nip_list .nip_item__holder .nip_item__holder__smallwrapper .nip_item__holder__small:nth-child(n+7) {display: none;} #nip_category .nip_item__holder .nip_item__holder__small, #nip_list .nip_item__holder .nip_item__holder__smallwrapper .nip_item__holder__small {grid-template-columns: repeat(4, [col] 1fr);} #nip_view aside > div {grid-column: span 4} main {grid-column: span 5;grid-template-columns: repeat(5, [col] 1fr);} footer main .menu_holder {grid-column: span 2} #topics main {grid-column: span 5} #topics aside.filter {grid-column: span 3;} #topics.col2 main {grid-column: span 5} #topics__menu {display: none;} nav #megamenu {overflow: hidden;} nav #megamenu main {grid-column: span 5} nav #megamenu main .megamenu__item_wrapper {grid-template-columns: repeat(8, [col] 1fr);} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info {grid-column: var(--fullcols);flex-direction: row;} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__info .gImgh {margin-bottom: 0; margin-left: var(--gap); width: var(--span3); flex: 0 0 auto;} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu {grid-column: var(--fullcols);grid-template-columns: repeat(2, [col] 1fr);display: grid;grid-gap: 12px 24px; line-height: initial;} nav #megamenu main .megamenu__item_wrapper .megamenu__item_wrapper__submenu > li {margin-bottom: 0} #project_category .project_item__holder .project_holder__item {grid-column: span 4; flex-direction: row;align-items: center;-webkit-align-items: center;} #project_category .project_item__holder .project_holder__item .project_detail h3 {font-weight: 300; font-size: initial;} #project_category .project_item__holder .project_holder__item .gImgh {width: var(--span3); margin-left: var(--gap)} #project_category .project_item__holder .project_holder__item .project_detail {margin-top: 0} #project_category .project_item__holder .project_holder__item .project_detail p {display: none;} #dashboard main, #dashboard.userpanel aside, #dashboard aside {grid-column: var(--fullcols)} } @media (max-width: 719px) { footer main .menu_holder {grid-column: span 4} main {grid-column: var(--fullcols); grid-template-columns: repeat(var(--cols), [col] 1fr);} aside {grid-column: var(--fullcols);} header .company_logo {grid-column: var(--fullcols); justify-content: center; -webkit-justify-content: center; text-align: center;} nav .gHmrv2 {padding: 0} nav .gHmrv2 [for=drop] {color: var(--darkblue) !important;} nav .gHmrv2 [for=drop] > i {font-size: 33px} .gHmrv2 [id^=drop]:checked + .overflow {background: rgba(16, 69, 91, 0.72) !important;} #topics__menu {display: flex !important;} #topics aside.filter {display: none;} #topics main {grid-column: var(--fullcols); padding: 0} #topics.col2 main {grid-column: var(--fullcols)} #hero_slider .hero_slider__item .hero_slider__item__description > p {display: none;} #dashboard .currency_text_holder {white-space: normal;} } @media (min-width: 500px) and (max-width: 1023px) { .suppliment #nip_view aside .nip_item__holder__most_visited {grid-column: var(--fullcols)} } @media (min-width: 500px) and (max-width: 719px) { .nip_item__holder .nip_item__holder__large .nip_item__holder__detail, .nip_item__holder .nip_item__holder__large .nip_item__holder__images {grid-column: var(--fullcols)} .nip_item__holder .nip_item__holder__large .nip_item__holder__images img {width: 100%; height: initial; left: 0} .nip_item__holder .nip_item__holder__large .nip_item__holder__images:before {display: block;content: '';padding-top: var(--ratio);} #nip_category .nip_item__holder .nip_item__holder__small, #nip_list .nip_item__holder .nip_item__holder__smallwrapper .nip_item__holder__small {grid-template-columns: repeat(3, [col] 1fr);} #nip_category .nip_item__holder .nip_item__holder__small .nip_item__holder__detail, #nip_list .nip_item__holder .nip_item__holder__small .nip_item__holder__detail {grid-column: span 2} #project_list .project_item__holder .project_holder__item .gImgh:before {padding-top: 100%} } @media (max-width: 600px) { nav #megamenu {display: none !important} nav .gHmrv2 .login_user {display: block; color: var(--cyan);} nav .gHmrv2 .user {display: block; order: 2;color: var(--cyan);} nav .gHmrv2 .first_level > li:last-of-type {margin-bottom: auto} #nip_view aside .download_report_file {margin-right: 0} #dashboard__menu {display: initial;} } @media (max-width: 500px) { :root { --cols: 4; --space: 16px; --gap: 24px; --span: calc(((100vw - (var(--gap) * 4)) / 4) - 3px); --span2: calc(((100vw - (var(--gap) * 2)) / 2) - 6px); } #g_dialog {min-width: 90vw !important; max-width: 90vw !important} #g_message_holder {left: 0 !important; right: 0 !important; transform: translateX(0) !important;} #g_message_holder .g-message {width: 90vw !important;margin-right: auto;margin-left: auto;} #hero_slider .wrapper {margin: 0} header .register, header .login, #top_header .top_header__search {display: none;} header.user {z-index: initial} header .company_logo {grid-column: var(--fullcols); text-align: center;} header.user .company_logo {grid-column: span 3; text-align: center;} header #loginuser:before {content: 'sort';position: absolute;left: 65px;font-family: mticon;font-size: 24px;top: 20px;color: #10455b;} header #loginuser .gHmrv2 label.toggle[for=drop_dashboard_] {opacity: 0;position: absolute;height: 65px;width: 87px;margin-right: -20px;} header #loginuser .gHmrv2 .first_level {left: initial; right: 0} .section_header .archive {display: none;} .section_header .separator {margin-left: 0} .section_header {margin-bottom: 20px} #projects .project_holder {grid-template-columns: repeat(var(--cols), [col] 1fr);} #events .events_slider .events_slider__item {width: 100%} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__images {width: var(--span)} .nip_item__holder .nip_item__holder__x_medium .nip_item__holder__detail h3 {line-height: 22px; font-size: 13px} #projects .project_holder a.project_holder__item:after {content: '';padding-top: 100%; display: block;} #projects .project_holder a.project_holder__item {-webkit-align-items:center;align-items:center;} #projects .project_holder a.project_holder__item .detail {position: absolute;text-align: center; width: initial;} #interview .interview_slider .interview_slider__item {width: 100%} #interview .interview_slider .interview_slider__item_details_quote {display: flex;} #hero_slider .hero_slider__item .hero_slider__item__description h2 {text-align: center; margin-bottom: 0} #hero_slider .hero_slider__item .hero_slider__item__description > p, #hero_slider .hero_slider__item .hero_slider__item__description > span {display: none;} #nip_category .nip_item__holder__smallwrapper, #nip_list .nip_item__holder .nip_item__holder__smallwrapper {grid-column: var(--fullcols);grid-template-columns: repeat(var(--cols), [col] 1fr); grid-template-rows: none; grid-auto-flow: row;} #nip_category .nip_item__holder .nip_item__holder__small .nip_item__holder__detail, #nip_list .nip_item__holder .nip_item__holder__small .nip_item__holder__detail {grid-column: span 3} #nip_list .nip_item__holder .nip_item__holder__smallwrapper .nip_item__holder__small:nth-child(n+7) {display: none;} #nip_category .nip_item__holder .nip_item__holder__small, #nip_list .nip_item__holder .nip_item__holder__smallwrapper .nip_item__holder__small {grid-column: span 4;grid-template-columns: repeat(4, [col] 1fr);} #nip_view main .date_reshare .label {display: none;} #nip_view main .section_header .topics {flex-wrap: wrap;} #nip_view main .section_header .topics a {flex: 0 0 auto; display: flex} .nip_item__holder .nip_item__holder__xsmall time, .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail_categories, .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__detail_abstract {display: none !important;} .nip_item__holder .nip_item__holder__xsmall .nip_item__holder__images {width: var(--span)} #topics_header .section_header {margin-bottom: 0} #topics_header .title {padding: var(--gap) 0} #project_category .project_item__holder .project_holder__item .gImgh {width: var(--span); flex: 0 0 auto;} #project_list .project_item__holder .project_holder__item .gImgh:before {padding-top: 100%} .project #hero_slider .hero_slider__item .hero_slider__item__description {width: 90vw; right: initial; left: initial; } .project #hero_slider .hero_slider__item .hero_slider__item__description h2 {text-align: center; width: 100%; font-size: 25px} nav .top_header__search {display: block;left: 30px} nav .top_header__search svg {fill: var(--darkblue)} #dashboard main, #dashboard aside {grid-column: var(--fullcols) !important} #dashboard .dashboard_menu li {grid-column: span 4} #dashboard .table_holder.medium, #dashboard .detail_holder.medium, #dashboard .notic.medium, #dashboard .form_field.medium, #dashboard .table_holder.xmedium, #dashboard .detail_holder.xmedium, #dashboard .notic.xmedium, #dashboard .form_field.xmedium, #dashboard .table_holder.large, #dashboard .detail_holder.large, #dashboard .notic.large, #dashboard .form_field.large, #dashboard .table_holder.xlarge, #dashboard .detail_holder.xlarge, #dashboard .notic.xlarge, #dashboard .form_field.xlarge, #dashboard .table_holder.xsmall, #dashboard .detail_holder.xsmall, #dashboard .notic.xsmall, #dashboard .form_field.xsmall #dashboard .table_holder.small, #dashboard .detail_holder.small, #dashboard .notic.small, #dashboard .form_field.small {width: 100% !important; margin-left: 0 !important} #dashboard table .button_holder {width: initial !important;} #dashboard .button_holder .form_field {width: calc(50% - 19px) !important; margin-right: 10px !important; margin-left: 0} input:not([type=file]), textarea, button, select {-webkit-appearance: none; opacity: 1 !important} #dashboard .table_holder {width: 100% !important; display: block !important; border: 0 !important} #dashboard .table_holder table {border: 0 !important} #dashboard .table_holder tbody,#dashboard .table_holder tr,#dashboard .table_holder td, #dashboard .table_holder th {display: block !important; padding: 0; white-space: normal !important;} #dashboard .table_holder thead {position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;} #dashboard .table_holder tr {display: table-row;} #dashboard .table_holder th, #dashboard .table_holder td {display: table-row; padding: 7px; border-top: 1px #e1e1e1 solid; border-left: 1px solid #e1e1e1;} #dashboard .table_holder tbody {display: table-row-group;} #dashboard .table_holder tbody tr {display: table-row; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px} #dashboard .table_holder tbody td[col_label]:before {content: attr(col_label);color: #61615b;background: #f5f5f5; width: 30%; flex: 0 0 auto; display: flex;display: -webkit-flex; padding: 5px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} #dashboard .table_holder tbody td{display: flex !important; padding: 0 !important; text-align: right !important;} #dashboard .table_holder tbody td div {padding: 5px} #dashboard .table_holder tbody td.action {width: 100% !important; justify-content: flex-end; -webkit-justify-content: flex-end;} #dashboard .table_holder tbody td[style] {width: 100% !important} #dashboard .detail_holder {width: 100% !important; display: block !important; border: 0 !important} #dashboard .detail_holder table {border: 0 !important} #dashboard .detail_holder tbody,#dashboard .detail_holder tr.row_field,#dashboard .detail_holder tr.row_field td, #dashboard .detail_holder th {display: block !important; padding: 0; white-space: normal !important;} #dashboard .detail_holder thead {position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;} #dashboard .detail_holder tr.row_field {display: table-row;} #dashboard .detail_holder th, #dashboard .detail_holder td {display: table-row; padding: 7px; border-top: 1px #e1e1e1 solid; border-left: 1px solid #e1e1e1;} #dashboard .detail_holder tbody {display: table-row-group;} #dashboard .detail_holder tbody tr.row_field {display: table-row; border-bottom: 1px solid #e1e1e1;} #dashboard .detail_holder tbody tr.row_field td[col_label]:before {content: attr(col_label);color: #61615b;background: #f5f5f5; width: 30%; flex: 0 0 auto; display: flex;display: -webkit-flex; padding: 5px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} #dashboard .detail_holder tbody tr.row_field td{display: flex !important; padding: 0 !important; text-align: right !important;} #dashboard .detail_holder tbody tr.row_field td.hide {display: none !important;} #dashboard .detail_holder tbody tr.row_field td > div {padding: 5px} #dashboard .detail_holder tbody tr.row_field td.action {width: 100% !important; justify-content: flex-end; -webkit-justify-content: flex-end;} #dashboard .detail_holder tbody tr.row_field td[style] {width: 100% !important} #dashboard .detail_holder table.detail td {width: 100% !important} #dashboard .detail_holder table.detail td.medium .form_field, #dashboard .detail_holder table.detail td.small .form_field, #dashboard .detail_holder table.detail td.xmedium .form_field, #dashboard .detail_holder table.detail td.large .form_field {width: 100% !important} #dashboard .detail_holder table.detail .operator {width: 100% !important} #dashboard .detail_holder table.detail .ibtn.add_rec {position: absolute; top: 0 ; left: 45%;} #dashboard .detail_holder table.detail .ibtn.close_edit_rec, #dashboard .detail_holder table.detail .ibtn.edit_rec {padding: 10px; display: flex; align-items: center; -webkit-align-items: center;} #dashboard .detail_holder table.detail .ibtn.edit_rec:after {content: 'مشاهده سایر فیلد ها'; margin-right: 10px;} #dashboard .detail_holder table.detail .ibtn.close_edit_rec:after {content: 'بستن سایر فیلد ها'; margin-right: 10px;} #dashboard .detail_holder table.detail .row_field .form_field {max-width: calc(100% - 120px) !important} #dashboard .detail_holder table.detail .ibtn.del_rec {padding: 10px; display: flex; align-items: center; -webkit-align-items: center;} #dashboard .detail_holder table.detail .ibtn.del_rec:after {content: 'حذف این رکورد'; margin-right: 10px; color: #cf4040;} #dashboard .detail_holder table.detail tbody {position: relative;} #dashboard .detail_holder table.detail tbody.row {margin-bottom: 10px} #dashboard .detail_holder table.detail .hidden_field td {padding: 10px;text-align: center } #dashboard .detail_holder table.detail .hidden_field td .form_field.small, #dashboard .detail_holder table.detail .hidden_field td .form_field.large, #dashboard .detail_holder table.detail .hidden_field td .form_field.xlarge, #dashboard .detail_holder table.detail .hidden_field td .form_field.medium {width: calc(100% - 20px) !important; margin-left: 0 !important} #dashboard .fupload.uploaded .f_upload .download {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 54px;} #dashboard .form_field .get_related_btn {margin-right: 0} #dashboard form.view .detail_holder table.detail .operator {display: none!important; } #dashboard main {order: 2} #dashboard .final_submit label {flex-wrap: wrap; padding-right: 0; justify-content: flex-start; -webkit-justify-content: flex-start;} #dashboard .final_submit label .ch_label {padding: 10px} #dashboard .final_submit label:before {margin-right: 10px} #dashboard .final_submit label .warning {white-space: normal;line-height: 20px; font-weight: 400} #dashboard .final_submit label .warning i {flex: 0 0 auto;} #dashboard .form_field span.title {white-space: normal; max-width: 80%} #dashboard aside .side_menu ul li {padding: 5px 0} #dashboard .section_header .archive {display: flex;display: block;overflow: hidden;text-overflow: ellipsis;width: 35px;white-space: nowrap; text-indent: 200px; position: relative;} #dashboard .section_header .archive:before {content: 'arrow_back'; position: absolute; top: 2px; left: 8px; color: var(--cyan); font-size: 24px; font-family: mticon} #dashboard.login main .gLh {grid-column: var(--fullcols)} aside {position: relative; top: 0} #dashboard .dashboard_menu li a {padding: 30px 10px} }