::selection{background:#23568B; color:#fff} ::-moz-selection{background:#23568B; color:#fff} ::-webkit-selection{background:#23568B; color:#fff} ::-webkit-scrollbar {height: 8px;width: 8px;background: #fff;} ::-webkit-scrollbar-thumb {background: #dedede;} ::-webkit-scrollbar-corner {background: #dedede;} html {margin: 0 auto; height: auto; display: flex; justify-content: center; -webkit-justify-content: center; min-height: 100%} body {direction: rtl; text-align: right; line-height: 1.8em; font-family: iran, arial; background: #fff url(../images/bg.jpg);font-size: 13px; color: #262626; font-weight: 300;overflow-x: hidden;} body {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; width: 100%} *, *:before, *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .lazy-error:after {content: none !important} b,strong {font-weight: bold;} .gIh {width: 24px; height: 24px; display: flex} .gIh svg {width: 100%; height: 100%;} .mega_menu_back_overlay {visibility: hidden;display: flex !important; top: 0 !important; opacity: 0;-webkit-transition: opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1);transition: opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1);} .wrapper {max-width: 1000px; width: calc(100vw - 30px);min-height: 45px} #g_message_holder .g-message {background: #fbe983 !important;color: #594c05 !important; box-shadow: 0 2px 4px -2px rgb(90, 78, 6) !important} .form_field input[type=text], .form_field input[type=password], .form_field input[type=submit], .form_field input[type=button], .form_field input[type=readonly], .form_field button, .form_field textarea, .form_field select {font-family: iran, arial !important} .form_field .text_field, .form_field input[type=text], .form_field input[type=readonly], .form_field input[type=password] {padding-top: 9px !important; padding-bottom: 9px !important} .form_field button, .form_field input[type=submit] {padding: 9px !important;border-radius: 50px !important;background: #23568b !important;box-shadow: none !important} .highcharts_tooltip_label {display: inline-block; min-width: 50px; max-width: 100px; padding: 0 10px; vertical-align: top; position: relative;} .highcharts_tooltip_label:before {content: '|'; display: inline-block; vertical-align: top; position: absolute; left: -1px; color: #dedede} .highcharts_tooltip_value {display: inline-block; min-width: 30px; padding: 0 10px; font-weight: bold;} .no_data {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column;-webkit-flex-direction: column;-webkit-flex: 1 1 auto;flex: 1 1 auto; padding: 20px;} .pagination {padding: 30px 0 0 !important} .hgltkw {background-color: yellow; display: inline;} .search_area {position: relative;} .search_area i {position: absolute;font-size: 15px;color: #d36652;display: flex;display: -webkit-flex;width: 15px;height: 15px;top: calc(50% - 7px);left: 7px;line-height: 100%; cursor: pointer;} #header {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center;flex: 0 0 auto; -webkit-flex: 0 0 auto; z-index: 101; position: relative; background-color: #fff; z-index: 102} #header .wrapper {display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;min-height: 70px} #header .wrapper .header__extra {display: flex;display: -webkit-flex;} #header .wrapper .header__extra a {padding: 4px 10px;border-radius: 50px; color: #23568b} #header .wrapper .header__extra a:not(:last-of-type) {margin-left:2px;} #header_request {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center;flex: 0 0 auto; -webkit-flex: 0 0 auto; background: #fff; margin-bottom: 50px;border-bottom: 1px solid #dedede;} #header_request .wrapper {border-top: 4px solid #23568b; padding: 20px; display: flex;display: -webkit-flex; height: 100px; align-items: center; -webkit-align-items: center;justify-content: space-between; -webkit-justify-content: space-between;} #top_menu{display: flex;align-items: center;} #top_menu .wrapper{margin: 0 auto;display: flex;align-items: center;min-height: auto;border-top: 1px solid #23568b;} #top_menu .gHmv1{color: #153454} #top_menu .gHmv1 li:hover > a{background-color: transparent;} #top_menu .gHmv1 li a{padding: 5px 15px} #top_menu .gHmv1 > ul > li:not(:last-child):after{display: none} #mega_menu {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; margin-bottom: 20px; position: relative; z-index: 101;flex: 0 0 auto; -webkit-flex: 0 0 auto;background: #23568B;min-height: 5px; position: relative; position: sticky;position: -webkit-sticky; top: 0; box-shadow: 0px 1px 0px rgba(12,13,14,0.1), 0 1px 6px rgba(59, 64, 69, 0.1)} #mega_menu .wrapper {position: initial;display: flex;justify-content: space-between;-webkit-justify-content: space-between;} #mega_menu .gHmrv2 {position: initial !important;} #mega_menu .gHmrv2 li.more {display: flex; -webkit-align-items: center !important;justify-content: flex-end !important;flex-direction: row !important;} #mega_menu .gHmrv2 li.more a {color: #23568B; text-decoration: none; width: 100%;display: flex;} #mega_menu .gHmrv2 li.more a:before {content:'more_horiz'; font-family: mticon;font-size: 25px;margin-left: 10px;line-height: 1em;} #mega_menu .wrapper .mega_menu__dashboard {color: #fff; height: 100%; display: flex;display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; z-index: 1; position: relative;} #mega_menu .wrapper .mega_menu__dashboard .mega_menu__dashboard__item {padding: 3px 15px; border-radius: 15px; background-color: rgba(0,0,0,0.4); margin-right: 5px} #mega_menu .wrapper .mega_menu__dashboard #loginuser {padding-right: 0px; display: flex;align-items: center; -webkit-align-items: center;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .avatar {width: 45px;overflow: hidden;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;cursor: pointer;margin-right: 10px;background: #153454;flex: 0 0 auto;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .avatar:after {content: '';display: block;padding-top: 100%} #mega_menu .wrapper .mega_menu__dashboard #loginuser .avatar img {display: block; width: 100%;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .avatar .lazy-error:after {opacity: 1;content: 'person' !important;background: none;font-family: mticon;font-size: 23px;color: #fff !important;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu {top: 45px !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: 280px;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu .name {padding: 0 10px 10px;border-bottom: 1px solid #f0f0f0;display: flex;margin-bottom: 10px;font-weight: 500;color: #023b7f;font-size: 14px; flex-direction: column;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu .name span {font-size: 13px;font-weight: 200;color: #313131;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu ul {} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu ul li {display: block;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu ul li a {font-size: 13px; color: #23568B;padding: 4px 10px; display: flex; justify-content: space-between;-webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu ul li:hover a {background-color: #23568B;color: #fff;} /*#header.fixed .wrapper .col_3 #loginuser .menu {box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.3), inset 0px 4px 7px -6px #000;}*/ #mega_menu .gMp {display: none;} #breadcrumb {margin-top: -20px; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; margin-bottom: 20px; background: #f3f3f3} #breadcrumb .wrapper {position: initial;display: flex;align-items: center; -webkit-align-items: center;} #breadcrumb a:not(:empty):not(:last-of-type):after {content: 'keyboard_backspace'; margin: 0 10px; font-family: mticon} .header__extra_search {cursor: pointer;margin:0 10px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center; position: relative;} .header__extra_search >i >svg {fill: #153454} .header__extra_search form.close {width: 0;visibility: hidden; z-index: -1} .header__extra_search form.close .search__close {opacity: 0;} .header__extra_search form {display: flex;position: absolute;left: -12px;background: #ececec;width: 500px;border-radius: 4px 4px 0 4px;visibility: visible;-webkit-transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);} .header__extra_search form input {width: 100%;padding: 10px;background: transparent;border: 0;height: 100%; font-family: iran; font-size: 15px; border-radius: 0} .header__extra_search form button {position: absolute; top: 0; left: 0; width: 50px;height: 100%;color: #fff;display: flex; justify-content: center; -webkit-justify-content: center;align-items: center; -webkit-align-items: center; background-color: transparent;border: 0} .header__extra_search form .gIh svg {width: 24px; height: 24px; fill: #46799b} .header__extra_search form .search__close {position: absolute;top: 100%;background: #000;color: #fff !important;font-size: 12px;font-weight: 400;line-height: 1em;padding: 3px 8px 3px 5px;right: 0;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center; border-radius: 0 0 4px 4px !important; cursor: pointer; opacity: 1; flex-direction: row-reverse;} .header__extra_search form .search__close .gIh {width: 10px;height: 15px;margin-left: 5px;} .header__extra_search form .search__close svg {width: 100%; height: 100%; fill: #fff;} #main {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; flex: 1 0 auto;} #main .wrapper {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap;} #main .wrapper.center {justify-content: center;-webkit-justify-content: center;} #main .wrapper.request {display: block;} #col_main {width: calc(70% - 10px);display: flex;display: -webkit-flex; flex-direction:column;-webkit-flex-direction:column;} #col_full {width: 100%;} #col_full.error {justify-content: center;-webkit-justify-content: center; padding: 50px 0; text-align: center;} #col_full.error h1 {font-size: 150px; line-height: 100%} #col_side {width: calc(30% - 10px);display: flex;display: -webkit-flex; flex-direction:column;-webkit-flex-direction:column;} /* MAIN CONTENT */ #slider {} #slider .slider__footer {border-top: 4px solid #ededed; display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; margin-top: 10px; overflow: hidden;} #slider .slider__footer .tab {margin-left:-10px;} #slider .slider__footer .tab .content {display: flex;padding: 8px 15px;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;} #slider .slider__footer .slider__footer__pagination {display: flex;display: -webkit-flex; margin: 0 !important} #slider .slider__footer .slider__footer__pagination span {line-height: 1em;background: #fff;margin: 0 2px;width: 7px;height: 7px;border-radius: 2px;overflow: hidden; opacity: 1 !important} #slider .slider__footer .slider__footer__pagination span.active {background-color: #656565} #slider .slider__footer i[class*=slider__footer__pagination__] {cursor: pointer; width: 18px; height: 18px} #slider .slider__footer i[class*=slider__footer__pagination__] svg {fill:#656565;} #slider .slider__footer .slider__footer__description {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 10px 0;display: flex;display: -webkit-flex; flex:1 1 auto;} #slider .slider__wrapper {overflow: hidden;} #slider .slider__wrapper ul {display: flex;display: -webkit-flex; flex-wrap: nowrap;} /*#slider:after {display: block; padding-top: 50%; content: ''}*/ #slider .slider__wrapper .slider__item {position: relative; z-index: 100 !important} #slider .slider__wrapper .slider__item .slider__item__description {position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.3); bottom: 0; padding: 15px; color: #fff} #slider .slider__wrapper .slider__item__image_holder {display: flex;display: -webkit-flex; justify-content: center;-webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 100%} /*#slider .slider__wrapper .slider__item:after {content: ''; display: block; padding-top: 50.7%;position: absolute;}*/ #slider .slider__wrapper .slider__item__image_holder img {height: 100%} #statistic {margin-top: 50px} #statistic ul {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap;} #statistic .statistic__item {width: 32.6%; display: flex;display: -webkit-flex; background: #efefef; border-radius: 10px; padding: 15px; margin-top: 10px; box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.57); -webkit-box-shadow:0px 2px 3px -2px rgba(0, 0, 0, 0.57); min-height: 100px} #statistic .statistic__item i {margin:auto 15px;flex: 0 0 auto;} #statistic .statistic__item i svg {fill: #656565} #statistic .statistic__item .content {position: relative; padding: 0 20px 0 0; margin-right: 10px;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;-webkit-justify-content: center; flex: 1 1 auto;} #statistic .statistic__item .content h2 {color: #4c4c4c; font-size: 13px; margin: 5px 0} #statistic .statistic__item .content .count {font-size: 20px; color: #23568b} #statistic .statistic__item .content:before {content: ' '; width: 4px; height: 100%; background: #fff; position: absolute; right: 0px; top: 0; bottom: 0;} #news_list {} #news_list .content ul {display: flex;display: -webkit-flex; flex-wrap:wrap;} #news_list .news__item {display: flex;display: -webkit-flex;width: calc(50% - 8px);margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #news_list .news__item:nth-child(2n) {margin-left: 15px} #news_list .news__item > a {display: flex;display: -webkit-flex; flex-wrap:nowrap;align-items: center;-webkit-align-items: center;} #news_list .news__item .news__item__image_holder {width: 100px; height: 100px; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 15px;-webkit-flex: 0 0 auto;} #news_list .news__item .news__item__image_holder img {width: 100%; display: block;} #news_list .news__item .detail {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content: center;} #news_list .news__item .news__item__detail_title {font-weight: 400; color: #4c4c4c; display: flex;display: -webkit-flex; flex-direction:column;} #news_list .news__item .news__item__detail_title > span {color: #969696; font-weight: normal !important; font-size: 12px} #news_list .news__item .news__item__detail_abstract, #news_list .news__item .news__item__detail_visited {display: none;} #news_view .news_view__header {display: flex;display: -webkit-flex; align-items:center; -webkit-align-items:center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px solid #f0f0f0} #news_view .news_view__header .news_view__header_image_holder {width: 90px; height: initial; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 20px; -webkit-flex: 0 0 auto;} #news_view .news_view__header .news_view__header_image_holder:after {padding-top: 70%; display: block; content: ''} #news_view .news_view__header .news_view__header_image_holder img {width: 100%; display: block;} #news_view .news_view__header .news_view__header__info h1 {font-size: 15px; font-weight: 400; line-height: 2em} #news_view .news_view__header .news_view__header__info .news_view__header__info_abstract {font-weight: 300} #news_view .news_view__content a {text-decoration: underline;} #news_view .news_view__content table, #news_view .news_view__content img {max-width: 100%; height: auto} #news_view .opinion {margin-top: 25px} #news_view .news_view__subject {display: flex;display: -webkit-flex;padding: 10px 15px;background: rgba(240, 240, 240, 0.4);margin: -20px 0 20px;flex-wrap: wrap;-webkit-flex-wrap: wrap;} #news_view .news_view__subject a {color: #23568b;display: inline-block; padding: 0 5px; position: relative;} #news_view .news_view__subject a:not(:first-of-type):before {content: ',';position: absolute;right: 0;} #paper_list {} #paper_list .content ul {display: flex;display: -webkit-flex; flex-wrap:wrap;} #paper_list .paper__item {display: flex;display: -webkit-flex;width: calc(50% - 8px);margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #paper_list .paper__item:nth-child(2n) {margin-left: 15px} #paper_list .paper__item > a {display: flex;display: -webkit-flex; flex-wrap:nowrap;align-items: center;-webkit-align-items: center;} #paper_list .paper__item .paper__item__image_holder {width: 100px; height: 100px; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 15px;-webkit-flex: 0 0 auto;} #paper_list .paper__item .paper__item__image_holder img {width: 100%; display: block;} #paper_list .paper__item .detail {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content: center;} #paper_list .paper__item .paper__item__detail_title {font-weight: 400; color: #4c4c4c; display: flex;display: -webkit-flex; flex-direction:column;} #paper_list .paper__item .paper__item__detail_title > span {color: #969696; font-weight: normal !important; font-size: 12px} #paper_list .paper__item .paper__item__detail_abstract, #paper_list .paper__item .paper__item__detail_visited {display: none;} #paper_view .paper_view__header {display: flex;display: -webkit-flex; align-items:center; -webkit-align-items:center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px solid #f0f0f0} #paper_view .paper_view__header .paper_view__header__info h1 {font-size: 15px; font-weight: 400; line-height: 2em} #paper_view .paper_view__header .paper_view__header__info .paper_view__header__info_abstract {font-weight: 300} #paper_view .paper_view__header .paper_view__header_image_holder {width: 90px; height: initial; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 20px; -webkit-flex: 0 0 auto;} #paper_view .paper_view__header .paper_view__header_image_holder:empty {display: none;} #paper_view .paper_view__header .paper_view__header_image_holder:after {padding-top: 70%; display: block; content: ''} #paper_view .paper_view__header .paper_view__header_image_holder img {width: 100%; display: block;} #paper_view .paper_view__subject {display: flex;display: -webkit-flex;padding: 10px 15px;background: rgba(240, 240, 240, 0.4);margin: -20px 0 20px;flex-wrap: wrap;-webkit-flex-wrap: wrap;} #paper_view .paper_view__subject a {color: #23568b;display: inline-block; padding: 0 5px; position: relative} #paper_view .paper_view__subject a:not(:first-of-type):before {content: ',';position: absolute;right: 0;} #paper_view .paper_view__content a {text-decoration: underline;} #paper_view .paper_view__content table, #paper_view .paper_view__content img {max-width: 100%} #paper_view .opinion {margin-top: 25px} #service_view {} #service_view .tab_holder {border-top: 4px solid #ededed; border-bottom: 0 !important} #service_view .sub_service {margin-bottom: 10px;} #service_view .sub_service .sub_service_header {background-color: #f8f8f8;padding: 9px 10px;font-size: 13px;border-radius: 6px 6px 0 0;color: #4c4c4c;position: relative;border: 1px solid #ededed;border-bottom: 0;cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; -webkit-align-items: center;} #service_view .sub_service .sub_service_header .title:before {content: 'remove';font-family: mticon;background-color: rgba(0,0,0,0.1);border-radius: 8px;width: 20px;height: 20px; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; font-weight: bold; color: #96989c;font-size: 15px; order: 1; -webkit-order:1; margin-left: 10px; flex: 0 0 auto;} #service_view .sub_service .sub_service_header .title {order: 2;-webkit-order: 2; flex: 1 1 auto;flex-direction: row-reverse;display: flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center; cursor: pointer;} #service_view .sub_service .sub_service_header .title .tag_holder {display: flex;flex-wrap: wrap} #service_view .sub_service .sub_service_header .title .tag_holder i {display: flex;line-height: 1em;padding: 2px 3px;background: #d6e6f7;border-radius: 4px;margin-left: 5px;margin-bottom: 5px;} #service_view .sub_service .sub_service_header > .more {display: none;order: 3;-webkit-order: 3;margin-right: auto;background: rgb(240,209,179);color: #3d3d3d;;border-radius: 25px;padding: 5px 20px;} #service_view .sub_service.close .sub_service_header > .more {display: inline-flex;} #service_view .sub_service .sub_service_header .register_service {order: 3;-webkit-order: 3;margin-right: auto;background: #d88230;display: inline-flex;color: #fff;border-radius: 25px;padding: 5px 20px;} #service_view .sub_service.open .sub_service_header .title:before {content: 'remove'} #service_view .sub_service.close .sub_service_header .title:before {content: 'add'} #service_view .sub_service.close .sub_service_header {border-bottom: 1px solid #ededed; border-radius: 6px} #service_view .sub_service.close .register_service {display: none;} #service_view .sub_service.no_child .sub_service_header {border-radius: 5px; border:1px solid #ededed; cursor: default;} /*#service_view .sub_service.no_child .sub_service_header:before {content: none}*/ #service_view .sub_service .sub_service_tab {padding: 10px 0;} #service_view .sub_service .sub_service_tab {-webkit-transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);} #service_view .sub_service .sub_service_tab > div {display: none} #service_view .sub_service .sub_service_tab .show {display: flex} #service_view .sub_service .sub_service_tab .show ul {width: 100%} #service_view .sub_service.open .sub_service_tab {height: inherit; overflow: inherit; opacity: 1;} /*#service_view .sub_service.close .sub_service_tab {opacity: 0; height: 0; overflow: hidden;} #service_view .sub_service.close .tab_holder_ver a {opacity: 0.3}*/ #service_view .sub_service.close .sub_service_tab, #service_view .sub_service.close .tab_holder_ver {display: none; border-radius: 5px} #service_view .sub_service .sub_service_tab #regulation a.regulation_file {line-height: 1.5em;text-decoration: underline;color: #23568b;margin: 10px 0;display: inline-flex;} #service_view .sub_service .sub_service_tab #description {padding-top: 10px; flex-direction: column;align-items: flex-start;-webkit-align-items: flex-start; text-align: justify;} #service_view .sub_service .sub_service_tab #description > a {padding: 8px 20px; color: #fff; background-color: #23568B; border-radius: 50px; margin-top: 10px; display: inline-block; margin-bottom: 10px} #service_view .sub_service .sub_service_tab #broker a.request {padding: 6px 20px; color: #fff; background-color: #23568B; border-radius: 50px; margin-top: 10px; display: inline-block; margin-bottom: 10px} #service_view .sub_service .sub_service_tab #regulation li {margin-right: 50px; position: relative; margin-top: 10px} #service_view .sub_service .sub_service_tab #regulation li:before {content: 'class';font-family: mticon;position: absolute;top: 3px;right: -37px;font-size: 20px;} #service_view .sub_service .sub_service_tab #regulation .regulation_title {font-size: 14px; font-weight: bold;} #service_view .sub_service .sub_service_tab #regulation . #service_view .sub_service .sub_service_tab #workflow li {margin-right: 50px; position: relative; margin-top: 10px} #service_view .sub_service .sub_service_tab #workflow li:before {content: 'loop';font-family: mticon;position: absolute;top: 3px;right: -37px;font-size: 20px;} #service_view .sub_service .sub_service_tab #workflow .workflow_title {font-size: 14px; font-weight: bold;} #service_view .sub_service .sub_service_tab #workflow .workflow_file {padding: 8px 20px; color: #fff; background-color: #23568B; border-radius: 50px; margin-top: 10px; display: inline-block;} #service_view .sub_service .sub_service_tab #broker li {margin-right: 10px; position: relative; margin-top: 10px; display: flex;display: -webkit-flex; align-items:center; -webkit-align-items:center;} #service_view .sub_service .sub_service_tab #broker .broker_logo {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; background-color: #f0f0f0; border-radius: 6px; width: 65px; height: 65px; overflow: hidden; margin-left: 20px} #service_view .sub_service .sub_service_tab #broker .broker_logo img {display: block; max-height: 65px} #service_view .sub_service .sub_service_tab #broker .broker_title {font-size: 14px; font-weight: bold;} #service_view .sub_service .sub_service_tab #broker .score {margin-bottom: 5px;color: #ca9b0e;display: flex;display: -webkit-flex;width: max-content;line-height: 1em;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 17px;border-radius: 3px;} #service_view .sub_service .sub_service_tab #broker .score i {font-size: 12px; margin-left: 5px} #service_view .sub_service .sub_service_tab #course li { position: relative; padding: 10px 5px; display: flex;flex-direction: row-reverse; -webkit-flex-direction: row-reverse; align-items: center; -webkit-align-items: center;} #service_view .sub_service .sub_service_tab #course li:not(:last-of-type) {border-bottom: 1px solid #e2e2e2;} #service_view .sub_service .sub_service_tab #course li i {margin-left: 10px; flex: 0 0 auto;} #service_view .sub_service .sub_service_tab #course li i svg {fill : #acadb0;} #service_view .sub_service .sub_service_tab #course li .title {font-weight: 300; font-size: 16px} #service_view .sub_service .sub_service_tab #course li .subject {color: #96989c} #service_view .sub_service .sub_service_tab #course li .register_date {font-weight: 400;} #service_view .sub_service .sub_service_tab #course li .detail {flex: 1 1 auto;} #service_view .sub_service .sub_service_tab #course li .more {padding: 6px 20px; color: #fff; background-color: #23568B; border-radius: 50px; margin-top: 10px; display: inline-block; margin-bottom: 10px;cursor: pointer; flex: 0 0 auto;} #service_view .sub_service .sub_service_tab #event li { position: relative; padding: 10px 5px; display: flex;cursor: pointer; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; align-items: center; -webkit-align-items: center;} #service_view .sub_service .sub_service_tab #event li:not(:last-of-type) {border-bottom: 1px solid #e2e2e2;} #service_view .sub_service .sub_service_tab #event li i {margin-left: 10px; flex: 0 0 auto;} #service_view .sub_service .sub_service_tab #event li i svg {fill : #acadb0;} #service_view .sub_service .sub_service_tab #event li .title {font-weight: 300; font-size: 16px} #service_view .sub_service .sub_service_tab #event li .detail {flex: 1 1 auto;} #service_view .sub_service .sub_service_tab #event li .more {padding: 6px 20px; color: #fff; background-color: #23568B; border-radius: 50px; margin-top: 10px; display: inline-block; margin-bottom: 10px; flex: 0 0 auto;} #service_view #service_information {margin-bottom: 20px} #service_view #service_information .banner {border-radius: 6px; width: 100%; background-color: #f0f0f0; overflow: hidden;display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #service_view #service_information .banner:after {content: '';display: block; padding-top: 22.8%} #service_view #service_information .banner img {width: 100%; display: block;} #service_view #service_information .header {display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; padding: 10px 0;} #service_view #service_information .header .image_holder {width: 80px; height: 80px; border-radius: 5px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; flex: 0 0 auto; -webkit-flex: 0 0 auto; box-shadow: 0px 0px 1px 0px #153454} #service_view #service_information .header .image_holder img {max-height: 80px; display: block;} #service_view #service_information .header .title h1 {font-size: 18px;} #service_view #service_information .header .title span {line-height: 2em;display: block;} #service_view #service_information .header .service_request {background: #23568b;color: #fff;padding: 10px 30px;border-radius: 50px;margin-right: auto; flex: 0 0 auto;} #service_view #service_information .description {padding: 10px 0; text-align: justify;} #service_view #search_in_service {margin-bottom: 20px;margin-top: 20px;} #service_view #search_in_service input {width: 100%;padding: 10px 20px;border-radius: 5px;border: 1px solid #ededed;font-family: iran;} #service_list {} #service_list td div {display: flex;} #service_list td div a {text-decoration: underline; color: #23568b} #service_list td div .request {padding: 5px 20px;color: #fff;background-color: #23568B;border-radius: 50px;display: inline-block; text-decoration: none;} #service_list td .button {margin-right: auto; cursor: pointer;padding: 3px} #service_list .service_list_tab {padding: 10px} #service_list .service_list_tab > div {display: none} #service_list .service_list_tab .show {display: flex;flex-flow: column wrap} #service_list .service_list_tab .description{margin: 10px 0} #service_list .service_list_tab ul {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; width: 100%} #service_list .service_list_tab ul li {display: flex;display: -webkit-flex;width: calc((100% / 2) - 5px);margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #service_list .service_list_tab ul li a {display: flex;display: -webkit-flex; align-items:flex-start; -webkit-align-items:flex-start;} #service_list .service_list_tab ul li:last-child, #service_list .service_list_tab ul li:nth-last-child(2):nth-child(odd) {border-bottom: 0; margin-bottom: 0; padding-bottom: 15px} #service_list .service_list_tab ul li .icon_holder {width: 70px; height: 70px; border-radius: 5px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; flex: 0 0 auto; -webkit-flex: 0 0 auto;box-shadow: 0px 0px 1px 0px #153454} #service_list .service_list_tab ul li .icon_holder img {height: 100%; display: block;} #service_list .service_list_tab ul li a h3 {font-weight: 400; font-size: 15px} #main #static_page .content {text-align: justify; padding: 10px} #main #static_page .content * {line-height: 2em !important} .statics a {text-decoration: underline; color: #23568b} .statics b {font-weight: bold} .statics ul {list-style: disc; margin: 10px 50px 10px 0;} .statics img {max-width: 700px;} #opinion {margin-top: 0 !important; padding-top: 20px !important} #opinion * {line-height: 2em !important} #opinion .heading {display: none;} #opinion [data-name=name] {margin-left: 14px} #opinion [data-name=name], #opinion [data-name=email] {display: inline-block; vertical-align: top; width: calc(50% - 10px)} #opinion textarea , #opinion [type=text] {font-family: iran, arial !important;width: 100% !important; border-radius: 2px !important;border: 1px solid #b9b9b9 !important;padding: 7px 20px !important;color: #9B9B9B !important;} #opinion .operators {margin: 0 !important; text-align: left !important;} #opinion .operators input { width: 286px !important; border-radius: 2px !important} #opinion .captcha {margin-bottom: 0px !important} #opinion #opinion_form .captcha [type=text] {width: 285px !important} #opinion input[type=submit] {font-family: iran; background: #23568b !important; border-radius: 50px !important} #opinion #opinion_items .item .answer {margin-right: 50px} #opinion #opinion_items .item .reply {display: inline-block;padding: 0px 11px;color: #238b44 !important;border-radius: 50px;} #opinion.custom_opinion_items { margin-top: 40px !important} #contractor_list #export_excel {margin-right: auto; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; font-size: 11px; padding: 0 20px; color: #1c9211} #contractor_list #export_excel i {font-size: 18px; margin-right: 10px} #contractor_list .contractor_list_tab {} #contractor_list .contractor_list_tab > div {padding: 10px;display: none} #contractor_list .contractor_list_tab .show {display: flex} #contractor_list .contractor_list_tab ul {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; width: 100%} #contractor_list .contractor_list_tab ul li {display: flex;display: -webkit-flex;width: calc((100% / 2) - 5px);margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #contractor_list .contractor_list_tab ul li:last-child, #contractor_list .contractor_list_tab ul li:nth-last-child(2):nth-child(odd) {border-bottom: 0; margin-bottom: 0; padding-bottom: 15px} #contractor_list .contractor_list_tab ul li .icon_holder {width: 70px; height: 70px; border-radius: 5px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; flex: 0 0 auto; -webkit-flex: 0 0 auto; box-shadow: 0px 0px 1px 0px #153454} #contractor_list .contractor_list_tab ul li .icon_holder img {max-height: 70px; display: block;} #contractor_list .contractor_list_tab ul li a h3 {font-weight: 400; font-size: 15px} #contractor_list .contractor_list_tab ul li a .score {margin-bottom: 5px;color: #ca9b0e;display: flex;display: -webkit-flex;width: max-content;line-height: 1em;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 17px;border-radius: 3px;} #contractor_list .contractor_list_tab ul li a .score i {font-size: 12px; margin-left: 5px} #contractor_list .contractor_list_tab ul li .info {margin-top: 10px; display: flex} #contractor_list .contractor_list_tab ul li .info a {display: flex;display: -webkit-flex; margin-left: 10px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #contractor_list .contractor_list_tab ul li .info a:not(:first-of-type):before {content: '|'; margin-left: 10px; font-size: 10px;color: #cccccc;} #contractor_list .contractor_list_tab ul li .info i {font-size: 18px; color: #23568b; display: inline-block; margin-left: 10px} #contractor_list .contractor_list_tab ul li .popup_area_content {display: none;} #contractor_list .contractor_list_tab ul li .contractor_info .gSRh {margin-bottom: 10px;color: #897b00;display: flex;display: -webkit-flex;width: max-content;line-height: 1em;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 17px;padding: 0 4px;border-radius: 3px;} #contractor_list .contractor_list_tab ul li .contractor_info .gSRh i {font-size: 17px;transform: scaleX(-1);} #contractor_view > div:not(:first-of-type) {margin-top: 25px} #contractor_view .contractor_header {height: 300px; width: 100%; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #contractor_view .contractor_header .icon_holder {width: 170px; height: 170px; border-radius: 20px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; background-color: #fff; border: 4px solid #f0f0f0; flex: 0 0 auto; -webkit-flex: 0 0 auto;} #contractor_view .contractor_header .icon_holder img {max-height: 170px; display: block;max-width: 150px} #contractor_view .contractor_header .information h1 {font-weight: bold; font-size: 21px; margin-bottom: 20px} #contractor_view .contractor_header .information .gSRh {margin-bottom: 10px;color: #897b00;display: flex;display: -webkit-flex;width: max-content;line-height: 1em;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 17px;padding: 0 4px;border-radius: 3px;} /*background-color: #e4cd06;*/ #contractor_view .contractor_header .information .gSRh i {font-size: 17px;transform: scaleX(-1);} #contractor_view .item_content {padding: 10px 0} #contractor_view .information {max-width: 50%} #contractor_view .chart_holder {min-height: 400px;margin-top: 30px; direction: ltr; max-height: 600px} #contractor_view .chart_holder .chart_tooltip {display: flex;display: -webkit-flex;flex-wrap: wrap;flex-direction: row-reverse;justify-content: space-between;-webkit-justify-content: space-between;padding: 10px; width: 310px} #contractor_view .chart_holder .chart_tooltip p {font-weight: bold; margin-bottom: 10px; width: 100%; text-align: right;} #regulation_list .regulation_list_tab {} #regulation_list .regulation_list_tab > div {padding: 10px;display: none} #regulation_list .regulation_list_tab .show {display: flex} #regulation_list .regulation_list_tab ul {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; width: 100%} #regulation_list .regulation_list_tab ul li {display: flex;display: -webkit-flex;width: calc((100% / 2) - 5px);margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #regulation_list .regulation_list_tab ul li .icon_holder {width: 70px; height: 70px; border-radius: 15px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; background-color: #fff; border: 1px solid #f0f0f0; flex: 0 0 auto; -webkit-flex: 0 0 auto;} #regulation_list .regulation_list_tab ul li a h3 {font-weight: 400; font-size: 15px} #regulation_list .regulation_list_tab ul li svg {fill: #23568b} #course_list {} #course_list ul {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #course_list ul li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #ededed} #course_list ul li:last-of-type {margin-bottom: 0; padding-bottom: 0; border: 0} #course_list ul li a {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; padding: 10px} #course_list ul li a h3 {font-weight: 400; font-size: 15px; line-height: 1.8em} #course_list ul li a h3 span {font-weight: normal; font-size: 12px; opacity: 0.6} #event_list {} #event_list ul {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #event_list ul li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #ededed} #event_list ul li:last-of-type {margin-bottom: 0; padding-bottom: 0; border: 0} #event_list ul li a {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; padding: 10px} #event_list ul li a img {width: 32px;} #event_list ul li a h3 {font-weight: bold; margin-top: -32px; margin-right: 45px; font-weight: 300; font-size: 15px; line-height: 1.9em} #event_list ul li a h3 span {font-weight: normal; font-size: 12px; opacity: 0.6} #event_list ul li a .description {margin-right: 45px; font-weight: 200; margin-top: 10px} #company .company_header {height: 300px; width: 100%; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #company .company_header .logo_holder {width: 170px; height: 170px; border-radius: 20px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; background-color: #fff; border: 4px solid #f0f0f0; flex: 0 0 auto; -webkit-flex: 0 0 auto;} #company .company_header .logo_holder img {max-height: 170px; display: block;max-width: 150px} #company .company_header .information h1 {font-weight: bold; font-size: 21px;} #company .company_header .information .score {background-color: #e4cd06;margin-bottom: 5px;color: #897b00;display: flex;display: -webkit-flex;width: max-content;line-height: 1em;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 17px;padding: 0 4px;border-radius: 3px;} #company .company_header .information .score i {font-size: 12px; margin-left: 5px} /* SIDE CONTENT */ #main #col_side > div {margin-bottom: 15px} #events {} #events .event_footer {border-top: 4px solid #ededed; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #events .event_footer #event_archive {display: none;} #events .event_footer #calendar {margin-right: auto; cursor: pointer;} #events .event_footer #calendar svg {fill: #23568b} #events .event_footer i {font-size: 17px; margin-left: 5px; opacity: 0.7} #events .events_tab {height: 325px;} #events .events_tab #upcoming_calendar {padding: 5px 10px 0px; height: 100%; flex-direction:column; -webkit-flex-direction:column;} #events .events_tab #upcoming_calendar #upcoming_events_instance {display: flex;display: -webkit-flex; flex:0 0 auto;} #events .events_tab #upcoming_calendar #upcoming_events_instance > div {width: 100%} #events .events_tab #upcoming_event .tab_holder {border-width: 2px} #events .events_tab #upcoming_event .tab_holder a {padding: 10px; display: flex;display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #events .events_tab #upcoming_event .tab_holder a.active {color: #d06c13} #events .events_tab #upcoming_event .upcoming_event_tab > div {display: none;flex: 1 1 auto;-webkit-flex: 1 1 auto;height: 274px;flex-direction: column;-webkit-flex-direction: column;max-height: 275px;overflow: auto;} #events .events_tab #upcoming_event .upcoming_event_tab .show {display: flex;display: -webkit-flex;} #events .events_tab #upcoming_event .upcoming_event_tab a {padding: 10px; border-bottom: 2px solid #ededed; } #events .events_tab #upcoming_event .upcoming_event_tab a .date {color: #4c4c4c;} #events .events_tab #upcoming_event .upcoming_event_tab a .title {color: #4c4c4c; font-weight: bold; font-size: 13px} #events .events_tab #upcoming_event .upcoming_event_tab a:last-of-type {border-bottom: 0} #events .events_tab #upcoming_event .upcoming_event_tab a.events {display: flex;display: -webkit-flex; align-items: flex-start;} #events .events_tab #upcoming_event .upcoming_event_tab a.events img {width: 32px; margin-left: 10px; flex: 0 0 auto;} #events .events_tab #upcoming_event .upcoming_event_tab a.events > div {flex: 1 1 auto;} #events .events_tab #upcoming_event .upcoming_event_tab a.events .date {} #events .events_tab #upcoming_event .upcoming_event_tab a.events .title {} #events .events_tab #upcoming_event .upcoming_event_tab .subject {color: #1a8245;font-size: 11px;} #events .events_tab #upcomming_event_course a {height: calc(100% / 3); -webkit-transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);transition: all .5s cubic-bezier(0.55, 0, 0.1, 1); position: relative; overflow: hidden; padding: 10px} #events .events_tab #upcomming_event_course a .date {display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; font-size: 12px; color: #23568b} #events .events_tab #upcomming_event_course a .date span {display: flex;padding: 4px 5px;border-radius: 5px;background: #e0e0e0;font-size: 10px;line-height: 1em;} #events .events_tab #upcomming_event_course a .date span.course_holding {background: green; color: #fff} #events .events_tab #upcomming_event_course a .date span.course_finished {background: #d36652; color: #fff} #events .events_tab #upcomming_event_course a .subject {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: #a2a2a2} #events .events_tab #upcomming_event_course a .title {line-height: 19px} #events .events_tab #upcomming_event_external a .date {display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; font-size: 12px; color: #23568b} #events .events_tab #upcomming_event_external a .date span {display: flex;padding: 4px 5px;border-radius: 5px;background: #e0e0e0;font-size: 10px;line-height: 1em;} #events .events_tab #upcomming_event_external a .date span.course_holding {background: green; color: #fff} #events .events_tab #upcomming_event_external a .date span.course_finished {background: #d36652; color: #fff} #events .events_tab #upcomming_event_internal a .date {display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; font-size: 12px; color: #23568b} #events .events_tab #upcomming_event_internal a .date span {display: flex;padding: 4px 5px;border-radius: 5px;background: #e0e0e0;font-size: 10px;line-height: 1em;} #events .events_tab #upcomming_event_internal a .date span.course_holding {background: green; color: #fff} #events .events_tab #upcomming_event_internal a .date span.course_finished {background: #d36652; color: #fff} #course_list .content span {padding: 4px 5px;border-radius: 5px;font-size: 10px;line-height: 1em;} #course_list .content span span.course_holding {background: green; color: #fff} #course_list .content span span.course_finished {background: #d36652; color: #fff} #course_list .content span span.course_full {background: #23568b; color: #fff} #events .events_tab #event_detail {display: flex;display: -webkit-flex;overflow: auto; flex:1; -webkit-flex:1;align-items: center; -webkit-align-items: center; position: relative;} #events .events_tab #event_detail li {padding: 10px 20px; text-align: center;} #events .events_tab #event_detail > ul {width: 100%} #events .events_tab #event_detail li .date {color: #4c4c4c;} #events .events_tab #event_detail li .title_event {color: #4c4c4c; font-weight: bold; font-size: 13px} #events .events_tab #event_detail .lSPager {position: absolute;top: 0; left: 0} #events .events_tab #event_detail .lSPager li {padding: 3px 1px} #events .events_tab #event_detail .lSPager li a {border-radius: 2px; width: 7px; height: 7px;background: #c7c7c7 !important} #events .events_tab #event_detail .lSPager li.active a {background: #23568b !important} #events .events_tab #event_detail .lSAction a {font-family: mticon; width: 15px !important; font-size: 18px; display: flex;display: -webkit-flex; align-items:center; -webkit-align-items:center;} #events .events_tab #event_detail .lSAction .lSPrev {left: 0;} #events .events_tab #event_detail .lSAction .lSNext {right: 0;} #events .events_tab > div {display: none;} #events .events_tab .show {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #g_dialog_overlay[instance=calendar] a {text-decoration: none !important; color: initial !important;} #g_dialog_overlay[instance=calendar] #event_detail {} #g_dialog_overlay[instance=calendar] #event_detail ul {display: flex; flex-direction: column; padding: 0; widows: 100%; margin-top: 20px} #g_dialog_overlay[instance=calendar] #event_detail ul li:not(:last-child){margin-bottom: .8em} #g_dialog_overlay[instance=calendar] #event_detail ul li .date{color: #23568b} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin: 10px 0;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table td, #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table th{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding: 3px 5px ;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table th{background-color: #f5f5f5;font-weight:bold;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header{position: relative;padding: 5px;border:1px solid #e1e1e1;border-bottom:none;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header select{font-family:iran, arial;font-size:inherit;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title{text-align: center} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next{position: absolute;right:10px;top:8px;cursor: pointer;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev{position: absolute;left:10px;top:8px;cursor: pointer;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar{width:100%;margin: 0px !important} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar th{font-weight: normal} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td.ui-datepicker-today{background-color: #4EA6C4;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td.ui-datepicker-today a{color:#fff;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td.ui-datepicker-current-day{background-color: #ff5000;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td.ui-datepicker-current-day a{color:#fff !important;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td[hasevent=true]{background-color: #d06c13; } #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td[hasevent=true] a{color: #fff !important} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-other-month.ui-datepicker-unselectable {background: #F7F7F7 !important;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-unselectable {background: rgb(239, 239, 239);} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-unselectable span {color: rgb(202, 202, 202) !important;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table td, #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table th {text-align: center; width: 30px; height: 25px; line-height: 100%; vertical-align: middle; padding: 0 !important} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next {top: 4px !important} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev {top: 4px !important} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table td a {line-height: 100%;padding: 7px;display: block;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline table.ui-datepicker-calendar td.ui-datepicker-current-day {background-color: #23568B !important} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header {border:0 !important;} #g_dialog_overlay[instance=calendar] .ui-datepicker-inline .ui-datepicker-header select {font-family: iran, arial !important; font-size: 12px !important} #news_search {} #side_news .content ul {display: flex;display: -webkit-flex; flex-wrap:wrap;} #side_news .news__item { margin-top: 10px; width: 100%} #side_news .news__item > a {display: flex;display: -webkit-flex; flex-wrap:nowrap;} #side_news .news__item .news__item__image_holder {width: 100px; height: 75px; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 10px; background: #f7f7f7; -webkit-flex: 0 0 auto;} #side_news .news__item .news__item__image_holder img {max-width: 100px; display: block;} #side_news .news__item .news__item__detail {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content: center;} #side_news .news__item .news__item__detail_title {color: #4c4c4c; display: flex;display: -webkit-flex; flex-direction:column;} #side_news .news__item .news__item__detail_title > span {color: #969696; font-weight: normal !important} #side_news .news__item .news__item__detail_abstract, #side_news .news__item .news__item__detail_visited {display: none;} #side_news .side_news_footer {border-top: 4px solid #ededed; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #side_news .side_news_footer a {font-size: 11px;} #side_news .side_news_footer i {font-size: 17px; margin-left: 5px; opacity: 0.7} #paper_search {} #paper_search .content {padding-top: 10px; padding-bottom: 10px} #side_paper .content ul {display: flex;display: -webkit-flex; flex-wrap:wrap;} #side_paper .content ul li { margin-top: 10px; width: 100%} #side_paper .content ul li > a {display: flex;display: -webkit-flex; flex-wrap:nowrap;} #side_paper .paper__item .paper__item__image_holder {width: 100px; height: 75px; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 10px; background: #f7f7f7; -webkit-flex: 0 0 auto;} #side_paper .paper__item .paper__item__image_holder img {max-width: 100px; display: block;} #side_paper .paper__item .paper__item__detail {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content: center;} #side_paper .paper__item .paper__item__detail_title {color: #4c4c4c; display: flex;display: -webkit-flex; flex-direction:column;} #side_paper .paper__item .paper__item__detail_title > span {color: #969696; font-weight: normal !important} #side_paper .paper__item .paper__item__detail_abstract, #side_paper .paper__item .paper__item__detail_visited {display: none;} #side_paper .side_paper_footer {border-top: 4px solid #ededed; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #side_paper .side_paper_footer a {font-size: 11px;} #side_paper .side_paper_footer i {font-size: 17px; margin-left: 5px; opacity: 0.7} #section_menu .content {padding: 10px} .archive {margin-right: auto; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; padding: 0 20px; color: #d06c13} #side_info {} #side_info .content {padding: 10px 0; display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #side_info .content > div {border-radius: 5px; background-color: #f0f0f0; padding: 10px; margin-bottom: 10px; display: flex;display: -webkit-flex; justify-content:space-between;} #side_info .content > div i {font-size: 18px; margin-left: 10px} #side_info .content #rating {display: flex;display: -webkit-flex; justify-content:space-between; width: 100%} #side_info .content #rating [class^=rating_message] {min-width: 100%;top: -10px;right: -10px;left: -10px;bottom: -10px;display: flex;display: -webkit-flex;justify-content: center; -webkit-justify-content: center;align-items: center;-webkit-align-items: center;border-radius: 5px} #user_menu .content {padding: 10px 0; display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #user_menu .content a {border-radius: 5px; background-color: #f0f0f0; padding: 10px; margin-bottom: 10px; display: flex;display: -webkit-flex; justify-content:space-between;} /*#service_search .content, #contractor_search .content, #regulation_search .content {padding-top: 10px; padding-bottom: 10px}*/ #col_side #contractor_search .content {padding-top: 10px;} #col_side .contractor_login {background: #23568b;color: white;margin-bottom: 20px;display: flex;display: -webkit-flex;border-radius: 26px;padding: 10px 15px;box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.57);-webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.57);} #col_side .contractor_login i {width: 24px; height: 24px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 10px} #col_side .contractor_login i svg {fill: #fff;} #col_side .contractor_register {background: #238b86;color: white;margin-bottom: 20px;display: flex;display: -webkit-flex;border-radius: 26px;padding: 10px 15px;box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.57);-webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.57);} #col_side .contractor_register b {margin-right: 5px} #col_side .contractor_register i {width: 24px; height: 24px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 10px} #col_side .contractor_register i svg {fill: #fff;} #service_statics {} #service_statics #statistic {width: 100%; margin-top: 0} #service_statics #statistic .statistic__item {width: 100%} #service_statics .related_service_list_tab > div {display: none;} #service_statics .related_service_list_tab > div > #stat {width: 100%} #service_statics .related_service_list_tab .show {display: flex} #service_statics ul {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; flex-direction: column; -webkit-flex-direction: column; width: 100%} #service_statics ul > li {display: flex;display: -webkit-flex; background: #efefef; border-radius: 10px; padding: 15px; margin-top: 10px; box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.57); -webkit-box-shadow:0px 2px 3px -2px rgba(0, 0, 0, 0.57);} #service_statics ul > li i {margin: 15px;} #service_statics ul > li .content {position: relative; padding: 5px 20px 0; margin-right: 10px} #service_statics ul > li .content h1 {color: #4c4c4c; font-size: 13px; margin: 5px 0} #service_statics ul > li .content .count {font-size: 20px; color: #23568b} #service_statics ul > li .content:before {content: ' '; width: 4px; height: 100%; background: #fff; position: absolute; right: 0px; top: 0; bottom: 0;} #event_search {} #event_search .form_field .group {width: 290px;max-width: 100%;border: 1px solid #b9b9b9;border-radius: 2px;display: block; margin-top: 0;padding: 10px;} #event_search .form_field .group:after, #event_search .form_field .group:before {content: none;} #event_search .form_field .group label {display: block;} #event_search .form_field > .label {position: absolute;color: #9b9b9b;background-color: #fff;padding: 0 10px;top: -10px;right: 10px;z-index: 100;font-size: 9.5pt;white-space: nowrap;} #main #col_full #corridor_media {margin-top: 50px} #main #col_full #corridor_media .tab_holder .content {padding-left: 10px} #main #col_full #corridor_media .tab_holder .content .gIh {width: 16px; height: 16px; margin-left: 10px} #main #col_full #corridor_media .tab_holder .content .gIh svg {fill: rgba(0,0,0,0.5)} #main #col_full #corridor_media .tab_holder #refresh_corridor_media {margin-right: auto; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; padding: 0 20px;} #main #col_full #corridor_media .tab_holder #refresh_corridor_media .gIh {width: 18px; height: 18px;} #main #col_full #corridor_media .tab_holder #refresh_corridor_media svg {fill: #d06c13} #main #col_full #corridor_media .corridor_media_footer {border-top: 4px solid #ededed; display: flex;display: -webkit-flex; justify-content:flex-end; -webkit-justify-content:flex-end; align-items:center; -webkit-align-items:center;} #main #col_full #corridor_media .corridor_media_footer a {font-size: 11px;} #main #col_full #corridor_media .corridor_media_footer i {font-size: 17px; margin-left: 5px; opacity: 0.7} #main #col_full #corridor_media .corridor_media_tab {height: 215px; padding: 10px;} #main #col_full #corridor_media .corridor_media_tab > div {display: none} #main #col_full #corridor_media .corridor_media_tab .loading {position: relative; height: 100%} #main #col_full #corridor_media .corridor_media_tab .loading:after {content: ' ';position: absolute;width: 20px;height: 20px;border: 2px solid #e1e1e1;left: calc(50% - 10px);top: calc(50% - 10px);border-radius: 50px;border-bottom-color: #77a6ef;animation: content_loading .5s infinite linear; -webkit-animation: content_loading .5s infinite linear;} @keyframes content_loading { 100% {transform:rotate(360deg);}} @-webkit-keyframes content_loading { 100% {-webkit-transform:rotate(360deg);}} #main #col_full #corridor_media .corridor_media_tab .show {display: block;} #main #col_full #corridor_media .corridor_media_tab .feed {display: flex;display: -webkit-flex;-webkit-flex-direction: column;flex-direction: column;justify-content: space-around; -webkit-justify-content: space-around; align-content:center; -webkit-align-content:center; flex-wrap: wrap;align-items: center; height: 195px} #main #col_full #corridor_media .corridor_media_tab .feed a {width:calc(100% / 3);display: flex;display: -webkit-flex; justify-content:flex-start; -webkit-justify-content:flex-start; align-items:center; -webkit-align-items:center;} #main #col_full #corridor_media .corridor_media_tab .feed a .image_holder {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; overflow: hidden; width: 100px; height: 75px; flex:0 0 auto; -webkit-flex:0 0 auto; margin-left: 10px} #main #col_full #corridor_media .corridor_media_tab .feed a .image_holder img {max-height: 75px;} #main #col_full #corridor_media .corridor_media_tab .feed a .content_holder {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; flex-direction:column;} #main #col_full #corridor_media .corridor_media_tab .feed a .content_holder > p {display: none; text-align: justify} #main #col_full #corridor_media .corridor_media_tab .feed a .content_holder h1 {font-weight: bold; color: #4c4c4c} #main #col_full #corridor_media .corridor_media_tab .feed a .content_holder h1 span {color: #969696; font-weight: normal !important} #main #col_full #corridor_media .corridor_media_tab .feed a:first-child {width: 640px; margin-left: 20px;} #main #col_full #corridor_media .corridor_media_tab .feed a:first-child .image_holder {width: 300px; height: 195px} #main #col_full #corridor_media .corridor_media_tab .feed a:first-child .image_holder img {max-height: 195px;} #main #col_full #corridor_media .corridor_media_tab .feed a:first-child .content_holder > p {display: flex;display: -webkit-flex;} #main #col_full #links_area {margin-top: 50px} #main #col_full #links_area .section_content {display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; } #main #col_full #links_area .section_content .item {margin: 0 5px 10px} #main #col_full #links_area .section_content .item a img, #main #col_full #links_area .section_content .item a {display: block;} #search_result {} #search_result .search_result_tab {padding: 10px 0} #search_result .search_result_tab ul.paper .paper__item, #search_result .search_result_tab ul.news .news__item {display: flex;display: -webkit-flex;width: 100%;margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #search_result .search_result_tab ul.paper .paper__item > a, #search_result .search_result_tab ul.news .news__item > a {display: flex;display: -webkit-flex; flex-wrap:nowrap;align-items: center;-webkit-align-items: center;} #search_result .search_result_tab ul.paper .paper__item .paper__item__image_holder, #search_result .search_result_tab ul.news .news__item .news__item__image_holder {width: 100px; height: 100px; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 15px;-webkit-flex: 0 0 auto;} #search_result .search_result_tab ul.paper .paper__item .paper__item__image_holder img, #search_result .search_result_tab ul.news .news__item .news__item__image_holder img {width: 100%; display: block;} #search_result .search_result_tab ul.paper .paper__item .detail, #search_result .search_result_tab ul.news .news__item .detail {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content: center;} #search_result .search_result_tab ul.paper .paper__item .paper__item__detail_title, #search_result .search_result_tab ul.news .news__item .news__item__detail_title {font-weight: 400; color: #4c4c4c; display: flex;display: -webkit-flex; flex-direction:column; font-size: 15px} #search_result .search_result_tab ul.paper .paper__item .paper__item__detail_title > span, #search_result .search_result_tab ul.news .news__item .news__item__detail_title > span {color: #969696; font-weight: normal !important; font-size: 12px} #search_result .search_result_tab ul.paper .paper__item .paper__item__detail_visited, #search_result .search_result_tab ul.news .news__item .news__item__detail_visited {display: none;} #search_result .search_result_tab ul.contractor {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; width: 100%} #search_result .search_result_tab ul.contractor li {display: flex;display: -webkit-flex;width: 100%;margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #search_result .search_result_tab ul.contractor li:last-child, #search_result .search_result_tab ul.contractor li:nth-last-child(2):nth-child(odd) {border-bottom: 0; margin-bottom: 0; padding-bottom: 15px} #search_result .search_result_tab ul.contractor li .icon_holder {width: 70px; height: 70px; border-radius: 5px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; flex: 0 0 auto; -webkit-flex: 0 0 auto; box-shadow: 0px 0px 1px 0px #153454} #search_result .search_result_tab ul.contractor li .icon_holder img {max-height: 70px; display: block;} #search_result .search_result_tab ul.contractor li a h3 {font-weight: 400; font-size: 15px} #search_result .search_result_tab ul.contractor li .popup_area_content:not(:first-of-type) {display: none;} #search_result .search_result_tab ul.contractor li .score, #search_result .search_result_tab ul.contractor li .info {display: none;} #search_result .search_result_tab ul.service {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; width: 100%} #search_result .search_result_tab ul.service li {display: flex;display: -webkit-flex;width: 100%;margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #search_result .search_result_tab ul.service li:last-of-type {border-bottom: 0} #search_result .search_result_tab ul.service li a {display: flex;display: -webkit-flex; align-items:center; -webkit-align-items:center;} #search_result .search_result_tab ul.service li .icon_holder {width: 70px; height: 70px; border-radius: 5px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; flex: 0 0 auto; -webkit-flex: 0 0 auto;box-shadow: 0px 0px 1px 0px #153454} #search_result .search_result_tab ul.service li .icon_holder img {height: 100%; display: block;} #search_result .search_result_tab ul.service li a h3 {font-weight: 400; font-size: 15px} #search_result .search_result_tab ul.regulation {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; width: 100%} #search_result .search_result_tab ul.regulation li {display: flex;display: -webkit-flex;width: 100%;margin-bottom: 15px;align-items: center;-webkit-align-items: center;padding: 15px 0 30px;border-bottom: 2px solid #ededed;} #search_result .search_result_tab ul.regulation li:last-of-type {border-bottom: 0} #search_result .search_result_tab ul.regulation li .icon_holder {width: 70px; height: 70px; border-radius: 5px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; flex: 0 0 auto; -webkit-flex: 0 0 auto;box-shadow: 0px 0px 1px 0px #153454} #search_result .search_result_tab ul.regulation li a h3 {font-weight: 400; font-size: 15px} #search_result .search_result_tab ul.regulation li svg {fill: #23568b} #course_view h1 {font-size: 20px;line-height: 2em;padding: 40px 20px;font-weight: 300;} #course_view .content table {} #course_view .content table th {width: 200px} #course_view .content table td {padding: 5px 10px} #course_view .content a.register_course {text-decoration: none;} #course_view .content .register_course {-webkit-order: 3;margin-right: auto;background: #d88230;display: inline-flex;color: #fff;border-radius: 25px;padding: 5px 20px;float: left;} #event_view .event_info {display: flex;display: -webkit-flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between;align-items: center;-webkit-align-items: center;} #event_view .event_info img {flex:0 0 auto; -webkit-flex:0 0 auto; height: 64px; margin: 0 20px} #event_view .event_info h1 {font-size: 20px; line-height: 2em; padding: 40px 20px; font-weight: 300;} #event_view .additional {padding: 5px 10px;} #event_view .additional:last-of-type {margin-bottom: 20px} #event_view .description {padding: 10px 0} #main #col_full #faq .content {padding: 10px 0} #main #col_full #faq .content li:not(:last-of-type) {margin-bottom: 20px} #main #col_full #faq .content li h1 {background-color: #f8f8f8;padding: 9px 20px;font-size: 13px;border-radius: 6px 6px 0 0;color: #4c4c4c;position: relative;border: 1px solid #ededed;border-bottom: 0;cursor: pointer;} #main #col_full #faq .content li .item_content {border-radius: 0 0 6px 6px; border-bottom: 4px solid #ededed; padding: 20px; border-left: 1px solid #ededed; border-right: 1px solid #ededed;} #main #col_full #faq .content li h1:after {content: '';font-family: mticon;position: absolute;top: 10px;left: 15px;background-color: rgba(0,0,0,0.1);border-radius: 8px;width: 20px;height: 20px; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; font-weight: bold; color: #96989c;font-size: 15px;} #main #col_full #faq .content li h1:after {content: 'remove'} #main #col_full #faq .content li.close h1:after {content: 'add'} #main #col_full #faq .content li.close .item_content {height: 0 !important; padding: 0; overflow: hidden;} #main #col_full #regulation_view > div:not(:first-of-type) {margin-top: 25px} #main #col_full #regulation_view .regulation_header {height: 300px; width: 100%; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #main #col_full #regulation_view .regulation_header .icon_holder {width: 150px; height: 150px; border-radius: 20px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; background-color: #fff; border: 4px solid #f0f0f0; flex: 0 0 auto; -webkit-flex: 0 0 auto; display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #main #col_full #regulation_view .regulation_header .icon_holder i {font-size: 20px; line-height: 2em; margin-bottom: 10px} #main #col_full #regulation_view .regulation_header .information h1 {font-weight: 400; font-size: 21px; margin-bottom: 20px} #main #col_full #regulation_view .item_content {padding: 10px} #main #col_full #regulation_view .information {max-width: 70%} #main #col_full #contact_form {width: 670px;margin: 50px auto;} #main #col_full #page_data {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ededed} #footer {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; margin-top: 50px;flex: 0 0 auto; -webkit-flex: 0 0 auto;} #footer #footer_top {background: #f5f5f5; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center;} #footer #footer_top .wrapper {border-top: 4px solid #23568b; min-height: 200px; background: url(../images/footer_bg.png) no-repeat top right; display: flex;display: -webkit-flex; padding: 0px 20px; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap: wrap} #footer #footer_top .wrapper .address {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; justify-content:center; -webkit-justify-content:center; line-height: 1.9em} #footer #footer_top .wrapper .address h1 {color: #23568b; font-size: 14px} #footer #footer_top .wrapper .statistic {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; width: 250px; justify-content:center; -webkit-justify-content:center; line-height: 2em} #footer #footer_top .wrapper .statistic .counting_stat {display: flex;display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; margin-bottom: 5px} #footer #footer_top .wrapper .statistic .counting_stat .count {font-size: 17px} #footer #footer_top .wrapper .statistic .chart {height: 80px; background-color: transparent;} #footer #footer_bottom {height: 45px; background: #dedede; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center;} #footer #footer_bottom .wrapper {display: flex;display: -webkit-flex; align-items:center;-webkit-align-items:center; justify-content:flex-start; -webkit-justify-content:flex-start;} #request_footer {display: flex;display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; margin-top: 50px;flex: 0 0 auto; -webkit-flex: 0 0 auto;} #request_footer .wrapper {border-top: 1px solid #f0f0f0; padding: 20px; display: flex;display: -webkit-flex; height: 100px; align-items: center; -webkit-align-items: center; margin: 0 auto} /*.tab {height: 36px; display: flex;display: -webkit-flex; position: relative; padding-left: 37px; padding-right: 16px; justify-content:center; -webkit-justify-content:center; cursor: pointer;} .tab > .content {display: flex;display: -webkit-flex;height: 36px;justify-content: center;align-items: center; padding-left: 5px; padding-right: 5px; opacity: 1} .tab > .content b {font-weight: bold; margin:0 5px} .tab:hover .content {opacity: 1} .tab.active > .content {background: #e2e2e2; opacity: 1} .tab > .content span:not(:last-of-type) {margin-left: 5px} .tab.active:after {content: ''; position: absolute; background: #fff url(../images/sprite.png); width: 37px; height:36px; background-position: -442px -1px; left: 0; overflow: hidden; top: 0; opacity: 1} .tab.active:before {content: '';position: absolute;background: #fff url(../images/sprite.png);width: 16px;height: 36px;background-position: -464px -38px; right: 0; overflow: hidden; top: 0; opacity: 1} .tab.ver {padding-right: 37px; padding-left: 16px;} .tab.ver:after {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);right: 0 !important; left: inherit !important; } .tab.ver:before {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);left: 0 !important; right: inherit !important; } .tab.sin {padding-left: 37px; padding-right: 37px;} .tab.sin:before {transform: scaleX(-1); -webkit-transform: scaleX(-1); content: ''; position: absolute; background: #fff url(../images/sprite.png); width: 37px; height:36px; background-position: -443px -1px; left: 0; overflow: hidden; top: 0; opacity: 1} .tab.ver.sin:before {transform: scaleY(-1); -webkit-transform: scaleY(-1);} .tab.blue:after {background-position: -442px -74px; background-color: transparent;} .tab.blue:before {background-position: -464px -111px; background-color: transparent;} .tab.blue > .content {background-color: #204f7f} .tab.disabled {opacity: 0.4 !important; cursor: default !important;} .tab.disabled .content { background-color: inherit;} .tab.disabled:before {content: none} .tab.disabled:after {content: none} .tab_holder {display: flex;display: -webkit-flex;border-bottom: 4px solid #ededed} .tab_holder .search_area {margin-right: auto; display: flex} .tab_holder .search_area input{border: 0;font-family: iran, arial;width: 290px; height: 100%; padding: 0 10px} .tab_holder .search_area i {display: none;} .tab_holder .search_area.active i {display: block} .tab_holder > .tab:not(:first-of-type) { margin-right: -16px;} .tab_holder > .tab.active:not(:first-of-type) {padding-right: 37px;} .tab_holder > .tab.active:not(:first-of-type):before {transform:scaleX(-1);-webkit-transform:scaleX(-1);content: ''; position: absolute; background: #fff url(../images/sprite.png); width: 37px; height:36px; background-position: -443px -1px; right: 0; overflow: hidden; top: 0; opacity: 1} .tab_holder > .tab:not(.active) {padding-left: 16px} .tab_holder_ver {display: flex;display: -webkit-flex;border-top: 4px solid #ededed} .tab_holder_ver .tab.ver {padding-left: 37px; padding-right: 16px;} .tab_holder_ver .tab.ver:before {transform:scaleY(-1);-webkit-transform:scaleY(-1);right: 0 !important; left: inherit !important; } .tab_holder_ver .tab.ver:after {transform:scaleY(-1);-webkit-transform:scaleY(-1);left: 0 !important; right: inherit !important; } .tab_holder_ver > .tab:not(:first-of-type) { margin-right: -16px !important} .tab_holder_ver > .tab.active:not(:first-of-type) {padding-right: 37px; margin-right: -37px !important} .tab_holder_ver > .tab.active:not(:first-of-type):before {transform:scale(-1);-webkit-transform:scale(-1);content: ''; position: absolute; background: #fff url(../images/sprite.png); width: 37px; height:36px; background-position: -443px -1px; right: 0; overflow: hidden; top: 0;} */ .tab_holder {display: flex;display: -webkit-flex;border-bottom: 4px solid #ededed; overflow: hidden;} .tab_holder_ver {display: flex;display: -webkit-flex;border-top: 4px solid #ededed; overflow: hidden;} .tab {overflow: hidden;} .tab > span {background: #f2f2f2; display: flex;display: -webkit-flex; position: relative; justify-content:center; -webkit-justify-content:center; cursor: pointer; align-items: center; -webkit-align-items: center; margin: 0 10px;border-radius: 10px 10px 0 0 ; padding: 5px 15px;} .tab > span:before, .tab > span:after {content: ''; background: transparent; width: 36px; height: 36px; border-radius: 100%; border-width: 7px; border-style: solid; top: 4px; position: absolute;} .tab > span:before {border-color: transparent #f2f2f2 transparent transparent; transform: rotate(48deg); -webkit-transform: rotate(48deg); left: -29px} .tab > span:after {border-color: transparent transparent transparent #f2f2f2 ; transform: rotate(-48deg); -webkit-transform: rotate(-48deg); right: -29px} .tab.active > span {background: #e2e2e2; z-index: 11} .tab.active > span:after {border-color: transparent transparent transparent #e2e2e2;} .tab.active > span:before {border-color: transparent #e2e2e2 transparent transparent;} #col_main .tab_holder, #col_main .tab_holder_ver {border-color: #3d3d3d} #col_main .tab_holder .tab.active > span, #col_main .tab_holder_ver .tab.active > span {background: #3d3d3d; color: #fff} #col_main .tab_holder .tab.active > span:after, #col_main .tab_holder_ver .tab.active > span:after {border-color: transparent transparent transparent #3d3d3d;} #col_main .tab_holder .tab.active > span:before, #col_main .tab_holder_ver .tab.active > span:before {border-color: transparent #3d3d3d transparent transparent;} .tab:not(.sin):first-of-type > span {margin-right: 0} .tab:not(.sin) {margin-left:-8px;} .tab:not(.sin):not(:first-of-type) {margin-right:-8px;} .tab.ver > span {border-radius: 0 0 10px 10px;} .tab.ver > span:before, .tab.ver > span:after {top: initial; bottom: 4px} .tab.ver > span:before {transform: rotate(-48deg); -webkit-transform: rotate(-48deg); left: -29px} .tab.ver > span:after {transform: rotate(48deg); -webkit-transform: rotate(48deg); right: -29px} .tab.disabled {opacity: .4} .event_footer {overflow: hidden;} .icon {width: 32px; height: 32px; background: url(../images/sprite.png); overflow: hidden; display: flex} .icon.manual {background: none} .icon.large {width: 64px; height: 64px;} .icon.icon-1-1 {background-position: 0 0;} .icon.icon-1-3 {background-position: 0 -64px;} .icon.icon-1-5 {background-position: 0 -128px;} .icon.icon-1-6 {background-position: 0 -192px;} .icon.icon-1-7 {background-position: 0 -224px;} .icon.icon-1-8 {background-position: 0 -256px;} .icon.icon-1-9 {background-position: 0 -288px;} .icon.icon-1-10 {background-position: 0 -320px;} .icon.icon-1-11 {background-position: 0 -352px;} .icon.icon-1-12 {background-position: 0 -384px;} .icon.icon-1-13 {background-position: 0 -416px;} .icon.icon-1-14 {background-position: 0 -448px;} .icon.icon-2-6 {background-position: -32px -192px;} .icon.icon-2-7 {background-position: -32px -224px;} .icon.icon-2-8 {background-position: -32px -256px;} .icon.icon-2-9 {background-position: -32px -288px;} .icon.icon-2-10 {background-position: -32px -320px;} .icon.icon-2-11 {background-position: -32px -352px;} .icon.icon-2-12 {background-position: -32px -384px;} .icon.icon-2-13 {background-position: -32px -416px;} .icon.icon-2-14 {background-position: -32px -448px;} #search {display: flex;position: fixed; left: 0; right: 0; height: 100%; z-index: 1000; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);opacity: 0; visibility: hidden; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; transform: scale(0.9);} #search.close {opacity: 0;} #search.open {opacity: 1; visibility: visible;flex-direction: column; transform: scale(1)} #search .wrapper {display: flex;flex-direction: column; max-width: 1000px;background: #153454; padding: 5px;; border-radius: 0 4px 4px 4px;position: relative;} #search .wrapper form {position: relative;} #search .wrapper form input {width: 100%;padding: 10px;background: transparent;border: 0;color: #fff;height: 50px; font-family: iran; font-size: 15px; border-radius: 0} #search .wrapper form button {position: absolute; top: 0; left: 0; width: 50px;height: 50px;color: #fff;display: flex; justify-content: center; -webkit-justify-content: center;align-items: center; -webkit-align-items: center; background-color: transparent;border: 0} #search .gIh svg {width: 24px; height: 24px; fill: #46799b} #search .wrapper content {background: transparent; border: 0; padding: 10px; font-weight: 100; margin-top: 50px; display: none;} #search .wrapper content ul {column-count: 4;-webkit-column-count: 4;-moz-column-count: 4;width: 100%;} #search .wrapper content ul li {display: flex;} #search .wrapper content ul li a {display: flex;padding: 5px; color: #fff; text-decoration: underline;} #search .search__close {position: absolute;top: -24px;background: #000;color: #fff;font-size: 12px;font-weight: 400;line-height: 1em;padding: 3px 8px 3px 5px;left: 0;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center; border-radius: 4px 4px 0 0; cursor: pointer;} #search .search__close .gIh {width: 18px; height: 18px; margin-right: 5px} #search .search__close svg {width: 100%; height: 100%; fill: #46799b;} /* REQUEST SECTION */ [class*="request_"] #container {width: 100%} [class*="request_"] .notic {font-size: 13px} .request_index #main {align-items: center;} .request_index #main > .wrapper {margin-top: 0; width: 860px; padding: 10px 40px; border-radius: 5px;} .request_index #request_home > div:not(:first-of-type) {margin: 25px 0} .request_index #col_side {justify-content: center; -webkit-justify-content: center; width: 40% !important} .request_index #col_main {width: calc(100% - 290px) !important; justify-content: center; width: 60% !important} .request_index #request_home .info {width: 100%; display: flex;display: -webkit-flex; align-items:center; -webkit-align-items:center;} .request_index #request_home .info .icon_holder {width: 100px; height: 100px; border-radius: 10px; overflow: hidden; display: flex;display: -webkit-flex; -webkit-align-items:center;align-items:center; justify-content:center; -webkit-justify-content:center; margin-left: 15px; background-color: #fff; border: 4px solid #f0f0f0; flex: 0 0 auto; -webkit-flex: 0 0 auto;} .request_index #request_home .info .icon_holder img {max-height: 100px; display: block;max-width: 150px} .request_index #request_home .info .information h1 {font-weight: bold; font-size: 15px; } .request_index #col_side #user_menu {display: flex;display: -webkit-flex; flex-direction: column;} .request_index #col_side #user_menu a {padding: 10px; border-radius: 25px; background: #ececec; margin-bottom: 10px; display: flex;display: -webkit-flex;} .request_index #col_side #user_menu a i {font-size: 20px; width: 40px; display: flex;display: -webkit-flex; justify-content: center;} .request_index #links {display: flex;display: -webkit-flex; flex-wrap: wrap} .request_index #links a {min-width: 110px; padding: 5px 10px; color: #fff; border-radius: 15px; text-align: center;} .request_index #col_full {padding-top: 25px; border-top : 1px #d8d8d8 dashed; justify-content: center; align-items: center; display: flex} .request_index #col_full > div {display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;align-items: center;} .request_index #col_full a {border-radius: 5px; background: #f7f7f7; margin:5px; display: flex; overflow: hidden;} .request_index #col_full a span {padding: 10px 15px; } #nano_account_user_info {border: 1px solid #dedede;background-color: #fff !important;width: 100%;display: flex;display: -webkit-flex;height: 84px;border-radius: 0px; font-family: inherit !important; margin-bottom: 30px; border-radius: 50px} #nano_account_user_info .gImgh {border-radius: 50px} .request_index #nano_account_user_info {display: none;} .dashboard {font-size: 13px} .dashboard .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 .seperator span {color: initial !important;font-size: 15px;font-weight: 300;padding-right: 0;} .dashboard .button {justify-content: center;align-items: center;display: flex;display: -webkit-flex;border-radius: 50px;box-shadow: none; width: initial; padding: 2px 15px 4px} .dashboard i.button {justify-content: center;align-items: center;display: flex;display: -webkit-flex;box-shadow: none; width: initial; padding: 2px;cursor: pointer; margin-right: auto !important} .dashboard .form_field > .button {height: 40px;} .dashboard .wizard_tab {border:0;padding: 0; display: flex;display: -webkit-flex;border-bottom: 4px solid #ededed;border-radius: 0} .dashboard .wizard_tab span {border-radius:0; display: flex;display: -webkit-flex; justify-content: center; align-items: center; padding: 0 10px; margin:0;} .dashboard .wizard_tab span:last-of-type {margin: 0} .dashboard .wizard_tab .current:first-of-type {padding: 0 16px 0 37px} .dashboard .wizard_tab .current:not(:first-of-type) {padding: 0 37px 0 37px} .dashboard .wizard_tab .current a {background-color: #e2e2e2; padding: 6px 5px; height: 36px} .dashboard .wizard_tab .current:before {content: '';position: absolute;background: #fff url(../images/sprite.png);width: 16px;height: 36px;background-position: -464px -38px;right: 0;overflow: hidden;top: 0;} .dashboard .wizard_tab .current:not(:first-of-type):before {transform: scaleX(-1);-webkit-transform: scaleX(-1);content: '';position: absolute;background: #fff url(../images/sprite.png);width: 37px;height: 36px;background-position: -443px -1px;right: 0;overflow: hidden;top: 0;} .dashboard .wizard_tab .current:after {content: '';position: absolute;background: #fff url(../images/sprite.png);width: 37px;height: 36px;background-position: -442px -1px;left: 0;overflow: hidden;top: 0;} .dashboard .form_field .text_field {height: 38px} .dashboard .form_field span.title {line-height: 1em; top: -5px} .dashboard .form_field a.download {color: rgb(41, 87, 140)} .dashboard .button_holder {text-align:center;display:flex;flex-wrap:nowrap;align-items:center} .dashboard .button_holder > * {margin-left:5px; cursor: pointer;} .dashboard .button_holder > * i {font-size: 24px;} .dashboard .submit_holder {display: flex;display: -webkit-flex;flex-direction: row-reverse;} .dashboard .submit_holder > * {margin-right:5px;} .dashboard .form_field.require span.title:after {right: -6px;top: 9px;} .dashboard .select_subject {width: 100%} .dashboard .select_subject {margin-bottom: 10px; width: 100%; margin: 0; color: #313739} .dashboard .select_subject td {padding: 5px; vertical-align: middle;} .dashboard .select_subject td:last-of-type {width: 1%; white-space: nowrap;border-right: 0} .dashboard .select_subject td:last-of-type a {text-decoration: none !important;} .dashboard .select_subject tr:not(:last-of-type) td {border-bottom:1px solid #e1e1e1;} .dashboard .select_subject tr:hover td, .dashboard #request_list tr:hover td, .dashboard #available_service tr:hover td {background: whitesmoke} .dashboard .pagination {display: flex;display: -webkit-flex;flex-direction: row-reverse;flex-direction: row-reverse;justify-content: center;-webkit-justify-content: center; align-items: center; -webkit-align-items: center; font-size: 13px} .dashboard .pagination span:hover, .dashboard .pagination span.current {background-color: #fff !important; color: inherit !important;} .dashboard .pagination span.current a { font-size: 24px; color: #083e7e} .dashboard .pagination span a {padding: 3px 5px !important; color: #515151} .dashboard .pagination span.seperator {margin: 0 10px; background-color: transparent !important;} .dashboard .pagination .prev_btn a i, .dashboard .pagination .next_btn a i {font-size: 14px} .dashboard .gLh {width: 285px; margin: 50px auto} .gloabl_login__botton_holder__link_holder {display: grid; grid-template-columns: 2fr 2fr; grid-column-gap: 10px;grid-row-gap: 10px; text-align: center;} .gloabl_login__botton_holder__link_holder .company_register {grid-column: span 2;text-align: center;background: #5eb0bf;border-radius: 25px;padding: 8px;color: #fff !important;text-decoration: none !important;} .dashboard .breadcrumb {display: flex;border-radius: 0;margin-top: -17px;padding: 5px 10px;background: whitesmoke; margin-bottom: 20px} .dashboard .breadcrumb span {position: relative; display: flex; color: #23568b} .dashboard .breadcrumb span:not(:empty):not(:last-of-type):after {content: 'keyboard_backspace'; margin: 0 10px; font-family: mticon} .dashboard .breadcrumb span b {margin-right: 5px} #g_dialog {font-size: 13px} #g_dialog .calendar_info {padding: 0 !important; width: 100%;border-spacing: 5px;border-collapse: separate;} #g_dialog .calendar_info th {background: whitesmoke; width: 30%;} #g_dialog .calendar_info th, #g_dialog .calendar_info td {padding: 5px 10px} #g_dialog .calendar_info td {border-bottom: 1px solid whitesmoke} /*#g_dialog .calendar_info li:not(:last-of-type) {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5} #g_dialog .calendar_info li > div {display: flex;display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 3px 0; white-space: nowrap;} #g_dialog .calendar_info li > div label {line-height: 100%;padding: 4px 5px;background-color: #383838;color: #fff;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;border-radius: 2px; margin-left: 10px} #g_dialog .calendar_info li > div span:not(:first-of-type):before {content:'الی'; margin:0 10px;}*/ #g_dialog .contacts_link {display: flex;padding: 0 !important; justify-content: center;-webkit-justify-content: center; flex-direction: column;} #g_dialog .contacts_link li {display: flex;} #g_dialog .contacts_link li:not(:last-of-type) {margin-left: 10px} #g_dialog .contacts_link li a {padding: 5px 15px;display: flex;align-items: center;-webkit-align-items: center;} #g_dialog .contacts_link li a i {height: 24px; margin-left: 10px} #g_dialog .contacts_link li a i svg {width: 20px; height: 20px; fill: #6184a7} label[for=company_info_section_checker] {padding: 10px 20px;background-color: #FFB7AA;border: 2px solid #D09287;border-radius: 0px; width: 100%; display: flex;display: -webkit-flex; cursor: pointer;} div#company_info_section, input#company_info_section_checker {display: none;} input#company_info_section_checker:checked ~ div#company_info_section {display: initial;} input#company_info_section_checker:checked ~ label {display: none;} .form_field .text_field, .form_field input[type=text], .form_field input[type=readonly], .form_field input[type=password], .form_field select, .form_field .selectric, .form_field textarea {border-radius: 0 !important} .detail_holder tbody, .table_holder tbody {background: #fff} #contractor_view .contractor_information .statics {text-align: justify;} .ticket_list {margin-top: 70px;} .ticket_list #opinion_items .item .comment_detail .info .user {margin-left: 10px; font-weight: 400} .ticket_list #opinion_items .item.admin .comment_detail .info .user {color: #7d6315 !important} #mega_menu .gHmrv2 .first_level .parent > ul > .content:not(:empty){position: absolute;left: 0px;width: calc(20% - 20px);height: 80%;top: 10%;border-right: 2px solid #153454;padding: 0 10px;overflow-y: auto;} #mega_menu .gHmrv2 ul ul .content a:hover,#mega_menu .gHmrv2 ul ul .content a{width: inherit;display: inherit;} @media (max-width: 1400px){ #footer #footer_top .wrapper .gHmrv2 [for^=drop] {color: initial;} } @media (max-width: 899px){ .mega_menu_back_overlay {display: none !important;} #header {z-index: unset} .gHmrv2 > .toggle {white-space: nowrap;} .gHmrv2 a {color: #000 !important} .gHmrv2 > .toggle {color: #000} .gHmrv2 > ul > li:after {content: none !important;} .gHmrv2 ul ul {background: #fff !important} #slider .slider__wrapper .slider__item {width: calc(100vw - 30px); flex: 0 0 auto; overflow: hidden;} .gHmrv2 {width: min-content !important} .gHmrv2 > .toggle {justify-content: center;-webkit-justify-content: center;} } @media (min-width: 900px) { #mega_menu .gHmrv2 {color: #fff; position: relative;} /*#mega_menu .gHmrv2:before {content: ' ';background: #23568B;top: 0;bottom: 0;left: calc(((100% - 100vw) / 2) + 5px);right: -100%;position: absolute;}*/ #mega_menu .gHmrv2 .first_level {display: flex;display: -webkit-flex; color: #fff} #mega_menu .gHmrv2 .first_level svg {fill: #fff;} #mega_menu .gHmrv2 .first_level .parent {position: initial;} #mega_menu .gHmrv2 .first_level > .parent > ul {left: 0;right: 0;width: 100%; background: #fff; padding: 20px; box-shadow: 0px 3px 7px -3px #737373;} #mega_menu .gHmrv2 .first_level > li > a {padding: 10px !important} #mega_menu .gHmrv2 .first_level .parent > ul ul {position: relative;right: auto; left: auto} #mega_menu .gHmrv2 .first_level .parent > ul > li {display: flex;display: -webkit-flex; flex-direction: column;} #mega_menu .gHmrv2 .first_level .parent > ul > li i {display: none;} #mega_menu .gHmrv2 .first_level .parent > ul li:hover > a {background: transparent !important; width: 100%; display: flex;display: -webkit-flex;} #mega_menu .gHmrv2 .first_level .parent > ul ul {padding-right: 10px} #mega_menu .gHmrv2 .first_level .parent > ul ul li {width: 100%; font-weight: 100;} #mega_menu .gHmrv2 > ul > li > ul > li > a {font-weight: 400;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center; line-height: 1.5em} /*#mega_menu .gHmrv2 > ul > li > ul > li > a:before {content: ' ';width: 5px;height: 5px;background: #23568b;display: inline-flex;border-radius: 10px;margin-left: 7px; flex: 0 0 auto; margin-top: 10px}*/ #mega_menu .gHmrv2 > ul > li > ul > li > a .gImgh {width: 40px; height: 40px; overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex: 0 0 auto; border-radius: 35px; margin-left: 10px; padding: 5px; background: #23568b;} #mega_menu .gHmrv2 > ul > li > ul > li > a .gImgh img {width: 100%;} #mega_menu .gHmrv2 ul ul {width: auto;} #mega_menu .gHmrv2 ul ul li.parent {display: flex;display: -webkit-flex; flex-direction: column;} #mega_menu .gHmrv2 ul ul li {display: flex;display: -webkit-flex;} #mega_menu .gHmrv2 ul ul a:hover {background: transparent; width: 25%} #mega_menu .gHmrv2 ul ul li:hover {background-color: transparent;} #mega_menu .gHmrv2 ul ul ul {display: none;} #mega_menu .gHmrv2 > ul > li:not(:last-child):after {content: none;} #mega_menu .first_level > .hasIcon > a {display: flex;display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #mega_menu .first_level > .hasIcon > a > .gIh {width: 35px; height: 35px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 10px} #mega_menu .first_level > .hasIcon > a > .gIh svg {width: 24px; height: 24px} #mega_menu .first_level > .parent:hover ~ .mega_menu_back_overlay {top: 150px !important;opacity: 1;height: 100%;background: rgba(0,0,0,0.4);visibility: visible;} #mega_menu .more_button {position: absolute;bottom: 0;left: 0;width: max-content !important;width: -webkit-max-content !important;width: -moz-max-content !important;background: #23568b;color: #fff;margin-bottom: 0 !important} #mega_menu .more_button a:before {content: none !important;} #mega_menu .more_button:hover, #mega_menu .more_button:hover a {background: #23568b !important;color: #fff !important;} #footer_menu_menu {width: 100%; padding: 20px 0;} #footer_menu_menu .gHmrv2 {width: 100%;} #footer_menu_menu .first_level {display: flex;} #footer_menu_menu .first_level > li > a {font-weight: 500} #footer_menu_menu li {display: flex; width: 100%;flex-direction: column;} #footer_menu_menu ul ul {display: flex !important; position: relative; width: initial !important; flex-direction: column; background-color: transparent; top: 0} #footer_menu_menu ul ul ul {display: none !important;} #footer_menu_menu li:not(:last-child):after {content: none;} #footer_menu_menu li .gMp {display: none;} #footer_menu_menu li:hover > a {background-color: transparent;} #slider .slider__wrapper .slider__item {width: 690px; flex: 0 0 auto; overflow: hidden;} #mega_menu .service_menu {display: flex; color: #fff} #mega_menu .service_menu svg {fill: #fff;} #mega_menu .service_menu > li > a {padding: 5px 10px 5px 20px !important} #mega_menu .service_menu > li > a {display: flex;display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} #mega_menu .service_menu > li > a > .gIh {width: 35px; height: 35px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 10px} #mega_menu .service_menu > li > a > .gIh svg {width: 24px; height: 24px} #mega_menu .service_menu > li:hover {background: rgba(0,0,0,0.2)} #mega_menu .service_menu > li:hover .gHmrv2 {display: flex !important;padding: 0 50px} #mega_menu .gHmrv2 .first_level .parent:hover ul {padding: 20px 50px} #top_menu{position: relative;} #top_menu .gHmv1 li{position: initial; !important} #top_menu .gHmv1 .parent:hover > ul{display: flex !important;flex-flow: row wrap;width: 100vw;right: 0} #mega_menu .gHmrv2 {color: #fff; background: #153454; position: absolute !important; top: 100%; left: 0; right: 0; display: none;} #mega_menu .gHmrv2 .first_level {display: flex; color: #fff} #mega_menu .gHmrv2 .first_level svg {fill: #fff;} #mega_menu .gHmrv2 .first_level .parent {position: initial;} #mega_menu .gHmrv2 .first_level .parent:hover ul {background: transparent;grid-template-columns: repeat(auto-fill, 20%);display: grid;grid-gap: 20px 10px;} #mega_menu .gHmrv2 .first_level > .parent > ul, .gHmv1 .parent:hover > ul {top:100%;left: 0;right: 0;width: 100%; background: #fff url(../images/menu_bg.jpg) no-repeat -10px 0% !important; padding: 20px; box-shadow: 0px 3px 7px -3px #737373;} #mega_menu .gHmrv2 .first_level .parent > ul ul {position: relative;right: auto; left: auto} #mega_menu .gHmrv2 .first_level .parent > ul > li {display: flex; flex-direction: column;} #mega_menu .gHmrv2 .first_level .parent > ul > li i {display: none;} #mega_menu .gHmrv2 .first_level .parent > ul li:hover > a {background: transparent !important; width: 100%; display: flex;align-items: center;-webkit-align-items: center;} #mega_menu .gHmrv2 .hasIcon > ul {padding-right: 50px !important} #mega_menu .gHmrv2 .first_level .parent > ul ul li {width: 100%; font-weight: 100} #mega_menu .gHmrv2 > ul > li > ul > li > a, #top_menu .gHmv1 li ul a {font-weight: 500;text-decoration: underline;} #mega_menu .gHmrv2 ul ul li.parent {display: flex; flex-direction: column;} #mega_menu .gHmrv2 ul ul li {display: flex;} #mega_menu .gHmrv2 ul ul a:hover {background: transparent; width: 25%} #mega_menu .gHmrv2 ul ul li:hover {background-color: transparent;} #mega_menu .gHmrv2 ul ul ul {display: none;} } } @media (max-width: 780px){ #footer #footer_top .wrapper #footer_menu_menu {width: 100%;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;display: flex;flex-direction: column;} #footer #footer_top .wrapper #footer_menu_menu > label.toggle {padding: 20px 0} } @media (min-width: 900px) and (max-width: 1000px) { .form_field, .form_field .text_field, .form_field input[type=text], .form_field input[type=readonly], .form_field input[type=password] {width: 100% !important} .action_holder .form_field {width: initial !important} } @media (min-width: 500px) and (max-width: 900px) { #footer_menu_menu {height: 65px} #footer #footer_top .wrapper {align-items: center;-webkit-align-items: center;} #main .wrapper {flex-direction: column-reverse;} #col_main, #col_side {width: 100%} #col_side .form_field {margin-left: 19px !important; width: calc(49% - 19px) !important} #col_side .form_field input[type=text], #col_side .form_field select {width: 100% !important} #col_side .action_holder .form_field {width: initial !important} .index_index #statistic {margin-top: 0; margin-right: 20px;} .index_index #statistic .statistic__item {width: 49%} .index_index #col_full {width: 60%} .index_index #col_side {width: 40%} .index_index #col_main {width: 100%} .index_index #main .wrapper {flex-direction: row;} .index_index #statistic .statistic__item {width: 100%} #service_statics #statistic .statistic__item {width: 49.5%} #service_statics ul {flex-direction: row; flex-wrap: wrap} .news_view #side_info .content {flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between;} .news_view #side_info .content > div {width: 32.5%} #mega_menu .wrapper .mega_menu__dashboard #loginuser .avatar {width: 44px} #mega_menu .wrapper .service_menu {display: flex;} #mega_menu .wrapper .service_menu > li > a {display: none;} } @media (min-width: 500px) and (max-width: 700px) { .index_index #statistic {margin-top: 0; margin-right: 0px;} .index_index #statistic .statistic__item {width: 100%} .index_index #col_full {width: 100%} .index_index #col_side {width: 100%} .index_index #col_main {width: 100%} #service_list .tab_holder .tab .content span:first-of-type, #regulation_list .tab_holder .tab .content span:first-of-type, #contractor_list .tab_holder .tab .content span:first-of-type {display: none;} } @media (max-width: 650px){ #mega_menu {padding: 10px 0 15px} #header .wrapper .header__extra {padding: 0px 0 20px} #header .wrapper .header__extra a {background: #e2e2e2} #header .wrapper {flex-direction: column; align-items: center; -webkit-align-items: center;} } @media (min-width: 500px){ #news_list .news__item:first-of-type .news__item__detail_title {font-size: 14px} #news_list .news__item:first-of-type {width: 100% !important; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #ededed} #news_list .news__item:first-of-type .news__item__detail_abstract, #news_list .news__item:first-of-type .news__item__detail_visited {display: flex;display: -webkit-flex; text-align: justify; font-weight: 200} #news_list .news__item:first-of-type .news__item__image_holder {width: 180px; height: initial; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 10px; -webkit-flex: 0 0 auto;} #news_list .news__item:first-of-type .news__item__image_holder:empty {display: none;} #news_list .news__item:first-of-type .news__item__image_holder:after {padding-top: 70%; display: block; content: ''} #news_list .news__item:first-of-type .news__item__image_holder img {width: 100%; display: block;} #paper_list .paper__item:first-of-type .paper__item__detail_title {font-size: 14px} #paper_list .paper__item:first-of-type {width: 100% !important; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #ededed} #paper_list .paper__item:first-of-type .paper__item__detail_abstract, #paper_list .paper__item:first-of-type .paper__item__detail_visited {display: flex;display: -webkit-flex; text-align: justify; font-weight: 200} #paper_list .paper__item:first-of-type .paper__item__image_holder {width: 180px; height: initial; overflow: hidden; display: flex;display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; flex:0 0 auto; margin-left: 10px; -webkit-flex: 0 0 auto;} #paper_list .paper__item:first-of-type .paper__item__image_holder:empty {display: none;} #paper_list .paper__item:first-of-type .paper__item__image_holder:after {padding-top: 70%; display: block; content: ''} #paper_list .paper__item:first-of-type .paper__item__image_holder img {width: 100%; display: block;} #service_view .sub_service .tab i {display: none;} #search_result .tab_holder .tab i {display: none;} } @media (max-width: 500px){ #main .wrapper, #footer #footer_top .wrapper, #header .wrapper {flex-direction: column; align-items: center; -webkit-align-items: center;} #main .wrapper > div[id*=col_] {width: 100%; margin-bottom: 20px} #statistic .statistic__item {width: 100%} #footer #footer_top .wrapper {width: 100%; padding: 20px} #footer #footer_top .wrapper .address {margin-bottom: 20px} #news_list .news__item {width: 100%; margin-left: 0 !important; padding: 10px 0; margin-bottom: 0px} #paper_list .paper__item {width: 100%; margin-left: 0 !important; padding: 10px 0; margin-bottom: 0px} #slider .slider__footer .slider__footer__description {display: none;} #slider .slider__footer .tab {margin: 0 auto 0 0} #statistic {margin-top: 0} #main #col_full #corridor_media .tab_holder .tab:not(.active) {padding-left:16px;} #main #col_full #corridor_media .tab_holder .tab:not(.active) .content span {display: none;} #service_view #service_information .header {display: flex;display: -webkit-flex; flex-direction: column; align-items: center;} #service_view #service_information .header .service_request {margin: 20px auto} #service_view #service_information .header .image_holder {margin: 20px 0} #service_view #service_information .header .title {text-align: center;} #service_view #service_information .description {text-align: center;} #service_view .sub_service .sub_service_tab #description {padding-right: 0; text-align: justify;} #service_view .sub_service .tab:not(.active) span span {display: none;} #service_view .sub_service .tab:not(.active) i {width: 20px;} #service_view .sub_service .tab:not(.active) i svg {fill: #3d3d3d} #service_view .sub_service .tab.active i {display: none;} #service_view .sub_service .sub_service_tab #broker ul {width: 100%} #service_view .sub_service .sub_service_tab #broker li {flex-direction: column;margin-right: 0; width: 100%} #service_view .sub_service .sub_service_tab #broker .broker_logo {margin-left: 0; margin-bottom: 20px} #service_view .sub_service .sub_service_tab #broker a.request {flex-direction: column;display: flex;display: -webkit-flex;text-align: center;} #service_view .sub_service .sub_service_tab #broker .score {width: 100%} #service_view .sub_service .sub_service_tab #broker .content {text-align: center;width: 100%} #service_list .tab_holder .tab .content span:first-of-type, #regulation_list .tab_holder .tab .content span:first-of-type, #contractor_list .tab_holder .tab .content span:first-of-type {display: none;} #contractor_list .contractor_list_tab ul li, #regulation_list .regulation_list_tab ul li, #service_list .service_list_tab ul li {width: 100% !important;padding: 15px 0 !important;margin-bottom: 0 !important} #contractor_view .contractor_header {flex-direction: column;} #contractor_view .contractor_header .icon_holder {margin-left: 0; margin-bottom: 20px} #contractor_view .information {max-width: 100% !important; text-align: center;} #contractor_view .contractor_header .information h1 {margin-bottom: 0; line-height: 2em} #contractor_view .contractor_header .information .score {display: inline-flex !important; display: -webkit-inline-flex !important;} .header__extra_search form {width: 100%} .table_holder {width: 100% !important; display: block !important; border: 0 !important} .table_holder table {border: 0 !important} .table_holder tbody,.table_holder tr,.table_holder td, .table_holder th {display: block !important; padding: 0; white-space: normal !important;} .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;} .table_holder tr {display: table-row;} .table_holder th, .table_holder td {display: table-row; padding: 7px; border-top: 1px #e1e1e1 solid; border-left: 1px solid #e1e1e1;} .table_holder tbody {display: table-row-group;} .table_holder tbody tr {display: table-row; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px} .table_holder tbody td[col_label]:before {content: attr(col_label);color: #61615b;background: #e2e2e2; 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;} .table_holder tbody td{display: flex !important; padding: 0 !important; text-align: right !important;} .table_holder tbody td div {padding: 5px} .table_holder tbody td.action {width: 100% !important; justify-content: flex-end; -webkit-justify-content: flex-end;} #g_dialog_content tbody tr td {padding: 5px !important} #g_dialog_content tbody tr td:not(:last-of-type) {width: 100% !important; background: #e1e1e1} #mega_menu .wrapper .mega_menu__dashboard #loginuser .menu {top: calc(100% + 10px) !important} #contractor_view .contractor_header {height: initial;} #event_view .event_info {flex-direction: column-reverse;} #event_view .event_info h1 {padding-top: 5px !important; text-align: center;} #event_list ul li a .description {display: none;} #news_view .news_view__header {flex-direction: column;} #news_view .news_view__header .news_view__header_image_holder {margin-bottom: 20px; margin-left: 0} #news_view .news_view__header .news_view__header__info {text-align: center;} #regulation_view .regulation_header {flex-direction: column; height: inherit !important;} #regulation_view .information {max-width: 100% !important; margin-top: 20px; text-align: center;} #search_result .search_result_tab ul.paper .paper__item .paper__item__detail_abstract, #search_result .search_result_tab ul.news .news__item .news__item__detail_abstract {display: none;} #search_result .search_result_tab ul.paper .paper__item, #search_result .search_result_tab ul.news .news__item {margin-left: 0 !important;padding: 10px 0;margin-bottom: 0px;} #search_result .tab:not(.active) {padding-left: 20px;} #search_result .tab:not(.active) span span {display: none;} #search_result .tab.active:not(:first-of-type) {margin-right:-20px} #search_result .tab.active i {display: none;} #search_result .tab:not(.active) i {width: 20px;} .tab.active:before {background-color: transparent !important;} .form_field, .form_field .text_field, .form_field input[type=text], .form_field input[type=readonly], .form_field input[type=password] {width: 100% !important} .action_holder .form_field {width: initial !important} #mega_menu .wrapper {flex-direction: column;} #mega_menu .wrapper .service_menu {display: flex;justify-content: center;-webkit-justify-content: center;margin-bottom: 10px;} #mega_menu .wrapper .service_menu > li > a {display: none;} #service_view .sub_service .sub_service_tab #event li {flex-direction: column-reverse;} #service_view .sub_service .sub_service_header .register_service {margin-right: 28px; margin-left: auto; margin-top: 20px} .tab > span {padding: 5px 8px !important} .tab:last-of-type > span:before {content: none;} #main #col_full #links_area .section_content {flex-direction: column; align-items: center; -webkit-align-items: center;} #service_view .sub_service .sub_service_tab #course li .detail {width: 100%} #service_view .sub_service .sub_service_tab #course li {flex-direction: column-reverse;} #course_view .content table th {width: 100%} #course_view .content table td {padding: 10px !important} } .message_link{ background-color: #fff9bc;border-radius: 50px;padding: 2px 15px 4px;display: inline-block;color: #383300} .message_link:not(:last-child){margin: 6px 0}