@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
*, *::before, *::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	color: #3b3f50;
	text-align: left;
}


h1,h2,h3,h4,h5,h6,a,label,.social-btn span{
    color :#003C76;
}

a:hover{
color :#05AB9E
}

.navbar{
    padding: 0 1rem;
}
.navbar li.nav-item .nav-link{
    color:#003C76;
    margin: 0!important;
    padding: 8px 12px!important;
}
.navbar li.nav-item .nav-link:hover{
     color:#05AB9E;
}
#page{
    margin-bottom: 2em;
}
nav li .nav-link.nav-active{
    color: #007bff!important;
}
.account_form{
    padding: 5%;
    background: linear-gradient(to right, #003C76, #005b76d6);
     box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%), 0 9px 26px 0 rgb(0 0 0 / 19%);
}
.account_form h3,.account_form label,.account_form .social-btn span{
    color: #fff;
}
.account_form .btnSubmit{
    background-color: #05AB9E!important;
    border-color: #05AB9E!important;
}
.account_form hr{
    border-color: #fff!important;
}

.btnSubmit{
    width: 100%;
     background-color: #0044e3;
    border-color: #0044e3;
    color: #fff;
    border-radius:20px;
}
.home_search_box{
    max-width: 85%;
    margin: 0 auto;
    padding-top: 5rem;
}
.search{
    text-align: center;
    background: #003C76;
    padding: 8px 10px;
    color: #fff;
    border-radius: 20px;
    height: 40px;
    width: 40px;
}
.search:hover{
    cursor: pointer;
     background: #05AB9E;
}
.search i{
    font-size: 20px;
}
.advance_search i{
    margin-right: 5px;
}
.advance_search .btn-primary{
   border-radius: 20px;
}

.spacer{
    padding-top: 1rem;
}
.social-login button{
    width: 100%;
    border: .125rem solid #909090;
    border-radius: 20px;
    position: relative;
    margin: 10px 0;
}
.social-login button i,.social-icon{
    position: absolute;
    left: 10px;
    top: 6px;
    color: #000;
    max-width: 4%;
}
.facebook-btn i{
    color: #005cbf;
}
.account_form h3{
    margin-bottom: 1.24rem;
}
.navbar-brand-logo{
    position: absolute;
    right: 0;
    text-align: right;
}
.logo{
    max-width: 6%;
    border-radius: 50%;
    width: 100%;
}
.upload{
    position: relative;
  overflow: hidden;
   font-size: 14px;
    padding: .25rem 1rem;
    border-radius: 15px;
    top: 45%;
}
.upload input{
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
}
.upload i{
    margin-right: 5px;
}
.company_form .form-control{
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0
}
.no-padd{
    padding: 0!important;
}
.border-left{
    border-left: 1px solid #ced4da;
}
.company_form input{
    padding: 15px 30px; 
}
.btn-rounded{
    border-radius: 20px;
}

.btn{
    font-size: 16px;
}
li.nav-item .menu-item.nav-active{
    background:none;
    color: #05AB9E!important;
    font-weight: 700;
}

li.nav-item .menu-item.nav-active:hover , li.nav-item .menu-item:hover{
    background: #05AB9E;
    color: #fff!important;
    border-radius: .25rem;
}
.close,.trigger{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    background: #003C76;
    color:#fff;
    font-size: 18px;
    font-weight: 100;
    padding: 10px;
    cursor: pointer;
}
.trigger{
    z-index: 99;
    height: 100%;
}
.bg-col-lig{
    background-color: #f2f2f2;
}
.inner-serach-box{
    max-width: 85%;
    margin: 0 auto;
}
span.text-primary{
    font-size: 12px;
}
.revel{
    min-height: 120px;
}
.revel .revel_sec{
    line-height: 120px;
    text-transform: uppercase;
}
.candidate-data .content,.sidebar .content{
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}
.revel-content{
    padding: 60px 150px;
    border: 2px dashed #0062cc;
    border-radius: 20px;
    border-spacing: 20px;
}
.revel-content-inner p{
    border: 1px solid #ced4da;
    padding: 12px 20px;
}
.job_exp p,.bord-bott{
    border: 1px solid #ced4da;
    margin: 0;
    padding: 12px 20px;
    border-top: 0;
}
.job_exp p:first-of-type,.bord-bott:first-of-type,.border-top{
    border-top: 1px solid #ced4da;
}
.job_exp{
    margin-bottom: 1.5rem;
}
.lang{
    border-left: 1px solid #ced4da;
}
.candidate-data .content:first-of-type,.sidebar .content:first-of-type{
    background: #ced4da;
}
.keys-comp a{
    background: #003C76;
    color: #fff;
    padding: 7px 20px;
    border-radius: 20px;
    text-decoration: none;
    margin-left: 5px;
    float: left;
    margin-bottom: 15px;
}
.keys-comp a:hover{
    background: #05AB9E;
}
.candidate-data .content p:last-of-type{
    font-size: 12px;
    font-style: italic;
}
.list-group-item{
    border: none;
    padding: .25rem 0;
}
.custom-control-label::before,.custom-control-label::after{
    width: 1.25rem;
    height: 1.25rem;
}
.hide{
display: none;
opacity: 0;
transition: opacity 1s ease-out;
}
.angle-down{
    display: inline-block;
    width: 80%;
}
.angle-down i{
    font-size: 25px;
    font-weight: 900;
    cursor: pointer;
}

