#overlay {
    position: fixed;
    top: 0;
    z-index: 9999 !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

#overlay-div {
    position: absolute;
    top: 0;
    z-index: 980 !important;
    /* width: 100%; */
    /* height: 100%; */
    /* background: rgba(0,0,0,0.6); */
    margin-top: 11%;
    margin-left: 46%;
}

.div-cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: div-sp-anime 0.8s infinite linear;
}

@keyframes div-sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

.ps-staff,
.ps-vs-competitors,
.ps-client-dashboard-latest-result {
    position: relative;
    max-height: 100%;
}

.dz-view-file {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzone img {
    max-width: 100%;
    max-height: 100%;
}

.table-responsive .dropdown {
    position: static;
}

.border-radius-15 {
    border-radius: 15px;
}

.campaign-insight-jobs-scroll {
    position: relative;
    max-height: 500px;
}

.border-1-solid-grey {
    border-width: 2px !important;
    border-color: #cccccc;
}

.job-modal-sticky-footer,
.location-op-hours-modal-sticky-footer {
    position: sticky;
    bottom: -15px;
    z-index: 50;
    /* background-color: white; */
    padding: 10px;
}

/*---------- Search bar ----------*/

.nav-search-bar-results {
    background: #fff;
    width: 100%;
    color: gray;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
    display: none;
    z-index: 9;
}

.search-form {
    position: relative;
}

.br-10 {
    border-radius: 10px;
}

.br-5 {
    border-radius: 5px;
}

.mt-100px{
    margin-top: 100px !important;
}

/* Change color of disabled date in bootstrap datepicker */
/* .datepicker.datepicker-dropdown
    .datepicker-days
    table.table-condensed
    tbody
    td.disabled {
    color: #999999;
} */

.nav-user-campaign-notes-results-scroll {
    position: relative;
    max-height: 300px;
}

.nav-user-system-notes-results-scroll {
    position: relative;
    max-height: 300px;
}

.br-p5x {
    border-radius: 5px !important;
}

.text-orange {
    color: orange;
}

/* Perfect scrollbar in modal custom class css*/
/* For vertical scrollbar */
.mc-ps__rail-y {
    width: 10px !important;
}

.mc-ps__thumb-y {
    width: 10px !important; 
    background-color: #A8A8A8 !important;
}

/*
 Nested sidebar submenu 
*/
.sidebar .sidebar-body .nav.sub-menu .nav-item-inner-menu {
    position: relative;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item-inner-menu .nav-link.active::before {
    border: 1px solid #3498db;
    background: #3498db;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item-inner-menu .nav-link::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 75%;
    background: transparent;
    border: 1px solid #a9b4ca;
    position: absolute;
    left: -28px;
    top: 8px;
    transition: all 0.4s ease-in-out;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item-inner-menu .nav-link {
    height: 25px;
}

.sidebar .sidebar-body .nav .nav-item:hover .nav-link.hover-disable {
    color: #000 !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link.hover-disable:hover {
    color: #3498db !important;
}

.sidebar .sidebar-body .nav .nav-item:hover .nav-link.hover-disable[aria-expanded=true] {
    color: #3498db !important;
}

.sidebar .sidebar-body .nav .nav-item:hover .nav-link.hover-disable[aria-expanded=true] {
    color: #3498db !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link.hover-disable:hover::before {
    border: 1px solid #3498db;
    background: #3498db;
}

.sidebar .sidebar-body .nav .nav-item .nav-link.hover-disable[aria-expanded=true]::before {
    border: 1px solid #3498db;
    background: #3498db;
}
.sidebar .sidebar-body .nav .nav-item-inner-menu.active .nav-link.hover-disable {
    color: #3498db;
}
.sidebar .sidebar-body .nav .nav-item-inner-menu .nav-link.hover-disable {
    color: #000 !important;
}
.sidebar .sidebar-body .nav .nav-item-inner-menu .nav-link.hover-disable[aria-expanded=true] {
    color: #3498db !important; 
}
.sidebar .sidebar-body .nav .nav-item-inner-menu .nav-link.active {
    color: #3498db !important;
}
.sidebar .sidebar-body .nav .nav-item-inner-menu .nav-link.active.hover-disable {
    color: #3498db !important;
}

.popover-h250 {
    max-height: 250px !important;
    overflow-y: auto !important;
}


.resize-textarea-vertical {
    resize: vertical;
}