:root {
    /*--primary-color: #00009D !important;*/
    --primary-color: none;
    --primary-font-color: #363A47;
    --header-color: #fff;
    --nav-color: #fff;
    --body-bg: #F8F8FB;
    --content-bg: #fff;
    --link-color: #545A6D;
    --primary-font: 'Poppins', sans-serif;
}

img {
    max-width: 100%;
}

.green :root {
    --primary-color: #009d27 !important;
}

a {
    text-decoration: none;
    color: var(--link-color);
}

    a:hover {
        color: var(--primary-color);
    }

.btn:hover {
    background-color: color-mix(in oklab, var(--primary-color), white 20%) !important;
    border-color: color-mix(in oklab, var(--primary-color), white 20%) !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.form-control:focus {
    box-shadow: none !important;
}

body {
    font-family: var(--primary-font);
    background: var(--body-bg) !important;
    font-size: 13px;
}

select.form-control {
    -webkit-appearance: auto;
    appearance: auto;
}

.form-control {
    font-size: 13px;
}

.header-panel {
    background: var(--header-color);
    /* box-shadow: 0px 10px 20px 0px rgba(18, 38, 63, 0.03); */
    margin-bottom: 12px;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.12);
}

.logo-panel {
    width: 100%;
    max-width: 266px;
    flex-shrink: 0;
}

    .logo-panel img {
        max-height: 131px;
    }

.nav-wrapper {
    flex-grow: 1;
}

.nav-top {
    padding-top: 18px;
    padding-bottom: 18px;
}

.nav-bottom {
    border-top: 1px solid #DEDEF1;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .nav-bottom .navbar {
        background: transparent !important;
        padding: 0;
    }

    .nav-bottom .navbar-nav {
        list-style-type: none;
        padding: 0;
        display: flex;
        gap: 46px;
    }

        .nav-bottom .navbar-nav > li {
            position: relative;
            font-size: 13px;
            font-weight: 500;
            position: relative;
        }

            .nav-bottom .navbar-nav > li.active::after {
                content: '';
                height: 2px;
                background: var(--primary-color);
                position: absolute;
                bottom: -11px;
                left: 0;
                right: 0;
                display: block;
            }

            .nav-bottom .navbar-nav > li.active a {
                color: var(--primary-color);
            }

            .nav-bottom .navbar-nav > li::before {
                background: #DFE2EF;
                content: '';
                width: 1px;
                height: 16px;
                display: block;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: -22px;
            }

            .nav-bottom .navbar-nav > li > a.nav-link {
                display: flex;
                align-items: center;
                gap: 9px;
            }

            .nav-bottom .navbar-nav > li:last-child::before {
                display: none;
            }

.nav-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
}

