.p-50{
    padding: 50px;
}
.p-40{
    padding: 40px;
}
.p-20{
    padding: 20px;
}
.navbar-default .navbar-brand {
    color: #777;
    padding-left: 30px;
}
.px-30{
    padding-left: 30px;
    padding-right: 30px;
}
.py-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.py-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.pt-0{
    padding-top: 0px!important;
}
.pt-30{
    padding-top: 30px!important;
}
.pt-120{
    padding-top: 120px!important;
}
.pb-50{
    padding-bottom: 50px!important;
}
.pb-40{
    padding-bottom: 40px!important;
}
.pb-20{
    padding-bottom: 20px!important;
}
.pb-100{
    padding-bottom: 100px!important;
}
.pb-110{
    padding-bottom: 110px!important;
}
.pb-140{
    padding-bottom: 140px!important;
}
.pb-150{
    padding-bottom: 150px!important;
}
.m-0{
    margin: 0px;
}
.mt-0{
    margin-top: 0px;
}
.mt-5{
    margin-top: 5px;
}
.mt-9{
    margin-top: 9px;
}
.mt-10{
    margin-top: 10px;
}
.mt-14{
    margin-top: 14px;
}
.mt-20{
    margin-top: 20px;
}
.mt-40{
    margin-top: 40px;
}
.mt-45{
    margin-top: 45px;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mr-5{
    margin-right: 5px;
}
.mr-10{
    margin-right: 10px;
}
.mr-30{
    margin-right: 30px;
}
.mr-40{
    margin-right: 40px;
}
.my-30{
    margin-top: 30px;
    margin-bottom: 30px;
}
.my-50{
    margin-top: 50px;
    margin-bottom: 50px;
}
.mx-30{
    margin-left: 30px;
    margin-right: 30px;
}
.pl-20{
    padding-left: 20px;
}
.ml-0{
    margin-left: 0px!important;
}
.ml-5{
    margin-left: 5px;
}
.ml-20{
    margin-left: 20px;
}
.ml-30{
    margin-left: 30px;
}
.d-block{
    display: block;
}
.text-black{
    color: #4a4a4a!important;
}
.text-success{
    color: #0071bd!important;
}
.text-warning {
    color: #ffa500!important;
}
.text-left{
    text-align: left!important;
}
.bg-success{
    background-color: #0071bd!important;
}
.bg-white{
    background-color: #fff;
}
.bg-gray{
    background-color: #fbfdff!important;
}
.btn-success {
    color: #fff;
    background-color: #0071bd;
    border-color: #0071bd;
}
.border-0{
    border:none;
}
.border{
    border: 1px solid;
}
.border-b{
    border-bottom: 1px solid;
}
.border-left{
    border-left: 1px solid #ecf0f1;
}
.border-right{
    border-right: 1px solid #ecf0f1;
}
.border-r4{
    border-radius: 4px!important;
}
.d-grid{
    display: grid;
}
.d-flex{
    display: flex;
}
.font-size-20{
    font-size: 20px!important;
}
.check-size{
    width: 16px;
    height: 16px;
}
.custom-file-upload{
    border: 1px solid #a9a9a9;
}
#head-dropdown a.dropdown-toggle{
    background-color:#0071bd!important;
    color: #fff;
    border-radius: 3px;
    border: none;
    padding: 9px 15px;
    margin-top: 0px;
}
#head-dropdown ul.dropdown-menu li a{
    text-align: left;
}

.mobile-view{
    display: none;
}
nav.navbar.bootsnav ul.nav > li> a.active{
    color:#013d65!important;
}
nav.navbar.bootsnav ul.nav > li> ul.dropdown-menu > li> a.active{
    color:#013d65!important;
}
.nav .post-btn{
    border:1px solid #4a4a4a!important;
    padding: 8px 15px!important;
    border-radius: 5px;
    text-align: center;
    /*min-width: 170px;
    margin-right: 15px;*/
}
.required{
    color: red;
}
.form-group .nice-select.form-control{
    width: 100%;
}
.form-group .nice-select.form-control .list{
    width: 100%;
}
.form-group .nice-select.has-multiple{
    min-height: 50px;    
}
.nice-select .nice-select-search-box{
    display: none;
}
.nice-select .list {
    margin-top: 5px;   
    padding: 6px 0 0;
}
    /* scroll */
