/*-------------------------------------Base-----------------------------------------------*/

*       { padding:0px; margin:0px; outline:none !important; box-sizing: border-box;}
a       { text-decoration:none !important; padding:0px; margin:0px; outline:none; color: #354052;}
a:hover { text-decoration:none;}
ul,li   { padding:0px; margin:0px; list-style:none; text-decoration:none;}
img     { padding:0px; margin:0px; border:none; float:left;}
p,strong,span,div,label,input,select,textarea   { padding:0px; margin:0px; font-weight:normal;}
h1,h2,h3,h4,h5,h6   { padding:0px; margin:0px; font-weight:normal;}

/*-------------------------------------Base-----------------------------------------------*/

html { height: 100%; font-family: 'Open Sans', sans-serif !important;}
body { width: 100%; height: 100%; background: #ffffff; color: #354052; font-family: 'Open Sans', sans-serif !important;}
body.ovr-hide   { overflow: hidden;}

@font-face {
    font-family: 'GopikaEnglish';
    src: url('../fonts/GOPENGFONT.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------Header--------------------------------------------*/

.header   { width: 100%; float: left; padding-right: 20px; height: 60px; line-height: 60px; background: #eff3f6; border-bottom: 1px solid #e3e6ea; position: fixed; top: 0px; z-index: 9;}
.header .logo   { min-width: 190px; float: left; background: #000; padding-left: 10px; display: table; height: 100%;}
.header .logo a   { display: table-cell; vertical-align: middle; }
.header .head-breadcrumb  { width: calc(100% - 190px); float: left; padding-left: 30px;}
.header .head-breadcrumb ul   { margin: 0px; padding: 0px;}
.header .head-breadcrumb ul li  { float: left;}
.header .head-breadcrumb ul li a { color: #0090d9; font-size: 14px; font-weight: 400;}

.header .adv-header   { width: calc(100% - 190px); float: left; padding: 13px 0 13px 10px; line-height: normal;}
.header .adv-header .creat-page   { width: auto; float: left; padding-top: 0px;}
.adv-header .creat-page span a  { color: #0090d9; font-weight: 700; font-size: 14px; text-transform: uppercase;}

.adv-header .current-select   { width: auto; float: left; padding-top: 8px; border-right: 1px solid #7a7f8c; padding-right: 10px;}
.current-select.form-radio .radio label::before { top: -4px;}
.current-select.form-radio .radio label::after  { top: 0px; }

.adv-header .select-height-col  { width: auto; float: left; border-right: 1px solid #7a7f8c; padding-right: 10px;}
.select-height-col .select-input-row  { width: auto; float: left; margin-left: 10px;}
.select-input-row label   { float: left; font-size: 12px; color: #7a7f8c; padding-top: 10px;}
.select-input-row input[type="text"] { width: 80px; height: 36px; line-height: 36px; border: 1px solid #e3e6ea; padding: 0 10px; color: #aaadb6; font-size: 16px; font-weight: 400; margin-left: 10px;}
.select-height-col .check-close   { width: auto; float: left; padding: 3px 0;}
.select-height-col .check-close a   { width: 30px; height: 30px; float: left; border-radius: 50%; line-height: 30px; text-align: center; color: #fff;  margin-left: 10px;}
.select-height-col .check-close a.check   { background: #0aa699;}
.select-height-col .check-close a.remove   { background: #f35958;}
.select-height-col .check-close a i   { font-size: 16px;}

.adv-header .remaining-space  { width: auto; float: left; margin-left: 10px; height: 34px; line-height: 34px; font-size: 14px; font-weight: 400;}
.adv-header .page-info  { width: auto; float: left; margin-left: 10px; height: 34px; line-height: 34px; font-size: 14px; font-weight: 400;}

/*-------------------------------------Content--------------------------------------------*/

.checkbox.checkbox-success.green input[type="checkbox"]:checked + label::before, .checkbox.checkbox-success.green input[type="radio"]:checked + label::before   { background-color: #0aa699; border-color: #0aa699;}

.classified-content   { width: 100%; float: left; padding: 35px 20px 20px 20px; margin-top: 50px;}
.classified-content .classified-left  { width: 100%; float: left;}
.classified-content .edition-print   { width: 100%; float: left; padding-bottom: 25px; border-bottom: 1px solid #e3e6ea;}
.classified-content .label-text label   { width: 100%; float: left; font-size: 14px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;}
.classified-content .label-text label s  { color: #ff4b4b; font-size: 14px; font-weight: 700; text-decoration: none;}
.f-select   { position: relative; }
.f-select:after   { content: ""; position: absolute; width: 7px; height: 7px; background: #f3f5f8; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 20px; top: 46px; -webkit-box-shadow: 1px 1px 0px #aaadb6; box-shadow: 1px 1px 0px #aaadb6;}
.f-select select.selec  { width: 100%; height: 50px; line-height: 50px; background: #f3f5f8; border: 1px solid #e3e6ea; border-radius: 0px; padding: 0 20px; font-size: 16px; color: #aaadb6; font-weight: normal; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.edition-print .form-group.mrg-top  { margin-top: 40px;}
.f-select .date input   { width: 100%; height: 50px; line-height: 50px; background: #f3f5f8; border: 1px solid #e3e6ea; border-radius: 0px; padding: 0 20px; font-size: 16px; color: #aaadb6; font-weight: normal; appearance: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none;}

.classified-content .separate   { width: 100%; float: left; padding-top: 40px;}
.classified-content .separate .form-check   { width: 100%; float: left; margin-bottom: 40px;}
.separate .form-check .form-check-label   { font-size: 14px; font-weight: 700; text-transform: uppercase;}

.classified-content .separate .form-radio   { width: 100%; float: left; margin-bottom: 40px;}
.separate .form-radio span   { width: auto; float: left; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.separate .form-radio span s  { color: #ff4b4b; font-size: 14px; font-weight: 700; text-decoration: none;}
.form-radio .radio  { float: left; margin-top: 0px; margin-left: 10px;}
.form-radio .radio label  { font-size: 14px; font-weight: 400; color: #7a7f8c; padding-left: 10px;}
.form-radio .radio label::before  { width: 22px; height: 22px; background: transparent;}
.form-radio .radio label::after   { width: 14px; height: 14px; left: 4px; top: 4px; background-color: #0aa699;}
.adv-header .create-newpage { float: right; }

.classified-content .page-cm   { width: 100%; float: left;}
.classified-content .apply-btn  { width: 100%; float: left; margin-top: 286px;}
.classified-content .apply-btn button.a-btn { width: 100%; float: left; background: #0aa699; height: 50px; line-height: 50px; border-radius: 4px; border: 1px solid #097c72; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase;}

.classified-content .group-equired  { width: 100%; float: left;}
.group-equired span.group-text  { width: 100%; float: left; font-size: 14px; color: #7a7f8c; font-weight: 400; text-transform: uppercase;}
.group-equired .job-recruitment-box   { width: 100%; float: left; background: #f3f5f8; border: 1px solid #e3e6ea; padding: 20px; margin-top: 10px; height: calc(100% - 30px);}
.job-recruitment-box .checkbox.checkbox-success.green   { width: 100%; margin: 0 0 20px 0;}
.job-recruitment-box .checkbox.checkbox-success.green .form-check-label   { font-size: 14px; font-weight: 700;}

.add-image  { width: 100%; float: left; background: #eff3f6; padding: 20px 60px; position: fixed; bottom: 0px; z-index: 9; left: 0;}
.add-image span.select-image-msg  { float: left; font-size: 12px; font-weight: 400;}
.add-image a.show-more i  { color: #354052; font-size: 16px;}

.add-image .add-new-image   { width: 100%; float: right;}
.add-image .add-new-image ul  { margin: 0px; padding: 0px; float: right;}
.add-image .add-new-image ul li   { float: left; margin-left: 40px;}
.add-image .add-new-image ul li a   { font-size: 12px; font-weight: 700; color: #354052; text-transform: uppercase;}

.add-image .added-images  { width: 100%; float: left; margin-top: 40px;}
.add-image .added-images ul   { float: left; }
.add-image .added-images ul li  { width: 120px; min-height: 120px; float: left; position: relative; margin-left: 15px; margin-right: 15px;}
.add-image .added-images ul li img  { width: 100%;}
.add-image .added-images ul li a  { position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; line-height: 24px; background: #f35958; border-radius: 50%; text-align: center; color: #fff; font-size: 16px; border: 3px solid #fff;}

.add-image .added-images ul li .set-image   { width: 100%; min-width: 220px; padding: 10px; background: #d2d6d9; float: left; margin-top: 18px; margin-left: -50px; position: relative;}
.add-image .added-images ul li .set-image:after, .add-image .added-images ul li .set-image:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; position: absolute;}
.add-image .added-images ul li .set-image:before { border-bottom-color: #d2d6d9; border-width: 6px; margin-left: -6px;}
.set-image .image-detail  { width: auto; float: left; text-align: center;}
.set-image .image-detail.height   { width: 100px; margin-right: 10px;}
.set-image .image-detail span   { width: 100%; float: left; font-size: 12px; text-transform: uppercase;}
.set-image .image-detail input[type="text"]   { width: 100%; float: left; background: #fff; border: none; height: 36px; line-height: 36px; text-align: center;}
.set-image .image-detail.column   { width: 80px; margin-right: 10px;}

@media ( min-width: 1024px) and ( max-width: 1199px) {
.header .adv-header { padding-left: 10px;}
.form-radio .radio  { margin-left: 10px; }
.select-input-row input[type="text"] { width: 60px; }
.adv-header .remaining-space { width: 120px; line-height: normal;}
}


.main-content   { margin-top: 60px; }
.main-content .adv-content  { }
.main-content .navbar   { position: fixed; top: auto; text-align: center; width: auto; float: right; right: 0px; min-height: auto;  background: #eff3f6;}
.main-content .navbar .navbar-nav   { float: none; display: inline-block; }
.main-content .navbar .navbar-nav li  { margin: 0 10px; background: #eff3f6;}
.main-content .navbar .navbar-nav li a {  padding: 5px 4px; }
.main-content .navbar .navbar-nav li a.active { color: #f00;}
.adv-content .content   { padding: 80px 0; }