#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: 2002;} #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: linear-gradient(to top, rgb(232, 232, 232), rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255)); position: relative;} #submit_prevent .loading_spinner: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: loading .5s infinite linear;} @keyframes loading { 100% {transform:rotate(360deg);}} @-webkit-keyframes loading { 100% {-webkit-transform:rotate(360deg);}} .form_field:not(.notic) {font-size: 10pt !important} .form_field.gFl {position: relative;} .form_field.gFl:before {content: ' '; background-color: rgba(255,255,255,0.7); top: 0; left: 0; right: 0; bottom: 0; position: absolute;background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6IiB0cmFuc2Zvcm09InJvdGF0ZSgxNzYuNjUyIDI1IDI1KSI+CjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9wYXRoPgo8L3N2Zz4=");background-repeat: no-repeat;background-size: 18px;background-position: center;} .form_field *:not(#ui-datepicker-div):not(#ui-timepicker-div):not(.tooltip):not(.element_caption):not(.sc_result_list ul li){ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .form_field .vm{position: relative;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .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";font-size:10pt;color:#6B6B6B;} .form_field input[type=text], .form_field input[type=password], .form_field textarea{background-color: #fff} .form_field button.loading {position: relative;} .form_field button.loading:after {content: 'منتظر بمانید';position: absolute;left: 0;right: 0;background: rgba(94, 94, 94, 0.85);top: 0;bottom: 0;border-radius: 3px;padding: 4px;} .fileupload {color: #fff;padding: 5px 0px;display: block;border-radius: 2px;box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);text-align: center;cursor: pointer;} .command {float: left;} .form_field:not(.notic) {position: relative;margin-top:10px;margin-bottom:10px;vertical-align: top;display: inline-block;} .form_field[valid=true]:after{content:"\E876";font-family: 'mticon';position: absolute;background-color: #fff;padding: 2px;left:10px;top:-6px;color: #52D3C0; line-height: 6px;width: 16px;height: 13px;text-align: center;display: flex; justify-content: center;align-items: center} .form_field[valid=false]:after{content:"\E14C";font-family: 'mticon';position: absolute;background-color: #fff;padding: 2px;left:10px;top:-6px;color: #D36652; line-height: 6px;width: 16px;height: 13px;text-align: center;display: flex; justify-content: center;align-items: center} .form_field input[type=submit] {width:285px;color:#fff;border:none;border-radius: 2px;text-align: center;padding:3px;box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);cursor: pointer;} .form_field input[type=submit]:hover {box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);} .form_field input[type=submit]:disabled {background: #D4D4D4 !important;} .form_field .text_field, .form_field input[type=text], .form_field input[type=readonly], .form_field input[type=password] {background:#fff;width:285px;border:1px solid #b9b9b9;border-radius: 2px;padding: 7px;padding-right:20px;padding-left:20px;} .form_field select:disabled {width: 100%;background: #fff;border-radius: 2px;padding: 7px 15px;color: #ABABAB; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;border: 1px solid;} .form_field .text_field {border: 1px solid #d4d4d4; color: #6f6f6f;} .form_field input[type=checkbox], .form_field input[type=radio] {margin: 10px; vertical-align: middle;} .form_field span.title {position: absolute;color:#6B6B6B;background-color: #fff;padding: 0 10px;top:-7px;line-height: 1em;right:10px;z-index: 100;font-size: 9.5pt; white-space: nowrap;} .seperator div.element_info, .form_field div.element_info {position: absolute;color:#C3C3C3;background-color: #fff;padding: 0 10px;top:-10px;left:10px;z-index: 100;font-size: 9.5pt; white-space: nowrap; cursor: pointer;} .seperator div.element_info > span, .form_field div.element_info > span {margin-right: 5px} .seperator div.element_info:before, .form_field div.element_info:before {font-family: mticon; content:'\e88f';vertical-align: middle;color: #529dd3;} .seperator div.element_info .info_content, .form_field div.element_info .info_content {display: none;} .form_field span.label {color:#6B6B6B;background-color: #fff;padding: 0 0 0 10px;font-size: 9.5pt;position: relative; font-weight: bold;} .form_field span.label:after {content: ':'; padding: 0 5px} .form_field label:not(.tree_label){color:#6B6B6B;margin-left:10px;white-space: nowrap;} .form_field.require span.title:after{content:" ";background-color:#D36652;width:5px;height:5px;position: absolute;right:-4px;top:13px;border-radius: 1px} .form_field.require span.label{padding-right:10px;} .form_field.require span.label:after{content:" ";background-color:#D36652;width:5px;height:5px;right:0;top:7px;position: absolute;border-radius: 1px} .form_field textarea {border-color: #b9b9b9; display: block;} .form_field[valid] .char_count {left:30px;} .form_field span.char_count {display:flex;position: absolute;color:#6B6B6B;background-color: #fff;padding: 0 10px;top:-10px;left:10px;z-index: 100;font-size: 9.5pt; white-space: nowrap; direction: ltr} .form_field span.char_count> span:not(:first-of-type) {margin-right: 5px} .form_field span.char_count .count {order:1;direction: rtl; color: #458399} .form_field span.char_count .count:before {content: '|'; margin-left: 5px} .form_field span.char_count .min {order:3;} .form_field span.char_count .max {order:2;} .form_field span.char_count .min + .max:after {content: ','} .form_field span.char_count .count i.sep:before {content: '-'; margin: 0 3px} .form_field input[type=readonly] {border:0;} .form_field button {width:285px;color:#fff;border:none;border-radius: 2px;text-align: center;padding:3px;box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);cursor: pointer;} .form_field button:hover {box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);} .form_field button:disabled {background: #D4D4D4 !important;} .form_field .get_related_btn {background-color: #6290ae;color: #fff;display: inline-flex;padding: 7px 10px !important;width: 30px !important;justify-content: center;align-items: center;-webkit-justify-content: center;-webkit-align-items: center;-moz-justify-content: center;-moz-align-items: center; border-radius: 2px 0 0 2px; height: 38px; vertical-align: top; margin-right: -6px} .form_field [prop~=get_related] {border-radius: 0 2px 2px 0 !important; border-left:0 !important;} .form_field.edit .f_upload, .form_field.edit textarea, .form_field.edit input, .form_field.edit .selectric {border-color: #FF6B6B !important} .form_field.edit .title {color: #FF6B6B} .form_field .fixplaceholder{position: absolute;color:#c5c5c5;top:15px;background-color: #fff} .form_field .group{display: inline-block;max-width: 90%;margin-top:5px;} /*.form_field .group:before{content: " ";height: 30px;width:10px;border:1px solid #9b9b9b;border-left:none;border-radius:2px;display: inline-block;vertical-align: middle;} .form_field .group:after{content: " ";height: 30px;width:10px;border:1px solid #9b9b9b;border-right:none;border-radius:2px;display: inline-block;vertical-align: middle;}*/ .form_field:hover label, .form_field:hover span.title, .form_field:hover span.label{color:#6B6B6B;} .form_field span.title.focus {color:#6E8BA8;} .form_field span.strength {;position: absolute;height: 5px;border-radius: 2px;bottom:5px;padding: 0;right:5px;border-radius: 1px} .form_field .captcha_image {position: absolute;left:10px;top:-30px;z-index: 2} .form_field .captcha_reload{position: absolute;top:50%;transform: translateY(-50%);right:10px;width:18px;height:18px; z-index: 3} .form_field .captcha_reload .captcha_icon{font-family:mticon;font-size:14pt;cursor: pointer;} .form_field .captcha_reload .loading-spinner{position: absolute;left:-6px;top:4px;display:none;} .form_field[disabled], .form_field.autoget, .form_field.selectcomplete, .form_field.text, .form_field.fupload, .form_field[readonly] {position: relative;} .form_field i.lock {position: absolute;top: calc(50% - 9px);right: 10px;opacity: 0.5; width: 18px; height: 18px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} .form_field i.lock:after {font-family: mticon;font-size: 9pt; content: 'lock'} .form_field i.autorenew {position: absolute;top: calc(50% - 9px);right: 10px;opacity: 0.5; width: 18px; height: 18px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} .form_field i.autorenew:after {font-family: mticon;font-size: 9pt; content: 'autorenew'} .form_field i.selectcomplete {position: absolute;top: calc(50% - 9px);left: 10px;opacity: 0.5; width: 18px; height: 18px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} .form_field i.selectcomplete:after {font-family: mticon;font-size: 9pt; content: 'reorder'} .form_field i.download {position: absolute;top: calc(50% - 9px);right: 10px;opacity: 0.5; width: 18px; height: 18px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} .form_field i.download:after {font-family: mticon;font-size: 9pt; content: 'attachment'} .form_field i.upload {position: absolute;top: calc(50% - 9px);right: 10px;opacity: 0.5; width: 18px; height: 18px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} .form_field i.upload:after {font-family: mticon;font-size: 9pt; content: 'file_upload'} .form_field i.clear_location {position: absolute; right: 40px; top: 11px; display: none;} .form_field i.location {position: absolute;top: calc(50% - 9px);right: 10px;opacity: 0.5; width: 18px; height: 18px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} .form_field i.location:after {font-family: mticon;font-size: 9pt; content: 'my_location'} .form_field i.lock, .form_field i.autorenew, .form_field i.location, .form_field i.clear_ocation, .form_field i.download, .form_field i.upload, .form_field i.selectcomplete {display: none !important;} .form_field:not([disabled]):not([readonly]).autoget i.autorenew, .form_field:not([disabled]):not([readonly]).selectcomplete i.selectcomplete {display:flex !important; z-index: 10} .form_field:not([disabled]):not([readonly]).fupload.uploaded i.download {display:flex !important; z-index: 10} .form_field:not([disabled]):not([readonly]).fupload:not(.uploaded) i.upload {display:flex !important; z-index: 10} .form_field:not([disabled]):not([readonly]).location i.location {display:flex !important; z-index: 10} .form_field:not([disabled]):not([readonly]).location {cursor: pointer;} .form_field:not([disabled]).location.set i.clear_location {display: block;} .form_field.text i.lock, .form_field[disabled] i.lock, .form_field[readonly] i.lock {display: flex !important} .form_field.autoget input, .form_field.text .text_field, .form_field.fupload .f_upload, .form_field[disabled] input,.form_field[disabled] select,.form_field[disabled] textarea, .form_field[readonly] input,.form_field[readonly] select,.form_field[readonly] textarea {padding-right: 30px !important} .form_field:not([disabled]):not([readonly]).selectcomplete input {padding-left: 30px !important} .element_hide {display: none;} span.datepicker_lang{background-color: #fff;padding: 0 10px;position: absolute;top: -10px;left: 10px;color: #c0c0c0;z-index: 100; direction: ltr;display: none} span.datepicker_lang a {cursor: pointer; font-size: 10px; display: inline-block;padding: 3px 3px 1px;line-height: 1em;} span.datepicker_lang a.selected {color: #458399;} /* DATEPICKER OVERRIDE */ #ui-datepicker-div{display: none; z-index: 1001 !important} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today{background-color: #C2E7F5} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a{color:#3c3c3c} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-current-day{background-color: #458399} #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-other-month {background-color: #f5f5f5} #ui-datepicker-div select {font-family: iran !important; font-size: 10pt} /* TIMEPICKER OVERRIDE */ #ui-timepicker-div {background-color: #fff; overflow: hidden; border:1px solid #E5E5E5 !important; border-bottom-color: #d4d4d4 !important; z-index: 110 !important; display: none; padding: 0 !important} #ui-timepicker-div > table{width: 100%; margin: 0 !important; border: 0 !important} #ui-timepicker-div > table .ui-timepicker-hours, #ui-timepicker-div > table .ui-timepicker-minutes, #ui-timepicker-div > table > tbody > tr > td {border: 0 !important; padding: 2px !important} #ui-timepicker-div > table .ui-timepicker-title {border: 1px solid #e1e1e1;} #ui-timepicker-div table td, #ui-timepicker-div table th{text-align: center; width: 30px; height: 25px; line-height: 100%; vertical-align: middle;} #ui-timepicker-div table th{background-color: #f5f5f5;font-weight: normal} #ui-timepicker-div table table {border: 0 !important} #ui-timepicker-div .ui-timepicker-table table {margin: 0 !important} #ui-timepicker-div table table th, #ui-timepicker-div table table td {border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;} #ui-timepicker-div .ui-timepicker-title {background-color: #f5f5f5;padding: 5px} #ui-timepicker-div table.ui-timepicker-table td td {padding: 0 !important} #ui-timepicker-div table.ui-timepicker-table td.ui-timepicker-today{background-color: #4EA6C4;} #ui-timepicker-div table.ui-timepicker-table td.ui-timepicker-today a{color:#fff;} #ui-timepicker-div table.ui-timepicker-table .ui-timepicker td .ui-state-active{background-color: #4EA6C4;color:#fff;} #ui-timepicker-div table td a {line-height: 100%;padding: 7px;display: block; width: inherit !important; text-align: center} #ui-timepicker-div table.ui-timepicker-table td.ui-timepicker-current-day {background-color: #4EA6C4 !important} /* SELECTRIC OVERRIDE */ .form_field .selectric-wrapper {display: block;margin:0px;} .form_field .selectric {border:1px solid #b9b9b9;background-color: #fff;border-radius:2px; padding: 7px 10px;} .form_field .selectric-open .selectric{background-color: #fff;z-index: 99} .form_field .selectric-open{z-index: inherit;} .form_field .selectric .button{left:5px;right:initial;top:5px;width: 30px;height: 30px;} .form_field .selectric .label{color:#747474;margin-right:10px;padding:0;line-height: 22px;font-size: 10pt; height: inherit;} .form_field .selectric-items{top:37px; z-index: 103} .form_field .selectric-items li{padding: 5px 20px 5px;font-size: 10pt} .form_field .selectric-above .selectric-items{bottom:37px; top: auto;} .form_field .selectric-items .selectric-group li[data-index] {padding-right: 30px; padding-left: 20px} .textarea{border:1px solid #9b9b9b;min-height: 70px;max-height: 150px;overflow: auto;padding: 10px 20px;color: #747474;background-color: #fff;line-height: 2em;border-radius:2px;resize: none;-webkit-resize: none;-moz-resize: none;-ms-resize: none;} .textarea:empty:after {content: attr(placeholder);} div.seperator{background-color:#e1e1e1 ;padding-right:10px;margin-bottom:20px;line-height: 0.5em;margin-top:20px;clear:both; position: relative;} div.seperator.thin{line-height: 0.1em} div.seperator.thick{line-height: 0.5em} div.seperator span{padding: 0 10px;background-color: #fff;color:#b6b6b6;} div.seperator.disabled {background: #D0D0D0 !important;} div.seperator.disabled span {color: #9C9C9C !important} .notic{padding: 15px 10px;margin-bottom: 20px;line-height: 1em;margin-top: 20px;clear: both;} .notic.require {position: relative;} .notic.require:before {content: " ";background-color: #D36652;width: 5px;height: 5px;right: 1px;top: 1px;border-radius: 1px;display: inline-block;vertical-align: middle;position: absolute;} .notic > div{padding: 0 10px;color:#b6b6b6; line-height: 1.5em} .notic.disabled {background: #D0D0D0 !important;} .notic.disabled div {color: #9C9C9C !important} input[strength]{display: block} input[strength="0"] + span{background-color: #CA4138;width: 10px} input[strength="1"] + span{background-color: #CA8F42;width: 20px} input[strength="2"] + span{background-color: #DCC445;width: 30px} input[strength="3"] + span{background-color: #E1EF39;width: 40px} input[strength="4"] + span{background-color: #ACCC3A;width: 50px} input[strength="5"] + span{background-color: #7BB32A;width: 60px} .form_field .ac_result_list {display: none;position: absolute;overflow: auto;top:33px;right: 0;min-width:100%;background: #F9F9F9;border: 1px solid #CCC;z-index: 9998;box-shadow: 0 0 10px -6px;max-height: 300px} .form_field .ac_result_list ul,.form_field .ac_result_list li {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 20px;min-height: 20px;} .form_field .ac_result_list li {display: block;padding: 5px;border-top: 1px solid #FFF;border-bottom: 1px solid #EEE;color: #666;cursor: pointer;} .form_field .ac_result_list li.selected {background: #EFEFEF;color: #444;border-top-color: #E0E0E0;} .form_field .ac_result_list li:hover {background: #F0F0F0;color: #444;} .form_field .ac_result_list li.disabled {background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;} .form_field .sc_result_list {display: none;position: absolute;overflow: auto;top:33px;right: 0;min-width:100%;background: #F9F9F9;border: 1px solid #CCC;z-index: 9998;box-shadow: 0 0 10px -6px;max-height: 300px} .form_field .sc_result_list.open{position: initial;margin-top:-1px;} .form_field .sc_result_list ul,.form_field .sc_result_list li a {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 20px;min-height: 20px;} .form_field .sc_result_list li a {display: block;padding: 5px;border-top: 1px solid #FFF;border-bottom: 1px solid #EEE;color: #666;cursor: pointer;} .form_field .sc_result_list li a.selected {background: #EFEFEF;color: #444;border-top-color: #E0E0E0;} .form_field .sc_result_list li a:hover {background: #F0F0F0;color: #444;} .form_field .sc_result_list li a.disabled {background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;} .form_field[tree] .sc_result_list a {padding-right: 0} .form_field[tree] .sc_result_list ul ul a {padding-right: 15px} .form_field[tree] .sc_result_list ul ul ul a {padding-right: 30px} .form_field[tree] .sc_result_list ul ul ul ul a {padding-right: 45px} .form_field[tree] .sc_result_list ul ul ul ul ul a {padding-right: 60px} .form_field .search_string_input {display: none;} .form_field[multiple] select {display: none !important;} .form_field[multiple] .sc_result_list li:not(.nothing) a:before {content: '\e835';font-family: mticon;display: inline-block;vertical-align: middle;padding: 0 5px;font-size: 18px;} .form_field[multiple] .sc_result_list li.disabled > a {opacity: 0.5} .form_field[multiple] .sc_result_list li.select > a:before {color: #459945;content: '\e834';} .form_field[single] .sc_result_list li:not(.nothing) a:before {content: '\e836';font-family: mticon;display: inline-block;vertical-align: middle;padding: 0 5px;font-size: 18px;} .form_field[single] .sc_result_list li.disabled > a {opacity: 0.5} .form_field[single] .sc_result_list li.select > a:before {color: #459945;content: '\e837';} .form_field .sc_result_list li.nothing a:before {content: 'error_outline';font-family: mticon;display: inline-block;vertical-align: middle;padding: 0 5px;font-size: 18px;} .form_field .loading_field {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(241, 241, 241, 0.56);z-index: 150; display: flex;justify-content: center;align-items: center;} .form_field .redactor-box * { -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important; } .form_field .redactor-box {z-index: 99; display: flex; flex-direction:column;} .form_field .redactor-box .redactor-layer {order:1;border: 1px solid #d0d0d0 !important; border-bottom:0 !important; border-radius: 2px 2px 0 0; min-height: 80px !important} .form_field .redactor-box .redactor-styles {font-family: iran !important; color: #6B6B6B;font-size: inherit !important;line-height: 2em !important; padding: 7px 20px !important} .form_field .redactor-box .redactor-toolbar {order:2;direction: ltr; text-align: left; position: relative !important;box-shadow: none !important;border: 1px solid #d0d0d0 !important; border-top-color:#dbdada !important;border-radius: 0 0 2px 2px !important;top: auto !important;left: auto !important;visibility: visible !important;background: #f9f9f9 !important;} .form_field .redactor-box .redactor-toolbar li a.re-button-icon {padding: 10px; color: #a2a2a2 !important} .form_field .redactor-box .redactor-toolbar li a {height: 35px;} .form_field .redactor-box .redactor-toolbar li a:hover {background-color: #a2a2a2 !important; color: #fff !important} .form_field .redactor-box textarea.open {color: rgb(57, 57, 57) !important; background: rgb(255, 255, 255) !important; direction: ltr !important; font-size: 14px !important; border-radius: 2px 2px 0 0;border-color: #b1b1b1;border-bottom: 0;} .form_field .redactor-styles p, .form_field .redactor-styles ul, .form_field .redactor-styles ol, .form_field .redactor-styles dl, .form_field .redactor-styles blockquote, .form_field .redactor-styles hr, .form_field .redactor-styles pre, .form_field .redactor-styles table, .form_field .redactor-styles figure, .form_field .redactor-styles address {margin-bottom: 0} .form_field .redactor-styles hr {margin: 5px 0} .form_field .redactor-air li a .re-button-tooltip, .form_field .redactor-toolbar li a .re-button-tooltip {bottom: auto !important; top: -22px !important; font-family: iran !important; background-color: rgba(0, 0, 0, 0.54) !important} .form_field .redactor-styles ul {list-style: disc;} .form_field .redactor-styles ol {list-style: decimal;} .form_field .redactor-styles[dir="rtl"] ul, .form_field .redactor-styles[dir="rtl"] ol, .form_field .redactor-styles[dir="rtl"] ul ul, .form_field .redactor-styles[dir="rtl"] ol ol, .form_field .redactor-styles[dir="rtl"] ul ol, .form_field .redactor-styles[dir="rtl"] ol ul {padding-right: 20px;} /* IMAGE FIX CROPPER */ .image_fix_cropper{border:1px solid #D0D0D0;border-radius: 2px;padding: 20px;color:#6B6B6B;position: relative;} .image_fix_cropper input[type=range] {} .cropit-image-zoom-input{margin-top:20px !important;} .cropit-image-zoom-input[disabled]{opacity: 0.5} .select-image-btn{background-color: #6e8ba8;color:#fff;border:none;border-radius: 2px;text-align: center;padding:5px;cursor: pointer;margin:auto;} .cropit-image-preview-container{margin:auto;} /*.cropit-submit-crop:after{border-radius:2px;content: "\E3BE";font-family: 'mticon';font-size: 18px;position: absolute;background-color: #fff;padding: 2px;left: 20px;bottom: 20px;color: #D36652;border: 1px solid #D36652;cursor: pointer;}*/ .cropit-submit-crop {background: #d36652; color: #fff;padding: 5px; text-align: center; z-index: 3; position: relative; margin-top: 10px; cursor: pointer; border-radius:2px;} .cropit-submit-crop.deactive {cursor: default; background: #ccc} .cropit-submit-crop:before {content: 'انتخاب محدوده مشخص شده';} .cropit-submit-crop[valid=true] {background: #52D3C0; color: #fff} .cropit-submit-crop[valid=true]:before {content: 'انتخاب شد';} .cropit-submit-crop[valid=true]:after{content:"\E876";font-family: mticon; color: #fff; top: 5px; left: 15px; position: absolute;} .cropit-image-background-container { transform: translateX(-40%);margin-left: 50%} .detail_holder table.detail {border-bottom:1px solid #e1e1e1;width: 100%; margin: 5px 0; color: #313739; position: relative;margin-bottom: 10px; } .detail_holder table.detail tr th:last-of-type, .detail_holder table.detail tr td:last-of-type {border-left:1px solid #e1e1e1;} .detail_holder table.detail td, .detail_holder table.detail th {border-right: 1px solid #e1e1e1;border-top:1px solid #e1e1e1;padding: 5px; vertical-align: middle;} .detail_holder table.detail th {background-color: #f5f5f5; vertical-align: middle; padding: 6px 5px; text-align: center;border-right: 0;position: relative;} .detail_holder table.detail th.space {background: #fff; border-left:1px solid #e1e1e1; border-top: 3px;} .detail_holder table.detail th:first-child:not(.space) {border-right: 1px solid #e1e1e1;} .detail_holder table.detail .row_field .form_field.require:before {content: " ";background-color: #D36652;width: 5px;height: 5px;position: absolute;right: 5px;top: 5px;border-radius: 1px; z-index: 100} .detail_holder table.detail .form_field {margin: 0} .detail_holder table.detail .ibtn {display: inline-block;/*padding: 5px 10px;*/min-width: 30px; cursor: pointer; text-align: center !important; height: 100%} .detail_holder table.detail .ibtn svg {position: relative;top: calc(50% - 6px);width: 17px} .detail_holder table.detail .tmp * {cursor: pointer !important;} .detail_holder table.detail .tmp td:not(:first-of-type) {opacity: 0.3;position: relative;} .detail_holder table.detail .tmp .require:after {content: none} .detail_holder table.detail .tmp i.lock, .detail_holder table.detail .tmp i.location, .detail_holder table.detail .tmp i.autorenew {display: none;} .detail_holder table.detail .display {display: none;} .detail_holder table.detail .hidden_field td {padding: 10px 15px 5px} .detail_holder table.detail .hidden_field td .form_field {margin: 10px 0} .detail_holder table.detail .form_field button {padding: 7px 10px;} .detail_holder table.detail .on_edit tr:first-of-type td {border-top: 1px dashed #8c8771} .detail_holder table.detail .on_edit tr td:first-of-type {border-right: 1px dashed #8c8771} .detail_holder table.detail .on_edit tr td:last-of-type {border-left: 1px dashed #8c8771} .detail_holder table.detail .on_edit + tbody tr:first-child td {border-top: 1px dashed #8c8771} .detail_holder table.detail .on_edit .row_field {background: #efede4;} .detail_holder table.detail .form_field[valid]:after {top: 11px !important; width: 13px !important; height: 16px !important} .detail_holder table.detail .hidden_field .form_field[valid]:after {left: -5px;} .detail_holder table.detail .on_edit .row_field .form_field[valid]:after {} .form_field.related[valid]:after {left:33px !important;} /*.detail_holder table.detail .f_upload .remove_file {margin-top: -7px}*/ .detail_holder table.detail[disabled] tbody.tmp a.ibtn {cursor: not-allowed;} .detail_holder table.detail[disabled] tbody.tmp tr td:first-of-type svg {opacity: 0.3} .detail_holder table .on_edit .f_upload {background-color: #fff !important} .detail_holder table.detail .on_edit_wrapper {position: fixed;display: flex;justify-content: center;align-items: center;top: 0;left: 0;right: 0;bottom: 0;background: rgba(136, 136, 136, 0.36);z-index: 1000;} .detail_holder table.detail .on_edit_wrapper tbody {background: #fff; border:1px solid silver !important;} .detail_holder table.detail .on_edit_wrapper tbody th, .detail_holder table.detail .on_edit_wrapper tbody td {border: 0 !important} .table_holder table {border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-bottom: 10px; width: 100%; margin: 5px 0; color: #313739} .table_holder table td, .table_holder table th {border-right: 1px solid #e1e1e1;border-top:1px solid #e1e1e1;padding: 5px; vertical-align: middle;} .table_holder table th {background-color: #f5f5f5; vertical-align: middle; padding: 6px 5px; text-align: center;} .table_holder table .form_field.require:before {content: " ";background-color: #D36652;width: 5px;height: 5px;position: absolute;right: 5px;top: 5px;border-radius: 1px; z-index: 102} .table_holder table .form_field {margin: 0} .table_holder table .ibtn {display: inline-block;padding: 5px 10px;min-width: 30px; cursor: pointer;} .table_holder table .form_field[valid]:after {top: 10px !important;} .table_holder table .display {display: none;} .table_holder table .sorting {display: flex;position: relative; align-items: center; -webkit-align-items: center;} .table_holder table .sorting .dlabel {margin-left: auto} .table_holder table .sorting:after {content: '';width: 8px;height: 10px;background-image: url(sort.gif);background-repeat: no-repeat;background-position: center; margin-right: 5px; opacity: 0.5} .table_holder table .sorting.sort:after {background-image: url(desc.gif);opacity: 1} .table_holder table .sorting.sort.asc:after {background-image: url(asc.gif);opacity: 1} .table_holder tfoot td {border-color: #cacaca} .table_holder tfoot {border-bottom: 1px solid #cacaca;border-left: 1px solid #cacaca} .f_upload {border: 1px solid #b9b9b9;padding: 9px 20px;border-radius: 2px;vertical-align: middle;direction: rtl;text-align: right; display: inline-block; min-width: 120px; position: relative; color: #747474; height: 38px} .f_upload.ready:not(.uploaded) {padding: 9px 20px} .f_upload .uploader {cursor: pointer;} .f_upload .uploader_area {position: relative;} .f_upload .upload-button {direction: rtl !important; cursor: default;} .f_upload .upload-button a {cursor: default;display: flex;font-size: 13px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*.f_upload .upload-button a:before{content:'\E2C6';font-family:mticon;font-size: 14pt;margin-left:5px;;}*/ .f_upload .upload-button i {vertical-align: middle; margin-left: 5px} .f_upload .upload-button .extention {font-family: arial; float: left; font-size: 9pt; margin-left: 5px; max-width: 40%;text-align: left;direction: ltr;overflow: hidden;} .f_upload .percent {position: absolute;font-family: arial;font-size: 10px;background: rgb(157, 157, 157);display: block;padding: 1px 5px;border-radius: 3px;color: #fff;font-weight: bold;top: 50%;margin-top: -10px;left: 50%;margin-left: -10%;width: calc(30% - 17px); text-align: center;} .f_upload .percent.bar {left: 5px !important; text-align: right;} .fupload.uploaded .f_upload {padding-left: 32px} .f_upload .remove_file {display: inline-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;color: rgb(221, 87, 87);cursor: pointer;font-size: 7pt;padding: 5px;position: absolute;left: 5px;top: calc(50% - 11px);} .f_upload .remove_file i {margin: 0;font-size: 9pt; line-height: 100%; font-weight: bold;} /*.f_upload .file_size a {font-family: nassim;font-size: 15px;background: rgb(174, 178, 142);display: inline-block;padding: 7px 10px 5px;margin-left: -10px;margin-top: -10px;margin-bottom: -10px;margin-right: 6px;border-radius: 3px 0 0 3px;color: white; text-decoration: underline;}*/ .f_upload.disabled {cursor: default !important;height: 36px;} .f_upload.disabled .file_size {color: rgb(194, 194, 194);border: 1px solid rgb(221, 221, 221);border-right: 0;padding: 5px 10px; background: rgb(245, 245, 245)} .f_upload [type=file], .f_upload [type=file]::-webkit-file-upload-button{cursor: pointer !important; color: transparent;} .f_upload .disable_uploader {top: 0px;left: 0px;right: 0px;bottom: 0;position: absolute;background: rgba(255, 255, 255, 0.79);} .f_upload .upload-list {display: none !important; opacity: 0 !important; visibility: hidden !important;} .f_upload .sample_file {position: absolute;left: -10px;top: -1px;background: #458399;color: #fff;padding: 4px 5px;display: block;line-height: 100%;border-radius: 3px;font-size: 12px;} .f_upload .file_size {position: absolute;left: -10px;top: -1px;background: #d36652;color: #fff;padding: 4px 5px;display: block;line-height: 100%;border-radius: 3px;font-size: 12px;font-family: arial} .f_upload .sample_file + .file_size {left: 55px} #uploader_message {width: 400px; border-radius: 3px; padding: 10px; position: absolute; text-align: center; color: #fff;} #uploader_message:after {content: '\E5C5';font-family: mticon;position: absolute;bottom: -10px;color: #D36652;font-size: 30px;left: 50%;margin-left: -10px;} #uploader_message.error{background-color: #D36652;} #uploader_message.success{background-color: #52D3C0;} #uploader_message.success:after{color: #52D3C0;} .defect_mode > .form_field:not([defect=false]):not(.disabled):not(.text) .title:before {color: #d36652;content:'\E000';font-family:'mticon';font-size:13pt;position:absolute;right:calc(100% - 5px);border-left:5px solid #fff;background-color: #fff} .defect_mode .detail_holder .detail:not([disabled]):before{color: #d36652;content: '\E000';font-family: 'mticon';font-size: 13pt;position: absolute;right: 10px;top: 4px;z-index: 2;} .defect_mode .form_field.disabled {opacity: 0.5} .view_mode input[disabled], .view_mode select[disabled], .view_mode textarea[disabled], .view_mode .f_upload[disabled], .view_mode .selectric[disabled] {border: 1px solid #d2d2d2 !important ; color: #6f6f6f !important;} #message_holder {position: fixed;padding: 10px;} #message_holder[pos=rightBottom] {bottom: 20px; right: 20px;} #message_holder[pos=rightTop] {top: 20px; right: 20px;} #message_holder[pos=leftBottom] {bottom: 20px; left: 20px;} #message_holder[pos=leftTop] {top: 20px; left: 20px;} #message_holder[pos=centerTop] {top: 20px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);} #message_holder[pos=centerBottom] {top: 20px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);} #message_holder[pos=centerMiddle] {top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);} #message_holder .message { width: 350px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);border-radius: 3px;min-height: 14px;background-color: #323232;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: white;line-height: 22px;padding: 18px 24px; margin-top: 20px} #message_holder .message .close_btn {margin-right: 10px; cursor: pointer;} #message_holder .message .close_btn i {line-height: 100%;font-size: 15px !important;} #message_holder .message .action {} #message_holder .message .action button {background-color: transparent; color: #a1c2fa; padding: 10px; cursor: pointer;} #message_holder .message .content {word-wrap: break-word;} #message_holder .notify {background-color: #FFF69B;color: #847D34;width: 450px;} #message_holder .notify .close_btn {margin-right: 15px} #message_holder[pos=rightTop] .message, #message_holder[pos=leftTop] .message {margin-top: 0; margin-bottom: 20px} .fadescale {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7); opacity:0; -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);} .fadescale.animated {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity:1;} @-webkit-keyframes rotate-forever { 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} @-moz-keyframes rotate-forever { 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotate-forever { 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} .loading-spinner {height: 10px;width: 10px;border: 2px solid #458399;border-right-color: transparent;border-radius: 50%;vertical-align: middle !important;display: inline-block;margin: 0 10px !important;-webkit-animation-duration: 0.75s;-moz-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: rotate-forever;-moz-animation-name: rotate-forever;animation-name: rotate-forever;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;} div.wizard_tab { border-bottom:3px solid #e1e1e1 ;margin-bottom:20px;clear:both; font-size: 0; border:1px dashed #e1e1e1; padding: 5px; border-radius: 3px} div.wizard_tab span { padding: 8px 5px;background-color: #fff; position: relative; display: inline-block; margin-left: 5px;font-size: 10pt} div.wizard_tab span.current { padding: 8px 15px; border-radius: 2px;} div.wizard_tab span[must_edit]:after {content: '';margin-right: 5px;font-family: mticon;font-size: 18px;line-height: 1em;display: inline-block;vertical-align: middle;color: #d36652;} .tree_select_holder {border:1px solid #D0D0D0;border-radius: 2px;padding: 0;color:#6B6B6B;position: relative;} .tree_list_holder {border:1px solid #D0D0D0;border-top:0;border-radius: 2px;padding: 0;color:#6B6B6B;position: relative; height: 200px; overflow: auto;} .tree_list_holder > ul {width: 100%; overflow: hidden;} .tree_list_holder ul ul li {padding-right: 10px} .tree_list_holder li {width: 100%;} .tree_list_holder label {/*border-top: 1px solid #FFF;border-bottom: 1px solid #EEE;*/padding: 5px 0; display: flex;} .tree_list_holder label input {display: none;} .tree_list_holder.checkbox label i:before {content: '\e835';font-family: mticon;display: inline-block;vertical-align: middle;padding: 0 5px;font-size: 15px;} .tree_list_holder.checkbox label input[type=checkbox]:checked + i:before {color: #459945;content: '\e834';} .currency_text_holder {} .currency_text_holder:empty {display: none !important;} /*SET DIRECTION ON EACH FORM_FIELD - LTR for persian form RTL for english form*/ [orientation=ltr] i.lock {right: auto;left: 10px;} [orientation=ltr] i.autorenew {right: auto;left: 10px;} [orientation=ltr] i.location {left: auto;right: 10px;} [orientation=ltr] i.selectcomplete {left: auto;right: 10px;} [orientation=ltr] i.download {left: 10px;right: auto;} [orientation=ltr].fupload .remove_file {left:auto; right: 5px} [orientation=ltr].checkbox .label {padding: 0 10px 0 0px} [orientation=ltr].autoget input, [orientation=ltr].text .text_field, [orientation=ltr] [name=captcha_code], [orientation=ltr][disabled] input, [orientation=ltr][disabled] select, [orientation=ltr][disabled] textarea, [orientation=ltr][readonly] input, [orientation=ltr][readonly] select, [orientation=ltr][readonly] textarea {padding-left: 30px !important; padding-right: 20px !important;} [orientation=ltr].autoget input, [orientation=ltr].text .text_field, [orientation=ltr] input, [orientation=ltr] select, [orientation=ltr] textarea, [orientation=ltr] input, [orientation=ltr] select, [orientation=ltr] textarea { direction: ltr; text-align: left;} [orientation=ltr].location input, [orientation=ltr]:not([disabled]):not([readonly]).selectcomplete input {padding-right: 30px; padding-left: 20px;} [orientation=ltr].location.set input {padding-right: 80px; padding-left: 20px;} [orientation=ltr] span.title {right: auto !important; left: 10px; text-align: left; direction: ltr;} [orientation=ltr] span.title:after {right: auto; left: -4px} [orientation=ltr].require:before {right: auto; left: 5px;} [orientation=ltr] .get_related_btn {margin-right: 0; margin-left: -6px} [orientation=ltr] .f_upload {text-align: left;; direction: ltr} [orientation=ltr] .f_upload .upload-button a{direction: ltr} [orientation=ltr] .f_upload .upload-button a:before{margin-left:0;margin-right:5px;} [orientation=ltr] .selectric-items, [orientation=ltr] .selectric {direction: ltr;text-align: left} [orientation=ltr] .selectric .button {left: initial; right: 5px} [orientation=ltr] .ac_result_list {direction: ltr; text-align: left;} [orientation=ltr] table, [orientation=ltr] table {direction: ltr; text-align: left;} [orientation=ltr] table.detail th.space {border-left: initial; border-right: 1px solid #e1e1e1} [orientation=ltr] table.detail td, [orientation=ltr] table.detail th {border-left: 1px solid #e1e1e1;} [orientation=ltr] table.detail .on_edit tr td:last-of-type {border-right: 1px dashed #8c8771;} [orientation=ltr] table.detail .on_edit tr td:first-of-type {border-left: 1px dashed #8c8771;} [orientation=ltr] table.detail .on_edit .hidden_field td {padding: 10px 14px 5px} [orientation=ltr] table.detail tr th:last-of-type {border-left: initial; border-right:1px solid #e1e1e1;} [orientation=ltr] table.detail .form_field.require:before {right: inherit; left: 5px;} [orientation=ltr] .detail:not([disabled]):before{right: auto;left:10px;} [orientation=ltr] .captcha_image {margin-left: 20px} [orientation=ltr] .captcha_reload {right: inherit;left: 10px;} [orientation=ltr] span[must_edit]:after {margin-left: 5px; margin-right: 0 !important;} [orientation=ltr].form_field:not([defect=false]):not(.disabled):not(.text) .title:before {right: initial; left: calc(100% - 5px)} [orientation=rtl] i.lock {left: auto;right: 10px;} [orientation=rtl] i.location {right: auto;left: 10px;} [orientation=rtl] i.autorenew {left: auto;right: 10px;} [orientation=rtl] i.selectcomplete {right: auto;left: 10px;} [orientation=rtl].autoget input, [orientation=rtl].text .text_field, [orientation=rtl][disabled] input, [orientation=rtl][disabled] select, [orientation=rtl][disabled] textarea, [orientation=rtl][readonly] input, [orientation=rtl][readonly] select, [orientation=rtl][readonly] textarea {padding-right: 30px; padding-left: 20px;} [orientation=rtl] .redactor-layer, [orientation=rtl].text .text_field, [orientation=rtl] input, [orientation=rtl] select, [orientation=rtl] textarea, [orientation=rtl] input, [orientation=rtl] select, [orientation=rtl] textarea { direction: rtl; text-align: right;} [orientation=rtl].location input, [orientation=rtl]:not([disabled]):not([readonly]).selectcomplete input {padding-left: 30px; padding-right: 20px;} [orientation=rtl] span.title {left: auto; right: 10px} [orientation=rtl] span.title:after {left: auto; right: -4px} [orientation=rtl].require:before {left: auto; right: 5px;} [orientation=rtl] .get_related_btn {margin-left: 0; margin-right: -6px} [orientation=rtl] .f_upload .upload-button a{direction: rtl} [orientation=rtl] .f_upload .upload-button a:before{margin-right:0;margin-left:5px;} [orientation=rtl] .selectric-items, [orientation=rtl] .selectric {direction: rtl;text-align: right} [orientation=rtl] .selectric .button {right: initial; left: 5px} [orientation=rtl] .ac_result_list {direction: rtl; text-align: right;} [orientation=rtl] table, [orientation=rtl] table {direction: rtl; text-align: right;} [orientation=rtl] table.detail th.space {border-right: initial; border-left: 1px solid #e1e1e1} [orientation=rtl] table.detail td, [orientation=rtl] table.detail th {border-right: 1px solid #e1e1e1;} [orientation=rtl] table.detail .on_edit tr td:last-of-type {border-left: 1px dashed #8c8771;} [orientation=rtl] table.detail .on_edit tr td:first-of-type {border-right: 1px dashed #8c8771;} [orientation=rtl] table.detail .on_edit .hidden_field td {padding: 10px 14px 5px} [orientation=rtl] table.detail tr th:last-of-type {border-right: initial; border-left:1px solid #e1e1e1;} /* surrounding tag container */ .form_field.tag .amsify-suggestags-area .amsify-suggestags-input-area{direction: rtl;text-align: right} .form_field.tag .amsify-suggestags-input-area .amsify-select-tag{padding:5px 8px;} .form_field.tag .amsify-suggestags-input-area .amsify-select-tag.col-bg{background-color: #f8f8f8;color:#757575;} .form_field.tag .amsify-suggestags-input-area .amsify-select-tag{margin: 0 4px 4px 0} .form_field.tag .amsify-focus{box-shadow: none} .form_field.tag .amsify-suggestags-area .amsify-suggestags-input-area-default{border:1px solid #b9b9b9 !important;border-radius:2px;} .form_field.tag .tagify{background-color: #fff;padding:0 0 5px 5px;border-radius:2px;} .form_field.tag .tagify.tagify--focus,.form_field.tag .tagify.tagify:hover{border-color:#b9b9b9;} .form_field.tag .tagify__tag{margin: 5px 5px 0 0} .form_field.tag .tagify__tag__removeBtn{line-height: 1em} .form_field.tag .tagify__tag > div{line-height: 1.2em;color:#6B6B6B;} .form_field.tag .tagify{--tag-bg:#f4f4f4;} .form_field.tag .tagify__input{ margin:5px 5px 0;color: #6B6B6B !important;line-height: 1em} .form_field.tag .tagify__input:before{color: #6B6B6B !important;} .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default;} .ui-front { z-index: 9999; } .ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0;} .ui-widget-content { background: #fff; color: #555; } .ui-widget-content a { color: #46799b; } /*.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }*/ .ui-helper-hidden-accessible { display: none; }