.nice-select .list::-webkit-scrollbar {
    width: 5px;
}
.nice-select .list::-webkit-scrollbar-thumb {
    background: #0071bd;
    border-radius: 10px;
}
.nice-select .list::-webkit-scrollbar-track {
    background-color: #4a4a4a;
    border-radius: 10px;
}
    /* end scroll css */

.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar {
    background-color: transparent;
    border-top: none;
}
.note-editor.note-frame .note-editing-area .note-editable ol, .note-editor.note-airframe .note-editing-area .note-editable ol, 
.note-editor.note-frame .note-editing-area .note-editable ul, .note-editor.note-airframe .note-editing-area .note-editable ul{
    padding-left: 20px;
}
.custom-radio [type="radio"]:checked + label:after, .custom-radio [type="radio"]:not(:checked) + label:after{
    top: 3px;
    left: 3px;
}
.custom-checkbox input[type="checkbox"]:checked + label:after{
    top: 7px;
}
    /***custom checkbox status***/
.custom-switch .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-switch .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0071bd;
    background-color: #0071bd;
    box-shadow: none;
}
.custom-switch .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    padding-left: 20px;
}
.custom-switch .custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-switch .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -2.91rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #dee2e6;
    border: #adb5bd solid 1px;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0,0,0,.1);
}
.custom-switch .custom-control-label::before {
    left: -2.1rem;
    width: 3.1rem;
    pointer-events: all;
    border-radius: .7rem;
}
.custom-switch .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
}
.custom-switch .custom-control-label::after {
    top: calc(.25rem + 3px);
    left: calc(-2.0rem + 3px);
    width: calc(1rem - 2px);
    height: calc(1rem - 2px);
    background-color: #fff;
    border-radius: .7rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}



/****employer-signin page css start******/
.signin .panel-heading .panel-title{
    color: #0071bd;
    font-size: 22px;
}
.signin .panel-heading .panel-title .atitle{
    color: #337ab7;
    font-size: 12px;
    float: right;
    text-decoration: underline;
    padding-top: 11px;
}
.signin .panel-body .btitle{
    color: #337ab7;
    float: right;
    text-decoration: underline;
}
.signin .panel-body .input-group .input-group-addon{
    background-color: #fff;
    color: #337ab7;
}
.toggle-password{
    cursor: pointer;
}
.signin .btn-success {
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important;
}
.signin .panel-body .form-group .input-group{
    display: table;
}
    /****employer-signin page css end******/

    /****create employer-account page css start******/

.createaccount .panel-heading .panel-title{
    color: #000;
    font-size: 22px;
}
.createaccount .panel-heading .panel-title .atitle{
    color: #0071bd;
    float: right;
    border-bottom: 2px solid #0071bd;
}
.createaccount .panel-body .btitle{
    color: #0071bd;
}
.createaccount .form-horizontal .control-label{
    text-align: left;
    padding-left: 45px;
    font-size: 16px;
}
.createaccount .checkbox a{
    color: #337ab7;
    border-bottom: 1px solid #337ab7;
}
.captcha{
    width: 160px;
    border: 1px solid #000;
    height: 50px;
}
.createaccount .btn-success {
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important;
}
.createaccount .nice-select.has-multiple span.current {
    padding: 0 5px;
    line-height: 18px;
    font-size: 9px;
    margin-bottom: 2px;
    margin-right: 2px;
}

