.details-page-wrap label {color: #000;}
body[data-sidebar=dark].vertical-collpsed {min-height: auto;}
.sortlist-checkbox .form-check-input[type=checkbox] {width: 20px;height: 20px;}
.sortlist-checkbox .form-check-input:checked {background-color: #1cbb8c;border-color: #1cbb8c;}
.cand-rejected-icon i {
    font-size: 28px !important;
    line-height: 27px;
    vertical-align: top;
}
.cand-filterbtn .btn-light {
    background-color: #ffff;
    border-color: #fff;
    font-size: 14px;
    margin-right: 20px;
    border-radius: 8px;
    color: #232B3A;
    font-family: Inter,sans-serif;
    font-weight: normal;
}
#Candidate-filter-btn {
    background-color: #ffff;
    border-color: #fff;
    font-size: 16px;
    margin-right: 20px;
    border-radius: 8px;
    color: #232B3A;
    font-family: Inter,sans-serif;
    font-weight: 500;
}
.cand-filterbtn {display: none;}
#Candidate-filter-btn:focus, .cand-filterbtn .btn-light:focus {box-shadow: none;}
.canfil-cmp-name {font-size: 16px;margin-bottom: 0; display: inline-block;vertical-align: middle;}
.canfil-cmp-name b {font-size: 20px;}
.pr-25 {padding-right: 25px;}
.cand-det-right .card, .cand-det-left .card {height: calc(100% - 24px);}
.cand-det-left .card-body {
    padding: 0;
}

.cand-sorting-top {background-color: #FAF9F8;padding: 1.25rem 1.25rem;}
.cand-sorting-top p {margin-bottom: 0;}
.cand-sorting-list ul {margin: 0;padding: 0;}
.cand-sorting-list ul li {list-style-type: none;border-bottom: 1px solid #E3E3E3;padding: 1rem 1.25rem;}
.cand-sorting-list ul li.active {background: #F1F9FF;}
.cand-sorting-list ul li p {margin-bottom: 0;}
.cand-sorting-list ul li h5 {margin-bottom: 2px;}
.logo-lg img {height: 50px;}
.logo-sm img {height: 32px;}






.profile-pic-wrap .profile-pic {
    width: 160px;
    max-height: 160px;
    display: inline-block;
    object-fit: cover;
    vertical-align: middle;
    height: 160px;
}
.profile-pic-wrap .file-upload {display: none;}
.profile-pic-wrap .circle {
    overflow: hidden;
    width: 170px;
    height: 170px;
    border: 5px solid #f1f5f7;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    box-sizing: border-box;
}
.profile-pic-wrap .p-image {
    position: absolute;
    bottom: 20px;
    right: 5px;
    color: #252b3b;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.profile-pic-wrap .p-image:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.profile-pic-wrap .upload-button {
    font-size: 30px;
    cursor: pointer;
}
.profile-pic-wrap .upload-button:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);color: #999;}
.profile-pic-wrap {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}
.employee-statusradio-wrap {display: none;}


.jobdet-tab-wrap .nav-tabs {
    border-bottom: 0px solid #ced4da;
    background-color: white;
    margin-bottom: 25px;
}
.jobdet-tab-wrap .nav-tabs .nav-link {
    border-bottom: 2px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 20px 30px;
    margin-bottom: 0px;
    color: #abadae;
    font-weight: bold;
    font-size: 16px;
    border-top: none;
    border-left: none;
    border-right: none;
}
.jobdet-tab-wrap .nav-tabs .nav-link.active {
    border-bottom: 2px solid #252b3b;
    color: #252b3b;
}
.whatsapp-number-wrap {display: none;}

#sidebar-menu ul li img{
    margin-right:7px;
}

input[type="checkbox"]#selectAllCheckboxes {
    width: 20px;
    height: 20px;
}
input[type="checkbox"]#selectAllCheckboxes:checked {
    background-color: #1cbb8c;
    border-color: #1cbb8c;
}



#v-pills-education {
    max-height: 250px;
    overflow-y: auto;
}
.filter_main_wrap #v-pills-education .form-check {
    padding-left: 30px;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}


/*New Design - 15-04-24*/


/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

body {
    font-family: "Poppins", sans-serif;
}