.advance-search-section .modal-header,.modal-header.modal-close{
    display: block!important;
    text-align: right;
}
#advanced-search-form .search{
    display: inline-flex;
    align-items: center;
}
.candidate-data .left-sec a{
    color: #000;
}
.cv .close{
    padding: 17px 10px;
}
.add_btn span,.add_lang span,.add_diploma span , .add-icon span {
    background: #00a698;
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}

.add_btn span:hover,.add_lang span:hover,.add_diploma span:hover ,.add-icon span:hover,.enter_task_cont span.add_task:hover{
    background: #00887d;
}

.enter_task_cont span.add_task{
   background: #00a698;
   color: #fff!important;
   opacity: 1!important;
   z-index: 9999;
}


.close.hide-btn1{
    background: none;
    color: #000;
    font-size: 16px;
    opacity: 1;
    z-index: 1;
}
.close.hide-btn1:hover{
    background: none;
}

img{
    width: 100%;
}
.applied{
    float: right;
}
.contact_sec img{
    max-width: 70%;
    display: inline-block;
    vertical-align: bottom;
}
.contact_sec .links{
    max-width: 30%;
    display: inline-block;
}
.contact_sec .links a{
    background: #003C76;
    margin-bottom: 1px;
    padding: 7px;
    display: block;
    color: #fff;    
}

.contact_sec .links a:hover{
    background:#05AB9E;
}

.applicaton_modal_sec .custom_modal{
    right: 0;
    max-width: 355px;
    bottom: 2px;
}
.applicaton_modal_sec img{
    border-radius: 50%;
    padding: 10px;
}
.applicaton_modal_sec .img_sec{
    max-width: 25%;
    display: inline-block;
}
.applicaton_modal_sec .con_sec{
    max-width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.app-link a{
    width: 49%;
    padding: 8px 0!important;
    margin-bottom: 1px;
    color: #fff!important;
}
.app-link.cancel{
    position: absolute;
    width: 100%;
    right: 0;
}
.cv .company_exp {
    margin-bottom: 1em;
}
/*********range slider******/
[slider] {
    position: relative;
    height: 14px;
    border-radius: 10px;
    text-align: left;
    margin: 45px 0 10px 0;
  }
  
  [slider] > div {
    position: absolute;
    left: 13px;
    right: 15px;
    height: 14px;
  }
  
  [slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 14px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
  }
  
  [slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 14px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
  }
  
  [slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 14px;
    border-radius: 14px;
    background-color: #003C76;
  }
  
  [slider] > div > [thumb] {
    position: absolute;
    top: -7px;
    z-index: 2;
    height: 28px;
    width: 28px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
  }
  
  [slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 3;
    height: 14px;
    top: -2px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  
  div[slider] > input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
  }
  
  div[slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
  }
  
  div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
  }
  
  div[slider] > input[type=range]:focus {
    outline: none;
  }
  
  div[slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }
  
  div[slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }
  
  div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
  }
  
  div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
  }
  
  div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
  }
  
  div[slider] > input[type=range]::-ms-tooltip {
    display: none;
  }
  
  [slider] > div > [sign] {
    opacity: 1;
    position: absolute;
    margin-left: -11px;
    top: -39px;
    z-index:3;
    background-color: #003C76;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  
  [slider] > div > [sign]:after {
    position: absolute;
    content: '';
    left: 0;
    border-radius: 16px;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: #003C76;
  }
  
  [slider] > div > [sign] > span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
  }
  
  [slider]:hover > div > [sign] {
    opacity: 1;
  }
  /******range slider ends**/

.share-print{
    font-size: 45px;
    cursor: pointer;
}
.custom_modal{
    position: absolute;
    right: 0;
    z-index: 99999999;
    background: #fff;
    display: none;
    text-align: left;
    min-width: 100px;
}
.custom_modal ul{
    padding: 0;
    margin: 0;
}
.custom_modal ul li{
    list-style: none;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 0;
}
.custom_modal a{
    display: inline-block;
    padding: 0 30px;
    color: #000;
    text-decoration: none;
}
.print.active .custom_modal{
    display: block
}

.job-info{
    padding: 0 120px;
    text-align: justify;
    margin: 2em 0;
}
.job-info .info-wrapper{
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 1em;
}
.job-info .info{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.job-info .job-content,.job-info .info,.job-info .keys-comp,.keys-comp{
    padding: 15px 35px;
    margin: 15px 0;
}
.job-info .job_exp{
    margin-bottom: 0;
}
.map-info{
    padding: 20px;
}
.keys-comp.bottom{
    padding: 15px 70px;
}
.bottom.keys-comp a{
    background: #003C76;
}
iframe{
    max-width: 100%;
}

#apply-form .form-group{
    position: relative;
    margin-bottom: 1px;
}
#apply-form .aswer-link{
    border: .25px solid #f2f2f2;
    padding: 0px 0px;
    position: absolute;
    right: 2px;
    top: 12px;
    background: #f2f2f2;
    border-radius: 10px;
}
.aswer-link a{
    padding: 2px 10px;
    color: #000;
}
.aswer-link a{
    color: #003C76;
    border-radius: 10px;
}
.aswer-link a:hover{
    background: #05AB9E;
    color: #fff;
    text-decoration: none;
}
#apply-form .form-control{
    padding: 15px 20px;
}
#apply-form .modal-footer button{
    background: #0056b3;
    padding: 5px 30px;
    border-radius: 20px;
    min-width: 150px;
    color: #fff;
}
#apply-form button i{
    transform: rotate(48deg);
}
.round_image{
    border-radius: 50%;
}
.image-upload i {
    font-size: 2em;
    color:#003C76;
    margin-top: -10px;
    max-width: 15%;
    text-align: right;
}
.image-upload input {
    cursor: pointer;
    opacity: 0;
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 15%;
}