/***** Post a job step css******/
.post .post-job .form-control, .post .comp-info .form-control, .post .review-info .form-control{
    height: 42px;
    min-height: 42px;
    line-height: 28px;
}
.employer-step .stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.employer-step .stepwizard-row {
    display: table-row;
}
.employer-step.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.employer-step .stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.employer-step.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.employer-step .stepwizard-row:before {
/*    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;*/
}
.employer-step .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    border-bottom: 0px!important;
}
.employer-step .stepwizard-step.active:after {
    content: url('../img/arrow-green.png');
}
.employer-step .stepwizard-step:after {
    content: url('../img/arrow-default.png');
    top: 16px;
    bottom: 0;
    position: absolute;
    width: 50%;
    margin: 0 50px;
    z-index: 0;
}
.employer-step .stepwizard-step:last-child:after {
    content: "";
    width: auto;
}
.employer-step .stepwizard-step.active:last-child:after {
    content: "";
    width: auto;
}
.employer-step .stepwizard-step .btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 14px 0;
    font-size: 16px;
    line-height: 1.428571429;
    border-radius: 30px;
}
.employer-step .stepwizard-step .btn-default {
    color: #fff!important;
    background-color: #4a4a4a!important;
}
.employer-step .stepwizard-step .btn-success {
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important;
}
.post-job .suggetion{
    position: relative;
}
.post-job .suggetion #title_list select, #search-form .suggetion #title_list select, .home-form-1 .suggetion #title_list select{
    overflow-y: scroll;
    width: 100%;
    min-height: 50px;
    max-height: 180px;
    position: absolute;
    z-index: 111;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px #0071bd;
}    
.post-job .suggetion #title_list select option, #search-form .suggetion #title_list select option, .home-form-1 .suggetion #title_list select option{
    cursor: pointer;
    padding: 10px;
}
.post-job .suggetion #title_list select option:hover, .post-job .suggetion #title_list select option:visited{
    background-color: #f6f6f6;
}
.post-job .suggetion #title_list select::-webkit-scrollbar, #search-form .suggetion #title_list select::-webkit-scrollbar, .home-form-1 .suggetion #title_list select::-webkit-scrollbar {
    width: 5px;
}
.post-job .suggetion #title_list select::-webkit-scrollbar-thumb, #search-form .suggetion #title_list select::-webkit-scrollbar-thumb, .home-form-1 .suggetion #title_list select::-webkit-scrollbar-thumb  {
    background: #0071bd;
    border-radius: 10px;
}
.post-job .suggetion #title_list select::-webkit-scrollbar-track, #search-form .suggetion #title_list select::-webkit-scrollbar-track, .home-form-1 .suggetion #title_list select::-webkit-scrollbar-track  {
    background-color: #4a4a4a;
    border-radius: 10px;
}

.post-job .btn-success, .comp-info .btn-success, .review-info .btn-success{
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important;
    font-weight: 600;
} 
.post-job .btn-link, .comp-info .btn-link{
    font-weight: 600;
    text-align: left;
}  
.post-job .form-group .nice-select.form-control, .comp-info .form-group .nice-select.form-control{
    margin-bottom: 15px;
}
/********start upload image*******/
.employer-custom input[type='file'] {
    border: none;
    padding: 80px 0px 0px 0px;
    cursor: move;
    position:relative;
    opacity: 0;
}
.employer-custom .cloud_img{
    font-size: 48px;
    color: #bcbcbc;
    position: absolute;
    margin: 10px auto;
    width: 18%;
}
.employer-custom.logo .cloud_img:after {
    content: "Drag & Drop your logo here";
    display: block;
    position: absolute;
    text-align: center;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    font-family: 'Helvetica', sans-serif;
    color: #999;
}
.employer-custom.photo .cloud_img:after {
    content: "Drag & Drop your photo here";
    display: block;
    position: absolute;
    text-align: center;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    font-family: 'Helvetica', sans-serif;
    color: #999;
}
.employer-custom input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
}
.employer-custom .upload_format {
    position: absolute;
    top: 60%;
    text-align: center;
    text-transform: initial;
    width: 50%;
    left: 25%;
}
.add_in {
    height: 50px;
    border: 1px solid #dde6ef;
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 0;
    background: #fbfdff;
    font-size: 15px;
    color: #6b7c8a;
    font-weight: 400;
    margin-left:10px;
}
.add_icon {
    position: relative !important;
    left: -25px !important;
    background: transparent;
    border: none;
    color: #0071bd;
    top: -2px !important;    
}

.comp-page .panel-body form .btn-success{
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important; 
    font-weight: 600;  
}