.nav-icon-home {
    background: url("../img/icon/home-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-my-info {
    background: url("../img/icon/info-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-people {
    background: url("../img/icon/people-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-job {
    background: url("../img/icon/job-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-canditates {
    background: url("../img/icon/candidates-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-documents {
    background: url("../img/icon/documents-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-analytics {
    background: url("../img/icon/analytics-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-more {
    background: url("../img/icon/more-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-databank {
    background: url("../img/icon/analytics-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-ctcfinalization {
    background: url("../img/icon/ctc-finalization.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-offeredcandidate {
    background: url("../img/icon/Offer.svg") no-repeat 0 0;
    background-size: cover;
}


.top-search {
    position: relative;
}

    .top-search input {
        border: none;
        border-radius: 0;
        width: 250px;
        padding-left: 2rem;
        padding-right: 2rem;
    }

        .top-search input:focus {
            background: var(--body-bg);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        }

    .top-search .search-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 8px;
    }

.search-icon {
    background: url("../img/icon/search-icon.svg") no-repeat 0 0;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    display: block;
}

.top-link-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
}

.top-link-icon-data {
    background: url("../img/icon/data-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.top-link-icon-settings {
    background: url("../img/icon/setting-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.top-link-icon-help {
    background: url("../img/icon/help-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.top-link-icon-bell {
    background: url("../img/icon/bell-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-rights-links {
    gap: 14px;
}

.profile-avatar {
    overflow: hidden;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

    .profile-avatar img {
        width: 36px;
        height: 36px;
        object-fit: contain;
    }

.left-panel {
    width: 258px;
    min-height: calc(100vh - 143px);
    flex-shrink: 0;
    position: relative;
    transition: all 0.3s ease-in;
}

    .left-panel.collapse-panel {
        width: 0px;
        background: var(--primary-color);
        margin-left: 5px;
    }

        .left-panel.collapse-panel .left-select-panel, .left-panel.collapse-panel .left-main-nav-panel {
            opacity: 0;
            overflow: hidden;
        }

.collapse-arrow-icon {
    background: url("../img/icon/collapse-arrow.svg") no-repeat 0 0;
    width: 16px;
    height: 31px;
    display: block;
    position: absolute;
    top: 40vh;
    right: -15px;
    margin-top: -15px;
    cursor: pointer;
}

.left-panel.collapse-panel .collapse-arrow-icon {
    transform: rotate(-180deg);
}

.left-main-nav-panel {
    background: var(--nav-color);
    padding: 25px 14px;
}

.more-link::after {
    display: none;
}

.left-main-nav-panel .accordion .accordion-item {
    border: none;
    margin-bottom: 16px;
    box-shadow: none;
}

.left-main-nav-panel .accordion-header {
    background: transparent;
}

.left-main-nav-panel .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.left-main-nav-panel .accordion-header button {
    padding: 0;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #3F4455;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .left-main-nav-panel .accordion-header button:focus {
        box-shadow: none;
    }

.left-main-nav-panel .accordion-button::after {
    width: 14px;
    height: 14px;
    background-size: contain;
}

.main-container {
    gap: 26px;
}

.left-main-nav {
    list-style-type: none;
}

    .left-main-nav > li {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 23px;
    }

        .left-main-nav > li > a {
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 9px;
            position: relative;
        }

            .left-main-nav > li > a::before {
                content: '';
                position: absolute;
                top: 7px;
                right: 0;
                background: url("../img/icon/chevron-down.svg") no-repeat 0 0;
                width: 1rem;
                height: 1rem;
                display: block;
            }

.left-nav-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
}

.left-nav-icon-employment {
    background: url("../img/icon/employment-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-department {
    background: url("../img/icon/department-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-location {
    background: url("../img/icon/location-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-pay-range {
    background: url("../img/icon/pay-range-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-pay-type {
    background: url("../img/icon/pay-type-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-tenure {
    background: url("../img/icon/tenure-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-age {
    background: url("../img/icon/age-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-gender {
    background: url("../img/icon/gender-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-ethnicity {
    background: url("../img/icon/ethnicity-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-more {
    background: url("../img/icon/more-icon.svg") no-repeat 0 0;
    background-size: cover;
}

.left-select-panel {
    background: var(--nav-color);
    padding: 15px;
    margin-bottom: 14px;
}

.form-control {
    border-radius: 0;
}

.page-title-text {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
}

.main-content-panel {
    background: var(--content-bg);
    min-height: calc(100vh - 244px);
}

.user-list-panel {
    max-width: 652px;
    width: 100%;
    border-right: 1px solid #ECECF2;
    padding: 20px 0 20px 20px;
    flex-grow: 1;
    flex-shrink: 0;
}

    .user-list-panel .top-search input {
        border-bottom: 1px solid #DDDDEB;
    }

        .user-list-panel .top-search input:focus {
            background: #fff;
            box-shadow: none;
        }

.user-list-block {
    padding: 13px;
    background: #F5F5F5;
    margin-bottom: 14px;
    transition: all 0.3s;
}

    .user-list-block:hover,
    .user-list-block.active {
        background: var(--primary-color);
        color: #fff;
    }

        .user-list-block:hover .email-icon-grey,
        .user-list-block.active .email-icon-grey {
            background: url("../img/icon/email-icon-white.svg") no-repeat 0 0;
        }

        .user-list-block:hover .user-list-content h6,
        .user-list-block:hover .user-list-content p,
        .user-list-block.active .user-list-content h6,
        .user-list-block.active .user-list-content p {
            color: #fff;
        }

        .user-list-block:hover h3,
        .user-list-block.active h3 {
            color: #fff;
        }

.user-list-check input {
    width: 1rem;
    height: 1rem;
}

.user-list-content h3 {
    font-size: 13px;
    font-weight: 600;
    color: #1C2132;
    margin-bottom: 5px;
}

.user-list-content h6 {
    font-size: 13px;
    font-weight: 400;
    color: #8D8DA9;
    margin-bottom: 5px;
}

.user-list-content p {
    font-size: 13px;
    font-weight: 400;
    color: #757E99;
    margin-bottom: 5px;
}

.email-icon-grey {
    background: url("../img/icon/email-icon-grey.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.email-icon-pink {
    background: url("../img/icon/email-icon-pink.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.email-icon-white {
    background: url("../img/icon/email-icon-white.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.plus-icon {
    background: url("../img/icon/plus-icon.svg") no-repeat 0 0;
    width: 17px;
    height: 18px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
}

.btn {
    border-radius: 0 !important;
    font-size: 13px;
    white-space: nowrap;
}

.btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.user-details-panel {
    padding: 24px 40px;
}

.user-profile-avatar {
    width: 98px;
    height: 98px;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
}

    .user-profile-avatar img {
        max-width: 100%;
    }

.user-profile-cont h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
    /* width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    margin-right: 10px;
}

.user-profile-cont h5 {
    font-size: 13px;
    font-weight: 400;
    color: #8D8DA9;
    margin-bottom: 5px;
}

.user-profile-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #757E99;
    margin-bottom: 5px;
}

.degnation-tag {
    background-color: color-mix(in oklab, var(--primary-color), black 10%) !important;
    padding: 4px 10px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

.edit-icon {
    background: url("../img/icon/edit-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.edit-icon-white {
    background: url("../img/icon/edit-icon-white.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.more-vr-icon {
    background: url("../img/icon/more-vr-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.user-info-row {
    margin-bottom: 18px;
    padding-bottom: 10px;
}

    .user-info-row h4 {
        font-size: 1rem;
    }

.user-info-heading {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 19px;
}

.user-info-sub-heading {
    color: #81889E;
    font-size: 13px;
    font-weight: 500;
}

.user-info-brief-cont h6 {
    color: #363A47;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}

.user-info-brief-cont h5 {
    margin-bottom: 0;
}

.user-info-row-inner {
    border-bottom: 1px dashed #D7D7D7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.signature-panel {
    border: 1px solid #E6E6E6;
    min-height: 111px;
}

    .signature-panel p {
        color: #E6E6E6;
        font-size: 16px;
        font-weight: 500;
        line-height: 111px;
        text-align: center;
        margin-bottom: 0;
    }

.btn-warning {
    background: #FFF599;
    border-color: #FFF599;
    border-radius: 0;
    font-size: 13px;
    padding: 11px 15px;
}

.btn.btn-warning:hover {
    background-color: color-mix(in oklab, #FFF599, black 10%) !important;
    border-color: color-mix(in oklab, #FFF599, black 10%) !important;
}

.manager-icon {
    background: url("../img/icon/manager-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.gen-icon {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.lang-icon {
    background: url("../img/icon/language-icon.svg") no-repeat 0 0;
}

.country-icon {
    background: url("../img/icon/country-icon.svg") no-repeat 0 0;
}

.date-icon {
    background: url("../img/icon/data-icon.svg") no-repeat 0 0;
}

.date-calender-icon {
    background: url("../img/icon/calendar-icon.svg") no-repeat 0 0;
}

.delivery-time-icon {
    background: url("../img/icon/delivery-time-icon.svg") no-repeat 0 0;
}

.map-icon {
    background: url("../img/icon/timezone-icon.svg") no-repeat 0 0;
}

.address-pin-icon {
    background: url("../img/icon/location-pin-icon.svg") no-repeat 0 0;
}

.phone-icon {
    background: url("../img/icon/phone-case-icon.svg") no-repeat 0 0;
}

.email-id-icon {
    background: url("../img/icon/email-icon.svg") no-repeat 0 0;
}

.website-icon {
    background: url("../img/icon/website-icon.svg") no-repeat 0 0;
}

.job-icon {
    background: url("../img/icon/job-seeker-icon.svg") no-repeat 0 0;
}

.self-service-icon {
    background: url("../img/icon/self-service-icon.svg") no-repeat 0 0;
}

.payroll-icon {
    background: url("../img/icon/payroll-icon.svg") no-repeat 0 0;
}

.lams-icon {
    background: url("../img/icon/lams-icon.svg") no-repeat 0 0;
}

.self-service {
    background: url("../img/icon/portrait.svg") no-repeat 0 0;
}

.self-service-fld .dropdown-toggle {
    background: var(--primary-color) !important;
    color: #fff !important;
}

    .self-service-fld .dropdown-toggle[aria-expanded="true"] {
        background-color: color-mix(in oklab, var(--primary-color), black 10%) !important;
        border-color: color-mix(in oklab, var(--primary-color), black 10%) !important;
        color: #fff !important;
    }

.pagination-panel {
    border-top: 1px solid #ECECF2;
}

.pagination-list > li {
    gap: 5px;
}

    .pagination-list > li > a {
        width: 34px;
        height: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

        .pagination-list > li > a:hover {
            background: #EFF2F7;
        }

        .pagination-list > li > a.active {
            background: var(--primary-color);
            color: #fff;
        }

.select-grey-bg {
    background: #EFF2F7;
    border: 1px solid #EFF2F7;
}

.job-seeker-fld {
    position: relative;
    width: 175px;
}

    .job-seeker-fld select {
        width: 175px;
        padding-left: 50px;
    }

    .job-seeker-fld span {
        display: flex;
        flex-grow: 1;
    }

.left-main-sub-nav {
    padding-left: 5px;
}

    .left-main-sub-nav > li {
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .left-main-sub-nav > li > a {
            display: flex;
            gap: 8px;
        }

            .left-main-sub-nav > li > a input {
                width: 1rem;
                height: 1rem;
            }

        .left-main-sub-nav > li .form-check {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .left-main-sub-nav > li .form-check-input {
            position: relative;
            top: -3px;
        }

.select-lang-fld {
    width: 175px;
}

    .select-lang-fld span {
        display: flex;
        flex-grow: 1;
    }

.lang-select-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

    .lang-select-icon img {
        width: 24px;
        height: 24px;
        object-fit: cover;
    }

.dropdown-menu {
    border-radius: 0 !important;
}

    .dropdown-menu > li {
        font-size: 13px;
    }

.notification-btn {
    position: relative;
}

.notification-count {
    width: 16px;
    height: 16px;
    background: #F46A6A;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -5px;
    right: -4px;
}

.max-main-container {
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb-links {
    margin-left: 15px;
}

    .breadcrumb-links li {
        position: relative;
        font-size: 13px;
    }

        .breadcrumb-links li::before {
            content: "/";
            position: absolute;
            top: 1px;
            right: -12px;
        }

        .breadcrumb-links li:last-child::before {
            display: none;
        }

.settings-user-profile {
    /* background: #0152B3; */
    background: var(--primary-color);
    padding: 25px;
}

    .settings-user-profile h3 {
        color: #fff;
    }

    .settings-user-profile h5 {
        color: #fff;
    }

    .settings-user-profile p {
        color: #fff;
    }

.edit-btn-pink {
    background-color: color-mix(in oklab, var(--primary-color), black 20%) !important;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.theme-select-box .dropdown-toggle {
    background: rgb(238, 240, 242);
    padding: 7px 15px;
}
/* .theme-select-box .dropdown-toggle[aria-expanded="true"]{
    background: #00009D;
}
.theme-select-box .dropdown-toggle[aria-expanded="true"] span{
    color: #fff;
} */
.section-heading {
    font-size: 16px;
    font-weight: 500;
}

.hiring-pipeline-table {
    box-shadow: 0px 4px 20px 0px rgba(227, 227, 242, 0.40);
}

    .hiring-pipeline-table table {
        border: 1px solid #D5D5EA;
    }

        .hiring-pipeline-table table tr th {
            background: #F4F4FA;
            color: #4B4B6D;
            font-size: 13px;
            font-weight: 600;
            padding-top: 18px;
            padding-bottom: 18px;
            text-align: center;
        }

        .hiring-pipeline-table table tr td {
            vertical-align: middle;
            padding-top: 18px;
            padding-bottom: 18px;
            text-align: center;
        }

            .hiring-pipeline-table table tr td p {
                font-size: 13px;
                font-weight: 500;
                margin-bottom: 0;
            }

                .hiring-pipeline-table table tr td p span {
                    display: block;
                    color: #69718B;
                }

.eye-icon {
    background: url("../img/icon/eye-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 30px;
    display: inline-block;
}

.eye-icon-black {
    background: url("../img/icon/eye-black.svg") no-repeat 0 0;
    width: 24px;
    height: 30px;
    display: inline-block;
}

.sync-icon {
    background: url("../img/icon/sync-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.expand-icon {
    background: url("../img/icon/expand-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.email-fld-icon {
    background: url("../img/icon/email-fld-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.user-fld-icon {
    background: url("../img/icon/user.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.pass-eye-icon {
    background: url("../img/icon/pass-eye-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 30px;
    display: block;
}

.login-flds {
    position: relative;
}

    .login-flds .email-fld-icon, .login-flds .pass-eye-icon, .login-flds .user-fld-icon {
        position: absolute;
        top: 50% !important;
        transform: translateY(-50%);
        right: 12px;
    }

.table-count-circle {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.table-count-blue {
    background: #DFE4F8;
    color: #2F364A;
    font-size: 13px;
}

.table-count-green {
    background: #2ECF51;
    color: #fff;
    font-size: 13px;
}

.table-count-orange {
    background: #FCE6D8;
    color: #2F364A;
    font-size: 13px;
}

.table-count-yellow {
    background: #F9F2C2;
    color: #2F364A;
    font-size: 13px;
}

.gen-white-box {
    border: 1px solid #D5D5EA;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(227, 227, 242, 0.40);
}

.chart-box h3 {
    color: #12121E;
    font-size: 16px;
    font-weight: 500;
}

.chart-box img {
    width: 100%;
}

.chart-select-fld select {
    border: 0;
    border-bottom: 1px solid #D5D5EA;
}

.btn-lg-custom {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 22px;
}

.login-right-pic {
    background: url("../img/login-bg.png") no-repeat;
    background-size: cover;
    width: 65%;
    min-height: 100vh;
}

.login-left-flds-panel {
    flex-grow: 1;
    min-height: 100vh;
    background: url("../img/login-graphics.png") no-repeat 170% 50% #fff;
}

.login-left-flds-panel-inner {
    max-width: 510px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.login-box-inner {
    min-height: calc(100vh - 450px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .login-box-inner input.form-control,
    .login-box-inner select.form-control {
        border: 1px solid #B8B8D9;
        background: #F9FAFF;
        padding: 21px;
    }

    .login-box-inner h1 {
        color: #000;
        font-size: 24px;
        font-weight: 600;
    }

.powered-by-text p {
    text-align: right;
    margin-bottom: 0;
    color: #363A47;
    font-weight: 500;
}

.powered-by-text strong {
    display: block;
    color: #81889E;
    font-weight: 500;
}

.login-footer {
    padding: 20px;
}

.page-title {
    color: #12121E;
    font-size: 16px;
    font-weight: 500;
}

.section-title {
    color: #12121E;
    font-size: 16px;
    font-weight: 500;
}

.dashboard-block {
    border: 1px solid #D5D5EA;
    background: #FFF;
    min-height: 299px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32.1%;
}

    .dashboard-block h4 {
        text-align: center;
        color: #000;
        font-size: 13px;
        font-weight: 600;
        margin-top: 15px;
    }

    .dashboard-block h5 {
        text-align: center;
        color: #000;
        font-size: 13px;
        font-weight: 500;
    }

.dashboard-block-icon {
    width: 124px;
    height: 124px;
    flex-shrink: 0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

    .dashboard-block-icon.yellow {
        background: #F5F5D0;
    }

    .dashboard-block-icon.green {
        background: #E0F5D0;
    }

    .dashboard-block-icon.blue {
        background: #E7FAFE;
    }

    .dashboard-block-icon.purple {
        background: #F4F3FF;
    }

    .dashboard-block-icon.pink {
        background: #FFF4FD;
    }

    .dashboard-block-icon.orange {
        background: #FFF2F2;
    }

.custom-calender-wrapper-outer, .dashboard-block-wrapper {
    min-height: 640px;
    margin-bottom: 20px;
}

.custom-calender-wrapper {
    border: 1px solid #D5D5EA;
    background: #FFF;
    border-right: 0;
    border-bottom: 0;
}

.custom-calender-date-block {
    border-right: 1px solid #D5D5EA;
    border-bottom: 1px solid #D5D5EA;
    background: #FFF;
    width: 14.285%;
    min-height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.custom-calender-day-wrapper {
    background: #F8F9FC;
    border-bottom: 1px solid #D5D5EA;
    border-right: 1px solid #D5D5EA;
}

.custom-calender-day-block {
    width: 14.285%;
    text-align: center;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-calender-day-year-heading {
    border-right: 1px solid #D5D5EA;
    border-bottom: 1px solid #D5D5EA;
    background: #F3F5FC;
    padding: 12px 10px;
}

    .custom-calender-day-year-heading h4 {
        color: #3A4462;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
    }

.disabled-date {
    color: #B1B1D0;
    pointer-events: none;
}

.next-arrow-icon {
    background: url("../img/next.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.back-arrow-icon {
    background: url("../img/back.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.selected-date {
    width: 36px;
    height: 36px;
    background: var(--primary-color);
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.date-event-purple {
    width: 10px;
    height: 10px;
    background: #D8AFE4;
    flex-shrink: 0;
}

.date-event-yellow {
    width: 10px;
    height: 10px;
    background: #E3C82E;
    flex-shrink: 0;
}

.custom-calender-date-block .date-event-purple,
.custom-calender-date-block .date-event-yellow {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.outline-box {
    border: 1px solid #D5D5EA;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(227, 227, 242, 0.40);
}

.payment-info-row {
    border-bottom: 1px solid #E3E3F1;
    color: #545A6D;
    font-size: 13px;
    font-weight: 500;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
}

    .payment-info-row h5 {
        color: #545A6D;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        position: relative;
    }

    .payment-info-row .color-bullet {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 100%;
        position: absolute;
        top: 17px;
        left: -15px;
    }

        .payment-info-row .color-bullet.grey {
            background: #545A6D;
        }

        .payment-info-row .color-bullet.green {
            background: #B9E3C6;
        }

        .payment-info-row .color-bullet.blue {
            background: #1C7293;
        }

    .payment-info-row h6 {
        color: #545A6D;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
    }

.section-heading-bg {
    background: #F3F5FC;
}

.project-management {
    background: url("../img/icon/project-management.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.admin-settings {
    background: url("../img/icon/admin-settings-male.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.event-accepted {
    background: url("../img/icon/event-accepted.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.phone-ringing {
    background: url("../img/icon/phone-ringing.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.office-chair {
    background: url("../img/icon/office-chair.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.maintenance-date {
    background: url("../img/icon/maintenance-date.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.left-arrow {
    background: url("../img/icon/left-arrow.svg");
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.vr-divider {
    position: relative;
    width: 66px;
    flex-shrink: 0;
}

    .vr-divider::before {
        content: '';
        width: 1px;
        background: #DFE2EF;
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        display: block;
    }

.heading-left-arrow {
    margin-top: -5px;
}

.btn {
    border-radius: 0 !important;
}

.btn-info {
    background: #D3E4F8 !important;
    border-color: #D3E4F8 !important;
}

    .btn-info:hover {
        background: #97c7ff !important;
        border-color: #97c7ff !important;
    }

.btn-secondary {
    background: #D5D5EA !important;
    border-color: #D5D5EA !important;
    color: #393D52;
}

    .btn-secondary:hover {
        background: #b4b4d7 !important;
        border-color: #b4b4d7 !important;
        color: #393D52;
    }

    .btn-secondary:hover {
        color: #222;
    }

.sub-heading-text {
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}

.report-block-wrapper {
    padding: 48px 20px;
}

.report-block {
    flex: 1;
    position: relative;
    padding-right: 20px;
    margin-right: 10px;
}

    .report-block::before {
        content: "";
        width: 1px;
        height: 122px;
        background: #DFE2EF;
        position: absolute;
        top: -35px;
        bottom: 0;
        right: 15px;
        display: block;
    }

    .report-block:last-child::before {
        display: none;
    }

.report-avatar {
    width: 47px;
    height: 47px;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
}

.report-block-content h5 {
    font-size: 14px;
}

.report-block-content h6 {
    background: #FFF599;
    font-size: 14px;
    padding: 4px 8px;
}

.report-block-content p {
    font-size: 14px;
}

.footer-links li a {
    color: #9A9ABC;
    white-space: nowrap;
}

    .footer-links li a:hover {
        color: #363A47;
    }

.footer-links li {
    position: relative;
}

    .footer-links li::after {
        content: '';
        width: 1px;
        height: 14px;
        display: block;
        background: #363A47;
        position: absolute;
        top: 3px;
        right: -13px;
    }

    .footer-links li:last-child::after {
        display: none;
    }

.cookie-panel {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px -5px 20px 0px rgba(198, 198, 198, 0.25);
    padding: 25px 45px;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
}

    .cookie-panel p {
        color: #424242;
        font-size: 16px;
        font-weight: 400;
    }

.red-outline-btn {
    border: 2px solid #D8052B;
    padding: 19px 45px;
    color: #D8052B;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}

    .red-outline-btn:hover {
        background: #ffc8d2;
        color: #D8052B;
    }

.red-solid-btn {
    border: 2px solid #D8052B;
    background: #D8052B;
    padding: 19px 45px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}

    .red-solid-btn:hover {
        background: #b50021;
        color: #fff;
    }

.close-btn-cross {
    background: url("../img/close.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.task-list-row {
    border-bottom: 1px solid #D5D5EA;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .task-list-row h4 {
        color: #2F364A;
        font-size: 13px;
        font-weight: 500;
    }

.service-avatar {
    width: 98px;
    height: 98px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    overflow: hidden;
}

.dashboard-main-wrapper > .col-sm-4 {
    margin-bottom: 40px;
}

    .dashboard-main-wrapper > .col-sm-4 .outline-box {
        height: 100%;
    }

.dashbox-2-col .outline-box {
    height: auto;
}

.task-list-checkbox input {
    width: 25px;
    height: 25px;
}

.service-profile-panel h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.service-profile-panel p {
    color: #6A738F;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}

.service-profile-panel h6 {
    color: #353D55;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}

.payslip-graph-legend {
    width: 5px;
    height: 28px;
    display: block;
}

    .payslip-graph-legend.grey {
        background: #D9D9D9;
    }

    .payslip-graph-legend.green {
        background: #5B920F;
    }

.task-list-content h4 {
    color: #2F364A;
    font-size: 13px;
    font-weight: 600;
}

.text-green {
    color: #21B14B;
}

.flex-1 {
    flex: 1;
}

/*.hr-menu.show {
    display: flex;
    transform: translate(-50%, 40px) !important;
    margin-left: 50% !important;
    padding-top: 10px;
    padding-bottom: 10px;
}*/
.hr-menu.show {
    inset: unset !important;
    display: flex;
    transform: translate(-50%, 40px) !important;
    margin-left: 50% !important;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 50% !important;
    top: 0 !important;
    position: absolute !important;
}

    .hr-menu.show > li > a {
        align-items: center;
        padding: 3px 30px;
    }

    .hr-menu.show > li {
/*        border-left: 1px solid #CFCFCF;*/
    }

        .hr-menu.show > li:first-child {
            border: none;
        }

        .hr-menu.show > li > a:hover {
            background: transparent;
            color: var(--primary-color);
        }

.employee-avatar {
    position: relative;
}

.profile-star {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    background: #F5F5F5;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -1px;
    left: -6px;
}

.outer-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color);
}


.salary {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/salary.svg) no-repeat 0 0;
}

.leave {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/leave.svg) no-repeat 0 0;
}

.attendance {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/attendance.svg) no-repeat 0 0;
}

.tasks {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/tasks-icon.svg) no-repeat 0 0;
}

.modal-content {
    border-radius: 0;
}

.cookies-row {
    margin-bottom: 12px;
    margin-top: 12px;
}

    .cookies-row .form-check {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding-left: 0;
        font-size: 13px;
    }

    .cookies-row .form-switch .form-check-input,
    .theme-form-switch.form-switch .form-check-input {
        width: 58px;
        height: 32px;
    }

.cookies-btns .btn {
    padding: 22px 25px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.cookies-row .form-check-input:checked {
    border-color: transparent !important;
}

.cookie-settings-modal h2 {
    color: #000;
    font-size: 24px !important;
    font-weight: 600;
}

.cookie-settings-modal .modal-header {
    border: none;
    position: relative;
}

    .cookie-settings-modal .modal-header::before {
        content: '';
        background: #CCD5EF;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        display: block;
    }

.attached-fld input {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 1;
}

.text-primary-custom {
    color: var(--primary-color);
}

.theme-form-group label {
    margin-bottom: 5px;
    color: #43495C;
    font-size: 13px;
    font-weight: 500;
}

sup {
    color: #D70128;
}

.theme-form-control {
    border: 1px solid #CED4DA;
    background: #FFF;
    height: 48px;
}

textarea.theme-form-control {
    height: 130px;
    resize: none;
}

.theme-form-control::placeholder {
    color: #A3A3C3;
}

.dark-text {
    color: #282C38 !important;
}

.right-blue-panel {
    background: var(--primary-color);
    width: 471px;
    flex-shrink: 0;
    padding: 32px;
}

.fld-settings {
    background: url("../img/icon/flds-settings.svg");
    width: 25px;
    height: 25px;
    display: block;
    flex-shrink: 0;
}

.fld-with-icon-right {
    position: relative;
}

    .fld-with-icon-right i {
        position: absolute;
        right: 10px;
        top: 8px;
    }

    .fld-with-icon-right input {
        padding-right: 45px;
    }

.fld-user-icon {
    background: url(../img/icon/user-icon.svg) center left no-repeat;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.search-user-icon {
    background: url(../img/icon/search.svg) center left no-repeat;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.drag-icon {
    background: url(../img/bars.png) center left no-repeat;
    width: 33px;
    height: 25px;
    flex-shrink: 0;
}

.custom-flds-row {
    background: #fff;
    padding: 8px;
    margin-bottom: 10px;
}

    .custom-flds-row h5 {
        color: #363A47;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0;
    }

.form-control:disabled {
    border: 1px solid #CED4DA;
    background: #F8F8FD;
}

.w-343px {
    width: 343px;
    flex-shrink: 0;
}

.w-250px {
    width: 250px;
    flex-shrink: 0;
}

.entity-flds-row {
    margin-bottom: 32px;
}

    .entity-flds-row .theme-form-check .form-check-input {
        width: 25px;
        height: 25px;
    }

    .entity-flds-row .theme-form-check {
        display: flex;
        gap: 15px;
        align-items: center;
    }

.flds-settings {
    width: 60px;
    flex-shrink: 0;
}

.entity-flds-row .form-check-label {
    white-space: nowrap;
}

.delete-icon {
    background: url(../img/icon/trash.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
}

.btn-xlg {
    padding: 14px 50px !important;
    font-size: 13px;
}

.report-block-wrapper-inner .owl-dots {
    display: none;
}

.report-block-wrapper-inner {
    position: relative;
    padding: 45px 50px;
}

    .report-block-wrapper-inner .owl-nav {
        position: absolute;
        top: 0;
        left: -35px;
        right: -35px;
        display: flex;
        justify-content: space-between;
    }

    .report-block-wrapper-inner .owl-theme .owl-nav [class*=owl-]:hover {
        background-color: transparent;
        color: #000;
    }

    .report-block-wrapper-inner .owl-theme .owl-nav [class*=owl-] span {
        font-size: 30px;
    }

    .report-block-wrapper-inner .owl-theme .owl-nav .owl-next {
        background: url("../img/next.svg") no-repeat 0 0;
        width: 24px;
        height: 24px;
        display: block;
    }

    .report-block-wrapper-inner .owl-theme .owl-nav .owl-prev {
        background: url("../img/back.svg") no-repeat 0 0;
        width: 24px;
        height: 24px;
        display: block;
    }

        .report-block-wrapper-inner .owl-theme .owl-nav .owl-prev span,
        .report-block-wrapper-inner .owl-theme .owl-nav .owl-next span {
            display: none;
        }

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color);
    }

/*---------------------------*/
.general-setting-profile {
    background: var(--primary-color);
    padding: 25px;
}

    .general-setting-profile p, .general-setting-profile h5, .general-setting-profile h3 {
        color: #fff;
    }

.location-white {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/Location-white.svg) no-repeat 0 0;
}

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

.email-white {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/email-white.svg) no-repeat 0 0;
}

.user-profile-cont a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
}

.ring-vol {
    background: url(../img/icon/Ringer-Volume-white.svg) no-repeat 0 0;
}

.glob-int {
    background: url(../img/icon/Internet-white.svg) no-repeat 0 0;
}

.ms-134 {
    margin-left: 134px;
}

.edit-icon-blue {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background: url(../img/icon/blue-pen.svg) no-repeat 0 0;
}

.edit-btn-white {
    background: #fff;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.gray-brd-button {
    padding: 12px 60px;
    border: 1px solid #D9D9D9;
    color: #363A47;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    background-color: transparent;
}

    .gray-brd-button::after {
        position: absolute;
        content: "";
        left: 2px;
        background: url(../img/bars.png) center left no-repeat;
        width: 33px;
        height: 25px;
        top: 9px;
    }

.site-url {
    padding: 15px;
    text-align: center;
    background-color: #F8F8F8;
    border: 1px solid #DBDBEC;
    color: #53535E;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
}

    .site-url a {
        color: #000;
        text-decoration: none;
    }

.main-color-box {
    width: 184px;
    height: 184px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-color: #00009D;
    text-align: center;
}

.pallet-color-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

    .pallet-color-box.active::before {
        content: '';
        width: 20px;
        height: 20px;
        background: url("../img/tik-Vector.png") no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pallet-color-box img {
        width: 20px;
        height: 20px;
    }

.light-red {
    background-color: #F46A6A;
}

.light-blue {
    background-color: #6BACFB;
}

.light-green {
    background-color: #48E576;
}

.light-gray {
    background-color: #D9D9D9;
}

.light-gray-two {
    background-color: #D9D9D9;
}

.red {
    background-color: #FA3838;
}

.blue {
    background-color: #3287EC;
}

.green {
    background-color: #21B14B;
}

.gray {
    background-color: #D9D9D9;
}

.gray-two {
    background-color: #D9D9D9;
}

.mid-red {
    background-color: #D61A1A;
}

.mid-blue {
    background-color: #0152B3;
}

.mid-green {
    background-color: #16943A;
}

.mid-gray {
    background-color: #D9D9D9;
}

.mid-gray-two {
    background-color: #D9D9D9;
}

.dark-red {
    background-color: #820505;
}

.dark-blue {
    background-color: #00009D;
}

.dark-green {
    background-color: #086423;
}

.dark-gray {
    background-color: #D9D9D9;
}

.dark-gray-two {
    background-color: #D9D9D9;
}

.blue-btn {
    padding: 16px 30px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border: none;
}

.ms-77 {
    margin-left: 77px;
}
/*---------------------------*/
/* 11.12.23 */
.left-nav-icon-module {
    background: url(../img/icon/adjust-icon.svg) no-repeat 0 0;
    background-size: cover;
}

.project-radio-btn .form-check-input:checked {
    background-color: transparent;
    border-color: #dee2e6;
}

    .project-radio-btn .form-check-input:checked[type=radio] {
        background-image: url(../img/blue-dot.png);
        background-size: auto;
    }

.left-nav-icon-task {
    background: url(../img/icon/task-icon.svg) no-repeat 0 0;
    background-size: cover;
}

.user-del-icon {
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
}

    .user-del-icon .with-hov {
        display: none;
    }

    .user-del-icon img {
        max-width: 100%;
    }

.quarterlt-btn {
    padding: 8px 10px;
    background-color: #fff;
    font-size: 13px;
    color: #757E99;
    border: none;
    margin-top: 8px;
    cursor: pointer;
}
/*.user-list-block:hover .quarterlt-btn{
    background-color: #1F1FBE;
    color: #C8CCD8;
}*/
/*.user-list-block:hover .user-del-icon{
    background-color: #1F1FBE;
}*/
.user-list-block:hover .user-del-icon .with-hov {
    display: inline-block;
}

.user-list-block:hover .user-del-icon .non-hov {
    display: none;
}

.user-line {
    width: 1px;
    height: 43px;
    background-color: #E9E9E9;
}

.proj-hr {
    border-color: #E6E6E6;
    opacity: 9;
}

.mt-40 {
    margin-top: 40px;
}

.react-zoom div {
    position: relative;
}

    .react-zoom div .zoom-img {
        position: absolute;
        width: 27px;
        height: 27px;
        margin: 0 auto;
        top: 40%;
        bottom: 0;
        left: 0;
        right: 0;
        text-decoration: none;
    }

.template-form {
    padding: 20px 30px;
}

.w-230 {
    width: 230px;
}

label {
    color: var(--link-color);
    font-weight: 500;
}

.template-form .login-box-inner .form-control {
    max-width: 400px;
}

.email-text p {
    font-weight: 500;
    color: #AAAFBF;
}

    .email-text p span {
        color: #43495C;
    }

.form-img img {
    width: 100%;
}

.template-form .login-box-inner {
    min-height: 100%;
}

.attached-btn {
    padding: 10px 18px;
    color: #6C6C8A;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 500;
    background-color: #F8F8FD;
    justify-content: start;
    border: 1px solid #CED4DA;
}

.form-img-btn {
    margin-top: 15px;
}

.file-text {
    font-size: 13px;
    font-weight: 500;
    color: #6C6C8A;
}

.project-btn .btn {
    padding: 14px 25px;
    font-size: 13px;
    font-weight: 500;
}

.btn-secondary {
    background-color: var(--link-color);
    border-color: var(--link-color);
}

.btn-danger {
    background-color: #D70128;
    border-color: #D70128;
}

.email-placeholder {
    padding: 20px 30px;
    background-color: var(--primary-color);
    text-align: left;
}

.email-placeholder-heading {
    display: flex;
}

.email-line {
    height: 75px;
    width: 5px;
    background-color: #fff;
    margin-right: 23px;
}

.email-text-inner h2 {
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .email-text-inner h2 span {
        text-transform: uppercase;
        font-weight: 700;
        display: block;
    }

.email-text-inner p {
    font-size: 13px;
    color: #D7D7DE;
    font-weight: 500;
    text-transform: capitalize;
}

.email-placeholder-inner {
    position: relative;
    margin-bottom: 12px;
}

    .email-placeholder-inner .form-control {
        width: 100%;
        height: 56px;
        background-color: #fff;
        border: 1px solid #4B4B6D;
        color: #7D7D7D;
        font-size: 15px;
        font-weight: 400;
        padding: 14px 40px 14px 14px;
    }

        .email-placeholder-inner .form-control::placeholder {
            color: #7D7D7D;
            font-size: 15px;
            font-weight: 400;
        }

    .email-placeholder-inner img {
        position: absolute;
        top: 15px;
        right: 15px;
    }

.email-placeholder-icon {
    display: flex;
    gap: 1rem;
    padding: 25px 0;
}

    .email-placeholder-icon label {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 3px;
        display: block;
        text-transform: capitalize;
    }

    .email-placeholder-icon span {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        display: block;
    }

.email-placeholder-line {
    border: 1px dashed #fff;
}
/* 11.12.23 end*/
/* 12.12.23 */
.dropdown-drop-arrow {
    position: relative;
}

    .dropdown-drop-arrow::after {
        position: absolute;
        content: "";
        background: url(../img/icon/chevron-down-top.svg) top right no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        border: none;
        margin: 0;
        right: -15px;
    }

.nav-icon-ad-search {
    background: url(../img/icon/advanced-search.svg) no-repeat 0 0;
    background-size: cover;
}

.nav-icon-user {
    background: url(../img/icon/Staff.svg) no-repeat 0 0;
    background-size: cover;
}

.nav-icon-dashboard {
    background: url(../img/icon/dashboard-layout.svg) no-repeat 0 0;
    background-size: cover;
}

.nav-icon-letter {
    background: url(../img/icon/New-Letter.svg) no-repeat 0 0;
    background-size: cover;
}

.setting-white {
    background: url(../img/white-settings.png) no-repeat;
}
/* 12.12.23 */
/* 13.12.23 */
.doc-inner-width {
    max-width: 900px;
}

.user-list-content span {
    color: #8D8DA9;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    display: inline-block;
}

.user-list-content-img {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 62px;
    height: 62px;
    background-color: #fff;
    border-radius: 50px;
}

    .user-list-content-img .profile-hover-icon {
        display: none;
    }

.user-list-block:hover .user-list-content-img .profile-non-hover-icon {
    display: none;
}

.user-list-block:hover .user-list-content-img .profile-hover-icon {
    display: inline-block;
}

.user-list-block:hover .user-list-content-img {
    background-color: #1F1FBE;
}

.badge {
    padding: 5px 35px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border-radius: 0;
    color: #fff;
}

    .badge.red-badge {
        background-color: #EF5F5F;
    }

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

.mb-15 {
    margin-bottom: 15px;
}

.para-dark {
    color: #545A6D;
}

.user-info-main-heading {
    font-size: 13px;
    font-weight: 500;
    color: #282C38;
    margin: 0 0 12px 0;
}

.contact-link {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #545A6D;
}

    .contact-link a {
        text-decoration: none;
        color: #545A6D;
        font-size: 13px;
        font-weight: 400;
    }

.height-adj {
    min-height: calc(100vh - 244px);
    overflow: auto;
}
/* 13.12.23 */
/* 14.12.23 */
.project-dropdown {
    padding: 0;
    border-top: 1px solid #545A6D;
}

    .project-dropdown li {
        padding: 12px 25px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .project-dropdown li a {
            padding: 0;
        }

            .project-dropdown li a:hover {
                background-color: transparent;
            }

        .project-dropdown li:hover {
            background-color: #EFEFF9;
        }

        .project-dropdown li.active {
            background-color: #EFEFF9;
        }

.organization-icon {
    background: url(../img/icon/organization.svg) no-repeat;
    background-size: cover;
}

.branch-icon {
    background: url(../img/icon/merge-git.svg) no-repeat;
    background-size: cover;
}

.manage-icon {
    background: url(../img/icon/manage.svg) no-repeat;
    background-size: cover;
}

.email-setting-icon {
    background: url(../img/icon/email-setting.svg) no-repeat;
    background-size: cover;
}

.email-template-icon {
    background: url(../img/icon/email-template.svg) no-repeat;
    background-size: cover;
}

.document-setting-icon {
    background: url(../img/icon/document-settings.svg) no-repeat;
    background-size: cover;
}

.nav-item.active .project-dropdown li a {
    color: var(--link-color);
}

.document-template-icon {
    background: url(../img/icon/document-template.svg) no-repeat;
    background-size: cover;
}

.document-folder-icon {
    background: url(../img/icon/folder.svg) no-repeat;
    background-size: cover;
}

.view-data {
    background: url(../img/icon/eye.svg) no-repeat;
    background-size: cover;
}

.add-data {
    background: url(../img/icon/add.svg) no-repeat;
    background-size: cover;
}
/* 14.12.23 */
/* 18.12.23 */
.user-list-block .loc-white {
    display: none;
}

.user-list-block.active .loc-white {
    display: inline-block;
}

.user-list-block.active .loc-black {
    display: none;
}

.user-list-block:hover .loc-white {
    display: inline-block;
}

.user-list-block:hover .loc-black {
    display: none;
}

.contact-link strong {
    font-weight: 500;
    color: #282C39;
}

.w-20 {
    width: 20% !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}
/* 18.12.23 */
/* 19.12.23 */
.project-tab-nav button {
    border-radius: 0;
    background-color: #f5f5f5;
    padding: 14px 50px;
    font-size: 14px;
    color: var(--primary-font-color);
}

.project-tab-nav .tab-content {
    padding: 15px;
    border: 1px solid #E6E6E6;
}

.project-tab-nav button.active {
    background-color: var(--primary-color);
    color: #fff;
}

/* 19.12.23 */
.voice-search-icon {
    background: url(../img/icon/voice-search-icon.png) no-repeat 0 0;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    display: block;
}

.top-search .voice-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    right: 8px;
}

@media (max-width: 1450px) {
    .user-details-panel {
        padding: 24px 20px;
    }

    .user-profile-cont h3 {
        font-size: 16px;
    }

    .user-profile-avatar {
        width: 70px;
        height: 70px;
    }

    .user-info-row-inner {
        /*flex-direction: column;*/
        gap: 10px;
    }

    .territories-chekbox {
        flex-wrap: wrap;
    }

    .dashboard-block {
        width: 31.5%;
    }

    .report-block-content > .d-flex {
        flex-direction: column;
        gap: 5px !important;
    }

    .report-block-wrapper {
        padding: 34px 20px;
    }

    .footer-links li a {
        font-size: 11px;
    }

    .powered-by-text p {
        font-size: 11px;
    }

    .powered-by-text img {
        max-width: 50px;
    }

    .w-343px {
        width: 176px;
        flex-shrink: 0;
    }

    .w-250px {
        width: 196px;
        flex-shrink: 0;
    }
    /* 18.12.23 */
    .resp-width-100 {
        max-width: fit-content !important;
    }
    /* 18.12.23 */

    /* 27.12.23 */
    .doc-inner-width-company-branch {
        max-width: 652px !important;
    }

    .user-list-panel-wide {
        max-width: 652px;
    }

    .width-30 {
        width: 30%;
    }

    .width-70 {
        width: 70%;
    }

    .info-width-fix p {
        width: 100% !important;
    }
    /* 27.12.23 */

    #jobdetails .when_contentarea {
        max-width: calc(100vw - 876px) !important;
    }

    .collapse-panel + .right-panel #jobdetails .when_contentarea {
        max-width: calc(100vw - 639px) !important;
    }
}

/* 28.12.23 */
.nav-icon-department-new {
    background: url("../img/icon/department-icon.png") no-repeat 0 0;
    background-size: cover;
}
/* 28.12.23 */

/*04.01.24*/
.w-80px {
    width: 80px;
}

.text-bold {
    font-weight: 600;
}

.form-check-lg .form-check-input {
    width: 24px;
    height: 24px;
}
/*04.01.24*/

/*05.01.24*/
.sign-icon {
    background: url("../img/sign-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.download-icon {
    background: url("../img/download-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.download-icon-white {
    background: url("../img/download-white-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.files-settings-icon {
    background: url("../img/settings-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.trash-icon {
    background: url("../img/trash-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.files-row-btn {
    width: 38px;
    height: 38px;
    background: #F5F5F5;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.files-type-icon {
    width: 66px;
    height: 66px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.files-row {
    border-bottom: 1px solid #ECECEC;
    padding: 16px;
}

    .files-row h5 {
        color: #1C2132;
        font-size: 15px;
        font-weight: 500;
    }

    .files-row h6 {
        color: #757E99;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .files-row:hover {
        background: #F5F5F5;
    }

.files-settings-btn {
    border: 1px solid #CED4DA;
    padding: 5px 8px;
}

    .files-settings-btn .dropdown-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .files-settings-btn .dropdown-toggle::after {
            display: inline-block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "";
            border-top: 0.3em solid;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
        }

.files-nav-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.edit-file-icon {
    background: url("../img/edit-file-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.folder-icon {
    background: url("../img/folder.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
}

.folder-heading {
    border-bottom: 1px solid #E9E9E9;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
    padding-left: 15px;
    padding-right: 15px;
}

.hr-divider {
    color: #919191;
}
/*08-01-2024*/


.gap26 {
    gap: 26px;
}

.project-checkbox-btn .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.left_sidescroll {
    max-height: 150px;
    overflow-y: auto;
}

.user_leftPanel .left-main-nav-panel .accordion .accordion-item {
    border: 1px solid #ced4da;
    border-radius: 0;
}

.user_leftPanel .left-main-nav-panel .accordion .accordion-header {
    padding: 15px;
    border-bottom: 1px solid #ced4da;
}

.user_leftPanel h4 {
    color: #363A47;
    font-family: var(--primary-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    padding: 0 0 10px 0;
    gap: 10px;
    margin: 0;
    display: flex;
    align-items: center;
}

.user_leftPanel .left-main-nav-panel .accordion-header button {
    color: #7E8497;
    font-family: var(--primary-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
}

.left-nav-icon-country {
    background: url(../img/icon/country-icon.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-province {
    background: url(../img/icon/province_icon.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-city {
    background: url(../img/icon/city.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-pin {
    background: url(../img/icon/post_code.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-address {
    background: url(../img/icon/address.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-email {
    background: url(../img/icon/email-icon.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-basicinfo {
    background: url(../img/icon/basic_info.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-user {
    background: url(../img/icon/user-icon.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-nickName {
    background: url(../img/icon/nick_name.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-role {
    background: url(../img/icon/role.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-userName {
    background: url(../img/icon/user_name.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-phone_icon {
    background: url(../img/icon/phone_icon.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-country2 {
    background: url(../img/icon/country2.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-country2 {
    background: url(../img/icon/country2.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-province2 {
    background: url(../img/icon/province2.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-city2 {
    background: url(../img/icon/city2.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-pin2 {
    background: url(../img/icon/post_code2.svg) no-repeat 0 0;
    background-size: cover;
}

.left-nav-icon-address2 {
    background: url(../img/icon/location2.svg) no-repeat 0 0;
    background-size: cover;
}

/*.user-list-block.active .quarterlt-btn {
    background-color: #1F1FBE;
    color: #C8CCD8;
}*/

.user_right .user-profile-cont h5 {
    color: #6A738F;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
}

    .user_right .user-profile-cont h5 span {
        color: #000;
    }

.basicinfo_ctrl {
    margin-bottom: 30px;
}

.user_basicinfo {
    padding: 18px;
    background: #fafafa;
    border-bottom: 1px solid #e7e7e7;
}

    .user_basicinfo h4 {
        color: #12121E;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
        gap: 10px;
    }

.user_basicinfolist {
    padding: 15px 18px;
    border-bottom: 1px dotted #c7c7c7;
    display: flex;
}

.user_basicinfoitem {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    gap: 10px;
    flex: 1;
}

.user_basicinforight {
    flex-grow: 1;
}

    .user_basicinforight h3 {
        color: #81889E;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .user_basicinforight h4 {
        color: #363A47;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }

.user_basicinfoitem.w-66 {
    width: calc(66.666% - 10px);
}

.w80 {
    width: 80px;
}

.bl-0 {
    border-left: 0 !important;
}

h3.basic_info {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--primary-color);
    padding: 9px 18px;
    margin: 0 0 15px 0;
}

.b-0 {
    border: 0 !important;
}

.uesr-right-panel {
    max-width: calc(100% - 290px);
}

.userdetails {
    width: calc(100% - 550px);
}

.w-30 {
    width: 30%;
}
/*08-01-2024*/

/*24-01-2024*/
.office_address {
    display: flex;
    gap: 10px;
}

    .office_address p {
        color: #545A6D;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

.week_status {
    margin: 0 0 10px 0;
    padding: 0;
}

    .week_status p {
        color: #545A6D;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        padding: 0;
        margin: 0 0 10px 0;
        display: flex;
        gap: 15px;
    }

        .week_status p span {
            width: 120px;
            flex-shrink: 0;
            color: #282C39;
            font-weight: 500;
        }

            .week_status p span.week_datetxt {
                font-weight: 400;
                width: calc(100% - 150px);
            }

                .week_status p span.week_datetxt span {
                    width: 100%;
                    font-weight: 400;
                }

                    .week_status p span.week_datetxt span font {
                        width: 150px;
                    }

.w-180 {
    width: 180px !important;
}

span.w-180 {
    font-weight: 400 !important;
}

.week_status p span.fw-500 {
    font-weight: 500 !important;
}

.user-list-panel.branch_left {
    max-width: 50%;
}

/*24-01-2024*/

/*12-01-2024*/
@media only screen and (max-width:1450px) {
    .email-placeholder {
        padding: 10px 15px;
    }

    .email-text-inner h2 {
        font-size: 24px;
    }

    .email-text-inner p {
        font-size: 11px;
    }

    .email-placeholder-inner .form-control {
        height: 40px;
    }

    .email-placeholder-inner img {
        top: 8px;
    }

    .email-placeholder-icon {
        padding: 12px 0;
    }

    body .icon-font-size {
        font-size: 40px !important;
    }

    .email-placeholder-line {
        border: 0;
        border-bottom: 1px dashed #fff;
    }

    .email-placeholder-icon label {
        font-size: 15px;
    }

    .email-placeholder-icon span {
        font-size: 15px;
    }

    .user-info-row h4 {
        font-size: 0.9rem;
    }

    .theme-form-control {
        height: 40px;
    }

    .user-list-panel {
        max-width: 550px;
    }

    .user-profile-cont h3 {
        font-size: 16px;
        /*width: 225px;*/
    }

    .login-left-flds-panel-inner {
        padding-left: 60px;
        padding-right: 60px;
    }

    .login-box-inner input.form-control, .login-box-inner select.form-control {
        padding: 12px 15px;
    }

    .login-flds .email-fld-icon, .login-flds .user-fld-icon {
        top: 10px;
    }

    .img-logo-hr {
        width: 200px;
    }

    .img-logo-partner {
        width: 100px;
    }

    .red-outline-btn, .red-solid-btn {
        padding: 10px 30px;
    }

    .cookie-panel p {
        font-size: 13px;
    }

    .btn-lg-custom {
        padding: 12px 20px;
        height: 50px;
    }

    .max-main-container {
        max-width: 98%;
    }

    .max-w652 {
        max-width: 652px;
    }

    .user-list-panel .p-4 {
        padding: 0.75rem !important;
    }

    .user-list-content h3 {
        font-size: 12px;
    }

    .quarterlt-btn {
        padding: 3px 10px;
        font-size: 12px;
        margin-top: 0;
    }

    .user-list-block {
        min-height: 55px;
    }

    .cookies-btns .btn {
        padding: 12px 25px;
    }
}
/*12-01-2024*/

/*29-01-2024*/
.account-icon {
    background: url(../img/user.svg) no-repeat 0 0;
}

.display-icon {
    background: url(../img/diaplay-icon.svg) no-repeat 0 0;
}

.gender-icon {
    background: url(../img/gender-icon.svg) no-repeat 0 0;
}

.phone-ring-icon {
    background: url(../img/phone-ringing.svg) no-repeat 0 0;
}

.btn-success {
    background: #21B14B;
    border-color: #21B14B;
}

    .btn-success:hover {
        background: #008527 !important;
        border-color: #008527 !important;
    }
/*29-01-2024*/

/*29.01.24*/
.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

/*29.01.24*/
/*01.02.24*/

.system-settings-wrapper .tab-content {
    /*border: 1px solid #CED4DA;*/
    border-top: 0;
}

.system-settings-wrapper .nav-tabs .nav-item.show .nav-link, .system-settings-wrapper .nav-tabs .nav-link.active {
    background: var(--primary-color);
    color: #fff;
    border-radius: 0;
}

.system-settings-wrapper .nav-tabs .nav-link {
    padding: 12px 65px;
    background: #EEF0F2;
    color: #545A6D;
    border-radius: 0;
    margin-right: 10px;
}

.fld-fw {
    width: 343px;
}

.fw-395 {
    width: 395px;
}

.system-settings-wrapper .tab-pane-inner {
    min-height: calc(100vh - 395px);
}

.system-settings-wrapper .form-switch .form-check-input {
    width: 5em;
    height: 2rem;
}

.code-placeholder .email-text-inner h2 {
    font-size: 20px;
    margin: 0;
}

.code-placeholder .email-line {
    height: 50px;
}

.code-placeholder-row-wrapper {
    color: #fff;
    margin: 13px 0 0 23px;
}

.code-placeholder-row {
    border-bottom: 1px dotted #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .code-placeholder-row h6 {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 0;
    }

.code-placeholder-scroll {
    max-height: 181px;
    overflow: auto;
    padding-right: 20px;
}

    .code-placeholder-scroll::-webkit-scrollbar-thumb {
        background: #C5CBDE;
    }


/*01.02.24*/
.btn-danger:hover {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
}

/*05.01.24*/
/*@media (max-width: 1500px){
    .resp-width-100{
            max-width: fit-content !important;
        }
    }*/

/*19-02-2024*/

.top-link-icon-settings-w {
    background: url("../img/icon/setting-icon-w.svg") no-repeat 0 0;
    background-size: cover;
}

/* 22-02-2024  start*/

.left-nav-icon-status {
    background: url(../img/icon/Task.svg) no-repeat 0 0;
    background-size: cover;
}

.text-elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.when_titlebg {
    background: #FAFAFA;
    padding: 15px 18px;
    display: flex;
    align-items: center;
}

    .when_titlebg h3 {
        color: #12121E;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        padding: 0 0 0 12px;
        margin: 0;
    }

.when_icon {
    background: url(../img/icon/UserManual.svg) no-repeat 0 0;
    background-size: cover;
}

.when_contentarea {
    padding: 30px 0 0 18px;
}

.copy-icon {
    background: url("../img/icon/Copy.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.add-icon {
    background: url("../img/icon/Plus.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.minus-icon {
    background: url("../img/icon/Minus.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.and_orpart {
    border-top: 1px solid #DBDEE7;
    display: flex;
    justify-content: center;
}

.and_orradio {
    position: relative;
    top: -12px;
    display: flex;
    background: #fff;
    padding: 0 40px;
    gap: 15px;
}

    .and_orradio .form-check-input {
        position: relative;
        top: -2px;
        left: -5px;
        width: 16px;
        height: 16px;
    }

.inofmation_section {
    padding: 18px;
    border: 1px solid #D9D9D9;
}

    .inofmation_section h3 {
        color: #363A47;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

.info_icon {
    background: url("../img/icon/Info.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.inofmation_detail {
    padding: 35px 0 0 20px;
    margin: 0;
}

    .inofmation_detail ol {
        padding: 0;
        margin: 0;
    }

        .inofmation_detail ol li {
            padding: 0;
            margin: 0;
            color: #43495C;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

@media (max-width:1450px) {
    .user-list-panel.approval_left {
        max-width: 510px;
    }
}

@media (max-width:914px) {

    .login-footer {
        flex-direction: column;
    }

    .logo-panel img {
        max-height: 80px;
    }

    .logo-panel {
        justify-content: flex-start !important;
    }

    /* .top-search .form-control {
        display: none;
    }*/
    .nav-top .top-search .form-control {
        width: 96px;
    }

    .theme-select-box .dropdown-toggle span,
    .theme-select-box .dropdown-toggle:after {
        display: none;
    }

    .top-search .search-icon {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .job-seeker-fld,
    .select-lang-fld {
        width: auto;
    }

    .theme-select-box .dropdown-toggle {
        border-radius: 20px;
        padding: 7px;
    }

    .nav-rights-links {
        gap: 12px;
    }

    .top-right-logo {
        display: none;
    }

    .logo-panel {
        width: auto;
    }

    .progress-arrow i {
        display: none;
    }

    .navbar-toggler {
        position: absolute;
        top: 11px;
        right: 0;
        border: 0;
    }

    .nav-top {
        position: absolute;
        top: 77px;
        right: 0;
        width: 100vw;
        padding: 8px 12px 8px 12px;
        border-top: 1px solid #d1d1d1;
        background: #f3f3f3;
        border-bottom: 1px solid #d1d1d1;
    }

    .header-panel {
        height: 130px;
    }

    .top-search {
        border-radius: 20px;
        background: var(--primary-color);
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 3px;
    }

    .lang-select-icon, .top-link-icon, .lang-select-icon img, .profile-avatar img {
        width: 30px;
        height: 30px;
    }

    .setting-white {
        width: 16px;
        height: 16px;
        background-size: contain !important;
    }

    .select-lang-fld .dropdown-toggle {
        background: none;
        padding: 0;
    }

    .navbar-collapse {
        width: 100vw;
        background: rgb(255, 255, 255);
        position: absolute;
        top: 69px;
        right: -11px;
        padding: 0px 24px 0 12px;
    }

    .nav-bottom .navbar-nav {
        gap: 0;
    }

    button:focus:not(:focus-visible) {
        box-shadow: none;
    }

    .mob_none {
        display: none;
    }

    .mob-mt-0 {
        margin-top: 0 !important;
    }

    .breadcrumb-links li {
        font-size: 10px;
    }

    .inofmation_section {
        margin-top: 20px;
    }

    .main-container, .main-content-panel-inner {
        flex-direction: column;
    }

    .user-list-block {
        flex-direction: column;
    }

    .user-list-content {
        width: 100%;
        justify-content: space-between;
    }

    .user-list-panel {
        padding: 15px;
    }

    .user-details-panel {
        padding: 20px 15px;
    }

    .left-panel {
        width: 100%;
    }

    .user-list-panel.approval_left, .user-list-panel {
        max-width: inherit;
    }

    .left-panel {
        min-height: inherit;
    }

    .offcanvas-mobileview {
        flex-direction: column;
        gap: 15px;
    }

    .width-reset-mob {
        width: 100%
    }
}

/* 22-02-2024  End*/

/* 23-02-2024 start */
@media (min-width:1024px) and (max-width:1280px) {

    .main-content-panel-inner {
        flex-direction: column;
    }

    .main-container {
        gap: 15px;
    }

    .nav-rights-links {
        gap: 5px;
    }

    .theme-select-box .dropdown-toggle {
        padding: 7px;
    }

    .top-search input {
        width: 170px;
    }

    .job-seeker-fld, .select-lang-fld {
        width: 120px;
    }

    .nav-bottom .navbar-nav > li > a.nav-link {
        gap: 4px;
        padding-left: 2px;
        padding-right: 2px;
    }

    .top-right-logo {
        max-width: 140px;
    }

    .nav-bottom .navbar-nav {
        gap: 35px;
    }

    .user-list-panel.approval_left {
        max-width: 100%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .logo-panel img {
        max-height: 80px;
    }

    .logo-panel {
        justify-content: flex-start !important;
    }

    .top-search .form-control {
        display: none;
    }

    .theme-select-box .dropdown-toggle span,
    .theme-select-box .dropdown-toggle:after {
        display: none;
    }

    .top-search .search-icon {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .job-seeker-fld,
    .select-lang-fld {
        width: auto;
    }

    .theme-select-box .dropdown-toggle {
        border-radius: 20px;
        padding: 7px;
    }

    .nav-rights-links {
        gap: 12px;
    }

    .logo-panel {
        width: auto;
    }

    .progress-arrow i {
        display: none;
    }

    .navbar-toggler {
        position: absolute;
        top: 11px;
        right: 0;
        border: 0;
    }

    .nav-top {
        position: absolute;
        top: 77px;
        right: 0;
        width: 100vw;
        padding: 8px 12px 8px 12px;
        border-top: 1px solid #d1d1d1;
        background: #f3f3f3;
        border-bottom: 1px solid #d1d1d1;
    }

    .header-panel {
        height: 130px;
    }

    .top-search {
        border-radius: 20px;
        background: var(--primary-color);
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 3px;
        margin-left: auto;
        margin-right: 12px;
    }

    .lang-select-icon,
    .top-link-icon,
    .lang-select-icon img,
    .profile-avatar img {
        width: 30px;
        height: 30px;
    }

    .setting-white {
        width: 16px;
        height: 16px;
        background-size: contain !important;
    }

    .select-lang-fld .dropdown-toggle {
        background: none;
        padding: 0;
    }

    .navbar-collapse {
        width: 100vw;
        background: rgb(255, 255, 255);
        position: absolute;
        top: 69px;
        right: -11px;
        padding: 0px 24px 0 12px;
    }

    .nav-bottom .navbar-nav {
        gap: 0;
    }

    button:focus:not(:focus-visible) {
        box-shadow: none;
    }

    .main-content-panel-inner {
        flex-direction: column;
    }

    .left-panel {
        width: 220px;
    }

    .main-container {
        gap: 20px;
    }

    .left-main-nav-panel {
        padding: 15px 10px;
    }

    .nav-bottom .navbar-nav > li.active::after {
        bottom: 0;
    }
}


/* 23-02-2024 end */

/* 01-03-2024 start */

.user-info-sub-heading a.link_underline {
    text-decoration: underline;
    color: #12121E;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
}

.customfild_one {
    color: #363A47;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 0 10px 0;
    margin: 0;
}

    .customfild_one a {
        color: #EF5F5F;
    }

.quarterlt-btn span {
    /*color: #00009D;*/
    font-weight: 500;
}

.user-list-block:hover .quarterlt-btn span {
    color: #fff;
}

.fw-400 {
    font-weight: 400 !important;
}

.entity_list {
    padding: 0;
    margin: 0;
}

    .entity_list ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .entity_list ul li {
            padding: 20px 0;
            margin: 0;
            list-style: none;
            display: flex;
            align-items: center;
            color: #363A47;
            font-size: 13px;
            font-weight: 500;
            line-height: normal;
            border-top: 1px solid #E4E4E4;
        }

            .entity_list ul li span {
                min-width: 90px;
            }

            .entity_list ul li a.mandatory {
                padding: 5px 12px;
                margin: 0 0 0 10px;
                border: 1px solid #DCE0EB;
                background: #FFF;
                border-radius: 50px;
                color: #F46A6A;
                font-size: 13px;
                font-weight: 500;
                line-height: normal;
                text-decoration: none;
                display: inline-flex;
            }

.theme-form-group label span {
    color: #74788D;
    font-size: 10px;
    font-style: italic;
}

.req_skillborder {
    border-bottom: 1px solid #DBDEE7;
}

.tag_inputs {
    border: 1px solid #CED4DA;
    background: #FFF;
    padding: 10px;
    min-height: 102px;
}

.bootstrap-tagsinput .tag {
    border-radius: 200px;
    border: 1px solid #81889E;
    color: #363A47;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    background: #FFF;
    padding: 0px 5px;
    margin: 0 5px 5px 5px;
}

.bootstrap-tagsinput {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 0;
    border: 0;
    margin: 0;
    width: 100%;
    box-shadow: none;
}

    .bootstrap-tagsinput input {
        border: 0;
        width: 100%;
    }

a.clr_txt {
    color: #43495C;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}

.text-right {
    text-align: right;
}

.note_txt {
    color: #74788D;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.font-1-5rem {
    font-size: 1.5rem;
}

.theme-form-group .file_upload {
    height: 32px;
    padding: 5px 10px;
}

@media (max-width: 1450px) {
    .mh-35 {
        min-height: 35px;
    }

    .theme-form-group label.mh-35 {
        line-height: 16px;
        min-height: 32px !important;
    }

    .theme-form-group label span {
        color: #74788D;
        font-size: 9px;
        font-style: italic;
    }

    #formaddupdaterequisitiontemplate .theme-form-group label.mh-34 {
        line-height: 17px;
        min-height: 32px !important;
    }
}

@media (max-width:1280px) {
    .user-list-panel {
        max-width: inherit;
    }
}

/* 01-03-2024 end */

/* 04-03-2024 Start */

.chooseentity_list {
    background: #F5F5F5;
    padding: 15px;
    margin-bottom: 15px;
}

.mark_req {
    padding: 6px 10px;
    background: #fff;
}

.mark_req_addremove {
    padding: 10px;
    display: flex;
    align-items: center;
}

.skill_badge {
    /* border: 1px solid #81889E; */
    background: transparent !important;
    padding: 5px 10px;
    color: #363A47;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    border-radius: 10px;
    /* list-style-type: circle;*/
}

a.read_more {
    color: #363A47;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}

.more {
    width: 24px;
    height: 24px;
    display: inline-flex;
    background: url("../img/icon/More.svg") no-repeat 0 0;
    background-size: cover;
}

.tag_inputs.height_auto {
    min-height: inherit;
}

body .height_auto input {
    /*width: auto;*/
    width: 100%;
    text-align: left;
}

.form-control[type=file] {
    line-height: 30px;
}

@media (min-width:1025px) and (max-width:1450px) {
    .user-list-block .user-list-content {
        max-width: 70%;
    }

    .progress-arrow i {
        width: 90px !important;
    }

    #divrequisitiontemplateindexlist .user-list-block .user-list-content {
        max-width: 70%;
        width: 100%;
        justify-content: space-between;
    }
}


/* 04-03-2024 end */
/* 12-03-2024 start */

.applicable_criteria {
    border: 1px solid #D9D9D9;
}

    .applicable_criteria h3 {
        padding: 12px 24px;
        margin: 0;
        background: var(--primary-color);
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px;
    }

.editcoloumn {
    width: 24px;
    height: 24px;
    background: url(../img/icon/SelectColumn.svg) no-repeat;
    flex-shrink: 0;
}

a.edite_cloumn {
    color: #43495C;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.table_search {
    border: 0;
    border-bottom: 1px solid #DDDDEB;
    padding-left: 22px;
}

.table_searchicon {
    position: absolute;
    top: 5px;
    left: 9px;
    width: 24px;
    height: 24px;
    background: url(../img/icon/search.svg) no-repeat;
    background-size: cover;
    cursor: pointer;
    font-size: 0;
}

.table.custom_table > thead th {
    border-bottom: 1px solid #F5F5F5;
    background: #F5F5F5;
    padding: 12px;
    color: #1C2132;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    box-shadow: none;
    border-right: 1px solid #fff;
}

table.custom_table > thead th:last-child {
    border-right: 0;
}

table.custom_table > tbody td {
    border-bottom: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    padding: 12px;
    color: #1C2132;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    table.custom_table > tbody td:last-child {
        border-right: 1px solid #F5F5F5;
    }

    table.custom_table > tbody td.read_bg {
        background: #FF0000;
        color: #fff;
    }

    table.custom_table > tbody td.yellow_bg {
        background: #FFFF00;
    }

    table.custom_table > tbody td.green_bg {
        background: #097969;
        color: #fff;
    }

.selectjob_btn {
    border: 1px solid #CED4DA;
    background: #CED4DA;
    color: #555B6D;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    line-height: 31px;
    padding: 0 12px;
}

.selectjob_btn_active {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    line-height: 31px;
    padding: 0 12px;
}

@media (max-width:914px) {
    .mob-flexwrap {
        flex-wrap: wrap;
    }
}


/* 12-03-2024 end */

/*13-03-2024*/


.custom_select {
    position: relative;
}

    .custom_select .select-arrow {
        content: '';
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top: 5px solid #333;
        position: absolute;
        top: 14px;
        right: 10px;
    }

    .custom_select ul {
        position: absolute;
        left: 0;
        top: 34px;
        width: 100%;
        list-style: none;
        padding: 5px 0;
        margin: 0;
        background: #f4f8f9;
        border: 1px solid #d0d3d4;
        border-radius: 3px;
        z-index: 1;
        display: none;
    }

        .custom_select ul li {
            font-size: 12px;
            line-height: 24px;
            color: #081a60;
            padding: 0 18px;
            margin: 0;
            cursor: pointer;
        }

            .custom_select ul li:hover {
                color: #081a60;
                background: #ced1d8;
            }

            .custom_select ul li.active {
                background: #428bca;
                color: #081a60;
            }

@media all and (min-width: 992px) {

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}

@media (max-width: 991px) {

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }
}

/*13-03-2024*/

/* 26-03-2024 start */
.evaluation_title {
    display: flex;
    align-items: center;
    gap: 15px;
    /*color: var(--primary-color);*/
    color: #449AF9;
    font-size: 20px;
    font-weight: 500;
}

    .evaluation_title span {
        font-size: 16px;
    }

.evaluation_icon {
    background: url("../img/evaluation.png") no-repeat 0 0;
    background-size: cover;
    width: 35px;
    height: 35px;
    display: block;
    flex-shrink: 0;
}

.evaluation_round {
    margin: 35px 0 0 0;
    display: flex;
}

.evaluation_roundLeft {
    width: 30px;
    flex-shrink: 0;
    position: relative;
    margin: 0 20px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .evaluation_roundLeft:after {
        content: '';
        position: absolute;
        top: 15px;
        left: 50%;
        width: 2px;
        height: calc(100% - 30px);
        background: #FD8637;
        z-index: 1;
    }

    .evaluation_roundLeft .no_Count {
        width: 30px;
        height: 30px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-size: 15px;
        font-weight: 500;
        background: #FD8637;
        position: relative;
        z-index: 2;
    }

.no_Count .trash_icon {
    background: url(../img/trash-white.svg) center center no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover !important;
}

.evaluation_roundRight {
    flex-grow: 1;
}

.evaluation_criteria {
    padding: 20px;
    background: rgba(253, 134, 55, 0.10);
}

    .evaluation_criteria .tag_inputs {
        min-height: 32px;
        padding: 8px;
    }

    .evaluation_criteria .bootstrap-tagsinput input {
        width: auto;
    }

.theme-form-group label.lineheight-24 {
    line-height: 24px;
}

.evaluation_arrow {
    padding: 20px 0 0 0;
}

.uparrow-icon,
.downarrow-icon {
    background-size: cover !important;
    width: 34px;
    height: 34px;
    display: block;
    flex-shrink: 0;
}

.uparrow-icon {
    background: url(../img/uparrow.svg) no-repeat;
}

.downarrow-icon {
    background: url(../img/downarrow.svg) no-repeat;
}

.number_count .button-minus {
    background: #fff;
    border: 0 !important;
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: 12px;
    right: 12px;
    content: '';
    border-left: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    z-index: 2;
    transform: rotate(-45deg);
    border-radius: 0 !important;
    padding: 0 !important;
}

.number_count .button-plus {
    background: #fff;
    border: 0 !important;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 14px;
    right: 16px;
    content: '';
    border-left: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    z-index: 2;
    transform: rotate(136deg);
    border-radius: 0 !important;
    padding: 0 !important;
}

.number_count:after {
    content: '';
    width: 30px;
    height: 35px;
    background: #fff;
    top: 2px;
    right: 5px;
    position: absolute;
}


@media (min-width:1024px) and (max-width:1280px) {


    .logo-panel {
        max-width: 200px;
    }
}


/* 26-03-2024 end */


/* 27-03-2024 start */
.h-100 {
    height: 100px !important
}

.filteremp_content .top-search input {
    border-bottom: 1px solid #DDDDEB;
}

.filteremp_content {
    border: 1px solid #D9D9D9;
    padding: 15px;
}

h3.filter_title {
    padding: 10px 15px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background: var(--primary-color);
}

.pagination li {
    margin: 0 4px;
}

    .pagination li a {
        border: 1px solid #F5F5F5;
        border-radius: 0 !important;
        color: #1C2132;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.active > .page-link,
.page-link.active {
    background: var(--primary-color);
}

.panel_master {
    width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/panel_master.png) no-repeat;
    background-size: cover !important;
}

.board_member {
    width: 38px;
    height: 35px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/board_member.png) no-repeat;
    background-size: cover !important;
}

.filter_empicon {
    width: 34px;
    height: 34px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/filter.png) no-repeat;
    background-size: cover !important;
}

.member_table table th,
.member_table table td {
    padding: 12px 15px;
}

.member_table table th {
    background: var(--primary-color);
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.member_table table td {
    color: #1C2132;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width:914px) {
    .mob_coloumn {
        flex-direction: column;
    }

        .mob_coloumn .d-flex {
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 15px;
        }

        .mob_coloumn .pagination {
            margin-top: 15px;
        }
}

/* 27-03-2024 end */

/*-------------------------------------------------------------27-03-24 Proloy starts---------------------------------------------------*/
.new-projection-table th,
.new-projection-table td {
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
}

.new-projection-table th {
    border-top: 1px solid rgb(222 226 230);
}

.new-projection-table td p {
    margin-bottom: 5px;
    color: #81889E;
}

    .new-projection-table td p strong {
        color: #43495C;
    }

.new-projection-table .collapse-inner-table {
    padding-left: 120px;
}

    .new-projection-table .collapse-inner-table .table {
        border-left: 1px solid rgb(222 226 230);
        border-right: 1px solid rgb(222 226 230);
    }

.new-projection-table .total-row td {
    background: var(--primary-color);
    color: #fff;
}

.new-projection-table td a[aria-expanded="true"] .add-icon {
    background: url(../img/icon/Minus.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.xxl-offcanvas-wrapper {
    max-width: 85% !important;
    width: 100% !important;
}

.shortable-table .table {
    border-left: 1px solid rgb(222 226 230);
    border-right: 1px solid rgb(222 226 230);
}

    .shortable-table .table td {
        vertical-align: middle;
        border-right: 1px solid rgb(222 226 230);
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .shortable-table .table th {
        background: var(--primary-color);
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-right: 1px solid rgb(222 226 230);
    }

    .shortable-table .table tr:hover td {
        background-color: color-mix(in oklab, var(--primary-color), white 90%) !important;
    }

.evaluation_round_offcanvas h3 {
    color: #495057;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}



/*-------------------------------------------------------------27-03-24 Proloy ends---------------------------------------------------*/

/*-------------------------- 27.3.24 tushar-start -----------------*/
.nav-tabes {
    max-width: 100%;
}

.blue-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .blue-heading h3 {
        font-size: 20px;
        font-weight: 500;
        color: #449AF9;
        margin: 0;
    }

.mb-30 {
    margin-bottom: 30px;
}

.theme-form-group input[type="date"] {
    position: relative;
    z-index: 0;
}

    .theme-form-group input[type="date"]::after {
        width: 42px;
        height: 48px;
        border-left: 1px solid #CED4DA;
        padding: 15px;
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #F8F8F8;
        z-index: -1;
    }

.phn-select {
    background-color: #F8F8F8;
    padding: 10px;
    max-width: 78px;
    border-right: none;
    width: 100%;
}

.nav-tabes {
    overflow-x: auto;
}

.gray-bg {
    background-color: #F9F9F9;
}



.badge-box {
    border: 1px solid #CED4DA;
    padding: 15px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: normal;
    gap: 10px;
    display: flex;
}

.badge-bord {
    border-radius: 10px;
    border: 1px solid #81889E;
    padding: 3px 5px 3px 15px;
}

.clear-text {
    font-size: 13px;
    font-weight: 500;
    color: #43495C;
    margin: 0;
    padding: 0;
    width: 100%;
    text-decoration: underline;
    text-align: right;
    display: block;
}

.non-active-gray-bg {
    background-color: #D9D9D9;
    color: #fff;
    border-color: #d9d9d9;
}

.progress-line span {
    width: 38px;
    height: 38px;
    background-color: #FD8637;
    border-radius: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.progress-line {
    padding-right: 15px;
    text-align: center;
}

.orng-line {
    width: 1px;
    height: 100%;
    max-height: 80%;
    margin: 0 auto;
    background-color: #FD8637;
}

.browse-file {
    position: relative;
    line-height: 25px;
    max-width: 70px;
}

    .browse-file input {
        position: absolute;
        max-width: 65px;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0;
        left: 0;
    }

.on-off-icon {
    border-right: 1px solid #CED4DA;
    border-left: 0px;
    max-width: 45px;
}

.sub-text {
    font-size: 10px;
    font-weight: 500;
    color: #74788D;
}

.progress-steps-panel ul li .done-check {
    display: none;
}

.progress-steps-panel ul li.complete-active span {
    display: none;
}

.progress-steps-panel ul li.complete-active .done-check {
    width: 45px;
    height: 45px;
    background-color: #08B77D;
    display: flex !important;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 100px;
}

/*---------------------- 27.3.24 tushar-end ---------------------------*/


/* 28-03-2024 start */
.member_table table th {
    border-top: 1px solid rgb(222 226 230);
    border-right: 1px solid rgb(222 226 230);
}

.member_table table td {
    border-right: 1px solid rgb(222 226 230);
}

.member_table table {
    border-left: 1px solid rgb(222 226 230);
    border-right: 1px solid rgb(222 226 230);
}

.shortable-table .table td,
.shortable-table .table th {
    padding: 12px 15px !important;
}

.shortable-table .table td {
    color: #1C2132;
}

.raph_colorlist {
    padding: 0;
    margin: 20px 0 0 0;
}

    .raph_colorlist ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .raph_colorlist ul li {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #81889E;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin: 0 0 15px 0;
        }

            .raph_colorlist ul li span {
                width: 20px;
                height: 20px;
                display: inline-flex;
                flex-shrink: 0;
            }

                .raph_colorlist ul li span.pink_bg {
                    background: #E0A1A1;
                }

                .raph_colorlist ul li span.skyblue_bg {
                    background: #1495DA;
                }

                .raph_colorlist ul li span.purple_bg {
                    background: #6C41E4;
                }

                .raph_colorlist ul li span.blue_bg {
                    background: #5896CD;
                }

.left_subtitle {
    color: #363A47;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.financial_year {
    width: 24px;
    height: 24px;
    display: inline-flex;
    background: url(../img/icon/calendar-icon.svg) no-repeat;
    background-size: cover !important;
}

.target_entity {
    width: 24px;
    height: 24px;
    display: inline-flex;
    background: url(../img/icon/South\ Carolina.svg) no-repeat;
    background-size: cover !important;
}

.target_priod {
    width: 24px;
    height: 24px;
    display: inline-flex;
    background: url(../img/icon/Driveway.svg) no-repeat;
    background-size: cover !important;
}

/* 28-03-2024 end*/

/*-------------- 29-03-2024 start ---------------------*/
.hire_pipeline {
    background: url(../img/icon/Pipeline.svg) no-repeat center center;
    background-size: cover !important;
}

.when_contentarea .owl-carouselctrl .item {
    border: 1px solid rgba(217, 217, 217, 0.60);
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.when_contentarea {
    max-width: 100%;
}

    .when_contentarea .owl-carouselctrl {
        margin: 0 60px;
        position: relative;
    }

.owl-carouselctrl h5 {
    color: #81889E;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 0;
    margin: 0;
}

.owl-carouselctrl p {
    color: #363A47;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 0;
    margin: 0;
}

.owl-carouselctrl .owl-nav button {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background: var(--primary-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .owl-carouselctrl .owl-nav button span {
        font-size: 18px;
        color: #fff;
    }

.owl-carouselctrl .owl-nav .owl-prev {
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carouselctrl .owl-nav .owl-next {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carouselctrl .owl-carousel {
    padding: 0;
    margin: 0;
    height: 84px;
}




/*.user-details-panel {
    max-width: calc(100vw - 936px);
}*/

.action_task {
    background: url(../img/icon/In\ Progress.svg) no-repeat center center;
    background-size: cover !important;
}

.actionable_tasklist {
    display: flex;
    align-items: center;
    gap: 20px;
}

.actionable_tasklistNumber {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background: #EEF0F2;
    color: #545A6D;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.candidature_txt {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #363A47;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cadidature_img {
    width: 36px;
    height: 34px;
    display: block;
    background: url(../img/candidature.png) no-repeat center center;
    background-size: cover !important;
    flex-shrink: 0;
}

.evulution_img {
    width: 35px;
    height: 47px;
    display: block;
    background: url(../img/evulution.png) no-repeat center center;
    background-size: cover !important;
    flex-shrink: 0;
}

.interview_img {
    width: 48px;
    height: 46px;
    display: block;
    background: url(../img/setinterview.png) no-repeat center center;
    background-size: cover !important;
    flex-shrink: 0;
}

.candidate_img {
    width: 45px;
    height: 48px;
    display: block;
    background: url(../img/candidate.png) no-repeat center center;
    background-size: cover !important;
    flex-shrink: 0;
}

.manpower_icon {
    background: url(../img/manpower.png) no-repeat center center;
    background-size: cover !important;
}


@media (max-width: 1450px) {
    .user-details-panel {
        /* max-width: calc(100vw - 799px);*/
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .user-details-panel {
        max-width: calc(100vw - 290px);
    }
}

@media (max-width: 914px) {
    .user-details-panel {
        max-width: 100%;
    }
}


/*-------------- 29-03-2024 end ---------------------*/


/*-------------- 29-03-2024 start ---------------------*/
.hire_pipeline {
    background: url(../img/icon/Pipeline.svg) no-repeat center center;
    background-size: cover !important;
}

.when_contentarea .owl-carouselctrl .item {
    border: 1px solid rgba(217, 217, 217, 0.60);
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.when_contentarea .sourced-candidate .owl-item .item {
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
}

.when_contentarea {
    max-width: 100%;
}

    .when_contentarea .owl-carouselctrl {
        margin: 0 60px;
        position: relative;
    }

.owl-carouselctrl h5 {
    color: #81889E;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 0;
    margin: 0;
}

.owl-carouselctrl p {
    color: #363A47;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 0;
    margin: 0;
}

.owl-carouselctrl .owl-nav button {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background: var(--primary-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .owl-carouselctrl .owl-nav button span {
        font-size: 18px;
        color: #fff;
    }

.owl-carouselctrl .owl-nav .owl-prev {
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carouselctrl .owl-nav .owl-next {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carouselctrl .owl-carousel {
    padding: 0;
    margin: 0;
    height: 84px;
}






.action_task {
    background: url(../img/icon/In\ Progress.svg) no-repeat center center;
    background-size: cover !important;
}

.actionable_tasklist {
    display: flex;
    align-items: center;
    gap: 20px;
}

.actionable_tasklistNumber {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background: #EEF0F2;
    color: #545A6D;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.candidature_txt {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #363A47;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cadidature_img {
    width: 36px;
    height: 34px;
    display: block;
    background: url(../img/candidature.png) no-repeat center center;
    background-size: cover !important;
}

.evulution_img {
    width: 35px;
    height: 47px;
    display: block;
    background: url(../img/evulution.png) no-repeat center center;
    background-size: cover !important;
}

.interview_img {
    width: 48px;
    height: 46px;
    display: block;
    background: url(../img/setinterview.png) no-repeat center center;
    background-size: cover !important;
}

.candidate_img {
    width: 45px;
    height: 48px;
    display: block;
    background: url(../img/candidate.png) no-repeat center center;
    background-size: cover !important;
}

.manpower_icon {
    background: url(../img/manpower.png) no-repeat center center;
    background-size: cover !important;
}


@media (max-width: 1450px) {
    /* .user-details-panel {
        max-width: calc(100vw - 799px);
    }*/
}

@media (min-width:768px) and (max-width:1280px) {
    .user-details-panel {
        max-width: calc(100vw - 290px);
    }
}



@media (min-width:1024px) and (max-width:1280px) {
    .user-details-panel-listing {
        max-width: calc(100vw - 28%) !important;
    }
}

@media (max-width: 914px) {
    .user-details-panel {
        max-width: 100%;
    }

    .three-btn-resize-mobile {
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

        .three-btn-resize-mobile .btn {
            width: 150px;
            text-align: center;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
}


/*-------------- 29-03-2024 end ---------------------*/


/*****************************/
/* 18-04-2024 start */
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background-color: transparent !important;
    border-color: #CED4DA !important;
    background-image: url("../img/check-green.svg");
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    width: 22px;
    height: 22px;
}

.heading-blue-text,
.section-heading,
.template-form .user-info-row .h6 {
    color: #449AF9 !important;
    font-size: 20px !important;
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-details-panel .user-info-heading {
    border: none;
    background: #FAFAFA;
    padding: 14px 20px !important;
    align-items: center;
}

.user_basicinfo {
    border: none !important;
    padding: 14px 18px !important;
}

.user-details-panel .user-info-heading h4,
.user-details-panel .user-info-heading h3 {
    color: #12121E;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
}

.progress-steps-panel ul li.completed span {
    text-indent: -1000000px;
    background: url("../img/check-white.svg") no-repeat 50% 50% #08B77D;
    color: #fff;
}

.territories-chekbox .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.template-form .form-check.mt-2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.form-check.theme-form-check {
    display: flex;
    gap: 10px;
    align-items: center;
}

h1.section-heading {
    font-size: 20px !important;
    color: var(--bs-heading-color) !important;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 600;
}

.user_basicinforight h3 {
    margin-bottom: 8px;
}

.when_titlebg {
    margin-bottom: 10px;
}

.user_basicinforight h3 {
    color: #449AF9;
}

.user-profile-cont h5 {
    color: #449AF9;
}

.actionable_tasklistNumber {
    background: #449AF9;
    color: #fff;
}

.list-scroll {
    overflow-y: auto;
    max-height: calc(100vh - 0px);
    overflow-x: hidden;
}

/* 18-04-2024 end */
/*****************************/
/*-------------- 29-03-2024 end ---------------------*/




.hidetablecolumn {
    width: 0px !important;
    overflow: hidden !important;
}



table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left !important;
}

.hiring-pipeline-carousel .item {
    border-bottom-width: 5px !important;
    border-style: solid !important;
}

    .hiring-pipeline-carousel .item.shortlisted {
        border-bottom-color: #FFA500;
    }

    .hiring-pipeline-carousel .item.interview {
        border-bottom-color: #FFD700;
    }

    .hiring-pipeline-carousel .item.selection {
        border-bottom-color: #FFFF00;
    }

    .hiring-pipeline-carousel .item.ctcfinalization {
        border-bottom-color: #9ACD32;
    }

    .hiring-pipeline-carousel .item.offer {
        border-bottom-color: #32CD32;
    }

    .hiring-pipeline-carousel .item.onboard {
        border-bottom-color: #008080;
    }

.worbreak-break-word {
    word-break: break-word;
}

.preferred-location-row .theme-form-group label {
    min-height: 0 !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 0.8;
}

.mt-1-cstm {
    margin-top: -1px;
}
/*-------------- 29-04-2024 Start---------------------*/

.current_stageList {
    padding: 0;
    margin: 0;
    min-width: 350px;
}

    .current_stageList ul {
        padding: 0;
        margin: 10px 0;
        list-style: none;
        display: flex;
    }

        .current_stageList ul li {
            width: calc(20% - 5px);
            position: relative;
            border-bottom: 2px solid #D9D9D9;
        }

            .current_stageList ul li span {
                width: 20px;
                height: 20px;
                position: absolute;
                right: 0px;
                top: -9px;
                /*cursor: pointer;*/
                background: #D9D9D9;
                border-radius: 50px;
                display: inline-block;
                z-index: 1;
            }

            .current_stageList ul li:nth-child(1) {
                width: 20px;
            }

            .current_stageList ul li span.orange_circle {
                background: #FFA500;
            }

            .current_stageList ul li span.lightorange_circle {
                background: #FFD700;
            }

            .current_stageList ul li span.yellow_circle {
                background: #FFFF00;
            }

            .current_stageList ul li span.lightgreen_circle {
                background: #9ACD32;
            }

            .current_stageList ul li span.green_circle {
                background: #32CD32;
            }

            .current_stageList ul li span.blue_circle {
                background: #008080;
            }

.curent_stage_text {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 0;
}

    .curent_stage_text.blue_txt {
        color: #449AF9;
    }

    .curent_stage_text.read_txt {
        color: #F46A6A;
    }

    .curent_stage_text.orange_txt {
        color: #FD8637;
    }

    .curent_stage_text.green_txt {
        color: #08B77D;
    }

.btn.btn_orange {
    background: #FD8637 !important;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 30px;
}

    .btn.btn_orange:hover {
        border-color: #FD8637 !important;
        background: color-mix(in srgb, #FD8637 80%, black) !important;
    }

.btn.btn_blue {
    background: #449AF9 !important;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 30px;
}

    .btn.btn_blue:hover {
        border-color: #449AF9 !important;
        background: color-mix(in srgb, #449AF9 80%, black) !important;
    }

.btn.btn_gren {
    background: #08B77D !important;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 30px;
}

    .btn.btn_gren:hover {
        border-color: #08B77D !important;
        background: color-mix(in srgb, #08B77D 80%, black) !important;
    }

.candidateDetails .dropdown-menu {
    border: 1px solid #12121E;
    background: #fff;
    padding: 0;
    width: 208px;
}

    .candidateDetails .dropdown-menu:after {
        content: '';
        position: absolute;
        top: -14px;
        right: 5px;
        border: 7px solid transparent;
        border-bottom: 7px solid #12121E;
    }

.candidateDetails .dropdown-item {
    padding: 12px 15px;
    color: var(--link-color);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--primary-font);
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

    .candidateDetails .dropdown-item:hover, .candidateDetails .dropdown-item:active {
        background: #efeff9;
    }

.offcanvas {
    width: 1000px !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.text-orange {
    color: #FD8637 !important;
}

.offcanvas_close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.when_contentarea .rightpanel_owlcaresoul .owl-carouselctrl .item {
    border: 0;
    border-bottom: 1px solid rgba(255, 165, 0, 0.60);
}

.offcanvas .actionable_tasklistNumber {
    background: #449AF9;
    color: #fff;
    position: relative;
}

    .offcanvas .actionable_tasklistNumber.active:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 500px;
        background: #08B77D;
    }

    .offcanvas .actionable_tasklistNumber.active:before {
        content: '';
        position: absolute;
        left: 12px;
        top: 14px;
        width: 15px;
        height: 7px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-45deg);
        z-index: 2;
    }

.date_detactrl {
    width: 150px;
}

    .date_detactrl ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }

        .date_detactrl ul li {
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
            flex-shrink: 0;
            width: 50%;
        }

.offcanvas .candidature_txt {
    flex-grow: 1;
}

.btn.send_offerletter {
    background: #D9D9D9 !important;
    color: #fff !important;
    text-transform: uppercase;
}

.whenTimeline_icon {
    background: url(../img/timeline.png) no-repeat 0 0;
    background-size: cover;
}

.when_timeline_listing {
    padding: 0;
}

    .when_timeline_listing ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .when_timeline_listing ul li {
            padding: 0;
            margin: 0 0 15px 0;
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .when_timeline_listing ul li .when_timelineicon {
                background: #FD8637;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100px;
                flex-shrink: 0;
            }

                .when_timeline_listing ul li .when_timelineicon img {
                    max-width: 22px;
                }

            .when_timeline_listing ul li p {
                color: var(--primary-font-color);
                font-family: var(--primary-font);
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                padding: 0;
                margin: 0;
            }

                .when_timeline_listing ul li p a {
                    color: #00009D;
                    text-decoration: none;
                }

                .when_timeline_listing ul li p span {
                    color: #81889E;
                }

.w-24 {
    width: 24px;
}

.data_table thead th {
    background: #0152b3;
    padding: 10px 15px;
    color: #FFF;
    font-family: var(--primary-font);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-left: 1px solid #fff;
}

.data_table tbody td {
    background: #fff;
    padding: 10px 15px;
    color: #1C2132;
    font-family: var(--primary-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.data_table tbody {
    border-right: 1px solid #f5f5f5;
}

    .data_table tbody tr.active td {
        background: rgba(8, 183, 125, 0.25);
    }

.btn-cancel {
    background: #C5CBDE;
    color: #7C86A4;
}

.qulify_text {
    color: #08B77D;
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.disqulify_text {
    color: #F46A6A;
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.interviewerTable {
    border-top: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    margin-bottom: 15px;
}

    .interviewerTable tr td {
        border-bottom: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
        padding: 8px 15px;
    }

        .interviewerTable tr td h4 {
            padding: 0;
            margin: 0;
            font-family: var(--primary-font);
            color: #000;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            ;
        }

        .interviewerTable tr td p {
            padding: 0;
            margin: 0;
            font-family: var(--primary-font);
            color: #7A7C7E;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px;
            ;
        }

        .interviewerTable tr td h3 {
            padding: 0;
            margin: 0;
            font-family: var(--primary-font);
            color: #000;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal
        }

        .interviewerTable tr td h5 {
            padding: 0;
            margin: 0;
            font-family: var(--primary-font);
            color: #307FE2;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
        }

    .interviewerTable tr.criteriya_tabledeta td {
        background: rgba(68, 154, 249, 0.50);
        font-family: var(--primary-font);
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 3px 15px;
    }

    .interviewerTable tr.parameter_tabledeta td {
        background: #F5FBF5;
        font-family: var(--primary-font);
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        padding: 3px 15px;
    }

    .interviewerTable .progress {
        height: 8px;
        background: #E9E9E9;
    }

    .interviewerTable .progress-bar {
        background: #307FE2;
    }

    .interviewerTable .bg-success {
        background: #08B77D;
    }

    .interviewerTable .bg-danger {
        background: #F46A6A;
    }

    .interviewerTable .success_text {
        color: #08B77D !important;
    }

    .interviewerTable .danger_text {
        color: #F46A6A;
    }






    .interviewerTable tr td h6 {
        padding: 0;
        margin: 0;
        font-family: var(--primary-font);
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px;
    }

.interview_count {
    padding: 2px 7px;
    border: 1px solid #efefef;
    border-radius: 30px;
    margin-left: 10px;
}

.interviewerTable tr td h4.interviewTitle {
    font-size: 14px;
    color: #121D22;
    font-weight: 700;
}

.interviewerTable tr td h3.round_source {
    font-size: 16px;
    font-weight: 600;
}

.interviewerTable tr td h3 span {
    margin-right: 8px;
}
/* .table-responsive table{
    min-width:720px;
} */

@media (max-width:1023px) {

    .offcanvas {
        max-width: 100% !important;
    }
}

@media (max-width:914px) {
    .when_titlebg h3, .qulify_text, .disqulify_text {
        font-size: 14px;
    }

    .interviewerTable tr td h3.round_source, .interviewerTable tr td h3 {
        font-size: 16px;
    }

    .interviewerTable {
        min-width: 800px;
    }

    .mob-mt-15 {
        margin-top: 15px;
    }

    .mob-candidate-location-error {
        position: relative;
        bottom: 39px;
    }

    .mob-mb-15 {
        margin-bottom: 15px;
    }

    .family-row {
        margin-bottom: 15px;
    }
}



/*-------------- 29-04-2024 end ---------------------*/

@media(min-width:1400px) and (max-width:1450px) {
    .theme-form-group label {
        font-size: 11px !important;
    }

        .theme-form-group label.mh-35 {
            min-height: 0px !important;
        }

    .user-details-panel .user-profile-details > .d-flex:first-child {
        width: 50%;
    }

    .user-list-content h6 {
        white-space: nowrap;
    }

    .email-placeholder-icon-field-settings-scroolbar.requistion-placeholder {
        max-height: calc(100vh - 600px) !important;
    }
}

/*30-04-2024*/

/*02-05-2024*/
.code-rule-size {
    color: #6F768D;
    font-size: 18px;
    font-weight: 500;
}

    .code-rule-size span {
        color: #363A47;
    }

.email-placeholder-icon-field-settings-scroolbar.requistion-placeholder {
    max-height: calc(100vh - 470px) !important;
}


.source-candidate-icon {
    background: url("../img/icon/source-candidate.svg") no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
}

.add-candidate-icon {
    background: url("../img/icon/add-candidate-circle.svg") no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
}

.btn-success-custom {
    background: #08B77D !important;
    border-color: #08B77D !important;
    color: #ffffff !important;
}

    .btn-success-custom:hover {
        background-color: color-mix(in oklab, #08B77D, white 20%) !important;
        border-color: color-mix(in oklab, #08B77D, white 20%) !important;
    }

/*-------------------------------------------7-05-24 Start--------------------------------------*/
.list-checks-icon {
    background: url(../img/list-checks.svg) no-repeat 0 0;
    width: 32px;
    height: 34px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
}

.candidature-form-modal .modal-title {
    color: #000;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .candidature-form-modal .modal-title strong {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.candidature-form-modal .th .module-permission-col {
    color: #43495C;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.candidature-form-modal .td .module-permission-col {
    color: #43495C;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.candidature-form-modal .module-permission-table-row.th .module-permission-col:first-child,
.candidature-form-modal .module-permission-table-row.td .module-permission-col:first-child {
    padding-left: 15px;
}

.text-grey {
    color: #81889E;
}

.candidature-form-modal .module-permission-table-row.th {
    left: auto;
    position: relative;
    right: auto;
    top: auto;
}
/*-------------------------------------------7-05-24 Ends--------------------------------------*/

/*-------------- 08-05-2024 starts ----------------*/
.circle-progress-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
    /* width: 280px;
    height: 350px; */
    border-radius: 5px;
}

    .circle-progress-card .percent {
        position: relative;
    }

    .circle-progress-card svg {
        position: relative;
        width: 101px;
        height: 101px;
        transform: rotate(-90deg);
    }

        .circle-progress-card svg circle {
            width: 100%;
            height: 100%;
            fill: none;
            stroke: #f0f0f0;
            stroke-width: 10;
            stroke-linecap: round;
        }

            .circle-progress-card svg circle:last-of-type {
                stroke-dasharray: 625px;
                stroke-dashoffset: calc(625px - (280px * var(--percent)) / 100);
                stroke: #3498db;
            }

    .circle-progress-card .number {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .circle-progress-card .number h3 {
            font-weight: 200;
            font-size: 14px;
            text-align: center;
            margin-bottom: 0;
        }

        .circle-progress-card .number h4 {
            font-size: 14px;
        }

        .circle-progress-card .number h3 span {
            font-size: 14px;
        }

    .circle-progress-card .title h2 {
        margin: 10px 0 0;
        font-size: 12px;
    }

/*.circle-progress-card:nth-child(1) svg circle:last-of-type {
        stroke: #1eb07d;
    }

    .circle-progress-card:nth-child(2) svg circle:last-of-type {
        stroke: #f36a6c;
    }*/
.stroke-success {
    stroke: #1eb07d !important;
}

.stroke-danger {
    stroke: #f36a6c !important;
}

.hideround {
    display: none !important;
}

.hidecriteria {
    display: none;
}

.hideparameter {
    display: none;
}

/*-------------- 08-05-2024 ends ----------------*/

/*-------------- 14-05-2024 ends ----------------*/
.bulkofferletter {
}

.bulkofferletter-backgroundcolor {
    background-color: #FAFAFA;
    padding: 17px;
}

.bulkofferletter-previewbtncolor {
    background-color: #B0C081;
    border-color: #B0C081;
    color: white;
}

    .bulkofferletter-previewbtncolor:hover {
        background-color: #94a563 !important;
        border-color: #94a563 !important;
        color: white !important;
    }

.bulkofferletter-title {
    background-color: #FAFAFA;
    padding: 8px;
}

.text-blue {
    color: #449AF9;
}

.noteimg {
    flex-shrink: 0;
    width: 30px;
}

.roundscoreheader {
    display: flex;
    white-space: normal;
}
/*-------------- 14-05-2024 ends ----------------*/

.approvedctcdetails_icon {
    background: url(../img/Vector_grey.svg) no-repeat 0 0;
    background-size: cover;
    width: 26px;
    height: 20px;
}

.sendofferletter_icon {
    background: url(../img/PaperPlaneRight_grey.svg) no-repeat 0 0;
    background-size: cover;
}

.send-offer-btn .btn-xlg {
    padding: 10px 50px !important;
}

/*24-05-2024*/

table.dataTable > tbody td.read_bg {
    background: #FF0000;
    color: #fff;
    box-shadow: none !important;
}

table.dataTable > tbody td.yellow_bg {
    background: #FFFF00;
    box-shadow: none !important;
}

table.dataTable > tbody td.green_bg {
    background: #097969;
    color: #fff;
    box-shadow: none !important;
}

/*-------------- 23-05-2024 start Interview Calendar ------------------*/

.grid_menueicon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 50px;
    top: 15px;
}

/*.blocked_schudle_list {
    padding: 35px 0 0 0;
}*/

.daoff_list {
    padding: 0 0 20px 0;
    margin: 0;
    list-style: none;
}

    .daoff_list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        gap: 20px;
    }

        .daoff_list ul li {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
            align-items: center;
            gap: 8px;
            font-family: var(--primary-font);
            color: #6C707E;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

            .daoff_list ul li span {
                width: 18px;
                height: 18px;
                display: inline-flex;
                background: #d9d9d9;
            }

                .daoff_list ul li span.day_off {
                    background: rgba(240, 128, 128, 0.50);
                }

                .daoff_list ul li span.schudled {
                    background: #B0C081;
                }

.schudle_interview {
    width: 100%;
}

    .schudle_interview tr th {
        padding: 8px;
        color: #121D22;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        border: 1px solid #EFEFEF;
        background: #fff;
    }

        .schudle_interview tr th h5 {
            color: #9D9CA3;
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            padding: 0;
            margin: 0;
        }

        .schudle_interview tr th.current_Time {
            border-radius: 4px;
            background: #195CE5;
            color: #fff;
        }

            .schudle_interview tr th.current_Time h5 {
                color: #fff;
            }

    .schudle_interview tr td.blank_content {
        background: #F5FBF5;
        border: 0;
    }

        .schudle_interview tr td.blank_content:first-child {
            border-right: 1px solid #EFEFEF;
            border-left: 1px solid #EFEFEF;
        }

    .schudle_interview tr td {
        padding: 8px;
        border: 1px solid #EFEFEF;
        background: #FFF;
        min-width: 54px;
    }

        .schudle_interview tr td h6 {
            color: #7A7C7E;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px;
            padding: 0;
            margin: 0;
        }

        .schudle_interview tr td:first-child, .schudle_interview tr th:first-child {
            min-width: 180px;
            position: sticky;
            left: 0;
        }

        .schudle_interview tr td.blocked_bg {
            background: #d9d9d9;
        }

        .schudle_interview tr td.day_offbg {
            background: rgba(240, 128, 128, 0.50);
        }

        .schudle_interview tr td.schudled_bg {
            background: #B0C081;
        }

    .schudle_interview .interview_count {
        color: #9F9EA4;
        font-size: 11px;
        font-weight: 500;
    }

@media (max-width:767px) {
    .daoff_list ul {
        gap: 10px;
    }
}

/*-------------- 23-05-2024 end Interview Calendar------------------*/

.nav-icon-vacancy {
    background: url("../img/icon/vacancynav.svg") no-repeat 0 0;
    background-size: cover;
}

.nav-icon-selection {
    background: url("../img/icon/selection_icon.svg") no-repeat 0 0;
    background-size: cover;
}

.text-red {
    color: #ff2620 !important;
}

.background_red {
    background: #ff2620 !important;
}

.candidate-suggested {
    background: url("../img/icon/suggested-candidate.svg") no-repeat 0 0;
    background-size: cover;
    width: 20px;
    display: block;
    height: 20px;
}

/*.select2-dropdown {

    z-index:98 !important;
}
*/

/* --------18-07-2024 start ---------*/

/* -------------------------Duplicate Field setup  for candidate page Start ---------------------------*/

.read_bg {
    background: #fa3838 !important;
}

.duplicate_candidateList {
    padding: 0;
    margin: 0;
    display: flex;
}

.duplicate_candidateListleft, .duplicate_candidateListright {
    width: 40%;
    display: flex;
    flex-direction: column;
}

.duplicate_candidateListarrow {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.duplicate_candidatecontent {
    height: 100%;
    min-height: 250px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.1);
    padding: 15px;
    display: flex;
    flex-direction: column;
    border-left: 3px solid #00009d;
}

.duplicate_candidatelist {
    padding: 0;
    margin: 0;
}

    .duplicate_candidatelist ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .duplicate_candidatelist ul li {
            padding: 8px 12px;
            margin: 0 0 1px 0;
            list-style: none;
            font-size: 12px;
            /* font-weight: 500; */
            color: #545454;
            background: #f7f7f7;
            border-bottom: 1px solid #e4e4e4;
            cursor: move;
        }

            .duplicate_candidatelist ul li.active, .duplicate_candidatelist ul li:hover {
                background: #00009d;
                color: #fff;
            }

.copy_icon {
    width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/copy.png) no-repeat;
    background-size: cover !important;
}

.blue_bg {
    background: #00009D !important;
}

.blue_btn {
    background: #00009D;
}

.employeeSelect .select2-container {
    width: 100% !important;
}

.employeeSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.employeeSelect .select2-container--default .select2-selection--single,
.employeeSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.employeeSelect .select2-container--default .select2-selection--single {
    border: 1px solid #CED4DA;
    border-radius: 0;
}
/* -------------------------Duplicate Field setup  for candidate page End ---------------------------*/



/* ---------EMPLOYEE DETAILS START ---------*/
.emp_detailsTitle {
    display: flex;
    align-items: center;
    margin: 0 0 30px 0;
}

.emp_detailsTitleleft {
    display: flex;
    gap: 20px;
}

    .emp_detailsTitleleft h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: #6F768D;
        padding: 0;
        margin: 0;
    }

    .emp_detailsTitleleft a {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        text-decoration: none;
        color: #449AF9;
        padding: 0;
        margin: 0;
    }

.emp_detailsTitleright {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    gap: 40px;
}

    .emp_detailsTitleright a.edit_icon {
        width: 24px;
        height: 24px;
        background: url(../img/Edit.svg) no-repeat;
        background-size: cover;
        font-size: 0;
        display: inline-block;
    }

.emp_detailsTitleprogressbar p {
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #307FE2;
    padding: 0;
    margin: 0;
}

.emp_detailsTitleprogressbar .progress {
    height: 8px;
}

.emp_detailsTitleprogressbar .progress-bar {
    background: #0d6efd;
}

.empdetails_heading {
    display: flex;
    background: #FAFAFA;
    padding: 14px 20px !important;
    align-items: center;
    gap: 12px;
    margin: 0 0 15px 0;
}

    .empdetails_heading span {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

        .empdetails_heading span.prof_detailsicon {
            background: url(../img/UserCircleDashed.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.contact_detailsicon {
            background: url(../img/AddressBook.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.personal_detailsicon {
            background: url(../img/UserFocus.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.current_position {
            background: url(../img/OfficeChair.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.referaldetailicon {
            background: url(../img/UserCircleGear.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.remarksicon {
            background: url(../img/ChatCenteredDots.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.statoryicon {
            background: url(../img/IdentificationCard.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.bankaccounticon {
            background: url(../img/Bank.svg) no-repeat;
            background-size: cover;
        }

        .empdetails_heading span.familyicon {
            background: url(../img/TreeStructure.svg) no-repeat;
            background-size: cover;
        }

    .empdetails_heading h4 {
        color: #6F768D;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

.employee_profpicture {
    width: 160px;
    height: 160px;
    margin: 0 0 0 20px;
}

    .employee_profpicture img {
        border-radius: 500px;
        border: 4px solid #439af9;
    }

.emp_detailscoloumn {
    padding: 0 0 0 45px;
    border-left: 1px solid #ECECF2;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.emp_detailsList {
    padding: 0 0 0 20px;
    margin: 0;
}

    .emp_detailsList ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .emp_detailsList ul li {
            padding: 0;
            margin: 0 0 10px 0;
            list-style: none;
        }

            .emp_detailsList ul li h6 {
                font-size: 13px;
                font-weight: 500;
                line-height: 19px;
                color: #449AF9;
                padding: 0;
                margin: 0;
            }

            .emp_detailsList ul li p {
                font-size: 13px;
                font-weight: 500;
                line-height: 19px;
                color: #363A47;
                padding: 0;
                margin: 0;
            }

                .emp_detailsList ul li p span {
                    color: #6F768D;
                }

                .emp_detailsList ul li p a {
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 19px;
                    color: #363A47;
                    text-decoration: none;
                }

                .emp_detailsList ul li p.verified {
                    color: #08B77D;
                }

.empdetails_section {
    padding: 0;
    margin: 0 0 30px 0;
}

.emp_detailsList ul li h6 span.emp_titleicon {
    width: 24px;
    height: 24px;
}

hr.empdetails_sectiondevider {
    margin: 10px 0 20px 0;
    padding: 0;
}

.emp_detailsList ul li p span.read_text {
    color: #D70128;
}

.emp_detailsList ul li p a.blue_txt {
    color: #449AF9;
    text-decoration: none;
}

.width_18 {
    width: 18px;
}

.emp_detailsList ul li p.font-13bold {
    font-size: 13px;
    font-weight: 600;
}

.emp_detailsList ul li h6.font-13bold {
    font-size: 13px;
    font-weight: 600;
}

.uploadxls-icon {
    background: url("../img/upload-white.png") no-repeat 0 0;
    width: 28px;
    height: 28px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
}

.btn-success-custom:hover {
    background: #02865a !important;
    border-color: #02865a !important;
}

/* ---------EMPLOYEE DETAILS END ---------*/





/*-----------------------------------Proloy 19-07-24 Starts-----------------------------------*/
.progress-steps-panel {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

    .progress-steps-panel ul {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }

        .progress-steps-panel ul li {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            font-size: 15px;
            font-weight: 500;
        }

            .progress-steps-panel ul li span {
                width: 45px;
                height: 45px;
                background-color: #EEF0F2;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
                color: #545A6D;
                border-radius: 100px;
            }

            .progress-steps-panel ul li.active span {
                background-color: #0152B3;
                color: #fff;
            }

            .progress-steps-panel ul li p {
                white-space: nowrap;
            }

.progress-arrow i {
    width: 175px;
    height: 2px;
    background: #EEF0F2;
    flex-shrink: 0;
    display: block;
    margin-top: 22px;
    position: relative;
}

    .progress-arrow i::before {
        position: absolute;
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        border-top: 2px solid #EEF0F2;
        border-left: 2px solid #EEF0F2;
        top: -6px;
        right: 0;
        transform: rotate(135deg);
    }





.module-permission-col {
    width: 10%;
    flex-shrink: 0;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
}

    .module-permission-col:first-child {
        flex: 1;
    }

.module-permission-table-row.th {
    border-top: 1px solid #DBDEE7;
    border-bottom: 1px solid #DBDEE7;
    color: #43495C;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.module-permission-table-row.td {
    border-bottom: 1px solid #DBDEE7;
}

.project-radio-btn label {
    position: relative;
}

.module-permission-table-row.th .module-permission-col:first-child,
.module-permission-table-row.td .module-permission-col:first-child {
    padding-left: 80px;
    text-align: left;
}

.module-permission-checkbox {
    display: flex;
    justify-content: center;
}

    .module-permission-checkbox input {
        width: 24px;
        height: 24px;
    }


.module-permission-table-row.collapse {
    display: none !important;
}

    .module-permission-table-row.collapse.show {
        display: flex !important;
    }

.cloapasableSettings .module-permission-table-row.td .module-permission-col:first-child {
    padding-left: 100px;
}

.generalSettings .module-permission-table-row.td .module-permission-col:first-child {
    padding-left: 120px;
}

.role_multiclopasable .module-permission-table-row.td .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/plus.png) no-repeat 50px center;
    background-size: 25px 25px;
    line-height: 28px
}

.role_multiclopasable .module-permission-table-row.td .module-permission-col[aria-expanded="true"] {
    background: url(../img/icon/minus.png) no-repeat 50px center;
    background-size: 25px 25px;
    line-height: 28px
}

.cloapasableSettings .module-permission-table-row.td .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/plus.png) no-repeat 70px center;
    background-size: 25px 25px;
    line-height: 28px
}

.cloapasableSettings .module-permission-table-row.td .module-permission-col[aria-expanded="true"] {
    background: url(../img/icon/minus.png) no-repeat 70px center;
    background-size: 25px 25px;
    line-height: 28px
}

.generalSettings .module-permission-table-row.td .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/plus.png) no-repeat 90px center;
    background-size: 25px 25px;
    line-height: 28px
}

.generalSettings .module-permission-table-row.td .module-permission-col[aria-expanded="true"] {
    background: url(../img/icon/minus.png) no-repeat 90px center;
    background-size: 25px 25px;
    line-height: 28px
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/*---------------new css starts------------*/
.to-text {
    background-color: var(--primary-color);
    width: 36px;
    height: 36px;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 100%;
    margin-top: 18px;
}

.create-fields-combinations-tabs {
    min-height: calc(100vh - 300px);
}

    .create-fields-combinations-tabs .tab-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.create-fields-combination-main {
    min-height: auto;
}

.create-fields-combinations-tabs .nav-pills {
    width: 100%;
    max-width: 260px;
    border-right: 1px solid #ECECF2;
}

.create-fields-combinations-tabs .nav-pills {
    width: 100%;
}

.create-fields-combinations-tabs .nav-link {
    font-size: 16px;
    color: #363A47;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0;
    padding: 25px 20px;
    text-align: left;
    border-left: 12px solid #ECECF2;
}

    .create-fields-combinations-tabs .nav-link.active {
        background-color: transparent;
        border-left: 12px solid var(--primary-color);
        color: #363A47;
    }

.module-permission-table-wrapper {
    overflow: auto;
    max-width: calc(100vw - 321px);
}

.manual-add-edit-employee-wrapper .tab-pane .white-sub-body-inner {
    position: relative;
}

    .manual-add-edit-employee-wrapper .emp_detailsList ul li h6,
    .manual-add-edit-employee-wrapper .emp_detailsList ul li p span,
    .manual-add-edit-employee-wrapper .tab-pane .white-sub-body-inner h6 {
        color: #6F768D;
        display: block;
        margin-bottom: 8px !important;
    }

.manual-add-edit-employee-wrapper .tab-pane .add-empy-fld,
.manual-add-edit-employee-wrapper .tab-pane .form-check.form-switch {
    margin-bottom: 30px;
    position: relative;
}

.manual-add-edit-employee-wrapper .emp_detailscoloumn {
    padding-left: 0;
    border: none;
}

.employee_profpicture-outer {
    position: relative;
    width: 160px;
    height: 160px;
}

.employee_profpicture-file-upload {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #dfdfdf;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .employee_profpicture-file-upload input {
        width: 50px;
        height: 50px;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        inset: 0;
        z-index: 1;
    }

    .employee_profpicture-file-upload svg {
        max-width: 36px;
    }

.manual-add-edit-employee-wrapper .col-lg-6.ps-64 {
    padding-left: 15px !important;
}

.manual-add-edit-employee-wrapper .brd-r {
    border: none !important;
}

.btm-fxd-btns {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding-right: 0 !important;
}

.gen-error-text {
    color: #ff2620 !important;
    position: absolute;
    bottom: -22px;
    font-size: 12px !important;
}

.fld-error {
    border-color: #ff2620 !important;
}


.vacancy_box {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 10px;
    margin: 0 0 25px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.vacancy_listing {
    padding: 20px 25px;
    margin: 0;
    border-right: 1px solid #E0E0E0;
}

    .vacancy_listing ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }

        .vacancy_listing ul li {
            text-align: center;
            flex-grow: 1;
        }

            .vacancy_listing ul li h4 {
                font-family: var(--primary-font);
                font-size: 40px;
                font-weight: 500;
                line-height: 44px;
                letter-spacing: -0.02em;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            .vacancy_listing ul li p {
                font-family: var(--primary-font);
                font-size: 16px;
                font-weight: 500;
                line-height: 24px;
                text-align: center;
                color: #828282;
                padding: 0;
                margin: 0;
            }

.blue_text {
    color: #449AF9 !important;
}

.orange_text {
    color: #FD8637 !important;
}

.green_text {
    color: #08B77D !important;
}

.read_text {
    color: #F46A6A !important;
}

.vacancy_box.p-24 {
    padding: 24px;
}

.openvacancy_boxleft {
    width: 70%;
    flex-shrink: 0;
}

.openvacancy_boxright {
    width: 30%;
    flex-shrink: 0;
}

.openvacancy_boxleft h4 {
    font-family: var(--primary-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 0 0 15px 0;
}

.openvacancy_boxleft h3 {
    font-family: var(--primary-font);
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 0 0 15px 0;
}

.openvacancy_boxleft p {
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #828282;
    margin: 0;
    padding: 0;
}

.openvacancy_boxright .progress {
    width: 100px;
    height: 100px;
    font-size: 30px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: #08B77D;
    text-align: center;
    line-height: 100px;
    margin: 0px
}


    .openvacancy_boxright .progress .title {
        position: absolute;
        z-index: 100;
        background: #fff;
        font-family: var(--primary-font);
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #828282;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-radius: 500px;
        top: 5px;
        left: 5px;
    }

    .openvacancy_boxright .progress .overlay {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #08B77D;
    }

    .openvacancy_boxright .progress .left,
    .openvacancy_boxright .progress .right {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 5px solid #FD8637;
        border-radius: 100px 0px 0px 100px;
        border-right: 0;
        transform-origin: right;
    }

    .openvacancy_boxright .progress .left {
        animation: load1 1s linear forwards;
    }

    .openvacancy_boxright .progress:nth-of-type(2) .right,
    .openvacancy_boxright .progress:nth-of-type(3) .right {
        animation: load2 .5s linear forwards 1s;
    }

    .openvacancy_boxright .progress:last-of-type .right,
    .openvacancy_boxright .progress:first-of-type .right {
        animation: load3 .8s linear forwards 1s;
    }

.manpower_cost {
    padding: 20px 0;
    margin: 0;
}

    .manpower_cost ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }

        .manpower_cost ul li {
            padding: 0;
            margin: 0;
            width: 50%;
            text-align: center;
        }

            .manpower_cost ul li h3 {
                font-family: var(--primary-font);
                font-size: 40px;
                font-weight: 500;
                line-height: 44px;
                letter-spacing: -0.02em;
                color: #F46A6A;
                padding: 0;
                margin: 0;
            }

                .manpower_cost ul li h3 sub {
                    font-size: 16px;
                    bottom: -0.08em;
                }

            .manpower_cost ul li p {
                font-family: var(--primary-font);
                font-size: 16px;
                font-weight: 500;
                line-height: 24px;
                color: #828282;
                padding: 0;
                margin: 0;
            }

            .manpower_cost ul li h3.black_text {
                color: #363A47;
            }

.approve_box .pie-graph-panel svg {
    width: 200px;
    height: 200px;
}

.add-empy-fld .select2-container--default .select2-selection--single,
.add-empy-fld .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

    .add-empy-fld .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
    }

.left-panel-filter .accordion-button {
    color: #449AF9 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

.align-margin {
    margin-left: -26px;
}

.align-margin-2 {
    margin-left: -14px;
}

.align-margin-3 {
    margin-left: -8px;
}

.align-margin-4 {
    margin-left: -5px;
}

.filter-value {
    background-color: #F5F5F5;
    padding: 6px 8px;
    margin-bottom: 10px;
    display: flex;
    gap: 4px;
    padding-right: 10px;
    position: relative;
}

    .filter-value span {
        white-space: nowrap;
    }

.close-x-icon {
    position: absolute;
    right: 4px;
    top: 4px;
}

.x-icon {
    background: url("../img/x.svg") no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: block;
}

.filter-heading {
    color: #449AF9;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.employee-field-mapping-table-wrapper {
    max-width: none;
}

.fld-config-card {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-bottom: 3px solid var(--primary-color);
    height: 100%;
}

.fld-config-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 8px;
    margin-bottom: 3px;
    border-bottom: 1px solid #f5f5f5;
}

    .fld-config-row.not-included {
        color: #a9a9a9;
    }

        .fld-config-row.not-included .check-icon,
        .fld-config-row.not-included .status-circle {
            opacity: 0;
        }

.status-circle {
    width: 13px;
    height: 13px;
    background: #8b8b8b;
    border-radius: 100%;
    display: block;
    cursor: pointer;
}

    .status-circle.green {
        background: #008527;
    }

    .status-circle.red {
        background: #ff2620;
    }

.check-icon {
    background: url("../img/check.svg") no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    flex-shrink: 0;
    display: block;
}

.floating-btn-panel {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.delete-white-icon {
    background: url("../img/delete-white.svg") no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    flex-shrink: 0;
    display: block;
}

.user-list-block:hover .quarterlt-btn span {
    color: #484848;
}

.cstm-checkbox {
    width: 1.2rem;
    height: 1.2rem;
}

.holiday-canendar-block-wrapper {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.holiday-canendar-block {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 5px;
    border-bottom: 3px solid var(--primary-color);
}

    .holiday-canendar-block h4 {
        font-size: 18px;
        color: var(--primary-color);
        margin-bottom: 10px;
    }

.holiday-canendar-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .holiday-canendar-date h6 {
        font-size: 13px;
        color: #a3a3a3;
    }

    .holiday-canendar-date span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        background-color: #f2696c;
        color: #fff;
        border-radius: 100%;
        margin-bottom: 5px;
    }

.holiday-canendar-row {
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .holiday-canendar-row + .holiday-canendar-row {
        border-top: 1px solid #dfdfdf;
    }

.vacancy_listing .h6 {
    font-size: 12px;
    color: #b3b3b3;
}

.attendance-summary p strong,
#attendance-info p strong {
    color: #449AF9;
}

.leave-history-wrapper .vacancy_listing ul {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

.leave-history-wrapper .vacancy_listing h4 {
    white-space: nowrap;
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .holiday-canendar-block-wrapper {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width:1450px) {
    .holiday-canendar-block-wrapper {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width:1200px) {
    .holiday-canendar-block-wrapper {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-content-panel .top-search {
        border-radius: 20px;
        background: #fff;
        width: auto;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 3px;
        margin-left: auto;
        margin-right: 12px;
    }

        .main-content-panel .top-search .form-control {
            display: block;
        }

        .main-content-panel .top-search .search-icon {
            left: 0;
        }
}

@media(max-width:914px) {
    .holiday-canendar-block-wrapper {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }

    .main-content-panel .top-search {
        border-radius: 20px;
        background: #fff;
        width: auto;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 3px;
        margin-left: auto;
        margin-right: 12px;
    }

        .main-content-panel .top-search .form-control {
            display: block;
        }

        .main-content-panel .top-search .search-icon {
            left: 0;
        }


    .employee-grid-main-container .left-panel-filter,
    .holiday-calendar-main-container .left-panel-filter {
        position: fixed;
        z-index: 9;
        top: 138px;
        bottom: 0;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        left: 0;
        max-width: 336px;
    }

    .employee-grid-main-container .right-panel .page-title {
        padding: 10px 15px;
    }

    .employee-grid-main-container .left-panel.collapse-panel {
        background: #fff;
    }

    .employee-grid-main-container .vacancy_listing {
        border-right: 0;
    }

        .employee-grid-main-container .vacancy_listing ul {
            overflow: auto;
            gap: 15px;
        }

            .employee-grid-main-container .vacancy_listing ul li {
                white-space: nowrap;
            }

    .module-permission-col {
        width: 85%;
        white-space: nowrap;
    }

    .create-fields-combination-main .module-permission-table-row.th,
    .create-fields-combination-main .role_multiclopasable {
        min-width: 900px;
    }

    .page-title-mob > .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-title-mob .breadcrumb-links {
        margin-left: 0;
    }

    .employee-field-mapping-table-wrapper .module-permission-table-row.th,
    .employee-field-mapping-table-wrapper .role_multiclopasable {
        min-width: 600px;
    }

    .vacancy_listing ul li p {
        font-size: 14px;
    }

    .manpower_cost ul li h3 {
        font-size: 26px;
    }
}
/*---------------new css ends------------*/
/*-----------------------------------Proloy 19-07-24 Ends-----------------------------------*/



/* --------------------------Tushar 19-07-2024 start -------------------------*/

.semi-body-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 34px 0;
}

.link-head {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .link-head h3 {
        color: #6F768D;
        font-size: 20px;
        font-weight: 500;
        margin: 0;
    }

    .link-head ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 30px;
    }

        .link-head ul li a {
            color: #449AF9;
            font-size: 20px;
            font-weight: 500;
            margin: 0;
        }

.profile-comp {
    display: flex;
    align-items: center;
    gap: 40px;
}

.profile-comp-text h6 {
    color: #307FE2;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
}

.profile-comp-text span {
    width: 150px;
    height: 8px;
    background-color: #E9E9E9;
    border-radius: 100px;
    display: block;
    position: relative;
}

    .profile-comp-text span::after {
        position: absolute;
        content: "";
        width: 120px;
        height: 8px;
        background-color: #307FE2;
        border-radius: 100px;
        top: 0;
        left: 0;
    }

.gray-sub-head {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #FAFAFA;
    padding: 10px 18px;
}

    .gray-sub-head h3 {
        color: #6F768D;
        font-weight: 500;
        font-size: 16px;
        margin: 0;
    }

.white-sub-body {
    padding: 25px 20px;
}

.mb-8 {
    margin-bottom: 8px;
}

.white-sub-body-inner h6 {
    font-size: 13px;
    font-weight: 500;
    color: #449AF9;
    margin: 0 0 3px 0;
    display: block;
}

.white-sub-body-inner span {
    font-size: 13px;
    font-weight: 500;
    color: #363A47;
}

.brd-r {
    border-right: 1px solid #ECECF2;
}

.ps-64 {
    padding-left: 64px;
}
/* 22.7.24 */
/* 23.7.24 */
.brd {
    border: 1px solid #ECECF2;
}

.download-link {
    height: 100%;
    display: flex;
    align-items: center;
}

    .download-link a {
        font-weight: 500;
        font-size: 13px;
        color: #449AF9;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.information-box {
    padding: 14px;
    background-color: #f5f5f5;
    border: 1px solid #A3A3C3;
    border-radius: 10px;
    display: flex;
    gap: 20px;
    width: 100%;
    position: relative;
    transition: 0.3s ease-in-out;
}

    .information-box:hover {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        transition: 0.3s ease-in-out;
    }

        .information-box:hover h3, .information-box:hover a, .information-box:hover h5, .information-box:hover span {
            color: #fff;
            transition: 0.3s ease-in-out;
        }

        .information-box:hover .select-counter {
            background-color: #A3A3C3;
        }

    .information-box.active {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        cursor: pointer;
    }

        .information-box.active h3, .information-box.active a, .information-box.active h5, .information-box.active span {
            color: #fff;
            transition: 0.3s ease-in-out;
        }

        .information-box.active .select-counter {
            background-color: #A3A3C3;
        }

.information-pic img {
    border-radius: 50px;
    width: 65px;
    height: 65px;
    object-fit: cover;
}

.information-text h3 {
    font-size: 25px;
    color: #363A47;
    font-weight: 700;
    margin: 0 0 2px 0;
}

.information-text a {
    font-size: 15px;
    color: #449AF9;
    font-weight: 500;
    margin: 0 0 8px 0;
    text-decoration: none;
    display: block;
}

.information-text h5, .information-text span {
    font-size: 14px;
    color: #363A47;
    font-weight: 500;
    margin: 0 0 1px 0;
}

.main-info-box {
    display: flex;
    gap: 100px;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}

.first-main-info-box, .sub-info-box, .sub-third-info-box {
    width: 100%;
    position: relative;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
}

.information-box.has-child-open::after {
    width: 1px;
    height: 50px;
    background-color: #A3A3C3;
    bottom: -50px;
    right: 0;
    position: absolute;
    content: "";
    left: 0;
    margin: 0 auto;
}

.mb-40 {
    margin-bottom: 40px;
}

.sub-info-box::after {
    width: 99.4%;
    height: 1px;
    background-color: #A3A3C3;
    top: -51px;
    left: 0;
    position: absolute;
    content: "";
    margin: 0 auto;
    right: 0;
}

.sub-third-info-box {
    height: fit-content;
}

    .sub-third-info-box::after {
        width: 99.4%;
        height: 1px;
        background-color: #A3A3C3;
        top: -51px;
        left: 0;
        position: absolute;
        content: "";
        margin: 0 auto;
        right: 0;
    }

.select-counter {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 50px;
    z-index: 9;
}

.sub-info-box .information-box::before, .sub-third-info-box .information-box::before {
    width: 1px;
    height: 50px;
    background-color: #A3A3C3;
    top: -51px;
    left: 0px;
    position: absolute;
    content: "";
    margin: 0 auto;
    right: 0;
}
/* .sub-info-box .information-box:first-child::before, .sub-third-info-box  .information-box:first-child::before {
    top: 0;
}
.sub-info-box .information-box:last-child::before, .sub-third-info-box  .information-box:last-child::before {
    top: auto;
    bottom: 0;
} */
.org-offcanvas {
    width: 700px !important;
    background-color: #f5f5f5;
}

    .org-offcanvas .canvas-info {
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
    }

.canvas-info-img {
    width: 60px;
    height: 60px;
}

    .canvas-info-img img {
        max-width: 100%;
        object-fit: cover;
    }

.canvas-info-text h3 {
    font-size: 22px;
    color: #363A47;
    font-weight: 700;
    margin: 0 0 2px 0;
}

.canvas-info-text span {
    font-size: 12px;
    color: #878787;
    font-weight: 500;
    margin: 0 0 0px 0;
    display: block;
}

.canvas-info-text a {
    font-size: 13px;
    color: #449AF9;
    font-weight: 500;
    margin: 2px 0 0px 0;
    text-decoration: none;
    display: block;
}

.childElm {
    transform: translateY(-400%);
    opacity: 0;
    transition: all 0.3s ease-in;
}

    .childElm.showchildElm {
        transform: translateY(0%);
        opacity: 1;
    }

.grid-icon i {
    font-size: 15px;
    color: var(--link-color);
}

.lable-time {
    color: #9d9d9d;
    font-size: 11px;
    display: block;
}

.normal-badge {
    padding: 6px 10px;
    font-size: 10px;
    border-radius: 5px;
}

.w-10 {
    width: 10%;
}
/* 23.7.24 */

/*---------------------------- Tushar 19-07-2024 start--------------------------------- */
/* 25.7.24 */
.org-offcanvas .offcanvas-header h5 {
    color: #fff;
    margin: 0;
    font-weight: 500;
}

.org-offcanvas .offcanvas-header {
    border-bottom: 1px solid #c5c5c5;
    background-color: var(--primary-color);
}

.org-offcanvas .btn-close {
    background-image: url(../img/x.svg) center center no-repeat;
    filter: var(--bs-btn-close-white-filter);
}
/* 25.7.24 */
/* tushar-29.7.24 */
.gray-bg {
    background-color: var(--body-bg) !important;
}

.tab-nav-head {
    max-width: 100% !important;
    border-right: none !important;
}

    .tab-nav-head li {
        width: 100%;
    }

.bt-1 {
    border-top: 1px solid #ECECF2;
}

.collaps-tree .btn {
    background-color: #ECECF2;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    position: relative;
}

    .collaps-tree .btn::after {
        position: absolute;
        content: "";
        background: url(../img/icon/chevron-down-top.svg) top right no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        border: none;
        margin: 0;
        right: 15px;
    }

    .collaps-tree .btn:hover::after {
        background-color: #fff;
    }

.collaps-tree {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .collaps-tree .btn:hover {
        color: #fff;
    }

    .collaps-tree .card-body {
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

        .collaps-tree .card-body ul {
            margin-left: 25px;
        }

            .collaps-tree .card-body ul li {
                list-style: decimal;
                line-height: 24px;
                text-align: left;
            }

.pdf-info-text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.pdf-img img {
    width: 100%;
}

.gray-color-table thead tr th {
    background-color: #D3D3D3;
    color: var(--link-color);
}

.gray-color-table tbody tr td {
    background-color: #f9f9f9;
    border-bottom: 1px solid rgb(222 226 230);
}

/* tushar-29.7.24 */

/*-------------- Bulk Upload Page Start ------------*/
.dropzone {
    border: 1px dashed #449AF9;
    border-radius: 15px;
    padding: 30px;
    min-height: 220px;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
    text-align: center;
    background: #f4f9ff;
    align-items: center;
    cursor: pointer;
}

.dz-message {
    font-size: 14px;
    font-weight: 500;
    color: #6b6b6b;
}

    .dz-message h5 {
        padding: 5px 0 0 0;
        margin: 0;
        font-size: 12px;
    }

.dropzone_graphix {
    text-align: center;
}

    .dropzone_graphix img {
        margin: 0 0 20px 0;
        max-width: 160px;
    }

h3.emp_subtitle {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    line-height: 24px;
    padding: 0 0 20px 0;
    margin: 0;
}

.uploadfile_icon {
    width: 28px;
    height: 28px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/upload-file.png) no-repeat;
    background-size: cover !important;
}

.downloadfile_icon {
    width: 28px;
    height: 28px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/download1.png) no-repeat;
    background-size: cover !important;
}

.bulkdownload {
    padding: 15px;
    background: #f4f4f4;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    border-radius: 15px;
    border: 1px dashed #bcbcbc;
}

.downloadImage img {
    max-width: 80px;
}

.bulkdownload .btn {
    border-radius: 5px !important;
    margin: 10px 0 0 0;
    padding: 5px 25px !important;
}

.custom-badge {
    display: inline-block;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff;
    opacity: 0.7;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.import_btn {
    border-radius: 5px !important;
    font-size: 10px;
    text-transform: uppercase;
}

.bg-success {
    background: #00b916 !important;
}

.verify_btn {
    background: #00b916 !important;
    color: #fff;
    font-size: 10px;
    border-radius: 5px !important;
    text-transform: uppercase;
    transition: all linear 0.2s;
}

    .verify_btn:hover {
        background: #019f14 !important;
        border: 1px solid #019f14 !important;
        color: #fff;
    }

.emplist_icon {
    width: 28px;
    height: 28px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../img/to-do-list.png) no-repeat;
    background-size: cover !important;
}

.member_table table.emp_tablelist th {
    white-space: nowrap;
}

table.table tbody tr.tr_error td {
    background: #f9dfdf;
}

    table.table tbody tr.tr_error td.td-error {
        box-shadow: inset 0 0 0 1px rgba(255, 0, 0, .50);
    }

.position_sticky {
    position: sticky;
    bottom: 0;
    padding: 10px 0;
    background: #fff;
    z-index: 97;
    padding-top: 3px !important;
}

/*-------------- Bulk Upload Page End ------------*/
.w-40 {
    width: 40%;
}

h4.effective_date {
    font-size: 14px;
    font-weight: 500;
    color: #449AF9;
}

.dept_search {
    position: relative;
}

    .dept_search input {
        border: none;
        border-radius: 0;
        width: 250px;
        padding-left: 2rem;
        padding-right: 2rem;
        border-bottom: 1px solid #DDDDEB;
    }

    .dept_search .search-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 8px;
    }

.onboardinguser_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 0 25px;
}

    .onboardinguser_list h5 {
        border-radius: 0;
        border: 1px solid #d2d2ff;
        /* border-left: 4px solid var(--primary-color); */
        padding: 7px 10px;
        background: #f4f4ff;
        color: #449AF9;
        font-weight: 500 !important;
        width: calc(50% - 10px);
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
    }
/* .onboardinguser_list h5:after{
    content:'';
    position: absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    border:5px solid transparent;
    border-left:5px solid var(--primary-color);
} */

.dataTables_length label {
    line-height: 30px;
}

.green_txtcolor {
    color: #27ae60 !important;
}

.read_textcolor {
    color: #fb0000 !important;
}

ul.panel-member-ul-list {
    list-style-type: disc;
    list-style-position: outside
}

.row-divider > div {
    position: relative;
}

    .row-divider > div::before {
        content: '';
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 5px;
        background-color: #dfdfdf;
        display: block;
    }

.offcanvas-header.primary_bg {
    background: var(--primary-color);
    color: #fff;
}

.f-600 {
    font-weight: 600;
}

.blue_txtcolor {
    color: #449AF9;
}

label sup, h3.section-heading sup {
    font-size: 10px;
    font-weight: 400;
}

.user-list-block.hoverdarkcolor:hover .quarterlt-btn span {
    color: #8D8DA9;
}

.user-list-block.hoverdarkcolor:hover .user-del-icon .with-hov {
    display: none;
}

.user-list-block.hoverdarkcolor:hover .user-del-icon .non-hov {
    display: inline-block;
}

/*------------------- 05-08-2024  start-----------------*/
.mw-inherit {
    max-width: inherit !important;
}

.employee_list .nav-pills {
    border: 0;
    border-bottom: 1px solid #ECECF2;
}

.employee_list .nav-link {
    border: 0;
    border-bottom: 8px solid transparent;
}

    .employee_list .nav-link.active {
        border: 0;
        border-bottom: 8px solid var(--primary-color);
    }

.employee_list .tab-content {
    border: 1px solid #ECECF2;
    border-top: 0;
}

.org-offcanvas.offcanvas-w400 {
    max-width: 400px !important;
}

/*------------------- 05-08-2024  End-----------------*/




@media(min-width:1600px) {
    .main-content-panel {
        min-height: calc(100vh - 320px);
    }
}


@media(max-width:1400px) {
    .duplicate_candidateList h3 {
        font-size: 16px !important;
    }

    .emp_detailsTitleleft h3, .emp_detailsTitleleft a {
        font-size: 15px;
    }

    .emp_detailsList ul li p, .emp_detailsList ul li p a, .emp_detailsList ul li h6 {
        font-size: 11px;
    }

    .emp_detailscoloumn {
        padding: 0 0 0 10px;
    }

    .emp_detailsTitleleft {
        gap: 10px;
    }

    .emp_detailsTitleright {
        gap: 10px;
    }

    .emp_detailsTitleprogressbar p {
        font-size: 11px;
    }

    .emp_detailsList ul li p a {
        word-break: break-all;
    }

    h3.h5 {
        font-size: 1rem;
    }
    /* tushar-25.7.24 */
    .dataTables_length .w-10 {
        width: 15%;
    }
    /* tushar-25.7.24 */

}

@media (min-width: 768px) and (max-width: 1280px) {
    .ipadw-100 {
        max-width: inherit;
    }
}

@media (max-width:1200px) {

    .employee_profpicture {
        width: 100px;
        height: 100px;
    }

    .employee_profpicture-file-upload {
        right: 36px;
        top: 46px;
        bottom: auto;
    }
}

@media (max-width:1024px) {
    .semi-body-head {
        flex-direction: column;
        gap: 10px;
    }

    .link-head {
        width: 100%;
    }

    .profile-comp {
        width: 100%;
        justify-content: flex-end;
    }

    .link-head ul li {
        font-size: 16px;
        line-height: 20px;
    }

    .link-head h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .ps-64 {
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    .download-link {
        justify-content: center;
    }

        .download-link a {
            font-size: 0;
        }

    .link-head ul {
        gap: 5px;
    }

        .link-head ul li a {
            font-size: 16px;
        }

    .create-fields-combinations-tabs .nav-pills {
        flex-shrink: 0;
    }

    .datatable_footer {
        flex-direction: row;
    }

        .datatable_footer .d-flex {
            flex-wrap: nowrap;
            margin-top: 0;
        }

        .datatable_footer .pagination {
            margin-top: 0;
        }

    .employee_profpicture {
        width: 100px;
        height: 100px;
    }

    .employee_profpicture-file-upload {
        right: 36px;
        top: 46px;
        bottom: auto;
    }

    .information-pic {
        display: none;
    }
}



@media (min-width:768px) and (max-width:991px) {
    .duplicate_candidateList h3 {
        font-size: 15px !important;
        line-height: 20px;
        min-height: 40px;
    }

    .duplicate_candidateListleft, .duplicate_candidateListright {
        width: 45%;
    }

    .emp_detailsTitle {
        flex-direction: column;
        align-items: flex-start;
    }

    .emp_detailsList {
        padding: 0 0 0 10px;
    }

    .emp_detailscoloumn {
        padding: 0 0 0 0;
        border: 0;
    }

    .emp_detailsList ul li p, .emp_detailsList ul li p a, .emp_detailsList ul li h6 {
        font-size: 10px;
    }

    .dropzone {
        margin: 0 0 30px 0;
    }
    /* tushar-25.7.24 */
    .inner-search-field .top-search {
        background: var(--body-bg);
    }

        .inner-search-field .top-search .form-control {
            display: block;
        }

        .inner-search-field .top-search .search-icon {
            left: 8px;
            transform: none;
            top: auto;
        }

    .dataTables_length .w-10 {
        width: 30%;
    }

    .member_table thead tr th, .member_table tbody tr td {
        white-space: nowrap;
    }

    .main-info-box {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .org-offcanvas .save-btn {
        margin-bottom: 20px;
    }


    /* tushar-25.7.24 */
    /* tushar-29.7.24 */
    .pdf-img {
        margin-top: 30px;
    }

    .white-sub-body .brd-r {
        border-right: none;
    }

    .pdf-info-text {
        display: block;
        margin-bottom: 15px;
    }

        .pdf-info-text .white-sub-body-inner {
            display: inline-block;
            margin: 6px;
        }

    .gray-bg-search .form-control {
        display: block;
    }

    .gray-bg-search {
        width: 100%;
        padding-right: 5px;
        background: transparent;
    }

        .gray-bg-search .search-icon {
            left: 15px;
        }

        .gray-bg-search input {
            padding-right: 5px;
        }
    /* tushar-29.7.24 */

    .duplicatefildsetupTop .w-40 {
        width: 45%;
    }

    .main-info-box {
        max-width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media(max-width:914px) {
    .hoverdarkcolor {
        position: relative;
    }

        .hoverdarkcolor .quarterlt-btn {
            width: calc(100% - 40px);
        }

        .hoverdarkcolor .user-del-icon {
            position: absolute;
            bottom: 28px;
            right: 10px;
        }
}

@media(max-width:767px) {

    /*---------- PRoloy 23-07-2024 start----------*/
    .create-fields-combinations-tabs .nav-pills {
        max-width: none;
    }

    .create-fields-combinations-tabs {
        flex-direction: column;
    }

    .employee-field-mapping-table-wrapper .module-permission-table-row.th .module-permission-col:first-child,
    .employee-field-mapping-table-wrapper .module-permission-table-row.td .module-permission-col:first-child {
        padding-left: 45px;
    }

    .employee-field-mapping-table-wrapper .module-permission-table-row.td .module-permission-col[aria-expanded="false"] {
        background-position: 10px center;
    }

    .employee-field-mapping-table-wrapper .role_multiclopasable .module-permission-table-row.td .module-permission-col[aria-expanded="true"] {
        background-position: 10px center;
    }

    .floating-btn-panel {
        display: flex;
        justify-content: center !important;
        margin-top: 8px;
        z-index: 2;
    }

    .mob-mt-5 {
        margin-top: 5px !important;
    }
    /*---------- PRoloy 23-07-2024 end----------*/

    /*-------------- Tushar 23-07-2024 start ----------------------------*/
    .ps-64 {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .mb-resp-8 {
        margin-bottom: 8px;
    }

    .download-link {
        justify-content: flex-start;
    }

        .download-link a {
            font-size: 13px;
        }

    .brd-r {
        border-right: 0px;
    }
    /*------------- Tushar 23-07-2024 end -----------------*/

    .duplicate_candidateList {
        flex-direction: column;
    }

    .duplicate_candidateListleft, .duplicate_candidateListright, .duplicate_candidateListarrow {
        width: 100%;
        margin-bottom: 30px;
    }

    .duplicate_candidatearrow {
        transform: rotate(90deg);
    }

    .duplicate_candidateListarrow {
        flex-direction: row;
    }

    .emp_detailsTitle {
        flex-direction: column;
        align-items: flex-start;
    }

    .emp_detailsTitleleft {
        flex-direction: column;
        gap: 0;
    }

    .emp_detailscoloumn {
        padding: 0 0 0 0;
        border: 0;
    }

    .emp_detailsList {
        padding: 15px 0 0 10px;
    }

    .create-fields-combinations-tabs .nav-pills {
        max-width: inherit;
    }

    .employee_profpicture {
        margin: 0 0 0 10px;
    }

    .dropzone {
        margin: 0 0 30px 0;
    }

    h3.h5 {
        font-size: 0.75rem;
    }

    .dataTables_length .w-20 {
        width: 100% !important;
    }
    /* tushar-25.7.24 */
    .inner-search-field .top-search {
        background: var(--body-bg);
    }

        .inner-search-field .top-search .form-control {
            display: block;
        }

        .inner-search-field .top-search .search-icon {
            left: 8px;
            transform: none;
            top: auto;
        }

    .dataTables_length .w-10 {
        width: 50%;
    }

    .member_table thead tr th, .member_table tbody tr td {
        white-space: nowrap;
    }

    .main-info-box {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .org-offcanvas .save-btn {
        margin-bottom: 20px;
    }
    /* tushar-25.7.24 */
    /* tushar-29.7.24 */
    .tab-pane .white-sub-body {
        padding: 25px 0;
    }

    .pdf-info-text {
        display: block;
        margin-bottom: 15px;
        margin-top: 15px;
    }

        .pdf-info-text .white-sub-body-inner {
            display: inline-block;
            margin: 12px;
        }

    .gray-bg-search .form-control {
        display: block;
    }

    .gray-bg-search {
        width: 100%;
        padding-right: 5px;
        background: transparent;
    }

        .gray-bg-search .search-icon {
            left: 15px;
        }

        .gray-bg-search input {
            padding-right: 5px;
        }
    /* tushar-29.7.24 */
    .duplicatefildsetupTop {
        flex-direction: column;
    }

        .duplicatefildsetupTop .w-40 {
            width: 100%;
        }

        .duplicatefildsetupTop .w-10 {
            display: none;
        }

    .onboardinguser_list {
        flex-direction: column;
    }

        .onboardinguser_list h5 {
            width: 100%;
        }

    .datatable_footer {
        flex-direction: column;
    }

    .information-text h3 {
        font-size: 20px;
    }

    .information-text a {
        font-size: 13px;
    }

    .information-text h5, .information-text span {
        font-size: 12px;
    }

    .module-permission-table-wrapper {
        max-width: none;
    }

    .tab-pane.p-4 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .btn-xlg {
        padding: 8px 10px !important;
        font-size: 12px;
    }

    .page_searcharea {
        flex-direction: column;
        padding-right: 0 !important;
        gap: 5px !important;
        align-items: flex-end !important;
    }

        .page_searcharea .top-search {
            width: 100%;
            margin-right: 0;
            order: 2;
        }

    .main-info-box {
        max-width: 100%;
        width: 100%;
        min-width: 640px;
        overflow-x: hidden;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .main-content-panel-inner {
        overflow-x: auto;
    }
}


/*  Rimi 22.08.2024 */
.branch-sec {
    font-size: 14px !important;
}
/* 26.08.2024 Rimi */
.payroll-sec {
    margin: 0px 0;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
}

    .payroll-sec ul {
        display: flex;
    }

    .payroll-sec li {
        margin-right: 20px !important;
    }

.pro-sec {
    width: 100% !important;
    display: flex !important;
    /* justify-content: space-around; */
}

    .pro-sec span {
        /* margin-right: 50px; */
    }

.prod-mod-lower .theme-form-control {
    height: 32px !important;
}


.prod-mod-lower {
    border: 1px solid #ddd;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    /* background: #e5e5e5; */
}

.prod-mod-upper {
    border: 1px solid #ddd;
    padding: 10px 10px 0 10px;
    margin-bottom: 20px;
    /* background: #e5e5e5; */
}

    .prod-mod-upper label {
        color: #0d6efd;
    }

    .prod-mod-upper p {
        font-weight: 600;
        color: #555;
    }

.prod-mod-lower label {
    color: #0d6efd;
}

.bonus-sec li {
    width: 33.33%;
    margin-right: 0 !important;
}

.bonus-sec ul {
    flex-wrap: wrap;
}

.bonus-sec-1 p {
    width: 80%;
}

.bonus-sec-1 li {
    width: 100%;
    margin-right: 0 !important;
}

.bonus-slider {
    width: 50% !important;
}

.rev {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.bonus-sec-1 ul {
    flex-wrap: wrap;
}

.top-link-icon-recruitment-w {
    background: url(../img/icon/recruitment-w.png) no-repeat 0 0 !important;
    background-size: contain !important;
}

.top-link-icon-settings {
    background: url(../img/icon/top-settings.png) no-repeat 0 0 !important;
    background-size: contain !important;
}

.voice-search-icon {
    background: url(../img/icon/voice-search-icon.png) no-repeat 0 0;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    display: block;
}

.nav-icon-vacancy {
    background: url(../img/icon/vacancynav.svg) no-repeat 0 0;
    background-size: cover;
}

.nav-icon-vacancy {
    background: url(../img/icon/vacancynav.svg) no-repeat 0 0;
    background-size: cover;
}

.nav-icon-selection {
    background: url(../img/icon/selection_icon.svg) no-repeat 0 0;
    background-size: cover;
}

.offcanvas i {
    color: #6f768d;
}

.bonus-details .dropdown-menu:after {
    right: auto;
}

.breadcrumb-anchor-tag {
    text-decoration: none !important;
    color: var(--link-color) !important;
}

.user-list-block:hover .quarterlt-btn span.span-text-show {
    color: #8D8DA9 !important;
}

.user-list-block:hover .user-del-icon .non-hov.del-icon {
    display: block !important;
}

.user-list-block:hover .quarterlt-btn span.span-text-show.inactive-red {
    color: #fa3838 !important;
}

tr.variabl-tr td {
    background: lightgray;
}

    tr.variabl-tr td input {
        background: lightgray;
        pointer-events: none;
    }

.w-fit {
    width: fit-content !important;
}

.action-name-row{
    max-width: 45%;
}



#accessOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75); /* semi-transparent black */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.overlay-content {
    background-color: #fff;
    padding: 30px 50px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

    .overlay-content h2 {
        color: #c0392b;
        font-size: 28px;
        margin-bottom: 15px;
    }

    .overlay-content p {
        font-size: 18px;
        color: #555;
    }


.layoutmodulemenu .hr-menu {
    width: 1000px;
    overflow-y: auto;
}

.settings-icon {
    background: url("../img/icon/settings-menu-icon.svg") no-repeat 0 0;
}

.recruitment-icon {
    background: url("../img/icon/recruitment.svg") no-repeat 0 0;
}

.lams-icon {
    background: url("../img/icon/lams.svg") no-repeat 0 0;
}

.employee-icon {
    background: url("../img/icon/employee.svg") no-repeat 0 0;
}

.ess-icon {
    background: url("../img/icon/ess.svg") no-repeat 0 0;
}

.payroll-icon {
    background: url("../img/icon/payroll.svg") no-repeat 0 0;
}

.loan-icon {
    background: url("../img/icon/loan.svg") no-repeat 0 0;
}

.reimbursement-icon {
    background: url("../img/icon/reimbursement.svg") no-repeat 0 0;
}

.incometax-icon {
    background: url("../img/icon/incometax.svg") no-repeat 0 0;
}

.exitfnf-icon {
    background: url("../img/icon/exitfnf.svg") no-repeat 0 0;
}

.confirmation-icon {
    background: url("../img/icon/confirmation.svg") no-repeat 0 0;
}

.transfer-icon {
    background: url("../img/icon/transfer.svg") no-repeat 0 0;
}
.module-permission-table-row.module {
    background-color: #a8caef;
}
.module-permission-table-row.submodule {
    background-color: #caddf3;
}
.module-permission-table-row.action {
    background-color: #f1f1f1;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    border-color: #68aaed !important;
}
.role_multiclopasable .module-permission-table-row.td.module .module-permission-col[aria-expanded="false"]{
    background: url(../img/icon/plus-dark.png) no-repeat 50px center;
    background-size: 25px 25px;
    line-height: 28px;
}
.role_multiclopasable .module-permission-table-row.td.submodule .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/plus-dark.png) no-repeat 70px center;
    background-size: 25px 25px;
    line-height: 28px;
}
.role_multiclopasable .module-permission-table-row.td.action .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/plus-dark.png) no-repeat 50px center;
    background-size: 25px 25px;
    line-height: 28px;
}
.role_multiclopasable .module-permission-table-row.td.module .module-permission-col[aria-expanded="true"] {
    background: url(../img/icon/minus-dark.png) no-repeat 50px center;
    background-size: 25px 25px;
    line-height: 28px;
}
.role_multiclopasable .module-permission-table-row.td.submodule .module-permission-col[aria-expanded="true"] {
    background: url(../img/icon/minus-dark.png) no-repeat 70px center;
    background-size: 25px 25px;
    line-height: 28px;
}
.role_multiclopasable .module-permission-table-row.td.action .module-permission-col[aria-expanded="true"] {
    background: url(../img/icon/minus-dark.png) no-repeat 50px center;
    background-size: 25px 25px;
    line-height: 28px;
}
.module-permission-table-row.action .module-permission-col:nth-child(1) span{
    position:relative;
}
    .module-permission-table-row.action .module-permission-col:nth-child(1) span::before {
        content: "";
        display: block;
        background: url(../img/icon/dash.png) no-repeat 0 0;
        background-size: cover;
        width: 18px;
        height: 26px;
        position: absolute;
        left: -30px;
        top: -4px;
    }
.module-permission-table-row.module.nosubmodule .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/dash.png) no-repeat 50px center !important;
    background-size: 18px 18px !important;
    line-height: 28px !important;
    width: 18px;
}
.module-permission-table-row.submodule.nosubmodule .module-permission-col[aria-expanded="false"] {
    background: url(../img/icon/dash.png) no-repeat 70px center !important;
    background-size: 18px 18px !important;
    line-height: 28px !important;
    width: 18px;
}