body[data-sidebar=dark] .navbar-brand-box {
    background: #fff;
}
body[data-sidebar=dark] .vertical-menu {
    background: #fff;
}
body {
    padding: 15px;
    background-color: #F6F6F6;
}
#page-topbar {
    border-radius: 15px;
    top: 15px;
    right: 15px;
    left: 15px;
}
body[data-sidebar=dark] .navbar-brand-box {
    background: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.vertical-menu {
    height: calc(100% - 130px);
    border-radius: 15px;
    top: 105px;
}
body[data-sidebar=dark] #sidebar-menu ul li a {
    color: #5b5b5b;
}
body[data-sidebar=dark] #sidebar-menu ul li a:hover {
    color: #5b5b5b;
}

#sidebar-menu ul li a {
    font-family: "Poppins", sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.card {
    border-radius: 15px;
} 

.footer {
    left: 280px;
    right: 15px;
    bottom: 15px;
    border-radius: 15px;
}

.main-content .page-content {
    padding-left: 30px;
    padding-right: 0;
} 
.main-content .page-content .container-fluid .col-12 {
    padding-left: 0;
    padding-right: 0;
}
.card-title {
    color: #003268;
    font-size: 18px;
    font-weight: 500;
}
.navbar-header {position: relative;}
.navbar-header:before {
    position: absolute;
    background-color: #F6F6F6;
    width: 100%;
    height: 30px;
    left: 0;
    right: 0;
    top: -30px;
    content: "";
}
.page-title-box h4 { 
    color: #003268;
}
.breadcrumb-item.active {
    color: #003268;
    font-size: 16px;
    font-weight: 500;
}
.breadcrumb-item>a {
    color: #5B5B5B;
    font-size: 16px;
    font-weight: 500;
}
.col-form-label {
    font-weight: 500;
    font-size: 16px;
    color: #5B5B5B;
}
.btn-success {
    color: #fff;
    background-color: #003268;
    border-color: #003268;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active
{
    background-color: transparent;
    color: #003268;
    border-color: #003268;
}
.btn-success:focus {
    box-shadow: 0 0 0 0.15rem rgba(0,50,104,.5);
 }
.btn-primary {
    color: #fff;
    background-color:#003268;
    border-color: #003268;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: transparent;
    color: #003268;
    border-color: #003268;
    box-shadow: none !important;
}



table.dataTable thead th {
    color: #5B5B5B;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 0;
    background-color: transparent;
}
/* table.dataTable thead th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
table.dataTable thead th:last-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
} */

.table .table-light {
    background-color: #f7f7f7;
}
.footer .col-sm-6 {
    font-weight: 500;
}
#sidebar-menu {
    padding: 20px 0 30px 0;
}
.metismenu > li {
    margin-bottom: 5px;
} 
table.dataTable tbody td a {
    font-weight: 500;
    color: #003268;
}
.form-control {
    border-color: #D9D9D9;
}

input.form-control::-webkit-input-placeholder { 
    color: rgba(91, 91, 91, 0.5);
    font-weight: 300;
    font-size: 14px;
    opacity: 1;
  }
input.form-control::-moz-placeholder {
    color: rgba(91, 91, 91, 0.5);
    font-weight: 300;
    font-size: 14px;
    opacity: 1;
  }
input.form-control:-ms-input-placeholder {
    color: rgba(91, 91, 91, 0.5);
    font-weight: 300;
    font-size: 14px;
    opacity: 1;
  }
input.form-control:-moz-placeholder { 
    color: rgba(91, 91, 91, 0.5);
    font-weight: 300;
    font-size: 14px;
    opacity: 1;
  }

body[data-sidebar=dark] .mm-active>a {
    color: #7888FC !important;
}  
body[data-sidebar=dark] .mm-active .active {
    color: #7888FC !important;
}
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #7888FC;
}
.form-check label {font-weight: 500;}
.pagination-rounded .page-link {
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
}
table thead th {
    font-weight: 500;
    color: #000000;
}
table tbody tr th {
    font-weight: 400;
} 
.navbar-brand-box span {
    line-height: 60px;
    display: inline-block;
    vertical-align: top;
}

#sidebar-menu ul li img {
    margin-right: 10px;
}


