#submit_prevent {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(84, 84, 84, 0.31); display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; z-index: 200;} #submit_prevent .loading_spinner {width: 60px;height: 60px;border-radius: 5px;box-shadow: 0px 0px 0px 4px rgba(180, 180, 180, 0.23), 0px 1px 2px rgba(0, 0, 0, 0.47);background: rgb(52, 52, 52);position: relative;} #submit_prevent .loading_spinner:after {content: ' ';position: absolute;width: 15px;height: 15px;border: 2px solid rgba(254, 254, 254, 0.12);left: calc(50% - 10px);top: calc(50% - 10px);border-radius: 50px;border-bottom-color: #fff;border-left-color: #fff;animation: loading .5s infinite cubic-bezier(0.31, 0.49, 0.65, 0.41);} @keyframes loading { 100% {transform:rotate(360deg);}} @-webkit-keyframes loading { 100% {-webkit-transform:rotate(360deg);}} /* ------------------------------------------ */ /* DEFAULT /* ------------------------------------------ */ html {background:#d7d7d7 url(../images/bg.png) repeat center top fixed;} html {text-rendering: geometricPrecision;-webkit-font-smoothing: antialiased !important;} a {text-decoration: none;color: inherit;/*-webkit-transition: all .2s ease-in-out;-moz-transition:all .2s ease-in-out;*/} strong, b {font-weight: bold} .clear {float: none !important;clear:both;} .display {display: none;} .hide {display: none !important;} .iconic {display: inline-block;font-family: 'IconicFill';} .icon {font-family: 'ModernPictogramsNormal'; margin-right: 5px; color: inherit; font-size: 20px; vertical-align: middle; font-weight: 100;} i {margin-right: 5px;margin-left:5px;} .error {padding:6px 10px;background-color: #E21528;color: #fff;margin-bottom:5px;border-radius: 2px; margin-top: 5px} .error:before {content: ''; font-family: 'iFont'; vertical-align: middle; font-size: 19px;} .error a {font-weight: bold;color: #FFEB00;} .success {padding:6px 10px;background-color: #89B733;color: #fff;font-weight: bold;margin-bottom:5px;border-radius: 2px; margin-top: 5px} .notify {padding:6px 10px;background-color: #E3BF1E;color: #fff;font-weight: bold;margin-bottom:5px;border-radius: 2px; margin-top: 5px} .warning {padding:6px 10px;background-color: #FEEEA7;color: #BB8B26;margin-bottom:5px;border-radius: 2px; margin-top: 5px} .browser {padding:10px 20px;background-color: #FEEEA7;color: #BB8B26;margin-bottom:0px !important;border-radius: 2px; margin-top: 0px !important; border:1px #D8CFBB solid; border-radius: 0; border-top: 0; border-bottom: 0;} .info {padding:10px 15px;background-color: #d3e2ff;color: #385893;margin-bottom:5px;border-radius: 2px; font-size:13pt;} a[action] {cursor: pointer;} #wrapper {width: 1000px; margin: auto; height: 100%; display: block; position: relative; padding: 0px;} /* ------------------------------------------ */ /* HEADER /* ------------------------------------------ */ div.header {} div.header div.nav {color: #fff; position: relative;z-index: 5} div.header div.nav ul {background: rgb(52, 52, 52); color: #fff; line-height: 1em;} div.header div.nav ul li:after {content: none;} div.header div.nav li a {padding: 16px 10px; font-weight: bold; font-size: 11pt; cursor: pointer; position: relative;} div.header div.nav ul li:hover > a {background: #252525;} div.header div.nav ul ul a {padding: 10px} div.header div.nav ul ul li:hover > a:before {position: absolute;content: ' ';display: block;height: 100%;top: 0;} div.header div.nav svg {fill : rgba(255,255,255,0.4);} div.header div.nav i {margin-left: 0; margin-right : 0;} div.header div.lang {position: absolute;top: 48px;background: #3D97D8;padding: 7px 10px 5px;color: #fff;border-radius: 0 0 3px 3px; font-weight: normal;} div.header div.lang a:not(:last-child) { margin-left: 5px; } div.header div.lang a:not(:last-child):after {content:'|'; margin-right: 5px} /* ------------------------------------------ */ /* SEARCH /* ------------------------------------------ */ div.search {background: #fff; border-radius: 5px; height: 50px; margin-bottom: 10px} div.search div.tab {display: block;float: right; margin-right: 10px;} div.search div.tab a {color: #D6D6D6; display: inline-block; padding: 15px 10px; font-weight: bold;} div.search div.tab a:hover {color: #C2C2C2;} div.search div.tab a.selected {color: #F54051; position: relative;} div.search div.tab a.selected:after {content: '';font-family: iFont;font-size: 18pt;color: #F3F3F3;position: absolute;bottom: -5px;left: 50%;margin-left: -6px;} div.search div.tab a.selected:before {border-bottom: 5px #343434 solid;position: absolute;top: -5px;content: ' ';display: block;width: 100%;right: 0;} div.search form {position: relative; display: block; padding: 5px; margin-right: 20px; float: right;} div.search form:before {content: url(../images/search_form_shadow.png); display: block; position: absolute; right: -15px; top: 0px} div.search form input[type=text] {border: 0px; padding: 5px 10px; margin-top: 5px; width: 610px; color: #949494} /* ------------------------------------------ */ /* FROM /* ------------------------------------------ */ form {} form div {position: relative;} form div[format=currency] span.currency{background-color:#498FAD;color:#fff;font-size:11pt;border-radius: 3px;padding: 3px 10px;margin-right: 10px;display: inline-block;margin-bottom:10px;} form input[type=text], form input[type=password] {border: 0; padding: 9px 10px; border-radius: 2px; margin-bottom: 5px; position: relative;} form div:not(.wizard_content) i {position: absolute;top: 2px;right: -5px;background-color: #dce3ed;color: #fff;height: 28px;width: 35px;padding-top: 6px;border-radius: 0 2px 2px 0;text-align: center;} form div.wizard_section i{position: static; background: inherit; color: inherit;; height: auto; width: auto; padding: 0} form button, form a.button {background-color: #3CC5F1; color: #fff; padding: 4px 9px; border: 0; border-radius: 2px;font-family:nassim;font-size:12pt; ;cursor: pointer; margin: 0; margin-right: 5px;} form a.button {padding: 5px 9px; display: inline-block;} form span.label {display: block; padding-bottom: 10px; font-weight: bold; color: #4E4E4E} form .inline_help {background: #FEEEA7; padding: 7px; border-radius: 2px; position: absolute;color: #BB8B26;display: inline-block;top: 0;max-width: 300px;} form .inline_help:before {position: absolute; font-family: iFont; font-size: 11pt; top: 8px; color: #FEEEA7;} form .disabled {background: #EBEBE4; color: #A9A9AB} form div.fileuploader {width: 210px;height: 33px;border: 1px solid #E4E4E4;position: relative;display: inline-block; border-radius: 3px; margin-bottom: 5px; overflow: hidden;text-align: right; direction: rtl; vertical-align: middle;} form div.fileuploader a {display: block;width: 100%;height: 20px; padding: 6px 0; text-align: center;} form div.fileuploader span.progress {width: 210px !important; height: 33px; display: inline-block; background: #fff; overflow: hidden; border-radius: 3px; overflow: hidden;} form div.fileuploader span.progress .percent {background: #F54051;height: 33px; width: 0px; display: block; text-align: center; color: #fff; font-weight: bold; padding-top: 6px !important} form div.fileuploader a.download {padding: 6px;display: block;margin-right: 35px; width: 140px; position: relative;z-index: 1;} form div.fileuploader i {top: 0; right: 0px; background: #F54051; cursor: pointer; border-radius: 0 !important; padding-top: 6px !important} form div.fileuploader.ready_generate i{margin-right:0 !important;} form a.button.download {background: #D3E2FF; color: #385893} form .no_border {border: 0 !important} form .view_item {border: 0; /*padding: 9px 10px;*/; padding: 9px 0 0 0; border-radius: 2px; margin-bottom: 5px; position: relative; display: inline-block !important} form .view_item .participate_sign {position: relative !important; display: inline-block; top: -1px !important; right: auto !important; margin: 0 !important; margin-left: -6px !important; height: 32px !important;} form .view_item .participate_sign.participate {background: #79A55D} form .view_item .participate_sign.notparticipate {background: #C73232} form .view_item .participate_sign.notic {background: #C7B432} form .view_item .participate_sign.notic#product_price{border-radius: 2px;cursor: pointer;} form .view_item a.hlink {color: #244A89;} form .view_item a.hlink:hover {text-decoration: underline;} form .logo, form .pictures_product, form .pictures {float: left !important; padding: 10px; z-index: 10; text-align: center;} form .pictures_product:after {content:'تعداد تصاویر : ' attr(count);display: block;padding: 3px 5px;font-size: 14px;background: #E6E3E3;line-height: 100%;border-radius: 3px;margin-top: 3px;} form .logo img {max-width: 100px; max-height: 100px} form .pictures img {max-width: 120px; max-height: 120px; background: #fff; padding: 3px; border-radius: 3px; border: 1px #E6E3E3 solid; cursor: ne-resize;} form .pictures_product img {max-width: 150px; max-height: 150px; background: #fff; padding: 3px; border-radius: 3px; border: 1px #E6E3E3 solid; cursor: ne-resize;} /* ------------------------------------------ */ /* POPUP /* ------------------------------------------ */ div.overlay {background: rgba(0,0,0,0.7); position: fixed; z-index: 1000; display: block; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;top:0;left:0;} div#popup {border-radius: 5px; background: #fff; width: 450px; max-height: 99%; position: fixed; overflow: hidden;z-index: 1001;top: 50%;left: 50%; transform: translate3d(-50%, -50%, 0) scale(1.0, 1.0);-webkit-transform: translate3d(-50%, -50%, 0) scale(1.0, 1.0); -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} div#popup .title {background: #EDEEE0; display: block; padding: 10px;} div#popup .title span {margin-right: 10px} div#popup i[icon=remove] {position: absolute;top: 8px;left: 8px;cursor: pointer;border-radius: 3px; padding: 0 5px} div#popup i[icon=remove]:hover {background: #333; color: #fff} div#popup .content i[icon=remove] {margin-left: 5px;height:28px;background: #F54051;border-radius: 0;padding:6px 0 0 0 !important;} div#popup .content {max-height: 90%} div#popup .content a.button {background-color: #3CC5F1; color: #fff; padding: 4px 9px; border: 0; border-radius: 2px;font-family:nassim;font-size:12pt; ;cursor: pointer; margin: 0; float: left; margin-right: 5px} div#popup .content a.payment {background:#1133D1} div#popup .content a.confirm {background:#3e9a00} div#popup .content a.close {background:#7E7E7E} div#popup .content ol {margin-left: 30px; list-style: decimal} div#popup .content ul {margin-left: 30px; list-style: disc;} div#popup .content[dir=rtl] ol {margin-right: 30px; list-style: decimal} div#popup .content[dir=rtl] ul {margin-right: 30px; list-style: disc;} div#popup a.decoration {text-decoration: underline; color: #1829D3;background: none;padding:0;display: inline-block;margin :0;float: none;} div#popup table {border:1px solid #C2C2C2; width: 100%; border-radius: 2px; max-width: 100%} div#popup table th {background-color:#C2C2C2;border-bottom:1px solid #C2C2C2; padding: 5px 0 5px 5px; font-size: 8pt;text-align: left;} div#popup table td {height:16px;border:1px solid #C2C2C2;padding:4px; white-space:nowrap;background-color: #fff} div#popup form {position: relative;} div#popup form .large {width: 524px;} div#popup form .extra_large {width: 654px;} div#popup form .small {width: 188px;} div#popup form .xsmall {width: 30px;} div#popup form .tiny {width: 88px;} div#popup form select.large {width: 514px;} div#popup form select.small {width: 210px;} div#popup form .ltr {direction: ltr; text-align: left;font-family: arial;font-size: 10pt;padding:10px !important;} div#popup form p.section_title {border-bottom: 1px #DCE2EE dashed; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; padding-top: 20px} div#popup form p.section_title a.button {float: left; background: #F1863C; border-radius: 3px 3px 0 0} div#popup form div.require span.label:after {content: ' * '; color: #FF1717;} div#popup form div.inlineblock {display: inline-block;} div#popup form input[type=checkbox], div#popup form input[type=radio] {display: inline-block; vertical-align: middle;margin-left: 5px;} div#popup form input[type=text], div#popup form select, div#popup form input[type=password], div#popup form textarea {border: 1px solid #E4E4E4; padding: 3px 10px; border-radius: 2px; margin-bottom: 2px; position: relative;} div#popup form select {background: #fff} div#popup form span.label {display: inline-block; width: 110px; font-weight: normal; padding-right: 5px; vertical-align: top;padding-top: 10px;} div#popup form img#captcha_img {width: 210px} div#popup form #captcha {position: relative; margin-top: 15px; border-top: 1px #DCE2EE dashed; padding-top: 15px; height: 80px; background: url(../images/loader.gif) no-repeat 419px 35px} div#popup form #captcha i.captcha_reload {position: absolute; top: 15px; right: 327px; background: #282828; border-radius: 2px 0 0 2px; cursor: pointer;} /*div#popup form div.opration {text-align: left; margin-top: 15px; border-top: 1px #DCE2EE dashed; padding-top: 15px}*/ div#popup form .inner_form {overflow: auto;width: 680px; padding: 10px; padding-bottom: 30px; margin-bottom: 50px;} div#popup form div.opration {text-align: left;border-top: 1px #DCE2EE dashed;padding: 10px;position: fixed;bottom: 0;left: 0;right: 0;background: #fff;} div#popup form span.loading {position: absolute;display: block;background: rgba(255,255,255,0.8);width: 100%;top: 0;text-align: center;padding: 13px 0;} div#popup form label {padding: 6px 10px;display: inline-block;background: #F3F3F3;border-radius: 3px; margin-bottom: 5px} div#popup form i[isvalid=true] {background: #44BE0F;} div#popup form i[isvalid=false] {background: #BE0F0F;} div#popup form i.radio {right: 119px; z-index: 100; top: 3px; cursor: pointer;} div#popup form i.radio[icon=circle] {color: #695DA5} div#popup form i.checkbox {right: 119px; z-index: 100; top: 3px; cursor: pointer;} div#popup form i.checkbox[icon=check-sign] {color: #695DA5} div#popup form input.center {padding-right: 40px; width: 494px} div#popup form div.autocomplete {position: absolute;right: 123px;background: #fff;z-index: 1001;width: 525px;max-height: 250px;overflow: auto;padding: 10px;border: 1px solid #E4E4E4;border-radius: 2px; display: none;} div#popup form div.autocomplete li {padding: 5px; list-style: none; border-radius: 2px; cursor: pointer;} div#popup form div.autocomplete li:hover {background: #F54051; color: #fff} div#popup form div.fileuploader {width: 210px;height: 33px;border: 1px solid #E4E4E4;position: relative;display: inline-block; border-radius: 3px; margin-bottom: 5px; overflow: hidden;text-align: right; direction: rtl;} div#popup form div.fileuploader a {display: block;width: 100%;height: 20px; padding: 6px 0; text-align: center;} div#popup form div.fileuploader span.progress {width: 210px; height: 33px; display: inline-block; background: #fff; overflow: hidden;} div#popup form div.fileuploader span.progress .percent {background: #F54051;height: 33px; width: 0px; display: inline-block; text-align: center; color: #fff; font-weight: bold; padding-top: 7px} div#popup form div.fileuploader a.download {padding: 6px;display: block;margin-right: 35px; width: 140px} div#popup form div.fileuploader i {top: 0; right: -6px; background: #F54051; cursor: pointer; padding: 0 !important; border-radius: 0 !important; padding-top: 6px !important} div#popup form .upload-list {display: none !important} div#popup .alert {margin: 10px} div#popup .element {display: block;} div#popup .element span.label {display: inline-block; width: 110px; font-weight: normal; padding-right: 5px; vertical-align: top;padding-top: 10px;} div#popup .element span.content {display: inline-block; padding: 5px; min-width: 195px; border-radius: 2px; border: 1px solid #E4E4E4;margin-bottom: 5px;position: relative; background: #F3F3F3} div#popup .element.inlineblock {display: inline-block;} div#popup .element .extra_large {width: 654px;} div#popup .element .large {width: 524px;} div#popup .element .medium {width: 375px;} div#popup .element .small {width: 188px;} div#popup .element .tiny {width: 78px;} div#popup .element .xsmall {width: 30px;} div#popup .element a {background-color: #0D9423;color: #fff;padding: 2px 8px;border-radius: 3px;} /* ------------------------------------------ */ /* MAIN /* ------------------------------------------ */ div.main {background: #fff; border-radius: 5px; margin-bottom: 10px; padding: 10px;} /* -------------------------------------- */ /* RIGHT /* -------------------------------------- */ div.main div.col_right {width: 300px;} div.main div.col_right div.section {margin-bottom: 10px; display: block;} /*User Info*/ div.main div.col_right div.section#user_info {background: #EBEEF5; border-radius: 3px; padding:7px 10px; color: #67789E; margin-bottom: 0} div.main div.col_right div.section#user_info i {font-size: 15px; color: #9DAAC7} div.main div.col_right div.section#user_info span {font-weight: bold; font-size: 17px} div.main div.col_right div.section div.tab {float: none; clear: both; height: 36px} /*div.main div.col_right div.section div.tab a {display: block; width: 130px; padding:7px 10px; color: #343434; text-align: center; float: right; border-top: 5px #fff solid; position: relative;}*/ div.main div.col_right div.section div.tab a {display: block; width: 130px; padding:7px 10px; color: #343434; text-align: center; float: right; position: relative; border-radius: 3px 3px 0 0; background: #A5A5A5} /*div.main div.col_right div.section div.tab a:hover {background: #F0F1F5;}*/ /*div.main div.col_right div.section div.tab a.selected {background: #343434; color: #fff; border-top: 5px #EBEBEB solid; font-weight: bold;}*/ div.main div.col_right div.section div.tab a.selected {background: #343434; color: #fff; border-radius: 3px 3px 0 0; font-weight: bold;} div.main div.col_right div.section div.tab a.selected:after {content: '';font-family: iFont;font-size: 25pt;color: #F3F3F3;position: absolute;bottom: -12px;left: 50%;margin-left: -10px;} /*div.main div.col_right div.section div.header {background: #343434; color: #fff; border-top: 5px #EBEBEB solid; font-weight: bold; position: relative;}*/ div.main div.col_right div.section div.header {background: #343434; color: #fff; font-weight: bold; position: relative; border-radius: 3px} div.main div.col_right div.section div.header span {display: block; padding:7px 10px; position: relative;} div.main div.col_right div.section div.header span i {color: #808080; margin-left: 10px} div.main div.col_right div.section div.content {background: #F3F3F3; display: block; padding: 10px;} div.main div.col_right div.section[closeable] div.header:after {content: attr(data-content); font-family: iFont; font-size: 11pt; position: absolute; top: 8px; left: 10px} div.main div.col_right div.section[closeable] div.header {cursor: pointer;} div.main div.col_right div.section div.button {padding-top: 5px; margin:5px 0; border: 1px dashed #DEE0EC; border-left: 0; border-right: 0} div.main div.col_right div.section div.button a {border-radius: 2px; padding: 6px 10px; color: #fff; background: #CACACA; display: block; font-weight: bold; margin-bottom: 5px} div.main div.col_right div.section div.button a i {float: left !important;font-weight: normal;background: transparent;position: relative;right: 0;padding: 0; width: auto; top:0;} div.main div.col_right div.section div.button a.shopper_register {background-color: #79A55D} div.main div.col_right div.section div.button a.participant_register {background-color: #695DA5} div.main div.col_right div.section div.button a.subscribe {background-color: #93cf5d} div.main div.col_right div.section div.login {} div.main div.col_right div.section div.login form input[type=text], div.main div.col_right div.section div.login form input[type=password] {width: 260px; direction: ltr;font-family: arial;font-size: 10pt} div.main div.col_right div.section div.login form button, div.main div.col_right div.section div.login form a.button {margin-top: 5px; float: left; margin-right: 5px} div.main div.col_right div.section div.login form a.button {background: #B3B3B3} div.main div.col_right div.section div.login form span[icon] {margin-right: 5px; margin-left: 3px;} div.main div.col_right div.section div.login form a.decoration {color: #5350F9;} /*div.main div.col_right div.section div[tab=shopper] {display: none;}*/ div.main div.col_right div.section div.paper {} div.main div.col_right div.section div.paper div.paper_item {padding-bottom: 10px; margin-bottom: 10px; display: block; border-bottom: 1px #ccc dashed} div.main div.col_right div.section div.paper div.paper_item img {border-radius: 150px; width: 60px; height: 60px; float: right; margin-left : 10px; border: 2px #F3F3F3 solid} div.main div.col_right div.section div.paper div.paper_item span.title {font-weight: bold; display: block; color: #6a5ea6} div.main div.col_right div.section div.paper div.paper_item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0} div.main div.col_right div.section div.paper div.paper_item:hover img {border-color: #6a5ea6; -webkit-transition: all .2s ease-in-out;-moz-transition:all .2s ease-in-out;} div.main div.col_right div.section div.participant_info {} div.main div.col_right div.section div.participant_info img {border-radius: 200px;width: 75px;height: 75px;float: left;margin-right: 10px;border: 5px #F54051 solid;} div.main div.col_right div.section div.participant_info div.opration {} div.main div.col_right div.section div.participant_info div.opration a {background-color: #3CC5F1;color: #fff;font-weight: bold;padding: 4px 9px;border: 0;border-radius: 2px;font-family: arial;font-size: 11pt;cursor: pointer;margin: 0;display: inline-block;clear: left;margin-bottom: 5px;min-width: 89px;margin-top: 5px;} div.main div.col_right div.section div.user_menu {} div.main div.col_right div.section div.user_menu li > a {background: #E2E2E2; border-radius: 3px; margin-bottom: 2px} div.main div.col_right div.section div.user_menu li:hover > a {background: #CACACA; } div.main div.col_right div.section div.user_menu ul ul {background: #F3F3F3; padding: 3px 5px; border-radius: 3px} div.main div.col_right div.section#events_archive select {border: 1px solid #E4E4E4; padding: 5px 10px; border-radius: 2px; margin-bottom: 5px; position: relative;background: #fff; width: 280px} div.main div.col_right div.section#events_detail img {max-width: 115px;margin: 0 auto;display: block;padding-bottom: 10px;} /* -------------------------------------- */ /* LEFT /* -------------------------------------- */ div.main div.col_left {display: block;width: 670px;} div.main div.col_left div.section {margin-bottom: 10px; display: block;} /*div.main div.col_left div.section div.header {background: #343434; color: #fff; border-top: 5px #EBEBEB solid; font-weight: bold; position: relative;}*/ div.main div.col_left_full div.section div.header, div.main div.col_left div.section div.header {background: #343434; color: #fff; font-weight: bold; position: relative; border-radius: 3px} div.main div.col_left_full div.section div.header span, div.main div.col_left div.section div.header span {display: inline-block; padding:7px 10px; position: relative;} div.main div.col_left_full div.section div.header span i, div.main div.col_left div.section div.header span i {color: #808080;} div.main div.col_left div.section div.content {display: block; background: #F3F3F3} div.main div.col_left_full div.section div.header .option {float: left; padding: 5px} div.main div.col_left_full div.section div.header .option select {border: 1px solid #E4E4E4;padding: 5px 10px;border-radius: 2px; width: 300px;} div.main div.col_left div.section div.content .content_title {font-weight: bold; display: block; padding: 5px; margin-bottom: 10px} div.main div.col_left div.section div.content .static_content {line-height: 140%; padding: 5px} div.main div.col_left div.section div.content .static_content ul li {list-style: disc;} div.main div.col_left div.section div.content .static_content table {border-bottom: 1px #737373 solid; border-left: 1px #737373 solid; max-width: 800px;} div.main div.col_left div.section div.content .static_content table tr {} div.main div.col_left div.section div.content .static_content table span {padding: 0; margin: 0; width: auto; height: inherit;} div.main div.col_left div.section div.content .static_content table tr th {padding: 8px; background: #737373; color: #fff; border-top: 1px #737373 solid; border-right: 1px #737373 solid;font-family: nassim !important; font-size: 12pt; width: inherit;} div.main div.col_left div.section div.content .static_content table tr td {padding: 8px; border-top: 1px #737373 solid; border-right: 1px #737373 solid; width: inherit;} div.main div.col_left div.section.full div.content {display: block; background: #fff} /* Opinion */ div.main div.col_left div.section.full.opinion div.content {} div.main div.col_left div.section.full.opinion div.item {border-radius: 2px;padding: 8px;background: #EDEDED; margin-bottom: 5px;} div.main div.col_left div.section.full.opinion div.item .rate {position: absolute;top: 8px;} div.main div.col_left div.section.full.opinion div.item .rate .p {padding: 2px 8px;background-color: #89B733;color: #fff;cursor: pointer; border-radius: 3px; display: inline-block;} div.main div.col_left div.section.full.opinion div.item .rate .m {padding: 2px 8px;background-color: #DC0200;color: #fff;cursor: pointer; border-radius: 3px; display: inline-block;} div.main div.col_left div.section.full.opinion .question, div.main div.col_left div.section.full.opinion .answer {padding-top: 5px;} div.main div.col_left div.section.full.opinion .answer {color: #317598} div.main div.col_left div.section.full.opinion .answer span {background: #F54051; display: inline-block; padding: 2px 5px; border-radius: 3px; color: #fff} div.main div.col_left div.section[closeable] div.header:after {content: attr(data-content); font-family: iFont; font-size: 11pt; position: absolute;} div.main div.col_left div.section[closeable] div.header {cursor: pointer;} div.main div.col_left div.section div.oprator {display: block; padding: 10px; height: 35px} div.main div.col_left div.section div.oprator a {padding: 5px 10px; background: #81DBF6; float: left; color: #fff; border-right: 1px solid #6FCDE9; border-left: 1px solid #8EE2FE;} div.main div.col_left div.section div.oprator a:hover { background: #7CD1EA;} div.main div.col_left div.section div.oprator a i {margin: 0} div.main div.col_left div.section div.oprator a:first-child {border-radius: 2px 0 0 2px; border-left: 0} div.main div.col_left div.section div.oprator a:last-child {border-radius: 0 2px 2px 0; border-right: 0} div.main div.col_left div.section table{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:100%;} div.main div.col_left div.section table td, div.main div.col_left div.section table th{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding:2px 5px;} div.main div.col_left div.section table th{font-weight: bold;background-color: #f5f5f5} div.main div.col_left div.section table.small_head th{font-weight: normal;font-size: 15px; word-spacing: -1px} div.main div.col_left div.section table td .comment {padding:0 3px;border-radius: 3px; display: table-cell;} div.main div.col_left div.section table i.type {background: #3CC5F1; border-radius: 3px; font-size: 16px;vertical-align: middle;color: #E7FAFF;padding: 0 4px; display: inline-block; min-width: 15px;} div.main div.col_left div.section table.custom_link a, div.main div.col_left div.section table a.hlink {color: #244A89;} div.main div.col_left div.section table.custom_link a:hover, div.main div.col_left div.section table a.hlink:hover {text-decoration: underline;} div.main div.col_left div#slider {width: 670px; height: 300px; background: #ccc; overflow: hidden; position: relative;} div.main div.col_left div#slider ul.slider {width: 9000px;} div.main div.col_left div#slider ul.slider li.slide_item {display: inline-block; vertical-align: top; position: relative; width: 670px; height: 300px} div.main div.col_left div#slider ul.slider li.slide_item div.detail {position: absolute;bottom: 0;width: 620px;background: rgba(0, 0, 0, 0.47);display: block; padding: 25px 25px 35px} div.main div.col_left div#slider ul.slider li.slide_item div.detail span.title {display: block; font-size: 25px; color: #fff} div.main div.col_left div#slider ul.slider li.slide_item div.detail span.abstract {color: #fff} div.main div.col_left div#slider div.oprator {position: absolute; bottom: 0;} /*NOT USEABLE*/ div.main div.col_left div#job_opportunity div.content {background: #fff} div.main div.col_left div#job_opportunity ul.job_list {border-radius: 0 0 5px 5px; border: 1px solid #ccc; height: 354px; overflow: hidden;} div.main div.col_left div#job_opportunity ul.job_list li {display: block; border-bottom: 1px #E1E1E1 solid; padding: 10px; background: #F5F5F5} div.main div.col_left div#job_opportunity ul.job_list li.row {background: #EDEDED} div.main div.col_left div#job_opportunity ul.job_list li:hover {background: #FEEEA7;color: #BB8B26; cursor: pointer;} div.main div.col_left div#job_opportunity ul.job_list li div {float: right; height: 50px;} div.main div.col_left div#job_opportunity ul.job_list li div.job_request {width: 380px;} div.main div.col_left div#job_opportunity ul.job_list li div.job_request span.title {display: block; font-weight: bold;} div.main div.col_left div#job_opportunity ul.job_list li div.job_request span.level {display: block;} div.main div.col_left div#job_opportunity ul.job_list li div.job_city {width: 150px;/* padding-top: 20px;height: 40px;*/;} div.main div.col_left div#job_opportunity ul.job_list li div.job_detail {text-align: left; width: 117px;} div.main div.col_left div#job_opportunity ul.job_list li div.job_detail span.hour {display: inline-block; padding: 3px 8px; border-radius: 3px; background: #D4D4D4; color: #fff; float: none; clear: both;} div.main div.col_left div#job_opportunity ul.job_list li div.job_detail span.hour.full {background: #F54051} div.main div.col_left div#job_opportunity ul.job_list li div.job_detail span.hour.part {background: #40ADF5} div.main div.col_left div#job_opportunity ul.job_list li div.job_detail span.hour.project {background: #40F57A} /*NOT USEABLE*/ div.main div.col_left div#latest_news {/*overflow: hidden;*/} div.main div.col_left div#latest_news div.news {padding: 10px; position: relative;} div.main div.col_left div#latest_news div.news a.news_archive {background-color: #79CBAF;color:#fff;padding: 5px 20px;border-radius: 3px;} div.main div.col_left div#latest_news div.news div.news_item {padding-bottom: 10px; margin-bottom: 10px; display: block; border-bottom: 1px #ccc dashed; position: relative; width: 660px} div.main div.col_left div#latest_news div.news div.news_item img {border-radius: 3px; width: 100px; border: 1px #c2c2c2 solid;padding:3px;} div.main div.col_left div#latest_news div.news div.news_item span.title {font-weight: bold; display: block; color: #317598} div.main div.col_left div#latest_news div.news div.news_item:last-child {margin-bottom: 0; border-bottom: 0} div.main div.col_left div#latest_news div.news div.news_item span.abstract {margin-bottom: 20px;display: block;} div.main div.col_left div#latest_news div.news div.news_item div.news_info {clear: both;display: block;text-align: left} div.main div.col_left div#latest_news div.news div.news_item div.news_info span {padding: 3px 10px;background: #317598;border-radius: 2px;color: #FFF;display: inline-block;white-space: nowrap;} div.main div.col_left div#latest_news div.content {/*height: 160px*/} div.main div.col_left div#news_list div.content {padding-top: 10px} div.main div.col_left div#news_list div.content div.news_item {padding-bottom: 10px; margin-bottom: 10px; display: block; border-bottom: 1px #ccc dashed; position: relative; width: 660px} div.main div.col_left div#news_list div.content div.news_item img {border-radius: 3px; width: 100px; border: 1px #c2c2c2 solid;padding:3px;} div.main div.col_left div#news_list div.content div.news_item span.title {font-weight: bold; display: block; color: #317598} div.main div.col_left div#news_list div.content div.news_item span.abstract {margin-bottom: 20px;display: block;} div.main div.col_left div#news_list div.content div.news_item div.news_info {clear: both;display: block;text-align: left} div.main div.col_left div#news_list div.content div.news_item div.news_info span {padding: 3px 10px;background: #317598;border-radius: 2px;color: #FFF;} div.main div.col_left div#news_view div.content {padding-top: 10px} div.main div.col_left div#news_view div.content div.news_item {padding-bottom: 10px; margin-bottom: 10px; display: block; position: relative; width: 650px} div.main div.col_left div#news_view div.content div.news_item > img {border-radius: 2px;width: 100px;border: 1px #c2c2c2 solid;padding: 3px;} div.main div.col_left div#news_view div.content div.news_item div.body {border-top: 1px #ccc dashed; padding-top: 10px; margin-top: 10px} div.main div.col_left div#news_view div.content div.news_item div.news_info {margin-top: 10px; display: block;} div.main div.col_left div#news_view div.content div.news_item div.news_info span {padding: 3px 10px;background: #317598;border-radius: 2px;color: #FFF;} div.main div.col_left div#section_view div.content {padding-top: 10px} div.main div.col_left div#section_view div.content span.title {font-weight: bold; display: block; color: #F54051} div.main div.col_left div#section_view div.content div.body {border-top: 1px #ccc dashed; padding-top: 10px; margin-top: 10px; display: block;} /* NOT USEABLED - RECENT */ div.main div#recent_recipients {margin-top: 20px; display: block;} div.main div#recent_recipients div.label {display: block; text-align: center; font-weight: bold; position: relative;} div.main div#recent_recipients div.label span {background: #fff; padding: 5px 10px;} div.main div#recent_recipients div.label:after {content: ' '; border-bottom: 1px #DCE2EE dashed; display: block; width: 100%; margin-top: -10px;margin-bottom: 10px;} div.main div#recent_recipients div.content {width: 980px;height: 180px; position: relative;} div.main div#recent_recipients div.content a[action] {position: absolute; padding: 15px; color: #F34151; cursor: pointer; top: 70px} div.main div#recent_recipients div.content a[action]:hover {color: #EB1125} div.main div#recent_recipients div.content a[action] i {font-weight: bold; font-size: 45pt;} div.main div#recent_recipients div.content a[action=recent_next] {left: 10px} div.main div#recent_recipients div.content a[action=recent_prev] {right: 10px} div.main div#recent_recipients div.content div.list {width: 843px;overflow: hidden;padding: 15px 0 0 0;margin-right: 65px} div.main div#recent_recipients div.content div.list ul {width: 9000px} div.main div#recent_recipients div.content div.list ul li {display: block; float: right;width: 160px;margin-left: 10px;height: 160px; text-align: center;} div.main div#recent_recipients div.content div.list ul li div {width: 100px; height: 100px; display: block; margin: 0 auto; margin-bottom: 10px; vertical-align: middle;} div.main div#recent_recipients div.content div.list ul li div img {max-width: 100px; max-height: 100px} /*NOT USEABLED*/ /* WIZARD LEVEL */ div.main div.col_left div.section div.wizard_level {background: #F3F3F3; border-radius: 3px; overflow: hidden; height: 37px} div.main div.col_left div.section div.wizard_level div {width: 2500px;} div.main div.col_left div.section div.wizard_level div a {padding: 8px;display: block;background: #E6E3E3;position: relative;cursor: pointer;float: right;padding-left: 0;} div.main div.col_left div.section div.wizard_level div a:not(:last-child):after {content: '';font-family: iFont;font-size: 5em;display: block;position: absolute;top: 8px;left: -28px;z-index: 3;color: #E6E3E3;} div.main div.col_left div.section div.wizard_level div a:first-child {padding-right: 15px} div.main div.col_left div.section div.wizard_level div a:last-child {padding-left: 20px} div.main div.col_left div.section div.wizard_level div a:nth-child(1n+2) {padding-right: 44px;} div.main div.col_left div.section div.wizard_level div a:nth-child(1n+2):before {content: '';font-family: iFont;font-size: 5.2em;display: block;position: absolute;top: 8px;right: 4px;z-index: 2;color: #F3F3F3;} div.main div.col_left div.section div.wizard_level div a:hover {background-color: #D2D2D2;} div.main div.col_left div.section div.wizard_level div a:hover:after {color: #D2D2D2} div.main div.col_left div.section div.wizard_level div a.selected {background-color: #385893; color: #D3E2FF} div.main div.col_left div.section div.wizard_level div a.selected:after {color: #385893} /* WIZARD CONTENT */ div.main div.col_left div.section div.wizard_content {} div.main div.col_left div.section div.wizard_content div.wizard_section {display: none;} div.main div.col_left div.section div.wizard_content p.wizard_title {border-bottom: 1px #DCE2EE dashed; padding-bottom: 10px; margin-bottom: 10px;font-family:nassim;font-size:14pt; ;font-weight: normal; padding-top: 20px; display: none;} div.main div.col_left div.section div.wizard_content .active {display: block !important;} div.main div.col_left div.section div.wizard_content .static_content {line-height: 140%; padding: 10px 0; margin-bottom: 15px;} div.main div.col_left div.section div.wizard_content .static_content ul {padding-right: 25px;} div.main div.col_left div.section div.wizard_content .static_content ul li {list-style: disc;} div.main div.col_left div.section div.wizard_content .static_content table {border-bottom: 1px #737373 solid; border-left: 1px #737373 solid; max-width: 800px;} div.main div.col_left div.section div.wizard_content .static_content table tr {} div.main div.col_left div.section div.wizard_content .static_content table span {padding: 0; margin: 0; width: auto; height: inherit;} div.main div.col_left div.section div.wizard_content .static_content table tr th {padding: 8px; background: #737373; color: #fff; border-top: 1px #737373 solid; border-right: 1px #737373 solid;font-family: nassim !important; font-size: 12pt; width: inherit;} div.main div.col_left div.section div.wizard_content .static_content table tr td {padding: 8px; border-top: 1px #737373 solid; border-right: 1px #737373 solid; width: inherit;} div.main div.col_left div.section div.wizard_content div.fileuploader i {top: 0; right: 0px; background: #F54051; cursor: pointer; border-radius: 0 !important; padding-top: 6px !important; position: absolute; padding: 10px} div.main div.col_left div.section div.wizard_content div.fileuploader.ready_generate i{margin-right:0 !important;} div.main div.col_left div.section p.sec_title {border-bottom: 1px #DCE2EE dashed; padding-bottom: 10px; margin-bottom: 10px;font-family:nassim;font-size:14pt; ;font-weight: normal; padding-top: 20px} div.main div.col_left div.section p.sec_title a.button , div.main div.col_left div.section p.sec_title a.button_xlsx{padding: 5px 9px;display: inline-block;background: #486DCD;font-family: nassim;font-size: 12pt;float: left;border-radius: 3px 3px 0 0; color: #fff} div.main div.col_left div.section p.sec_title a.button_xlsx{background: #32af31;margin-left: 5px;} div.main div.col_left div.section p.sec_title a.shell, div.main div.col_left div.section p.sec_title a.price {padding: 5px 9px;display: inline-block;background: #074B72;font-family: nassim;font-size: 12pt;float: left;border-radius: 3px 3px 0 0; color: #fff; margin-left: 5px} div.main div.col_left div.section p.sec_title a.price{background: #048fbb;} /* FORM */ div.main div.col_left div.section form {position: relative;} div.main div.col_left div.section form .extra_large {width: 654px;} div.main div.col_left div.section form .large {width: 519px;} div.main div.col_left div.section form .medium {width: 374px;} div.main div.col_left div.section form .small {width: 188px;} div.main div.col_left div.section form.section .small {width: 183px;} div.main div.col_left div.section form .tiny {width: 78px;} div.main div.col_left div.section form .xsmall {width: 30px;} div.main div.col_left div.section form select.large {width: 510px;} div.main div.col_left div.section form select.small {width: 210px;} div.main div.col_left div.section form.section select.small {width: 205px;} div.main div.col_left div.section form select.tiny {width: 70px;} div.main div.col_left div.section form .ltr {direction: ltr; text-align: left;font-family: arial;font-size: 10pt;padding:10px !important;} div.main div.col_left div.section form p.section_title {border-bottom: 1px #DCE2EE dashed; padding-bottom: 10px; margin-bottom: 10px;font-family:nassim;font-size:14pt; ;font-weight: normal; padding-top: 20px} div.main div.col_left div.section form p.section_title a.button {background: #85CD48;font-family:nassim;font-size:12pt;} div.main div.col_left div.section form p.section_title span.fav_item {height: 33px;overflow: hidden;display: inline-block;float: left; background: url(../images/12_loader.gif) center center no-repeat; /*width: 165px*/} div.main div.col_left div.section form p.section_title #fav_count{width: 20px;height: 22px;font-family:nassim;font-size:12pt;} div.main div.col_left div.section form p.section_title a.button.addFav {background: #85CD48;margin: 0px;} div.main div.col_left div.section form p.section_title a.button.delFav {background: #FC5959;margin: 0px;} div.main div.col_left div.section form p.section_title span.fav_item+.addFavCount, div.main div.col_left div.section form p.section_title span.fav_item+.delFavCount{height:23px;text-align: center;padding: 5px;color: #FFFFFF;} div.main div.col_left div.section form p.section_title span.fav_item+.addFavCount{background: #438D04;} div.main div.col_left div.section form p.section_title span.fav_item+.delFavCount{background: #D82E2E;} div.main div.col_left div.section form div.require span.label:after {content: ' * '; color: #FF1717;} div.main div.col_left div.section form div.inlineblock {display: inline-block;} /*div.main div.col_left div.section form div.inline {display: inline-block;}*/ /*div.main div.col_left div.section form div.inline input {width: 205px}*/ div.main div.col_left div.section form input[type=checkbox] {vertical-align: middle; display: inline-block; margin: 0 0 0 5px} div.main div.col_left div.section form input[type=text], div.main div.col_left div.section form select, div.main div.col_left div.section form input[type=password], div.main div.col_left div.section form textarea {border: 1px solid #E4E4E4; padding: 5px 10px; border-radius: 2px; margin-bottom: 5px; position: relative;} div.main div.col_left div.section form select {background: #fff} div.main div.col_left div.section form span.label {display: inline-block; width: 120px; font-weight: normal; padding-right: 5px; vertical-align: top;padding-top: 10px;} div.main div.col_left div.section form img#captcha_img {width: 210px} div.main div.col_left div.section form #captcha {position: relative; margin-top: 15px; border-top: 1px #DCE2EE dashed; padding-top: 15px; height: 80px;} div.main div.col_left div.section form #captcha i.captcha_reload {position: absolute; top: 15px; background: #282828; cursor: pointer;} div.main div.col_left div.section form div.opration {margin-top: 15px; border-top: 1px #DCE2EE dashed; padding-top: 15px} div.main div.col_left div.section form span.loading {position: absolute;display: block;background: rgba(255,255,255,0.8);width: 100%;top: 0;text-align: center;padding: 13px 0;} div.main div.col_left div.section form label {padding: 7px 10px;border:1px solid #e1e1e1;display: inline-block;background: #F3F3F3;border-radius: 3px;margin-bottom:4px; white-space: nowrap;} div.main div.col_left div.section form i[isvalid=true] {background: #44BE0F;} div.main div.col_left div.section form i[isvalid=false] {background: #BE0F0F;} div.main div.col_left div.section form i.radio {z-index: 1; top: 3px; cursor: pointer;} div.main div.col_left div.section form i.radio[icon=circle] {color: #695DA5} div.main div.col_left div.section form input.center {width: 494px} div.main div.col_left div.section form div.autocomplete {background: #fff;z-index: 101;width: 520px;max-height: 250px;overflow: auto;padding: 10px;border: 1px solid #E4E4E4;border-radius: 2px; position: absolute;} div.main div.col_left div.section form div.autocomplete li {padding: 5px; list-style: none; border-radius: 2px; cursor: pointer;} div.main div.col_left div.section form div.autocomplete li:hover {background: #F54051; color: #fff} div.main div.col_left div.section form div.avatar_area {/*float: left; */ width: 505px;} div.main div.col_left div.section form div.avatar_area div.inline_help {width: 225px} div.main div.col_left div.section form div.avatar {width: 120px;height: 150px;border: 1px solid #E4E4E4;position: relative;display: inline-block; border-radius: 3px; margin-bottom: 5px; overflow: hidden;} div.main div.col_left div.section form div.avatar a {display: block;padding-top: 56px;} div.main div.col_left div.section form div.avatar img.user_avatar {width: 120px; height: 150px;} div.main div.col_left div.section form div.avatar a.remove {background: rgba(255, 0, 0, 0.59); font-weight: bold; text-align: center; display: block; padding: 5px; position: absolute; bottom: 0; color: #fff; width: 110px} div.main div.col_left div.section form div.avatar span.progress {display: block;width: 100%;padding-top: 77px;text-align: center;} div.main div.col_left div.section form div.resume_file {} div.main div.col_left div.section form div.resume {width: 210px;height: 33px;border: 1px solid #E4E4E4;position: relative;display: inline-block; border-radius: 3px; margin-bottom: 5px; overflow: hidden;} div.main div.col_left div.section form div.resume a {display: block;width: 100%;height: 20px; padding: 6px 0; text-align: center;} div.main div.col_left div.section form div.resume span.progress {width: 210px; height: 33px; display: inline-block; background: #fff; overflow: hidden;} div.main div.col_left div.section form div.resume span.progress .percent {background: #F54051;height: 33px; width: 0px; display: inline-block; text-align: center; color: #fff; font-weight: bold; padding-top: 7px} div.main div.col_left div.section form div.resume a.download {padding: 6px;display: block;margin-right: 35px; width: 140px} div.main div.col_left div.section form div.resume i {top: 0;background: #F54051; cursor: pointer;} div.main div.col_left div.section form .upload-list {display: none !important} div.main div.col_left div.section form table {border-bottom: 1px #E6E3E3 solid; border-left: 1px #E6E3E3 solid; max-width: 800px; width: 100%;margin-bottom: 20px} div.main div.col_left div.section form table tr {} div.main div.col_left div.section form table span {padding: 0; margin: 0; width: auto; height: inherit;} div.main div.col_left div.section form table tr th {padding: 5px; background: #f5f5f5; border-top: 1px #E6E3E3 solid; border-right: 1px #E6E3E3 solid; width: inherit;} div.main div.col_left div.section form table tr td {padding: 5px; border-top: 1px #E6E3E3 solid; border-right: 1px #E6E3E3 solid; width: inherit;} div.main div.col_left div.section form table tr td i {background: #ccc;border-radius: 3px;text-align: center; color: #fff; cursor: pointer;} div.main div.col_left div.section form table tr td i:last-child {margin: 0} div.main div.col_left div.section form table tr td i[icon=edit] {background: #3CC5F1;width:23px;display: inline-block;} div.main div.col_left div.section form table tr td i[icon=plus] {background: #3CF176;width:23px;display: inline-block;} div.main div.col_left div.section form table tr td i[icon=remove] {background: #F54051;display: inline-block;} div.main div.col_left div.section form table tr td i[icon=remove][action=delete_row] {width:23px} div.main div.col_left div.section form table tr.temp {display: none;} div.main div.col_left div.section form table tr.deleted {background: #D0D0D0; color: #A9A4A4} div.main div.col_left div.section form table tr.deleted td {text-decoration: line-through} div.main div.col_left div.section form table tr.deleted td.opration {text-decoration: none !important} div.main div.col_left div.section form table tr.deleted td i.undo {background: #EEBE21; border-radius: 3px; display: block; text-decoration: none !important; width: 45px; color: #282828} div.main div.col_left div.section form table.list_detail input[type=text] {padding-left:5px; padding-right:5px } div.main div.col_left div.section form table.list_detail .w80 {width: 80%} div.main div.col_left div.section form div.autoget_area {position: relative;} div.main div.col_left div.section form div.autoget_area img.loader {position: absolute;} div.main div.col_left div.section form div.autoget_area i{position: absolute;top: 0px;z-index: 999;background-color: #2FACF0} div.main div.col_left div.section form div.autoget_area input{width:484px;} div.main div.col_left div.section form #logo_promo {border: 1px silver dashed;border-radius: 5px;width: 100px;height: 100px;display: inline-block;vertical-align: top;margin-right: 40px; overflow: hidden; padding: 10px; position: relative;} div.main div.col_left div.section form #logo_promo:before {position: absolute; content: 'Company Logo'; font-size: 17px; color: #E2E2E2; font-weight: bold; text-align: center; padding: 30px 25px; margin-right: -10px;} div.main div.col_left div.section form #logo_promo img {max-width: 100px;max-height: 100px; position: relative; z-index: 10} div.main div.col_left div.section form [readonly] {background: #F0F0F0} div.main div.col_left div.section form[readonly] {position: relative !important;} div.main div.col_left div.section form .readonly_overlay {position: absolute;background-color: #fff;opacity: 0;filter: alpha(opacity=0);padding: 0pt !IMPORTANT;margin: 0pt !IMPORTANT; top:0; left: 0; right: 0; bottom: 70px;} /* LIST */ div.main div.col_left div.section div.state {display: block;} div.main div.col_left div.section div.state:not(:first-child) {border-bottom: 1px #DCE2EE dashed; padding-bottom: 15px; margin-bottom: 5px} div.main div.col_left div.section div.state span.exh_state {font-size: 20px;font-weight: bold;display: inline-block;vertical-align: middle;width: 110px;text-align: center;} div.main div.col_left div.section div.state div {display: inline-block; border-radius: 5px; background: #6B6BAD; width: 168px;padding: 18px 5px 18px 10px; margin-left: 0px; color: #fff;margin-bottom: 3px} /*div.main div.col_left div.section div.state div {display: inline-block; border-radius: 5px; background: #6B6BAD; width: 121px;padding: 18px 5px 18px 10px; margin-left: 0px; color: #fff;margin-bottom: 3px}*/ div.main div.col_left div.section div.state.admins div {width: calc(50% - 22px)} div.main div.col_left div.section div.state div.this_year {background: #79CBAF} div.main div.col_left div.section div.state div i {font-size: 15px;margin: 10px 5px;vertical-align: middle;} div.main div.col_left div.section div.state div .title {font-weight: bold;} /*div.main div.col_left div.section div.state div .count {`float: left;font-size: 25px;font-weight: bold;}*/ div.main div.col_left div.section div.state div .count {float: left;font-size: 18x;font-weight: bold;} div.main div.col_left div.section div.state div.parent {background: #6d8e21} div.main div.col_left div.section div.state.admins a:hover > div {opacity: 0.9} div.main div.col_left div.section div.co_list {} div.main div.col_left div.section div.co_list .item {display: inline-block;border-radius: 5px;width: 186px;margin-left: 5px; overflow: hidden; border: 1px solid #E1E1E1; padding: 10px 14px; min-height: 158px; vertical-align: top; margin-bottom: 7px} div.main div.col_left div.section div.co_list .item:hover {box-shadow: rgb(223, 223, 223) 0px 0px 8px 0px; cursor: pointer;} div.main div.col_left div.section div.co_list .item .logo {text-align: center;} div.main div.col_left div.section div.co_list .item .logo img {max-width: 186px; max-height: 50px} div.main div.col_left div.section div.co_list .item .product_sign {text-align: center;} div.main div.col_left div.section div.co_list .item .product_sign i {font-size: 20px; vertical-align: middle;color: #E7FAFF;padding: 15px 7px;display: inline-block;background: #3CC5F1; min-width: 45px;min-height: 25px; border-radius: 3px;} div.main div.col_left div.section div.co_list .item .detail {text-align: center;} div.main div.col_left div.section div.co_list .item .detail .title {font-weight: bold;display: block; margin-top: 5px; padding-top: 5px} div.main div.col_left div.section div.co_list .item .detail .model, div.main div.col_left div.section div.co_list .item .detail .co_name, div.main div.col_left div.section div.co_list .item .detail .province {display: block;border-top: 1px dashed #D8D8D8; margin-top: 5px; padding-top: 5px} div.main div.col_left div.section div.co_list .item .detail .count {border-top: 1px dashed #D8D8D8; margin-top: 5px; padding-top: 5px} div.main div.col_left div.section div.co_list .item .detail .count > span {display: inline-block; background: #3CC5F1; border-radius: 3px; margin-left: 3px} div.main div.col_left div.section div.co_list .item .detail .count i {font-size: 16px; vertical-align: middle; color: #E7FAFF; margin:0 7px; display: inline-block;} div.main div.col_left div.section div.co_list .item .detail .count .title {background: #22A5CF; display: inline-block; padding: 1px 7px; border-radius: 3px; position: relative; color: #fff; margin: 0} div.main div.col_left div.section div.co_list .item .detail .count .title:before {content: ''; font-family: iFont; font-size: 15px; position: absolute; color: #22A5CF; top: 1px;right: -4px;} /* participate in exhibition */ div.main div.col_left div.section .participate {} div.main div.col_left div.section .participate li {display: inline-block;width: calc(33% - 40px);padding: 20px; text-align: center;} div.main div.col_left div.section .participate li .sign {margin: 0 auto;border-radius: 300px;background: #343434;display: inline-block;color: #fff;margin-bottom: 20px; height: 47px;width: 70px;padding-top: 23px;} div.main div.col_left div.section .participate li .sign i {font-size: 25px; line-height: 100%} div.main div.col_left div.section .participate li .sign.participate {background: #79A55D} div.main div.col_left div.section .participate li .sign.notparticipate {background: #C73232} div.main div.col_left div.section .participate li .sign.notic {background: #C7B432} div.main div.col_left div.section .notic_detail {background: #C7B432; color: #fff; display: block; padding: 5px 8px; border-radius: 3px } /* FAV LIST */ div.main div.col_left div.section div.fav_list {margin-top: 20px} div.main div.col_left div.section div.fav_list .co_name {display: block;background: #e1e1e1;padding: 5px 10px;border-radius: 3px 3px 0 0;font-weight: bold;} div.main div.col_left div.section div.fav_list table {margin-bottom: 10px} div.main div.col_left div.section div.fav_list table a.pro_name{color:#3385DB;} /* FAV LIST PRINT VIEW */ div.fav_list_print {} div.fav_list_print .co_name {display: block;background: #e1e1e1;padding: 5px 10px;border-radius: 3px 3px 0 0;font-weight: bold;} div.fav_list_print table {border-bottom: 1px #737373 solid; border-left: 1px #737373 solid; background: #fff; width: 100% !important} div.fav_list_print table tr {} div.fav_list_print table span {padding: 0; margin: 0; width: auto; height: inherit;} div.fav_list_print table tr th {padding: 8px; background: #737373; color: #fff; border-top: 1px #737373 solid; border-right: 1px #737373 solid;font-family: nassim !important; font-size: 12pt; width: inherit;} div.fav_list_print table tr td {padding: 8px; border-top: 1px #737373 solid; border-right: 1px #737373 solid; width: inherit;} div.fav_list_print .title {text-align: center; font-size: 15pt; padding: 15px 10px 5px} div.fav_list_print .date {text-align: center; padding: 10px; font-size: 13pt} /* ADMIN { report } */ div.main div.col_left div.section div.report {} div.main div.col_left div.section div.report img.chart_icon {cursor: pointer; vertical-align: middle;} /* PAGINATION */ .pagination {display: block; padding: 10px 0; text-align: left;margin-top: 15px;border-top: 1px #DCE2EE dashed;padding-top: 15px;} .pagination span {display: inline-block; margin-left: 5px; border-radius: 2px; background-color: #ECECEC;} .pagination span a {padding: 2px 10px; display: block;} .pagination span.current {background-color: #244A89 !important; color: #fff !important;} .pagination span:hover {background-color: #CACACA;} .pagination .seperator {border:none !important; background: #fff !important} .pagination .seperator:hover {background-color: inherit !important;color:inherit !important;} /* DATE PICKER */ #ui-datepicker-div{width:230px;background-color: #fff;margin-top:2px; z-index: 1002} #ui-datepicker-div .ui-datepicker-header{position: relative;padding: 5px;border:1px solid #e1e1e1;border-bottom:none;} #ui-datepicker-div .ui-datepicker-header select{font-family:nassim;font-size:inherit; direction: rtl} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{text-align: center} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{position: absolute;right:10px;top:8px;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev{position: absolute;left:10px;top:8px;} #ui-datepicker-div table.ui-datepicker-calendar{width:100%;margin: 0px !important} #ui-datepicker-div table.ui-datepicker-calendar tr {border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} #ui-datepicker-div table.ui-datepicker-calendar td, #ui-datepicker-div table.ui-datepicker-calendar th {border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding:0; height: 25px; text-align: center;} #ui-datepicker-div table.ui-datepicker-calendar th {background: #e1e1e1; padding: 1px} #ui-datepicker-div table.ui-datepicker-calendar th{font-weight: normal} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today{background-color: #4EA6C4;} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a{color:#fff;} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-current-day{background-color: #ff5000;} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-current-day a{color:#fff;} #ui-datepicker-div table.ui-datepicker-calendar td[hasevent=true]{background-color: #ffcc00;} #ui-datepicker-div table.ui-datepicker-calendar td[hasevent=true] a{color: #595959} #ui-datepicker-div .ui-datepicker .ui-datepicker-title{text-align: center} #ui-datepicker-div .ui-datepicker .ui-datepicker-next{float: right} #ui-datepicker-div .ui-datepicker .ui-datepicker-prev{float: left} #ui-datepicker-div .ui-datepicker .ui-datepicker-header{background-color: #f5f5f5;padding: 5px} #ui-datepicker-div .ui-datepicker-header a {cursor: pointer;} /* ------------------------------------------ */ /* FOOTER /* ------------------------------------------ */ div.footer {background: #343434; color: #fff;padding-bottom: 8px; border-radius: 5px 5px 0 0; position: relative; height: 50px; display: block;font-size: 12pt;} div.footer div.copyright { width: 500px; margin-top: 15px;} div.footer div.copyright span {display: block;} div.footer div.copyright span.en {direction: ltr;} div.footer div.statistic {float: left; width: 210px; padding: 20px; margin-top: 10px; position: relative;} div.footer div.statistic:before {content: '';font-family: iFont;font-size: 30px;color: #7F7F7F;position: absolute;top: 48px;right: -35px;font-weight: normal;} div.footer div.statistic p.item {height: 27px} div.footer div.statistic p.item span.stat {border-radius: 2px; background: #F54051; padding: 0px 6px; float: left;} div.footer ul.social_network{float: left;width: 355px;margin-top: 15px;} div.footer ul.social_network a{width: 33px;height: 33px;float: right;padding-left: 8px;} div.footer ul.social_network a.aparat{background: url(../images/social_network.png) -1px -7px no-repeat;} div.footer ul.social_network a.telegram{background: url(../images/social_network.png) -88px -7px no-repeat;} div.footer ul.social_network a.insta{background: url(../images/social_network.png) -1px -57px no-repeat;} div.footer ul.social_network a.in{background: url(../images/social_network.png) -129px -8px no-repeat;} div.footer ul.social_network a.google{background: url(../images/social_network.png) -45px -55px no-repeat;} div.footer ul.social_network a.twitter{background: url(../images/social_network.png) -45px -7px no-repeat;} div.footer ul.social_network a.logo{background: url(../images/social_network.png) -90px -54px no-repeat;} div.footer ul.social_network a.bale{background: url(../images/social_network.png) -132px -54px no-repeat;} /* ------------------------------------------ */ /* SELECT TYPE /* ------------------------------------------ */ .select_type {text-align: center;margin-top:10px;} .select_type a {display: inline-block;padding: 20px 0;background-color: #697884;font-size: 13pt;border-radius: 5px;text-align: center;width: calc(100% / 4.5);color:#fff;} .select_type a:not(:last-child) {margin-left:10px;} .select_type a i{font-size:20pt;margin-bottom: 10px;display: block} /* ------------------------------------------ */ /* IMAGE SLIDER /* ------------------------------------------ */ ul.bjqs-controls{position: absolute;bottom: 120px;width:670px;} ul.bjqs-controls li.bjqs-prev{float: right} ul.bjqs-controls li.bjqs-next{float: left} ul.bjqs-controls.v-centered li a{display:block;padding:10px;background:#fff;color:#000;text-decoration: none;} ul.bjqs-controls.v-centered li a:hover{background:#000;color:#fff;} ol.bjqs-markers{position: absolute;bottom: 7px;width:670px;font-family: arial;font-size:10pt;} ol.bjqs-markers li{display: inline-block;} ol.bjqs-markers li a{padding:5px 10px;background:#000;color:#fff;margin:5px;text-decoration: none;} ol.bjqs-markers li.active-marker a,ol.bjqs-markers li a:hover{background: #999;} p.bjqs-caption{background: rgba(255,255,255,0.5);} /**/ .online_report {} .online_report .time {display: inline-block !important;position: absolute !important;left: 0;top: 0;} .online_report .time em {margin: 0 15px} .online_report .report_item {display: block; margin-top: 10px; margin-bottom: 10px} .online_report .report_item.temp {display: none;} .online_report .report_item:after {content: '....................................................';font-size: 20px;text-align: center;display: block;color: #DBDBDB;} .online_report .report_item .rt_head {display: inline-block; font-weight: bold;padding: 5px 0} .online_report .report_item .re_date {background-color: #79CBAF;color: #fff;padding: 2px 6px 0px 3px;border-radius: 3px;float: left;margin-right: 3px;display: block;} .online_report .report_item .images, .online_report .report_item .player {display: block; max-width: 670px; padding-top: 10px} .online_report .report_item .images, .online_report .report_item .player div[id^=player] {margin: auto; max-width: 670px; padding-top: 10px} /* ------------------------------------------ */ /* Tooltip /* ------------------------------------------ */ .tooltip {position: absolute; border-radius: 3px; display: block; padding: 5px 8px; z-index:1559;max-width: 300px} .tooltip .arrow {position: absolute;background: url('../images/tooltip.gif') no-repeat;width: 9px;height: 5px; opacity: 0.7} .tooltip h1 {margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.2); display: block; text-align: center;} .black {background: rgba(0,0,0,0.8); color: #fff;} .tt_n .arrow {background-position: bottom left; bottom: -5px} .tt_s .arrow {background-position: top left; top: -5px} .tt_n .arrow, .tt_s .arrow {left: 50%; margin-left: -4.5px;} .tt_e .arrow {background-position: bottom right; width: 5px; height: 9px; right: -5px} .tt_w .arrow {background-position: bottom left; width: 5px; height: 9px; left: -5px} .tt_e .arrow, .tt_w .arrow {top: 50%; margin-top: -4.5px;} /* ------------------------------------------ */ /* MAP /* ------------------------------------------ */ #iran_map {width: 980px; height: 950px; background: url(../images/map.png); background-size: 980px 947px; position: relative; z-index: 1; margin-top: 20px} #iran_map .state_list {width: 100%; height: 100%; display: block; position: relative; z-index: 1} #iran_map .state_list .state {position: absolute;} #iran_map .state_list .state:after {background: url(../images/state_sprite.png);visibility:hidden;opacity:0;transition:visibility 0s linear 0.1s,opacity 0.1s linear;} #iran_map .state_list .state.on:after {visibility:visible;opacity:1;transition-delay:0s;} #iran_map .state_list .state a {display: block;position: absolute; z-index: 20; cursor: pointer; padding: 20px; margin: -20px} #iran_map .state_list .state a .pointer {width: 7px;height: 7px;background-color: rgb(211, 0, 0);border-radius: 60px; display: block; content: ' '} #iran_map .state_list .state a i {border: 1px solid rgb(211, 0, 0);-webkit-border-radius: 30px;height: 13px;width: 13px;position: absolute;-webkit-animation: pulsate 1s ease-out;margin: -11px -4px 0 0;-webkit-animation-iteration-count: infinite; opacity: 0.2; } #iran_map .state_list .state.on a i {display: none;} .map_state_detail {} .map_state_detail a {display: block; cursor: pointer !important;} .map_state_detail a .title {display: inline-block; width: 160px;} .map_state_detail a .count {width: 20px; display: inline-block;} @-webkit-keyframes pulsate { 0% { opacity: 0.2;-webkit-transform: scale(1,1);} 50% {opacity: 1.0;-webkit-transform: scale(1.3, 1.3);} 100% { opacity: 0.2;-webkit-transform: scale(1, 1);}} #iran_map .state_list .state[name=tehran] {width: 144px; height: 72px; top: 277px;left: 338px} #iran_map .state_list .state[name=tehran] a {top: 32px;left: 30px;} #iran_map .state_list .state[name=tehran]:after {background-position: 0 0; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=isfahan] {width: 360px; height: 226px; top: 371px;left: 276px} #iran_map .state_list .state[name=isfahan] a {top: 89px;left: 107px;} #iran_map .state_list .state[name=isfahan]:after {background-position: -144px 0; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=fars] {width: 288px; height: 288px; top: 542px;left: 333px} #iran_map .state_list .state[name=fars] a {top: 99px;left: 88px;} #iran_map .state_list .state[name=fars]:after {background-position: -504px 0; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=khorasan_razavi] {width: 288px; height: 288px; top: 169px;left: 615px;} #iran_map .state_list .state[name=khorasan_razavi] a {top: 79px;left: 177px;} #iran_map .state_list .state[name=khorasan_razavi]:after {background-position: -792px 0; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=east_azerbaijan] {width: 216px; height: 156px; top: 78px;left: 54px;} #iran_map .state_list .state[name=east_azerbaijan] a {top: 39px;left: 49px;} #iran_map .state_list .state[name=east_azerbaijan]:after {background-position: 0px -288px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=west_azerbijan] {width: 216px; height: 288px; top: 40px;left: -1px;} #iran_map .state_list .state[name=west_azerbijan] a {top: 107px;left: 40px;} #iran_map .state_list .state[name=west_azerbijan]:after {background-position: -216px -288px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=yazd] {width: 216px; height: 216px; top: 441px;left: 449px;} #iran_map .state_list .state[name=yazd] a {top: 68px;left: 76px;} #iran_map .state_list .state[name=yazd]:after {background-position: -432px -288px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=hamadan] {width: 98px;height: 144px;top: 297px;left: 183px;} #iran_map .state_list .state[name=hamadan] a {top: 48px;left: 30px;} #iran_map .state_list .state[name=hamadan]:after {background-position: -648px -288px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=sistan_va_baluchestan] {width: 288px;height: 367px;top: 561px;left: 752px} #iran_map .state_list .state[name=sistan_va_baluchestan] a {top: 107px;left: 88px;} #iran_map .state_list .state[name=sistan_va_baluchestan]:after {background-position: -792px -288px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=kerman] {width: 288px; height: 360px; top: 526px;left: 529px;} #iran_map .state_list .state[name=kerman] a {top: 86px;left: 128px;} #iran_map .state_list .state[name=kerman]:after {background-position: 0px -648px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=ardabil] {width: 144px; height: 216px; top: 44px;left: 155px;} #iran_map .state_list .state[name=ardabil] a {top: 79px;left: 49px;} #iran_map .state_list .state[name=ardabil]:after {background-position: -288px -648px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=mazandaran] {width: 216px; height: 72px; top: 223px;left: 320px;} #iran_map .state_list .state[name=mazandaran] a {top: 9px;left: 136px;} #iran_map .state_list .state[name=mazandaran]:after {background-position: -432px -648px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=khuzestan] {width: 144px; height: 216px; top: 460px;left: 183px;} #iran_map .state_list .state[name=khuzestan] a {top: 98px;left: 58px;} #iran_map .state_list .state[name=khuzestan]:after {background-position: -936px -718px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=qom] {width: 144px; height: 72px; top: 328px;left: 319px;} #iran_map .state_list .state[name=qom] a {top: 19px;left: 39px;} #iran_map .state_list .state[name=qom]:after {background-position: -648px -648px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=kermanshah] {width: 144px; height: 144px; top: 330px;left: 72px;} #iran_map .state_list .state[name=kermanshah] a {top: 49px;left: 70px;} #iran_map .state_list .state[name=kermanshah]:after {background-position: -794px -723px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=gilan] {width: 144px; height: 144px; top: 126px;left: 224px;} #iran_map .state_list .state[name=gilan] a {top: 68px;left: 60px;} #iran_map .state_list .state[name=gilan]:after {background-position: -288px -864px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=markazi] {width: 144px; height: 144px; top: 298px;left: 249px;} #iran_map .state_list .state[name=markazi] a {top: 88px;left: 30px;} #iran_map .state_list .state[name=markazi]:after {background-position: -432px -864px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=hormozgan] {width: 360px; height: 216px; top: 701px;left: 440px;} #iran_map .state_list .state[name=hormozgan] a {top: 87px;left: 165px;} #iran_map .state_list .state[name=hormozgan]:after {background-position: -576px -864px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=qazvin] {width: 144px; height: 82px;top: 232px;left: 238px;} #iran_map .state_list .state[name=qazvin] a {top: 40px;left: 49px;} #iran_map .state_list .state[name=qazvin]:after {background-position: -504px -720px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=zanjan] {width: 144px; height: 144px; top: 205px;left: 160px;} #iran_map .state_list .state[name=zanjan] a {top: 11px;left: 50px;} #iran_map .state_list .state[name=zanjan]:after {background-position: 0 -1080px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=lorestan] {width: 216px; height: 144px; top: 380px;left: 143px;} #iran_map .state_list .state[name=lorestan] a {top: 39px;left: 58px;} #iran_map .state_list .state[name=lorestan]:after {background-position: -144px -1080px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=kordestan] {width: 144px; height: 144px; top: 250px;left: 77px;} #iran_map .state_list .state[name=kordestan] a {top: 69px;left: 60px;} #iran_map .state_list .state[name=kordestan]:after {background-position: -360px -1080px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=golestan] {width: 144px; height: 144px; top: 147px;left: 499px;} #iran_map .state_list .state[name=golestan] a {top: 68px;left: 20px;} #iran_map .state_list .state[name=golestan]:after {background-position: -504px -1080px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=north_khorasan] {width: 144px; height: 144px; top: 135px;left: 599px;} #iran_map .state_list .state[name=north_khorasan] a {top: 40px;left: 70px;} #iran_map .state_list .state[name=north_khorasan]:after {background-position: -648px -1080px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=south_khorasan] {width: 288px; height: 288px; top: 342px;left: 581px;} #iran_map .state_list .state[name=south_khorasan] a {top: 89px;left: 157px;} #iran_map .state_list .state[name=south_khorasan]:after {background-position: -792px -1080px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=bushehr] {width: 144px; height: 216px; top:631px;left: 306px;} #iran_map .state_list .state[name=bushehr] a {top: 49px;left: 50px;} #iran_map .state_list .state[name=bushehr]:after {background-position: 0 -1224px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=ilam] {width: 144px; height: 144px; top: 402px;left: 86px;} #iran_map .state_list .state[name=ilam] a {top: 10px;left: 20px;} #iran_map .state_list .state[name=ilam]:after {background-position: -144px -1224px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=chahar_mahal_va_bakhtiari] {width: 144px; height: 144px; top: 485px;left: 291px;} #iran_map .state_list .state[name=chahar_mahal_va_bakhtiari] a {top: 19px;left: 29px;} #iran_map .state_list .state[name=chahar_mahal_va_bakhtiari]:after {background-position: -288px -1224px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=semnan] {width: 288px; height: 216px; top: 199px;left: 397px;} #iran_map .state_list .state[name=semnan] a {top: 88px;left: 109px;} #iran_map .state_list .state[name=semnan]:after {background-position: -432px -1224px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=kohgiluyeh_va_boyer_ahmad] {width: 144px;height: 77px;top: 558px;left: 298px;} #iran_map .state_list .state[name=kohgiluyeh_va_boyer_ahmad] a {top: 39px;left: 49px;} #iran_map .state_list .state[name=kohgiluyeh_va_boyer_ahmad]:after {background-position: -648px -720px; content: ' '; display: block; width: 100%; height: 100%} #iran_map .state_list .state[name=alborz] {width: 72px; height: 72px; top: 254px;left: 315px;} #iran_map .state_list .state[name=alborz] a {top: 19px;left: 30px;} #iran_map .state_list .state[name=alborz]:after {background-position: -432px -720px; content: ' '; display: block; width: 100%; height: 100%} #opinion {} #opinion .heading {border-bottom: 1px #DCE2EE dashed;margin-bottom: 10px;padding-top: 20px;} #opinion .heading h3 {margin-bottom: 5px !important} #opinion #opinion_form textarea {width: 513px !important} #opinion .operators {text-align: left !important;} #opinion #opinion_form .captcha div {margin-right: 438px !important;} #opinion #opinion_form .captcha .field_label {float: right;} #opinion #opinion_form [data-name="email"], #opinion #opinion_form [data-name="name"] {display: inline-block;} #opinion #opinion_form [data-name="email"] input, #opinion #opinion_form [data-name="name"] input {width: 188px !important} #rating .rating_message_success, #rating .rating_message_error {z-index: 2; white-space: nowrap;border-radius: 3px;} /* ---------------------------------------------- */ /* INDEX AND PARTICIPANT SLIDER ADDED BY ZAHRA.MOBARAKI /* ---------------------------------------------- */ #companies_list .content{background-color: #FFF;padding-top: 10px} .company_box{background-color: #f3f3f3;width: 160px;height: 152px;position: relative;border-radius: 5px;} .company_box img{position: absolute;top: 20px;left: calc(50% - 30px);width: 60px;max-height: 60px;} .company_title{font-size: 15px;line-height: 1.4em;bottom: 10px;position: absolute;padding-right: 10px;padding-left: 10px;} .company_title2{height: 40px;vertical-align: middle;display: table-cell;text-align: center;width: 140px} #products_list .content{background-color: #FFF;padding-top: 10px;} #products_list .content .lSAction > .lSPrev , #products_list .content .lSAction > .lSNext{padding:0px;padding-top: 8px;height: 30px;background-color: rgba(255,255,255,0.6);top:6px;} #products_list .content .lSAction > .lSNext{right:400px;padding-left: 18px;text-align:right;} #products_list .content .lSAction > .lSPrev{right:350px;padding-right: 18px;text-align: left;} div.main div.col_left div.section table i.participate_sign.notic#product_price{border-radius: 2px;cursor: pointer;} #products_list .lSPager li img{display: none} #products_slider img{max-width:448px;max-height:268px;border: 1px solid #d3d3d3;} #products_list .lSPager li{width: 215px;height: 50px;background-color: #f5f5f5;border-radius: 5px;position: relative;} #products_list .lSPager li.active,#products_list .lSPager li:hover{background-color: #d3d3d3;} /*#products_list .lSPager*/ #products_list .lSPager li div{padding-right: 10px;padding-left: 10px;font-size: 15px;color: #686868;width: calc(100% - 20px);position: absolute; top : 50%; text-align: right;-ms-transform: translate(0%, -50%); transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);max-height: 50px;} #products_list .lSSlideWrapper{border-radius: 5px;} #image_detail .is_main{text-align:center;}/*PARTICIPANT PAGE*/ .e_namad{margin-top: 10px !important;} form #acc_id_td .autoget_area {position: relative;} form #acc_id_td i {position: absolute;right: 0px;z-index: 999;background-color: #2FACF0;color: #FFF; height: 28px;width: 35px;padding-top: 6px;border-radius: 0px 2px 2px 0px;text-align: center;} form #acc_id_td input[type="text"]{padding-right: 40px !important;padding-right: 10px;padding-left: 30px;width:320px !important;} form #acc_id_td img.loader {position: absolute;left: 20px} div.main div.col_left div.section form #acc_id_td div.autocomplete{width: 370px;margin-left: 6px} table#similar_producer_list td img{max-height: 60px;max-width: 70px; min-height:50px;} table#similar_producer_list td,table#similar_producer_list th {vertical-align: middle;} .shopper_info_link{text-decoration: none !important;display: block;text-align: center;} .shopper_info_link i{padding: 5px; margin:0 3px 0 0; background:#DE3344;border-radius: 3px;text-align: center;color: #fff;} #payment_info span.label, #delivery_info span.label {display: inline-block; padding-bottom: 10px; font-weight: bold; color: #4E4E4E;width: 200px;} #payment_info .view_item, #delivery_info .view_item {width: 450px; border: 0; padding: 9px 0 0 0; border-radius: 2px; margin-bottom: 5px; position: relative; display: inline-block !important} .product_exhibition_box{margin-top:10px;border:1px solid #DCE2EE;padding:10px;} .product_exhibition_box .header{margin: -10px -11px 15px !important;padding: 10px !important;} #statistic {display: flex;-webkit-justify-content: space-between;justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between;} #statistic .stat_block {flex:1 1 0; -webkit-flex:1 1 0; -moz-flex:1 1 0; -ms-flex:1 1 0; background: #f3f3f3; border-radius: 5px; overflow: hidden;} #statistic .stat_block:not(:last-of-type) {margin-left: 10px} #statistic .stat_block:nth-child(2) {background: #9dc185; color: #fff} #statistic .stat_block:first-of-type {background: #a099bf;color: #fff; order:10;-webkit-order:10;-moz-order:10;-ms-order:10; margin-left: 0px; margin-right: 10px; } #statistic .stat_block:first-of-type h1 {font-size: 20px !important} #statistic .stat_block .stat_title {display: block; text-align: center; padding: 20px 0; font-size: 25px; background: rgba(0,0,0,0.06); box-shadow: inset 0px -11px 14px -12px rgba(0,0,0,0.2)} #statistic .stat_block ul {padding: 10px} #statistic .stat_block ul li a {display: flex;-webkit-justify-content: space-between;justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between;} #statistic .stat_block ul li:not(:last-of-type) {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted rgba(0,0,0,0.2)} #statistic .stat_block ul li span {flex:1 0 0;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;} #statistic .stat_block ul li span.count {text-align: left; font-size: 20px; font-weight: bold;} .pro_priority input[type=submit]{color: #fff;background: #244A89 !important;padding: 3px 30px;border: 0;border-radius: 3px;font-size: 18px;} @media print { html {background: #fff !important} #wrapper.seller_payment {} #wrapper.seller_payment div.main div.col_right {display: none !important;} #wrapper.seller_payment div.main div.col_left {width: 100% !important} #wrapper.seller_payment a.button {display: none !important;} #wrapper.seller_payment div.footer {background: #fff!important; color: #000 !important} #wrapper.seller_payment #main_header {display: none !important;} }