/********end upload image*******/
#UseTemplate .modal-header{
    border-bottom: 1px solid #dee2e6;
}
#UseTemplate .modal-body .panel-heading button {
    color: #0071bd!important;
    background-color: #ffffff!important;
    border: 1px solid #0071bd!important;
    font-weight: 600;  
    padding: 6px 20px;
}
#UseTemplate .modal-body .panel-heading button.selected{
    color: #fff!important;
    background-color: #0071bd!important;
    border: 1px solid #0071bd!important; 
}
#UseTemplate .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}
#UseTemplate .modal-body .form-control {
     height: 42px;
}

    /* scroll */
#UseTemplate .modal-body::-webkit-scrollbar {
    width: 5px;
}
#UseTemplate .modal-body::-webkit-scrollbar-thumb {
    background: #0071bd;
    border-radius: 10px;
}
#UseTemplate .modal-body::-webkit-scrollbar-track {
    background-color: #4a4a4a;
    border-radius: 10px;
}
    /* end scroll css */
    /**my jobs css start***/
.tab.my-jobs {
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    padding-top: 20px;
}
.tab.my-jobs .nav, .tab.my-jobs .tab-pane h3 {
    padding-left: 30px;
}
.tab.my-jobs .tab-content>.tab-pane{
    padding: 0px;
}
.tab.my-jobs .nav-tabs li a:hover, .tab.my-jobs .nav-tabs li.active a {
    color: #0071bd;
    border-bottom: 4px solid #0071bd;
}
.tab.my-jobs .nav-tabs li a {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 6px 16px;
    background: #fff;
    margin-right: 0;
    border-radius: 0;
    border: none;
    border-right: none !important;
    position: relative;
    transition: all 0.5s ease 0s;
}
.my-jobs .tab-content table thead{
    background-color: #0071bd;
    color: #fff;
}
.my-jobs .tab-content table thead tr th{
    border-bottom: none;

}
.my-jobs .tab-content table thead th, .my-jobs .tab-content table tbody td{
    text-align: center;
}
/*.my-jobs .tab-content .table>tfoot>tr>td{
    border-top: 1px solid #4a4a4a;
}*/
.my-jobs .dropdown .btn-primary{
    border: 1px solid #0071bd;
    border-radius: 4px;
    width: 100%;
    height: 46px;
    background: transparent;
    color: #333;
    font-size: 16px;
    padding: 10px 2px;
}
.my-jobs .dropdown .dropdown-menu{
    padding: 2px;
    border-radius: 0px;
    border-color: #4a4a4a;
}
.my-jobs .dropdown .dropdown-menu a{
    width: 100%;
    padding: 5px 20px;
}
.my-jobs .dropdown .dropdown-menu:after{
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    top: -9px;
    right: 22px;
    border-top-width: 0;
    border-width: 0 .9rem .9rem 0.9rem;
    border-bottom-color: #333;
    margin-left: -10px;
    border-top-width: 0;
}

.my-jobs .dropdown .dropdown-menu li{
    border-bottom: 1px solid #4a4a4a;
    text-align: center;
}
.my-jobs .dropdown .dropdown-menu li:last-child{
    border-bottom: none;
}
    /**my jobs css end***/    

    /**search candidate css start***/
.search-cand .candidate-list-layout .btn.btn-opening{
    padding: 6px 26px;
}
.search-cand .candidate-list-layout .btn.btn-opening1{
    background: transparent;
    border-color: #28b446;
    color: #000;
    padding: 6px 15px;
}
.search-cand .widget-boxed form .nice-select.form-control{
    border-radius: 4px; 
    margin-bottom: 15px;
    height: 42px; 
    line-height: 28px;
}
.search-cand .widget-boxed form .form-control{
    border-radius: 4px;
    height: 42px; 
    line-height: 28px;
}
.search-cand .pagination li:first-child a {
    background-color: #fff!important;
    border: 1px solid #eaeff5;
    border-radius: 50px;
    color: #5a6f7c; 
}
.search-cand .pagination>li>a, .search-cand .pagination>li>span{
    background-color: #fff;
    border: 1px solid #eaeff5; 
    border-radius: 50px;
    color: #5a6f7c;
}
.search-cand .pagination li:first-child a:hover, .search-cand .pagination>.active>a, .search-cand .pagination>.active>span, .search-cand .pagination>.active>a:hover, .search-cand .pagination>.active>span:hover, .search-cand .pagination>.active>a:focus, .search-cand .pagination>.active>span:focus, .pagination>li>a:hover, .search-cand .pagination>li>a:focus {
    z-index: 2;
    color: #fff!important;
    cursor: pointer;
    background-color: #0071bd!important;
    border-color: #ffffff;
}
    /**search candidate css end***/

    /**saved candidate css start***/