.top-sec-form{
    max-width: 60%;
    margin: 0 auto;
    margin-top: 1em;
}
input{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.cv .form-control{
    border-radius: 0;
    padding: 14px 30px;
}
.cv .form-group{
    margin: 0;
}
.cv .form-control:disabled,.cv .form-control[readonly]{
    background: none;
}
.job-info h4{
  margin: 20px 0;
  clear: both;
}
.form-control{
    padding: 12px 30px;
    height: auto;
    /* border: 1px solid #003C76; */
}

.company-exp span.close{
    right: 15px;
    padding: 18px 10px;
}
.right{
float: right;
cursor: pointer;
}
.image-upload{
    position: relative;
}

.info-sec{
    max-width: 250px;
    left: auto;
    border: none;
    padding: 0 0px;
    top: 0px;
    right: -10px;
    background: none;
    margin: 0;
}
.info-sec a{
    width: 50%;
    display: inline-block;
    padding: 8px 20px!important;
}
.info-sec a:hover,.info-sec .acc .btn:hover{
    background: #05AB9E!important;
    color: #fff;
}
.info-sec .acc{
    border: 1px solid #f2f2f2;
    border-right: none;
    padding: 5px 10px;
    border-top: none;
    margin-top: 4px;
    background: #f2f2f2;
}
.info-sec .logo{
    max-width: 20%;
    margin-right:10px;
}

.accoun-nav.show .logo{
    visibility: hidden;
}
.accoun-nav .acc .logo{
    visibility: visible!important;
}
.btn-primary i{
    margin-right: 5px;
}
#company-form .form_inner{
    width: 85%;
    margin: 0 auto;
    background: #fff;
}
#company-form .modal-footer{
    border-top: none;
}
#company-form .modal-content{
    background-color: #f2f2f2;
}
.top-buttons a{
    border-radius: 20px;
}
.research-inner-content h4,.job-add h4{
    margin: 20px 0;
}

.research-inner-content .form-group{
    margin-bottom: 0;
}

/* .jobresearch-data .button-section{
    margin: 25px 0;
} */

.jobresearch-data .button-section a.btn-primary,.sticky-pos .eliminate-3-buttons a{
    border-radius: 20px;
    background-color: #05AB9E;
    border-color: #05AB9E
}
.sidebar a{
    color: #000;
    text-decoration: none;
}
#open .lists:hover{
    cursor: pointer;
}
.nobg{
    background: none;
    color: #000;
}
.bg-primary,.modal-header button{
    background-color: #003C76!important;
}
.bg-primary:hover,.keys-comp a:hover,.modal-header button:hover{
    background-color: #05AB9E!important;
}
.text-primary{
    color:#003C76!important;
}

.btn-primary,.custom-control-input:checked~.custom-control-label::before{
    background-color: #003C76!important;
    border-color: #003C76!important;
}
.btn-primary:hover{
    background-color: #05AB9E!important;
    border-color: #05AB9E!important;
}
.list-group-item{
    background:none;
}
.rc-adv-search{
    max-width: 85%;
    margin: 30px auto;
}

input#customRange1[type=range] {
    width: 100%;
    box-shadow: none;
    height: 10px;
    background: linear-gradient(to right, #003C76 0%, #003C76 50%, #fff 50%, #fff 100%);
    border: solid 1px #003C76;
    border-radius: 8px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}

input#customRange1[type="range"]::-webkit-slider-thumb{
    appearance: none;
    width: 15px;
    height: 15px;
    background: #05AB9E;
    cursor: pointer;
    border-radius: 50%;
}
.jobresearch-data .image_upload_sec{
    width: 100%;
}
.sidebar .content p:nth-of-type(2){
    font-size: 14px;
}
.company-form-link:hover,.close:hover, .trigger:hover{
    background: #05AB9E;
}
.fn-multiselect .btn-group{
    width:100%;
}

.fn-multiselect .multiselect.dropdown-toggle{
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    padding: 12px 30px;
    height: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #003C76;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align: left;
}
.fn-multiselect .dropdown-toggle::after{
    float: right;
    margin-top: 10px;
}
.custom-control-label::before{
    border: #003C76 solid 1px!important;
}