.search-filter-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.search-filter-field {
    width: 32%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.search-filter-field input {
    width: 100%;
    background-color: #F6F6F6;
    border: 0;
    height: 45px;
    border-radius: 10px;
    padding:5px 10px 5px 35px;
}
.search-filter-field input:focus {
    outline: 0;
}

.search-icon {
    position: absolute;
    left: 11px;
    top: 12px;
    color: #5B5B5B;
}
.map-icon {
    position: absolute;
    left: 11px;
    top: 12px;
    color: #5B5B5B;
}
.search-filter-field input::-webkit-input-placeholder { 
    color:rgba(0, 50, 104, 0.5);
    font-size:14px;
    font-weight: 400;
  }
  .search-filter-field input::-moz-placeholder { 
    color:rgba(0, 50, 104, 0.5);
    font-size:14px;
    font-weight: 400;
  }
  .search-filter-field input:-ms-input-placeholder { 
    color:rgba(0, 50, 104, 0.5);
    font-size:14px;
    font-weight: 400;
  }
  .search-filter-field input:-moz-placeholder { 
    color:rgba(0, 50, 104, 0.5);
    font-size:14px;
    font-weight: 400;
  }
  .search_btn {
    background-color: #7888FC;
    border: 1px solid #7888FC;
    padding: 0 30px;
    width: 48%;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    height: 45px;
    transition: all .4s;
}
.filter_btn {
    background-color: transparent;
    border: 1px solid #7888FC;
    padding: 0 10px;
    width: 48%;
    color: #7888FC;
    font-size: 14px;
    border-radius: 10px;
    height: 45px;
    transition: all .4s;
}
.filter_btn i {
    margin-right: 10px;
    vertical-align: middle;
}
.search_btn:hover {
    background-color: transparent;
    border: 1px solid #7888FC;
    color: #7888FC;
}
.filter_btn:hover {
    background-color: #7888FC;
    border: 1px solid #7888FC;
    color: #fff;
}
.dash-icon-round {
    background-color: #DADEF8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.dash-icon-name {
    color: #003268;
    font-size:16px;
    font-weight: 600;
    width: 76%;
    padding-left: 20px;
}
.dash-icon-number {
    color: #003268;
    font-size: 26px;
    font-weight: 600;
}
.dash_icon_wrap {
    display: flex;
    align-items: center;
    width: 100%;
}
.btn-blue {
    display: inline-block;
    vertical-align: middle;
    background-color: #7888FC;
    border: 1px solid #7888FC;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 10px;
    height: 40px;
    transition: all .4s;
    line-height: 36px;
    color: #fff;
}
.btn-blue i {
    margin-left: 20px;
    vertical-align: middle;
}
.btn-blue:hover {
    background-color: transparent;
    border-color: #7888FC;
    color: #7888FC;
}
.dash-box-red .dash-icon-round {
    background-color: rgba(255, 69, 96, 0.2);
}
.dash-box-red .btn-blue {
    background-color:#FF4560;
    border-color:#FF4560;
}
.dash-box-red .btn-blue:hover {
    background-color: transparent;
    border-color: #FF4560;
    color: #FF4560;
}

.dash-box-green .dash-icon-round {
    background-color:rgba(107, 202, 194, 0.2);
}
.dash-box-green .btn-blue {
    background-color:#6BCAC2;
    border-color:#6BCAC2;
}
.dash-box-green .btn-blue:hover {
    background-color: transparent;
    border-color:#6BCAC2;
    color: #6BCAC2;
}




.filter_main_wrap {
    padding-top: 30px;
    /* display: none; */
}
.filter_main_wrap .nav-pills .nav-link.active {
    background-color: transparent;
    color: #7888fc;
    font-weight: 500;
}
.filter_main_wrap .nav-pills .nav-link {
    color: #5B5B5B;
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.filter_main_wrap .tab-content {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 20px 20px;
    height: 100%;
}
.filter_main_wrap .form-check {
    padding-left: 30px;
}
.filter_main_wrap .form-check .form-check-input {
    margin-left: -25px;
    margin-top: 3px;
    width: 18px;
    height: 18px;
}
.filter_main_wrap .form-check label {
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    color: #000;
}
.filter-applied-wrap {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
    height: 100%;
    margin-top: 30px;
}
.filter-applied-wrap h6 {
    color: #5B5B5B;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}
.filter-applied-wrap ul {
    padding: 0;
    margin: 0;
}
.filter-applied-wrap ul li {
    list-style-type: none;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #D9D9D9;
    border-radius: 50px;
    padding: 8px 13px;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-right: 15px;
    margin-bottom: 15px;
}
.filter-applied-wrap ul li .filter-app-close {
    background-color: #B96A6A;
    color: #fff;
    border-radius: 50px;
    width: 23px;
    height: 23px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-left: 4px;
    cursor: pointer;
    line-height: normal;
}
.filter_applied_btn {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.filter_applied_btn .filter_btn {
    width: 170px;
    margin: 0 5px;
    border-color: #FF4560;
    color: #FF4560;
}
.filter_applied_btn .filter_btn:hover {
    background-color:#FF4560;
    color: #fff;
}
.filter_applied_btn .search_btn {
    width: 170px;
    margin: 0 5px;
}
.filter_applied_btn .search_btn i {vertical-align: middle;}

.pl-0 {padding-left: 0;}
.pr-0 {padding-right: 0;}

.rangeslider-main {
    display: flex;
    margin-bottom: 15px;
    color: #000;
    font-weight: 600;
}
.rangeslider-wrap .ui-widget.ui-widget-content {
    border: 0;
    border-radius: 50px;
    height: 6px;
    background-color: #D9D9D9;
}
.rangeslider-wrap .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    background-color: #7888FC;
}
.rangeslider-wrap .ui-slider .ui-slider-handle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
.rangeslider-wrap .ui-slider-horizontal .ui-slider-handle {
    top: -8px !important;
}
.rangeslider-wrap .rangeslider-text {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.rangeslider-wrap .rangeslider-min {
    margin: 0 4px;
}
.rangeslider-wrap .rangeslider-max {
    margin: 0 4px;
}
.rangeslider-wrap .ui-state-default,
.rangeslider-wrap .ui-widget-content .ui-state-default {
    background-color: #7888FC;
    border: 0;
}
.rangeslider-wrap {
    max-width: 700px;
}
.filter_main_wrap {display: none;}
.filter-applied-wrap {display: none;}
.filter_applied_btn {display: none;}
.show-resulat-select label {
    font-weight: normal;
    display: flex;
    width: auto;
    flex-wrap: wrap;
    align-items: center;
}
.show-resulat-select select {
    width: auto;
    margin: 0 5px;
}
.cand-date {
    display: flex;
    align-items: center;
}
.cand-date h4 {
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 16px;
    color: #1C274C;
    font-weight: 500;
}
.cand-date p {
    margin-bottom: 0;
    color: #5B5B5B;
    font-size: 14px;
}
.searres-box-wrap {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    background-color: #f6f6f6;
}
.show-resulat-select {
    margin-bottom: 20px;
}
.sear-cand-box {
    width: 97%;
}
.sear-cand-det {
    width: 3%;
    text-align: right;
}
.cand-data-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
}
.sear-cand-det a {
    color: #000;
}
.cand-numb a {
    color: #5B5B5B;
    font-size: 15px;
    font-weight: 500;
}
.cand-details-top {
    padding-top: 20px;
    padding-bottom: 5px;
}
.cand-details-top ul {
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.cand-details-top ul li {
    list-style-type: none;
    margin-right: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #5B5B5B;
}
.cand-details-top ul li img {
    margin-right: 9px;
}
.cand-numb a:hover {
    color: #7888fc;
}
.cand-comment-inner {
    background-color: #ffffff;
    padding: 12px 18px;
    border-radius: 10px;
    margin-top: 10px;
}
.cand-comment-inner h5 {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}
.cand-comment-inner p {
    margin-bottom: 0;
    color: #5B5B5B;
    font-size: 14px;
    font-weight: 400;
}
.cand-comment-inner h5 span {
    margin-left: 5px;
    color: #b0b0b0;
    font-size: 12px;
}
.cand-details-right {
    margin-left: 30px;
}
.cand-details-left {
    width: 100%;
}
.cand-details-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.add-comment-btn {
    background-color: #fff;
    border: 1px solid #1D3666;
    border-radius: 5px;
    padding: 7px 10px;
    line-height: normal;
    color: #1D3666;
    display: block;
    width: 140px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}
.add-comment-btn i {
    margin-right: 5px;
    font-size: 14px !important;
}
.viewall-comment-btn {
    background-color: #1D3666;
    border: 1px solid #1D3666;
    border-radius: 5px;
    padding: 7px 10px;
    line-height: normal;
    color: #fff;
    display: inline-block;
    width: 140px;
    text-align: center;
    vertical-align: middle;
    margin-top: 10px;
    font-size: 12px;
}
.viewall-comment-btn i {
    margin-left: 10px;
    line-height: 19px;
    vertical-align: middle;
    font-size: 18px !important;
}
.viewall-comment-btn:hover {
    background-color: transparent;
    color: #1D3666;
}
.add-comment-btn:hover {
    background-color: #1D3666;
    color: #fff;
}
.clear_filter_btn {
    background-color: transparent;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 10px;
    height: 45px;
    transition: all .4s;
    width: 170px;
    margin: 0 5px;
    color: #FF4560;
    border: 1px solid #FF4560;
}
.clear_filter_btn:hover {
    background-color: #FF4560;
    color: #fff;
}

.pagination-wrap h6 {
    color: #5B5B5B;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 26px;
}
.pagination-wrap .pagination {justify-content: flex-end; margin-bottom: 0;}

body button.buttons-excel {
    background: #003268;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    border-color: #003268;
    font-size: .9rem;
    border-radius: .25rem;
    margin-bottom: 20px;
}
body button.buttons-excel:hover {
    background: transparent !important;
    color: #003268;
    border-color: #003268 !important;
}
.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    background-color: #7888FC;
    line-height: 19px;
    width: 18px;
    height: 18px;
    margin-top: -16px;
    font-size: 18px;
    font-weight: 500;
    top: 28px;
}
div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
    font-weight: 500;
    color: #5B5B5B;
}
table.table td .form-check.mb-3 {
    margin-bottom: 0 !important;
}

.mb-10 {margin-bottom: 10px !important;}

.dashboard-filter .search-filter-field {width: 37%;}
.dashboard-filter .dashb-filterser-btn {width: 22%;}
.dashboard-filter .dashb-filterser-btn button {width: 100%;}







.cande-main-wrap .nav-tabs {max-width: 100%;}
.cande-main-wrap .nav-tabs a.nav-link {font-size: 16px;}
.cande-main-wrap .nav-tabs-custom .nav-item .nav-link.active {color: #003268;}
.cande-main-wrap .nav-tabs-custom .nav-item .nav-link::after {background: #003268;}
.can-name-header {
    background-color: #F7F7F7;
    border-radius: 10px;
    padding: 20px 25px;
}
.cande-main-wrap .tab-content {padding-top: 30px;}
.can-name-header h2 {
    font-size: 20px;
    color: #003268;
    margin-bottom: 2px;
    font-family: "Poppins", sans-serif;
}
.can-name-header p {
    font-size: 16px;
    color: #5B5B5B;
    margin-bottom: 0;
}
.can-bor-btn {
    border: 1px solid #D9D9D9;
    background-color: #fff;
    border-radius: 26px;
    padding: 10px 20px 12px 20px;
    line-height: 30px;
    color: #000000;
    margin-left: 10px;
}
.can-bor-btn img {
    margin-right: 5px;
    margin-top: -2px;
}
.can-bor-btn:hover {
    background-color: #D9D9D9;
    color: #000;
}
.can-maintitle-wrap h2 {
    color: #5B5B5B;
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}
.can-maintitle-wrap {
    margin-top: 20px;
    margin-bottom: 5px;
}
.personal-information-wrap {
    background-color: #F7F7F7;
    border-radius: 10px;
    padding:20px 25px 0 25px;
}
.personal-information-wrap .col-sm-6 {
    margin-bottom: 20px;
}
.personal-information-wrap .col-sm-12 {
    margin-bottom: 20px;
}
.can-man-title {
    color: #000000;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 4px;
}
.can-man-subtitle {
    font-size: 15px;
    color: #5B5B5B;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
}

.resume-with-wrap a {
    background-color: #F7F7F7;
    width: 100%;
    display: block;
    padding: 10px 25px 10px 20px;
    border-radius: 10px;
    font-size: 16px;
    color: #000000;
}
.resume-with-wrap a img {
    margin-right: 10px;
}
.resume-with-wrap a span {
    color: #5B5B5B;
    font-size: 18px;
    float: right;
}
.resume-with-wrap {
    margin-top: 30px;
}





.can-log-date {
    width: 15%;
    display: flex;
    align-items: center;
    text-align: right;
    padding-right: 50px;
    position: relative;
}
.can-log-details {
    width: 56%;
    display: flex;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.can-log-comments {
    width: 25%;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 10px 20px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
}
.candidate-log-list {
    display: flex;
}
.can-left {
    width: 40%;
    background-color: #f9f9f9;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}
.can-right {
    width: 60%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}
.can-left p {
    font-size: 15px;
    color: #000;
    font-weight: 400;
}
.candidate-log-list:last-child .can-log-comments {
    margin-bottom: 0;
}
.can-right ul {
    padding: 0;
    margin-bottom: 0;
}
.can-right ul li {
    list-style-type: none;
    font-size: 14px;
    font-weight: 400;
    color: #5B5B5B;
    margin-bottom: 10px;
}
.can-right ul li:last-child {
    margin-bottom: 0;
}
.can-right ul li b {
    font-weight: 500;
    color: #000;
}
.log-date {
    width: 100%;
    font-size: 16px;
    color: #5B5B5B;
}
.log-date b {display: block;font-size: 18px;font-weight: 500;color: #000000;}
.log-date-line {
    width: 2px;
    height: 100%;
    background-color: #D9D9D9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.log-date-line:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 5px solid #D9D9D9;
    border-radius: 100%;
    left: -9px;
    top: 50%;
    margin-top: -20px;
}
.candidate-log-list:last-child .can-log-details {
    margin-bottom: 0;
}

#v-pills-department {
    max-height: 250px;
    overflow-y: auto;
}
.filter_main_wrap #v-pills-department .form-check {
    padding-left: 30px;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}


.searres-box-wrap .cand-date h4 a {
    text-transform: capitalize;
}

/*Notification page*/


.notification-wrap ul {
    padding: 0;
}
.notification-wrap ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
    justify-content: space-between;
}


.notification-wrap ul li .noti-img {
    width: 35px;
    background-color: rgba(107, 202, 151, 0.2);
    text-align: center;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    border-radius: 5px;
}
.notification-wrap ul li .noti-img.shortlisted_bg {
    background-color: rgba(107, 202, 151, 0.2);
}
.notification-wrap ul li .noti-img.newjob_bg {
    background-color: rgba(255, 167, 35, 0.2);
}
.notification-wrap ul li .noti-img.firstround_bg {
    background-color: rgba(120, 136, 252, 0.2);
}
.notification-wrap ul li .noti-img.rejected_bg {
    background-color: rgba(255, 69, 96, 0.2);
}
.notification-wrap ul li .noti-img.clientshare_bg {
    background-color: rgba(41, 141, 197, 0.2);
}



.notification-wrap ul li h6 {
    margin-bottom: 0;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.notification-wrap ul li .noti-img img {
    max-height: 22px;
}
.notification-left {
    display: flex;
    align-items: center;
}
.notification-wrap {
    padding-top: 10px;
}
.notification-wrap ul li h6 a {
    color: #004084;
}
.nofi-date {
    font-size: 12px;
}
.notification-btn {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*Notification page*/



@media (max-width:991px){
    .main-content .page-content {padding-left: 0;}
    .footer {
        left: 15px;
        height: auto;
    }

}


@media (max-width:767px){
    .search-filter-wrap {flex-direction: column;}
    .search-filter-field {width: 100%;align-items: center; margin-bottom: 10px;flex-direction: column;}
    .filter_btn {margin-top: 10px;}
    .searres-box-wrap {flex-direction: column;}   
    .sear-cand-box {width: 100%;}
    .cand-data-wrap {flex-direction: column;}   
    .cand-date {flex-direction: column;}   
    .cand-date p {padding-top: 5px;padding-bottom: 5px;}
    .cand-details-wrap {flex-direction: column;align-items: flex-start;}   
    .cand-details-top ul {flex-direction: column;align-items: flex-start;}
    .cand-details-top ul li {margin-bottom: 4px;}
    
    .add-comment-btn {width: 100%;}
    .viewall-comment-btn {width: 100%;}
    .cand-details-right {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .cand-data-wrap {align-items: flex-start;}


    .candidate-log-list {display: block;}
    .can-log-date {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .can-log-details {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .can-log-comments {width: 100%;}
    .log-date-line {display: none;}
    .candidate-log-list:last-child .can-log-details {
        margin-bottom: 20px;
    }
    .can-bor-btn {
        display: block;
        text-align: center;
        margin-top: 10px;
        font-size: 13px;
        margin-left: 0;
        padding: 8px 20px 10px 20px;
        line-height: 20px; 
    }
    .resume-with-wrap a {margin-bottom: 10px;}
    .dashboard-filter .search-filter-field {width: 100%;}
    .dashboard-filter .dashb-filterser-btn {width: 100%;}
    .filter_main_wrap #v-pills-department .form-check {width: 100%;}
    .clear_filter_btn {margin-bottom: 10px;}



    .filter_main_wrap #v-pills-education .form-check {
        width: 100%;
    }


}