/* Banner */
.logo-vs-main-menu.container{padding-top: 10px;}
#layout_header_wrapper .banner {
  /* min-height: 550px; */
  max-height: 550px;
  background-color: #222222;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  #layout_header_wrapper .banner .container {
    position: relative;
    width: 100%;
    padding: 0; }

.modal-content .form_contact.itable {
  width: 100%; }
  .modal-content .form_contact.itable thead {
    border: 1px solid #ddd;
    background-color: #ddd; }
    .modal-content .form_contact.itable thead tr th {
      text-align: center; }
  .modal-content .form_contact.itable tbody tr td {
    padding: 5px; }
    .modal-content .form_contact.itable tbody tr td:nth-of-type(4), .modal-content .form_contact.itable tbody tr td:nth-of-type(5) {
      text-align: right;
      padding: 5px 0px 5px 5px; }
  .modal-content .form_contact.itable tfoot tr td {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: #623333; }
.modal-content .form_contact.zend_form {
  margin-bottom: 15px;
  overflow: auto; }
  .modal-content .form_contact.zend_form dt {
    width: 35%;
    float: left;
    clear: both; }
    .modal-content .form_contact.zend_form dt span.require {
      color: red; }
  .modal-content .form_contact.zend_form dd {
    width: 65%;
    float: left;
    padding: 0 0 15px 0; }

/*# sourceMappingURL=style.css.map */
.required{color: red}
.txt-right{text-align: right}
.txt-left{text-align: left}
.txt-center{text-align: center;}
.cst-btn-green{
	color:#349E1B
}
.cst-btn-red{
	color:#C55015
}
.cst-icon-size{
	font-size: 16px
}
.cst-table thead{
	background: #3799e4 none repeat scroll 0 0;
    color: white;
}
.cst-table thead tr th{
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	font-size: 12px
}
.table-bordered.table.cst-table thead tr > th{border-top: 1px solid #3799e4;border-bottom: 0 none}
.cst-table tr > th:last-child {
    border-right: 1px solid #3799e4;
}
.cst-table tr > th:first-child{border-left: 1px solid #3799e4;}
.cst-table:not(.only-hover) tbody tr:nth-child(2n) {
    background-color: rgba(245, 245, 245, 0.66);
}
.cst-table tbody > tr > td, .cst-table tfoot > tr > td{
	padding: 5px
}
.cst-form-control{
	line-height: 18px; height: 100%
}
.clearfix {
    clear: both;
}
.clearfix.clear-line{
	padding-top: 10px;	
}
.numeric:not(.txt-left){
	text-align: right
}
.row .label-wdt-auto{
	width: auto; line-height: 34px
}
.ionic-select select:hover{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ionic-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color:transparent;
    border: medium none;
    bottom: 0;
    color: #333;
    cursor: pointer;
    direction: ltr;
    font-size: 14px;
    width: 99%;
    padding: 6px 25px 6px 10px;
    position: absolute;
    right: 0;
    text-indent: 0.01px;
    text-overflow: "";
    top: 0;
    white-space: nowrap;
}
.ionic-select{
	padding: 0px;width: 100%
}
.ionic-select:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #999;
    content: "";
    pointer-events: none;
}
.loading-modal{
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
	text-align: center;
	vertical-align: middle;
}
.loading-modal .loading-mask{
	background-color: #dedede;
	opacity: 0.4;
	width: 100%; height: 100%;position: absolute;
}
.loading-modal .loading-icon{ position: absolute;top: 40% }
.cst-radio-wapper input[type=radio]{ margin-right: 5px; }
.cst-radio-wapper label{ margin-right: 10px }
.cst-radio-wapper br{ display: none }
.cst-list-group.disabled , .table.disabled{ pointer-events: none }
.not-allow{ pointer-events: none; }
form .not-allow input{ border: 0 none; box-shadow: none; background-color: transparent;}
form .not-allow .txt-example{ display: none }
.input-loading{ cursor: progress; }
.highlight{background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    padding: 9px 14px;
}
/** ------------ salary input --------------- **/
.salary-container{
	background-color: white;
    border: 1px solid #ddd;
    position: absolute;
    width: calc( 100% - 30px );
    z-index: 10;max-height: 200px;
	overflow: auto;
	top: calc( 100% - 1px );
}
.salary-item{
	width: 100%; text-align: left;border-radius: unset;
	padding: 6px 12px;
}
.salary-item a{
	text-decoration: none; width: 100%;color: black;
	outline: 0 none; display: block;
}
.salary-item.active a{color: white}
.salary-item.active{background-color: #00b9f2; color: white}
.salary-container.up{
	top: -200px
}
.addon-salary:hover{ background-position: -39px -18px;}
.addon-salary{
	background: rgba(0, 0, 0, 0) url("/skins/default/frontend/js/select2/select-button.png") no-repeat scroll -39px 0px;
    display: block;
    font-size: 1px;
    height: 18px;
    position: absolute;
    right: 3px;
    top: 24%;
    width: 18px;
	z-index: 2
}
.btn-feedback{
	position: fixed;
    right: 5px;bottom: 0;z-index: 2;padding: 10px
}
#btn-hidden-feedback{
    position: absolute;
    right: -5px;top: -5px;
}
#modal-feedback button.close{margin-bottom: 0}
#modal-feedback .form-control,#modal-feedback .btn, #modal-feedback .modal-content{
	border-radius: 0
}
#modal-feedback .form-control:not(select){border-radius: 0;
border-width: 0 0 1px 0;
box-shadow: unset;}
#modal-feedback .has-feedback .form-control-feedback{top: 14px}
#modal-feedback .modal-content{position:relative;}
.feedback-loading, .feedback-msg-success {
    position: absolute;
    top: 0;right: 0;
    bottom: 0;left: 0;
    text-align: center;
    background: rgba(200, 200, 200, 0.58);
    z-index: 1;
}
.feedback-loading .icon-loading{position: relative;top: 45%}
.icon-check-loading{left: calc(100% - 25px);position: absolute;top: 40%;}
.tooltip-warning.tooltip .tooltip-inner{ background-color: #f7941d;opacity:1;border-radius:0 }
.tooltip-warning.tooltip .tooltip-arrow{border-top-color: #f7941d;}

.tooltip-success.tooltip .tooltip-inner{ background-color: #5cb85c;opacity:1;border-radius:0 }
.tooltip-success.tooltip .tooltip-arrow{border-top-color: #5cb85c;}
.footer-items{width: 380px;margin: auto;font-size: 80%}
.footer-items li{
	float: left;white-space: nowrap;
}
.footer-items li a{color:#333}
.footer-items li:not(:last-child){
	padding-right:10px;border-right: 1px solid #b4b2b2;
}
.footer-items li:not(:first-child){
	padding-left:10px;
}
.employer-btn{text-decoration: underline;color:#333}
.clearfix.clear-border {
    border-top: 1px solid #ddd;
}
.mask-content-blur{
    color: transparent !important;
    text-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-text-shadow: 0 0 10px rgba(0,0,0,0.6);
    -khtml-text-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-text-shadow: 0 0 10px rgba(0,0,0,0.6);
}
/*********************** Mobile ******************************/
@media(min-device-width: 768px ){
	#search-btn{outline: 0 none}
}
@media(max-device-width: 767px ){
	.addon-salary{width: 20px; height: 20px;z-index: 4}
	input[type="radio"], input[type="checkbox"]{
		min-height: 20px; min-width: 20px
	}
	body{ font-size: 16px;overflow-x: hidden;width: 100vw;}
	.form-control{font-size: 100%}	
}