.fn-multiselect .dropdown-menu input{
    opacity: 0;
}
.fn-multiselect .dropdown-menu label{
    position: relative;
}
.fn-multiselect .dropdown-menu label::before{
    position: absolute;
    top: .25rem;
    left: 2rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    pointer-events: none;
    content: "";
    border: #003C76 solid 1px!important;
    color:#fff;
    border-radius: 3px;
}
.fn-multiselect .dropdown-menu label::after{
    position: absolute;
    top: .25rem;
    left: 2rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background: no-repeat 50%/50% 50%;
    color:#fff;
    border-radius: 3px;
}

.fn-multiselect .dropdown-menu li.active label::before,.fn-multiselect .dropdown-menu li.active label::after{
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 12px;
    padding: 1px 4px;
    color: #fff!important;
    background-color: #003C76;
    border-radius: 3px;
}

.job-vacc{
    padding: 5px 35px;
}
.jobresearch-data .left-sec .logo{
    max-width: 15%;
}
.job-research-rec .custom_modal{
    left: 0;
    right: auto;
}

.compan-img{
    padding-top: 5rem;
}

.custom-bod{
    padding: 12px 30px;
    height: auto;
    border: 1px solid #ced4da;
}
.lists1.ui-sortable h3{
    margin: 30px 0;
}
.active{
    display: block;
}
.hide{
    display: none;
}
ul.login-tab li{
    display: initial;
    margin-right: 20px;
}

.activelink{
    background: #05AB9E;
    color: #fff!important;
    border-radius: .25rem;
    padding: 8px 20px!important;
    text-decoration: none!important;
    transition-property: width;
    transition-duration: 2s;
    transition-delay: 1s
}

.lang .dropdown-menu{
    right: 0;
    left: auto;
    min-width: auto;
}

.dropdown-menu a{
    color: #003C76;
}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{
    background-color: #05AB9E;
    color: #fff;
}

.job-info .job-content ~ h4, .job-info .info ~ h4, .job-info .keys-comp ~ h4, .keys-comp ~ h4{
    clear: both;
}
.eliminate .eliminate-3-buttons a{
    padding: 3px 15px;
    text-align: center;
    font-size: 26px;
    margin: 0 10px;
    opacity: .85;
}
.eliminate.btn-scroll .eliminate-3-buttons a:first-child{
    margin-left: 5em;
}
.button-section.eliminate.btn-scroll .eliminate-3-buttons a:first-child{
    margin-left: 10em;
}

.singup-inner-text{
    margin: 0 auto;
}
.big-button{
    margin: 2em 0;
}
.big-button .fields-content{
    text-align: center;
    background: linear-gradient(to right, #003C76, #005b76d6);
    color: #fff;
    padding: 85px 0;    
    font-size: 25px;
    width: 100%;
    border: 1px solid #003C76;
    border-radius: 20px;
}
.big-button .fields-content h2{
    color: #fff;
}
.big-button .fields-content:hover{
    background: #05AB9E;
    border: 1px solid #05AB9E;
}

.big-button .fields-content:hover .field-links a{
    background: #003C76;
    color: #fff;
}

.big-button a{
    color: #003C76;
    background: #fff;
    font-size: 16px;
    border-radius: 20px;
    padding: 10px 20px;
}
.boxes{
    background: #003C76!important;
    color: #fff;
    padding: 8px 20px;
    font-size: 20px;
}

.firstelement,.nextElement {
    position: relative;
}
.firstelement .close{
    right: 15px;
}
.register-acc > [class*="col-"],.register-acc .row{
    padding: 0 !important;
    margin: 0 !important;
}
.no-padd{
    padding: 0!important;
}
.triangle{
    border-top: 30px solid #ffffff;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    content: "";
    position: relative;
    width: 0;
    height: 0;
    margin: auto;
    margin-bottom: -33px;
    z-index: 1;
    top: 26px;
}

.fields-content h2{
    font-size: 25px;
}
.fields-content p{
    font-size: 16px;
    color: #fff;
}
.fields-content a:hover{
    background: #05AB9E;
    border-color: #05AB9E;
    text-decoration: none;
}

.keys-comp a span{
    float: right;
    padding-left: 15px;
}
.keys-comp{
    overflow: hidden;
}
.recruiter-content{
    border: 1px solid #eee;
    padding: 0px 25px;
    position: relative;
}
.recruiter-content span.right{
    position: absolute;
    right: 20px;
    float: none;
}

#diploma .close{
  right: 15px;;
}
/* 
.language-filters input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    -moz-appearance: radio !important;
}

.language-filters input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #05AB9E;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    -moz-appearance: radio !important;
}  */


.language-filters .form-check-input {
    position: absolute;
    left: 0;
    top: 3px;
    visibility: hidden;
    z-index: 99;
    width: 17px;
    height: 17px;
}
.language-filters .form-check-input:checked + .form-check-label:before,.BoxSelected label::before {
    background-color: #05AB9E!important;
}
.language-filters .form-check-input:focus + label:before {
    background-color: #05AB9E;
}

.language-filters .form-check-input.checked:checked + label:before,.language-filters .form-check-input.checked ~ label:before {
    background-color: #003C76;
}
.language-filters .form-check-input.checked:focus + label:before,.language-filters .form-check-label.input-checked::before {
    background-color: #003C76;
}