.saved-cand table thead{
    background-color: #0071bd;
    color: #fff;
}
/*.saved-cand table thead th:first-child, .saved-cand table tbody tr td:first-child{
    text-align: left;
}*/
.saved-cand table thead th:first-child .custom-checkbox, .saved-cand table tbody tr td:first-child .custom-checkbox{
    margin-left: 20px;
}
.saved-cand table thead tr th:first-child .custom-checkbox input[type="checkbox"]:checked + label:after, 
.saved-cand table tbody tr td:first-child .custom-checkbox input[type="checkbox"]:checked + label:after {
    top: 5px;
}
.saved-cand table thead th:first-child .custom-checkbox label:before {
    border: 2px solid #eee!important;
}
/*.saved-cand table thead th, .saved-cand table tbody tr td{
    text-align: center;
}*/
.saved-cand table tbody{
   border-bottom: 1px solid #eaeff5;
}
.saved-cand .btn-primary{
    background-color: transparent;
    color: #4a4a4a;
    border-radius: 4px;
    font-weight: 600;
}
.saved-cand .btn-primary:hover{
    background-color: transparent!important;
    color: #4a4a4a;
    border-radius: 4px;
}
.saved-cand .btn-primary.active, .saved-cand .btn-primary:active, .saved-cand .open>.dropdown-toggle.btn-primary {
    color: #4a4a4a;
    background-color: transparent;
    border-color: #0071bd;
}
.saved-cand .nice-select{
    height: 46px;
    border: 1px solid #0071bd;
    border-radius: 4px;
    background-color: #fff;
    line-height: 32px;
    font-weight: 600;
}
.btn.btn-unlock {
    background: #4a4a4a;
    border-color: #4a4a4a;
    color: #ffffff;
    padding: 6px 15px;
}

    /**saved candidate css end***/

    /**candidate profile css start***/

.candidate-profile .info h5{
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.8;
}
.candidate-profile .info p{
    font-size: 16px;
    margin-bottom: 0px;
}
.candidate-profile .profile p{
    margin-bottom: 0px;
    font-size: 16px;
    text-transform: none;
}
.candidate-profile .profile .cand-img img{
    width: 200px;
    height: 200px;
}
.candidate-profile .candidate-list-layout .cll-wrap .cll-caption{
    margin-left: 20px;
}
.candidate-profile .candidate-list-layout .cll-right .btn.btn-opening{
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
}
.candidate-profile .candidate-list-layout .cll-right .btn.btn-unlock{
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 600;
} 
#SaveCandidate .modal-body .custom-radio [type="radio"]:checked + label:before, #SaveCandidate .modal-body .custom-radio [type="radio"]:not(:checked) + label:before{
    width: 20px;
    height: 20px;
}
#SaveCandidate .modal-body .custom-radio [type="radio"]:checked + label:after, #SaveCandidate .modal-body .custom-radio [type="radio"]:not(:checked) + label:after{
    width: 15px;
    height: 14px;
}

    /**candidate profile css end***/

     /**candidate by job css start***/
.cand-job table .nice-select.form-control {
    border: 1px solid #0071bd;
    border-radius: 4px;
}
.cand-job p{
    font-size: 16px;
}
.cand-job table .dropdown a{
    cursor: pointer;
}
.cand-job .tab-content table thead th, .cand-job .tab-content table tbody td{
    text-align: left;
}
.cand-job .tab-content table thead th:last-child, .cand-job .tab-content table tbody td:last-child{
    text-align: center;
}
.cand-job table thead th:first-child .custom-checkbox, .cand-job table tbody tr td:first-child .custom-checkbox{
    margin-left: 20px;
}
.cand-job table thead th:first-child .custom-checkbox label:before {
    border: 2px solid #eee!important;
}
.cand-job table thead tr th:first-child .custom-checkbox input[type="checkbox"]:checked + label:after, .cand-job table tbody tr td:first-child .custom-checkbox input[type="checkbox"]:checked + label:after {
    top: 5px;
}
.cand-job .nav-tabs.nav-justified>.active>a, .cand-job .nav-tabs.nav-justified>.active>a:focus, .cand-job .nav-tabs.nav-justified>.active>a:hover{
    border-top: none; 
    border-left: none;
}
     /**candidate by job css end***/


     /**Employer home page css***/

