@import url(//fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800);

.xdebug-var-dump {font-size: 13px;}
.systemerrors {white-space: inherit; font-size: 12px; white-space: break-spaces; direction: ltr; margin: 5px;} .systemerrors br {display: none;} .systemerrors b {color: darkred;}
.pr_r {white-space: inherit; font-size: 12px; white-space: break-spaces; direction: ltr; margin: 5px;}
.var_d {white-space: inherit; font-size: 12px; white-space: break-spaces; direction: ltr; margin: 5px;}

/*****************************************Basic*********************************/
body {
	letter-spacing: 0.2px;
	/*font-family: 'Open Sans Hebrew', sans-serif, arial;*/
	font-family: 'Assistant', sans-serif, arial;
	font-size:	14px;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: #333;;
    /* background: #F8FAFC; */
    background: #f3f3f3;
    line-height: 1.25;
    /* letter-spacing: 1.6px; */
}

/**********/
h1,h2,h3,h4,h5,h6,p {
	font-weight: normal;
	margin:	0;
	padding: 0;
	font-size: inherit;
}
a {
	outline: 0;
	text-decoration: none;
	color: #00c0ba;
}
a:hover {text-decoration: none;}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.none {
	display: none;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.fixed {
	position: fixed !important;
}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}

.overlay{opacity: 0.5; background: #fff; z-index: 9999; height: 100%; top: 0;}
.no_scroll {height: 100%; overflow: hidden;}
.shadow {box-shadow: 0px 5px 10px #888888;}


.no_background {background: none;}
.no_scroll {height: 100%; overflow: hidden;}
.no_border {border: none;}
.no_margin {margin: 0;}
.no_padding {padding: 0;}
.table {display: table;}
.raw {display: table-row;}
.table-cell {display: table-cell;}
.ltr {direction: ltr;}
.rtl {direction: rtl;}
.align_center {text-align: center;}
.opacity_ef {-webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.9}
.opacity_ef:hover {opacity: 1;}

::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

@keyframes blink {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes blink{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blink{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blink{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.blink {
   -webkit-animation: blink 1s infinite;
   -moz-animation: blink 1s infinite;
   -o-animation: blink 1s infinite;
    animation: blink 1s infinite;
}

* {box-sizing: border-box;}

/** Layout **/
#page {
	clear: both;
    display: block;
    margin: 0 auto;
    min-height: 560px;
    /* width: 1128px; */
    min-width: 1200px;
    overflow: hidden;
    /* padding-top: 20px; */
}
.container {
	width: 100%;
	max-width: 100%;
	display: block;
	position: relative;
	float: none;
	margin: auto;
	box-sizing: border-box;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}

.columns_wrapper {
	/* width: 1200px; */
	max-width: 100%;
	display: block;
	position: relative;
	margin: auto;
	box-sizing: border-box;
}
.columns_wrapper:after {
	content: "";
	display: block;
	clear: both;
}


.column {
	display: block;
	/*min-height: 2px;*/
}
.spacer {
	width: 20px;
	height: 10px;
	float: right;
}

/** pages **/
body.portal #page {padding: 0; overflow: visible; width: 100%;}
body.manager.manager_dashboard #page {}

/**msgs**/
.msg_notice {background: #BAE9E8; padding: 10px 10px; border-radius: 10px; margin-bottom: 10px; width: 100%; margin: auto;}
.msg_notice p {
	color: #555555;		
}


.msg_notice.no_content {
	margin: 50px auto 30px auto;
}

/**Modules**/
.module_wrapper {width: 100%;margin-bottom: 10px;}
.module_wrapper .module_headline {padding: 0 0 0 0; font-size: 22px; color: #4d565c; font-weight: bold; margin-bottom: 10px; display: block; width: 100%;}
.module_wrapper > .content {box-sizing: border-box; padding: 10px; min-height: 28px; overflow: hidden; /* background: #fff; */ position: relative;}
.module_wrapper.no_margin {margin: 0;}
.module_wrapper.no_padding > .content {padding: 0;}
.module_wrapper.no_border > .content {border: none;}


/** errors **/
.msg_notice {overflow: hidden; clear: both; background: none;}
.msg_notice p { margin: 5px 0 0 0; float: right; text-align: right; width: calc(100% - 35px);}
.msg_notice i {display: none;}

.no_results {overflow: hidden; clear: both; background: none;}
.no_results p {float: right; padding: 6px 0 0 0; font-size: 14px;}
.no_results i {display: none;}

.error_notice {overflow: hidden; clear: both; background: none;}
.error_notice p {float: right; padding: 3px 0 0 0;}
.error_notice i {display: none;}

/** module_load **/
/* .module_load {min-width: 400px;} */

/* .overlay {opacity:0.1; background: #000; z-index: 10;} */
.ajaxon {width:100%; height: 200px; background: url(/css/images/ajax_loader3.gif) scroll 50% 0 no-repeat; margin:auto; display:block; z-index: 11;}
.ajaxon2 {width:100%; height: 200px; background: url(/css/images/ajax-loader2.gif) scroll 50% 0 no-repeat; margin:auto; display:block; z-index: 11;}

/* datepicker */
.ui-datepicker {z-index: 1001 !important; }

/* tootltip */
.tooltip {position: relative;}
.tooltip.in_action {z-index: 100;}
.tooltip .tooltip_link {cursor:pointer; }
.tooltip .tooltip_link:hover,
.tooltip .tooltip_link.selected {}
.tooltip .bubble {box-shadow: 0px 5px 10px #888888;  position: absolute; left: 50%; transform: translateX(-50%) translateY(-15px); bottom: 100%; margin-top: 20px;/* transform: translateY(-50%); */ /* margin-left: 20px; */ border: 1px solid #ccc; border-radius: 4px; padding: 5px 10px; background: #fff;}
.tooltip .bubble .close_tooltip {opacity: 0.9; float: right; clear: both; color: #313131; margin: 0 0 0 0; }
.tooltip .bubble .close_tooltip:hover {opacity: 1;}
.tooltip .bubble .close_tooltip span {float: right; background: #e1e1e1; padding: 4px 8px; font-size: 14px; font-weight: bold; border-radius: 4px;}
.tooltip .bubble .tool_wrap {overflow: hidden;}
.tooltip .bubble .tool_wrap .module_load {min-width: 0;}
.tooltip .bubble .tool_wrap .module_load .content {font-size: 14px;}
.tooltip .bubble::before,
.tooltip .bubble::after {z-index: 1; position: absolute; top: 100%; /* transform: translateY(-50%); */ left: 50%; transform: translateX(-50%); content: '';width: 0;height: 0; border-top: solid 13px #fff; border-left: solid 13px transparent; border-right: solid 13px transparent;}
.tooltip .bubble::before {border-top: solid 14px #ccc; border-right: solid 14px transparent; border-left: solid 14px transparent;}

/** media_wrap **/
.media_wrap {background: #000; max-width: 100%;}
.media_wrap .media_clicker {max-width: 100%; position: relative; display: inline-block;}
.media_wrap .media_clicker i {box-sizing: content-box; opacity: 0.3; border-radius: 90px; border: 2px solid #fff; background: #fff url('/css/icons/set1/play-circle-6x.png') no-repeat; z-index: 99;  width: 48px; height: 48px; position: absolute; right: 50%; top: 50%; margin-right: -24px; margin-top: -24px;}
.media_wrap .media_clicker:hover i {opacity: 1;}

/** login_div **/
.login_div {position:relative; margin: auto; width: 450px; top: -1000px; display: table; z-index: -1;}
.login_div .module_load {min-width: 0;}
.login_div .module_wrapper div.content {border-radius: 0 0 6px 6px; overflow: visible;}
.login_div .head {border-radius: 10px 10px 0 0;}
.login_div .foot {border-radius: 0 0 10px 10px;}

/** pagination **/
.pagination {float: right; margin:10px 0; clear: both;}
.pagination span,
.pagination a {padding: 3px; text-decoration: none; margin-left: 3px;display: block; float: right;}
.pagination .pagination_next,
.pagination .pagination_prev {margin:0 3px;padding:4px 0;background-position: center center;background-repeat: no-repeat;border: 1px solid transparent;overflow: hidden;}
/* .pagination a:hover {background-color: #DEDEDE;color: #222;} */
.pagination .pagination_current,
.pagination .pagination_current:hover {color: #02acf6; border-bottom: 1px solid #02acf6;}
.pagination .pagination_dots { margin-right: 2px;display: block;padding: 8px 4px; border:none; color: #02acf6;}
 
/** forms **/
form {float: right; color: #333;}
form .fieldRow.media_wrap {background: inherit; width: 100%;}
form .fieldRow {float: right; clear: both; margin-bottom: 15px; position: relative; width: 100%;}
form .fieldRow .label_wrapper{float: right; margin: 0 0 5px 0;}
form .fieldRow .label_wrapper.empty_label {display: none;}
form .fieldRow label {float: right; }
form .fieldRow .wrapping_files {width: 100%; float: right; clear: both;}
form .fieldRow .wrapping_field {position: relative; float: right; clear: both; width: 100%;}

form .fieldNotice {float: right; clear: both; margin-top: 2px; color: #00aeeb; font-size: 11px;}
form .type_checkbox .fieldNotice {margin: 10px 0 0 0;}
form .fieldExtra {float: right; clear: both; margin-top: 2px; }

form .fieldRow .field_wrap{float: right; clear: both; width: 100%; border-radius: 5px; overflow:hidden; height: 45px; box-sizing: border-box;}
form .fieldRow .field_submit,
form .fieldRow .field_checkbox,
form .fieldRow .field_radio {border:  none; height: auto; }
/*form .fieldRow .field_radio {margin-top: 3px; width: auto;}*/


form .fieldRow.type_radio .label_wrapper label {padding: 0;}
form .fieldRow .field_radio {width: auto;}
form .fieldRow .field_radio label {with: auto; float: right;}
form .fieldRow .field_radio input {margin: 2px 0 0 0;}
form .fieldRow .field_radio .label_wrapper {width: auto; padding-right: 1px;}
form .fieldRow .field_radio label {width: auto; padding: 0;}
form .fieldRow .field_radio input {display: none;}
form .fieldRow .field_radio input + .label_wrapper label,
form .fieldRow .field_radio input + label {float: right;}
form .fieldRow .field_radio input + .label_wrapper label:before,
form .fieldRow .field_radio input + label:before {box-sizing: border-box; background: #fff; content: ''; border-radius: 50%; border: 1px solid #ccc; width: 16px; height: 16px; float: right; margin: 1px 0 1px 8px;}
form .fieldRow .field_radio input:checked + .label_wrapper label:before,
form .fieldRow .field_radio input:checked + label:before {border: 5px solid #00c0ba;}
form .fieldRow .field_radio input:disabled + .label_wrapper label,
form .fieldRow .field_radio input:disabled + label {opacity: 0.4;}

form .fieldRow.type_dateselect {margin: 0;}
form .fieldRow.type_dateselect > .errField {display: none !important;}
form .fieldRow .field_dateselect {height: auto; border: none; display: flex; justify-content: space-between;}
form .fieldRow .field_dateselect .fieldRow.type_select {width: 32%; }


/*form .fieldRow.type_datemonth .field_wrap {border: none; }*/
form .fieldRow.type_datemonth a.dates_months {display: flex; align-items: center;  border-radius: 5px; height: 100%; width: 100%; text-align: center;}
form .fieldRow.type_datemonth a.dates_months span {width: 100%;}
form .fieldRow.type_datemonth a.dates_months:hover {opacity: 0.8;}

form .fieldRow.type_datemonth .field_wrap {position: relative; overflow: visible;}
form .fieldRow.type_datemonth a.reset_button {position: absolute; top: -10px; right: -10px; background: #8c8c8c; text-align: center; border-radius: 100%; width: 20px; height: 20px; display: flex; justify-content: center; color: #fff; font-weight: bold; font-size: 16px;}
form .fieldRow.type_datemonth a.reset_button.none {display: none;}


form .fieldRow.type_checkbox .label_wrapper label {padding: 0;}
form .fieldRow .field_checkbox {width: auto; /*margin-right: 5px;*/}
form .fieldRow .field_checkbox label {with: auto; float: right;}
form .fieldRow .field_checkbox.multiple .cehckboxes_wrap {float: right;}
form .fieldRow .field_checkbox.multiple .cehckbox_wrap {float: right; margin: 0 0 8px 10px;}
form .fieldRow .field_checkbox.multiple .cehckbox_wrap label {width: auto; padding: 0; }
form .fieldRow .field_checkbox.single input {margin: 2px 0 0 0;}
form .fieldRow .field_checkbox.single .label_wrapper {width: auto; padding-right: 1px;}
form .fieldRow .field_checkbox.single label {width: auto; padding: 0;}
form .fieldRow .field_checkbox input {display: none;}
form .fieldRow .field_checkbox input + .label_wrapper label,
form .fieldRow .field_checkbox input + label {float: right;}
form .fieldRow .field_checkbox input + .label_wrapper label:before,
form .fieldRow .field_checkbox input + label:before {box-sizing: border-box; background: #fff; content: ''; border: 1px solid #ccc; width: 16px; height: 16px; float: right; margin: 1px 0 1px 8px;}
form .fieldRow .field_checkbox input:checked + .label_wrapper label:before,
form .fieldRow .field_checkbox input:checked + label:before {background: url(/css/icons/chekced.png) no-repeat 3px 3px #00c0ba; border: 1px solid #00c0ba;}
form .fieldRow .field_checkbox input:disabled + .label_wrapper label,
form .fieldRow .field_checkbox input:disabled + label {opacity: 0.4;}

form .fieldRow .field_custom {height: auto; width: auto; border:none; border-radius: 0;}
form .fieldRow .field_textarea {height: auto; width: 100%;}
form .fieldRow .field_custom_richtext,
form .fieldRow .field_richtext {height: auto; width: auto; border: none;}

form .fieldRow .field_textarea textarea,
form .fieldRow select,
form .fieldRow input {float: right; border: none;; padding: 0;margin:0; font-size: 16px;}
form .fieldRow .field_textarea textarea {box-sizing: border-box; resize: none; height: 100px; width: 100%; padding: 10px; font-family: 'Assistant', sans-serif, arial; background: #F8F8F8;}
form .fieldRow .field_richtext textarea {height: 300px;}

form .fieldRow .field_file {height: auto; width: auto; border: none; float: right;}
form .fieldRow .field_file_url {height: auto; min-height: 45px; width: 100%;}
form .fieldRow .field_file_url input[type="text"]{float: right;height: 100%;overflow: hidden;width: 100%; height: 35px;}
form .field_file_library_media_picker .allowed_file_ext{display: none;}
form .field_file_library_media_picker .actions {padding-top: 1px;}
form .field_file_library_media_picker .img_holder img {width: 100px;}

form .fieldRow input {height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box; background: #F8F8F8;}
form .fieldRow input[type="file"] {padding: 0; height: 33px;}

form .fieldRow select {background: url(/css/icons/select_arrow_down.png) no-repeat left 10px top 20px #F8F8F8; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 6px; width: 100%; height: 100%; border:none; outline:none; box-sizing: border-box;}
form .fieldRow select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
form .fieldRow select option {margin: 3px 0; text/* -align: right; */}



form .fieldRow .radio_wrap {float: right; margin-left: 10px; padding-top: 5px;}
form .fieldRow .radio_wrap input,
form .fieldRow .radio_wrap label {float: right; padding:0; width: auto; margin-right: 5px;}
form .fieldRow .radio_wrap:first-child label {margin-right: 0;}
form .fieldRow .radio_wrap input {margin-top: 3px; height: 14px;}


form .fieldRow.file_wrap label {padding: 0;}
form .fieldRow .field_file .file_holder {/* height: 80px; */ height: auto;}
form .fieldRow .field_file .file_holder.media {float: right; margin: 10px 0 0 0; clear: right;}
form .fieldRow .field_file .file_holder.src {float: right; clear: right; margin: 10px 0 0 0;}
form .fieldRow .field_file .file_holder img{float: right; width: 40px;}
form .fieldRow .field_file .file_holder .file_media {float: right; margin: 2px 0 0 0;}
form .fieldRow .field_file .file_holder .file_media img {float: right; width: 12px;}
form .fieldRow .field_file .file_holder .file_media span{float: right; margin: 0 5px 0 0;}
form .fieldRow .field_file .file_holder .remove_wrapper {margin-top: 5px; float: right; clear: both;}
form .fieldRow .field_file .file_holder .remove_wrapper .field_checkbox {float: right; margin: 2px 0; padding-top: 2px;}
form .fieldRow .field_file .file_holder .remove_wrapper label {float: right; width: 100px; padding-top: 0; margin: 2px 1px 0 0; font-size: 12px; }
form .fieldRow .field_file .file_holder .remove_wrapper label:before {width: 12px; height: 12px; margin: 1px 0 1px 8px;}
form .fieldRow .field_file .file_holder .remove_wrapper input:checked + .label_wrapper label:before,
form .fieldRow .field_file .file_holder .remove_wrapper input:checked + label:before {background: url(/css/icons/chekced.png) no-repeat 2px 2px #a2b6c3;}

form .fieldRow .field_file .allowed_file_ext {margin: 3px 0 0 0; float: right; clear: both; font-size: 10px;}

form .fieldRow .form_field_overlay {background: #fff;height: 100%; opacity: 0.7; position: absolute; width: 100%;}
form .fieldRow .form_field_overlay:hover {opacity:0.5;}

form .fieldRow .field_media_picker {border: none; height: auto; width: auto; padding-top: 8px;}
form .fieldRow .field_media_picker .img_holder img {width: 100px;}
form .fieldRow .field_media_picker .actions a {float: right; clear: both;}


form .type_password .field_wrap.change {width: auto; border: none;}
form .type_password .field_wrap.change a{float: right; text-decoration: underline; padding: 10px 0 0 0;}

form .email_wrap .field_wrap.change {width: auto; border: none;}
form .email_wrap .field_wrap.change span{float: right; padding: 12px 0 0 0;}
form .email_wrap .field_wrap.change a{float: right; text-decoration: underline; padding: 10px 0 0 0; margin: 0 10px 0 0;}

form .submit_wrap {margin-top: 10px;}
form .submit_wrap input {cursor: pointer; background: #fff; border-radius: 8px; border: 1px solid #00BFBA; opacity: 0.8; font-size: 18px; color: #00BFBA; padding: 15px 16px;}
form.delete_form .submit_wrap .field_wrap input {background: #FF4351; }
form .submit_wrap input:hover{opacity: 1;}

form .type_button .field_wrap {margin-top: 10px; height: auto;}
form .type_button button {cursor: pointer; background: #fff; border-radius: 5px; background: #00c0ba; border: 1px solid #00c0ba; font-size: 16px; color: #fff; padding: 14px 20px;}
form .type_button button:hover{opacity: 0.8;}

form .field_wrap .default {color: #ccc;}

form .error .field_checkbox {border: none;}
form .error .field_checkbox.single {}
form .error.type_checkbox .errField {top: -10px;}
form .errField {display: none; z-index: 9; float: right; clear: both; margin: 5px 0 0 0;}
form .errField .wrap {color: #f74853; font-size: 11px;}
form .errField .wrap span {float: right; border-right: 1px solid #f74853; padding: 0 5px;}
form .errField .wrap span:first-child {border-right: none; padding-right: 0;}

form .form_messages {color: #FF0033; padding: 5px 0;}


form .fieldRow.type_fieldset {float: none; clear: none; padding: 0; margin: 0; position: inherit;}
form .fieldRow.type_fieldset .field_fieldset {margin: 0; padding: 0; clear: inherit; width: auto; float: none; overflow: inherit; height: auto; border-radius: 0; border: none; box-sizing: inherit;}
form .fieldRow fieldSet {border: none; padding: 0; margin: 0;}
form .fieldRow fieldSet legend {padding: 0; margin: 0;}


/** autocomplete **/
form .ac_results {z-index: 1; position: absolute; background: #fff; float: right; display: none; clear: both; overflow: hidden; max-height: 150px; overflow-y: auto; border:1px solid #ccc; box-shadow: 0px 5px 10px #888888;}
form .ac_results .pane_results li {width: auto;}
form .ac_results .pane_results .pane_result {width: 100%; padding: 5px;  cursor: pointer; display: block;}
form .ac_results li {font-size: 14px; color: #757575;}
form .ac_results li.highlight {background: #ddd;}
form .ac_results li b {color: #000;}
form .block_panel {display: none;}

/** ui-autocomplete **/
.ui-autocomplete {z-index: 1002; font-size: 14px; max-height: 150px; overflow-y: auto; overflow-x: hidden; background: #fff; border:1px solid #ccc; box-shadow: 0px 5px 10px #888888;}

/** preivew_img **/

form .preivew_img {float: right; clear: both; max-width:100px; margin: 10px 0 5px 0;}
form .preview_remove {float: right; clear: both; margin-top: 2px}

/** custom field file **/
form .custom_file_style .field_file > input {display: none;}
form .custom_file_style .wrapping_field {width: 100%;}
form .custom_file_style .wrapping_field > .label_wrapper {opacity: 0.9; text-align: center; color: #fff; width: 100%; background: #42B72A; padding: 10px 16px; box-sizing: border-box; border-radius: 5px;}
form .custom_file_style .wrapping_field > .label_wrapper:hover {opacity: 1;}
form .custom_file_style .wrapping_field > .label_wrapper label {width: 100%; cursor: pointer;}
form .custom_file_style .wrapping_field > .label_wrapper label:before {content: "\f0ee"; font-family: FontAwesome;  margin-right: 10px; display: inline-block; font-size: 20px;}


/** sig_pad **/
form .sig_pad1 .field_wrap {height: 0;}
form .sig_pad1 .fieldExtra {width: 300px; height: 175px; position: relative;}
form .sig_pad1 .fieldExtra .sig_pad {border: 1px solid #000; float: right; clear: both; position: absolute; top: 0; right: 0; z-index: 2;}
form .sig_pad1 .fieldExtra .clear_sig_pad {float: right; clear: both; margin: 5px 0 0 0; position: absolute; bottom: 0; right: 0;}
form .sig_pad1 .fieldExtra .client_sig_details{ text-align: center; font-size: 15px; display: block; font-weight: bold; position: absolute; right: 0%; left: 0; top: 30%; margin: auto; padding: 5px; z-index: 1; transform: rotate(-20deg); letter-spacing: 3px; word-spacing: 5px;}
form .sig_pad1 .fieldExtra .client_sig_details span {display: block;}

/*** **/
form .fieldRow .fieldExtra .job_cat_panel_list {width: 100%; float: right;}
form .fieldRow .fieldExtra .job_cat_panel_list ul {width: 100%; padding: 5px; float: right; clear: both;}
form .fieldRow .fieldExtra .job_cat_panel_list ul li {width: 100%; float: right; padding: 2px;}
form .fieldRow .fieldExtra .job_cat_panel_list ul li input{float: none; width: auto;}
form .fieldRow .fieldExtra .job_cat_panel_list ul li label{float: none; width: auto;}
form .fieldRow .fieldExtra .job_cat_panel_list ul.childes {padding: 5px 0;}
form .fieldRow .fieldExtra .job_cat_panel_list .li_parent {font-size: 17px; font-weight: bold;}
form .fieldRow .fieldExtra .job_cat_panel_list .li_child {float: right; width: auto; margin-left: 13px;}




/** form types **/

/** type_user_form **/
form.type_user_form .email_wrap .field_wrap {}
form.type_user_form .password_wrap .field_wrap {}
form.type_user_form .notification_settings_wrap .label_wrapper label {text-decoration: underline;}
form.type_user_form .notification_settings_wrap .field_checkbox.multiple .cehckbox_wrap {width: 100%; }



/** type_manager_form **/
form.type_manager_form {width: 800px; position: relative;}
form.type_manager_form .section {box-sizing: border-box; width: 50%;}
form.type_manager_form .section legend {margin-bottom: 30px; float: right;}
form.type_manager_form .section_a_wrap {float: right; padding-left: 30px; border-left: 1px solid #CFF5F2;}
form.type_manager_form .section_b_wrap {float: left; padding-right: 30px;}
form.type_manager_form .fieldRow fieldSet {width: 100%;}
form.type_manager_form .picture_wrap {float: left; margin: auto; display: table; margin-top: 10px; height: 130px;}
form.type_manager_form .picture_wrap .allowed_file_ext {display: none;}
form.type_manager_form .picture_wrap .label_wrapper:first-child {position: absolute; top: 55px; right: 125px;}
form.type_manager_form .picture_wrap .label_wrapper:first-child label {float: none; margin: auto; width: 155px; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px; padding: 10px;; color: #02acf6; font-size: 15px;  cursor: pointer;}
form.type_manager_form .picture_wrap .label_wrapper:first-child label:hover {opacity: 1;}
form.type_manager_form .picture_wrap input[type="file"] {max-width: 215px; display: none;}
form.type_manager_form .picture_wrap .preview_holder {}
form.type_manager_form .picture_wrap .frame {}
form.type_manager_form .picture_wrap .frame img {overflow: hidden;  padding: 5px; border: 2px solid #7EE7E8; width: 80px; height: 80px; max-width: none; margin: 0;}
form.type_manager_form .picture_wrap .preview_holder,
form.type_manager_form .picture_wrap .file_holder {height: auto; margin: 0; float: right; clear: both; }
form.type_manager_form .picture_wrap .file_holder .remove_wrapper {float: right; clear: both; margin-top: 1px;}
form.type_manager_form .picture_wrap .fieldNotice {position: absolute; top: 0; right: 125px; color: #282828; font-size: 15px; width: 155px; text-align: right;}
form.type_manager_form .picture_wrap .file_holder .remove_wrapper .field_checkbox {background: #fff; padding: 1px 1px 3px;}
form.type_manager_form .picture_wrap .preview_holder .preview_remove {float: right; clear: both; font-size: 12px;}
form.type_manager_form .picture_wrap .highlight {font-size: 25px;}
form.type_manager_form .picture_wrap .fieldExtra {position: absolute; top:0; padding: 5px; border: 2px solid #7EE7E8;}
form.type_manager_form .picture_wrap .fieldExtra .photo_teaser {width: 80px; height: 80px;   background: url(/css/icons/icon_pic_avatar.png) no-repeat; background-size: contain; overflow: hidden;}
form.type_manager_form .picture_wrap .field_file .file_holder.media {position: absolute; top: 0; margin: 0;}
form.type_manager_form .field_checkbox {width: 100%; direction: rtl;}
form.type_manager_form .jobs_expertise_wrap .cehckboxes_wrap {width: 100%;}
form.type_manager_form .jobs_expertise_wrap .field_checkbox.multiple .cehckbox_wrap {width: 49%; margin: 10px 0; padding: 0 3px 0 0;}
form.type_manager_form .jobs_expertise_wrap .field_checkbox.multiple .cehckbox_wrap label {font-size: 15px;}
form.type_manager_form .address_wrap .field_textarea textarea {height: 50px;}
form.type_manager_form .availability_content_wrap {display: none;}
form.type_manager_form .submit_wrap {float: none; width: 180px; margin: auto; padding-top: 150px; overflow: hidden;}
form.type_manager_form .id_picture_wrap .field_wrap {position: relative; overflow: visible;;}
form.type_manager_form .id_picture_wrap .field_wrap input {cursor: pointer; position: relative; opacity: 0; width: 100%; height: 0;}
form.type_manager_form .id_picture_wrap .u_button {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px; color: #02acf6; font-size: 15px; cursor: pointer;}
form.type_manager_form .id_picture_wrap .u_button:hover {opacity: 1;}
form.type_manager_form .id_picture_wrap .allowed_file_ext {margin: 10px 0 0 0;}


/** type_agent_form **/
form.type_agent_form {width: 800px; position: relative;}
form.type_agent_form .section {box-sizing: border-box; width: 50%;}
form.type_agent_form .section legend {margin-bottom: 30px; float: right;}
form.type_agent_form .section_a_wrap {float: right; padding-left: 30px; border-left: 1px solid #CFF5F2;}
form.type_agent_form .section_b_wrap {float: right; padding-right: 30px;}
form.type_agent_form .fieldRow fieldSet {width: 100%;}
form.type_agent_form .picture_wrap {float: right; margin: auto; display: table; margin-top: 10px;}
form.type_agent_form .picture_wrap .allowed_file_ext {display: none;}
form.type_agent_form .picture_wrap .label_wrapper:first-child {position: absolute; top: 55px; right: 125px;}
form.type_agent_form .picture_wrap .label_wrapper:first-child label {float: none; margin: auto; width: 155px; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px; padding: 10px;; color: #02acf6; font-size: 15px;  cursor: pointer;}
form.type_agent_form .picture_wrap .label_wrapper:first-child label:hover {opacity: 1;}
form.type_agent_form .picture_wrap input[type="file"] {max-width: 215px; display: none;}
form.type_agent_form .picture_wrap .preview_holder {}
form.type_agent_form .picture_wrap .frame {}
form.type_agent_form .picture_wrap .frame img {overflow: hidden;  padding: 5px; border: 2px solid #7EE7E8; width: 80px; height: 80px; max-width: none; margin: 0;}
form.type_agent_form .picture_wrap .preview_holder,
form.type_agent_form .picture_wrap .file_holder {height: auto; margin: 0; float: right; clear: both; }
form.type_agent_form .picture_wrap .file_holder .remove_wrapper {float: right; clear: both; margin-top: 1px;}
form.type_agent_form .picture_wrap .fieldNotice {position: absolute; top: 0; right: 125px; color: #282828; font-size: 15px; width: 155px; text-align: right;}
form.type_agent_form .picture_wrap .file_holder .remove_wrapper .field_checkbox {background: #fff; padding: 1px 1px 3px;}
form.type_agent_form .picture_wrap .preview_holder .preview_remove {float: right; clear: both; font-size: 12px;}
form.type_agent_form .picture_wrap .highlight {font-size: 25px;}
form.type_agent_form .picture_wrap .fieldExtra {position: absolute; top:0; right: 0; padding: 5px; border: 2px solid #7EE7E8;}
form.type_agent_form .picture_wrap .fieldExtra .photo_teaser {width: 80px; height: 80px;   background: url(/css/icons/icon_pic_avatar.png) no-repeat; background-size: contain; overflow: hidden;}
form.type_agent_form .picture_wrap .field_file .file_holder.media {position: absolute; top: 0; margin: 0;}
form.type_agent_form .field_checkbox {width: 100%; direction: rtl;}
form.type_agent_form .jobs_expertise_wrap .cehckboxes_wrap {width: 100%;}
form.type_agent_form .jobs_expertise_wrap .field_checkbox.multiple .cehckbox_wrap {width: 49%; margin: 10px 0; padding: 0 3px 0 0;}
form.type_agent_form .jobs_expertise_wrap .field_checkbox.multiple .cehckbox_wrap label {font-size: 15px;}
form.type_agent_form .address_wrap .field_textarea textarea {height: 50px;}
form.type_agent_form .agent_contract_agreement_wrap {position: absolute; bottom: 120px; left: 0; right: 0; margin: auto; width: 72%; z-index: 1;}
form.type_agent_form .agent_contract_agreement_wrap .field_wrap {overflow: visible;}
form.type_agent_form .agent_contract_agreement_wrap .errField {position: absolute; top: 16px;}
form.type_agent_form .agent_contract_agreement_wrap .field_checkbox input:disabled + .label_wrapper label {opacity: 1;}
form.type_agent_form .agent_contract_agreement_wrap a {background: #00c0ba; padding: 5px 8px; border-radius: 4px; color: #fff;}
form.type_agent_form .agent_read_agreement_wrap {position: absolute; bottom: 85px; left: 0; right: 0; margin: auto; width: 72%; z-index: 1;}
form.type_agent_form .agent_read_agreement_wrap .errField {position: absolute; top: 16px;}
form.type_agent_form .submit_wrap {float: none; width: 180px; margin: auto; padding-top: 125px; overflow: hidden;}

/** type_candidate_form **/
form.type_candidate_form {}
form.type_candidate_form {position: relative;}
form.type_candidate_form .fieldRow .field_wrap {width: 100%;}
form.type_candidate_form .label_wrapper {font-weight: bold; font-size: 14px; }
form.type_candidate_form .section {box-sizing: border-box; width: 50%;}
form.type_candidate_form .section legend {margin-bottom: 30px; float: right;}
form.type_candidate_form .section_a_wrap {float: right; padding-left: 30px; border-left: 1px solid #CFF5F2;}
form.type_candidate_form .section_b_wrap {float: left; padding-right: 30px;}
form.type_candidate_form .file_wrap .field_wrap {position: relative; overflow: visible;;}
form.type_candidate_form .file_wrap .field_wrap input {cursor: pointer; position: relative; opacity: 0; width: 100%; height: 0;}
form.type_candidate_form .file_wrap .u_button {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px; color: #02acf6; font-size: 15px; cursor: pointer;}
form.type_candidate_form .file_wrap .u_button:hover {opacity: 1;}
form.type_candidate_form .file_wrap .allowed_file_ext {margin: 10px 0 0 0;}
form.type_candidate_form .about_wrap .field_textarea textarea {height: 200px;}
form.type_candidate_form .submit_wrap {float: none; width: 180px; margin: auto; padding-top: 40px; overflow: hidden;}
form.type_candidate_form .job_category_auto_wrap .panel_list li {font-size: 14px; float: right; margin: 4px; padding: 5px;}
form.type_candidate_form .job_category_auto_wrap .panel_list li i {margin: 0 0 0 3px; cursor: pointer;}
form.type_candidate_form .job_scopes_wrap .field_checkbox.multiple .cehckboxes_wrap {width: 100%;}
form.type_candidate_form .job_scopes_wrap .field_checkbox.multiple .cehckbox_wrap {width: 32.5%; font-size: 13px; margin: 0; padding: 5px 2px;}



form.type_candidate_form .side_a_a_wrap {position: relative;}
form.type_candidate_form .side_a_a_wrap .fieldRow {width: 50%;}


form.type_candidate_form .location_wrap {width: 100%;}
form.type_candidate_form .location_wrap .ac_results {z-index: 2;}
form.type_candidate_form .location_wrap .field_wrap {width: 100%;}
form.type_candidate_form .location_wrap .fieldExtra {position: absolute; width: 100%; height: 100%; background: red; opacity: 0.5; background: #fff; z-index: 9999;}

/** type_lead_candidate_form **/

.pop_model.medium.lead_pop_model .contentModel{padding: 0;}

form.type_lead_candidate_form {float: none;}
form.type_lead_candidate_form .form_messages {padding: 0;}
form.type_lead_candidate_form .field_wrap input::placeholder {text-align: center; color: #000; font-size: 16px;}
form.type_lead_candidate_form .field_wrap.field_text {border: 1px solid #C7C7C7; border-radius: 0;}
form.type_lead_candidate_form .label_wrapper {font-size: 16px; width: 100%; text-align: center;}
form.type_lead_candidate_form .label_wrapper label {font-weight: bold;}

form.type_lead_candidate_form .file_wrap .field_wrap {position: relative; overflow: visible; width: 100%;}
form.type_lead_candidate_form .file_wrap .field_wrap input {cursor: pointer; position: relative; opacity: 0; width: 100%; height: 0;}
form.type_lead_candidate_form .file_wrap .u_button {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; font-weight: bold; background: #4DBCB8; border: #C7C7C7 1px solid; border-radius: 0;padding: 15px; color: #000; font-size: 16px; cursor: pointer;}
form.type_lead_candidate_form .file_wrap .u_button:hover {opacity: 1;}
form.type_lead_candidate_form .file_wrap .allowed_file_ext {margin: 10px 0 0 0;}

form.type_lead_candidate_form .custom_headline_wrap .field_wrap{width: 100%;}
form.type_lead_candidate_form .custom_headline_wrap .header {background: #1a1a1a; color: #fff; width: 100%; padding: 10px;}
form.type_lead_candidate_form .custom_headline_wrap .job-id {float: left; border: 1px solid #fff; padding: 3px; font-size: 12px;}
form.type_lead_candidate_form .custom_headline_wrap .logo-and-title {display: flex; justify-content: center; align-items: center; font-size: 14px; clear: both; padding-top: 15px;}
form.type_lead_candidate_form .custom_headline_wrap .logo-and-title .title {direction: ltr;}
form.type_lead_candidate_form .custom_headline_wrap .logo {width: 32px; height: 32px; margin-right: 10px;}
form.type_lead_candidate_form .custom_headline_wrap .job-header {padding-top: 15px;}
form.type_lead_candidate_form .custom_headline_wrap .job-header h1 {font-size: 25px;  text-align: center; font-weight: bold;}

form.type_lead_candidate_form .custom_html_1_wrap {font-size: 18px;  text-align: center; font-weight: bold; margin-top: 20px; padding: 10px 0 15px 0; border-top: 2px solid #000;}
form.type_lead_candidate_form .custom_html_1_wrap .field_wrap {float: none;}

form.type_lead_candidate_form .custom_html_2_wrap {font-size: 18px;  text-align: center; font-weight: bold; margin-top: 20px; padding: 10px 0 15px 0; border-top: 2px solid #000;}
form.type_lead_candidate_form .custom_html_2_wrap .field_wrap {float: none;}
form.type_lead_candidate_form .custom_html_2_wrap .fieldNotice {text-align: center; float: none; width: 100%; }
form.type_lead_candidate_form .custom_html_2_wrap .fieldNotice p {font-weight: bold; color: #666; font-size: 13px;}


form.type_lead_candidate_form .salary_expectations_wrap .field_wrap {border: none;}

form.type_lead_candidate_form .job_scopes_wrap .label_wrapper label {float: right;}

form.type_lead_candidate_form .job_category_auto_wrap {margin-bottom: 25px;}
form.type_lead_candidate_form .job_category_auto_wrap .job_cat_panel_list .li_parent {font-size: 14px;}
/*form.type_lead_candidate_form .job_category_auto_wrap .job_cat_panel_list ul.childes {display: none;}*/
form.type_lead_candidate_form .job_category_auto_wrap a.key_down {position: absolute; width: 25px; height: 45px; z-index: 1; left: 0; top: 0; border-right: 1px solid #F3EEEE;}
form.type_lead_candidate_form .job_category_auto_wrap a.key_down i {width: 100%; text-align: center; font-size: 20px; padding-top: 12.5px; color: #aaa;}

form.type_lead_candidate_form .submit_wrap .field_wrap input {border-radius: 0; background: #4DBCB8; border: none; color: #fff; font-weight: bold; font-size: 30px;}









/*form.type_candidate_form .distance_range_wrap {position: relative;}*/
form.type_candidate_form .distance_range_wrap select {display: none;}
form.type_candidate_form .distance_range_wrap .field_wrap {border: none; width: 100%; overflow: visible; height: 22px;}
form.type_candidate_form .distance_range_wrap .ui-slider {margin-top: 5px; z-index: 1;}
form.type_candidate_form .distance_range_wrap {width: 100%; float: right; clear: both; margin: 10px 0 10px 0;}
form.type_candidate_form .distance_range_wrap .fieldExtra {width: 100%; height: 20px;}
form.type_candidate_form .distance_range_wrap .dst_labels {width: 100%; float: left; position: relative;}
form.type_candidate_form .distance_range_wrap .dst_labels span {position: absolute; float: left;  direction: ltr; font-size: 11px; font-weight:  bold;}
form.type_candidate_form .distance_range_wrap .dst_labels span.dst_1 {left: 0;}
form.type_candidate_form .distance_range_wrap .dst_labels span.dst_10 {left: 10.25%;}
form.type_candidate_form .distance_range_wrap .dst_labels span.dst_30 {left: 36.25%;}
form.type_candidate_form .distance_range_wrap .dst_labels span.dst_50 {left: 61.25%;}
form.type_candidate_form .distance_range_wrap .dst_labels span.dst_80 {left: 96%;}


form.type_candidate_form .or_wrap.fieldRow {position: absolute; top: 0; left: 160px; border-left: 1px solid #d8d8d8; height: 100%; width: auto;}
form.type_candidate_form .or_wrap .field_wrap {position: absolute; left: -17px; top:0; bottom: 0; margin: auto; border-radius: 50%; font-size: 15px; padding: 7px 9px 0 0; width: 32px; height: 32px; font-weight: bold;  background: #ffcc00;}

/* form.type_job_form .section .side_d_wrap {padding: 0 60px 0 40px;} */
form.type_candidate_form .jobs_placement_wrap.fieldRow {position: absolute; left: -10px; width: 30%;}
form.type_candidate_form .jobs_placement_wrap .field_checkbox.multiple {padding: 25px 0 0 0;}
form.type_candidate_form .jobs_placement_wrap .field_checkbox.multiple .cehckbox_wrap {clear: both; margin-bottom: 15px;}



/** type_client_form **/
form.type_client_form {width: 800px; position: relative;}
form.type_client_form .section {box-sizing: border-box; width: 50%;}
form.type_client_form .section legend {margin-bottom: 30px; float: right;}
form.type_client_form .section_a_wrap {float: right; padding-left: 30px; border-left: 1px solid #CFF5F2;}
form.type_client_form .section_b_wrap {float: left; padding-right: 30px;}
form.type_client_form .file_wrap .field_wrap {position: relative; overflow: visible;;}
form.type_client_form .file_wrap .field_wrap input {cursor: pointer; position: relative; opacity: 0; width: 100%; height: 0;}
form.type_client_form .file_wrap .u_button {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px; color: #02acf6; font-size: 15px; cursor: pointer;}
form.type_client_form .file_wrap .u_button:hover {opacity: 1;}
form.type_client_form .file_wrap .allowed_file_ext {margin: 10px 0 0 0;}

form.type_client_form .extra_file_wrap .field_wrap {position: relative; overflow: visible;;}
form.type_client_form .extra_file_wrap .field_wrap input {cursor: pointer; position: relative; opacity: 0; width: 100%; height: 0;}
form.type_client_form .extra_file_wrap .u_button {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px; color: #02acf6; font-size: 15px; cursor: pointer;}
form.type_client_form .extra_file_wrap .u_button:hover {opacity: 1;}
form.type_client_form .extra_file_wrap .allowed_file_ext {margin: 10px 0 0 0;}


form.type_client_form .address_wrap .field_textarea textarea {height: 50px;}
form.type_client_form .about_wrap .field_textarea textarea {height: 200px;}
form.type_client_form .submit_wrap {float: none; width: 180px; margin: auto; overflow: hidden;}
form.type_client_form .add_contact_button_wrap {float: right; clear: both;}
form.type_client_form .add_contact_button_wrap button {padding: 10px 12px; font-size: 15px;}
form.type_client_form .module_holder_wrap {margin-top: 20px;}
form.type_client_form .module_holder_wrap form {padding: 10px; border: 1px solid #ccc;}
form.type_client_form .module_holder_wrap form .fieldRow {float: right; clear: none; width: 40%; margin-left: 20px;}
form.type_client_form .module_holder_wrap form .remove_field_wrap {margin: 0;}
form.type_client_form .job_category_auto_wrap .panel_list li {font-size: 14px; float: right; margin: 4px; padding: 5px;}
form.type_client_form .job_category_auto_wrap .panel_list li i {margin: 0 0 0 3px; cursor: pointer;}


/** type_position_form **/
/*form.type_position_form {width: 800px; position: relative;}*/
form.type_position_form {position: relative;}
form.type_position_form .fieldRow .field_wrap {width: 100%;}
form.type_position_form .label_wrapper {font-weight: bold; font-size: 14px; }
form.type_position_form .section {box-sizing: border-box; width: 50%;}
form.type_position_form .section legend {margin-bottom: 30px; float: right;}
form.type_position_form .section_a_wrap {float: right; padding-left: 30px; border-left: 1px solid #CFF5F2;}
form.type_position_form .section_b_wrap {float: left; padding-right: 30px;}
form.type_position_form .file_wrap .field_wrap {position: relative; overflow: visible;;}
form.type_position_form .file_wrap .field_wrap input {cursor: pointer; position: relative; opacity: 0; width: 100%; height: 0;}
form.type_position_form .file_wrap .u_button {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px; color: #02acf6; font-size: 15px; cursor: pointer;}
form.type_position_form .file_wrap .u_button:hover {opacity: 1;}
form.type_position_form .file_wrap .allowed_file_ext {margin: 10px 0 0 0;}
form.type_position_form .submit_wrap {float: none; width: 180px; margin: auto; padding-top: 40px; overflow: hidden;}
form.type_position_form .fee_wrap {width: 50%;}
form.type_position_form .fee_currency_wrap {width: 20%; clear: none;margin-right: 20px;}
form.type_position_form .location_auto_wrap .panel_list li {font-size: 14px; float: right; margin: 4px; padding: 5px;}
form.type_position_form .location_auto_wrap .panel_list li i {margin: 0 0 0 3px; cursor: pointer;}
form.type_position_form .job_category_auto_wrap .panel_list li {font-size: 14px; float: right; margin: 4px; padding: 5px;}
form.type_position_form .job_category_auto_wrap .panel_list li i {margin: 0 0 0 3px; cursor: pointer;}
form.type_position_form .job_types_wrap .field_checkbox.multiple .cehckboxes_wrap,
form.type_position_form .job_scopes_wrap .field_checkbox.multiple .cehckboxes_wrap {width: 100%;}
form.type_position_form .job_types_wrap  .field_checkbox.multiple .cehckbox_wrap {width: 32.5%; font-size: 13px; margin: 0; padding: 5px 2px;}
form.type_position_form .job_scopes_wrap .field_checkbox.multiple .cehckbox_wrap {width: 32.5%; font-size: 13px; margin: 0; padding: 5px 2px;}

form.type_position_form .questions_wrap textarea {display: none;}
form.type_position_form .questions_wrap .fieldExtra {width: 100%; }
form.type_position_form .questions_wrap .fieldExtra .w {width: 100%; background:#F8F8F8;}
form.type_position_form .questions_wrap .fieldExtra .w .editme {display: block; overflow: hidden; min-height: 100px; width:100%; padding: 10px; font-size: 13px; font-style:italic;}
form.type_position_form .questions_wrap .fieldExtra .w .editme:empty:before {content: attr(placeholder); color: #CDCDCD; font-size: 16px;}
form.type_position_form .questions_wrap .fieldExtra .w .editme:empty:focus:before {content: "";}
form.type_position_form .questions_wrap .fieldExtra .w .editme div {display:block; /* margin: 10px 0; */   border-bottom: 1px solid #ddd;  padding: 2px 0; border-radius: 3px;}
form.type_position_form .questions_wrap .fieldExtra .w .editme div:first-child { /* margin: 0;  */}
form.type_position_form .questions_wrap .fieldExtra .w .editme hr {border: 1px solid #e0e0e0;}
/* form.type_position_form .questions_wrap .fieldExtra .w .editme:before {content:'Please Add content'; background: #ddd; position: absolute;  width: 80%; margin: auto; padding: 7px 5px; box-sizing: border-box;} */



form.type_position_form .warranty_label_wrap {padding-right: 10px; font-weight: bold; font-size: 14px;}
form.type_position_form .warranty {width: 65px; float: right; clear: none; margin-left: 20px; padding-right: 10px;}
form.type_position_form .warranty .fieldNotice {float: none; text-align: center;}
form.type_position_form .warranty .errField .foramt_int {display: none;}
form.type_position_form .warranty input {font-size: 13px; text-align: center;}
form.type_position_form .payment_terms_label_wrap {padding-right: 10px; font-weight:  bold; font-size: 14px;}
form.type_position_form .net_wrap {width: 90px; float: right; clear: none; padding-right: 10px;}
form.type_position_form .days_payable_wrap {width: 78px; float: right; clear: none; margin-left: 20px; top: -10px; } 
form.type_position_form .days_payable_wrap input {font-size: 13px; text-align: center;}


/** type_candidate_review_form **/
form.type_candidate_review_form .content_wrap .field_textarea textarea {height: 150px;}

/** type_contract_form **/
form.type_contract_form {padding-bottom: 410px;}
form.type_contract_form .submit_wrap {position: absolute; margin: auto; bottom: 20px; right: 0; left: 0; width: 70%;}
form.type_contract_form .fieldRow {font-size: 13px !important;}

form.type_contract_form .fieldRow fieldSet {position: relative;}

form.type_contract_form .custom1_wrap div.b {margin-top: 20px;}
form.type_contract_form .custom1_wrap div.bb {margin-top: 10px;}
form.type_contract_form .custom1_wrap div.c {margin-top: 30px;}

form.type_contract_form .id_card_wrap,
form.type_contract_form .email_wrap,
form.type_contract_form .fullname_wrap {width: 300px;}

form.type_contract_form .contract_content_wrap {margin-top: 20px; padding: 20px 0 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
form.type_contract_form .contract_content_wrap p,
form.type_contract_form .contract_content_wrap p span {font-size: 13px !important;}

form.type_contract_form .agreement_signature_wrap {width: 300px; position: absolute; top: 0; right: 0;}
form.type_contract_form .date_user_wrap { width: 300px; position: absolute; top: 225px; right: 0;}

form.type_contract_form .svt_sig_wrap {width: 300px; position: absolute; top: 0; left: 0;}
form.type_contract_form .date_svt_wrap {width: 300px; position: absolute; top: 225px; left: 0;}



/** type_balance_approval_form **/
form.type_balance_approval_form .attention_wrap h3 {margin-bottom: 10px; font-weight: bold}
form.type_balance_approval_form .attention_wrap {font-size: 14px; font-weight: bold; margin-bottom: 20px; background: #FFCC00; padding: 6px; color: #000;}
form.type_balance_approval_form .attention_wrap .r {margin-bottom: 5px;}


/** type_finance_request_form **/
.type_finance_request_form .position_meta_wrap .field_wrap {width: 100%;}
.type_finance_request_form .position_meta_wrap ul.posdata {font-size: 16px; border: 1px solid #aaa; width: 100%; padding: 5px;}
.type_finance_request_form .position_meta_wrap ul.posdata li {padding: 3px;}

form.type_finance_request_form .attention_wrap h3 {margin-bottom: 10px; font-weight: bold}
form.type_finance_request_form .attention_wrap {font-size: 14px; font-weight: bold; margin-bottom: 20px; background: #FFCC00; padding: 6px; color: #000;}
form.type_finance_request_form .attention_wrap .r {margin-bottom: 5px;}

/** type_transaction_invoice_form **/
.type_transaction_invoice_form .position_meta_wrap .field_wrap {width: 100%;}
.type_transaction_invoice_form .position_meta_wrap ul.posdata {font-size: 16px; border: 1px solid #aaa; width: 100%; padding: 5px;}
.type_transaction_invoice_form .position_meta_wrap ul.posdata li {padding: 3px;}

form.type_transaction_invoice_form .attention_wrap h3 {margin-bottom: 10px; font-weight: bold}
form.type_transaction_invoice_form .attention_wrap {font-size: 14px; font-weight: bold; margin-bottom: 20px; background: #FFCC00; padding: 6px; color: #000;}
form.type_transaction_invoice_form .attention_wrap .r {margin-bottom: 5px;}

/** type_tax_invoice_form **/
.type_tax_invoice_form .position_meta_wrap .field_wrap {width: 100%;}
.type_tax_invoice_form .position_meta_wrap ul.posdata {font-size: 16px; border: 1px solid #aaa; width: 100%; padding: 5px;}
.type_tax_invoice_form .position_meta_wrap ul.posdata li {padding: 3px;}

form.type_tax_invoice_form .attention_wrap h3 {margin-bottom: 10px; font-weight: bold}
form.type_tax_invoice_form .attention_wrap {font-size: 14px; font-weight: bold; margin-bottom: 20px; background: #FFCC00; padding: 6px; color: #000;}
form.type_tax_invoice_form .attention_wrap .r {margin-bottom: 5px;}

/** type_receipt_form **/
.type_receipt_form .position_meta_wrap .field_wrap {width: 100%;}
.type_receipt_form .position_meta_wrap ul.posdata {font-size: 16px; border: 1px solid #aaa; width: 100%; padding: 5px;}
.type_receipt_form .position_meta_wrap ul.posdata li {padding: 3px;}

/** type_credit_invoice_form **/
.type_credit_invoice_form .position_meta_wrap .field_wrap {width: 100%;}
.type_credit_invoice_form .position_meta_wrap ul.posdata {font-size: 16px; border: 1px solid #aaa; width: 100%; padding: 5px;}
.type_credit_invoice_form .position_meta_wrap ul.posdata li {padding: 3px;}

/** type_outer_payment_form **/
.type_outer_payment_form .position_meta_wrap .field_wrap {width: 100%;}
.type_outer_payment_form .position_meta_wrap ul.posdata {font-size: 16px; border: 1px solid #aaa; width: 100%; padding: 5px;}
.type_outer_payment_form .position_meta_wrap ul.posdata li {padding: 3px;}

form.type_outer_payment_form .attention_wrap h3 {margin-bottom: 10px; font-weight: bold}
form.type_outer_payment_form .attention_wrap {font-size: 14px; font-weight: bold; margin-bottom: 20px; background: #FFCC00; padding: 6px; color: #000;}
form.type_outer_payment_form .attention_wrap .r {margin-bottom: 5px;}



	/*********************************************************End basic**********************************************************/

/** site_header */
/*.site_header {widht: 100%; height: 71px; background: #fff; box-sizing: border-box;}*/
/*.site_header .w {max-width: 1128px; margin: auto;}*/
/*.site_header ul.nc {float: right; font-size: 17px; margin: 23px 0 0 0; position: absolute; z-index: 1;}*/
/*.site_header ul.nc li {float: right; margin: 0 0 0 46px;}*/
/*.site_header ul.nc li.login a {border: 1px solid #00BDB9; box-sizing: border-box; padding: 5px;}*/
/*.site_header ul.nc a {color: #000;}*/
/*.site_header ul.nc li:hover a {color: #0faca9;}*/
/*.site_header .lg {float: left; margin: 16px 0 0 0;}*/
/*.site_header .lg img {width: 140px;}*/

/** site_footer **/
.site_footer {margin-top: 20px; widht: 100%; height: 270px;  background: #1b1b1b; box-sizing: border-box; overflow: hidden;}
.site_footer .w {padding-top: 45px; max-width: 1128px; margin: auto; color: #8691b9; font-size: 16px; direction: ltr;}
.site_footer .w li {margin-bottom: 20px;}
.site_footer .w a {color: #8691b9;}
body.portal .site_footer {margin-top: 0;}

/** dates **/
.posted_by a,
.posted_by span{float: right; margin-right: 5px; font-size: 10px;}
.posted_by a {line-height: 10px;}
.posted_by span {color: #999;}	

/** helper_date **/
.helper_date {font-size: 11px; font-style: italic;}


/** slider **/
.ui-slider {height: 6px; background : #E1E1E1;}
.ui-slider .ui-widget-header {background: #02acf6;}
.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-hover {background: #02acf6; border: 1px solid #75706C; border-radius: 15px; top: -6px; cursor: pointer;}


/** dialog **/
.ui-widget {font-family: arial,sans-serif; font-size: inherit;}
.ui-widget-overlay {opacity: 0.6; background: #000;}

.ui-dialog-fixed {max-width: 95%; max-height: 95%; overflow:visible; position: fixed;}
.ui-dialog-absolute {position: absolute; max-height: inherit; max-width: inherit;}
.ui-dialog {border-radius: 8px; padding: 0;}
.ui-widget.ui-widget-content {border: none;}
.ui-widget-content a {color: #3366CC;}
.ui-dialog .ui-state-hover, .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:none;}
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-widget-header .ui-icon {width: 15px; height: 15px; background: url(/css/icons/dlg_close.png) no-repeat 0 0; font-weight:bold; color:#000; border:none; padding: 0px; margin: 0px; top:10px; right:10px;}
.ui-dialog .ui-icon.ui-icon-closethick {width: 17px; height: 17px; background: none; }
.ui-dialog .ui-dialog-titlebar {text-align: center;  font-size: 12px; padding: 18px 30px 18px 25px;}
.ui-dialog .ui-dialog-title {}
.ui-dialog .ui-dialog-content {padding: 35px;}

.ui-dialog .ui-widget-header {border: none; border-radius: 8px 8px 0 0; background: #00BFBA;}
.ui-dialog .ui-dialog-title {width: auto; font-size: 18px; color: #fff; font-weight: normal; float: right; margin:0;}
.ui-dialog .module_load .content {border: none;}
.ui-dialog .module_load .content form {min-width: 280px;}

.ui-dialog #module_module_delete .content form{text-align: center; width: 100%;}

/* pop_model */

.pop_model {position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 100; background: rgba(0,0,0,.7); opacity: inherit; overflow: auto;}
/*.pop_model .close {width: 34px; height:34px; font-size: 24px; color:#000; text-align: center; background: #fff; border-radius: 50%; position: absolute; left: 30px; top: 30px; cursor: pointer; z-index: 200;}*/
.pop_model .close_wrap { position: relative; margin: auto; max-width: 1000px;}
.pop_model .close_wrap .close {width: 34px; height:34px; font-size: 24px; color:#000; text-align: center; background: #fff; border-radius: 50%; position: absolute;  top: 30px; left: -40px; cursor: pointer; z-index: 200;}
.pop_model .close:hover {color: red;}
.pop_model .contentModel {border-radius: 5px; padding: 15px; margin: 50px auto; display: flex; background: #fff; min-height: 100px; max-width: 1000px;}

/* popModel custom */
.pop_model form {width: 100%; position: relative;}
.pop_model form.candidate2position_form {width: 100%; position: relative;}

.pop_model.small .close_wrap {width:350px;}
.pop_model.small .contentModel{width: 350px;}

.pop_model.medium .close_wrap {width:500px;}
.pop_model.medium .contentModel{width: 500px;}

.pop_model.cvideo .close_wrap {width:650px;}
.pop_model.cvideo .contentModel{width: 650px;}

.pop_model.moduletip_balance .close_wrap,
.pop_model.moduletip_balance .contentModel{width: 250px;}

.pop_model.moduletip_after_create_candidate .close_wrap,
.pop_model.moduletip_after_create_candidate .contentModel{width: 300px;}


.pop_model.candidate_review_edit .close_wrap,
.pop_model.candidate_send_approval .close_wrap,
.pop_model.chooseDates .close_wrap,
.pop_model.candidate_review_edit .contentModel,
.pop_model.candidate_send_approval .contentModel,
.pop_model.chooseDates .contentModel {width: 350px;}

.pop_model.login .close_wrap,
.pop_model.login .contentModel {width: 370px;}
.pop_model.login .contentModel form {padding: 0;}

.pop_model.interview .close_wrap,
.pop_model.agent_send_message .close_wrap,
.pop_model.delete_agent .close_wrap,
.pop_model.delete_client .close_wrap,
.pop_model.invite_agent .close_wrap,
.pop_model.cehckcnd .close_wrap,
.pop_model.contact_us .close_wrap,
.pop_model.saved_search .close_wrap,
.pop_model.interview .contentModel,
.pop_model.agent_send_message .contentModel,
.pop_model.delete_agent .contentModel,
.pop_model.delete_client .contentModel,
.pop_model.invite_agent .contentModel,
.pop_model.cehckcnd .contentModel,
.pop_model.contact_us .contentModel,
.pop_model.saved_search .contentModel{width: 400px;}

.pop_model.agent_approval .close_wrap,
.pop_model.agent_approval .contentModel{width: 450px;}

.pop_model.send_emails .close_wrap,
.pop_model.send_emails .contentModel{width: 500px;}

.pop_model.cvpreview .content{height: 600px;}

.pop_model.admin_activity_results .close_wrap,
.pop_model.admin_activity_results .contentModel{width: 700px;}

.pop_model.outer_emails .close_wrap,
.pop_model.outer_emails .contentModel{width: 750px;}

.pop_model.update_candidate .close_wrap,
.pop_model.update_candidate .contentModel{width: 800px;}


/* navigation */
.navigation .horizontal {float: right;}
.navigation .horizontal li {float: right; width: 50px; text-align: center; padding: 5px; width: auto;}
.navigation .horizontal li span {float: right;}
.navigation .horizontal li i {float: right; padding: 7px 5px;}
.navigation .horizontal li span {}
.navigation .horizontal li.nohover:hover a,
.navigation .horizontal li.nohover.selected a {font-weight: inherit; text-decoration: inherit; color: inherit;}
.navigation .horizontal li:hover a,
.navigation .horizontal li.selected a{color: #4203F0;}

.navigation .vertical {float: right; width: 100%;}
.navigation .vertical li {float: right; clear: both; width: 100%; border-bottom: 1px solid #dfdfdf; overflow: hidden;}
.navigation .vertical li.last {border: none;}
.navigation .vertical li a {float: right;}
.navigation .vertical li a i {float: right; padding: 7px 5px;}
.navigation .vertical li a span {float: right; padding: 7px 5px; display: block;}
.navigation .vertical li:hover {background: #f1f1f1; border-radius: 5px;}
.navigation .vertical li:hover a,
.navigation .vertical li.nohover:hover a,
.navigation .vertical li.nohover.selected a {}
.navigation .vertical li.selected a{width: 100%; float: right; color: #333; text-decoration: none;}
.navigation .vertical li.selected a {font-weight: bold; }

/** button_normal**/
.button_normal {display: inline-block;}
.button_normal a {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px 15px; color: #02acf6; font-size: 15px; cursor: pointer;}


/******simple table******/
table.simple_table {width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #f3f3f3;}
table.simple_table td,
table.simple_table th {border-bottom: 1px solid #f3f3f3; background: #fff; font-size: 14px; vertical-align: middle; text-align: right;}
table.simple_table tr:last-child td{border: none;}
table.simple_table th {background: #f3f3f3;}
table.simple_table th,
table.simple_table td { padding: 7px 15px 7px 0;}
table.simple_table td {  padding: 7px 15px 7px 0;}
table.simple_table td img,
table.simple_table th img {vertical-align: middle;}

/** main_table **/
table.main_table {border-collapse: collapse; box-sizing: border-box; table-layout: fixed;}
.main_table th,
.main_table td {padding: 9px 0px; font-weight: normal; text-align: right; box-sizing: border-box;}
.main_table th {font-size: 12px; color: #888888;}
.main_table td {/* vertical-align: top; */ font-size: 13px;}
.main_table {width: 100%;}

/** custom dialogs **/
.dialog_choose_candidate #appDialog {overflow: visible;}

.dialog_iframe_preivew_file,
.dialog_iframe_preivew_file .content {min-width: 1120px; height: 600px;}
.dialog_iframe_preivew_file #appDialog {padding: 0;}
/** module_activate **/
.module_activate .content {min-height: 500px; text-align: center;}
.module_activate .module_headline {font-size: 40px;}
.module_activate .notice {margin-top: 30px;text-align: center; font-size: 30px;}
.module_activate .msg_notice p {text-align: center; margin: 20px; font-style:italic;}
.module_activate a {margin-top: 50px;  font-size: 25px; text-align: center; display: block;}

/** from_to_dates_form **/
.from_to_dates_form { position: relative;}
.from_to_dates_form .dclick {opacity: 0.9; display: block; background: #eee; padding: 10px; border: 1px solid #ccc;}
.from_to_dates_form .dclick:hover {opacity: 1;}
.from_to_dates_form .dclick i {margin: 0 0 0 10px;}
.from_to_dates_form .f {z-index: 1; display: none; width: auto; max-width: 520px; position: absolute; right: 0; top: 50px; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #ccc;}
.from_to_dates_form .f form {width: 500px;}
.from_to_dates_form .f form .from_datepicker_wrap {width: 30%; float: right; clear: none;}
.from_to_dates_form .f form .to_datepicker_wrap {width: 30%; float: right; clear: none; margin: 0 20px 0 0;}
.from_to_dates_form .f form .submit_wrap {width: 30%; float: right; clear: none; margin: 26px 20px 0 0;}
.from_to_dates_form .f form .submit_wrap input {padding: 6px 16px;}

/** display_positions_list **/
.display_positions_list tr.thead {border-bottom: 1px solid #ddd;}
.display_positions_list tr.thead th.cnd {width: 155px;}
.display_positions_list tr.thead th.loc  {width: 140px;}
.display_positions_list tr.posmindata {border-bottom: 1px solid #ddd;  height: 60px;}
.display_positions_list tr.posmindata {cursor: pointer;}
.display_positions_list tr.posmindata.e {background: #FCFCFC;} 
.display_positions_list tr.posmindata.selected,
.display_positions_list tr.posmindata:hover {background: #bEEeEe;}
.display_positions_list tr.posdataholder {display: none;}
.display_positions_list tr.posdataholder td {padding: 0;}
.display_positions_list tr.thead .pid {width: 65px;}
.display_positions_list tr.thead .edit {width: 45px;}
.display_positions_list tr.thead .star {width: 35px;}
.display_positions_list tr.thead .pname {width: 222px;}
.display_positions_list tr.thead .add_cnd {width: 95px;}
.display_positions_list tr.posmindata .pid {font-size: 11px; padding-right: 2px;}
.display_positions_list tr.posmindata .cnd {}
.display_positions_list tr.posmindata .cnd .cs {float: right;}
.display_positions_list tr.posmindata .cnd .cs .m_c,
.display_positions_list tr.posmindata .cnd .cs .t_r {float: right; clear: right;}
.display_positions_list tr.posmindata .cnd .cs .t_r {font-size: 10.3px; margin-top: 2px;}
.display_positions_list tr.posmindata .cnd .ass_status {float: right; font-size: 10px; margin: 1px 5px 0 0;}
.display_positions_list tr.posmindata .cnd .ass_status span {float: right; clear: both;}
.display_positions_list tr.posmindata .cnd .ass_status span.pas_0 {font-weight: bold; color: #12a83e;}
.display_positions_list tr.posmindata .cnd .ass_status span.pas_13 {font-weight: bold; color: #db3c3c;}
.display_positions_list tr.posmindata .cnd .ass_status span.pas_12 {font-weight: bold; color: #fb9908;}
.display_positions_list tr.posmindata .cnd .ass_status span.pas_15 {font-weight: bold; color: #054dfc;}


.display_positions_list tr.trow .edit {padding-right: 5px;}
.display_positions_list tr.trow .edit a {box-sizing: border-box; color: #00BFBA; font-size: 14px; border: 1px solid #00BFBA; padding: 3px 5px; border-radius: 5px; opacity: 0.8;}
.display_positions_list tr.trow .edit a:hover {opacity: 1;}
.display_positions_list tr.trow .star {color: #00BFBA; font-size: 15px; padding: 0 5px 0 0;}
.display_positions_list .button_normal.add_cnd {width: 90px;}
.display_positions_list .button_normal.add_cnd a{padding: 5px 3px; font-size: 13px;}
.display_positions_list .button_normal.add_cnd.status_2 {opacity: 0.4;}

.display_positions_list .add_cnd_notice {display: none;}
.display_positions_list .add_notice_status_2 {display: block; color: #E0D23D; font-size: 12.5; text-align: center;}


/** display_position_details **/
.display_position_details {box-sizing: border-box; padding: 5px;}
.display_position_details h3 {float: right; font-weight: bold; font-size: 20px; margin-bottom: 10px;}
.display_position_details .pid {font-size: 11px; float: right; clear: both;}
.display_position_details .date {font-size: 11px; float: right; clear: both; margin-top: 5px;}
.display_position_details .det {width: 100%;  float: right; clear: both;}
.display_position_details .det ul {float: right; width: 50%; padding: 12px 0 0 0; box-sizing: border-box;}
.display_position_details .det li {margin-bottom: 8px; float: right; width: 100%;}
.display_position_details .det .k {width: 25%; float: right; font-weight: bold;}
.display_position_details .det .v {width: 75%; float: right; display: table-cell;}
.display_position_details .story {float: right; width: 100%; clear: both;}
.display_position_details .story h4 {width: 100%; float: right; font-size: 15px; width: 100%; margin-top: 15px; color: #1d9595;}
.display_position_details .story h4 span {float: right;}
.display_position_details .story h4 .cp {float: right; margin-right: 5px;}
.display_position_details .story p {float:right; clear: both; margin-top: 8px; width: 100%; }
.display_position_details .story ul.questions {margin-top: 8px; float: right; clear: both;}
.display_position_details .story ul.questions li {margin: 2px 0; float: right; clear: both;}
.display_position_details .extra {float: right; width: 100%; clear: both;  margin-top: 10px;}
.display_position_details .extra .k {width: 100%; float: right; clear: both;}
.display_position_details .extra .v {width: 90%; float: right; clear: both; margin-top: 10px;}
.display_position_details .dpholder {overflow: hidden; position: relative;}
.display_position_details .dpholder .gradient {display: block; height: 25px; width: 100%; position: absolute; bottom: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), #f8f8f8);}
.display_position_details .resize {float: right; clear: both; color: #02acf6; font-weight: bold; font-size: 12px; margin-top: 15px;}
.display_position_details.mini .resize.minimize {display: none;}
.display_position_details.expanded .resize.expand {display: none;}
.display_position_details.expanded .gradient {display: none;}
.display_position_details .cp_board_input {width: 0; height: 0; display: none;}

/** display_candidtes2position **/
.display_candidtes2position h3 {text-align: center; font-size: 17px; font-weight: bold; margin-bottom: 10px; color: #1d9595;}
.display_candidtes2position form.relevant {float: none; width: 217px; margin: auto;}

/** display_candidte2position **/
.display_candidte2position h5 {width: 100%; float: right; font-weight: bold; margin-bottom: 5px;}
.display_candidte2position h5 span {float: right;}
.display_candidte2position h5 .cp {float: right; margin-right: 5px;}
.display_candidte2position h5 .edit {float: right; margin-right: 5px;}
.display_candidte2position .c2pw {background: #f0f0f0; border-radius: 5px; border: 1px solid #ddd; margin-bottom: 7px; float: right; width: 100%; clear: both; box-sizing: border-box; padding: 10px 5px;}
.display_candidte2position .c2pw:hover {box-shadow: 0px 5px 10px #ccc;}
.display_candidte2position .det {width: 100%;  float: right; clear: both;}
.display_candidte2position .sa {float: right; width: 40%;}
.display_candidte2position .sb {float: right; width: 60%; box-sizing: border-box; overflow: hidden; position: relative; }
.display_candidte2position .sb .candidate2position_history_async {float: right; clear: both; border-right: 1px solid #ddd; padding-right: 10px;}
.display_candidte2position .sb .candidate2position_history ul {max-height: none;}
.display_candidte2position .sb .gradient {display: block; height: 50px; width: 100%; position: absolute; bottom: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), #f0f0f0);}
.display_candidte2position .sb.expanded .gradient {display: none;}

.display_candidte2position .det ul {float: right; width: 100%; box-sizing: border-box; font-size: 12px;}
.display_candidte2position .det li {margin-bottom: 5px; float: right; width: 100%;}
.display_candidte2position .det .k {width: 20%; float: right; font-weight: bold;}
.display_candidte2position .det .v {width: 80%; float: right; display: table-cell;}
.display_candidte2position .det .helper_date {font-size: 10px;}
.display_candidte2position .ext {float: right; width: 50%; box-sizing: border-box; padding: 5px;}

.display_candidte2position .pas_0 {font-weight: bold; color: #12a83e;}
.display_candidte2position .pas_13 {font-weight: bold; color: #db3c3c;}
.display_candidte2position .pas_12 {font-weight: bold; color: #fb9908;}
.display_candidte2position .pas_15 {font-weight: bold; color: #054dfc;}
.display_candidte2position .cp_board_input {width: 0; height: 0; display: none;}
.display_candidte2position .send a.se {font-size: 15px;  float: right;}
.display_candidte2position .send div.moduletip {font-size: 15px; float: right; margin-right: 5px;}
.display_candidte2position .send div.moduletip i.error {color: #db3c3c;}
.display_candidte2position .cv_preview_file {margin-right: 8px;}
.display_candidte2position .interview_edit {margin-right: 10px;}

.display_candidte2position .agent_approval {border: 2px solid #000; padding: 5px; width: 90%; background: #fff; font-size: 14px;}

/** display_candidates_list **/
.display_candidates_list tr.thead {border-bottom: 1px solid #ddd;}
.display_candidates_list tr.thead th.cnd {width: 155px;}
.display_candidates_list tr.thead th.loc  {width: 140px;}
.display_candidates_list tr.cndmindata {border-bottom: 1px solid #ddd;  height: 60px;}
.display_candidates_list tr.cndmindata {cursor: pointer;}
.display_candidates_list tr.cndmindata.e {background: #FCFCFC;} 
.display_candidates_list tr.cndmindata.selected,
.display_candidates_list tr.cndmindata:hover {background: #d9d9d9;}
.display_candidates_list tr.cndmindata .pos {}
.display_candidates_list tr.cndmindata .pos b {float: right;}
.display_candidates_list tr.cndmindata .pos .ass_status {float: right; font-size: 10px; margin: 1px 5px 0 0;}
.display_candidates_list tr.cndmindata .pos .ass_status span {float: right; clear: both;}
.display_candidates_list tr.cndmindata .pos .ass_status span.pas_0 {font-weight: bold; color: #12a83e;}
.display_candidates_list tr.cndmindata .pos .ass_status span.pas_13 {font-weight: bold; color: #db3c3c;}
.display_candidates_list tr.cndmindata .pos .ass_status span.pas_12 {font-weight: bold; color: #fb9908;}
.display_candidates_list tr.cndmindata .pos .ass_status span.pas_15 {font-weight: bold; color: #054dfc;}
.display_candidates_list tr.cnddataholder {display: none;}
.display_candidates_list tr.cnddataholder td {padding: 0;}
.display_candidates_list tr.cnddataholder td .module_wrapper > .content{width: 100%; display: inline-block; overflow: visible; padding: 5px; box-sizing: border-box; border: 1px solid #f9f9f9; border-top: none; background: #f8f8f8; box-shadow: 0px 5px 10px #aaa;}
.display_candidates_list tr.thead .pid {width: 65px;}
.display_candidates_list tr.thead .edit {width: 72px;}
.display_candidates_list tr.thead .date {width: 100px;}
.display_candidates_list tr.thead .cname {width: 160px;}
.display_candidates_list tr.thead .file {width: 60px;}
.display_candidates_list tr.thead .mobile {width: 100px;}
.display_candidates_list tr.trow .edit {padding-right: 5px;}
.display_candidates_list tr.trow .edit a {box-sizing: border-box; color: #00BFBA; margin-left: 5px; font-size: 14px; border: 1px solid #00BFBA; padding: 3px 5px; border-radius: 5px; opacity: 0.8;}
.display_candidates_list tr.trow .edit a:hover {opacity: 1;}
.display_candidates_list tr.trow .cv_preview_file {margin-right: 8px;}

/** candidate2position_history **/
.candidate2position_history h4 {}
.candidate2position_history {width: 100%;}
.candidate2position_history ul {width: 100%; max-height: 150px; overflow-y: scroll; margin-top: 5px;  background: #ebeef0; padding: 10px 5px;}
.candidate2position_history li {width: 100%; float: right; clear: both; margin-bottom: 10px; font-size: 13px;}
.candidate2position_history li .ws {width: 100%;}
.candidate2position_history .sidea {width: 100%; max-width: 15%; float: right; z-index: 1; width: 35px; height: 35px; overflow: hidden; display: block; border: 2px solid #7EE7E8; box-sizing: border-box; padding: 2px; border-radius: 3px;}
.candidate2position_history .sidea .iw {margin: auto; width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 3px;}
.candidate2position_history .sidea .iw img {float: right; display: block; width: 100%; margin: auto;}

.candidate2position_history .sideb {max-width: 85%; width: 100%; float: right; padding: 0 10px 5px 0; border-bottom: 1px solid #eee;}
.candidate2position_history .sideb .sec {width: 100%; float: right; clear: both; margin-bottom: 3px;}
.candidate2position_history .sideb .a b {float: right; margin-left: 8px;}
.candidate2position_history .sideb .a .helper_date {font-size: 10px; float: right;}
.candidate2position_history .sideb .b {font-size: 12px;}
.candidate2position_history .sideb .b .meta {float: right; clear: both; margin-top: 1px; color: #777;}
.candidate2position_history .sideb .b .meta:first-child {margin: 0;}
.candidate2position_history .sideb .b .h {text-decoration: underline; width: 100%; float: right; font-weight: bold; margin: 2px 0;}
.candidate2position_history .sideb .b .questions {margin-top: 5px;}
.candidate2position_history .sideb .b .questions .wqs {display: none; border: 1px solid #bbb; border-radius: 5px; padding: 5px; float: right; clear: both;}
.candidate2position_history .sideb .b .questions .wqs div {float: right; clear: both; margin-bottom: 2px; }
.candidate2position_history .sideb .b .questions .wqs div b {color: #19797d;}

.candidate2position_history .sideb .c {background: #fff; padding: 3px; border: 1px solid #ddd; border-radius: 3px;}
.candidate2position_history .sideb .c b {float: right; clear: both;}
.candidate2position_history .sideb .c span {float: right; clear: both;}
.candidate2position_history .min .full {display: none;}
.candidate2position_history .full .min {display: none;}

/** candidate2position_history_async **/
.candidate2position_history_async {width: 100%;}
.candidate2position_history_async.ajaxon2 {min-height: 50px; height: 100%;}


/** messages_template **/
ul.messages_template {width: 100%; display: flex; flex-direction: column;}
ul.messages_template > li {padding: 10px; margin-bottom: 10px; border: 1px solid #555; border-radius: 3px; background: #efefef;}
ul.messages_template > li div.a {display: flex;}
ul.messages_template > li div.b {padding: 10px 0 0 0;}

/** legend_squares **/
.legend_squares { clear: both; display: flex; gap: 10px; list-style: none; padding: 0; margin: 0; }
.legend_squares li { display: flex; align-items: center; }
.legend_squares li span { width: 15px; height: 15px; display: inline-block; margin-right: 5px; background-color: var(--color, grey); }

/** tooltip-container **/
.tooltip-container {position: relative; display: inline-block; border-bottom: 1px dotted black; }
.tooltip-container .tooltip-text {visibility: hidden; width: 160px; background-color: black; color: #fff;  border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -80px; opacity: 0; transition: opacity 0.3s; }
.tooltip-container .tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.tooltip-container:hover .tooltip-text {visibility: visible; opacity: 1; }