.language-filters label.form-check-label::before{
    background-color:#e0e0e0;
    border-radius:10px;
    display: inline-block;
    position: relative;
    height:17px;
    width:17px;
    content: ' ';
    margin-right: 4px;
    cursor: pointer;
}
.language-filters label {
    display: inline;
    position: relative;
} 
.language-filters .form-check-inline{
    margin-right: 5px;
}

.language-filters{
    border: 1px solid #ced4da;
    padding: 13px 20px;
}
.language-filters label{
    font-size: 18px;
}
input.checked::after{
    background-color: #003C76!important;
}

.action-button i{
    font-size: 20px;
    margin: 5px 0;
}
.view-job h6{
    padding: 15px 20px;
    border: 1px solid #003C76;
    border-radius: 10PX;
}

.view-job [class*="col-"]{
    margin-bottom: 1em;
}

.w-100{
    width: 100%;
}

select {
    
    background: url('/assests/images/arrow_down.png') no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: 98%;

}

.find-hr{
    border-top: 2px dashed #003C76;
}

.adv-search{
    padding: 20px 14px;
    border-radius: 50px;
}
.adv-search i{
    font-size: 36px;
    vertical-align: middle;
}

.account_form .custom-control-input:checked~.custom-control-label::before{
    background-color: #05AB9E!important;
    border-color :  #05AB9E!important;
}
.merit{
    color: #05AB9E;
}

.bg-find{
    background-color: #003C76!important;
}
.bd-merit{
    background-color: #05AB9E!important;
}
 .border-merit{
        border: 1px solid #05AB9E!important;
 }

 .bg-yellow,.bg-yellow:hover{
     background-color: #ffff00ed!important;
     border: 1px solid #ffff00ed!important;

 }

 .bg-red,.bg-red:hover{
    background-color: #DC143C!important;
    border: 1px solid #DC143C!important;
 }

.bg-find-gradient{
    background: linear-gradient(to left, #003C76, #005b76d6);
}

.revel{
    border-radius: 30px;
}

.tooltip-find {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  .tooltip-find .tooltiptext-find {
    visibility: hidden;
    min-width: 250px;
    background-color: #003C76;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 100%;
    margin-left: 5px;
  }
  
  .tooltip-find .tooltiptext-find::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #003C76 transparent transparent;
  }
  .tooltip-find:hover .tooltiptext-find {
    visibility: visible;
  }
  .tooltip-find i{
    font-size: 16px;
    cursor: pointer;
  }

  .tooltiptext-find.tool-job-exp:after{
    top: 70%;
  }

.tool-section .d-inline{
    font-size: 16px;
}
.candidate-job-search .advance_search{
    padding-bottom: 35px;
}

.dl.active{
    display: inline-block;
}

#open .bg-col-lig,#open-cand .bg-col-lig{
    background-color: #05ab9e4f!important;
}
/* #open .bg-primary{
background-color: #003c7680!important;
} */
#closed .bg-col-lig,#closed-cand .bg-col-lig{
    background-color: #f2f2f2!important;
}


.ui-tabs-vertical .ui-tabs-nav li{
    clear: left;
    width: 100%;
    margin: 0 -1px .2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; }

.ui-widget.ui-widget-content{
    border: none!important;
    border: none!important;
}
.ui-widget-header{
    background: none!important;
    border: none!important; 
}
.ui-widget-header,.ui-tabs-nav .ui-tabs-tab a{
    color: #000;    
    width: 100%;;
}

.ui-tabs-nav .ui-tabs-tab.ui-tabs-tab{
    background: #ced4da!important;
    border: none!important;
    border-right: 1px solid #ced4da!important;
    border-bottom: 1px solid #ced4da!important;
    margin: 5px 0;
}

.ui-tabs-nav .ui-tabs-tab.ui-tabs-tab.ui-tabs-active{
    background: #05AB9E!important;
  
}

.ui-tabs-nav .ui-tabs-tab.ui-tabs-tab.ui-tabs-active a{
    color: #fff;
}

.add_task.close{
    top: auto;
    bottom: 0;
    opacity: 1;
}

.job-research-rec select#group{
    max-width: 185px;
}

span.aswer-link a.dl.active{
    background: #05AB9E;
    color: #fff;
}

#reveled_select{
    max-width: 195px;
    padding: 12px 10px;
}
.navbar-brand{
    padding: 0;
}
.navbar-brand img{
    width: 150px;
    padding-top: 10px;
}
.revel-button{
    cursor: pointer;
}
.revel.revel-button{
    background-color: #00a698!important
}
.revel-button:hover{
    background-color: #00887d!important;
    border-color: #fff!important;
    color: #fff!important;
}


.inner-advance a:hover{
    color: #05AB9E!important;
}
.right-print .custom_modal{
    left: auto;
    right: 3px;
    margin-top: 8px;
}

.cur-pointer{
    cursor: pointer;
}

a:hover{
    text-decoration: none;
}

 .highlight .form-control,.highlight .custom-control-label::before, .highlight .bord-bott,.highlight .language-filters{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.highlight .lang{
    border-left: 1px solid #80bdff;
}

.custom-message{
    max-width: 35%;
    margin: 0 auto;
    background: #05AB9E;
    padding: 50px 20px;
    color: #fff;
    clear: both;
    width: 100%;
    position: relative;       
}
.bd-radius-20{
    border-radius: 20px;
}
.eliminate-heading{
    display: none;
}
.btn-scroll .eliminate-heading{
    display: block;
}

.remove_field{
    background: none!important;
    color: #000;
    opacity: 1;
}
.sidebar-logo{
    max-width: 20%;
}

#welcome-modal .welcome-title{
    font-size: 40px;
    font-weight: 700;
}
#welcome-modal .modal-logo{
    max-width: 75%;
}
.no-bg{
  background: none!important;
}