.emp-home h1{
    font-weight: 500;
}
.emp-home .btn.btn-success{
    font-size: 16px;
    font-weight: 600;
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important;
    border-radius: 10px;
}
.emp-home .section1 p,  .emp-home .section2 p{
    font-size: 18px;
    line-height: 22px;
}
.emp-home .section1 span.input-group-addon {
    color: #fff;
     border-color: #0071bd;
    background: #0071bd;
    border-left: 0;
}
.emp-home .section1 span.input-group-addon a{
    color: #fff;
}
.emp-home .section2 .logo img{
    width: 135px;
}
.emp-home .nav-tabs li a {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 6px 16px;
    background-color: transparent;
    margin-right: 0;
    border-radius: 0;
    border: none;
    border-right: none !important;
    position: relative;
    transition: all 0.5s ease 0s;
}
.emp-home .nav-tabs li a:hover,  .emp-home .nav-tabs li.active a {
    color: #0071bd;
    border-bottom: 4px solid #0071bd!important;
}
.emp-home .nav-tabs.nav-justified>.active>a, .emp-home .nav-tabs.nav-justified>.active>a:focus, .emp-home .nav-tabs.nav-justified>.active>a:hover {
    border-top: none;
    border-left: none;
}
.emp-home .section3 .tab-content p, .emp-home .section4 p, .emp-home .section5 p{
    font-size: 18px;
}

     /**Employer home page css end***/

     /**Employer account css start***/
.emp-account .panel .panel-body{
    padding: 50px;
}    
.emp-account .panel-body .form-control{
    height: 40px;
    line-height: 26px;
}
.emp-account .panel .panel-body .btn.btn-success {
    font-weight: 600;
    color: #fff!important;
    background-color: #0071bd!important;
    border-color: #0071bd!important;
    border: 1px solid #0071bd!important;
} 
.emp-account .panel .panel-body .btn-success.can-btn {
    color: #4a4a4a!important;
    background-color: #fff!important;
    border-color: #0071bd!important;
    border: 1px solid #0071bd!important;
    font-weight: 600;
}     
     /**Employer account css end***/

     /**Employer order css start***/
.emp-order table thead{
    background-color: #0071bd;
    color: #fff;
}
/*.emp-order table thead th:first-child, .emp-order table tbody tr td:first-child{
    text-align: left;
}*/
.emp-order table thead tr th:first-child , .emp-order table tbody tr td:first-child {
    padding-left: 45px;
}

.emp-order table thead th:first-child .custom-checkbox label:before {
    border: 2px solid #eee!important;
}
/*.emp-order table thead th, .emp-order table tbody tr td{
    text-align: center;
}*/
.emp-order table tbody{
   border-bottom: 1px solid #eaeff5;
}
.emp-order p{
    text-transform: none;

}
    /**Employer order css end***/

    /**Notification dropdown css start***/
.notif .dropdown.on a .fa-bell-o:before {
    content: "\f0f3";
    color: #0071bd;
}
.notif .dropdown-menu-lg {
    max-width: 300px;
    min-width: 280px;
    padding: 0;
    max-height: 350px;
    overflow-y: scroll;
}
.notif .dropdown-menu-lg::-webkit-scrollbar {
    width: 5px;
}
.notif .dropdown-menu-lg::-webkit-scrollbar-thumb {
    background: #0071bd;
    border-radius: 10px;
}
.notif .dropdown-menu-lg::-webkit-scrollbar-track {
    background-color: #4a4a4a;
    border-radius: 10px;
}