.modal-header,.modal-footer{
    border-top: none!important;
    border-bottom:none!important;
}
#ui-datepicker-div .ui-widget.ui-widget-content{
    border: 1px solid #c5c5c5;
    z-index: 9999 !important;
}

.scroll-mt-top.adavt-mt{
    margin-top: 10em;
}

.left-sec{
    z-index: 99;
}
.sidebar-inner{
    width: 290px;
}

.fixed-sidebar{
    position: fixed;
    top: 18%;

}
.sidebar-inner .logo{
    max-width: 15%;
}
.sidebar-inner small{
    padding-left: 3em;
}
.tr-active {
    background: #ced4da;
}
table tbody td{
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}
.hidden{
    display: none!important;
}
div.dataTables_wrapper div.dataTables_paginate{
    text-align: center;
}
div.dataTables_wrapper div.dataTables_paginate a{
    margin: 0 10px;
    cursor: pointer;
    font-size: 14px;
}
 .sidebar-inner .table-responsive{
    height: 530px;
 }

 .sidebar-inner #jobsearch-candidate .logo{
    border-radius: 0;
}
/* .fix-scroll ~ .adavt-mt1{
    margin-top: 14em!important;
} */
.adavt-mt1{
    margin-top: 40px;
}
.sm-mar{
    margin-top: 80px!important;
}
.button-section .eliminate-3-buttons i{
    margin-right: 0!important;
}
.button-section.eliminate .eliminate-3-buttons a{
    padding: 3px 20px;
    min-width: 68px;
    text-align: center;
}
.ui-datepicker{
    z-index: 99999!important;
}
/* .inner-fix-sec ~ .eliminate{
    display: none;
} */
.custom-wrapper .image_upload_sec  ~ div{
    margin: 0 auto;
}

a.remove_field.close{
    z-index: 1;
}
.ui-widget-header .ui-icon {
    background-image: url('/assests/images/ui-icons_222222_256x240.png');/*{iconsHeader}*/;
}
.ui-datepicker .ui-widget-header{
    background-image: url('/assests/images/ui-bg_highlight-soft_75_cccccc_1x100.png')!important;
}



/****custom css starts here***/
#closed.ui-droppable-active{
    height: 100vh;
    background: none!important;
    border: none!important;
    color: #000!important;
}
#closed,#open{
    min-height: 200px;
}
.datepicker-dropdown{
    z-index: 9999!important;
}
.image_upload_sec img.round_image{
    width: 150px !important;
    height: 150px;
    max-width: 100%!important;
}

img.logo{
    max-width: 100% !important;
    width: 50px;
    height: 50px;
}
.sidebar-inner img.logo,header img.logo{
    width: 35px;
    height: 35px;
}
header .info-sec .acc{
    min-width: 250px;
}
.lang .lang-delete{
    position: absolute;
    right: -8px;
}
.custom-conta > div:first-child .company_exp .cust-enble:disabled{
    background: #ccc!important;
    cursor: no-drop;
}
.type_a_work.form-control::placeholder,input.form-control.type_a_work{
    font-weight: 600;
}

.custom-answer-link .custom-control-inline{
    margin-right: 0!important;
    padding: 0!important;
}

.custom-answer-link .custom-control-inline label{
    padding: 0 8px;
    cursor: pointer;
}

.custom-answer-link .custom-control-inline input[type="radio"]:checked + label {
    background: #05AB9E;
    color: #fff;
    border-radius: 10px;
  }

/****custom css ends here***/


/******Media query starts from here******/
@media (min-width: 767px){
    .button-section.btn-scroll{
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        background: linear-gradient(to left, #003C76, #005b76d6); 
        margin: 0!important;
    }
    .job-research-recr.button-section #scroll{
        background: none!important;
    }
    .job-research-recr.button-section.btn-scroll .inner-fix-sec{
        background: linear-gradient(to left, #003C76, #005b76d6); 
    }
  
    /* .job-research-recr.button-section.btn-scroll .inner-fix-sec ~ .eliminate{
        display: inline-block;
        position: absolute;
        right: 25.5%;
    } */
   .eliminate .eliminate-3-buttons{
        /* max-width: 73.85%;
        width: 100%;
        text-align: right; */
        margin: 25px 0;
    }
     .eliminate .eliminate-3-buttons a{
        border-radius: 20px;
    }

    .fix-scroll{
        position: fixed;
        z-index: 999;
        margin: 0!important;
        margin-top: 35px!important;
         /* top: 175px; */
        /* left: 60%;
        transform: translate(-39.5%, -50%); */
    }
     #scroll .inner-fix-sec ~ .button-section.eliminate .eliminate-3-buttons.mob-fixed{
        position: absolute;
        right: 27%;
        z-index: 9;
     }
     #scroll.btn-scroll .inner-fix-sec ~ .button-section.eliminate .eliminate-3-buttons.mob-fixed{
        position: fixed;
     }
    .custom-wrapper{
        margin-top: 2em;
    }
    #scroll.btn-scroll.job-research-recr{
       background: none!important;
    }
    #scroll.btn-scroll .eliminate .eliminate-3-buttons{
        margin-top: 20px;
    }
}



/* @media (min-width: 1300px){
    .fix-scroll{
    transform: translate(-39%, -50%);
    }   
}

@media (min-width: 1400px){
    .fix-scroll{
        transform: translate(-38.5%, -50%);
        }   
}

@media (min-width: 1500px){
    .fix-scroll{
        transform: translate(-38%, -50%);
        }   
} */

/* @media (min-width: 1200px){
    .job-research-recr.button-section.btn-scroll .inner-fix-sec ~ .eliminate{
     right: 25.5%;
    }
}


@media (max-width: 1190px){
    .job-research-recr.button-section.btn-scroll .inner-fix-sec ~ .eliminate{
       right: 24.35%;
    }
}
*/

/* @media (max-width: 1150px){
    .fix-scroll{
        transform: translate(-40.5%, -50%);
        }   
        .revel span.revel_sec{
            text-transform: capitalize;
        }
}

@media (max-width: 1024px){
    .fix-scroll{
        transform: translate(-40%, -50%);
        }   
}  */


@media (min-width: 576px){
    .modal-dialog{
        max-width: 750px;
    }
    #company-form .modal-dialog{
        max-width: 850px;
    }
    /* .button-section.eliminate.btn-scroll a:first-child{
        margin-left: 15em;
    } */
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .contact_sec img{
        max-width: 68%;
        vertical-align: top;
    }
    .contact_sec .links{
        max-width: 30%;
    }
    .new-candiates{
        OVERFLOW-WRAP: BREAK-WORD;
    }
    .sidebar-inner{
        width: 240px
    }
    .revel.revel-button{
        padding: 0 5px;
    }
    .revel .revel_sec{
        text-transform: capitalize;
    }
    .fixed-sidebar{
      position: fixed;
      top: 12%;
    }
}