.notif .dropdown-menu-lg .dropdown-item {
    padding: 0px;
}
.notif .dropdown-menu-lg .dropdown-item .media{
    padding-left: 5px;
    margin-top: 10px;
}
.notif .img-size-50 {
    width: 50px;
}
.notif .dropdown-menu-lg p {
    margin: 0;
    white-space: normal;
}
.notif .text-muted {
    color: #6c757d!important;
}

    /**Notification dropdown css end***/
@media only screen and (max-width: 992px)
{
    .navbar-default .navbar-brand img {
           max-height: 85px;
    }
}
@media only screen and (max-width: 1024px){
    .navbar-default .navbar-brand img {
        max-width: 125px;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        font-size: 12px;
    }
    .nav .post-btn {
        padding: 8px 8px!important;
        min-width: 150px;
    }
    .employer-custom .cloud_img{
        width: 22%;
    }
    .comp-page .comp-info .px-30{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px){
    .modal-lg {
        width: 850px;
    }
}

@media only screen and (max-width: 768px){
    .mobile-view{
        display: block;
    }
    .nav .post-btn{
        margin: 4px!important;
        width: auto!important;
        height: 35px!important;
    }
    .createaccount .form-horizontal .control-label{
        padding-left: 15px;
    }
    .createaccount .form-group #txtInput{
        margin-bottom: 30px;
    }
    .tab.my-jobs .nav {
        padding-left: 0px;
    }
    .cand-job table thead th:first-child .custom-checkbox, .cand-job table tbody tr td:first-child .custom-checkbox {
        margin-left: 0px;
    }
    .emp-account .panel .panel-body{
        padding: 15px;
    }   
    .emp-account .panel.px-30{
        padding-left: 0px;
        padding-right: 0px;
    } 
    .search-cand .panel-body .candidate-list-layout .cll-wrap .border-left, .candidate-profile .candidate-list-layout .cll-wrap .border-left{
        border-left: 0px;
    }
    .candidate-profile .candidate-list-layout .cll-wrap .cll-caption{
        margin-left: 0px;
    }
    .employer-step .stepwizard-step:after {
        margin: 0 30px;
    }
    .employer-custom .cloud_img{
        width: 30%;
    }
}

@media only screen and (max-width: 480px){
    .saved-cand .d-flex {
        display: block;
    }
    .saved-cand .mx-30{
        margin-left: 10px;
        margin-right: 10px;
    }
    .tab.my-jobs .nav li{
        float: none;
        text-align: center;
    }
    .post .panel.px-30{
        padding-left: 0px;
        padding-right: 0px;
    }
    .saved-cand .nice-select{
        width: 100%;
    }
    .signin .panel-body.p-50 {
        padding: 15px;
    }
    .candidate-profile .panel-body .text-right{
        text-align: left;
    }
    #fileForm3 {
        padding: 20px;
    }
    #fileForm3 .btn_popup_width {
        width: auto!important;
    }
    .employer-step .stepwizard-step:after {
        content: url('../img/arrow-default-small.png');
        width: 50%;
        margin: 0 30px;
    }
    .employer-step .stepwizard-step.active:after {
        content: url('../img/arrow-green-small.png');
    }     
    .employer-custom .cloud_img{
        width: 50%;
    }
    .comp-page .comp-info .px-30{
        padding-left: 0px;
        padding-right: 0px;
    }    
    .comp-page .comp-info .panel-body{
        padding: 0px;
    }
    .comp-page .panel-body form .btn-success{
        margin-bottom: 15px;
    }
    .emp-home .section1 .input-group{
        display: table!important;
    }
    .post-job .btn-link, .comp-info .btn-link {
        text-align: center;
    }
    .emp-order .mx-30{
        margin-left: 0px;
        margin-right: 0px;
    }
    .emp-order table thead tr th:first-child, .emp-order table tbody tr td:first-child {
        padding-left: 15px;
    }

}

@media only screen and (max-width: 375px){
    .employer-step .stepwizard-step:after {
        margin: 0 25px;
    }
    .employer-custom .cloud_img{
        width: 57%;
    } 
    .createaccount .panel-heading .panel-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 320px){
    .employer-step .stepwizard-step:after {
        margin: 0 15px;
    }
    .employer-custom .cloud_img{
        width: 67%;
    } 
}