@media only screen and (max-width: 767px) {
    .form-control{
        margin-bottom: 1rem;
    }
    .home_search_box{
        max-width: 100%;
    }
    .advanced_row{
        position: relative;
    }
    
    /*new updated*/
    .search{
        display: inline-block;
    }
    .home_search_box .advance_search{ 
        position: absolute;
        top: -45px;
        right: 0;
        text-align: right!important;
        max-width: 85%;
    }
    .navbar-brand img{
        width: 100%;;
    }
    /*new updated ends*/
    section.range-slider input[type=range]{
        min-width: 300px;
    }
    .social-login button i, .social-icon{
        top: 10px;
    }
    .keys-comp a{
        margin: 5px 0;
        display: inline-block;
    }
    .job-info{
        padding: 0 20px;
    }
    .pt-5{
        padding-top: 0rem!important;
    }
    .revel{
        min-height: 50px;
    }
    .revel .revel_sec{
        top: 30%;
       left: 44%;
    }
    .print{
        text-align: center;
        top: -5px!important;
    }
    .top-sec-form{
        max-width: 90%;
    }
    .cv .pr-0{
        padding-right: 15px!important;
    }
    .cv .pl-0{
        padding-left: 15px!important;
    }
    .no-padd{
        padding: 0 15px!important;
    }
    .cv .form-control{
        border-left: 1px solid #ced4da;
        border-right: 1px solid #ced4da;
    }
    /* .contact_sec{
        height: 125px;
        overflow: hidden;
    } */
    .contact_sec img{
        display: inline-block;
        vertical-align: top;
    }
    .contact_sec .links{
        max-width: 50%;
    }
    .contact_sec .links a{
        padding: 18px;
    }
    a.open_modal{
        position: relative;
       top: 20px;
    }
    #advanced-search-form h4{
        margin: 20px 0;
    }
    .form-field{
        margin: 30px 0;
    }
    .close{
        right: 15px;
    }
    .company_form .border-left{
        border-left: none!important;
    }
    #newjob{
        margin: 0 15px;
    }
    .navbar-collapse,.import.text-right{
        text-align: left!important;
    }
    #jobsearch-nav{
        display: block;
    }
    ul#jobsearch-nav li{
        max-width: 49%;
      display: inline-block;
      width: 100%;
    }
    .jobresearch-data .button-section a{
        margin: 25px 0;
        display: block;
    }
    .work_exp .pr-0,.diploma .pr-0{
        padding-right: 15px!important;
    }
    .work_exp .pl-0,.diploma .pl-0{
        padding-left: 15px!important;
    }
    .page-content{
        padding: 0 15px;
    }
    .modal .file{
        margin-bottom: 40px;
    }
    iframe{
        width: 100%;
    }
    .triangle{
        top: -15px;
    }
    .fields-content h2{
        margin-left: 0!important;
    }
    .field-links > div{
        text-align: center!important;
        margin: 10px 0
    }
    .g-recaptcha > div {
         width: 100%!important;
    }
    .sidebar{
        height: auto!important;
        border:none!important;
    }
    #setting .image_upload_sec img{
        width: 40%!important;
    }
    .sec-info{
        width: 100%;
    }
    .image_upload_sec img{
        width: 40%!important;
    }
    .ui-tabs-vertical .ui-tabs-nav li{
        width: 48%;
        margin: 0 1%!important;
        clear: none;
    }
    .keys-comp.bottom,.keys-comp{
        padding: 15px 5px!important;
    }
    .cv .close{
        right: 0;
    }
    .half_mob {
        width: 44%;
        margin-left: 5%;
    }
    .candidate-job-search .advance_search{
        margin-top: 1rem;
    }
    .nav-item .logo{
        max-width: 20%;
    }
    .nav-item.accoun-nav{
        text-align: left!important;
    }
    .bd-merit{
        max-width: 95%;
        margin: 0 auto;
    }
    .revel-merit-section {
        max-width: 90%;
         margin: 30px auto;
    }
    .revel-content{
        padding: 60px 35px;
    }
    .custom_modal{
        right: 30%;
    }
    .home_search_box.advance-search-section{
        max-width: 95%;
    }
    .accoun-nav.show .logo{
        display: none;
    }
    .accoun-nav .acc .logo{
        display: block;
        margin: 0 auto;
    }
    .dropdown-menu.info-sec.show{
        max-width: 90%;
        margin: 0 auto;
    }
    .dropdown-menu.info-sec.show .acc{
        text-align: center;
    }
    .button-section .bd-merit{
        width: 100%;
    }
    .job-research-rec select#group{
        max-width: 100%;
    }
    .lists > div.col-sm-1,.lists .text-right,.text-right,.mob-center{
        text-align: center!important;
    }
    #reveled_select,#group {
        max-width: 95%!important;
        margin: 0 auto;
    }
     .button-section.btn-scroll a{
        width: 100%;
        display: inline-block;
        padding: 0;
        margin: 0;
        max-width: 32%
    }
    .job-research-rec .inner-advance {
        padding-left: 5rem;
    }
    .compan-img{
        padding-top: 2rem;
    }
    .custom-message{
        max-width: 80%;
        padding: 15px 20px;
    }
    #company-form .form_inner > div:first-child{
        background: #fff;
    }
    .button-section.eliminate.btn-scroll .eliminate-3-buttons a:first-child{
        margin-left: 0em;
    }
    #welcome-modal span{
        right: 0;
        max-width: 85%;
    }
    .navbar li.nav-item .nav-link{
        text-align: left;
    }
    .nav-item.dropdown.lang{
        border-left: none;
    }
    .candidate-job-search .revel,.db-search .revel,.job-research-recr .revel{
        min-height: 40px;
        height: 40px;
        margin-top: 1em !important;
    }
    .candidate-job-search .revel .revel_sec,.db-search .revel .revel_sec,.job-research-recr .revel .revel_sec{
        line-height: 35px;
    }
    .mob-half{
        max-width: 50%;
        margin: 0 auto;
    }
    .tooltip-find .tooltiptext-find{
        top: 25px;
        left: 0;
        right: 0;
    }
    .tooltip-find .tooltiptext-find::after{
        top: 0;
        right: 50%;
        margin-top: -10px;
        transform: rotate(90deg);
    }
    .bord-bott.lang-cont div{
        max-width: 50%;
        display: inline-block;
    }
    #languages-container input,#skill-container input{
        margin-bottom: 0;
    }
    .retract-modal{
        padding: 30px 0 !important;
    }
    .modal#company-form .form_inner > div{
        background: #fff!important;
    }
    .modal#company-form .form_inner{
        width: 95%;
    }
    .hidden-xs{
        display: none!important;
    }
    .jobresearch-data .button-section.eliminate{
        width: 100%;
        text-align: center;
        margin: 30px 0;
    }
    .button-section.eliminate.btn-scroll .mob-fixed{
        position: fixed;
        top: 0px;
        z-index: 999999;
        width: 100%;
        text-align: center;
        left: 0;
        padding: 5px 0;
        margin: 0;
    }
    .button-section.btn-scroll  .top-buttons.mob-fixed a{
        max-width: 45%;
        font-size: 14px;
        padding:10px 0;
    }
    .sidebar-inner{
        width: 100%;
    }
    .job-research-recr  .eliminate.fix-btn{
        margin: 45px 0;
    }
    .job-research-recr .eliminate.fix-btn a{
     min-width: 100%;
     text-align: center;
     width: 100%;
     display: inline;
    }
    .button-section.eliminate .eliminate-3-buttons a{
     padding: 3px 30px;
     text-align: center;
     display: inline;
     margin: 0 5px;
    }
    
}



/*******new css*****/
.sticky-pos.sticky{
    position: sticky;
    top: 0px;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    /* max-width: 1140px; */
    height: 90vh;
}


.sticky-child{
    height: 330px;
    overflow-x: hidden;
    width: 100%;
}
.sticky-pos .eliminate{
    margin-bottom: 25px;
}
.sticky-pos.sticky .eliminate-heading{
    display: block!important;
    background: linear-gradient(to left, #003C76, #005b76d6);
    margin-bottom: 5px;
}
.fixed-btn .revel-button{
    max-width: 88px;
}
/* .sticky-pos.sticky .custom-height{
    height: 40vh;
} */