:root {
    --body-color: var(--bs-gray-200);
    --theme-color-light: rgba(var(--theme-color-rgb), 0.2);
    --theme-light-gray: #dfe3e9;

    --new-blue-color: rgb(50 52 82);
    --text-secondary: #2b3a4a;
    --text-dark: #0d0c22;
    --text-gray: #a1a5b7;
    --bs-primary: #009ef7;
    --text-light-gray: #76839a;
    /* --tab-active: #2b3a4a; */
    --tab-active: rgb(50 52 82);
    --menu-color: #8699ad;
    --btn-dark: #004e79;
    --border-color: #eeeeee;
    --border-radius: 6px;
    --box-padding: 15px 20px;
    --transition: all 0.25s ease-in-out;
    --transition_05s: all 0.5s ease-in-out;
    --light-shadow: 0 0 8px 0 rgba(82, 63, 105, 0.1);
    --white: #ffffff;
    --required: 241, 65, 108;
    --black-rgba: 0, 0, 0;
    --white-rgba: 255, 255, 255;
    --bg-light-primary: #f1faff;
    --bg-light-gray: #ecf1f5;
    --bs-primary-light: #f1faff;
    --bs-danger-light: #fff5f8;
    --bs-success-light: #e8fff3;
    --bs-warning-light: #fff8dd;
    --bs-info-light: #f8f5ff;
    --bs-dark-light: #eff2f5;
    --text-pending: #ff8000;

    --shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.15);
    --shadow-box: 0 0px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.03);
    --shadow-xs: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    --shadow-thin: rgba(0, 0, 0, 0.08) 0px 0px 4px;
    --shadow-btn: rgba(0, 0, 0, 0.15) 1px 2px 3px;
    --shadow-img: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
    --shadow-3d: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;

    --gradient-1: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    --gradient-2: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
    --gradient-3: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
    --gradient-4: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-5: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
    --gradient-6: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);
    --gradient-7: linear-gradient(to right,
            #d4d4af 0%,
            #d1d1a2 0%,
            #d4d4b1 100%);
    --gradient-8: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
    --gradient-9: linear-gradient(180deg, #b8c6db 0%, #f5f7fa 100%);
    --gradient-10: linear-gradient(to top,
            #f3e7e9 0%,
            #e3eeff 99%,
            #e3eeff 100%);
    --gradient-11: linear-gradient(to bottom, #f5c1c8 0%, #ffdde1 100%);
    --gradient-12: linear-gradient(to bottom, #79b8ff 0%, #e7f0fd 100%);
    --gradient-13: linear-gradient(to bottom,
            rgba(247, 176, 183, 0.4) 0%,
            rgba(249, 197, 141, 0.4) 100%);

    --regularization: #e3e3e3;
    --nopay: #ffe8ef;
    --lateEarly: #ffeead;
    --overtime: #c4eaff;
    --admin_regularization: #ffdfb9;

    --facebook: #4267b2;
    --twitter: #1da1f2;
    --linkedin: #0a66c2;
    --skype: #0099db --blogger: #fc4f08;
    --instagram: #fff0;
    --reddit: #ff4500;
    --newRequiredDanger: #ffb9cd;
}

/*Color Css Starts*/

.presentColor {
    background-color: #82CEA1 !important;
}

.absentColor {
    background-color: #F4B1B3 !important;
}

.halfdayColor {
    background-color: #7EB2D7 !important;
}

.holidayColor {
    background-color: #E39774 !important;
}

.weekoffColor {
    background-color: #F6DB82 !important;
}

.leaveColor {
    background-color: #C8A4D6 !important;
}

.regularizationColor {
    background-color: #EEB082 !important;
}

.notAppliColor {
    background-color: #BFC9C9 !important;
}

/* badge-button-colors start pranav  */
.badge_approved {
    color: #18b35c !important;
    background-color: rgb(24 179 92 / 15%) !important;
    min-width: 100px;
    opacity: 0.75;
}

.badge_approved i {
    color: #18b35c !important;
}

.btn_approved {
    color: #18b35c !important;
    border: 1px solid #18b35c !important;
    border-radius: 3px !important;
    opacity: 0.85;
}

.btn_approved:hover {
    background-color: #18b35c !important;
    color: #ffffff !important;
    opacity: 1;
}

.badge_rejected,
.badge_deleted {
    color: #f1416c !important;
    background-color: #ffe8ef !important;
    min-width: 100px;
    opacity: 0.75;
}
@media(max-width:1365px){
    .badge_rejected, .badge_deleted{
        min-width: 90px;
        font-size: 12px;
    }
}

.badge_rejected i,
.badge_deleted i {
    color: #f1416c !important;
}

.btn_rejected,
.btn_deleted {
    color: #f1416c !important;
    border: 1px solid #f1416c !important;
    border-radius: 3px !important;
    opacity: 0.85;
}

.btn_rejected:hover,
.btn_deleted:hover {
    background-color: #f1416c !important;
    color: #ffffff !important;
    opacity: 1;
}

.text-pending {
    color: var(--text-pending);
}

.badge_pending {
    color: #f4590b !important;
    background-color: rgb(244 89 11 / 15%) !important;
    min-width: 100px;
    opacity: 0.75;
}

.btn_pending {
    color: #f4590b !important;
    border: 1px solid #f4590b !important;
    border-radius: 3px !important;
    opacity: 0.85;
}

.btn_pending:hover {
    background-color: #f4590b !important;
    color: #ffffff !important;
    opacity: 1;
}
.badge_cancelled {
    color: #525154 !important;
    background-color: rgb(13 12 34 / 10%) !important;
    min-width: 100px;
    opacity: 0.75;
}
.btn_cancelled {
    color: #525154 !important;
    border: 1px solid #525154 !important;
    border-radius: 3px !important;
    opacity: 0.85;
}

.btn_cancelled:hover {
    background-color: #525154 !important;
    color: #ffffff !important;
    opacity: 1;
}

.status_btn {
    border-radius: 3px !important;
    border: 2px solid var(--theme-color) !important;
}

.status_btn:hover {
    background-color: var(--theme-color) !important;
    color: white !important;
}

.cursor-default {
    cursor: default !important;
}

.badge_theme {
    color: var(--theme-color) !important;
    background-color: var(--theme-color-light) !important;
    min-width: 100px;
}

.badge_theme i {
    color: var(--theme-color) !important;
}

/* New Badges Color */
.badge_01 {
    color: #5d5d5d !important;
    background-color: #E0C8E0 !important;
}

.badge_02 {
    color: #fefefe !important;
    background-color: #60526a !important;
    opacity: 0.65;
}

/* badge-button-colors end pranav  */
.theme-svg {
    fill: var(--theme-color) !important;
}

.theme-red,
.theme-color,
.text-theme {
    color: var(--theme-color) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.bg-theme-red,
.bg-theme-color {
    background-color: var(--theme-color) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.bg-hover-theme:hover {
    background-color: var(--theme-color) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.text-hover-theme {
    transition: color 0.2s ease, background-color 0.2s ease;
}

.text-hover-theme:hover {
    color: var(--theme-color) !important;
}

.theme-light-red,
.theme-color-light {
    color: var(--theme-color-light) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.bg-theme-light-red,
.bg-theme-light,
.bg-light-theme {
    background-color: var(--theme-color-light) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.bg-hover-theme-light:hover,
.bg-hover-light-theme:hover {
    background-color: rgba(var(--theme-color-rgb), 0.12) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.bg-theme {}

.border-theme {
    border-color: var(--theme-color) !important;
}

.text-color {
    color: var(--text-dark) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.bs-gray-dark {
    background-color: var(--bs-gray-dark);
}

.bs-gray-100 {
    background-color: var(--bs-gray-100);
}

.bs-gray-200 {
    background-color: var(--bs-gray-200);
}

.bs-gray-300 {
    background-color: var(--bs-gray-300);
}

.bs-gray-400 {
    background-color: var(--bs-gray-400);
}

.bs-gray-500 {
    background-color: var(--bs-gray-500);
}

.bs-gray-600 {
    background-color: var(--bs-gray-600);
}

.bs-gray-700 {
    background-color: var(--bs-gray-700);
}

.bs-gray-800 {
    background-color: var(--bs-gray-800);
}

@media (max-width: 1366px) {
    #post_analytics {
        justify-content: center;
        align-items: center;
    }

    #post_analytics .col {
        flex: 0 0 auto;
        width: 33.3333%;
    }
}

/*Color Css Ends*/


body {
    /* background-color: #ffffff; */
    /* background-color: var(--bs-gray-200); */
    /* background-color: rgb(251 251 252) !important; */
    background-color: #f7fcff !important;
}

@font-face {
    font-family: "celiasbold";
    src: url("../fonts/celias-bold-webfont.woff2") format("woff2"),
        url("../fonts/celias-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

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

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

/* Handle */
::-webkit-scrollbar-thumb {
    /* background-color: #2b3a4a; */
    background-color: rgb(50 52 82);
}

.scroll-y::-webkit-scrollbar-thumb {
    background-color: var(--theme-color-light) !important;
    border-radius: 5px;
}

.scroll-x::-webkit-scrollbar-thumb {
    background-color: var(--theme-color-light) !important;
    border-radius: 5px;
    height: 1px;
    width: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #2b3a4a;
}

/* * {
        scrollbar-width: thin;
        scrollbar-color: var(--tab-active) transparent;
        -webkit-scrollbar-width: thin;
        -webkit-scrollbar-color: var(--tab-active) transparent;
        -moz-scrollbar-width: thin;
        -moz-scrollbar-color: var(--tab-active) transparent;
        -ms-scrollbar-width: thin;
        -ms-scrollbar-color: var(--tab-active) transparent;
    }

    *::-webkit-scrollbar,
    *::-moz-scrollbar,
    *::-ms-scrollbar,
    div::-webkit-scrollbar,
    div::-moz-scrollbar,
    div::-ms-scrollbar,
    ol::-webkit-scrollbar,
    ol::-moz-scrollbar,
    ol::-ms-scrollbar,
    pre::-webkit-scrollbar,
    pre::-moz-scrollbar,
    pre::-ms-scrollbar,
    span::-webkit-scrollbar,
    span::-moz-scrollbar,
    span::-ms-scrollbar,
    ul::-webkit-scrollbar,
    ul::-moz-scrollbar,
    ul::-ms-scrollbar{
        width: 9px;
    }

    *::-webkit-scrollbar-track
    *::-moz-scrollbar-track,
    *::-ms-scrollbar-track,
    div::-webkit-scrollbar-track
    div::-moz-scrollbar-track,
    div::-ms-scrollbar-track,
    ol::-webkit-scrollbar-track
    ol::-moz-scrollbar-track,
    ol::-ms-scrollbar-track,
    pre::-webkit-scrollbar-track
    pre::-moz-scrollbar-track,
    pre::-ms-scrollbar-track,
    span::-webkit-scrollbar-track
    span::-moz-scrollbar-track,
    span::-ms-scrollbar-track,
    ul::-webkit-scrollbar-track,
    ul::-moz-scrollbar-track,
    ul::-ms-scrollbar-track{
        background: var(--white);
    }

    *::-webkit-scrollbar-thumb,
    *::-moz-scrollbar-thumb,
    *::-ms-scrollbar-thumb,
    div::-webkit-scrollbar-thumb,
    div::-moz-scrollbar-thumb,
    div::-ms-scrollbar-thumb,
    ol::-webkit-scrollbar-thumb,
    ol::-moz-scrollbar-thumb,
    ol::-ms-scrollbar-thumb,
    pre::-webkit-scrollbar-thumb,
    pre::-moz-scrollbar-thumb,
    pre::-ms-scrollbar-thumb,
    span::-webkit-scrollbar-thumb,
    span::-moz-scrollbar-thumb,
    span::-ms-scrollbar-thumb,
    ul::-webkit-scrollbar-thumb,
    ul::-moz-scrollbar-thumb,
    ul::-ms-scrollbar-thumb{
        background-color: var(--tab-active);
        border-radius: 16px;
        border: 2px solid var(--white) !important;
    }
    a:-webkit-any-link:focus-visible {
        outline-offset: 0px !important;
        outline: none !important;
    }
    .scroll-x::-webkit-scrollbar,
    .scroll-y::-webkit-scrollbar,
    .table-responsive::-webkit-scrollbar
    .scroll-x::-moz-scrollbar,
    .scroll-y::-moz-scrollbar,
    .table-responsive::-moz-scrollbar,
    .scroll-x::-ms-scrollbar,
    .scroll-y::-ms-scrollbar,
    .table-responsive::-ms-scrollbar{
        width: 8px;
    }
    .scroll-x::-webkit-scrollbar-thumb,
    .scroll-y::-webkit-scrollbar-thumb,
    .table-responsive::-webkit-scrollbar-thumb,
    .scroll-x::-moz-scrollbar-thumb,
    .scroll-y::-moz-scrollbar-thumb,
    .table-responsive::-moz-scrollbar-thumb,
    .scroll-x::-ms-scrollbar-thumb,
    .scroll-y::-ms-scrollbar-thumb,
    .table-responsive::-ms-scrollbar-thumb{
        border: 0px solid rgba(43,58,74, 0.25);
        background-color: rgba(43,58,74, 0.25);
    }
    .widget-aside .scroll-x::-webkit-scrollbar,
    .widget-aside .scroll-y::-webkit-scrollbar,
    .widget-aside .scroll-x::-moz-scrollbar,
    .widget-aside .scroll-y::-moz-scrollbar,
    .widget-aside .scroll-x::-ms-scrollbar,
    .widget-aside .scroll-y::-ms-scrollbar{
        width: 8px;
    }
    .widget-aside .scroll-x::-webkit-scrollbar,
    .widget-aside .scroll-x::-webkit-scrollbar,
    .widget-aside .scroll-x::-moz-scrollbar,
    .widget-aside .scroll-x::-moz-scrollbar,
    .widget-aside .scroll-x::-ms-scrollbar,
    .widget-aside .scroll-x::-ms-scrollbar{
        width: 0;
    }*/

/*.flex-stack {display: flex;align-items: center !important;justify-content: space-between !important;}*/
.flex-center {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.font-italic {
    font-style: italic;
}
.w-fit{
    width: fit-content;
}
@media (min-width: 1400px) {
    .flex-xxl-stack {
        display: flex;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .flex-xxl-center {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-xxl-start {
        display: flex;
        align-items: center !important;
        justify-content: start !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-stack {
        display: flex;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .flex-xl-center {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-xl-start {
        display: flex;
        align-items: center !important;
        justify-content: start !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-stack {
        display: flex;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .flex-lg-center {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-lg-start {
        display: flex;
        align-items: center !important;
        justify-content: start !important;
    }
}

@media (min-width: 768px) {
    .flex-md-stack {
        display: flex;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .flex-md-center {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-md-start {
        display: flex;
        align-items: center !important;
        justify-content: start !important;
    }
}

@media (min-width: 576px) {
    .flex-sm-stack {
        display: flex;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .flex-sm-center {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .flex-sm-start {
        display: flex;
        align-items: center !important;
        justify-content: start !important;
    }
}

svg.editIcon .a {
    fill: var(--theme-color);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    font-size: 14px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    border: 1px solid var(--tab-active);
    background: var(--tab-active);
}

.page_content {
    height: 100%;
    /* padding-bottom: 50px; */
    /* background-color: var(--bs-gray-200); */
    /* background-color: rgb(251 251 252) !important; */
    /* background-color: #f7fcff !important; */
    background: linear-gradient(to bottom, rgb(224 238 255 / 30%) 0%, #f7fcff 100%) !important;
}

.page_content.modal-table {
    padding-bottom: 0;
}

/*Loader Starts*/
.loader-main {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    background-color: rgba(var(--white-rgba), 0.95);
    /* background-color: rgba(var(--white-rgba), 1); */
    flex-direction: column;
    top: 0;
}

.loader-main .loader img {
    max-width: 100px;
}

.dataTable_loader .loader-main {
    background-color: rgba(var(--white-rgba), 0);
}

.dataTable_loader .loader-main .loader-spin {
    background-color: rgba(var(--white-rgba), 0.75);
}

.loader-main.loader__up {
    visibility: hidden;
    opacity: 0;
    transition: var(--transition_05s);
    -webkit-transition: var(--transition_05s);
    -moz-transition: var(--transition_05s);
    -ms-transition: var(--transition_05s);
}

.dataTable_loader .loader-main.loader__up {
    visibility: visible;
    opacity: 1;
}

.loader .dot {
    width: 24px;
    height: 24px;
    background: #64c6c2;
    border-radius: 100%;
    display: inline-block;
    animation: slide 1s infinite;
}

.loader .dot:nth-child(1) {
    animation-delay: 0.1s;
    background: #32aacc;
}

.loader .dot:nth-child(2) {
    animation-delay: 0.2s;
    background: #b21f5f;
}

.loader .dot:nth-child(3) {
    animation-delay: 0.3s;
    background: #466bb3;
}

.loader .dot:nth-child(4) {
    animation-delay: 0.4s;
    background: #8ec64e;
}

.loader .dot:nth-child(5) {
    animation-delay: 0.5s;
    background: #df4f43;
}

@-moz-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes slide {
    0% {
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

/*Loader Ends*/

/*Legends Colors Starts*/
.legend_regularization {
    background-color: var(--regularization);
}

.legend_nopay {
    background-color: var(--nopay);
}

.legend_lateEarly {
    background-color: var(--lateEarly);
}

.legend_overtime {
    background-color: var(--overtime);
}

.legend_admin_regularization {
    background-color: var(--admin_regularization);
    border: 0 !important;
}

/*Legends Colors Ends*/

/*Shadow Starts*/

.shadow-box {
    box-shadow: var(--shadow-box) !important;
}

.light-shadow {
    box-shadow: var(--light-shadow) !important;
}

.shadow-xs {
    box-shadow: var(--shadow-xs) !important;
}

.shadow-thin {
    box-shadow: var(--shadow-thin) !important;
}

.shadow-btn {
    box-shadow: var(--shadow-btn) !important;
}

.shadow-img {
    filter: var(--shadow-img) !important;
}

.shadow-3D {
    box-shadow: var(--shadow-3d) !important;
}

/*Shadow Ends*/

/*Modal Popup Starts*/
.modal .modal-content {
    border-radius: 15px;
    /*margin-top: 50px;*/
}

.modal .modal-header {
    /* padding: 30px; */
    padding: 30px 20px;
    box-shadow: 0 2px 17px -5px var(--theme-light-gray);
    border-radius: 15px 15px 0 0;
}

.modal .modal-body hr {
    margin: 25px 0;
}

.modal .modal-body {
    text-align: left;
    padding: 0.781vw 1.042vw;
}

.modal .modal-body .popup_title {
    margin-bottom: 15px;
}

.modal .modal-subtitle {
    display: block;
    font-size: 14px;
}

.modal .modal-body ul li {
    list-style-type: disc;
    margin-left: 15px;
    font-size: 15px;
}

.modal .modal-body ul li+li {
    margin-top: 10px;
}

.modal-header .btn-close {
    background: url(../images/close.svg) center/1em auto no-repeat !important;
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 12px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.modal-header .btn-close:hover {
    border-color: #2f2f2f;
}

.modal-header .btn-close:focus {
    box-shadow: none;
}

.modal-table {
    height: 350px;
    max-height: 350px;
    padding-bottom: 0;
    overflow-y: auto;
}

.modal .page_content {
    background-color: transparent !important;
}

@media (max-width: 1600px) {
    .modal-table {
        height: 300px;
        max-height: 300px;
    }
}

@media (max-width: 1366px) {
    /*.modal .modal-content {
        margin-top: 45px;
    }*/

    .modal-table {
        height: 210px;
        max-height: 210px;
    }
}

/*Modal Popup Ends*/

/*Modal Right Popup Starts*/
.modal-right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 550px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal-right .modal-dialog .modal-header {
    border-radius: 15px 0 0 0;
}

.modal-right .modal-dialog .modal-content {
    border-radius: 15px 0 0 15px;
}

.modal-right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal-right .modal-subtitle {
    display: block;
    font-size: 14px;
}

.modal-right .modal-dialog .modal-header .btn-icon,
.number_employee .modal-dialog .modal-header .btn-icon {
    position: absolute;
    right: 30px;
}

.modal-right.fade .modal-dialog {
    right: -550px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-right.fade.show .modal-dialog {
    right: 0;
}

/*Modal Right Popup Ends*/
/* aside menu scroll issue start */
#kt_aside_menu_wrapper {
    overflow: hidden;
}

/* aside menu scroll issue  end*/

/*Modal Bottom-Right Popup Starts*/
.bottom_right_popup .modal-dialog {
    position: fixed;
    right: 10px;
    bottom: 10px;
    margin: 0;
    min-height: auto;
}

.bottom_right_popup .modal-dialog .tox-tinymce {
    height: 350px !important;
}

@media (max-width: 1600px) {
    .bottom_right_popup .modal-dialog .tox-tinymce {
        height: 250px !important;
    }
}

/*Modal Bottom-Right Popup Starts*/

/*Extra CSS Starts*/
@media (max-width: 1600px) {}

.table .form-switch {
    text-align: center;
    padding: 0;
}

.table .form-switch .form-check-input {
    margin-left: 0;
}

.session_msg {
    position: absolute;
    top: -65px;
    left: 0;
}

/* .twoStepVerify .session_msg {
    top: -85px;
} */
@media (max-width: 1365px) {
    .session_msg {
        top: -65px;
        height: auto;
        font-size: 14px;
    }
}

#custom_flow_level_data .level-border+.level-border {
    border-top: 1px solid var(--border-color);
}

.thumbnail-container,
.thumbnail_container {
    padding-bottom: 100%;
    background-color: rgba(var(--black-rgba), 0.03);
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 0;
}

.thumbnail {
    margin: 0px;
    display: block;
    padding: 0px;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    background: none;
}

.thumbnail img,
.thumbnail video {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.object-fit img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bg-theme-dark {
    background-color: var(--tab-active);
}

.invalid-feedback {
    font-size: 0.8rem;
    opacity: 0.85;
    margin-top: 2px;
    font-weight: 400;
    margin-left: 10px;
    width: auto;
}

.form-select {
    background-position: right 0.5rem center;
}

.form-control.form-control-solid::placeholder,
.form-select.form-select-solid::placeholder {
    color: var(--bs-gray-400);
}

.form-control.form-control-solid::-moz-placeholder,
.form-select.form-select-solid::-moz-placeholder {
    color: var(--bs-gray-400);
    opacity: 1;
}

input[type="text"].form-control.is-invalid {
    padding-right: 0.5rem;
}

.form-select.form-select-solid+.select2-container--bootstrap5 .select2-selection {
    /* box-shadow: var(--shadow-thin) !important; */
}

.select2-container--bootstrap5.select2-container--open .form-select-solid {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    border-radius: 5px 5px 0 0 !important;
}

.select2-container--bootstrap5 .select2-dropdown {
    padding: 0 !important;
    z-index: 99;
    border-radius: 0 0 .475rem .475rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.select2-container--bootstrap5 .select2-selection--multiple {
    display: flex;
    align-items: start;
    flex-direction: column-reverse;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-search__field {
    width: 100% !important;
}

.select2-container--bootstrap5 .select2-dropdown ul li:last-child {
    border-radius: 0 0 5px 5px;
}

.select2-container--bootstrap5 .select2-results__option--selected {
    background-color: rgba(var(--theme-color-rgb), 0.1) !important;
    color: var(--theme-color) !important;
    position: relative;
}

.select2-container--bootstrap5 ul[aria-multiselectable="true"] .select2-results__option--selected:before {
    content: "";
    display: block;
    width: 10px;
    height: 18px;
    border: solid var(--tab-active);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 12px;
    border-radius: 2px;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove {
    position: relative;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
    margin-left: 0;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
    padding: 4px 10px;
}

.select2-selection--multiple .select2-search--inline {
    display: contents !important;
}

.select2-selection__choice__remove:before,
.select2-selection__choice__remove:after {
    position: absolute;
    content: "";
    left: 7px;
    height: 13px;
    width: 2px;
    background-color: #767676;
    top: 3px;
}

@-moz-document url-prefix() {

    .select2-selection__choice__remove:before,
    .select2-selection__choice__remove:after {
        content: none;
    }
}

.select2-selection__choice__remove:before {
    transform: rotate(45deg);
}

.select2-selection__choice__remove:after {
    transform: rotate(-45deg);
}

.drawer.drawer-on {
    z-index: 999999999;
}

.select2-container--bootstrap5 .select2-selection__clear span {
    display: block;
    font-size: 19px;
    top: -10px;
    position: relative;
    color: var(--tab-active);
}
@media(max-width:1366px){
    .select2-container--bootstrap5 .select2-selection__clear span{
        top: -12px;
    }
}
@media(max-width:991px){
    .select2-container--bootstrap5 .select2-selection__clear span{
        top: -14px;
    }
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove span {
    display: block;
    font-size: 22px;
    line-height: 100%;
    padding: 0;
    height: 27px;
    left: -5px;
    top: -3px;
    position: relative;
    opacity: 0.5;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove span:hover {
    opacity: 0.75;
}

.select2-container .select2-search--inline .select2-search__field,
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
}

.select2-container--bootstrap5 .select2-selection__clear {
    padding: 0;
    right: 27px;
    top: 16px;
}

@media (max-width: 1024px) {
    .select2-container--bootstrap5 .select2-dropdown .select2-search {
        padding: 0.5rem 0.75rem;
    }

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option {
        padding: 0.5rem 1.25rem;
        font-size: 14px;
    }
}

ul {
    list-style-type: none;
}

ul.list-style-none li {
    list-style: none;
}

.ul-flex-25 li {
    flex: 0 0 25%;
}

.ul-flex-33 li {
    flex: 0 0 33.33%;
}

.ul-flex-50 li {
    flex: 0 0 50%;
}

.form-control.form-control-solid.datepicker {
    padding: 0.45rem 1rem;
}

/*@media(max-width: 1600px){
    .col-form-label,
    .form-control,
    .form-select.form-select-solid{
        font-size: 0.8rem;
    }
}*/
/* custom erro css */

.custom_error {
    font-size: 0.8rem !important;
    opacity: 0.85;
    margin-top: 2px;
    font-weight: 400;
    width: auto;
    color: #f1416c;
}
@media (max-width: 1366px) {

    .col-form-label,
    .form-control,
    .form-select.form-select-solid,
    .form-check.form-check-custom label,
    .custom_error,
    .invalid-feedback,
    .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display,
    .select2-container--bootstrap5 .select2-dropdown .select2-results__option{
        font-size: 11px !important;
    }
    .form-check.form-check-custom label div {
        font-size: 12px !important;
    }
    .select2-container--bootstrap5 .select2-dropdown ul[aria-multiselectable="true"] .select2-results__option{
        padding: 0.5rem 2.55rem 0.5rem 1.25rem;
    }
    .select2-container--bootstrap5 ul[aria-multiselectable="true"] .select2-results__option--selected:before{
        width: 9px;
        height: 15px;
        right: 20px;
        top: 6px;
    }
}

@media (max-width: 1024px) {
    .col-form-label,
    .form-control,
    .form-select.form-select-solid,
    .form-check.form-check-custom label,
    .custom_error,
    .invalid-feedback,
    .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display,
    .select2-container--bootstrap5 .select2-dropdown .select2-results__option{
        font-size: 12px !important;
    }
}

/*.accordion .accordion-header .accordion-button{
    height: 35px;
}*/
.cursor-progress {
    cursor: progress;
}

.cursor-disable {
    pointer-events: none;
}

/*Extra CSS Ends*/

/*Table Width Starts*/
.t-width-800 {
    min-width: 800px;
}

.t-width-900 {
    min-width: 900px;
}

.t-width-1000 {
    min-width: 1000px;
}

.t-width-1100 {
    min-width: 1100px;
}

.t-width-1200 {
    min-width: 1200px;
}

.t-width-1300 {
    min-width: 1300px;
}

.t-width-1400 {
    min-width: 1400px;
}

.t-width-1500 {
    min-width: 1500px;
}

.t-width-1600 {
    min-width: 1600px;
}

.t-width-1700 {
    min-width: 1700px;
}

.t-width-1800 {
    min-width: 1800px;
}

/*Table Width Ends*/

/*Icomoon Fonts Starts*/
@font-face {
    font-family: "icomoon";
    src: url("../plugins/custom/icomoon/fonts/icomoon.eot?muq6c0");
    src: url("../plugins/custom/icomoon/fonts/icomoon.eot?muq6c0#iefix") format("embedded-opentype"),
        url("../plugins/custom/icomoon/fonts/icomoon.ttf?muq6c0") format("truetype"),
        url("../plugins/custom/icomoon/fonts/icomoon.woff?muq6c0") format("woff"),
        url("../plugins/custom/icomoon/fonts/icomoon.svg?muq6c0#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-delete:before {
    content: "\e901";
    color: #555b6d;
}

.icon-datepicker:before {
    content: "\e900";
    color: #6c757d;
}

.icon-edit:before {
    content: "\e902";
}

.icon-plus:before {
    content: "\e903";
    color: #fff;
}

.icon-life_cycle:before {
    content: "\e904";
}

.icon-emp_info:before {
    content: "\e905";
}

.icon-onbrd:before {
    content: "\e906";
}

.icon-payroll:before {
    content: "\e907";
}

.icon-atted:before {
    content: "\e908";
}

.icon-chart:before {
    content: "\e909";
}

.icon-req:before {
    content: "\e90a";
}

.icon-loan:before {
    content: "\e90b";
}

.icon-Offboarding:before {
    content: "\e90c";
}

.icon-org-chart:before {
    content: "\e918";
}

.icon-profile:before {
    content: "\e90d";
}

.icon-password:before {
    content: "\e90e";
}

.icon-setting:before {
    content: "\e90f";
}

.icon-logout:before {
    content: "\e910";
}

.icon-side-menu:before {
    content: "\e911";
    color: #555b6d;
}

.icon-notifi-bell:before {
    content: "\e912";
    color: #555b6d;
}

/*Icomoon Fonts Ends*/

/*Custom Font Size Starts*/
.fs-13px {
    font-size: 0.813rem !important;
}

.fs-15px {
    font-size: 0.938rem !important;
}

/*Custom Font Size Starts*/

/*Buttons Starts*/

.btn-theme-lt {
    background-color: var(--theme-color-light);
    color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-theme-lt:hover {
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
}

.btn-theme-lt i:before {
    transition: var(--transition);
}

.btn-theme-lt:hover i:before {
    color: var(--white) !important;
}

.btn-theme-drk,
.btn-theme {
    background-color: var(--theme-color);
    color: var(--white);
    display: inline-block;
}

.btn-theme-drk:hover,
.btn-theme:hover {
    background-color: var(--theme-color-light);
    color: var(--theme-color);
}

.btn-theme-drk i:before,
.btn-theme i:before {
    transition: var(--transition);
    color: var(--white);
}

.btn-theme-drk:hover i:before,
.btn-theme:hover i:before {
    color: var(--theme-color) !important;
}

.btn-icon {
    color: var(--theme-color);
}

.btn-disable {
    opacity: 0.5;
    pointer-events: none;
}

.border-theme {
    border-color: var(--theme-color) !important;
}

.border-theme-light {
    border-color: var(--theme-color-light) !important;
}

.fa-facebook-f,
.fa-facebook-square {
    color: var(--facebook);
}

.fa-twitter,
.fa-twitter-square {
    color: var(--twitter);
}

.fa-linkedin {
    color: var(--linkedin);
}

.fa-skype {
    color: var(--skype);
}

.fa-blogger {
    color: var(--blogger);
}

.fa-reddit {
    color: var(--reddit);
}

.fa-instagram {
    background-color: var(--instagram);
}

.fa-instagram:before {
    background: radial-gradient(circle farthest-corner at 35% 90%,
            #fec564,
            transparent 50%),
        radial-gradient(circle farthest-corner at 0 140%,
            #fec564,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 0 -25%,
            #5258cf,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 20% -50%,
            #5258cf,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 0,
            #893dc2,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 60% -20%,
            #893dc2,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 100%,
            #d9317a,
            transparent),
        linear-gradient(#6559ca,
            #bc318f 30%,
            #e33f5f 50%,
            #f77638 70%,
            #fec66d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--instagram);
}

/*Buttons Ends*/

/*Social Media Starts*/
.social_icons {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.social_icons .btn-icon,
.social_icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 30px;
    width: 30px;
}

.social_icons .btn-icon i,
.social_icons a i {
    font-size: 20px;
    line-height: 100%;
}

.social_icons .btn-icon+.btn-icon,
.social_icons a+a {
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid var(--theme-light-gray) !important;
    border-radius: 0;
}

@media (max-width: 1024px) {
    .social_icons .btn-icon {
        height: 20px;
        width: 20px;
    }

    .social_icons .btn-icon i {
        font-size: 13px !important;
    }
}

/*Social Media Ends*/

/*Modal popup Starts*/
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*overflow: auto;*/
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: calc(100% - 30px);
        margin: 1.75rem auto;
    }
}

@media (max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

/*Modal Popup Ends*/

/*Common CSS Start*/
.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.text-center {
    text-align: center !important;
}

a.badge:hover {
    color: inherit;
}

.content_box {
    background-color: var(--white);
    border-radius: var(--border-radius);
    /*box-shadow: 0px 0px 10px -1px rgba(var(--black-rgba), 0.15);*/
    padding: var(--box-padding);
    position: relative;
    margin: 5px 0;
    border: 1px solid var(--border-color);
}

@media (max-width: 1440px) {
    .content_box {
        padding: 20px;
    }
}

/*@media(max-width: 991px) {
    .page_content {
        margin: 20px 0;
    }
}*/

.title {
    color: var(--text-dark);
}

.sub_title {
    font-size: 16px;
    color: var(--text-light-gray);
    font-weight: normal;
}

.btn-sec .btn+.btn {
    margin-left: 10px;
}

.box-title {
    margin: 0;
    font-size: 1.075rem;
    color: var(--text-dark);
    border-radius: 3px 3px 0 0;
}

.radio-block .form-check {
    margin: 0 0 10px 0;
}

.radio-inline .form-check {
    display: inline-block !important;
    margin: 0 15px 10px 0;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
    overflow: hidden;
}
@media (max-width: 1366px) {
    .title{
        font-size: 0.85rem !important;
    }
}
@media (max-width: 1024px) {
    .custom-file {
        font-size: 10px;
    }
}

.custom-file-input {
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}

.custom-file-label {
    cursor: pointer;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    line-height: 1.5;
    color: var(--white);
    padding: 0.45rem 1rem;
    content: "Browse";
    background-color: var(--theme-color);
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

@media (max-width: 1440px) {
    .custom-file-label::after {
        padding: 0.25rem 0.5rem;
    }
}

.action-btns .edit-bg {
    background-color: var(--theme-color-light);
}

.action-btns .edit-bg i {
    color: var(--theme-color);
}

.action-btns .edit-bg svg {
    fill: var(--theme-color);
}

.action-btns .delete-bg {
    background-color: var(--theme-light-gray);
}

.action-btns .btn-icon+.btn-icon {
    margin-left: 5px;
}

.action-btns .btn-icon {
    height: 26px;
    width: 26px;
    min-width: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    color: var(--theme-color);
    cursor: pointer;
}

.action-btns .delete-bg:hover {
    background-color: var(--theme-color-light);
}

.required-checkbox .form-check-input {
    background-color: rgba(var(--required), 0.2) !important;
    border-color: transparent !important;
}

/*Common CSS End*/

/*Datepicker CSS Start*/
.datepicker-sec {
    position: relative;
    overflow: hidden;
}

.datepicker-sec input {
    background-image: url("../images/datepicker.svg") !important;
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 17px !important;
}

/* .datepicker-sec:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    top: 10px;
    right: 15px;
    background-image: url("../images/datepicker.svg") !important;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
} */
@media (max-width: 1024px) {
    .datepicker-sec:before {
        top: 7px;
    }
}

.flatpickr-wrapper {
    width: 100%;
}

.flatpickr-calendar.static {
    right: 0;
}

.flatpickr-current-month input.cur-year {
    padding: 0.5rem;
}

.flatpickr-calendar {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.flatpickr-day {
    margin: 1px;
}

.flatpickr-day.today {
    background: var(--theme-color-light);
    color: var(--theme-color);
}

.flatpickr-calendar.hasTime .flatpickr-time {
    display: inline-block;
    width: 100%;
}

/*Datepicker CSS End*/

/*Timepicker CSS Start*/
/* .flatpickr-calendar.hasTime {
    max-width: 200px;
    padding: 0 15px 0 0;
    box-shadow: var(--shadow);
} */
.flatpickr-calendar.hasTime.hasDateTime {
    max-width: 100%;
    padding: 0;
}

.flatpickr-calendar.hasTime.hasDateTime .flatpickr-time {
    background-color: #f2f2f2;
    margin: 2px;
}

.flatpickr-time .numInputWrapper span:after {
    left: 0;
}

/*Timepicker CSS End*/

/*Footer starts*/
.footer {
    position: fixed;
    bottom: 0;
    right: 15px;
    left: 245px;
    z-index: 99;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    box-shadow: 3px -1px 6px rgba(var(--black-rgba), 0.16);
}

body[data-kt-aside-minimize="on"] .footer {
    left: 70px;
    border-radius: 10px 10px 0 0;
}

@media (max-width: 1440px) {
    .footer {
        left: 225px;
    }
}

@media (max-width: 1199px) {

    body[data-kt-aside-minimize="on"] .footer,
    .footer {
        left: 0;
    }
}

/*Footer Ends*/

/*Menu Starts*/
.aside .aside-logo {
    padding: 0 10px;
}

.aside .aside-logo a {
    max-width: 165px;
}

.aside .aside-logo a .logo {
    width: 100%;
}

.aside-menu .menu .menu-link i.fa-users {
    font-size: 16px;
}

/*@media(max-width:1536px){
    .aside-menu .menu .menu-link i,
    .aside-menu .menu .menu-link img{
        height: 20px;
        width: 20px;
        font-size: 21px;
    }
}*/
.aside-menu .menu-item {
    margin: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    border-radius: 5px;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    background-color: var(--bs-gray-200) !important;
}

.aside-menu .menu-item .menu-link {
    position: relative;
    background-color: transparent !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    margin-bottom: 2px;
}

.aside-menu .menu-item .menu-link.active i,
.aside-menu .menu-item .menu-link:hover i,
.aside-menu .menu-item .menu-link.active img,
.aside-menu .menu-item .menu-link:hover img {
    opacity: 0.8;
}

.aside-menu .menu-item .menu-link.active {
    border-radius: 6px 0px 0px 6px;
    background-color: transparent !important;
}

.aside-menu .menu-item .menu-link.active:before,
.aside-menu .menu-item.show>.menu-link:before,
.aside-menu .menu-item .menu-link:hover:before {
    position: absolute;
    content: "";
    background: transparent linear-gradient(85deg, #8f8f8f 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px 0px 0px 6px;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.aside-menu .menu-item.show .menu-item.show .menu-link:before {
    background: rgba(0, 0, 0, 0.5);
}

.aside-menu .menu-item.active .menu-link .menu-title {
    color: var(--bs-white);
}

.aside-menu .menu-item.active .menu-link .menu-bullet .bullet-dot {
    background-color: var(--bs-white) !important;
}

.aside-menu .menu-item.active:before {
    content: "";
}

.aside-menu .menu-item .menu-sub .menu-item {
    margin-left: 0;
}

.aside-menu .menu-item .menu-sub .menu-item+.menu-item {
    margin-top: 0;
}

.aside-menu .menu-item .menu-sub .menu-sub {
    margin-left: 15px;
}

.aside-menu .menu-item .menu-sub .menu-link .menu-bullet .bullet-dot {
    background-color: var(--menu-color);
}

.aside-menu .menu-item .menu-sub .menu-link:hover .bullet-dot,
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-bullet .bullet {
    background-color: var(--white) !important;
}

.perInfo_imgSec .perInfo_head .perInfo_edit .object-fit img {
    background-color: #fff;
}

.aside-menu .menu-item .menu-sub .menu-title {
    font-size: 14px;
}

.aside .aside-logo a .shrink-logo {
    opacity: 0;
    transform: scale(0);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    position: absolute;
    max-width: 40px;
}

/* [data-kt-aside-minimize=on] .menu .menu-item{
    padding-left: 4px;
} */

/* [data-kt-aside-minimize=on] .aside-menu .menu-item .menu-link.active:before,
[data-kt-aside-minimize=on] .aside-menu .menu-item .menu-link:hover:before {
    width: 55px;
    border-radius: 6px;
} */

[data-kt-aside-minimize="on"] .aside .aside-logo a {
    max-width: 45px;
    /* display: none; */
}

[data-kt-aside-minimize="on"] .aside .aside-logo a .shrink-logo {
    opacity: 1;
    transform: scale(1);
    position: relative;
    width: 100%;
}

/* .aside-menu .menu-item.show .menu-link i,
.aside-menu .menu-item.show .menu-link img {
    opacity: 1;
} */

.aside-menu .menu-item.show .menu-sub .menu-link:hover:before,
.aside-menu .menu-item.show .menu-sub .menu-link.active:before {
    background: rgba(0, 0, 0, 0.5);
}

.menu_orverlay {
    width: 75px;
    height: 100vh;
    background-color: transparent;
    position: absolute;
    top: 0;
    z-index: -1;
}

body[data-kt-aside-minimize="on"] .menu_orverlay {
    z-index: 1;
}


@media (max-width: 1024px) {

    .aside .aside-logo,
    .header-fixed .header {
        height: 55px;
    }

    .aside .aside-logo {
        display: flex;
    }

    .aside .aside-logo .shrink-logo {
        display: none;
    }

    [data-kt-aside-minimize="on"] .aside .aside-logo a {
        max-width: 100%;
    }
}

/*Menu Ends*/

/*Header Starts*/
.header-fixed.modal-open .header{
    z-index: 999;
}

/*Menu Icon S*/
.hamburger-cross {
    display: inline-block;
    position: relative;
    padding: 18px 8px;
    cursor: pointer;
}

.navicon {
    display: block;
    width: 26px;
    border-radius: 5px;
    position: relative;
    background: #c7ced6;
    height: 3px;
    -webkit-transition: 0.5s;
}

.navicon::before,
.navicon::after {
    display: block;
    width: 26px;
    border-radius: 5px;
    position: absolute;
    background: #c7ced6;
    height: 3px;
    content: "";
    -webkit-transition: 0.5s;
}

.navicon:before {
    top: -7px;
}

.navicon:after {
    top: 7px;
}

/*Menu Icon E*/

/*Header Search S*/
/*  .header_search input {cursor: pointer; color: var(--bs-gray-900); position: relative; margin-left: 30px; width: 20px; height: 20px; border-style: none;padding: 10px 10px 10px 20px; outline: none; transition-duration: 500ms; cursor: pointer; background-image: url('../images/search.svg'); background-repeat: no-repeat; background-size: contain; font-size: 13px; color: transparent; overflow: hidden;}
    .header_search input:focus { width: 200px; cursor: text; padding-left: 40px; color: #A0A0A0;  background-color: var(--white); }
    .header_search input::placeholder{color: var(--bs-gray-500) !important;}
    .header_search input::-ms-input-placeholder{color: var(--bs-gray-500) !important;}
    .header_search .div1 { position: absolute; left: 0px; top: 45px; width: 50px; height: 5px; z-index: -1;}*/
/* .searchBoxWrapper {
    display: flex;
    justify-content: flex-end;
    width: 300px;
}

.searchBox {
    width: 40px;
    height: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.searchBox .icon {
    min-width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchBox input[type="text"] {
    font-size: 14px;
    width: calc(100% - 40px);
    height: 40px;
    line-height: 40px;
    padding: 0;
    border: none;
    background: #fff;
    outline: none;
    border-bottom: 1px solid var(--border-color);
    overflow: hidden;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
}

.searchBox.isOpen,
.searchBox.isOpen input[type="text"] {
    width: 100%;
}

.searchBox.isOpen .icon .handle:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.searchBox.isOpen .icon .circle {
    background: #88a825;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
} */

/*Header Search S*/

/*User Menu S*/
.user_menu {
    z-index: 105;
    position: fixed;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(1598px, 65px);
    top: 10px !important;
}

.user_menu .menu-item .menu-link {
    color: var(--text-dark);
    border-radius: 0;
}

.user_menu .menu-item .menu-link i {
    color: var(--text-dark);
    margin-right: 15px;
    font-size: 18px;
    width: 25px;
    text-align: center;
}

.user_menu .menu-item .menu-link i.icon-password {
    font-size: 12px;
}

/*User Menu S*/

.notifi-btn .badge {
    top: 0px;
    right: -19px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    opacity: 0.85;
}

.notifi-btn .get_emp_notification {
    position: absolute;
    top: 38px;
    right: -10px;
}

.notifi-btn .get_emp_notification .notifi-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #2b3a4a;
    border-radius: 50%;
    transform: scale(0.8);
    box-shadow: 0 0px 20px rgb(255 255 255 / 25%),
        0 6px 6px rgb(255 255 255 / 25%) !important;
}

.notifi-btn .get_emp_notification .notifi-close .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--white);
}

.notifi-btn .menu-sub-dropdown {
    top: 12px !important;
}

.notifi-btn .menu-sub-dropdown:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 12px 11px;
    border-color: transparent transparent var(--bs-dark) transparent;
    top: -11px;
    right: 6px;
}

.employee_notification {
    background-color: var(--white);
}

.employee_notification .notificationList {
    flex-direction: column;
}

.employee_notification .notificationList li {
    border-bottom: 1px solid var(--bs-gray-200);
    position: relative;
}

.employee_notification .notificationList li.unread {
    background-color: rgba(var(--bs-primary-rgb), 0.04);
    border-bottom-color: rgba(var(--bs-primary-rgb), 0.04);
}

.employee_notification .notificationList li.unread .dot {
    position: absolute;
    top: 17px;
    right: 20px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--bs-dark);
}

.header_notification {
    position: relative;
    overflow-x: hidden;
}

/* .header_notification:before {
    bottom: 0;
    position: absolute;
    content: "\e912";
    font-family: "icomoon" !important;
    font-size: 400px;
    line-height: 100%;
    right: -44%;
    opacity: 0.03;
} */

.notification_loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.75);
}

.drawer .card-header {
    background-color: var(--tab-active);
    border-radius: 0;
    color: var(--white);
}

.drawer .notice.active {
    background-color: var(--tab-active) !important;
}

.drawer .notice.active .notice_title {
    color: var(--white);
}

.drawer .notice.active .notice_title:hover {
    color: var(--theme-light-gray) !important;
}

.drawer .notice.active div a {
    color: var(--white) !important;
}

/*Header Ends*/

/*Filter Section Starts*/
@media (min-width: 1199px){
    .filter-sec .filter-item .select2-container {
        min-width: 180px;
    }
}
@media (max-width: 1199px){
    .filter-sec .filter-item .select2-container {
        min-width: 150px;
    }
}

.filter-sec .filter-item+.filter-item {
    margin-left: 15px;
}

/*Filter Section Ends*/

/*Login Page Starts*/
.login_page {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.login_slider .slider_text {
    position: absolute;
    top: 100px;
    left: 50px;
    z-index: 1;
}

.login_slider .slider_text .slider_subTitle {
    font-size: 50px;
    color: var(--text-secondary);
}

.login_slider .slider_text .slider_Title {
    font-size: 75px;
    color: var(--theme-color);
}

.pulse_icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--btn-dark);
    animation: pulse 2500ms infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--btn-dark);
    }

    100% {
        box-shadow: 0 0 0 15px var(--bs-primary-light);
    }
}

.login_page .tns .tns-ovh {
    position: relative;
}

/*.login_page .tns .tns-ovh:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.20);
    z-index: 1;
}*/

.login_page .login_box {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.login_page .login_head {
    margin-bottom: 20px;
}

.login_page .login_box .visible_pw {
    top: 18px;
    right: 18px;
}

.login_page .fv-row {
    margin-bottom: 15px;
}

.login_page .login_logo {
    max-width: 250px;
    margin: 0 auto;
}

.login_page .login_inner {
    padding: 0 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: -10px 0px 16px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -10px 0px 16px -6px rgba(0, 0, 0, 0.75);
    box-shadow: -10px 0px 16px -6px rgb(255 255 255 / 15%);
}

@media (max-width: 1600px) {
    .login_page .login_inner {
        padding: 0 60px;
    }
}

.login_page .login_logo img {
    width: 100%;
}

.login_page .tns-nav {
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    text-align: center;
}

.login_page .login_slider .tns-item {
    background-size: cover;
    background-repeat: no-repeat;
}

.login_page .login_slider .tns-item.logo {
    position: relative;
    background-color: var(--white);
}

.login_page .tns-nav button {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    border: 0;
    background-color: var(--text-gray);
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.login_page .tns-nav button.tns-nav-active {
    background-color: var(--tab-active);
    width: 50px;
}

.login_page .tns-nav button+button {
    margin-left: 15px;
}

@media (max-width: 1440px) {
    .login_page .login_logo {
        max-width: 200px;
    }

    .login_slider .slider_text .slider_subTitle {
        font-size: 35px;
    }

    .login_slider .slider_text .slider_Title {
        font-size: 60px;
    }
}

@media screen and (max-width: 1366px) and (max-height: 1024px) {
    .login_page .login_slider .tns-item {
        background-position: center left -15px;
    }
}

@media screen and (max-width: 1024px) and (max-height: 1366px) {
    .login_page .login_slider .tns-item {
        background-position: bottom left;
        background-size: 175%;
    }

    .login_slider .slider_text .slider_subTitle {
        font-size: 65px;
    }

    .login_slider .slider_text .slider_Title {
        font-size: 80px;
    }

    .login_slider .slider_text {
        top: 125px;
        left: 0;
        z-index: 1;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 1365px) {
    .login_slider .slider_text {
        top: 50px;
    }
}

@media (max-width: 1024px) {
    .login_page .login_inner {
        padding: 0 25px;
        right: 0;
        left: auto;
    }

    .login_page .login_slider .tns-item {
        background-position: bottom left;
        background-size: 125%;
    }

    .login_page .tns-nav {
        bottom: 7%;
    }

    .login_slider .slider_text {
        top: 125px;
        left: 50px;
        text-align: left;
    }

    .login_slider .slider_text .slider_subTitle {
        font-size: 28px;
    }

    .login_slider .slider_text .slider_Title {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .login_page {
        justify-content: center;
    }

    .login_page .login_logo {
        left: 0;
        right: 0;
    }

    .login_page .login_inner {
        padding: 0;
        left: 0;
        right: 0;
    }

    .login_page .login_box {
        margin: 0 auto;
    }

    .login_page .login_slider .tns-item {
        background-size: 180%;
    }

    .login_slider .slider_text {
        top: 85px;
        left: 0;
        text-align: center;
    }
}

@media (max-width: 1366px) {
    .login_page .login_logo {
        margin: 0 auto 5px;
    }

    .login_page .login_box {
        margin-top: 50px;
    }
}

/*Login Page Ends*/

/*Two-Step Verification Page Start*/
/* .twoStepVerify{
    position: relative;
}
.twoStepVerify:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.20);
    z-index: 1;
}
@media(max-width: 1024px){
    .twoStepVerify{
        background-size: 1000px;
    }
}
@media(max-width: 991px){
    .twoStepVerify{
        background-position: top left 100px;
    }
} */

/*Two-Step Verification Page Ends*/

/*Permission Page Start*/
.permission_page .access_sec .nav-tabs {
    flex-direction: column;
    padding: 10px 0;
}

.permission_page .access_sec .nav-tabs .nav-item+.nav-item {
    border-top: 1px dashed var(--theme-light-gray);
}

.permission_page .access_sec .nav-tabs .nav-item {
    position: relative;
    padding: 0;
}

.permission_page .access_sec .nav-tabs .nav-item .nav-link {
    padding: 15px 10px;
    z-index: 1;
    margin: 0;
    border: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s ease-in-out all;
}
.permission_page .access_sec .nav-tabs .nav-item .nav-link:hover{
    background-color: #f2f2f2;
    transition: 0.3s ease-in-out all;
}
/* .permission_page .access_sec .nav-tabs .nav-item .nav-link.active:before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--bs-primary);
    z-index: -1;
    width: 6px;
    height: 100%;
    border-radius: 2px;
} */

.permission_page .access_sec .nav-tabs .nav-item .form-switch {
    z-index: 1;
}

.permission_page .access_sec .nav-tabs .nav-item .nav-link:hover,
.permission_page .access_sec .nav-tabs .nav-item .nav-link.active {
    border: 0;
}

.permission_page .access_sec .nav-tabs .nav-item .nav-link.active span {
    font-weight: 600;
}
.permission_page .access_sec .nav-tabs .nav-item .nav-link .permission_given_check i{
    color: #50cd89 !important;
    font-size: 18px;
}
.permission_page .access_sec .nav-tabs .nav-item .nav-link.not_permitted{
    background-color: #f9f9f9;
    opacity: 0.5;
}
.permission_page .access_sec .nav-tabs .nav-item .nav-link.not_permitted .permission_given_check{
    display: none;
}
/* @media (max-width: 1024px) {
    .permission_page .access_sec .nav-tabs .nav-item .nav-link {
        margin: 0 1rem;
    }
} */

/*Permission Page Ends*/

/*Role Vise User Page Start*/
.roleWiseUser_page .dept-list {
    padding: 46px 0;
    margin-left: 24px;
}

.roleWiseUser_page .role_sec {
    width: 100%;
    clear: both;
    padding: 20px 0 0;
}

.roleWiseUser_page .role_item {
    float: left;
    padding-bottom: 20px;
}

.roleWiseUser_page .user_title {
    font-size: 18px;
}

.roleWiseUser_page .role_item+.role_item {
    margin-left: 20px;
    padding-left: 20px;
}

@media (max-width: 1440px) {
    .roleWiseUser_page .dept-list {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .roleWiseUser_page .dept-list {
        padding: 25px 0 0;
    }

    .roleWiseUser_page .dept-list:first-child {
        padding-top: 0;
    }

    .roleWiseUser_page .user_title {
        font-size: 20px;
    }
}

/*Role Vise User Page Ends*/

/*Personal Info page Starts*/
.personal_info .p-i_left {
    flex: 0 0 auto;
    width: 75%;
}

.personal_info .p-i_right {
    flex: 0 0 auto;
    width: 25%;
}

.personal_info .tab-content>.active {
    opacity: 1;
}

.personal_info .perInfo_imgSec {
    margin-top: 10px;
}

.perInfo_imgSec .perInfo_head {
    text-align: center;
    padding: 30px 0 0;
}

.perInfo_imgSec .perInfo_head .perInfo_edit {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    max-width: 150px;
}

.perInfo_imgSec .perInfo_head .perInfo_edit .image-input {
    z-index: 11;
}

.perInfo_imgSec .perInfo_head .perInfo_edit .object-fit img {
    width: 150px;
    height: 150px;
    min-height: 150px;
    border-radius: 50%;
    border: 1px solid var(--theme-light-gray);
}

.perInfo_imgSec .perInfo_head .perInfo_edit .image-input {
    position: absolute;
    top: 50px;
    right: 10px;
}

.perInfo_detail {
    padding: 10px 20px;
    text-align: left;
}

.perInfo_detail .perInfo_inner .perInfo_text {
    text-align: left;
}

.perInfo_detail .perInfo_inner .perInfo_text+.perInfo_text {
    border-top: 1px solid var(--bs-gray-200);
    padding-top: 5px;
    margin-top: 5px;
}

.perInfo_table thead tr th {
    padding: 0 0 15px;
}

.perInfo_table thead tr th .btn .icon-edit {
    color: var(--theme-color);
}

.perInfo_table tr td {
    padding: 15px 0;
}

.personal_info .accordion-item {
    position: relative;
    box-shadow: 0px 0px 10px -1px rgba(var(--black-rgba), 0.15);
}

.personal_info .accordion-item:first-child {
    margin: 10px 0;
}

.personal_info .accordion-item .add-btn {
    position: absolute;
    z-index: 99;
    right: 80px;
    top: 15px;
}

@media (max-width: 1600px) {
    .personal_info .p-i_left {
        flex: 0 0 auto;
        width: 70%;
    }

    .personal_info .p-i_right {
        flex: 0 0 auto;
        width: 30%;
    }
}

@media (max-width: 1440px) {
    .personal_info .p-i_left {
        flex: 0 0 auto;
        width: 68%;
    }

    .personal_info .p-i_right {
        flex: 0 0 auto;
        width: 32%;
    }

    .perInfo_imgSec .perInfo_head .sub_title {
        font-size: 12px;
    }

    .perInfo_detail .perInfo_inner {
        display: flex;
        align-items: start;
        flex-direction: column;
    }

    .perInfo_detail .perInfo_inner .perInfo_text {
        text-align: left;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .perInfo_detail .perInfo_inner .perInfo_text+.perInfo_text {
        padding: 5px 0 0 0;
        margin: 5px 0 0 0;
        border-top: 1px solid var(--bs-gray-200);
        border-left: 0;
        width: 100%;
    }

    .personal_info .p-i_left .accordion-body .nav-tabs .nav-link {
        margin: 0 0.25rem !important;
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .personal_info .p-i_left {
        flex: 0 0 auto;
        width: 100%;
    }

    .personal_info .p-i_right {
        flex: 0 0 auto;
        width: 100%;
    }

    .perInfo_imgSec .perInfo_head {
        padding: 30px 20px 0;
    }

    .perInfo_imgSec {
        display: flex;
        justify-content: space-around;
    }

    .perInfo_detail .perInfo_inner {
        align-items: center;
    }

    .perInfo_detail .perInfo_inner .perInfo_text {
        text-align: center;
    }

    .perInfo_imgSec .perInfo_head .perInfo_edit img {
        max-width: 200px;
        max-height: 200px;
    }
}

@media (max-width: 991px) {
    .perInfo_imgSec .perInfo_head .perInfo_edit img {
        max-width: 150px;
        max-height: 150px;
    }

    .perInfo_imgSec .perInfo_head .perInfo_edit .image-input {
        right: 0;
    }
}

.sub-ord-box .sb_title {
    cursor: pointer;
    padding: 20px 15px;
    font-weight: 500;
    position: relative;
}

.sub-ord-box .sb_title .svg-icon {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    display: inline-block;
}

.sub-ord-box .sb_title.active_icon .svg-icon {
    transform: rotate(90deg);
}

.sub-ord-box .sb_title svg [fill]:not(.permanent):not(g) {
    fill: var(--body-text);
}

.sub-ord-box .sb_content {
    display: none;
}

/*Personal Info page Ends*/

/*Datatable Starts*/
@media (min-width: 1441px) {
    .table.dataTable {
        width: 100% !important;
    }
}

.table td,
.table th,
.table tr {
    vertical-align: middle;
}

.table td:first-child,
.table th:first-child {
    padding-left: 30px !important;
}

.table td:last-child,
.table th:last-child {
    padding-right: 30px !important;
}

table.dataTable {
    margin-top: 0 !important;
}

/* table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: none !important;
} */

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    content: "" !important;
    opacity: 1 !important;
    right: 0 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--text-dark) !important;
    font-size: 14px !important;
}
@media(max-width:1024px){
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate{
        font-size: 12px !important;
    }
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
    padding: 0;
    min-height: auto;
    line-height: 100%;
    border-radius: 3px;
    padding: 8px 20px 8px 5px;
    text-align: left;
    position: relative;
    background-image: url(../images/t-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center right 3px;
    margin: 0 5px;
}

div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    /*padding: .5rem 1.25rem !important;*/
    padding: 0.5rem 0 !important;
    font-weight: normal;
    font-size: 14px;
}

div.dataTables_wrapper div.dataTables_length select:focus {
    box-shadow: none;
}

div.dataTables_wrapper div.dataTables_filter input {
    /*box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.05);*/
    border-color: #eee;
    min-height: 30px !important;
    padding: 0.35rem 0.75rem;
}

div.dataTables_wrapper div.dataTables_info {
    color: var(--text-gray) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
    border: 0 !important;
    background: none;
    margin-left: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    border: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item {
    border-radius: 3px;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link {
    height: 2rem;
    min-width: 2.15rem;
    font-size: 13px;
    border-radius: 2px;
    color: var(--theme-color);
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.previous.disabled,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.next.disabled {
    opacity: 0.25;
    pointer-events: none;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.previous,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.next {
    background-color: var(--bs-gray-300);
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.previous .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item.next .page-link {
    color: var(--theme-color);
    opacity: 0.8;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link {
    border: 1px solid var(--theme-color);
    background-color: transparent;
    color: var(--theme-color);
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link:hover {
    background-color: var(--theme-color-light);
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled .page-link {
    border-color: transparent !important;
}

.page-item.next:not(:hover):not(:focus):not(.disabled) .page-link,
.page-item.previous:not(:hover):not(:focus):not(.disabled) .page-link {
    background-color: inherit;
}

div.dataTables_wrapper div.dataTables_processing {
    padding: 0.4rem 2rem !important;
}

table tr.disable td {
    background-color: var(--regularization);
}

@media (max-width: 1440px) {

    .dataTable th,
    .dataTable td {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {

    .dataTable th,
    .dataTable td {
        font-size: 12px;
    }

    table.dataTable>thead>tr>td:not(.sorting_disabled),
    table.dataTable>thead>tr>th:not(.sorting_disabled) {
        padding-right: 20px;
    }
}

div.dataTables_wrapper div.dataTables_processing {
    width: 100% !important;
    height: 100%;
    background: transparent;
}

div.dataTables_wrapper div.dataTables_processing #loader {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: transparent;
}

.loader-text {
    color: var(--bs-gray-700);
    font-size: 16px;
    letter-spacing: 2px;
    margin-left: 10px;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

/*Datatable Ends*/
.page_content.org_page {
    height: 100vh;
    margin: 0;
}

.org-chart {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto 0;
}

.org-chart ul li ul {
    /*display: none;*/
}

.org-chart .toggle-icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--text-dark);
    border: 1px solid var(--text-dark);
    border-radius: 50%;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.org-chart .oc-top-level {
    margin-top: 50px;
}

.org-chart ul {
    padding: 20px 0 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.org-chart ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.org-chart li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 55px 10px 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.org-chart li::before,
.org-chart li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    z-index: -1;
}

.org-chart li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

.org-chart li:only-child::after,
.org-chart li:only-child::before {
    display: none;
}

.org-chart li:only-child {
    padding-top: 35px;
}

.org-chart li:first-child::before,
.org-chart li:last-child::after {
    border: 0 none;
}

.org-chart li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
}

.org-chart li:first-child::after {
    border-radius: 5px 0 0 0;
}

.org-chart li .user {
    text-decoration: none;
    color: #666;
    display: inline-block;
    padding: 20px 10px 5px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    background: #fff;
    min-width: 180px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(var(--black-rgba), 0.12);
    border: 2px solid rgba(var(--black-rgba), 0.15);
    position: relative;
    z-index: 1;
}

.org-chart li .user:before {
    position: absolute;
    content: "";
    border: 2px solid rgba(var(--black-rgba), 0.15);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.org-chart li .user:hover:before {
    border-color: rgba(var(--tab-active), 0.75);
}

.org-chart li .user:hover,
.org-chart li .user:hover+ul li .user {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transform: translateY(-5px);
    border-color: rgba(var(--tab-active), 0.75);
    background-color: var(--bs-gray-100);
}

.org-chart li .user .view-more {
    font-weight: 500;
}

.org-chart li .user:hover+ul li::after,
.org-chart li .user:hover+ul li::before,
.org-chart li .user:hover+ul::before,
.org-chart li .user:hover+ul ul::before {
    border-color: #94a0b4;
    top: -5px;
    z-index: -1;
}

.org-chart li .user>div,
.org-chart li .user>a {
    font-size: 12px;
}

.org-chart li .user img {
    margin: -65px auto 0;
    max-width: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.org-chart li .user .name {
    font-size: 16px;
    margin: 0;
    font-weight: 300;
}

.org-chart li .user .role {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}

.org-chart li .user .manager {
    font-size: 13px;
    color: #b21e04;
}

.org_page .widget_setting {
    top: 25px;
    right: auto;
    left: -400px;
}

.org_page .widget_setting .w-s_list {
    width: 400px;
}

.org_page .widget_setting .w-s_btn i {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.org_page .widget_setting.expand {
    right: auto;
    left: 0;
}

.org_page .widget_setting .w-s_btn {
    border-radius: 0 25px 25px 0;
    position: absolute;
    right: -49px;
    left: auto;
}

.org_page .widget_setting .w-s_list ul li {
    align-items: center;
    display: block;
}

.org_page .widget_setting .w-s_list ul li .export_btn .btn {
    border-color: var(--bs-gray-300) !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.org_page .widget_setting .w-s_list ul li .export_btn .btn:hover {
    border-color: var(--bs-gray-700) !important;
}

.organization_hierarchy .hierarchy_box {
    position: relative;
    border-radius: 20px;
    margin-right: 30px;
}

.organization_hierarchy .hierarchy_box a {
    position: relative;
    z-index: 1;
}

.organization_hierarchy .hierarchy_box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.35;
    left: 0;
    right: 0;
    border-radius: 20px;
    background-color: var(--bg-light-primary);
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 8px;
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.organization_hierarchy .hierarchy_box .hierarchy_box_title {
    position: relative;
    z-index: 1;
}

.organization_hierarchy .hierarchy_box .thumbnail-container {
    padding-bottom: 32%;
    border-radius: 15px;
    background-color: transparent;
}

.orgchartPopup .modal .modal-content {
    margin-top: 0;
}

.org_email {
    width: 275px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1366px) {
    .orgchartPopup .dropdown-menu svg {
        width: 100px !important;
        height: 100px !important;
    }

    .orgchartPopup .dropdown-menu {
        min-width: 125px !important;
    }
}

@media (max-width: 1366px) {
    .email_body .modal-content {
        margin-top: 0;
    }
}

/*Employee Page Starts*/
.col-form-label i.fab {
    vertical-align: -2px;
}

.employee_info_page .btn-save {
    position: absolute;
    bottom: 20px;
}

.employee_info_page .salutation .form-control {
    width: calc(100% - 20px) !important;
    display: inline-block;
}

.employee_info_page .basic_info .image-input {
    position: absolute;
    top: -5px;
}

.form-box-title {
    margin: 0;
    display: inline-block;
    width: auto;
    background-color: var(--white);
    position: relative;
    top: -12px;
    padding: 0 8px;
    font-size: 0.95rem;
}

.employee_info_page .nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.employee_info_page .nav-line-tabs .nav-item .nav-link:hover {
    border-color: transparent;
}

/*.select_employee .modal-dialog{
    max-width: 700px;
}*/
/*.select_employee .modal-dialog .modal-body .modal-table{
    max-height: 350px;
}*/

/*@media(max-width: 1600px){
    .select_employee .modal-dialog{
        max-width: 650px;
    }
    .select_employee .modal-dialog .modal-body .modal-table{
        max-height: 250px;
    }
}
@media(max-width: 1440px){
    .select_employee .modal-dialog{
        max-width: 650px;
    }
}*/
.select_employee .table td:first-child,
.select_employee .table th:first-child,
.select_employee .table tr:first-child {
    padding-left: 15px !important;
}

.select_employee .table td:last-child,
.select_employee .table th:last-child,
.select_employee .table tr:last-child {
    padding-right: 15px !important;
}

/*Employee Page Ends*/

/*Org Chart Start*/

#orgchart {
    width: 100%;
    height: 100%;
    position: relative;
}

#orgchart rect {
    fill: var(--tab-active);
    stroke: 1px;
}

div[data-ctrl-menu] {
    margin: 0;
    height: auto !important;
    opacity: 0.5;
    cursor: pointer;
    transition: var(--transition);
}

div[data-ctrl-menu]:hover {
    opacity: 0.85;
}

div[data-ctrl-menu] hr {
    margin: 5px;
    opacity: 1;
    background-color: var(--text-dark) !important;
}

rect:focus {
    fill: var(--text-dark) !important;
}

.chart-menu {
    left: auto !important;
    right: 71px;
}

.edit-wrapper {
    opacity: 1 !important;
}

.edit-wrapper .edit-photo {
    background-color: var(--tab-active) !important;
}

.edit-photo svg {
    text-align: center;
    margin: 0 auto;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer;
}

.edit-photo svg path {
    transform: scale(0.7);
}

.chart-menu {
    border-radius: 10px;
    border: 1px solid rgba(var(--black-rgba), 0.15);
}

.chart-menu div {
    padding: 8px 20px !important;
}

.chart-menu div:first-child {
    border-radius: 10px 10px 0 0;
}

.chart-menu div:last-child {
    border-radius: 0 0 10px 10px;
}

.chart-menu div svg {
    width: 22px;
    height: 22px;
}

.chart-menu div span {
    font-size: 15px;
    margin-left: 10px;
}

/*Org Chart End*/

.multiple-boxes-sec .multiple-boxes-row {
    -moz-column-width: 40em;
    -webkit-column-width: 40em;
    column-width: 40em;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
    column-gap: 25px;
}

.multiple-boxes-sec .multiple-boxes-row>.multiple-box {
    display: inline-block;
    padding: 0;
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

@media (max-width: 1600px) {
    .multiple-boxes-sec .multiple-boxes-row {
        -moz-column-width: 35em;
        -webkit-column-width: 35em;
        column-width: 35em;
    }
}

@media (max-width: 1440px) {
    .multiple-boxes-sec .multiple-boxes-row {
        -moz-column-width: 30em;
        -webkit-column-width: 30em;
        column-width: 30em;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (max-width: 1024px) {
    .multiple-boxes-sec .multiple-boxes-row {
        -moz-column-width: 50em;
        -webkit-column-width: 50em;
        column-width: 50em;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
}

@media (max-width: 991px) {
    .multiple-boxes-sec .multiple-boxes-row {
        -moz-column-width: auto;
        -webkit-column-width: auto;
        column-width: auto;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
    }
}

/*Work Flow Start*/
.work_flow_page {
    min-height: calc(100vh - 106px);
}

.work_flow_content {
    display: flex;
}

.work_flow_content .flow_type_select {
    position: relative;
}

.work_flow_content .flow_type_select .flow_type_inner {
    margin-left: 25px;
}

.work_flow_content .flow_type_select .flow_type_inner .invalid-feedback {
    text-align: left;
}

.work_flow_content .multilevel .roles_select+.select2-container {
    position: relative;
    margin: 0;
}

.work_flow_content .badge-circle {
    position: relative;
    cursor: pointer;
}

.work_flow_content .badge-circle {}

.work_flow_content.leave_config .badge-circle {
    line-height: 26px;
}

.work_flow_content .multilevel-box .badge-circle {
    min-width: 1.75rem;
    top: 7px;
}

.work_flow_content .badge-circle.bg-secondary {
    cursor: default;
}

.work_flow_content .multiple-box .flow_type_select:first-child {
    margin-top: 0;
}

.work_flow_content .multiple-box .flow_type_select {
    margin-top: 5rem;
}

.work_flow_content .multiple-box .badge-circle:before,
.work_flow_content .multiple-box .flow_type_select:first-child:before {
    position: absolute;
    content: "";
    height: 2.5rem;
    width: 1px;
    background-color: var(--bs-gray-500);
    left: 0;
    right: 0;
    margin: auto;
}

.work_flow_content .multiple-box .flow_type_select:before {
    position: absolute;
    content: "";
    height: 5rem;
    top: -5rem;
    width: 1px;
    background-color: var(--bs-gray-500);
    left: 0;
    right: 0;
    margin: auto;
}

.work_flow_content .multiple-box .flow_type_select .flow_type_line {
    position: relative;
}

.work_flow_content .multiple-box .flow_type_select:first-child .flow_type_line:before {
    content: none;
}

.work_flow_content .multiple-box .badge-circle:before,
.work_flow_content .multiple-box .flow_type_select:first-child:before {
    top: -2.5rem;
}

.work_flow_content .multiple-box .badge-circle.remove_circle {
    line-height: 28px;
    margin-right: 12px;
    position: absolute;
    left: -34px;
    top: 6px;
}

.work_flow_content.leave_config .multiple-box .badge-circle.remove_circle {
    left: auto;
    right: -25px;
    top: -15px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.work_flow_content.leave_config .multiple-box .badge-circle.remove_circle span {
    position: relative;
    top: -2px;
}

.work_flow_content.leave_config .multiple-box .badge-circle.remove_circle span.svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #ffffff;
}

.work_flow_content .multiple-box .badge-circle.remove_circle:before {
    content: none;
}

.work_flow_content .multiple-box .flow_type_select:first-child:before {
    content: none;
}

.work_flow_content .multiple-box .flow_type_select .select2-container {
    width: auto !important;
}

.work_flow_content.leave_config .multiple-box .flow_type_select .select2-container {
    width: 100% !important;
}

.work_flow_content .multilevel-box .flow_type_select+.flow_type_select {
    margin-left: 5rem;
}

.work_flow_content .multilevel-box .flow_type_select:first-child:before {
    content: none;
}

.work_flow_content .multilevel-box .flow_type_select:before {
    position: absolute;
    content: "";
    width: 5rem;
    height: 1px;
    background-color: var(--bs-gray-500);
    left: -5rem;
    top: 0;
    margin: auto;
    bottom: 0;
}

.work_flow_content .multilevel-box .flow_type_select:before {
    bottom: auto;
    top: 40px;
}

.work_flow_content .multilevel-box .flow_type_select .data_multiple {
    position: relative;
}

.work_flow_content .multilevel-box .flow_type_select .data_multiple:before {
    position: absolute;
    content: "";
    height: 2rem;
    width: 1px;
    background-color: var(--bs-gray-500);
    left: 0;
    right: 0;
    top: -2rem;
    margin: 0 auto;
}

.work_flow_content .multilevel-box .select2-container {
    display: flex;
    justify-content: center;
}

.work_flow_notes ul li+li {
    margin-top: 10px;
}

/*Work Flow End*/

.select2-container--default .select2-results>.select2-results__options {
    height: 204px;
    max-height: 204px;
}

.select2-selection__arrow {
    display: none;
}

.sq {
    width: 14px;
    height: 14px;
    margin: 1px;
    padding-top: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 17px;
    margin-top: 3px;
}

.select_box {
    border: 1px solid var(--theme-light-gray);
    min-height: 200px;
}

.select_box .form-check-custom,
.select_box .form-check-custom .form-check-label {
    position: relative;
}

.select_box .form-check-custom .form-check-input[type="radio"] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: transparent;
    border: 0;
}

.select_box .form-check-custom .form-check-input:checked[type="radio"] {
    background-image: none !important;
}

.select_box .form-check,
.select_box .form-check.form-check-custom .form-check-input {
    margin: 0;
}

.select_box .form-check {
    padding: 8px 15px;
}

.select_box .form-check {
    border-bottom: 1px solid var(--bs-gray-200);
}

.select_box .form-check.form-check-solid .form-check-input:checked~label div {
    color: var(--bs-gray-100) !important;
}

/*404 Page Start*/
.not_found_page {
    background-color: #d4d9ed;
    text-align: center;
}

.not_found_main {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.not_found_content {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    margin-top: 0;
    transform: translate(0, -50%);
}

.not_found_content>.title {
    font-weight: 400;
    font-size: 150px;
    color: var(--tab-active);
    position: relative;
    top: -50%;
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    opacity: 0;
}

.not_found_content>.sub_title {
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 3px;
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    opacity: 0;
}

.not_found_content>p,
.not_found_content>.not_found_btn {
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 5px;
    color: var(--theme-color);
    position: relative;
    bottom: -50%;
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    margin-bottom: 30px;
    padding: 0 25px;
    opacity: 0;
}

.not_found_content>.not_found_btn {
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
}

.not_found_content .not_found_btn .btn {
    letter-spacing: 0;
    font-size: 16px;
    margin-top: 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.not_found_content>.btn:hover {
    color: var(--white);
}

.not_found_1 {
    position: absolute;
    width: 300px;
    height: 120%;
    top: 25px;
    right: -340px;
    background-color: var(--theme-color-light);
    box-shadow: 0px 0px 60px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.not_found_2 {
    position: absolute;
    width: 100%;
    height: 300px;
    right: -10%;
    bottom: -100%;
    background-color: var(--theme-color);
    box-shadow: 0px 0px 60px 10px rgba(0, 0, 0, 0.1),
        0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    z-index: 5;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}

.first {
    left: -100%;
}

.second {
    left: -10%;
    top: -100%;
}

.not_found_content_active>.not_found_content>.title,
.not_found_content_active>.not_found_content>.sub_title {
    top: 0%;
    opacity: 1;
}

.not_found_content_active>.not_found_content>p,
.not_found_content_active>.not_found_content>.not_found_btn {
    bottom: 0%;
    opacity: 1;
}

.not_found_content_active>.not_found_2 {
    animation-name: animation_error_2;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    bottom: -301px;
}

.not_found_content_active>.not_found_1 {
    transform: rotate(20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    right: -170px;
    animation-name: animation_error_1;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.not_found_content_active>.first {
    left: -170px;
    top: -10%;
}

.not_found_content_active>.second {
    top: -301px;
}

@media (max-width: 1600px) {
    .not_found_content_active>.first {
        left: -250px;
    }
}

@media (max-width: 1440px) {
    .not_found_content_active>.first {
        left: -275px;
    }
}

@media (max-width: 1024px) {
    .not_found_content_active>.second {
        top: -250px;
    }
}

@media (max-width: 991px) {
    .not_found_content_active>.first {
        left: -335px;
        top: -70px;
    }

    .not_found_content_active>.second {
        top: -250px;
    }

    .not_found_content_active>.not_found_1 {
        right: -300px;
    }
}

@media (max-width: 767px) {
    .not_found_content_active>.not_found_content>.title {
        font-size: 100px;
    }

    .not_found_content>p {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .not_found_content_active>.second {
        left: -50%;
    }

    .not_found_content_active>.first {
        left: -260px;
    }

    .not_found_content_active>.not_found_1 {
        right: -250px;
    }
}

@media (max-width: 475px) {
    .not_found_content_active>.not_found_content>.title {
        font-size: 80px;
    }

    .not_found_content_active>.first {
        left: -350px;
    }

    .not_found_content_active>.not_found_1 {
        right: -300px;
    }

    .not_found_content_active>.not_found_2 {
        bottom: -260px;
        right: -20%;
    }
}

@-webkit-keyframes animation_error_1 {
    from {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    to {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
}

@-o-keyframes animation_error_1 {
    from {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    to {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
}

@-moz-keyframes animation_error_1 {
    from {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    to {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
}

@keyframes animation_error_1 {
    from {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    to {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
}

@-webkit-keyframes animation_error_2 {
    from {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    to {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

@-o-keyframes animation_error_2 {
    from {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    to {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

@-moz-keyframes animation_error_2 {
    from {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    to {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

@keyframes animation_error_2 {
    from {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    to {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

/*404 Page Ends*/

/*Thank you page Start*/
@media (max-width: 1024px) {
    .thankyou_page .title {
        font-size: 100px;
    }

    .thankyou_page p {
        font-size: 20px;
        letter-spacing: 2px;
    }
}

@media (max-width: 767px) {
    .thankyou_page .not_found_content_active>.not_found_content>.title {
        font-size: 55px;
    }

    .thankyou_page p {
        font-size: 16px;
        letter-spacing: 1px;
    }
}

/*Thank you page Ends*/

/*Forbidden page Starts*/
.forbidden_page .not_found_content .title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--tab-active);
}

.forbidden_page .not_found_content .title img {
    margin: 0 25px;
}

.forbidden_page .not_found_content .errorImg.opacity-1 {
    transition-property: opacity;
    transition-duration: 0.25s;
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
}

@media (max-width: 1280px) {
    .forbidden_page .not_found_content .errorImg {
        max-width: 375px;
        margin-bottom: 15px;
    }

    .not_found_content>.sub_title {
        font-size: 26px;
    }

    .not_found_content>p,
    .not_found_content>.not_found_btn {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

/*Forbidden page Ends*/

/*Profile Interview Page Start*/
.dashboard_page .box-title {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.dashboard_page .box-title i {
    opacity: 0.5;
    cursor: pointer;
}

.profile_interview .profile_box {
    font-size: 17px;
}

.profile_interview .content_box .btn-outline {
    cursor: default;
}

.profile_interview .profile_box .profile_box_link {
    font-size: 16px;
    font-weight: 500;
}

.profile_interview .profile_box .profile_box_link:hover .btn-icon {
    background-color: var(--btn-dark);
}

.profile_interview .profile_box .profile_box_link:hover .btn-icon svg {
    fill: var(--white);
}

.profile_interview .profile_box .profile_box_link .btn-icon {
    height: 25px;
    width: 25px;
    border-radius: 3px;
    margin-left: 5px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.profile_interview .profile_box .profile_box_link .btn-icon svg {
    height: 1.25rem !important;
    width: 1.25rem !important;
    fill: var(--btn-dark);
}

.profile_interview .profile_box .radio-inline .form-check-label div {
    font-size: 16px;
}

.final_status .box-title {
    text-align: right;
}

.final_status .radio-inline {
    text-align: center;
}

@media (max-width: 1440px) {

    .profile_interview .profile_box .box-title,
    .profile_interview .profile_box .profile_compl,
    .profile_interview .profile_box .radio-inline .form-check-label div {
        font-size: 14px;
    }

    .profile_interview .profile_box a.profile_box_link {
        font-size: 13px;
    }

    .profile_interview .profile_box .btn-light-primary {
        font-size: 16px;
    }

    .final_status .box-title {
        text-align: center;
    }

    .final_status .radio-inline {
        text-align: left;
    }
}

/*Profile Interview Page Ends*/

/*Dashboard Start*/
.widget {
    overflow: hidden;
}

.dashboard_page .card {
    background-color: var(--white);
    border: 1px solid var(--border-color);
}

/*Dashboard Grid Autoadjust Starts*/
.grid {
    max-width: 100%;
}

.grid:after {
    content: "";
    display: block;
    clear: both;
}

.grid-sizer,
.grid-item {
    padding: 0 10px;
}

/*.grid-item {width: 33%; padding: 0 10px;}*/
/*.box-1{width: 66%;}
        .box-2{width: 33%;}*/

.dashboard_page .card-columns {
    column-count: 3;
    column-gap: 25px;
}

.dashboard_page .card-columns .card-col {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
}

@media (max-width: 1024px) {
    .dashboard_page .card-columns {
        column-count: 2;
        column-gap: 25px;
    }
}

/*Dashboard Grid Autoadjust Ends*/

.dash_top_row .custom-col {
    flex: 0.4 0 0%;
}

/*
.intranet {
    background: linear-gradient(110deg, #fc6076, #ff9a44);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.intranet textarea {
    padding-bottom: 50px;
}

.intranet .intranet_textarea {
    position: relative;
}

.intranet .intranet_textarea .photo_video {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.intranet .card .card-body .card-content {
    font-size: 16px;
}

@media(max-width: 1440px) {
    .intranet .card .card-body .card-content {
        font-size: 14px;
    }
} */
.displayModal_body img {
    max-width: 100%;
}

/*Widget Loader Start*/
.widget-aside {
    position: relative;
    min-height: 100px;
}

#clockWidget {
    position: relative;
    z-index: 1;
}

.loader-spin {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: rgba(255, 255, 255, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.w-loader_inner {
    width: 6rem;
    height: 6rem;
    position: relative;
}

.double-pulse {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 100%;
    background-color: var(--theme-color);
    opacity: 0.4;
    -webkit-animation: double-pulse 1.5s infinite ease-out;
    animation: double-pulse 1.5s infinite ease-out;
}

.double-pulse:nth-of-type(2) {
    -webkit-animation-delay: -450ms;
    animation-delay: -450ms;
}

@keyframes double-pulse {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/*Widget Loader Ends*/

/*Calander Start*/
.event {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: #3d8eb9;
}

.event.weekoff {
    background: var(--bs-primary);
    opacity: 0.6;
}

#get_week_off_days {
    color: var(--bs-primary);
}

.event.holiday {
    background: #f64747;
}

#location_denied {
    display: none;
}

.flatpickr-months .flatpickr-month {
    height: 40px;
    display: flex;
    align-items: center;
}

.flatpickr-current-month input.cur-year {
    padding: 0.5rem 0.55rem;
}

.dash_calander+.flatpickr-calendar.inline {
    width: 100%;
    height: 100%;
    box-shadow: var(--shadow-thin);
    -webkit-box-shadow: var(--shadow-thin);
    -moz-box-shadow: var(--shadow-thin);
    -ms-box-shadow: var(--shadow-thin);
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-weekday {
    max-width: 13.2857143%;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day {
    max-width: 13.2857143%;
    max-height: 13.2857143%;
    width: 13.2857143%;
    height: 13.2857143%;
    line-height: 42px;
    border-radius: 50%;
    position: relative;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-weekdays .flatpickr-weekdaycontainer {
    justify-content: space-between;
}

@media (min-width: 1601px) {
    .dash_calander+.flatpickr-calendar.inline .flatpickr-months {
        padding: 0.5rem 1.4rem;
    }
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-months {
    padding: 0.5rem 1rem;
    margin: 0;
    align-items: center;
    /*background-color: var(--theme-color-light);*/
    border-radius: 5px 5px 0 0;
}

.numInputWrapper span {
    opacity: 1;
}

.numInputWrapper span:after {
    left: 10px;
}

.numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--text-secondary) !important;
}

.numInputWrapper span.arrowDown:after {
    border-top-color: var(--text-secondary) !important;
}

.numInputWrapper span.arrowDown:after:hover {
    border-bottom-color: var(--text-secondary) !important;
}

.numInputWrapper span.arrowDown:after:hover {
    border-top-color: var(--text-secondary) !important;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month {
    order: 1;
    text-align: left;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month {
    padding: 0;
    left: 0;
    text-align: left;
    display: flex;
    align-items: center;
    width: 100%;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
    padding: 0;
    /*color: var(--white);*/
    margin-right: 10px;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month,
.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {
    position: static;
    order: 2;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 2px 3px;
    background-color: rgba(var(--black-rgba), 0.05);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month:hover,
.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month:hover {
    /*background-color: var(--tab-active);*/
    background-color: rgba(var(--black-rgba), 0.25);
}

/*  .dash_calander + .flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month svg,
    .dash_calander + .flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month svg{
        fill: var(--white);
    }*/
.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
    padding: .5rem .75rem;
    margin: 0;
    background-color: transparent;
    /*color: var(--white);  */
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-innerContainer {
    padding: 0 !important;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day {
    position: relative;
    background-color: transparent;
    transition: all 0.05s ease-in-out;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day:hover {
    color: var(--text-dark);
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day:before {
    background-image: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day:hover:before {
    background-color: transparent;
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background-color: var(--btn-dark);
    color: var(--white);
    border-radius: 50%;
    left: -1px;
    right: 0;
    margin: auto;
    z-index: -1;
    background-color: var(--theme-color-light);
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day.today,
.dash_calander+.flatpickr-calendar.inline .flatpickr-day.today.selected {
    position: relative;
    z-index: 1;
    color: var(--text-dark);
    background-color: transparent;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day.today:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    color: var(--text-dark);
    border-radius: 50%;
    left: -1px;
    right: 0;
    margin: auto;
    z-index: -1;
    background-color: var(--theme-color-light);
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day.selected {
    color: #7e8299;
}

.dash_calander+.flatpickr-calendar.inline .flatpickr-day.selected:hover {
    color: var(--text-dark);
}

@media (max-width: 1600px) {

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-weekday {
        font-size: 13px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-weekday,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-day {
        line-height: 35px;
    }

    body[data-kt-aside-minimize="on"] .dash_calander+.flatpickr-calendar.inline .flatpickr-day.today:before {
        left: 0;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day.today:before,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-day:hover:before {
        width: 35px;
        height: 35px;
        left: -2px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day:hover:before .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {
        padding: 7px;
        width: 25px;
        height: 25px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
        padding: 8px;
        font-size: 14px;
    }
}

@media (max-width: 1440px) {

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-weekday {
        font-size: 12px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day.today:before,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-day:hover:before {
        width: 28px;
        height: 28px;
        left: -1.5px;
    }

    body[data-kt-aside-minimize="on"] .dash_calander+.flatpickr-calendar.inline .flatpickr-day.today:before {
        left: 0px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-weekday,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-day {
        line-height: 30px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
        font-size: 13px;
    }
}

@media (max-width: 991px) {

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-weekday {
        font-size: 10px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {
        padding: 6px;
        width: 20px;
        height: 20px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-months {
        margin: 0 auto;
        max-width: 450px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-innerContainer {
        padding: 0 0.5rem;
        justify-content: center;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-day.today:before {
        width: 26px;
        height: 26px;
    }

    .dash_calander+.flatpickr-calendar.inline .flatpickr-weekday,
    .dash_calander+.flatpickr-calendar.inline .flatpickr-day {
        line-height: 26px;
    }
}

/*Calander End*/

/*Employee info Start*/
.dash_emply_info .dash_emply_img .emply_img img {
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.dash_emply_info .dash_emply_img .dash_social {
    text-align: center;
    padding: 0;
    margin: 5px 0;
}

.dash_emply_info .dash_emply_img .dash_social li {
    display: inline-block;
}

.dash_emply_info .dash_emply_img .dash_social li a {
    height: 25px;
    width: 25px;
    line-height: 29px;
    border-radius: 5px;
    display: block;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dash_emply_info .dash_social li a:hover {
    /*background-color: rgba(var(--black-rgba), 0.07);*/
    opacity: 1;
}

.dash_emply_info .dash_social li a i {
    font-size: 18px;
    line-height: 100%;
}

.dash_emply_info .dash_social li+li {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid var(--theme-light-gray);
}

.dash_emply_info .dash_emply_content.wave {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.dash_emply_info .dash_emply_content.wave:before {
    position: absolute;
    content: "";
    background-image: url("../images/wave.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.25;
}

.dash_emply_info .dash_emply_content.wave .emply_name,
.dash_emply_info .dash_emply_content.wave .emply_deg {
    position: relative;
}

.dash_emply_info .dash_emply_details {
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
}

.dash_emply_info .dash_emply_details .emply_details_item {
    width: calc(50% - 20px);
    margin-right: 20px;
}

@media (max-width: 1600px) {
    .dash_emply_info .dash_emply_details {
        font-size: 13px;
    }

    .dash_emply_info .dash_social li+li {
        margin-left: 0;
        padding-left: 5px;
    }

    .dash_emply_info .dash_emply_img .dash_social li a {
        width: 30px;
    }

    .dash_emply_info .dash_emply_img .dash_social li a {
        width: 30px;
    }
}

@media (max-width: 1440px) {
    .dash_emply_info .dash_social li+li {
        margin-left: 3px;
        padding-left: 3px;
    }
}

/* 23-05-200 Start */
@media (max-width: 1024px) {
    .dash_emply_info .dash_emply_details .emply_details_item {
        width: calc(50% - 60px);
    }
}

@media (max-width: 991px) {
    .dash_emply_info .dash_emply_details .emply_details_item {
        width: calc(100% - 0px);
        margin-right: 10px;
    }
}

/* 23-05-200 End */

/*Employee info End*/

/*Birthday Widgets Start*/
.dash_bday .today_wish .tw-title,
.dash_bday .today_wish .tw-date {
    font-size: 14px;
}

.dash_bday .nav-tabs {
    border-bottom: 0;
    border-top: 0;
    font-size: 14px;
}

.dash_bday .nav-tabs .nav-item {
    max-width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    text-align: center;
    display: flex;
    min-height: 52px;
}

.dash_bday .nav-tabs .nav-item .nav-link {
    font-weight: 500;
    color: var(--text-gray);
    padding: 0 10px !important;
    margin: 0 auto;
    border-radius: 0.475rem;
    line-height: 125%;
    display: inline-block;
    width: 100%;
    border: 1px solid #f2f2f2;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.dash_bday .nav-tabs .nav-item .nav-link:hover {
    background-color: rgba(var(--theme-color-rgb), 0.15) !important;
    color: var(--theme-color);
}

.dash_bday .nav-tabs .nav-item.show .nav-link,
.dash_bday .nav-tabs .nav-link.active,
.dash_bday .nav-tabs .nav-link:active {
    /*background-image: linear-gradient(to bottom, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);*/
    background-color: rgba(var(--theme-color-rgb), 0.15) !important;
    outline: none;
    font-weight: 500;
    color: var(--text-dark);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    border: 1px solid rgba(var(--theme-color-rgb), 0.15);
}

.dash_bday .nav-tabs .nav-link span.shadow-btn {
    position: absolute !important;
    top: 5px;
    right: 5px;
    border-radius: 3px;
    background-color: var(--bg-light-primary);
    color: var(--text-dark);
    line-height: 100%;
    font-size: 11px;
    padding: 2px 4px;
}

.dash_bday .nav-tabs .nav-link.active span {
    background-color: rgba(var(--bs-danger-rgb), 0.05) !important;
}

.dash_bday .tab-content .symbol-group .symbol {
    margin-left: -15px;
    width: 35px;
    height: 35px;
}

.dash_bday .tab-content .symbol-group .symbol img,
.dash_bday .tab-content .symbol-group .symbol .symbol-label {
    width: 100%;
    height: 100%;
}

/* .dash_bday_today .dash_bday_des {
    max-width: 200px;
}

@media (max-width: 1440px) {
    .dash_bday_today .dash_bday_des {
        max-width: 175px;
    }
} */

@media (max-width: 1600px) {
    .dash_bday .tab-content .symbol-group .symbol {
        width: 32px;
        height: 32px;
        margin-left: -13px;
    }
}

@media (max-width: 1440px) {
    .dash_bday .tab-content .symbol-group .symbol {
        width: 28px;
        height: 28px;
    }

    .dash_bday .tab-content .symbol-group .symbol {
        margin-left: -10px;
    }

    .dash_bday .tab-content .symbol-group .symbol .symbol-label {
        font-size: 11px;
        line-height: 28px;
    }

    .dash_bday .nav-tabs {
        font-size: 12px;
    }
}

/*Birthday Widgets Ends*/

/*Quote Widgets Starts*/
.daily-quote {
    padding: 10px 10px 10px 50px;
    border-radius: 5px;
    position: relative;

}

.daily-quote p {
    text-align: justify;
    line-height: 125%;
    color: var(--bs-gray-600);
}

.daily-quote:before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    display: inline-block;
    opacity: 0.05;
    background-size: cover;
}

.daily-quote:before {
    background-image: url(../images/quote-left.svg);
    top: -4px;
    left: 3px;
}

/*Quote Widgets Ends*/

/*Boradcast Widgets Starts*/
.boradcast-item+.boradcast-item {
    margin-top: 20px;
}

.boradcast-box {
    background-image: linear-gradient(180deg, #b8c6db 0%, #f5f7fa 100%);
}

.boradcast .br_ct_date .date-box {
    padding: 12px;
    width: 80px;
    height: 80px;
}

.boradcast .br_ct_date .date-box .br_ct_day {
    font-size: 28px;
}

.boradcast .br_ct_date {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
}

.boradcast .br_ct_content {
    margin: 0 15px;
    flex: 0 0 calc(100% - 220px);
}

.boradcast .br_ct_content .br_ct_title {
    font-size: 16px;
    line-height: 125%;
    max-height: 43px;
    overflow: hidden;
}

.boradcast .br_ct_content .br_ct_des {
    font-size: 14px;
}

.boradcast .br_ct_content .expand-toggle {
    font-size: 14px;
}

.expander {
    position: relative;
    overflow: hidden;
    max-height: 65px;
    transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    margin-bottom: 5px;
}

.boradcast .br_ct_img {
    flex: 0 0 110px;
}

.boradcast .br_ct_img .overlay .overlay-wrapper {
    width: 50px;
    height: 50px;
}

@media (max-width: 1600px) {
    body[data-kt-aside-minimize="on"] .boradcast .br_ct_date {
        transform: scale(1);
        transform-origin: center center;
        height: 80px;
        width: 80px;
        flex: 0 0 80px;
    }

    .boradcast .br_ct_date {
        transform: scale(0.8);
        transform-origin: top left;
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

    .boradcast .br_ct_date .date-box {
        padding: 10px;
    }

    .boradcast .br_ct_content .br_ct_title {
        font-size: 15px;
        max-height: 40px;
        min-height: 30px;
        display: flex;
    }

    .boradcast .br_ct_content .br_ct_des {
        font-size: 14px;
        line-height: 125%;
    }

    .boradcast .br_ct_content .expand-toggle {
        font-size: 13px;
    }

    .expander {
        max-height: 55px;
        margin-bottom: 0;
    }
}

@media (max-width: 1440px) {

    .daily-quote p,
    .daily-quote b {
        font-size: 14px;
    }

    .boradcast .br_ct_content {
        margin: 0 10px;
    }

    body[data-kt-aside-minimize="on"] .boradcast .br_ct_date {
        width: 70px;
        height: 70px;
        flex: 0 0 70px;
    }

    .boradcast .br_ct_date {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
    }

    body[data-kt-aside-minimize="on"] .boradcast .br_ct_date .date-box {
        padding: 8px;
        width: 70px;
        height: 70px;
    }

    .boradcast .br_ct_date .date-box {
        width: 70px;
        height: 70px;
    }

    .boradcast .br_ct_date .date-box .br_ct_day {
        font-size: 24px;
    }

    .boradcast .br_ct_date .date-box .br_ct_month,
    .boradcast .br_ct_date .date-box .br_ct_year {
        font-size: 12px;
        line-height: 120%;
    }

    .boradcast .br_ct_img {
        flex: 0 0 75px;
    }

    .boradcast .br_ct_img .overlay .overlay-wrapper {
        width: 35px;
        height: 35px;
    }

    .boradcast .br_ct_content .br_ct_title {
        font-size: 14px;
        line-height: 115%;
        max-height: 33px;
    }

    .boradcast .br_ct_content .br_ct_des,
    .boradcast .br_ct_content .expand-toggle {
        font-size: 13px;
        line-height: 115%;
    }

    .expander {
        max-height: 43px;
        margin-bottom: 0px;
    }
}

@media (max-width: 1024px) {
    .boradcast .br_ct_content {
        flex: auto;
    }

    .boradcast .br_ct_content .br_ct_des,
    .boradcast .br_ct_content .expand-toggle {
        line-height: 140%;
    }
}

/*Boradcast Widgets Ends*/

/*Mission & Vision Widgets Starts*/
.mis-vis .mis-vis_title {
    font-size: 16px;
    font-weight: 500;
}

.mis-vis .vision,
.mis-vis .mission {
    background-position: right top;
    background-size: 30% auto;
    background-repeat: no-repeat;
}

.mis-vis .vision {
    background-image: url(../images/abstract-4.svg);
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;

}

.mis-vis .mission {
    background-image: url(../images/abstract-1.svg);
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.mis-vis p,
.mis-vis p span {
    background-color: transparent !important;
    line-height: 150% !important;
    font-size: 14px !important;
}

.mis-vis .tab-pane ul li {
    position: relative;
}

.mis-vis .tab-pane ul li:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background-color: var(--white);
    border-radius: 50%;
    top: 10px;
    left: -22px;
    z-index: 1;
}

.mis-vis .tab-pane ul li:after {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;

    border-radius: 50%;
    top: 7px;
    left: -25px;
}

.mis-vis .vision .tab-pane ul li:after {
    background-color: #009ef7;
    opacity: 0.5;
}

.mis-vis .mission .tab-pane ul li:after {
    background-color: rgba(var(--theme-color-rgba), 0.5);
}

/*Mission & Vision Widgets Ends*/

/*Workflow Dashboard Widgets Starts*/
.dash_workflow .pending_count {
    font-size: 32px;
}

.dash_workflow .card-body {
    position: relative;
    z-index: 1;
}

.dash_workflow .card-body:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/abstract-2.svg);
    background-repeat: no-repeat;
    background-position: bottom right 0;
    background-size: contain;
    opacity: 0.15;
    z-index: -1;
}

.dash_workflow .card-body ul {
    margin: 0;
    padding-left: 5px;
}

.dash_workflow .card-body ul li {
    display: block;
    color: var(--bs-gray-800);
    line-height: 125%;
}

.dash_workflow .card-body ul li span {
    display: inline-block;
    font-size: 14px;
    color: var(--bs-gray-800);
}

.dash_workflow .card-body ul li+li {
    margin-top: 0px;
}

.dash_workflow .card-body .count {
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
}

@media (max-width: 1600px) {
    .dash_workflow .row {
        justify-content: start;
    }

    .dash_workflow .row .col {
        flex: 0 0 auto;
        width: 50%;
    }

    .dash_workflow .card-body ul {
        padding-left: 5px;
    }

    .dash_workflow .card-body ul li {
        line-height: 125%;
    }

    .dash_workflow .card-body ul li span {
        font-size: 14px;
    }

    .symbol.symbol-65px .symbol-label {
        width: 45px;
        height: 45px;
        font-size: 26px;
    }

    body[data-kt-aside-minimize="on"] .symbol.symbol-65px .symbol-label {
        width: 45px;
        height: 45px;
        font-size: 26px;
    }

    body[data-kt-aside-minimize="on"] .dash_workflow .card-body ul {
        padding-left: 5px;
    }
}

@media (max-width: 1440px) {
    .dash_workflow .col {
        flex: 0 0 auto;
        width: 50%;
    }

    .symbol.symbol-65px .symbol-label {
        width: 65px;
        height: 65px;
        font-size: 26px;
    }

    body[data-kt-aside-minimize="on"] .symbol.symbol-65px .symbol-label {
        width: 65px;
        height: 65px;
        font-size: 26px;
    }

    body[data-kt-aside-minimize="on"] .dash_workflow .card-body ul,
    .dash_workflow .card-body ul {
        padding-left: 15px !important;
    }

    .dash_workflow .card-body ul li span {
        font-size: 15px;
    }

    .dash_workflow .card-body ul li {
        line-height: 150%;
    }
}

@media (max-width: 1440px) {

    body[data-kt-aside-minimize="on"] .dash_workflow .card-body ul,
    .dash_workflow .card-body ul {
        padding-left: 5px !important;
    }

    .dash_workflow .card-body ul li span {
        font-size: 13px;
    }
}

/*Workflow Dashboard Widgets Ends*/

/*Attendance Widget Clock Starts*/
.dash_attendance {
    position: relative;
    z-index: 99;
}

.dash_attendance .clock {
    display: flex;
    height: 50px;
    overflow: hidden;
    position: relative;
    font-weight: 300;
    opacity: 0.5;
}

.dash_attendance .clock .clock_col {
    float: left;
    height: 100%;
    margin: 0 -5px 0 0;
    position: relative;
}

.dash_attendance .clock .clock_col:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.dash_attendance .clock span {
    font-size: 50px;
    color: var(--text-dark);
    display: block;
    width: 35px;
    word-break: break-all;
    word-break: break-word;
}

.dash_attendance .clock .d,
.dash_attendance .clock .per {
    position: relative;
    top: 0;
    transition: top 1000ms ease-in-out;
    -webkit-transition: top 1000ms ease-in-out;
    -moz-transition: top 1000ms ease-in-out;
    -ms-transition: top 1000ms ease-in-out;
}

.dash_attendance .clock .d:before {
    content: " 0 1 2 3 4 5 6 7 8 9 ";
    position: absolute;
    top: -7px;
    text-align: center;
    text-shadow: 2px 1px 3px rgba(var(--black-rgba), 0.45);
}

.dash_attendance .clock .d1 {
    top: -1.5em;
}

.dash_attendance .clock .d2 {
    top: -3em;
}

.dash_attendance .clock .d3 {
    top: -4.5em;
}

.dash_attendance .clock .d4 {
    top: -6em;
}

.dash_attendance .clock .d5 {
    top: -7.5em;
}

.dash_attendance .clock .d6 {
    top: -9em;
}

.dash_attendance .clock .d7 {
    top: -10.5em;
}

.dash_attendance .clock .d8 {
    top: -12em;
}

.dash_attendance .clock .d9 {
    top: -13.5em;
}

.dash_attendance .clock .c {
    width: 0.7em;
    font-size: 35px;
    color: #777;
    text-align: center;
    line-height: 150%;
}

.dash_attendance .clock .per {
    width: 2.2em;
    font-size: 25px;
    text-align: center;
    top: 10px;
}

.dash_attendance .clock .per:before {
    content: " AM PM ";
    text-shadow: 1px 0px 3px rgba(var(--black-rgba), 0.5);
}

.dash_attendance .clock .per.pm {
    top: -1.15em;
}

.dash_attendance .status {
    justify-content: space-between;
    margin: -15px 0 10px;
}

.dash_attendance .status .status_title {
    font-size: 30px;
    font-weight: 300;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.dash_attendance #clock {
    justify-content: space-around;
}

.dash_attendance #clock .unit {
    font-size: 30px;
    font-weight: 300;
}

.dash_attendance .shift .shift_title,
.dash_attendance .dash_loc .dash_loc_title {
    font-size: 14px;
}

.dash_attendance .shift .dropdown-menu li {
    margin: 0 15px;
}

.dash_attendance .shift .dropdown-menu li+li {
    border-top: 1px solid rgba(var(--black-rgba), 0.25) !important;
}

.dash_attendance .shift .dropdown-menu li:first-child {
    padding-top: 0 !important;
}

.dash_attendance .shift .dropdown-menu li:last-child {
    padding-bottom: 0 !important;
}

.dash_attendance .legend_lateEarly {
    position: relative;
    z-index: 1;
    min-width: 73px;
}

.dash_attendance .legend_lateEarly:before {
    position: absolute;
    content: "";
    background-color: var(--lateEarly);
    z-index: -1;
    top: -3px;
    bottom: -3px;
    left: -5px;
    right: -5px;
    border-radius: 5px;
    margin: 0 auto;
}

.dash_attendance .checkInOut .dropdown-menu {
    max-height: 220px;
}

.dash_attendance .dash_loc .dash_map {
    margin-top: 10px;
}

@media (max-width: 1600px) {
    body[data-kt-aside-minimize="on"] .dash_attendance .status .status_title {
        font-size: 24px;
    }

    .dash_attendance .status .status_title {
        font-size: 18px;
    }

    .dash_attendance #clock {
        max-width: 135px;
        margin: 0 auto;
    }

    .dash_attendance #clock .unit {
        font-size: 22px;
    }

    .dash_attendance .shift .shift_title,
    .dash_attendance .dash_loc .dash_loc_title,
    .dash_attendance .shift span {
        font-size: 14px;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }

    body[data-kt-aside-minimize="on"] .dash_attendance .shift .shift_title,
    body[data-kt-aside-minimize="on"] .dash_attendance .dash_loc .dash_loc_title,
    body[data-kt-aside-minimize="on"] .dash_attendance .shift span {
        font-size: 16px;
    }

    .dash_attendance .dash_loc p {
        font-size: 12px;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }

    body[data-kt-aside-minimize="on"] .dash_attendance .dash_loc p {
        font-size: 15px;
    }
}

@media (max-width: 1440px) {
    .dash_attendance #clock .unit {
        font-size: 20px;
    }

    body[data-kt-aside-minimize="on"] .dash_attendance .status .status_title {
        font-size: 19px;
    }

    .dash_attendance .status .status_title {
        font-size: 16px;
    }

    .dash_attendance .shift .shift_title,
    .dash_attendance .dash_loc .dash_loc_title,
    .dash_attendance .shift span {
        font-size: 12px;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }

    body[data-kt-aside-minimize="on"] .dash_attendance .shift .shift_title,
    body[data-kt-aside-minimize="on"] .dash_attendance .dash_loc .dash_loc_title,
    body[data-kt-aside-minimize="on"] .dash_attendance .shift span {
        font-size: 14px;
    }

    .dash_attendance #clock {
        max-width: 110px;
    }
}

@media (max-width: 1024px) {
    .dash_attendance .clock .per {
        font-size: 20px;
    }
}

/*Attendance Widget Clock Starts*/

/*Leave Widget Starts*/
.dash_leave .leave_content .leave_tab a+a {
    margin-left: 15px;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_day {
    margin-right: -6px;
    font-size: 18px;
    font-weight: 500;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date span sup {
    font-size: 11px;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_btn {
    border: 0;
    padding: 0;
    background: transparent;
    outline: none;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_btn .badge {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_btn:focus .badge,
.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_btn:active .badge {
    background-color: var(--tab-active) !important;
    color: var(--white) !important;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table td:first-child,
.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table th:first-child,
.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table td tr:first-child {
    padding-left: 15px !important;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table td:last-child,
.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table th:last-child,
.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table td tr:last-child {
    padding-right: 15px !important;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table th,
.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .table td {
    padding: 0.5rem;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .dropdown-menu {
    position: relative;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    min-width: 375px;
}

.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .alert {
    padding: 5px 15px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

/*.dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_show:hover .dropdown-menu{
    display: block !important;
    position: absolute;
}
*/

@media (max-width: 1600px) {
    .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_day {
        font-size: 16px;
        font-weight: 500;
    }
}

@media (max-width: 1366px) {
    body[data-kt-aside-minimize="on"] .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .alert {
        padding: 5px 10px;
    }

    .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .alert {
        padding: 5px 8px;
    }

    body[data-kt-aside-minimize="on"] .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .alert small {
        font-size: 14px;
    }

    .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .alert small {
        font-size: 12px;
    }

    body[data-kt-aside-minimize="on"] .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_day {
        font-size: 14px;
    }

    .dash_leave .whoIsOnLeave .onleave_sec .onleave_date .onleave_day {
        font-size: 13px;
        font-weight: 500;
    }

    .dash_leave .whoIsOnLeave .onleave_sec .onleave_date span sup {
        font-size: 8px;
    }

    @media (max-width: 1024px) {
        .leave_bal {}
    }
}

/*Leave Widget Ends*/

/*Suggestion Widgets Start*/
.dash_suggestion .dash_sugg_msg_box {
    margin: 0;
    padding: 5px 12px;
    border-bottom: 1px solid var(--border-color);
    position: absolute;
    top: 0;
    width: 100%;
}

.dash_suggestion .dash_sugg_msg_box+textarea {
    padding-top: 40px;
}

.dash_suggestion .dash_sugg_msg_box li {
    display: inline-block;
}

.dash_suggestion .dash_sugg_msg_box li+li {
    margin-left: 15px;
}

.dash_suggestion .attachment_file {
    position: relative;
}

.dash_suggestion .attachment_file .custom-file {
    width: calc(100% - 30px);
    padding-right: 90px;
}

.dash_suggestion .attachment_file .custom-file .custom-file-label {
    width: 100%;
}

.dash_suggestion .attachment_file.attach_class .custom-file {
    width: calc(100% - 50px);
}

.dash_suggestion .attachment_file.attach_class #remove_attach_suggestion {
    position: absolute;
    top: 8px;
    right: 19px;
}

.dash_suggestion .attachment_file .info-popover {
    position: absolute;
    top: 11px;
    right: 0;
}

/*Suggestion Widgets End*/

/*Welcome aboard Widget Start*/
.dash_wel_aboard .emply_name {
    display: flex;
    white-space: nowrap;
    /* left: -30%; */
    justify-content: center;
    position: relative;
}

.dash_wel_aboard .dash_desg {
    display: flex;
    white-space: nowrap;
    justify-content: center;
}

.dash_wel_aboard .swiper {
    max-width: 350px;
    width: 100%;
    position: relative;
}

.dash_wel_aboard .swiper:before,
.dash_wel_aboard .swiper:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 60%;
    z-index: 9;
    top: 0;
}

.dash_wel_aboard .swiper:before {
    left: 0;
    background: -moz-linear-gradient(left,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.dash_wel_aboard .swiper:after {
    right: 0;
    background: -moz-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 80%,
            rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 80%,
            rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 80%,
            rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.dash_wel_aboard .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 150px;
    height: 300px;
}

.dash_wel_aboard .swiper-slide .aboard_name {
    opacity: 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.dash_wel_aboard .swiper-slide.swiper-slide-active .aboard_name {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.dash_wel_aboard .swiper-slide img {
    display: block;
    width: 100%;
}

.dash_wel_aboard .aboard_name i {
    position: absolute;
    width: calc(100% + 200px);
    left: -100px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.dash_wel_aboard .nav-tabs {
    border-bottom: 0;
    border-top: 1px solid var(--border-color);
    background-color: rgba(var(--bs-info-rgb), 0.05) !important;
    border-radius: 10px;
    padding: 0 20px;
}

.dash_wel_aboard .nav-tabs .nav-item .nav-link {
    border-radius: 0 0 0.475rem 0.475rem;
    color: var(--bs-gray-700);
    outline: none;
    border: 0;
    font-size: 14px;
}

.dash_wel_aboard .nav-tabs .nav-item .nav-link:hover,
.dash_wel_aboard .nav-tabs .nav-item .nav-link:focus {
    border: 0;
    outline: none;
}

.dash_wel_aboard .nav-tabs .nav-item .nav-link.active {
    border-color: var(--white) var(--border-color) var(--border-color);
    color: var(--bs-dark);
    font-weight: 500;
    border: 0;
    background-color: transparent;
}

.dash_wel_aboard .no_board {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.dash_wel_aboard .no_board span {
    margin-top: -20px;
    background-color: rgba(249, 249, 249, 0.5);
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 9%), 0 6px 6px rgb(0 0 0 / 3%) !important;
}

@media (max-width: 1366px) {
    .dash_wel_aboard .swiper-slide {
        width: auto;
    }

    .dash_wel_aboard .nav-tabs .nav-item .nav-link {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .dash_wel_aboard .swiper {
        width: 295px;
    }
}

/*Welcome aboard Widget Ends*/

/*Employee Directory Widgets Starts*/
.dash_emply_dirc .dash_emply_img .emply_name .btn {
    position: relative;
    margin: 0 -50px 0 15px;
}

.dash_emply_dirc .dash_emply_details {
    flex-wrap: nowrap;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: var(--shadow-thin);
    background-color: var(--bs-gray-100);
}

.dash_emply_info.dash_emply_dirc .emply_details_item {
    width: 100%;
    margin-right: 0;
}

/*Employee Directory Widgets Ends*/

/*Widget Setting Starts*/
.widget_setting {
    position: fixed;
    top: 55px;
    right: -400px;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.modal-open .widget_setting {
    z-index: 999;
}

.widget_setting.expand {
    right: 0;
    z-index: 9999;
}

.widget_setting .w-s_btn {
    border-radius: 25px 0 0 25px;
    position: absolute;
    left: -45px;
    top: 19px;
    border: 2px solid var(--theme-color);
}

.widget_setting .w-s_btn i {
    line-height: 130%;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.widget_setting .w-s_btn i:before {
    content: none;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.widget_setting .w-s_list {
    border-radius: 10px 10px 10px 10px;
}

.widget_setting .w-s_list .page_content {
    padding: 0 0 20px;
}

.widget_setting .w-s_list ul li {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-left: none;
    align-items: center;
    padding-right: 11px;
}

@media(max-width:1199px) {
    .widget_setting .w-s_list ul li {
        padding-right: 15px;
    }
}

.widget_setting .w-s_list ul li .widget-name {
    font-size: 13px;
    font-weight: 500;
}

.widget_setting .w-s_list ul li .form-switch {
    transform: scale(0.8);
    cursor: pointer;
}

.widget_setting .w-s_list li+li {
    margin-top: 5px;
    border-top: 1px solid #f2f2f2 !important;
}

.widget_setting .w-s_list ul li:nth-child(6n + 1) {
    border-color: var(--bs-blue);
}

.widget_setting .w-s_list ul li:nth-child(6n + 2) {
    border-color: var(--bs-warning);
}

.widget_setting .w-s_list ul li:nth-child(6n + 3) {
    border-color: var(--bs-danger);
}

.widget_setting .w-s_list ul li:nth-child(6n + 4) {
    border-color: var(--bs-success);
}

.widget_setting .w-s_list ul li:nth-child(6n + 5) {
    border-color: var(--bs-info);
}

.widget_setting .w-s_list ul li:nth-child(6n + 6) {
    border-color: var(--bs-gray-700);
}

.widget_setting .w-s_list .noWidget {
    max-width: 90%;
    opacity: 0.7;
}

.widget_setting .w-s_list .noWidget i {
    font-size: 50px;
    margin-bottom: 10px;
    text-shadow: -3px 0px 3px rgb(94, 94, 94);
}

@media (max-width: 1440px) {
    .widget_setting .w-s_list li+li {
        margin-top: 5px;
        padding-top: 7px;
    }

    .widget_setting .w-s_list li span {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .widget_setting {
        right: -400px;
    }
}

@media (max-width: 991px) {
    .widget_setting {
        right: -400px;
    }

    .widget_setting .w-s_btn {
        left: -33px;
    }
}

/*Widget Setting Ends*/

/*Polls Widgets Starts*/
/*.dash_polls .polls_item{
            padding: 10px 15px;
            border-radius: 15px;
            background-color: rgba(248,248,248,0.25);
            box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
            -webkit-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
            -moz-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
            -ms-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
        }
        .dash_polls .polls_item + .polls_item{
            margin-top: 25px;
        }
        .dash_polls .polls_item .radio-inline{
            display: flex;
            flex-wrap: wrap;
        }
        .dash_polls .polls_item .radio-inline .form-check{
        margin: 0 10px 10px 0;
        }*/
/*Polls Widgets Starts*/
.dash_polls .swiper-button-next,
.dash_polls .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 35px;
    height: 35px;
    background-color: var(--bg-light-gray);
    border-radius: 50%;
}

.dash_polls .swiper-button-next:after,
.dash_polls .swiper-button-prev:after {
    font-size: 16px !important;
    color: var(--text-dark);
    font-weight: 600;
}

.dash_polls .swiper-button-next,
.dash_polls .swiper-rtl.swiper-button-prev {
    right: auto;
    left: 50px;
}

.dash_polls .swiper-slide {
    padding-right: 15px;
}

@media (max-width: 1024px) {
    .dash_polls .swiper-slide p {
        font-size: 14px;
        line-height: 125%;
    }

    .dash_polls .swiper-slide {
        padding-right: 5px;
    }
}

/*Polls Widgets Ends*/

/*Policy Document Starts*/
.daily-policy-doc {
    padding: 10px 15px;
    background-color: var(--white);
    border-radius: 10px;
}

.daily-policy-doc .pd_list {
    display: flex;
    flex-direction: column;
}

.daily-policy-doc .pd_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.daily-policy-doc .pd_list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.daily-policy-doc .pd_list li+li {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border-color);
}

table#policy_document_datatable.dataTable>thead .sorting,
table#policy_document_datatable.dataTable>thead .sorting_asc,
table#policy_document_datatable.dataTable>thead .sorting_desc {
    vertical-align: middle !important;
}

/*Policy Document Ends*/

@media (max-width: 1300px) {

    .dash_favLinks .favLinks_list a,
    .dash_freqLinks a,
    .dash_workflow .card-title {
        font-size: 0.85rem !important;
    }

    .dash_workflow .pending_count {
        font-size: 28px;
    }

    .mis-vis p,
    .mis-vis p span {
        line-height: 130% !important;
        font-size: 12px !important;
    }
}

/*Dashboard End*/

/*Data Import page Starts*/
.data_import .custom-file .custom-file-label:after {
    background-color: var(--tab-active);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.data_import .custom-file:hover .custom-file-label:after {
    background-color: var(--bs-primary);
}

.data_import .alert-danger .svg-icon-2hx {
    padding: 3px;
}

.data_import .alert-danger .svg-icon-2hx svg {
    height: 30px !important;
    width: 30px !important;
    margin-left: 2px;
}

.data_import_div .custom-file.is-invalid {
    margin-bottom: 25px;
}

.data_import_div #customFile-error {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 10px;
}

.data_import_div .btn {
    margin-top: 3px;
}

.bulk_import_div .document-file.is-invalid {
    margin-bottom: 25px;
}

.bulk_import_div #document-error {
    position: absolute;
    bottom: -40px;
    left: 0;
    margin-left: 10px;
}

.bulk_import_div .btn {
    margin-top: 3px;
}

/*Data Import page Ends*/

/*Attendance page Starts*/
.title_links a {
    padding: 3px 0;
    border-bottom: 2px solid transparent;
}

.title_links a.text-theme {
    font-weight: 500;
    border-color: var(--text-theme);
}

.title_links a+a {
    margin-left: 15px;
}

body[data-kt-aside-minimize="on"] .attendance_page .search_criteria,
.attendance_page .search_criteria {
    /* max-width: 400px; */
    transition: var(--transition_05s);
    -webkit-transition: var(--transition_05s);
    -moz-transition: var(--transition_05s);
    -ms-transition: var(--tarnsition_05s);
}

/* .attendance_page .emply_detail_sec {
    height: calc(100% - 38px);
} */

/* .attendance_page .emply_detail_sec .employee_name {
    max-width: 325px;
} */

.attendance_page .emply_detail_sec .employee_name .symbol,
.attendance_page .emply_detail_sec .employee_name .symbol-label {
    width: 35px;
    height: 35px;
}

.attendance_page .attendance_table .nav-tabs .nav-item .nav-link {
    padding: 0.5rem 0.3rem;
}

.attendance_page .attendance_table .nav-tabs .nav-item .nav-link.active {
    font-weight: 600;
}

.attendance_page .attendance_table .nav-tabs .nav-item .nav-link .badge {
    font-size: 13px;
    width: 38px;
    height: 38px;
}

.attendance_page .attendance_table .table tr td span {
    /* margin-left: -0.85rem; */
    display: inline-block;
    padding: 0.35em 0.75em;
    font-size: 0.85rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
}

.attendance_page .legd_details ul li {
    list-style: none;
    display: flex;
    align-items: center;
}

.attendance_page .legd_details ul li+li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid var(--bs-gray-500);
}

.attendance_page .attendance_table .table tr td span.getAttendanceInfo {
    cursor: pointer;
    transition: 0.25s ease-in-out all;
    border: 1px solid var(--text-light-gray);
    min-width: 82px;
}

.attendance_page .attendance_table tr td span.getAttendanceInfo:hover {
    background-color: #eeeeee;
    border-color: transparent;
}

.attendance_page .attendance_table tr td span.getAttendanceInfo.legend_regularization {
    border: 0;
}

.attendanceInfoModel .table tbody {
    max-height: 400px;
    overflow-y: scroll;
}

.attendanceInfoModel {
    z-index: 9999;
}

.regularization_popup .accordion-item+.accordion-item {
    margin-top: 0;
    border-top: 1px solid var(--border-color);
}

.regularization_popup .accordion-item .accordion-button::after,
.regularization_popup .accordion-item .accordion-button::before {
    right: 10px;
    top: 0;
}

.early_badge {
    color: green;
    background-color: #e5f2e5;
}

.late_badge {
    color: #f1416c !important;
    background-color: #ffe8ef !important;
}

@media (max-width: 1600px) {
    .attendance_page .search_criteria {
        max-width: 275px;
        transition: var(--transition_05s);
        -webkit-transition: var(--transition_05s);
        -moz-transition: var(--transition_05s);
        -ms-transition: var(--transition_05s);
    }

    /* .attendance_page .emply_detail_sec .employee_name {
        max-width: 275px;
    } */


}

/* @media (max-width: 1280px) {
    .attendance_page .emply_detail_sec .employee_name {
        max-width: 235px;
    }
} */

@media (max-width: 1024px) {

    body[data-kt-aside-minimize="on"] .attendance_page .search_criteria,
    .attendance_page .search_criteria {
        max-width: 300px;
    }

    .attendance_page .attendance_table .nav-tabs .nav-item .nav-link .badge {
        font-size: 11px;
    }
}

@media (max-width: 991px) {

    body[data-kt-aside-minimize="on"] .attendance_page .search_criteria,
    .attendance_page .search_criteria {
        max-width: 250px;
    }
}

/*Attendance page Ends*/

/*Password Policy Popup Starts*/
.login_page .password_info {
    position: absolute;
    background-color: #fff;
    left: -360px;
    max-width: 340px;
    top: 50%;
    transform: translate(0, -20%);
}

@media (max-width: 1024px) {
    .login_page .password_info {
        left: -280px;
        max-width: 270px;
    }
}

@media (max-width: 1204px) {
    .login_page .password_info {
        left: 0;
        max-width: 350px;
        right: 0;
        margin: 0 auto;
        bottom: -81%;
        top: auto;
        transform: translate(0, 0);
    }
}

.password_info .pi_title {
    font-size: 15px;
    margin-bottom: 15px;
    color: var(--bs-gray-700);
    font-weight: 400;
}

.password_info .pi_list {
    padding: 0;
    margin: 0;
}

.password_info .pi_list li {
    list-style: none;
    position: relative;
    color: var(--bs-gray-600);
    font-size: 14px;
    display: flex;
}

.password_info .pi_list li+li {
    margin-top: 8px;
}

.password_info .pi_list li i {
    margin-right: 10px;
    line-height: 100%;
    vertical-align: middle;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.password_info .pi_list li.in_policy,
.password_info .pi_list li.in_policy i {
    color: var(--bs-green);
}

.password_info .pi_list li.in_policy i:before {
    content: "\f00c";
}

.password_info .pi_list li.not_in_policy,
.password_info .pi_list li.not_in_policy i {
    color: var(--bs-red);
}

/*Password Policy Popup Ends*/

/*Voice of your page Starts*/
table tr td .table_emply_id {
    margin-right: 15px;
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
}

table tr td .table_emply_id:before {
    position: absolute;
    content: "";
    right: -5px;
    height: 100%;
    width: 1px;
    background-color: var(--bs-gray-400);
}

/*Voice of your page Ends*/

/*Welcome Aboard page Starts*/
.edit_aboard .thumbnail-conatiner {
    border-radius: 50%;
}

/*Welcome Aboard page Ends*/

/*Email Dashboard Starts*/
.email_dashboard .email_dash_chart img {
    width: 100%;
}

.email_dashboard .table th:first-child {
    padding-left: 5px !important;
    border-bottom-color: var(--bs-gray-200) !important;
}

.email_dashboard .table td {
    padding: 0 0 0 30px !important;
}

.email_dashboard .table tr:last-child th,
.email_dashboard .table tr:last-child td {
    border: 0;
}

.email_dashboard table.dataTable.no-footer {
    border-bottom: 0 !important;
    margin: 0 !important;
}

#container {
    height: 400px;
}

#container2 {
    height: 400px;
}

#recruitmentchartdiv {
    height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 600px;
    /*margin: 1em auto !important;*/
}

@media (max-width: 1366px) {

    .highcharts-figure,
    .highcharts-container,
    .highcharts-container svg {
        max-width: 550px;
        width: 100% !important;
    }
}

@media (max-width: 1024px) {

    .highcharts-figure,
    .highcharts-container,
    .highcharts-container svg {
        max-width: 450px;
        width: 100% !important;
    }
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 400px;
    outline: none;
}

.highcharts-data-table caption {
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
    font-size: 13px;
    color: #555;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/*Email Dashboard Ends*/

/*Add New Poll*/
.add_new_poll .modal-dialog {
    overflow: visible;
}

.search_parent {
    position: relative;
}

.search_parent .search_collection.page_content {
    position: absolute;
    top: 40px;
    padding: 10px;
    background-color: #fff !important;
    height: auto;
    margin: 0;
    width: calc(100% - 40px);
    max-height: 250px;
    overflow-y: scroll;
    box-shadow: var(--shadow);
    font-size: 14px;
    border-radius: 0 0 10px 10px;
    z-index: 9;
}

.search_parent .search_collection.page_content .search_item {
    display: flex;
    flex-direction: column;
    min-height: 35px;
    justify-content: center;
}

.search_parent .search_collection.page_content .search_item+.search_item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid var(--border-color);
}

.more_char {
    position: absolute;
    left: 0;
    bottom: -55px;
    width: 200px;
    text-align: center;
    margin: 0;
    z-index: 111;
    background-color: var(--bs-danger-light);
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 8px;
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 5px;
    padding: 10px;
    opacity: 1;
    font-size: 15px;
}

.more_char:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--bs-danger-light) transparent;
    top: -10px;
    left: 7px;
}

.more_char:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent var(--bs-danger) transparent;
    top: -12px;
    left: 5px;
    z-index: -1;
    opacity: 0.15;
}

.more_field {
    position: relative;
}

.more_field .removeOption {
    position: absolute;
    top: 5px;
    right: -35px;
}

.alert_sec .alert {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999999;
    max-width: 600px;
    width: 500px;
    text-align: center;
}

.multiple_docs .action-btns+.action-btns {
    margin-top: 15px;
}

/*Schedule Roaster page Starts*/
.roaster_table .table.dataTable.no-footer {
    border-color: var(--bs-gray-200) !important;
}

.roaster_table .table thead th {
    padding: 12px 5px 5px !important;
}

.roaster_table .table tbody td {
    padding: 5px !important;
    border-radius: 0;
    height: 50px;
    max-width: 45px;
}

.roaster_table .table tbody td.highlight {
    background-color: var(--theme-color);
}

.roaster_table tbody td {
    border-left: 1px solid var(--bs-gray-200);
}

.roaster_table thead th span {
    background-color: var(--bs-gray-300);
    border-radius: 5px;
    color: var(--bs-gray-700);
    display: flex;
    max-width: 30px;
    margin: 0 auto;
    justify-content: center;
    font-size: 12px;
}

.brush_note {
    box-shadow: var(--shadow);
}

.employee_roaster_table #selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.employee_roaster_table #selectable td {
    margin: 3px;
    padding: 0 !important;
    font-size: 1.4em;
    height: 50px;
    max-width: 55px;
    width: 55px;
    min-width: 55px;
}

#set_table th:first-child {
    padding-left: 10px !important;
}

#set_table td:first-child {
    padding-left: 0 !important;
}

#set_table th:last-child {
    padding-right: 10px !important;
}

#set_table td:last-child {
    padding-left: 0 !important;
}

@media (max-width: 1440px) {
    .roaster_table thead th span {
        font-size: 10px;
    }
}

.roaster_shift_table .table tbody th,
.roaster_shift_table .table tbody td {
    padding: 5px 10px !important;
}

/*Schedule Roaster page Ends*/

/*Roaster pages Starts*/
.employee_roster .datepicker {
    max-width: 150px;
}

.roster_timesheet .roaster_table tbody td {
    border-left: 0;
}

.roster_timesheet .attendance_table .table tr td span {
    margin-left: -0.65rem;
}

.roaster_table .icon-active .fa-clock {
    color: #fff;
}

/*Roaster pages Ends*/
.colorPicker {
    border-radius: 7px;
    overflow: hidden;
    display: flex;
    cursor: pointer;
    padding: 3px;
    border: 1px solid #d1d1d1;
}

code {
    background-color: red;
}

.colorPicker input[type="color"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
}

.colorPicker input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.colorPicker input[type="color"]::-webkit-color-swatch {
    border: none;
}

.no_data {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_data span {
    background-color: rgba(249, 249, 249, 0.5);
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 9%), 0 6px 6px rgb(0 0 0 / 3%) !important;
    color: #939393;
    /* color: var(--theme-color); */
    font-size: 16px;
}

@media (max-width: 1024px) {
    .no_data span {
        font-size: 14px;
    }
}

.no_data_common {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_data_common span {
    background-color: rgba(249, 249, 249, 0.5);
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 9%), 0 6px 6px rgb(0 0 0 / 3%) !important;
    /* color: #939393; */
    /* color: var(--theme-color); */
    font-size: 16px;
}

@media (max-width: 1024px) {
    .no_data_common span {
        font-size: 14px;
    }
}

.highcharts-contextmenu ul {
    border: 0 !important;
    box-shadow: 0 0 10px 0 rgba(82, 63, 105, 0.1) !important;
    border-radius: 0.475rem !important;
    background-color: #fff;
}

.highcharts-contextmenu ul li {
    padding: 0.5rem 1rem !important;
    font-size: 15px !important;
}

.highcharts-contextmenu ul li:hover {
    background-color: var(--bs-light-primary) !important;
    color: #333333 !important;
}

.cust_check {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--theme-color);
    border-radius: 5px;
    position: relative;
    opacity: 0.75;
}

.cust_check:before {
    position: absolute;
    content: "";
    color: #fff;
    position: absolute;
    margin-left: 3px;
    margin-top: 4px;
    width: 9px;
    height: 5px;
    border-bottom: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 2px;
    top: 2px;
}

.emply_entitlement .modal-table {
    height: auto;
    max-height: 350px;
}

.table_sublevel {
    max-width: 20px;
    opacity: 0.5;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}

.same_as {
    position: absolute;
    top: 12px;
    right: 25px;
}

.roaster_employee_assign .emply_list_right table td .singlePunchPopup {
    position: relative;
    width: 75px;
    margin: 0 auto;
}

.roaster_employee_assign .emply_list_right table td .singlePunchInfo {
    position: absolute;
    right: 0;
}

/*Attendeance Summary page Starts*/
body[data-kt-aside-minimize="on"] .attendance_page .empy_summary .attendance_page .empy_summary {
    width: calc(100% - 400px);
}

@media (max-width: 1366px) {

    body[data-kt-aside-minimize="on"] .attendance_page .search_criteria,
    .attendance_page .search_criteria {
        max-width: 300px;
        min-width: 300px !important;
    }
}

.attendance_summary.attendance_page .search_criteria {
    background-color: transparent;
    box-shadow: none;
    min-width: 400px;
}

.attendance_summary.attendance_page .empy_summary {
    width: calc(100% - 450px);
}

.attendance_summary.attendance_page .emply_detail_sec {
    height: auto;
}

.attendance_summary .search_employee .icon {
    position: absolute;
    top: 1px;
    right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attendance_summary .search_employee ul {
    padding: 0;
    margin: 0;
}

.attendance_summary .search_employee ul li {
    list-style: none;
    display: flex;
    padding: 10px 0;
}

.attendance_summary .search_employee ul li strong {
    margin-right: 8px;
}

.attendance_summary .search_employee ul li span {
    margin-left: 8px;
}

.attendance_summary .search_employee ul li+li {
    border-top: 1px solid #ddd;
}

.attendance_summary .search_employee .select_box._mCS_1 .mCustomScrollBox {
    padding-right: 10px;
}

.attendance_summary .search_employee .select_box._mCS_1.mCS_no_scrollbar .mCustomScrollBox {
    padding-right: 0;
}

.attendance_summary .accordion-button::after,
.attendance_summary .accordion-button::before {
    right: 0;
}

/*Attendeance Summary page Ends*/
/*leave_types_groups 06-04-2022 S*/
/*#holiday_popup #add_more_holiday .modal-body{
    min-height: 300px;
  overflow-y: auto;
}
#leave_popup #add_more_leaves .modal-body{
    min-height: 300px;
  overflow-y: auto;
}
.basic_info #select_employee .modal-body .modal-table{
    height: 184px;
  max-height: 184px;
}
.personal_info .content_box #select_employee .modal-body .modal-table{
    height: 184px;
  max-height: 184px;
}*/
/*leave_types_groups 06-04-2022 E*/

/*15-04-2022 Start*/

.close_grace_warning .svg-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 50%;
}

.close_grace_warning .svg-icon svg {
    padding: 3px;
}

/*Shift Status Starts*/

.shift_status .modal-body .time_scale {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0;
    position: relative;
}

.shift_status .modal-body li {
    margin-left: 0 !important;
    list-style: none;
    margin-top: 0 !important;
    list-style-type: none !important;
}

.shift_status .modal-body .time_scale li {
    list-style: none;
    list-style-type: none;
    position: relative;
    width: calc(100% / 24);
    padding-top: 25px;
}

.shift_status .modal-body .time_scale li span {
    position: relative;
    width: 20px;
    left: -10px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 100%;
}

.shift_status .modal-body .time_scale li:after {
    position: absolute;
    content: "";
    height: 35px;
    width: 100%;
    left: 0;
    top: -31px;
}

.shift_status .modal-body .time_scale li i.extra_time,
.shift_status .legd_details .notSheduled {
    background-color: var(--bs-gray-200);
}

.shift_status .modal-body .time_scale li i.shift_time,
.shift_status .legd_details .shiftTime {
    /* background: linear-gradient(to top, #f2994a, #f2c94c); */
    background-color: #caecde;
}

.shift_status .modal-body .time_scale li i.break_time,
.shift_status .legd_details .brkTime {
    /* background: linear-gradient(to bottom, #ef4f89, #f35646); */
    background-color: #ebf5d4;
}

.shift_status .modal-body .time_scale li i.ovrTime,
.shift_status .legd_details .ovrTime {
    /* background: linear-gradient(to bottom, #c2e9fb, #a1c4fd); */
    background-color: #fbe6ce;
}

.shift_status .modal-body .time_scale li i.grcTime,
.shift_status .legd_details .grcTime {
    /* background: linear-gradient(to bottom, #37ecba 0%, #72afd3 100%); */
    background-color: #d4dbe2;
}

.shift_status .modal-body .time_scale li:first-child:after {
    border-radius: 5px 0 0 5px;
}

.shift_status .modal-body .time_scale li:last-child:after {
    border-radius: 0 5px 5px 0;
}

.shift_status .modal-body .time_scale li.shift_time:first-child {
    background: black;
}

.shift_status .modal-body .time_scale li+li {
    margin-top: 0;
}

.shift_status .modal-body .time_scale li .time-div {
    position: absolute;
    width: 100%;
    height: 36px;
    top: -31px;
    z-index: 1;
    display: flex;
}

.shift_status .modal-body .time_scale li .time-div i {
    width: 50%;
    height: 100%;
    position: relative;
    left: -0.5px;
}

.shift_status .modal-body .time_scale li .time-div i:before {
    width: 1px;
    position: absolute;
    height: 10px;
    content: "";
    background-color: rgba(var(--black-rgba), 0.15);
    bottom: -10px;
    z-index: -1;
}

.shift_status .modal-body .time_scale li .time-div i:first-child:before {
    height: 12px;
    bottom: -12px;
    background-color: rgba(var(--black-rgba), 0.25);
}

/*Shift Status Ends*/
/*15-04-2022 End*/

/*Leave Compare Page Start*/
#leaveData table tr td {
    text-align: center;
    line-height: 52px;
    font-size: 12px;
    font-weight: 500 !important;
    text-shadow: 1px 1px 2px rgb(15 15 15);
    color: var(--white);
    letter-spacing: 0.5px;
}

#leaveData .table thead th {
    padding: 15px 0 !important;
    height: 50px;
    max-width: 60px;
    width: 60px;
    min-width: 60px;
}

#leaveData .table thead tr th.currentDay,
#leaveData .table tbody tr td.currentDay {
    background-color: var(--bg-light-primary);
}

#leaveData .dataTable tbody td {
    margin: 3px;
    padding: 0 !important;
    height: 50px;
    max-width: 60px;
    width: 60px;
    min-width: 60px;
    border: 1px solid var(--theme-light-gray);
    border-bottom-color: var(--theme-light-gray) !important;
    border-left: 0;
    border-top: 0;
}


.leave_compare .modal-table tbody td {
    padding-left: 0;
    padding-right: 0;
}

.leave_compare .table .lc_emply_name {
    font-weight: 500 !important;
    position: sticky;
    left: 0;
    background-color: #fff;
    text-align: left !important;
}

.leave_compare .table .lc_emply_name span {
    padding-left: 20px !important;
    width: calc(100% + 2px);
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--theme-light-gray);
    /* border-right: 1px solid var(--theme-light-gray); */
    margin: 0 -1px;
    font-size: 14px;
    color: var(--text-dark);
    text-shadow: none;
    letter-spacing: 0;
    line-height: 100%;
}

.plOff {
    /* background-color: #fbdce5 !important; */
    background-color: rgba(var(--theme-color-rgb), 0.1) !important;
    color: var(--theme-color) !important;
}

.clOff {
    background-color: #e6dcff !important;
}

.fesOff {
    background-color: #fff8dd !important;
}

.weekOff {
    background-color: var(--bs-gray-100) !important;
}

/*Leave Compare Page Ends*/

/*Leave History Page Starts*/
.leave_history .accordion-button::after,
.leave_history .accordion-button::before {
    right: 0;
    top: 0;
}

.leave_history .accordion-button {
    height: 2.063rem;
}

/*Leave History Page Ends*/

.long-arrow-left {
    display: block;
    margin: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid var(--body-text);
    border-left: 2px solid var(--body-text);
    transform: rotate(-45deg);
    position: absolute;
    top: 6px;
    left: 0;
    opacity: 0;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.long-arrow-left::after {
    content: "";
    display: block;
    width: 2px;
    height: 17px;
    background-color: var(--body-text);
    transform: rotate(-45deg) translate(5px, 2px);
    left: 0;
    top: 0;
}

.bckToLogin:hover span {
    opacity: 1;
    left: -30px;
}

.viewPassword {
    position: absolute;
    top: 7px;
    right: 15px;
}

#attendance_summary_search .accordion-button:after {
    top: -5px;
}

#attendance_summary_search .accordion-button:not(.collapsed):after {
    top: -7px;
}

/*Report on Demand Page Start*/

.reportOnDemand_page .accordion-button::before,
.reportOnDemand_page .accordion-button::after {
    right: 0;
    top: 0;
}

.reportOnDemand_page .field_list .btn {
    background-color: transparent !important;
    width: 100%;
}

.reportOnDemand_page .field_list .btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-check:checked+.btn {
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
    border-color: var(--theme-color);
}

.reportOnDemand_page .reports_Legends {
    background-color: var(--theme-color) !important;
}

.field_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.field_list li {
    width: 210px;
    border-radius: 5px;
    background-color: transparent;
    /*border: 1px solid var(--bs-gray-400);*/
    box-shadow: none;
}

.dataFiltration .select2-container {
    width: 250px !important;
}

.reportOnDemand_page .rod_export_sec {
    position: absolute;
    top: 10px;
    right: 80px;
    z-index: 99;
    display: flex;
    align-items: center;
}

.reportOnDemand_page .rod_export_sec a {
    max-width: 25px;
    display: inline-block;
    opacity: 0.5;
    margin-right: 25px;
}

.reportOnDemand_page .rod_export_sec a img {
    width: 100%;
}

/*Report on Demand Page Ends*/

.showclicktocomment {
    font-size: 14px;
    background-color: var(--tab-active);
    color: var(--white);
    padding: 5px 12px;
    border-radius: 3px;
    margin-top: 10px;
    font-family: "Noto Sans", sans-serif;
    z-index: 2147483647;
    position: absolute;
    display: block;
}

#pass_expiry_popup .modal-body img {
    width: 200px;
    height: 150px;
    object-fit: cover;
    opacity: 0.75;
}

#login_alert .modal-body img {
    font-size: 62px;
    color: var(--theme-color-light);
    margin-bottom: 10px;
    text-shadow: -3px 2px 5px rgb(94 94 94 / 45%);
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

#pass_expiry_popup .modal-dialog,
#login_alert .modal-dialog {
    padding: 0 15px;
}

#pass_expiry_popup .modal-header,
#login_alert .modal-header {
    width: 100%;
    justify-content: center;
    box-shadow: none;
    position: relative;
    border: 0;
}

#pass_expiry_popup .modal-header:before,
#login_alert .modal-header:before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 80%;
    height: 1px;
    background-color: #d5d5d5;
}

#pass_expiry_popup .btn-icon.symbol-circle,
#login_alert .btn-icon.symbol-circle {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #fff;
    cursor: pointer;
    transform: scale(0.8);
}

@keyframes bounce {
    50% {
        transform: translateY(-5px);
    }
}

#analytic_table {
    table-layout: fixed;
    border-collapse: collapse;
}

#analytic_table tbody {
    display: table-caption;
    width: 100%;
    overflow: auto;
}

#analytic_table tbody tr {
    display: block;
}

#analytic_table tbody tr:first-child,
#analytic_table tbody tr:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#analytic_table thead tr th,
#analytic_table tbody tr td {
    width: 350px;
}

/*Delegation Page Starts*/
.delegationTable tr td .badge {
    margin-right: 5px;
    margin-bottom: 5px;
}

.delegationTable tr td span.badge:nth-child(1),
.delegationTable tr td span.badge:nth-child(6n + 1) {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}

.delegationTable tr td span.badge:nth-child(2),
.delegationTable tr td span.badge:nth-child(6n + 2) {
    background-color: rgba(var(--bs-success-rgb), 0.2);
}

.delegationTable tr td span.badge:nth-child(3),
.delegationTable tr td span.badge:nth-child(6n + 3) {
    background-color: rgba(var(--bs-info-rgb), 0.2);
}

.delegationTable tr td span.badge:nth-child(4),
.delegationTable tr td span.badge:nth-child(6n + 4) {
    background-color: rgba(var(--bs-warning-rgb), 0.2);
}

.delegationTable tr td span.badge:nth-child(5),
.delegationTable tr td span.badge:nth-child(6n + 5) {
    background-color: rgba(var(--bs-danger-rgb), 0.2);
}

.delegationTable tr td span.badge:nth-child(6),
.delegationTable tr td span.badge:nth-child(6n + 6) {
    background-color: rgba(var(--bs-body-rgb), 0.1);
}

.menu_settings_page .select_module,
.delegation_page .select_module {
    display: none;
    position: relative;
}

.menu_settings_page .select_module #closeModule,
.delegation_page .select_module #closeModule {
    position: absolute;
    top: -15px;
    right: -15px;
}

@media (max-width: 1400px) {

    .menu_settings_page .select_module #closeModule,
    .delegation_page .select_module #closeModule {
        top: 5px;
    }
}

@media (max-width: 1024px) {
    #myrelationship .select2-container--bootstrap5 .select2-dropdown {
        width: 300px !important;
    }
}

/*Delegation Page Ends*/

.lock_div .invalid-feedback,
.restrict_div .invalid-feedback {
    margin-left: 0;
}

.custom_password_usage .aside,
.custom_password_usage .header {
    pointer-events: none;
    opacity: 0.5;
}

.employee_info_page .employee_info_tabcontent .btn-sec {
    padding-bottom: 100px;
    padding-top: 100px;
}

.disable_btn {
    opacity: 0.5;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#attendance_summary_accordion .accordion-button:after {
    top: -1px;
}

#attendance_summary_accordion .accordion-button:not(.collapsed):after {
    top: -1px;
}

@media (max-width: 1024px) {
    #attendance_summary_accordion .accordion-button:not(.collapsed):after {
        top: -7px;
        line-height: 2.063rem;
    }

    #attendance_summary_accordion .accordion-button:after {
        top: -5px;
    }

    #employee_request_header .accordion-button:not(.collapsed):after {}

    #employee_request_header .accordion-button {
        height: 66px;
    }

    #employee_request_header .accordion-button:before,
    #employee_request_header .accordion-button:after {
        top: 17px;
    }
}

/*New Leave Widget start*/
.dash_leave .leaveWidgetTable .badge {
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
}

.dash_leave .leave_content ul li .nav-link {
    margin-right: 0;
}

.dash_leave .leaveWidgetTable .badge span {
    font-size: 14px;
    font-weight: 500;
    color: var(--btn-dark);
    margin-top: 3px;
}

.dash_leave .leaveWidgetTable ul li {
    padding: 0 5px 5px 10px;
    border-left: 4px solid;
}

.dash_leave .leaveWidgetTable ul li:nth-child(6n + 1) {
    border-color: var(--bs-blue);
}

.dash_leave .leaveWidgetTable ul li:nth-child(6n + 2) {
    border-color: var(--bs-warning);
}

.dash_leave .leaveWidgetTable ul li:nth-child(6n + 3) {
    border-color: var(--bs-danger);
}

.dash_leave .leaveWidgetTable ul li:nth-child(6n + 4) {
    border-color: var(--bs-success);
}

.dash_leave .leaveWidgetTable ul li:nth-child(6n + 5) {
    border-color: var(--bs-info);
}

.dash_leave .leaveWidgetTable ul li:nth-child(6n + 6) {
    border-color: var(--bs-gray-700);
}

@media (max-width: 1600px) {
    .dash_leave .leaveWidgetTable .badge {
        font-size: 13px;
    }
}

@media (max-width: 1440px) {
    .dash_leave .leaveWidgetTable .badge {
        font-size: 12px;
    }

    .dash_leave .leaveWidgetTable ul li {
        padding-left: 10px;
    }

    .dash_leave .leave_content ul li .nav-link {
        font-size: 14px;
    }

    .dash_leave .leaveWidgetTable ul li+li {
        margin-top: 20px;
    }
}

@media (max-width: 1280px) {
    .dash_leave .leave_content ul li .nav-link {
        font-size: 12px;
    }

    .dash_leave .leaveWidgetTable .badge span {
        font-size: 13px;
        font-weight: 400;
        padding-right: 0 !important;
    }
}

/*New Leave Widget End*/

/*Payroll Dashboard Start*/

/* .hexagon {
    background: #f1faff;
    -webkit-clip-path: polygon(
        50% 0%,
        95% 25%,
        95% 75%,
        50% 100%,
        5% 75%,
        5% 25%
    );
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
} */

.payroll_dash .payroll_nofify .notify_list:nth-child(1) .bullet,
.payroll_dash .payroll_nofify .notify_list:nth-child(6n + 1) .bullet {
    background-color: rgba(var(--bs-primary-rgb), 0.65);
}

.payroll_dash .payroll_nofify .notify_list:nth-child(2) .bullet,
.payroll_dash .payroll_nofify .notify_list:nth-child(6n + 2) .bullet {
    background-color: rgba(var(--bs-success-rgb), 0.65);
}

.payroll_dash .payroll_nofify .notify_list:nth-child(3) .bullet,
.payroll_dash .payroll_nofify .notify_list:nth-child(6n + 3) .bullet {
    background-color: rgba(var(--bs-info-rgb), 0.65);
}

.payroll_dash .payroll_nofify .notify_list:nth-child(4) .bullet,
.payroll_dash .payroll_nofify .notify_list:nth-child(6n + 4) .bullet {
    background-color: rgba(var(--bs-warning-rgb), 0.65);
}

.payroll_dash .payroll_nofify .notify_list:nth-child(5) .bullet,
.payroll_dash .payroll_nofify .notify_list:nth-child(6n + 5) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 0.65);
}

.payroll_dash .payroll_nofify .notify_list:nth-child(6) .bullet,
.payroll_dash .payroll_nofify .notify_list:nth-child(6n + 6) .bullet {
    background-color: rgba(var(--bs-body-rgb), 0.65);
}

.payroll_dash .payroll_validation .timeline-label .timeline-badge {
    margin: 0;
}

.payroll_dash .payroll_validation .timeline-label:before {
    content: none;
}

.timeline-label .timeline-item:before {
    content: "";
    position: absolute;
    left: 7px;
    width: 3px;
    height: calc(100% + 25px);
    bottom: -30px;
    background-color: #eff2f5;
}

.timeline-label .timeline-item:last-child:before {
    height: 100%;
    bottom: -15px;
}

.hexa_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 70%;
    margin: auto;
}

.hexagon {
    width: 10.41vw;
    height: 10.41vw;
    background: #f1faff;
    -webkit-clip-path: polygon(50% 0%,
            95% 25%,
            95% 75%,
            50% 100%,
            5% 75%,
            5% 25%);
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    margin: -30px -15px;
}

.hexagon div {
    font-size: 18px;
    color: #333;
}

.hexagon span {
    font-size: 12px;
    color: #555;
}

/* Hexagon colors for visibility */
.hexagon:nth-child(1) {
    background-color: #f7c5d4;
}

.hexagon:nth-child(2) {
    background-color: #d7fbe8;
}

.hexagon:nth-child(3) {
    background-color: #c6eaff;
}

.hexagon:nth-child(4) {
    background-color: #fff1bd;
}

.hexagon:nth-child(5) {
    background-color: #e8dfff;
}


/* .hexa_section {
    position: relative;
    width: 60%;
    margin: auto;
}
@media (max-width: 1600px) {
    .hexa_section {
        width: 80%;
    }
}
@media (max-width: 1440px) {
    .hexa_section {
        width: 90%;
    }
}
@media (max-width: 1367px) {
    .hexa_section {
        width: 100%;
        transform: scale(0.85);
    }
}
@media (max-width: 1024px) {
    .payroll_topComponents .hexa_section {
        transform: scale(0.8);
        transform-origin: 64px;
    }
    .payroll_topDeduction .hexa_section {
        transform: scale(0.8);
        transform-origin: right 195px;
    }
}
.hexa_section .hexagon {
    position: absolute;
    -webkit-box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.3);
}
.payroll_topComponents .hexa_section .hexagon:nth-child(1) {
    width: 240px;
    height: 240px;
    background-color: #f7c5d4;
    top: 0;
    left: 0;
}
.payroll_topComponents .hexa_section .hexagon:nth-child(2) {
    width: 220px;
    height: 220px;
    background-color: #d7fbe8;
    top: 34px;
    left: 190px;
}
.payroll_topComponents .hexa_section .hexagon:nth-child(3) {
    width: 210px;
    height: 210px;
    background-color: #c6eaff;
    top: 170px;
    left: 60px;
}
.payroll_topComponents .hexa_section .hexagon:nth-child(4) {
    width: 185px;
    height: 185px;
    background-color: #fff1bd;
    top: 190px;
    left: 230px;
}
.payroll_topComponents .hexa_section .hexagon:nth-child(5) {
    width: 170px;
    height: 170px;
    background-color: #e8dfff;
    top: 130px;
    left: 360px;
}
.hexa_section .hexagon {
    position: absolute;
    -webkit-box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 78px -7px rgba(0, 0, 0, 0.2);
} */
/* .payroll_topDeduction .hexa_section .hexagon:nth-child(1) {
    width: 240px;
    height: 240px;
    background-color: #f7c5d4;
    top: 0;
    right: 0;
}
.payroll_topDeduction .hexa_section .hexagon:nth-child(2) {
    width: 220px;
    height: 220px;
    background-color: #d7fbe8;
    top: 34px;
    right: 190px;
}
.payroll_topDeduction .hexa_section .hexagon:nth-child(3) {
    width: 210px;
    height: 210px;
    background-color: #c6eaff;
    top: 170px;
    right: 60px;
}
.payroll_topDeduction .hexa_section .hexagon:nth-child(4) {
    width: 185px;
    height: 185px;
    background-color: #fff1bd;
    top: 190px;
    right: 230px;
}
.payroll_topDeduction .hexa_section .hexagon:nth-child(5) {
    width: 170px;
    height: 170px;
    background-color: #e8dfff;
    top: 130px;
    right: 360px;
} */
#salaryComponent,
#headCount,
#taxes,
#monthCompare {
    height: 425px;
}

.highcharts-figure,
.highcharts-data-table table {
    width: 100%;
    max-width: auto;
    min-width: auto;
}

.highcharts-credits {
    display: none;
}

/*Payroll Dashboard Ends*/

/*Bulk Leave Pages Start*/
.custom_all_employee {
    position: relative;
}

.custom_all_employee .employee_search_icon {
    position: absolute;
    top: 10px;
    right: 15px;
    opacity: 0.5;
}

.request_employee .accordion-button::before,
.request_employee .accordion-button::after {
    top: 0;
    right: 0;
}

/*Bulk Leave Pages End*/

/*Dashboard Changes - 22-07-2022 Start*/

.emp_notification {
    cursor: pointer;
}

.emp_notification img {
    width: 100%;
    height: auto;
}

.btn.emp_notification:hover i {
    -webkit-animation: drop 0.4s;
    -moz-animation: drop 0.4s;
    animation: drop 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 6px;
    -moz-transform-origin: 50% 6px;
    -ms-transform-origin: 50% 6px;
    -o-transform-origin: 50% 6px;
    transform-origin: 50% 6px;
}

@-webkit-keyframes drop {

    0%,
    100% {
        -webkit-transform: rotate(0);
    }

    20%,
    60% {
        -webkit-transform: rotate(6deg);
    }

    40%,
    80% {
        -webkit-transform: rotate(-6deg);
    }
}

@-moz-keyframes drop {

    0%,
    100% {
        -moz-transform: rotate(0);
    }

    20%,
    60% {
        -moz-transform: rotate(6deg);
    }

    40%,
    80% {
        -moz-transform: rotate(-6deg);
    }
}

@keyframes drop {

    0%,
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    20%,
    60% {
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        -o-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    40%,
    80% {
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }
}

.menu_wrapper {
    padding-bottom: 46px;
}

.chat_sec {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    width: 100%;
    background-color: var(--tab-active);
    box-shadow: 3px -1px 6px rgba(var(--black-rgba), 0.16);
    text-align: center;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat_sec img {
    max-width: 30px;
    padding-top: 5px;
}

/*Dashboard Changes - 22-07-2022 End*/

/*Role Button Starts*/
.roleSection_btn svg rect {
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.roleSection_btn svg:hover rect {
    opacity: 1 !important;
    fill: #555b6d !important;
}

.roleSection .active:hover a {
    background-color: var(--bg-dark) !important;
    pointer-events: none;
}

.roleSection .roleIcon {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.roleSection .roleIcon .roleImg {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.roleSection a .roleName {
    color: var(--text-dark);
}

.roleSection a .roleDesc {
    color: var(--bs-gray-600);
}

.roleSection .active a .roleName {
    color: var(--white);
    white-space: nowrap;
}

.roleSection .active a .roleDesc {
    color: var(--white);
}

.role-superAdmin {
    background-image: url("../images/role-superAdmin.png");
}

.role-companyAdmin {
    background-image: url("../images/role-company-admin.png");
}

.role-sshr {
    background-image: url("../images/role-sshr.png");
}

.role-hr {
    background-image: url("../images/role-hr.png");
}

.role-approvalAdmin {
    background-image: url("../images/role-approval.png");
}

.role-hod {
    background-image: url("../images/role-hod.png");
}

.role-accountantAdmin {
    background-image: url("../images/role-accountant.png");
}

.role-admin {
    background-image: url("../images/role-admin.png");
}

.role-it {
    background-image: url("../images/role-it.png");
}

.role-network {
    background-image: url("../images/role-network.png");
}

/*Role Active Class Start*/

.active-role-superAdmin {
    background-image: url("../images/active-role-superAdmin.png");
}

.active-role-companyAdmin {
    background-image: url("../images/active-role-company-admin.png");
}

.active-role-sshr {
    background-image: url("../images/active-role-sshr.png");
}

.active-role-hr {
    background-image: url("../images/active-role-hr.png");
}

.active-role-approvalAdmin {
    background-image: url("../images/active-role-approval.png");
}

.active-role-admin {
    background-image: url("../images/active-role-admin.png");
}

.active-role-hod {
    background-image: url("../images/active-role-hod.png");
}

.active-role-accountantAdmin {
    background-image: url("../images/active-role-accountant.png");
}

.active-role-it {
    background-image: url("../images/active-role-it.png");
}

.active-role-network {
    background-image: url("../images/active-role-network.png");
}

/*Role Active Class End*/

/*Role Button Ends*/

.widget_setting .w-s_list .w-s_list-head {
    background-image: url("../images/bg_1.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0 0;
}

.widget_setting .w-s_list .w-s_list-head .save-widgets {
    background: transparent;
    color: var(--white);
    font-size: 14px;
    border: 1px solid var(--white);
    border-radius: 4px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 3px 10px;
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
}

.widget_setting .w-s_list .w-s_list-head .save-widgets:hover {
    background-color: var(--white);
    color: var(--text-dark);
}

/*Pay Group page Start*/
.currency_inputs+.currency_inputs {
    margin-top: 20px;
}

.payGrpSetting .setting_box {
    flex: 0 0 auto;
    width: 33.33%;
    padding: 0 15px;
}

#custom_payroll_currency .currency_inputs+.currency_inputs {
    border-top: 1px solid #dedede;
    padding-top: 15px;
}

@media (max-width: 1600px) {
    .payGrpSetting .setting_box {
        flex: 0 0 auto;
        width: 33.33%;
    }
}

/*Pay Group page Ends*/

/*Payroll Process Start*/
.dot-flashing {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: var(--text-light-gray);
    color: var(--text-light-gray);
    animation: dotFlashing 1s infinite linear alternate;
    animation-delay: 0.5s;
    left: 15px;
}

.dot-flashing::before,
.dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-flashing::before {
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: var(--text-light-gray);
    color: var(--text-light-gray);
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 0s;
}

.dot-flashing::after {
    left: 10px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: var(--text-light-gray);
    color: var(--text-light-gray);
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 1s;
}

svg.payRollIcon {
    max-width: 20px;
    max-height: 20px;
    fill: var(--theme-color);
}

@keyframes dotFlashing {
    0% {
        background-color: var(--text-light-gray);
    }

    50%,
    100% {
        background-color: #ebe6ff;
    }
}

.percentageCounter {
    text-shadow: 1px 2px 3px rgb(150 150 150);
}

/*Payroll Process End*/

/*28-07-2022 Start*/
.intranet_head a img {
    width: 100%;
    padding: 7px;
}

/*28-07-2022 Start*/

/*Employee Life Cycle Start*/
.elc_page img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
    -ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
}

@media (min-width: 1367px) {
    .inner-wrapper-padding {
        max-width: 80%;
        margin: 0 auto;
    }
}

.timeline-box-wrap {
    padding: 45px 0px 0;
    position: relative;
    padding: 0;
    margin-bottom: 90px;
    transform: translate(0, -45%);
    z-index: 1;
}

.timeline-box h6 {
    background-color: white;
    font-size: 55px;
    line-height: 1;
    color: var(--text-dark);
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin-top: 0;
}

.timeline-box h6 small {
    padding-bottom: 10px;
    position: relative;
}

.timeline-box h6 small:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 30px;
    background-color: var(--bs-gray-600);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 2px;
}

.timeline-box p {
    font-size: 20px;
    line-height: 125%;
    color: var(--bs-gray-600);
    font-weight: 400;
    margin: 0;
}

.start-point h4 {
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #d21e1e;
    border-radius: 16px;
    display: block;
    width: auto;
    text-align: center;
    padding: 5px 25px;
    position: relative;
    margin-bottom: 45px;
    font-family: "Inter", sans-serif;
}

.black-dot {
    width: 21px;
    height: 21px;
    background-color: #000;
    border-radius: 50%;
    display: block;
    margin: 0 auto 62px;
    z-index: 1;
}

.start-point {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.start-point:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0px;
    background-color: #aaa;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    border-left: 1px solid #aaa;
}

.timeline-row .horizontal-line {
    border-top: 1px solid #aaa;
    width: calc(100% - 150px);
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 0%);
}

.timeline-row .verticle-line {
    margin: 0;
    padding: 0;
    width: 2px;
    border-right: 1px solid #aaa;
    height: calc(100% - 150px);
    position: absolute;
    top: 0;
    right: 0;
    margin: auto 0;
    bottom: 0;
}

.timeline-row:nth-child(2n + 2) .verticle-line {
    left: -1px;
    right: inherit;
}

.corner {
    position: absolute;
    border-right: 1px solid #aaa;
    width: 76px;
    height: 76px;
    right: 0;
    border-top: 1px solid #aaa;
    top: 74.9px;
    border-radius: 0 70px 0 0;
    top: 0;
}

.timeline-row:nth-child(2n + 2) .corner {
    right: inherit;
    left: 0;
    border-left: 1px solid #aaa;
    border-right: 0;
    border-radius: 70px 0 0 0;
}

.corner.bottom {
    bottom: -76px;
    top: inherit;
    border-radius: 0;
    border-top: 0;
    border-bottom: 1px solid #aaa;
    border-radius: 0 0 70px 0;
    right: 0;
    z-index: 1;
    bottom: -1px;
}

.timeline-row:nth-child(2n + 2) .corner {
    right: inherit;
    left: 0;
    border-left: 1px solid #aaa;
    border-right: 0;
    border-radius: 70px 0 0 0;
}

.timeline-row:nth-child(2n + 2) .corner.bottom {
    border-radius: 0 0 0 70px;
}

.timeline-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 0px;
    position: relative;
    /*padding: 0 66px 130px;margin-right: 111px;*/
}

.timeline-row:nth-child(2n + 2) {
    justify-content: space-around;
    text-align: left;
    padding: 0 2%;
}

.timeline-row:nth-child(2n + 2) {
    flex-direction: row-reverse;
}

/*.timeline-row:nth-child(2n+2) .timeline-content-txt { text-align: center; }*/
.timeline-box {
    /*padding: 45px 50px 130px;*/
    max-width: 550px;
    margin-right: 25px;
    position: relative;
}

.timeline-main {
    margin-top: 75px;
}

.timeline-row:first-child {
    margin: 0 0px 0 auto;
    max-width: 50%;
    justify-content: space-between;
    padding: 0 0 0 120px;
}

.corner.bl {
    bottom: 0;
    left: 0;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-radius: 0 0 0px 100%;
    border-right: none;
    border-top: none;
    height: 76px;
    width: 76px;
}

.start-point .corner.bl {
    left: 50%;
    bottom: 0px;
    transform: translateY(100%);
    top: unset;
}

.timeline-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 27.5px;
    height: 1px;
    width: 100%;
}

/*.timeline-row:after{content: ''; position: absolute; left: 50%; top: 74.5px; height: 1px; width: 91%; background-color: #aaa; transform: translateX(-50%);top: 0;} .timeline-row .verticle-line { margin: 0; padding: 0; width: 1px; border-right: 1px solid #aaa; height:calc(100% - 126px); position: absolute; top: calc( 50% + 75px );; right: 0; margin: auto 0; bottom: unset; transform: translateY(-50%);top: 50%; } */
.timeline-row:first-child::after {
    left: -54px;
    width: 97%;
    transform: none;
}

/*.timeline-row:first-child .timeline-box:last-child{margin-right: 5%;} */
.timeline-content {
    padding: 10px 10px 0;
    max-width: 250px;
}

.timeline-box.img-right .timeline-content,
.timeline-box.img-left .timeline-content {
    display: flex;
    align-items: flex-start;
}

.timeline-box.img-right .timeline-content img {
    margin-left: 18px;
}

.timeline-box.img-left .timeline-content img {
    margin-right: 18px;
}

.timeline-box.img-left .timeline-content {
    flex-direction: row-reverse;
}

.timeline-row:first-child .timeline-box:first-child img {
    filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    display: block;
    margin: 0;
}

.timeline-box-wrap .timeline-content img {
    filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    z-index: 2;
    position: relative;
}

.timeline-row:last-child .corner.bottom {
    display: none;
}

.timeline-row:nth-child(2n + 1) .timeline-box:last-child .timeline-box-wrap {
    text-align: center;
}

.start-point.end-point:before {
    display: none;
}

.start-point.end-point {
    position: absolute;
    bottom: 0;
    right: 0%;
    transform: translateX(50%);
}

.timeline-row:nth-child(2n + 2) .start-point.end-point {
    left: 0;
    transform: translateX(-50%);
    right: unset;
}

.timeline-box.img-right .timeline-content-txt {
    text-align: right;
}

.timeline-box.img-left .timeline-content-txt {
    text-align: left;
}

.timeline-box.img-left,
.timeline-box.img-right {
    text-align: center;
}

.timeline-row:first-child .timeline-box::after {
    left: auto;
    right: 0;
    -webkit-transform: translate(100%, -50%) rotate(0deg);
    transform: translate(100%, -50%) rotate(0deg);
}

.timeline-row:first-child .timeline-box:first-child {
    width: 36%;
}

.timeline-row .timeline-box:nth-child(3)::after {
    display: none;
}

.timeline-row:last-child .verticle-line::after {
    display: none;
}

.timeline-row:first-child .timeline-box:nth-child(2)::after {
    display: none;
}

.timeline-content-img .timeline-content {
    position: relative;
}

/*==============Responsive==============*/

@media screen and (max-width: 1800px) {
    .timeline-box {
        max-width: 460px;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 220px;
        max-height: 230px;
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%;
    }
}

@media screen and (max-width: 1600px) {
    .timeline-row:first-child .timeline-box:first-child {
        width: 38%;
    }

    .timeline-box {
        max-width: 380px;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 180px;
        max-height: 190px;
    }

    .timeline-box h6 {
        font-size: 50px;
    }

    .about-timeline {
        padding: 120px 0 100px;
    }

    .timeline-box p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {
    .about-timeline {
        padding: 100px 0 80px;
    }

    .start-point h4 {
        font-size: 15px;
        letter-spacing: 0;
    }

    .timeline-box h6 {
        font-size: 40px;
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 45%;
    }

    .timeline-box p {
        font-size: 15px;
        line-height: 1.4;
    }

    .timeline-box {
        max-width: 300px;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 140px;
        max-height: 200px;
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%;
    }

    .timeline-row:first-child .timeline-box:nth-child(2) {
        width: 150px;
    }
}

@media screen and (max-width: 1366px) {
    .timeline-row:nth-child(2n + 2) .start-point.end-point {
        transform: translateX(-10%);
    }
}

@media screen and (max-width: 1199px) {
    .about-timeline {
        padding: 90px 0 60px;
    }

    .timeline-box h6 {
        font-size: 34px;
    }

    .timeline-box {
        max-width: 240px;
    }

    .timeline-row:first-child {
        padding: 0 0 0 60px;
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 42%;
    }

    .timeline-box.img-right .timeline-content,
    .timeline-box.img-left .timeline-content {
        flex-wrap: wrap;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 180px;
        max-height: 200px;
    }

    .top-timeline-arrow.timeline-content-img .timeline-content::after {
        right: 0;
    }

    .img-right.timeline-content-img .timeline-content::after {
        top: -20px;
        right: -45px;
    }

    .timeline-box.img-right .timeline-content-txt {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .corner {
        display: none;
    }

    .timeline-row .horizontal-line {
        display: none;
    }

    .timeline-row:first-child {
        max-width: 100%;
        padding: 0;
    }

    .timeline-main {
        margin-top: 0;
    }

    .timeline-row .verticle-line {
        right: 50%;
        transform: translate(50%, 0);
        height: calc(100% - 0px);
    }

    .timeline-row:nth-child(2n + 2) .verticle-line {
        left: auto;
        right: 50%;
    }

    .verticle-line::after {
        display: none;
    }

    .timeline-row .timeline-box {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 100%;
        margin: 0;
    }

    .timeline-row:first-child .timeline-box:nth-child(2) {
        width: 100%;
    }

    .timeline-box p br {
        display: none;
    }

    .timeline-box h6 {
        transform: translate(0, -0%);
        padding: 0;
    }

    .timeline-content {
        padding: 0;
        max-width: 100%;
    }

    .timeline-box.img-right .timeline-content-txt {
        width: 100%;
    }

    .start-point.end-point {
        right: 50%;
    }

    .start-point h4 {
        margin-bottom: 0;
    }

    .about-timeline {
        padding: 80px 0;
    }

    .timeline-box::after {
        -webkit-transform: translate(-100%, 100%) rotate(180deg);
        transform: translate(-100%, 100%) rotate(180deg);
        right: 50%;
        top: 20px;
        left: 50%;
    }

    .timeline-box-wrap {
        width: 50%;
        text-align: right;
        padding: 0 30px 0 0;
        margin: 40px 0 0 0;
    }

    .timeline-row .timeline-box img {
        margin: 0 0 0 auto;
    }

    .timeline-row:first-child .timeline-box:nth-child(2)::after {
        display: block;
    }

    .timeline-row:first-child .timeline-box:first-child img {
        margin: 0 0 0 auto;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        margin: 0 0 0 auto;
    }

    .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
        margin: 40px 0 0 auto;
        padding: 0 0 0 30px;
        text-align: left;
    }

    .timeline-row:nth-child(2n + 1) .timeline-box::after {
        left: auto;
        right: 50%;
        -webkit-transform: translate(0%, 100%) rotate(180deg);
        transform: translate(0%, 100%) rotate(180deg);
        top: 20px;
    }

    .timeline-row .timeline-box:nth-child(2n)::after {
        transform: translate(100%, 100%) rotate(0deg);
        -webkit-transform: translate(100%, 100%) rotate(0deg);
        right: 50%;
        left: auto;
    }

    .timeline-row .timeline-box:nth-child(3)::after {
        display: block;
    }

    .timeline-box.img-left .timeline-content-txt {
        text-align: right;
    }

    .timeline-row:last-child {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 640px) {
    .about-timeline {
        padding: 50px 0;
    }

    .timeline-box h6 {
        font-size: 27px;
    }

    .timeline-box p {
        font-size: 14px;
        line-height: 1.4;
    }

    .timeline-box-wrap {
        margin: 30px 0 0 0;
    }

    .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
        margin: 30px 0 0 auto;
    }

    .timeline-box::after,
    .timeline-row:nth-child(2n + 1) .timeline-box::after {
        top: 6px;
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 100%;
        max-height: unset;
    }
}

/*Employee Life Cycle Ends*/
.chatBotpage {
    position: relative;
    z-index: 99;
    background-image: url("../images/chat-botBanner.png");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--white);
}

.chatBotpage.interanet {
    position: relative;
    z-index: 99;
    background-image: url("../images/intranetBanner.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--white);
}

.chatBotpage.blogpage {
    position: relative;
    z-index: 99;
    background-image: url("../images/blogBanner.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--white);
}

.chatBotpage.underMaintaince {
    background-image: url("../images/underMaintaince.png");
    position: relative;
}

/*.chatBotpage.underMaintaince:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('../images/underMaintaince_shape.png');
    background-size: cover;
}*/

.chatBotpage .comingSoon_Title {
    font-size: 72px;
}

.chatBotpage .comingSoon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.chatBotpage .comingSoon img {
    max-width: 750px;
}

@media (max-width: 1600px) {

    .interanet .comingSoon,
    .blogpage .comingSoon,
    .underMaintaince .comingSoon {
        transform: scale(0.9);
        transform-origin: left;
        z-index: 1;
    }

    .chatBotpage.underMaintaince {
        background-position: center left 60%;
    }
}

@media (max-width: 1440px) {
    .chatBotpage .comingSoon_Title {
        font-size: 60px;
    }

    .chatBotpage.underMaintaince {
        background-position: center;
    }
}

@media (max-width: 1366px) {
    .chatBotpage.underMaintaince {
        background-image: none;
        position: relative;
    }

    .chatBotpage.underMaintaince:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../images/underMaintaince.png);
        background-position: top left 80%;
        background-repeat: no-repeat;
        z-index: 1;
    }
}

@media screen and (width: 1024px) and (height: 1366px) {
    .chatBotpage.underMaintaince:before {
        background-image: url(../images/underMaintaince_Mob.png);
        background-position: bottom 150px center !important;
        background-size: 90% !important;
    }

    .chatBotpage.underMaintaince:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../images/underMaintaince_shape.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        opacity: 0.5;
    }

    .underMaintaince .comingSoon {
        padding-top: 100px !important;
    }
}

@media (max-width: 1024px) {
    .chatBotpage.interanet {
        background-image: url(../images/interanetMobile.png);
        background-position: center bottom 20px;
        background-size: 60%;
    }

    .interanet .comingSoon,
    .underMaintaince .comingSoon {
        transform: scale(1);
        transform-origin: center;
    }

    .chatBotpage.blogpage {
        background-image: url(../images/blogMobile.png);
        background-position: center bottom 20px;
        background-size: 45%;
    }

    .blogpage .comingSoon {
        transform: scale(1);
        transform-origin: center;
    }

    .chatBotpage {
        background-position: center right;
    }

    .chatBotpage .comingSoon {
        position: relative;
        display: flex;
        justify-content: start;
        align-items: center;
        flex-direction: column;
        padding-top: 100px;
    }

    .chatBotpage .comingSoon p {
        text-align: center;
    }

    .chatBotpage.underMaintaince:before {
        background-image: url(../images/underMaintaince_Mob.png);
        background-position: bottom 25px center;
        background-size: 55%;
    }

    .chatBotpage.underMaintaince:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../images/underMaintaince_shape.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        opacity: 0.5;
        background-size: 150%;
    }

    .underMaintaince .comingSoon {
        padding-top: 50px;
    }
}

@media (max-width: 991px) {
    .chatBotpage {
        background-position: center right -100px;
    }

    .chatBotpage.interanet,
    .chatBotpage.blogpage {
        background-position: center bottom 150px;
        background-size: 75%;
    }

    .chatBotpage.underMaintaince:before {
        background-size: 90%;
    }

    .underMaintaince .comingSoon {
        padding-top: 100px;
    }

    .chatBotpage.underMaintaince:after {
        background-size: 250%;
    }
}

/*Admin Dashboard Starts*/
.changePassword .viewPassword {
    position: absolute;
    top: 8px;
    right: 15px;
    height: 20px;
    width: 20px;
}

.swal2-container {
    z-index: 99999;
}

.swal2-container .swal2-html-container {
    max-height: 100%;
    padding: 15px;
    line-height: 150%;
    margin: 0;
}

.swal2-container .swal2-popup .swal2-title {
    font-weight: 500;
    font-size: 1.25vw;
    color: var(--body-text);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.swal2-container a {
    font-weight: 500;
    text-decoration: underline;
}

.swal2-actions .swal2-styled+.swal2-styled {
    margin-left: 20px;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-deny,
.swal2-styled.swal2-cancel {
    background-color: var(--theme-color-light) !important;
    color: var(--theme-color) !important;
    padding: calc(0.37rem + 1px) calc(0.65rem + 1px) !important;
    min-width: 100px;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
    margin: 0;
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-deny:hover,
.swal2-styled.swal2-cancel:hover {
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
}

/*19-04-2022 Ends*/

.leaveBalTable .table td:first-child,
.leaveBalTable .table th:first-child,
.leaveBalTable .table tr:first-child {
    padding-left: 1.25rem !important;
}

.leaveBalTable .table td:last-child,
.leaveBalTable .table th:last-child,
.leaveBalTable .table tr:last-child {
    padding-right: 0.75rem !important;
}

/*02-05-2022 Start*/
.dashboard_page .symbol-label img {
    height: 35px;
    width: 35px;
}

.dashboard_page .cand_details .stat-number {
    font-size: calc(1.35rem + 1.2vw) !important;
    font-weight: 600 !important;
}

/*02-05-2022 Ends*/
/* 04-05-2022 Start */
.month_salary_chart .highcharts-figure #container {
    height: 365px !important;
    width: 365px;
    margin: 0 auto;
}

.month_salary_chart .age_analysis_chart .highcharts-figure #container2 {
    height: 365px !important;
    width: 365px;
    margin: 0 auto;
}

.month_salary_chart .highcharts-figure {
    margin: 0 auto !important;
}

.ticket_mgmt_chart #total_salary_barchart .highcharts-figure #container3 rect.highcharts-point.highcharts-color-2 {
    fill: #fff8dd !important;
}

.ticket_mgmt_chart #total_salary_barchart .highcharts-figure #container3 rect.highcharts-point.highcharts-color-1 {
    fill: #ffe8ef !important;
}

.ticket_mgmt_chart #total_salary_barchart .highcharts-figure #container3 rect.highcharts-point.highcharts-color-0 {
    fill: #f1faff !important;
}

.tot_salary_chart #total_salary_barchart .highcharts-figure #container1 rect.highcharts-point.highcharts-color-0 {
    fill: #004e79 !important;
}

.tot_salary_chart #total_salary_barchart .highcharts-figure #container1 rect.highcharts-point.highcharts-color-1 {
    fill: #f1416c !important;
}

.tot_salary_chart #total_salary_barchart .highcharts-figure #container1 rect.highcharts-point.highcharts-color-2 {
    fill: #ffc700 !important;
}

.tot_salary_chart #total_salary_barchart .highcharts-figure #container1 rect.highcharts-point.highcharts-color-3 {
    fill: #50cd89 !important;
}

.month_salary_chart .highcharts-figure #recruitmentchartdiv {
    height: 365px !important;
    width: 365px;
    margin: 0 auto;
}

/* 04-05-2022 End */
/* 23-05-2022 Start */
@media (max-width: 1024px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: 0px;
    }
}

/* 23-05-2022 End */
/* 31-05-2022 Start switch button code */
.toggleWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}

.toggleWrapper input.mobileToggle+label {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.4s ease;
    height: 21px;
    width: 38px;
    border: 1px solid #e4e4e4;
    border-radius: 60px;
}

.toggleWrapper input.mobileToggle+label:before {
    content: "";
    position: absolute;
    display: block;
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    height: 20px;
    width: 36px;
    top: 0;
    left: 0;
    border-radius: 30px;
}

.toggleWrapper input.mobileToggle+label:after {
    content: "";
    position: absolute;
    display: block;
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: whitesmoke;
    height: 14px;
    width: 14px;
    top: 3px;
    left: 3px;
    border-radius: 60px;
}

.toggleWrapper input.mobileToggle:checked+label:before {
    background: var(--theme-color);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

.toggleWrapper input.mobileToggle:checked+label:after {
    left: 19px;
    background: #fff;
}

.toggleWrapper input.mobileToggle+label:after {
    background: #bfbfbf;
}

.circularChart {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    min-width: 65px;
    min-height: 65px;
}

.circularChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

/* .can_box:before {
    position: absolute;
    content: "";
    width: 200px;
    height: 400px;
    background-color: #000;
    border-radius: 130px;
    top: -70px;
    left: -30px;
    opacity: 0.05;
    transform: rotate(-45deg);
    z-index: -1;
} */
.can_box {
    position: relative;
    overflow: hidden;
    z-index: 9;
    height: 110px;
}

.bcf_box .badge-light-success .svg-icon.svg-icon-white svg [fill]:not(.permanent):not(g) {
    fill: #007c39 !important;
}

.bcf_box .badge-light-danger .svg-icon.svg-icon-white svg [fill]:not(.permanent):not(g) {
    fill: #f1416c !important;
}

.ad_doc_list:nth-child(1),
.ad_doc_list:nth-child(6n + 1) {
    background-color: var(--bs-primary-light);
}

.ad_doc_list:nth-child(2),
.ad_doc_list:nth-child(6n + 2) {
    background-color: var(--bs-danger-light);
}

.ad_doc_list:nth-child(3),
.ad_doc_list:nth-child(6n + 3) {
    background-color: var(--bs-success-light);
}

.ad_doc_list:nth-child(4),
.ad_doc_list:nth-child(6n + 4) {
    background-color: var(--bs-warning-light);
}

.ad_doc_list:nth-child(5),
.ad_doc_list:nth-child(6n + 5) {
    background-color: var(--bs-info-light);
}

.ad_doc_list:nth-child(6),
.ad_doc_list:nth-child(6n + 6) {
    background-color: var(--bs-dark-light);
}

.ad_doc_list:nth-child(1) .svg-icon svg [fill]:not(.permanent):not(g),
.ad_doc_list:nth-child(6n + 1) .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--bs-primary);
}

.ad_doc_list:nth-child(2) .svg-icon svg [fill]:not(.permanent):not(g),
.ad_doc_list:nth-child(6n + 2) .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--bs-danger);
}

.ad_doc_list:nth-child(3) .svg-icon svg [fill]:not(.permanent):not(g),
.ad_doc_list:nth-child(6n + 3) .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--bs-success);
}

.ad_doc_list:nth-child(4) .svg-icon svg [fill]:not(.permanent):not(g),
.ad_doc_list:nth-child(6n + 4) .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--bs-warning);
}

.ad_doc_list:nth-child(5) .svg-icon svg [fill]:not(.permanent):not(g),
.ad_doc_list:nth-child(6n + 5) .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--bs-info);
}

.ad_doc_list:nth-child(6) .svg-icon svg [fill]:not(.permanent):not(g),
.ad_doc_list:nth-child(6n + 6) .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--bs-dark);
}

/*Admin Dashboard Ends*/

.favorite_links_widget .link_edit_delete_list {
    position: absolute;
    right: -3px;
    z-index: 1;
    top: 20px;
}

.highcharts-title {
    display: none;
}

/*Report Detail Start*/
.reportDetail .select2 .select2-selection {
    background-color: #ffffff !important;
}

.reportDetail .filter-sec .filter-item {
    margin: 0 10px 10px 0;
}

/*Report Detail End*/

/*User Group Start*/

.userGroup_page .addUser,
.userGroup_page .addReport {
    border-radius: 50%;
    background-color: #f9f9f9;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    display: inline-block;
}

.userGroup_page .addUser:hover,
.userGroup_page .addReport:hover {
    background-color: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.userGroup_page .addUser span,
.userGroup_page .addReport span {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-light-gray);
    border-radius: 50%;
    color: var(--bs-gray-600);
    border: 1px solid var(--bs-gray-300);
}

.userGroup_page .addUser span {
    right: 4px;
    bottom: 4px;
}

.userGroup_page .addReport span {
    right: 4px;
    bottom: 4px;
}

.userGroup_page .addReport span.valueAdded,
.userGroup_page .addUser span.valueAdded {
    background-color: var(--btn-dark);
    color: var(--white);
    font-size: 12px;
}

.modal .attendance_summary .search_employee ul li+li {
    margin-top: 0;
}

.addReportPopup .menu>.menu-item+.menu-item {
    border-top: 1px solid var(--bs-gray-300);
}

.addReportPopup .menu .menu-item .menu-link .menu-arrow:after {
    content: none;
}

.addReportPopup .menu .menu-item .menu-link .menu-arrow:before {
    content: "+";
    top: -9px;
    position: relative;
    font-size: 19px;
}

.addReportPopup .menu .menu-item.show .menu-link {
    background-color: transparent !important;
}

.addReportPopup .menu .menu-item.show .menu-link .menu-arrow:before {
    content: "-";
}

.addReportPopup .menu .menu-item .menu-link .menu-bullet {
    margin: 0;
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-link .menu-title {
    padding: 5px 8px;
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
}

.addReportPopup .menu .menu-item.show .menu-link.added .menu-title {
    background-color: #c5f5dc !important;
    border-radius: 2px;
    position: relative;
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(1) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 1) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(2) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 2) .bullet {
    background-color: rgba(var(--bs-success-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(3) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 3) .bullet {
    background-color: rgba(var(--bs-info-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(4) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 4) .bullet {
    background-color: rgba(var(--bs-warning-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(5) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 5) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 6) .bullet {
    background-color: rgba(var(--bs-body-rgb), 1);
}

/*User Group End*/

/*ELC List Start*/

.selectedFliedsGrid div:nth-child(1) .bullet,
.selectedFliedsGrid div:nth-child(6n + 1) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 1);
}

.selectedFliedsGrid div:nth-child(2) .bullet,
.selectedFliedsGrid div:nth-child(6n + 2) .bullet {
    background-color: rgba(var(--bs-success-rgb), 1);
}

.selectedFliedsGrid div:nth-child(3) .bullet,
.selectedFliedsGrid div:nth-child(6n + 3) .bullet {
    background-color: rgba(var(--bs-warning-rgb), 1);
}

.selectedFliedsGrid div:nth-child(4) .bullet,
.selectedFliedsGrid div:nth-child(6n + 4) .bullet {
    background-color: rgba(var(--bs-info-rgb), 1);
}

.selectedFliedsGrid div:nth-child(5) .bullet,
.selectedFliedsGrid div:nth-child(6n + 5) .bullet {
    background-color: rgba(var(--bs-primary-rgb), 1);
}

.selectedFliedsGrid div:nth-child(6) .bullet,
.selectedFliedsGrid div:nth-child(6n + 6) .bullet {
    background-color: rgba(var(--bs-body-rgb), 1);
}

.elc_master_page #modules_field_table .nav-tabs .nav-link.active {
    border-radius: 0;
    background-color: var(--bs-dark-light);
    color: var(--text-dark);
}

/*ELC List End*/

/*ELC Application Start*/
.elc_application .elc_workflowList {
    flex-wrap: wrap;
}

.elc_application .elc_workflowList {
    width: 100%;
}

.elc_application .elc_workflowList .elc_workflowList_item {
    width: 47%;
    margin-bottom: 25px;
}

@media (max-width: 1600px) {
    .elc_application .elc_workflowList .elc_workflowList_item {
        width: auto;
        margin-bottom: 25px;
        min-width: 200px;
    }
}

/*ELC Application End*/

/*UDF MASter Starts*/
.udfMaster .accordion-item .accordion-button {
    justify-content: start;
}

.condition_rules .ruleList {
    position: relative;
}

.condition_rules .ruleList+.ruleList:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: var(--bs-gray-400);
    left: -20px;
}

.condition_rules .ruleList:nth-child(2):before {
    position: absolute;
    content: "";
    width: 1px;
    height: 78px;
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: var(--bs-gray-400);
    top: -20px;
    left: -20px;
}

.condition_rules .ruleList:nth-child(3):before {
    position: absolute;
    content: "";
    width: 1px;
    height: 43px;
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: var(--bs-gray-400);
    top: -20px;
    left: -20px;
}

.condition_rules .invalid-feedback {
    position: absolute;
}

.udfMaster .percentage_iconSec {
    position: relative;
}

.udfMaster .percentage_iconSec .percentage_icon {
    position: absolute;
    top: 6px;
    left: 110px;
}

.udfMaster .invalid-feedback {
    margin-left: 0;
}

/*UDF MASter Ends*/

/*Payroll Master List Page Start*/
.payrollMasterList_Page .accordion-button::after {
    top: inherit;
}

/*Payroll Master List Page End*/
#employee_profile-error {
    position: absolute;
    margin: 0;
}

#scroll_to_top {
    background-color: var(--tab-active);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 100px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#scroll_to_top:hover {
    cursor: pointer;
    background-color: #333;
}

#scroll_to_top svg {
    max-width: 25px;
}

#scroll_to_top svg path {
    fill: var(--white);
}

#scroll_to_top:active {
    background-color: #555;
}

#scroll_to_top.show {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 500px) {
    #scroll_to_top {
        margin: 10px 0px;
    }
}

#welcome_aboard_datatable tr td .table_emply_id {
    min-width: 75px;
    display: inline-block;
    font-weight: 600;
}

.page_nodata {
    width: 100%;
    height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.page_nodata .no_data_img {
    width: 400px;
    height: 400px;
    padding: 75px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 45px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    background-color: var(--white);
    opacity: 0.65;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

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

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

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

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

.page_nodata .no_data_img img {
    width: 100%;
}

.Sticky_Attendance_Table .second_profileImg {
    position: fixed;
    z-index: 9999999;
    right: 250px;
    top: -51px;
    -webkit-transition: 0.65s ease-in-out all;
    -moz-transition: 0.65s ease-in-out all;
    -ms-transition: 0.65s ease-in-out all;
    transition: 0.65s ease-in-out all;
    opacity: 0;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    padding: 12px 10px;
}

.Sticky_Attendance_Table.stickyProfile .second_profileImg {
    opacity: 1;
    top: 0px;
}

.TableHeaderFixed {
    max-height: calc(100vh - 200px);
}

.TableHeaderFixed thead {
    position: sticky;
    top: 0;
    z-index: 9;
}

@media (max-width: 1440px) {
    .Sticky_Attendance_Table .second_profileImg {
        /* right: 220px !important; */
        /* right: 490px !important; */
    }
}

@media (max-width: 1199px) {
    .Sticky_Attendance_Table .second_profileImg {
        right: 400px !important;
    }
}

@media (max-width: 991px) {
    .Sticky_Attendance_Table .second_profileImg {
        right: 380px !important;
    }
}

.download_letter_Btn {
    position: absolute;
    top: -2px;
    right: -65px;
}

/*Landing Coming Soon Start*/
.landingComingSoon {
    height: 100vh;
    width: 100%;
    position: relative;
}

.landingComingSoon:before {
    position: absolute;
    content: "";
    background-image: url("../images/new-banner_2.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.landingComingSoon .landingWrapper {
    position: absolute;
    top: 80px;
    left: 100px;
    right: 100px;
    bottom: 80px;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 50px 50px rgb(0 0 0 / 50%), 0 0 0 100px rgb(0 0 0 / 10%);
    z-index: 1;
}

.landingComingSoon .landingWrapper .landinglogo {
    max-width: 250px;
    position: relative;
    top: -50px;
    margin: 0 auto;
}

.landingComingSoon .poweredBy {
    position: absolute;
    bottom: 20px;
    margin: auto;
    text-align: center;
}

.countdown {
    width: 720px;
    margin: 0 auto;
}

.countdown .bloc-time {
    float: left;
    margin-right: 45px;
    text-align: center;
}

.countdown .bloc-time:last-child {
    margin-right: 0;
}

.countdown .count-title {
    display: block;
    margin-bottom: 15px;
    font: normal 0.94em "Noto Sans";
    color: #1a1a1a;
    text-transform: uppercase;
}

.countdown .figure {
    position: relative;
    float: left;
    height: 110px;
    width: 100px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 8px;
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2),
        inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2),
        inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2),
        inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}

.countdown .figure:last-child {
    margin-right: 0;
}

.countdown .figure>span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font: normal 5.94em/107px "Noto Sans";
    font-weight: 400;
    color: #de4848;
}

.countdown .figure .top:after,
.countdown .figure .bottom-back:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.countdown .figure .top {
    z-index: 3;
    background-color: #f7f7f7;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-transform: perspective(200px);
    -ms-transform: perspective(200px);
    -webkit-transform: perspective(200px);
    transform: perspective(200px);
}

.countdown .figure .bottom {
    z-index: 1;
}

.countdown .figure .bottom:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.02);
}

.countdown .figure .bottom-back {
    z-index: 2;
    top: 0;
    height: 50%;
    overflow: hidden;
    background-color: #f7f7f7;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.countdown .figure .bottom-back span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.countdown .figure .top,
.countdown .figure .top-back {
    height: 50%;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.countdown .figure .top-back {
    z-index: 4;
    bottom: 0;
    background-color: #fff;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform: perspective(200px) rotateX(180deg);
    -ms-transform: perspective(200px) rotateX(180deg);
    -webkit-transform: perspective(200px) rotateX(180deg);
    transform: perspective(200px) rotateX(180deg);
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.countdown .figure .top-back span {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 1600px) {
    .landingComingSoon .landingWrapper .landingWrapperInner {
        transform: scale(0.85);
    }
}

@media (max-width: 1440px) {
    .landingComingSoon .landingWrapper .landingWrapperInner {
        transform: scale(0.75);
    }
}

@media (max-width: 1024px) {
    .landingComingSoon h1 {
        font-size: 50px;
    }

    .landingComingSoon .landingWrapper .landingWrapperInner {
        transform: scale(0.9);
    }

    .landingComingSoon:before {
        opacity: 0.25;
        background-position: center;
    }
}

@media (max-width: 991px) {
    .landingComingSoon .landingWrapper .landingWrapperInner {
        transform: scale(0.75);
    }

    .landingComingSoon:before {
        background-position: center;
        background-position: center left -100px;
    }
}

@media screen and (width: 1366px) and (height: 1024px) {
    .landingComingSoon:before {
        background-position: center;
    }

    .landingComingSoon .landingWrapper .landingWrapperInner {
        transform: scale(1);
    }
}

@media screen and (width: 1024px) and (height: 1366px) {
    .landingComingSoon:before {
        background-position: center left -320px;
    }

    .landingComingSoon .landingWrapper .landingWrapperInner {
        transform: scale(1);
    }
}

/*Landing Coming Soon End*/

.login_page .twoStepInfo {
    position: absolute;
    background-color: #fff;
    left: -310px;
    max-width: 300px;
    bottom: 0;
    display: none;
}

.login_page .twoStepInfo.twoStepInfo_Visible {
    display: block;
}

@media (max-width: 991px) {
    .login_page .twoStepInfo {
        left: 0;
        right: 0;
        margin: 50px auto 0;
        bottom: auto;
    }
}

.remove-custome-file {
    position: absolute;
    top: 0;
    right: -23px;
}

.uploded_logo .remove_logo .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #fff;
}

.uploded_logo .remove_logo {
    position: absolute;
    top: -8px;
    right: -8px;
}

/*New Menu Start*/

.aside-menu .menu-item .menu-link.active:before,
.aside-menu .menu-item.show>.menu-link:before,
.aside-menu .menu-item .menu-link:hover:before {
    content: none;
}

.aside-menu .menu-item .menu-link {
    padding: 0 !important;
}

.menu-item .menu-link .menu-icon {
    width: 45px;
    height: 40px;
    justify-content: center !important;
    position: relative;
}

/* .aside-menu .menu-item .menu-link.active .menu-icon:before,
.aside-menu .menu-item .menu-link:hover .menu-icon:before,
.aside-menu .menu-item .menu-link.active .menu-icon:before,
.aside-menu .menu-item.show>.menu-link .menu-icon:before,
.aside-menu .menu-item .menu-link:hover .menu-icon:before{
    width: 100%;
    height: 100%;
    border-radius: 6px;
    position: absolute;
    content: "";
    background: transparent linear-gradient(85deg, #8F8F8F 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 0.2;
    left: 0;
    z-index: -1;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
} */
.aside-menu .menu-item.show>.menu-link {
    position: relative;
}

.aside-menu .menu-item.show>.menu-link:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    content: none;
    background: rgb(0 225 0);
    opacity: 1;
    left: 30px;
    top: 5px;
    z-index: -1;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.aside-menu .menu-item.summary_popup.show .menu-icon:before {
    background: none;
}

.summary_popup {
    box-shadow: inset 0px 0px 11px 3px rgb(37 37 37);
}

.header .hamburgerIcon {
    display: none;
}

.tooltip.bs-tooltip-end .tooltip-inner {
    background-color: var(--tab-active);
    color: var(--white);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-end .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--tab-active) !important;
}

.tooltip.bs-tooltip-end {
    left: 15px !important;
}

.menuPopup {
    z-index: 999999999;
}

.menuPopup .modal-body .btn {
    position: absolute;
    top: 5px;
    right: 10px;
}

.menuPopup .modal-body .modal-body-inner {
    min-height: 250px;
    max-height: calc(100vh - 90px);
}

.menuPopup .modal-body .subMenu_li {
    padding: 0;
    margin-top: 15px;
}

@media (max-width: 1600px) {
    .menuPopup .modal-body .subMenu_li {
        margin: 20px 0;
    }
}

.menuPopup .modal-body ul li {
    list-style: none;
    margin: 5px 0 20px;
    line-height: 110%;
}

.menuPopup .modal-body ul li+li {
    margin-top: 0;
}

.menuPopup .modal-body .subMenu_li li {
    margin: 0 0 10px;
}

.menuPopup .modal-body ul li a {
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    display: block;
}

.menuPopup .modal-body ul li a:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    background-color: var(--tab-active);
    border-radius: 5px;
    left: 5px;
    top: 5px;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.menuPopup .modal-body ul li a:after {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    border: 2px solid var(--bs-success);
    opacity: 0.75;
    border-radius: 50px;
    left: 0px;
    top: 0;
    transform: scale(0);
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.menuPopup .modal-body ul li a:hover:after,
.menuPopup .modal-body ul li a.active:after {
    transform: scale(1);
}

.menuPopup .modal-body ul li a:hover,
.menuPopup .modal-body ul li a.active {
    color: var(--tab-active);
}

.menuPopup .modal-body ul li a.active {
    font-weight: 500;
}

.mob_sidemenu,
#kt_aside_toggle {
    display: none;
}
@media screen and (width: 1366px) and (height: 1024px) {
    [data-kt-aside-minimize="on"] .aside-hoverable:not(:hover) .aside-logo .app-sidebar-logo-default {
        display: block;
    }

    .aside-enabled.aside-fixed[data-kt-aside-minimize="on"] .wrapper {
        padding-left: 55px !important;
    }

    .aside-menu .menu-item .menu-title,
    .header .hamburgerIcon {
        display: block;
    }

    .aside,
    .aside .aside-menu,
    [data-kt-aside-minimize="on"] .aside {
        width: 55px;
        transition: 0.18s ease-in-out width;
        -webkit-transition: 0.18s ease-in-out width;
        -moz-transition: 0.18s ease-in-out width;
        -ms-transition: 0.18s ease-in-out width;
    }

    /* .aside .aside-menu:hover {
        width: 225px;
    } */

    .aside .aside-menu:hover .aside-logo .app-sidebar-logo-default {
        display: inline-block;
    }

    [data-kt-drawer-aside="on"] .aside,
    [data-kt-drawer-aside="on"] .aside .aside-menu {
        width: 225px !important;
    }

    .aside-enabled.aside-fixed[data-kt-drawer-aside="on"] .wrapper {
        padding-left: 225px;
    }

    .aside-enabled.aside-fixed.header-fixed[data-kt-drawer-aside="on"] .header {
        left: 225px;
    }

    .aside-menu .menu-item .menu-link.active:before,
    .aside-menu .menu-item .menu-link:hover:before,
    .aside-menu .menu-item .menu-link.active:before,
    .aside-menu .menu-item.show>.menu-link:before,
    .aside-menu .menu-item .menu-link:hover:before {
        width: 100%;
    }

    .aside-menu .menu-title {
        opacity: 1 !important;
        white-space: nowrap;
    }

    /* .menu-item .menu-link .menu-icon {
        margin-right: 0.6rem;
    } */

    [data-kt-drawer-aside="on"] .aside .aside-logo .logo {
        opacity: 1 !important;
        left: 0;
        transform-origin: center;
        transform: scale(0.8);
        top: 7px;
        transition: 0.5s ease-in-out all;
        -webkit-transition: 0.5s ease-in-out all;
        -moz-transition: 0.5s ease-in-out all;
        -ms-transition: 0.5s ease-in-out all;
    }

    [data-kt-drawer-aside="on"] .aside .aside-logo .shrink-logo {
        opacity: 0 !important;
    }

    .chat_sec {
        position: fixed;
        width: 65px;
    }

    .aside-enabled.aside-fixed.header-fixed .header {
        left: 0;
    }

    .menuPopup .modal-content {
        width: 100%;
        margin-right: 0;
    }

    .frequently_visited_links_desk ul {
        padding: 0;
    }

    .aside .aside-logo {
        padding: 0 10px;
    }

    body[data-kt-aside-minimize="on"] .footer {
        left: 75px;
        border-radius: 10px 10px 0 0;
    }
}

@media (max-width: 1024px) {

    .aside-menu .menu-item .menu-title,
    .header .hamburgerIcon {
        display: block;
    }

    .aside .aside-menu {
        width: 250px;
    }

    .mob_sidemenu {
        display: block;
    }

    .aside-menu .menu-item .menu-link.active:before,
    .aside-menu .menu-item .menu-link:hover:before,
    .aside-menu .menu-item .menu-link.active:before,
    .aside-menu .menu-item.show>.menu-link:before,
    .aside-menu .menu-item .menu-link:hover:before {
        width: 100%;
    }

    .chat_sec {
        position: fixed;
        width: 250px;
    }

    .aside-enabled.aside-fixed.header-fixed .header {
        left: 0;
    }

    .menuPopup .modal-content {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (width: 1366px) and (height: 1024px) {
    .mob_sidemenu {
        display: block;
    }
}

.modal-body-inner::-webkit-scrollbar-track {
    background-color: transparent;
}

.menuPopup .modal-body {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.menuPopup .modal-body:before {
    position: absolute;
    content: "";
    width: 320px;
    height: 320px;
    right: -20px;
    bottom: -20px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.15;
}

/* .menuPopup .modal-body.eimMenuPopup:before {
    background-image: url("../images/menuPopup/eim-color.png");
    bottom: -50px;
}
.menuPopup .modal-body.employeeInfoMenuPopup:before {
    background-image: url("../images/menuPopup/employee-info-color.png");
    background-size: contain;
    bottom: -71px;
    right: 15px;
}
.menuPopup .modal-body.attendanceMenuPopup:before {
    background-image: url("../images/menuPopup/attendance-color.png");
}
.menuPopup .modal-body.leaveMenuPopup:before {
    background-image: url("../images/menuPopup/leaves-color.png");
}
.menuPopup .modal-body.notificationMenuPopup:before {
    background-image: url("../images/menuPopup/notification-color.png");
    bottom: -40px;
    right: 15px;
}
.menuPopup .modal-body.securityMenuPopup:before {
    background-image: url("../images/menuPopup/security-color.png");
    width: 240px;
    height: 240px;
    right: 10px;
    bottom: 10px;
}
.menuPopup .modal-body.widgetMenuPopup:before {
    background-image: url("../images/menuPopup/widgets-color.png");
    width: 240px;
    height: 240px;
    right: 10px;
    bottom: 10px;
    opacity: 0.4;
}
.menuPopup .modal-body.elcMenuPopup:before {
    background-image: url("../images/menuPopup/elc-color.png");
}
.menuPopup .modal-body.payrollMenuPopup:before {
    background-image: url("../images/menuPopup/payroll.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.payrollMenuPopup:before {
    background-image: url("../images/menuPopup/payroll.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.delegationsMenuPopup:before {
    background-image: url("../images/menuPopup/delegate-color.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}

.menuPopup .modal-body.intranetMenuPopup:before {
    background-image: url("../images/menuPopup/intranet.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}

.menuPopup .modal-body.recruitmentMenuPopup:before {
    background-image: url("../images/menuPopup/requirement.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.offBoardingMenuPopup:before {
    background-image: url("../images/menuPopup/offBoarding.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.assetsMenuPopup:before {
    background-image: url("../images/menuPopup/assetsMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.onBoardingMenuPopup:before {
    background-image: url("../images/menuPopup/onBoardingMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.trainingDevelopmentMenuPopup:before {
    background-image: url("../images/menuPopup/trainingDevelopmentMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}

.menuPopup .modal-body.pmsMenuPopup:before {
    background-image: url("../images/menuPopup/pmsMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}

.menuPopup .modal-body.TicketMenuPopup:before {
    background-image: url("../images/menuPopup/TicketMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}

.menuPopup .modal-body.MasterReportsMenuPopup:before {
    background-image: url("../images/menuPopup/MasterReportsMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}

.menuPopup .modal-body.DisciplinaryMenuPopup:before {
    background-image: url("../images/menuPopup/DisciplinaryMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.visitorMenuPopup:before {
    background-image: url("../images/menuPopup/visitorMenuPopup.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
}
.menuPopup .modal-body.OrgMenuPopup:before {
    background-image: url("../images/menuPopup/OrgPopupMenu.png");
    width: 250px;
    height: 250px;
    bottom: 10px;
    right: 0;
} */
.menuPopup .menu-column {
    width: 50%;
    max-width: 50%;
    margin-right: 0;
    margin-bottom: 15px;
}

@media (max-width: 1440px) {
    .menuPopup .menu-column {
        width: 225px;
    }
}

@media (max-width: 1280px) {
    .menuPopup .menu-column {
        width: 225px;
    }
}

/*New Menu End*/

.currency_per {
    position: absolute;
    top: 8px;
    right: -25px;
}

.custom_approver_employee .select2-container--bootstrap5 .select2-selection__clear span {
    top: 1px;
}

.customPayPeriodTable th {
    font-size: 14px;
    font-weight: 500;
    max-height: 15px;
    line-height: 125%;
}

.customPayPeriodTable.table th,
.customPayPeriodTable.table tr,
.customPayPeriodTable.table td {
    padding: 0 10px 0 0 !important;
    border: 0 !important;
    padding-bottom: 15px !important;
}

.customPayPeriodTable.table td input {
    width: 100%;
}

/*pay components*/
.tbl-header table {
    width: 100%;
    table-layout: fixed;
}

.tbl-content {
    height: 315px;
    overflow-x: auto;
    margin-top: 0px;
}

/*Pay Process Multistep Start*/
.payroll_process_page .multistep_content .accordion-item {
    padding: 1.25rem 1.875rem;
}

.payroll_process_page .multistep_content .accordion-item .accordion-button {
    padding: 0;
}

.payroll_process_page .multistep_content .accordion-item .accordion-button::before,
.payroll_process_page .multistep_content .accordion-item .accordion-button::after {
    right: 0;
}

.payroll_process_page .multistep_content .accordion-item .accordion-button::after {
    top: 0;
}

.payroll_process_page .multistep_indicator li .stepNum {
    background-color: var(--bg-light-gray);
    position: relative;
}

.payroll_process_page .multistep_indicator li .stepNum:before {
    position: absolute;
    content: "";
    right: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 25px 0 0;
    border-color: var(--bg-light-gray) transparent transparent transparent;
}

.payroll_process_page .multistep_indicator li.current .stepNum {
    background-color: rgba(var(--bs-danger-rgb), 0.25);
}

.payroll_process_page .multistep_indicator li.current .stepNum:before {
    border-color: rgba(var(--bs-danger-rgb), 0.25) transparent transparent transparent;
}

/*.payroll_process_page .multistep_content{
    height: calc(100vh - 275px);
}*/
.payroll_process_page .multistep_content .step-1 {
    display: inline-block;
    height: 100%;
}

.step-2:before,
.step-3:before,
.step-4:before {
    position: absolute;
    content: "";
    bottom: 5px;
    right: 5px;
    width: 300px;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* .step-1:before{
    background-image: url('../images/step-1.png');
    opacity: 0.2;
} */
.step-2:before {
    background-image: url("../images/step-2.png");
    opacity: 0.2;
}

.step-3:before {
    background-image: url("../images/step-3.png");
    bottom: 15px;
    right: 15px;
    opacity: 0.25;
}

.step-4:before {
    background-image: url("../images/step-4.png");
    bottom: 15px;
    right: 15px;
    opacity: 0.15;
}

/*Lock Animation S*/
.btn-lock {
    position: absolute;
    display: flex;
    background: #ff5b5b;
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    justify-content: center;
    align-items: center;
}

.btn-lock svg {
    fill: none;
    transform: translate3d(0, 0, 0);
}

.btn-lock svg .bling {
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 3;
    stroke-dashoffset: 15;
    transition: all 0.3s ease;
}

.btn-lock svg .lock {
    stroke: #fff;
    stroke-width: 4;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 36;
    transition: all 0.4s ease;
}

.btn-lock svg .lockb {
    fill: #fff;
    fill-rule: evenodd;
    clip-rule: evenodd;
    transform: rotate(8deg);
    transform-origin: 14px 20px;
    transition: all 0.2s ease;
}

#inpLock,
#inpLock2 {
    display: none;
}

#inpLock.checked+label,
#inpLock2.checked+label {
    background: var(--bs-success);
}

#inpLock.checked+label svg,
#inpLock2.checked+label svg {
    opacity: 1;
}

#inpLock.checked+label svg .bling,
#inpLock2.checked+label svg .bling {
    animation: bling 0.3s linear forwards;
    animation-delay: 0.2s;
}

#inpLock.checked+label svg .lock,
#inpLock2.checked+label svg .lock {
    stroke-dasharray: 48;
    animation: locked 0.3s linear forwards;
}

#inpLock.checked+label svg .lockb,
#inpLock2.checked+label svg .lockb {
    transform: rotate(0);
    transform-origin: 14px 22px;
}

@-moz-keyframes bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }

    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}

@-webkit-keyframes bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }

    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}

@-o-keyframes bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }

    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}

@keyframes bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }

    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}

@-moz-keyframes locked {
    50% {
        transform: translateY(1px);
    }
}

@-webkit-keyframes locked {
    50% {
        transform: translateY(1px);
    }
}

@-o-keyframes locked {
    50% {
        transform: translateY(1px);
    }
}

@keyframes locked {
    50% {
        transform: translateY(1px);
    }
}

/* Lock Animation E */

/*Pay Process Multistep End*/

/*Calander page Starts*/
.calanderMonth .monthName {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 20px;
}

.calander tr td,
.calander tr th {
    display: table-cell;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    position: relative;
    text-align: center;
}

.calander tr th {
    font-size: 13px;
}

.calander tr td span {
    display: inline-block;
    padding: 3px;
    width: 30px;
    height: 30px;
    line-height: 24px;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    margin-bottom: 4px;
    position: relative;
    color: var(--bs-gray-700);
}

.calander tr td span:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.calander tr td span.oldDay {
    color: var(--bs-gray-300);
}

.calander tr td span.currentDay {
    background-color: var(--overtime);
}

.calander tr td span.currentDay:before {
    background-color: var(--bs-primary);
}

.calander tr td span.holiday {
    background-color: var(--theme-color-light);
}

.calander tr td span.holiday:before {
    background-color: var(--theme-color);
}

.calander tr td span.WeekOff {
    /* background-color: var(--bs-gray-100); */
    border-radius: 0;
    position: relative;
}

.calander tr td span.WeekOff:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    background-color: var(--bs-gray-100);
    left: 0px;
    bottom: -5px;
}

.calander tr td span.WeekOff.holiday {
    /* background-color: var(--theme-color-light); */
    border-radius: 50%;
    outline: none;
}

.holiday_inner {
    min-width: 150px;
}

.holiday_inner .h-title {
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: 500;
    line-height: 100%;
}

.holiday_inner .h_day {
    position: absolute;
    padding: 2px 8px;
    border-radius: 0 0 5px 5px;
    top: 0;
    right: 10px;
    font-weight: 500;
}

.holiday_inner .h_date {
    box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
    background-color: var(--theme-color);
    text-shadow: 1px 1px 2px rgba(15, 15, 15, 0.25);
    color: #ffffff;
}

.holiday_inner2 {
    min-width: 150px;
    text-align: center;
}

.holiday_inner2 .h_date {
    box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
    background-color: var(--theme-color-light);
}

.holiday_inner3 {
    min-width: 150px;
    text-align: center;
}

.holiday_inner3 .h_top {
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 60px;
}

.holiday_inner3 .h_top .h_date {
    font-weight: 500;
}

.holiday_inner3 .h_top small {
    width: 110%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--theme-color-light);
    position: absolute;
    bottom: 5px;
    left: -5%;
    height: 80px;
    right: -5%;
    z-index: -1;
}

.leaveWidgetTable .holiday_inner .h_date {
    background-color: transparent;
}

.holiday_list .dash_leave .leaveWidgetTable ul li+li {
    margin-top: 5px;
}

/* .dash_leave .leaveWidgetTable ul {
    height: 250px;
} */

.dash_leave .leaveWidgetTable ul li .noHoliday {
    height: calc(250px - 32px);
    width: 100%;
}

.dash_leave .leaveWidgetTable.calanderMonth {
    width: 23%;
}

@media (max-width: 1600px) {
    .dash_leave .leaveWidgetTable {
        padding: 0 10px;
    }
}

@media (max-width: 1366px) {
    .dash_leave .leaveWidgetTable.calanderMonth {
        width: 33.33%;
    }
}

@media (max-width: 991px) {
    .dash_leave .leaveWidgetTable.calanderMonth {
        width: 50%;
    }
}

/*Calander page Ends*/

/*Profile page Start */
.profile_page #team_details_anaytics .teamDetailMain {
    --auto-grid-min-size: 16rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 1rem;
}

/* .profile_page .teamDetailsBox {
    width: 173px;
}

@media (max-width: 1440px) {
    .profile_page .teamDetailsBox {
        width: 166px;
    }
}

@media (max-width: 1366px) {
    .profile_page .teamDetailsBox {
        width: 182px;
    }
}

@media (max-width: 1280px) {
    .profile_page .teamDetailsBox {
        width: 167px;
    }
}

@media (max-width: 1024px) {
    .profile_page .teamDetailsBox {
        width: 142px;
    }
} */

.profile_page .emply_name {
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
}

.history-tl-container ul.tl {
    margin: 20px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.history-tl-container ul.tl li {
    list-style: none;
    margin: auto;
    margin-left: 135px;
    min-height: 50px;
    /*background: rgba(255,255,0,0.1);*/
    border-left: 1px dashed #86d6ff;
    padding: 0 0 50px 30px;
    position: relative;
}

.history-tl-container ul.tl li:last-child {
    border-left: 0;
    padding-bottom: 0;
}

.history-tl-container ul.tl li::before {
    position: absolute;
    left: -16px;
    top: -5px;
    content: " ";
    border: 8px solid rgba(255, 255, 255, 0.74);
    border-radius: 500%;
    background: var(--theme-color);
    height: 30px;
    width: 30px;
    transition: all 500ms ease-in-out;
}

.history-tl-container ul.tl li:hover::before {
    border-color: var(--theme-color);
    transition: all 1000ms ease-in-out;
}

.history-tl-container ul.tl li .item-title {}

.history-tl-container ul.tl li .item-detail {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}

.history-tl-container ul.tl li .timestamp {
    color: #8d8d8d;
    position: absolute;
    width: 100px;
    left: -150px;
    text-align: right;
    font-size: 12px;
}

.leave_freq .col:nth-child(6n + 1) .badge {
    background-color: var(--bs-light-danger);
    color: var(--bs-danger);
}

.leave_freq .col:nth-child(6n + 2) .badge {
    background-color: var(--bs-light-primary);
    color: var(--bs-primary);
}

.leave_freq .col:nth-child(6n + 3) .badge {
    background-color: var(--bs-light-success);
    color: var(--bs-success);
}

.leave_freq .col:nth-child(6n + 4) .badge {
    background-color: var(--bs-light-warning);
    color: var(--bs-gray-600);
}

.leave_freq .col:nth-child(6n + 5) .badge {
    background-color: var(--bs-light-info);
    color: var(--bs-info);
}

.leave_freq .col:nth-child(6n + 6) .badge {
    background-color: var(--bs-light-dark);
    color: var(--bs-dark);
}

.leave_freq .col:nth-child(6n + 7) .badge {
    background-color: var(--bs-light-secondary);
    color: var(--text-dark);
    box-shadow: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 5%) !important;
}

#bradfordFactorGraph .highcharts-label.highcharts-tooltip td:first-child {
    color: var(--text-dark) !important;
}

/*Profile Page Ends*/

/*Scrollable table Start*/
.scrollableTable thead {
    position: sticky;
    top: 0;
}

.formula_alert {
    position: absolute;
    top: 15px;
    right: 15px;
}

/*Scrollable table Ends*/
/*Calander page Ends*/

.delig-text {
    font-size: 10px;
}

/*Module Summary Popup Start*/

.menu_summary_modal.menuPopup .modal-body ul li a:before,
.menu_summary_modal.menuPopup .modal-body ul li a:after {
    content: none;
}

.menu_summary_modal.menuPopup .modal-body ul li {
    display: flex;
    align-items: center;
}

.menu_summary_modal.menuPopup .modal-body ul li a {
    padding-left: 0;
}

.menu_summary_modal.menuPopup .modal-body ul li:hover .module_summary_icon {
    opacity: 1;
    transform: translateY(-3px);
}

/*Module Summary Popup End*/

/*OnLeave Widget Starts*/
.on_leave_today {
    padding: 20px;
    justify-content: center;
}

.on_leave_today .empl_count {
    font-size: 20px;
}

.on_leave_today .leave_today {
    width: 50%;
}

.on_leave_today .active_today {
    width: 50%;
    padding-left: 25px;
    border-left: 1px solid var(--border-color);
}

@media (max-width: 1600px) {
    .on_leave_today .active_today {
        padding-left: 20px;
    }

    .on_leave_today .empl_count {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .on_leave_today .leave_today {
        width: 48%;
    }

    .on_leave_today .active_today {
        width: 52%;
    }

    .on_leave_today {
        padding: 15px;
    }

    .on_leave_today .active_today {
        padding-left: 15px;
    }
}

@media (max-width: 1280px) {
    .on_leave_today .empl_count {
        padding: 5px !important;
    }
}

@media (max-width: 1024px) {
    .on_leave_today .leave_today {
        width: 100%;
    }

    .on_leave_today .active_today {
        width: 100%;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid var(--border-color);
        border-left: 0;
        padding-left: 0;
    }
}

/*OnLeave Widget Ends*/

/*Onboard - Dyanamic Report page (URL Issue) - Start */
.long_url .select2-selection .select2-selection__choice .select2-selection__choice__display {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dataFiltration .long_url .select2-container {
    width: auto !important;
}

/*Onboard - Dyanamic Report page (URL Issue) - End*/

/*Intranet Page Start*/
.shadow-chat {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.intranet-header {
    position: fixed;
    /* background-color: #fff; */
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    width: 100%;
    /* border-radius: 0 0 20px 20px; */
    /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important; */
    /* background-image: linear-gradient(135deg, #0a1940 0%, #5e68ab 100%); */
}

.intranet-post-header.wise_post_section {
    z-index: 1;
    background-color: #fff;
    position: fixed;
    width: 100%;
}

.intranet-header .icon-notifi-bell:before {
    /* color: var(--text-dark); */
    /* color: #fff; */
}

@media (min-width: 1399px) {
    .intranet-header {
        width: 89.7%;
    }
}

@media (min-width: 1441px) {
    .intranet-header {
        width: 92%;
    }
}

@media (min-width: 1599px) {
    .intranet-header {
        width: 88.4%;
    }
}

@media (min-width: 1699px) {
    .intranet-header {
        /* width: 1410px; */
        width: 73.75%;
    }
}

@media (max-width: 1366px) {
    .intranet-header {
        width: 98%;
    }
}

@media (max-width: 1199px) {
    .intranet-header {
        width: 97.6%;
    }
}

@media (max-width: 991px) {
    .intranet-header {
        width: 96.6%;
    }
}

.intranet-logo {
    display: flex;
}

.intranet-footer {
    box-shadow: 3px -1px 6px rgba(var(--black-rgba), 0.16);
    position: fixed;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    width: 100%;
    /* width: calc(100% - 80px); */
    border-radius: 20px 20px 0 0;
    /* box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    -moz-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    -ms-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;  */
}

@media (min-width: 1399px) {
    .intranet-footer {
        width: 89.7%;
    }
}

@media (min-width: 1441px) {
    .intranet-footer {
        width: 92%;
    }
}

@media (min-width: 1599px) {
    .intranet-footer {
        width: 88.4%;
    }
}

@media (min-width: 1699px) {
    .intranet-footer {
        /* width: 1410px; */
        width: 73.75%;
    }
}

@media (max-width: 1366px) {
    .intranet-footer {
        width: 98%;
    }
}

@media (max-width: 1199px) {
    .intranet-footer {
        width: 97.6%;
    }
}

@media (max-width: 991px) {
    .intranet-footer {
        width: 96.6%;
    }
}

.intranet .ql-container {
    font-family: inherit !important;
    padding-right: 30px;
}

.intranet .intranet_textarea {
    position: relative;
    resize: none;
}

.intranet .card .card-body .card-content {
    font-size: 16px;
}

.intranet .postListing .img-badge-post {
    max-width: 200px;
}

.intranet .postListing .img-badge-post .rounded-circle {
    overflow: hidden;
}

@media (max-width: 1440px) {
    .intranet .card .card-body .card-content {
        font-size: 14px;
    }
}

.intranet .intranet_images .thumbnail-container {
    padding-bottom: 450px;
}

@media (max-width: 991px) {
    .intranet .intranet_images .thumbnail-container {
        padding-bottom: 350px;
    }
}

.intranet .intranet_images .thumbnail img {
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    /* width: 100%;
  height: 100%; */
    object-fit: cover;
}

.intranet .intranet_images .two-image,
.intranet .intranet_images .three-image,
.intranet .intranet_images .four-image {
    display: flex;
    flex-wrap: wrap;
}

.intranet .intranet_images .two-image .image-item+.image-item {
    margin-left: 0.5%;
}

.intranet .intranet_images .two-image .image-item {
    width: 49.75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49.75%;
    flex: 0 0 49.75%;
}

.intranet .intranet_images .three-image .image-item:first-child,
.intranet .intranet_images .four-image .image-item:first-child {
    width: 100%;
    flex: 0 0 100%;
    padding: 0 0 1px 0;
}

.intranet .intranet_images .three-image .image-item {
    width: 50%;
    flex: 0 0 50%;
    padding: 1px;
}

.intranet .intranet_images .three-image .image-item .thumbnail-container,
.intranet .intranet_images .four-image .image-item .thumbnail-container {
    padding-bottom: 250px;
}

@media (max-width: 991px) {

    .intranet .intranet_images .three-image .image-item .thumbnail-container,
    .intranet .intranet_images .four-image .image-item .thumbnail-container {
        padding-bottom: 150px;
    }
}

.intranet .intranet_images .four-image .image-item {
    width: 33.33%;
    flex: 0 0 33.33%;
    padding: 1px;
}

.intranet .intranet_images .four-image .image-item.more-images .thumbnail-container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.intranet .intranet_images .four-image .image-item.more-images .thumbnail-container .img_counter {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    z-index: 2;
}

#scroll_to_top {
    background-color: var(--tab-active);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 100px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#scroll_to_top:hover {
    cursor: pointer;
    background-color: #333;
}

#scroll_to_top svg {
    max-width: 25px;
}

#scroll_to_top svg path {
    fill: var(--white);
}

#scroll_to_top:active {
    background-color: #555;
}

#scroll_to_top.show {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 500px) {
    #scroll_to_top {
        margin: 10px 0px;
    }
}

.reation_btn {
    position: relative;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.reation_btn:hover {
    opacity: 1;
}

.reation_btn span {
    color: #7f7f7f;
}

.reation_btn .emoji-container {
    opacity: 0;
    position: absolute;
    top: -50px;
    left: 0;
    background: #fff;
    height: 65px;
    width: 245px;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    transition: opacity 200ms ease;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
}

.emoji-container .emojiCount {
    font-size: 11px;
}

.emoji_sec .user_self,
.user_self_2 {
    position: relative;
    padding: 1.5px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.emoji_sec .user_self:after {
    display: block;
    position: absolute;
    width: 55px;
    top: 30px;
    left: -10px;
    color: #fff;
    content: attr(data-title);
    background-color: rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    border-radius: 20px;
    opacity: 0;
    font-size: 12px;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
}

.emoji_sec .user_self:hover:after {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}

.reation_btn:hover .emoji-container {
    opacity: 1;
    pointer-events: all;
    top: -75px;
}

.reation_btn .emoji-container:before {
    display: block;
    content: "";
    background: transparent;
    height: 30px;
    position: absolute;
    width: 100%;
    bottom: -15px;
}

.reation_btn .emoji-container .emoji {
    width: 35px;
    height: 35px;
    float: left;
    opacity: 0.85;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.reation_btn .emoji-container .emoji:hover {
    opacity: 1;
}

.reation_btn .emoji-container .emoji .icon {
    width: 35px;
    height: 35px;
    float: left;
    transition: transform 200ms ease;
    position: relative;
}

.reation_btn .emoji-container .emoji:hover .icon {
    transform: translate(0, -6px);
}

.reation_btn .emoji-container .emoji:hover .icon:after {
    opacity: 1;
}

.reation_btn .emoji-container .emoji .icon:after {
    display: block;
    position: absolute;
    width: 55px;
    top: -30px;
    left: -10px;
    content: attr(data-title);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 4px 8px;
    border-radius: 20px;
    opacity: 0;
    font-size: 12px;
}

.reation_btn .symbol-group .symbol {
    margin-left: -6px;
    padding: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}

.comment .intranet_comment_textarea,
.comment .mentions-input-box .mentions {
    padding: 0 100px 0 0 !important;
    outline: 0;
}

.myPostRightSec {
    /* position: sticky;
    top: 70px; */
}

.analytics_box ul li {
    padding: 0 5px 5px 10px;
    border-left: 4px solid;
}

.analytics_box ul li:nth-child(4n + 1) {
    border-color: var(--bs-blue);
}

.analytics_box ul li:nth-child(4n + 2) {
    border-color: var(--bs-success);
}

.analytics_box ul li:nth-child(4n + 3) {
    border-color: var(--bs-warning);
}

.analytics_box ul li:nth-child(4n + 4) {
    border-color: var(--bs-danger);
}

.analytics_box ul li+li {
    margin-top: 8px;
}

.postStatus {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    pointer-events: none;
    pointer-events: none;
    pointer-events: none;
    pointer-events: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
}

.option_votes {
    pointer-events: all;
}

.dlt_btn {
    position: absolute;
    top: 15px;
    right: 15px;
}

.statusRibbon {
    position: absolute;
    top: -6.1px;
    right: 120px;
}

.statusRibbon span {
    position: relative;
    display: block;
    text-align: center;
    background: #f8463f;
    font-size: 11.5px;
    line-height: 1;
    padding: 10px 8px 6px;
    border-top-right-radius: 8px;
    color: #fff;
    letter-spacing: 0.25px;
}

.statusRibbon span:before,
.statusRibbon span:after {
    position: absolute;
    content: "";
}

.statusRibbon span:before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    background: #f8463f;
}

.statusRibbon span:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: #c02031;
}

.statusRibbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 31px solid transparent;
    border-right: 31px solid transparent;
    border-top: 6px solid #f8463f;
}

.poll_expiry_ribbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 41px solid transparent;
    border-right: 41px solid transparent;
    border-top: 6px solid #f8463f;
}

/* .statusRibbon.pending_ribbon span {
  background: #009ef7 !important;
}
.statusRibbon.pending_ribbon span:before {
  background: #009ef7 !important;
}
.statusRibbon.pending_ribbon span:after {
  background: #015a8d;
}
.statusRibbon.pending_ribbon:after {
  border-top: 8px solid #009ef7 !important;
} */

/*Pranav - 21-02-2023 - Start*/
.thumb-image .image_details_wrap {
    position: absolute;
    top: -10px;
    right: -10px;
}

.thumb-image .thumbone {
    cursor: grab;
}

/*Pranav - 21-02-2023 - End*/

/*Intranet Detail Popup Starts*/

.intranetPostDetail .myPostRightSec {
    position: sticky;
    top: 0;
}

.intranetPostDetail .intranet_images .thumbnail-container {
    padding-bottom: 75%;
}

.intranetPostDetail .intranet_images .thumbnail-container .thumbnail img {
    object-fit: contain;
}

.intranetPostDetail .intranet_images .owl-theme .owl-nav {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
    opacity: 0.5;
}

.intranetPostDetail .intranet_images .owl-carousel:hover .owl-nav {
    opacity: 1;
}

.intranetPostDetail .intranet_images .owl-carousel .owl-nav button.owl-next,
.intranetPostDetail .intranet_images .owl-carousel .owl-nav button.owl-prev {
    height: 35px;
    width: 35px;
    background-color: rgb(221 221 221 / 85%);
    border-radius: 50%;
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
}

.intranetPostDetail .intranet_images .owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.intranetPostDetail .intranet_images .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

/*Intranet Detail Popup Ends*/

/*Intranet Page Ends*/

/*OnLeave Widget Starts*/
.on_leave_today {
    padding: 20px;
    justify-content: center;
}

.on_leave_today .empl_count {
    font-size: 20px;
}

.on_leave_today .leave_today {
    width: 50%;
}

.on_leave_today .active_today {
    width: 50%;
    padding-left: 25px;
    border-left: 1px solid var(--border-color);
}

@media (max-width: 1600px) {
    .on_leave_today .active_today {
        padding-left: 20px;
    }

    .on_leave_today .empl_count {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .on_leave_today .leave_today {
        width: 48%;
    }

    .on_leave_today .active_today {
        width: 52%;
    }

    .on_leave_today {
        padding: 15px;
    }

    .on_leave_today .active_today {
        padding-left: 15px;
    }
}

@media (max-width: 1280px) {
    .on_leave_today .empl_count {
        padding: 5px !important;
    }
}

@media (max-width: 1024px) {
    .on_leave_today .leave_today {
        width: 100%;
    }

    .on_leave_today .active_today {
        width: 100%;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid var(--border-color);
        border-left: 0;
        padding-left: 0;
    }
}

/*OnLeave Widget Ends*/

/* Pranav 01-03-2023 intranet start */

.cstm_post_view_ic i {
    font-size: 18px;
    background-color: #f0f0f0;
    border-radius: 3px;
}

.cstm-ck .cke_chrome {
    border: none;
}

.cstm-ck .cke_inner {
    display: flex !important;
    flex-direction: column-reverse;
}

.cstm-ck .cke_top {
    background: none;
    border: none;
}

.cke_autocomplete_panel {
    width: 300px !important;
    margin-top: 10px !important;
    border-radius: 10px !important;
    border: 1px solid #e7e7e7 !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
}

.cke_autocomplete_panel img {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    max-width: 40px !important;
}

.cke_autocomplete_panel>li {
    padding: 6px 8px !important;
}

.cke_autocomplete_panel>li span {
    color: #777877;
    font-size: 15px;
    font-weight: 600;
}

.ck-mention-cstm {
    border-bottom: 1px solid #ddd;
}

.mention_desig {
    font-size: 13px !important;
}

.cstm-design {
    font-size: 13px !important;
    padding-top: 10px !important;
}

.cstm_ck_comment .cke_chrome {
    border: none;
}

.cstm_ck_comment .cke_reset {
    display: flex;
    flex-direction: column-reverse;
}

.cstm_ck_comment .cke_top {
    border-top: 1px solid #ddd;
    background: none;
    border-bottom: none;
}

.postView p {
    margin-bottom: 0;
}

/* Pranav 01-03-2023 intranet end*/
/*Your Approvals Page Starts*/

.yourApproval .content_box {
    position: relative;
    opacity: 0.8;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.yourApproval .content_box:hover {
    opacity: 0.9;
    transform: translateY(-5px);
}

.yourApproval .content_box:before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    width: 75px;
    height: 75px;
    opacity: 0.07;
}

.yourApproval .content_box.emp_information:before {
    background-image: url(../images/emp_information.png);
}

.yourApproval .content_box.emp_dependant:before {
    background-image: url(../images/emp_dependant.png);
    right: 10px;
    opacity: 0.09;
}

.yourApproval .content_box.emp_nominee:before {
    background-image: url(../images/emp_nominee.png);
    right: 10px;
    opacity: 0.2;
}

.yourApproval .content_box.emp_card:before {
    background-image: url(../images/emp_card.png);
    right: 10px;
    opacity: 0.09;
}

.yourApproval .content_box.emp_experiance:before {
    background-image: url(../images/emp_experiance.png);
    right: 10px;
    opacity: 0.09;
}

.yourApproval .content_box.emp_qualification:before {
    background-image: url(../images/emp_qualification.png);
    right: 10px;
}

.yourApproval .content_box.emp_attendance:before {
    background-image: url(../images/emp_attendance.png);
    right: 10px;
}

.yourApproval .content_box.emp_attachment:before {
    background-image: url(../images/emp_attachment.png);
    right: 10px;
    opacity: 0.15;
}

.yourApproval .content_box.emp_compOff:before {
    background-image: url(../images/emp_compOff.png);
    right: 10px;
    opacity: 0.15;
}

.yourApproval .content_box.emp_shortLeave:before {
    background-image: url(../images/emp_shortLeave.png);
    right: 10px;
    opacity: 0.15;
}

.yourApproval .content_box.emp_delegation:before {
    background-image: url(../images/emp_delegation.png);
    right: 10px;
    opacity: 0.3;
}

.yourApproval .content_box.emp_leave:before {
    background-image: url(../images/emp_leave.png);
    right: 10px;
    width: 65px;
    height: 65px;
}

.yourApproval .content_box.elc_application:before {
    background-image: url(../images/elc_application.png);
    right: 10px;
}

.yourApproval .content_box.emp_intranet:before {
    background-image: url(../images/emp_intranet.png);
    right: 10px;
    opacity: 0.45;
}

.yourApproval .content_box.emp_requirement:before {
    background-image: url(../images/emp_requirement.png);
    right: 10px;
    opacity: 0.45;
}

#view_approval_modal.modal .modal-body ul.nav-tabs li {
    list-style: none;
    margin-left: 0;
}

#view_approval_modal.modal .modal-body ul.nav-tabs li+li {
    margin: 0 0 0 25px;
}

#view_approval_modal.modal .modal-body ul.nav-tabs li a {
    margin: 0;
}

@media (max-width: 1536px) {
    .yourApproval .content_box h5 {
        font-size: 16px;
    }
}

.statusRibbon.fnfribbon {
    width: 40px;
    right: 40px;
    opacity: 0.9;
}

.statusRibbon.fnfribbon span {
    position: relative;
    display: block;
    text-align: center;
    background: #50cd89;
    font-size: 10px;
    line-height: 1;
    padding: 6px 8px 3px;
    border-top-right-radius: 8px;
    color: #fff;
    letter-spacing: 0.25px;
}

.statusRibbon.fnfribbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 20px solid transparent;
    border-top: 4px solid #50cd89;
}

.statusRibbon.fnfribbon span:before {
    background: #87e1b0;
}

.statusRibbon.fnfribbon span:after {
    background: #266e47;
}

/*Your Approvals Page Ends*/

.filter_sorting.active i {
    color: var(--body-text) !important;
}

/*Product Roadmap Page Starts*/
.product_roadmap {
    position: relative;
}

.product_roadmap:before {
    position: absolute;
    content: "";
    background: transparent linear-gradient(180deg, #CBD5ED 0%, #FFFFFF 50%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 800px;
}

.product_roadmap:after {
    position: absolute;
    content: "";
    background-image: url(https://www.hrhub.app/assets/images/banner-pattern.webp);
    background-repeat: no-repeat;
    background-position: top -500px center;
    width: 100%;
    height: 500px;
    z-index: 1;
}

.product_roadmap .page_content:before {
    position: absolute;
    content: "";
    background-image: url(https://www.hrhub.app/assets/images/blue-patch.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.product_roadmap .whatsNewTitle {
    color: #1A1818;
    font-size: 72px;
    font-weight: 600;
    line-height: 120%;
    position: relative;
    z-index: 3;
}

.product_roadmap .page_content {
    position: relative;
}

/* .product_roadmap .page_content:before {
    position: absolute;
    content: "";
    background-image: url(https://www.hrhub.app/assets/images/banner-pattern.webp);
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
    background-size: 500px;
    width: 100%;
    height: 100%;
    z-index: -1;
} */

.product_roadmap nav {
    flex-direction: column;
    position: fixed;
    top: 5%;
    bottom: auto;
    z-index: 10;
}

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

.product_roadmap li {
    padding: 0 0 15px;
}

.product_roadmap span {
    display: inline-block;
    position: relative;
    line-height: 100%;
}

.product_roadmap nav a {
    display: inline-block;
    color: #272727;
    text-decoration: none;
    font-size: 16px;
}

.product_roadmap .circle {
    height: 10px;
    width: 10px;
    left: -10px;
    border-radius: 50%;
    background-color: #272727;
}

.product_roadmap .rect {
    height: 3px;
    width: 0px;
    left: 0;
    bottom: 4px;
    background-color: #272727;
    -webkit-transition: -webkit-transform 0.6s, width 1s;
    -moz-transition: -webkit-transform 0.6s, width 1s;
    transition: transform 0.6s, width 1s;
}

.product_roadmap nav .active-section .rect {
    width: 40px;
}

.product_roadmap .nav__wrapper {
    position: fixed;
    left: 80px;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}

.product_roadmap .nav {
    margin: 0 0 50px 30px;
    flex-direction: column;
}

.product_roadmap .nav__counter {
    font-size: 20px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    color: var(--text-dark);
}

.product_roadmap .nav__title {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    width: 300px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.product_roadmap .nav__body {
    text-transform: uppercase;
    font-size: 14px;
}

.product_roadmap .nav li {
    position: relative;
    transition: all 0.3s ease-in-out;
    margin-bottom: 7px;
}

.product_roadmap .nav li:after {
    content: "";
    display: block;
    border-left: 2px solid var(--text-dark);
    border-top: 2px solid var(--text-dark);
    height: 250px;
    width: 20px;
    position: absolute;
    left: -30px;
    top: 15px;
}

.product_roadmap .nav li a {
    display: block;
    padding: 0;
    color: var(--text-dark);
    transition: all 0.3s ease-in-out;
    position: relative;
    top: 5px;
}

.product_roadmap .nav li a.active-section:hover,
.product_roadmap .nav li a.active-section {
    background-color: transparent;
    padding-left: 5px;
    pointer-events: none;
}

.product_roadmap .nav li a:focus {
    background-color: transparent;
}

.product_roadmap .nav li a.active-section:after {
    width: 35px;
    height: 400px;
    top: 35px;
}

.product_roadmap .nav li a.active-section .nav__counter {
    font-size: 35px;
    position: relative;
    top: -5px;
}

.product_roadmap .nav li a.active-section .nav__title {
    height: auto;
    opacity: 1;
    overflow: visible;
}

.product_roadmap .content-section {
    position: relative;
    width: 50%;
    text-align: center;
    z-index: 2;
}

.product_roadmap .content-section .shadow {
    border-radius: 25px;
    background-color: #ffffff;
}

.product_roadmap .content-section .whats_new_content_link {
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.product_roadmap .content-section .whats_new_content_link:hover {
    color: var(--theme-color);
}

.product_roadmap .content-main {
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 325px;
    min-height: calc(100vh - 150px);
    margin-bottom: 25px;
    padding: 25px;
}

@media (max-width: 1600px) {
    .product_roadmap .content-main {
        background-size: 275px;
    }
}

@media (max-width: 1440px) {
    .product_roadmap .content-main {
        background-size: 225px;
    }
}

.product_roadmap .content-main img {
    max-width: 100px;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(50px);
    transition: 0.75s ease-in-out all;
    -webkit-transition: 0.75s ease-in-out all;
    -moz-transition: 0.75s ease-in-out all;
    -ms-transition: 0.75s ease-in-out all;
    filter: drop-shadow(6px 5px 6px rgba(0, 0, 0, 0.35));
}

.product_roadmap .content-main .content_title {
    font-size: 30px;
    opacity: 0;
    transform: translateY(70px);
    transition: 0.75s ease-in-out all;
    -webkit-transition: 0.75s ease-in-out all;
    -moz-transition: 0.75s ease-in-out all;
    -ms-transition: 0.75s ease-in-out all;
    transition-delay: 0.5s;
}

@media (max-width: 1366px) {
    .product_roadmap .content-main .content_title {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .product_roadmap .content-main .content_title {
        font-size: 20px;
    }
}

.product_roadmap .content-main .content_body {
    opacity: 0;
    transform: translateY(90px);
    transition: 0.75s ease-in-out all;
    -webkit-transition: 0.75s ease-in-out all;
    -moz-transition: 0.75s ease-in-out all;
    -ms-transition: 0.75s ease-in-out all;
    transition-delay: 0.75s;
    width: 60%;
}

@media (max-width: 1440px) {
    .product_roadmap .content-main .content_body {
        width: 90%;
    }
}

@media (max-width: 1366px) {
    .product_roadmap .content-main .content_body {
        font-size: 14px;
    }

    .product_roadmap .content-main img {
        max-width: 80px;
    }

    .product_roadmap .nav__counter {
        font-size: 20px;
    }

    .product_roadmap .nav li a.active-section .nav__counter {
        font-size: 30px;
    }
}

.product_roadmap .active-content .content-main img,
.product_roadmap .active-content .content-main .content_title,
.product_roadmap .active-content .content_body {
    opacity: 1;
    transform: translateY(0);
}

.product_roadmap2 .content-main {
    background-size: cover;
    overflow: hidden;
}

.product_roadmap3 .content-main {
    background-size: contain;
}

.launching_date {
    position: absolute;
    height: 100px;
    width: 100px;
    background-image: url(../images/launching_date.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 20px;
    left: 20px;
    opacity: 0;
    transition: 1s ease-in-out all;
    -webkit-transition: 1s ease-in-out all;
    -moz-transition: 1s ease-in-out all;
    -ms-transition: 1s ease-in-out all;
    transform: scale(0);
}

.product_roadmap .active-content .launching_date {
    opacity: 0.65;
    transform: scale(0.9);
}

.launching_date span {
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    font-size: 13px;
    font-weight: 600;
}

.launching_date span b {
    display: block;
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 10px;
}

.wn_year {
    writing-mode: tb-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(180deg);
    white-space: nowrap;
    display: block;
    bottom: 50px;
    width: 100px;
    height: 20px;
    font-size: 100px;
    position: absolute;
    left: -82px;
    font-weight: 600;
    opacity: 0.35;
}

@media (max-width: 1024px) {
    .product_roadmap .nav__wrapper {
        padding: 0;
        left: 75px;
    }

    .product_roadmap .content-section {
        width: 65%;
        margin-left: 25%;
    }

    .product_roadmap .content-main .content_body {
        width: 80%;
    }

    .product_roadmap .page_content {
        padding-top: 0 !important;
    }

    .product_roadmap .nav li {
        padding: 0 0 5px;
        margin-bottom: 5px;
    }

    .product_roadmap .nav__counter {
        font-size: 16px;
    }

    .product_roadmap .nav li a.active-section .nav__counter {
        font-size: 24px;
    }

    .wn_year {
        font-size: 70px;
        bottom: 90px;
    }

    .product_roadmap .nav {
        margin-bottom: 75px;
    }

    .product_roadmap .content-main {
        height: calc(65vh - 150px);
    }
}

@media (max-width: 991px) {
    .product_roadmap .content-section {
        margin-left: 30%;
    }
}

/*Product Roadmap Page Ends*/

/* Pranav 03-03-2023 admin-dashboard css start  */

.pulse1 {
    background-color: rgba(0, 78, 121, 0.75);
    animation: pulse1 2500ms infinite;
}

@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 78, 121, 0.75);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

/* Pranav 03-03-2023 admin-dashboard css end  */

/* Pranav Intranet page changes start 06-03-2023 */

.reation_btn:hover .emoji-container {
    z-index: 111;
}

.dummy-desc .ql-container.ql-snow {
    border: 0 !important;
}

.dummy-desc textarea {
    resize: none;
}

.card-body .for-less-height {
    min-height: 70px !important;
}

/* Pranav Intranet page changes start 06-03-2023 */

/* dynamic report url select box design fix  */
.select2-container--bootstrap5 .select2-dropdown ul[aria-multiselectable="true"] .select2-results__option {
    padding: 0.75rem 2.55rem 0.75rem 1.25rem;
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* dynamic report url select box design end   */
/* email template popup set */

/* .email_template_popup {
    margin-bottom: 50px;
} */

/* Prem Intranet Notification changes start 07-03-2023 */

.intranet_notification {
    background-color: var(--white);
}

.intranet_notification .notificationList {
    flex-direction: column;
}

.intranet_notification .notificationList li {
    border-bottom: 1px solid var(--bs-gray-200);
    position: relative;
}

.intranet_notification .notificationList li.unread {
    background-color: rgba(var(--bs-primary-rgb), 0.04);
    border-bottom-color: rgba(var(--bs-primary-rgb), 0.04);
}

.intranet_notification .notificationList li.unread .dot {
    position: absolute;
    top: 17px;
    right: 20px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--bs-dark);
}

.get_intranet_notification {
    top: 50px;
    right: -10px;
    position: absolute;
}

/* Prem Intranet Notifications changes start 07-03-2023 */

/* generate fnf start   */

.statusRibbon.fnfribbon {
    width: 40px;
    right: 40px;
    opacity: 0.9;
}

.statusRibbon.fnfribbon span {
    position: relative;
    display: block;
    text-align: center;
    background: #50cd89;
    font-size: 10px;
    line-height: 1;
    padding: 6px 8px 3px;
    border-top-right-radius: 8px;
    color: #fff;
    letter-spacing: 0.25px;
}

.statusRibbon.fnfribbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 20px solid transparent;
    border-top: 4px solid #50cd89;
}

.statusRibbon.fnfribbon span:before {
    background: #87e1b0;
}

.statusRibbon.fnfribbon span:after {
    background: #266e47;
}

/* generate fnf end   */

/*Payroll Dashboard New Start*/

.payroll_empInf .emplyInfo_title {
    font-size: 15.5px;
}

.payroll_empInf .emplyInfo_number {
    font-size: 30px;
}

@media (max-width: 1600px) {
    .payroll_empInf .emplyInfo_title {
        font-size: 14px;
    }

    .payroll_empInf .emplyInfo_number {
        font-size: 22px;
    }
}

@media (max-width: 1550px) {
    .payroll_empInf .emplyInfo_title {
        font-size: 13px;
    }

    .payroll_empInf .emplyInfo_number {
        font-size: 26px;
    }
}

@media (max-width: 1440px) {
    .payroll_empInf .emplyInfo_title {
        font-size: 12.5px;
    }
}

@media (max-width: 1366px) {
    .payroll_empInf .emplyInfo_title {
        font-size: 15px;
    }

    .payroll_empInf .emplyInfo_number {
        font-size: 28px;
    }
}

.payroll_empInf .card {
    border-radius: 20px;
}

.payroll_dash .pulse_icon {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
}

.pulse-theme {
    background-color: var(--theme-color);
    animation: pulse-theme 2500ms infinite;
}

@keyframes pulse-theme {
    0% {
        box-shadow: 0 0 0 0 var(--theme-color);
    }

    100% {
        box-shadow: 0 0 0 5px var(--theme-color-light);
    }
}

.pulse1 {
    background-color: var(--bs-blue);
    animation: pulse1 2500ms infinite;
}

@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-blue);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse2 {
    background-color: var(--bs-pink);
    animation: pulse2 2500ms infinite;
}

@keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-pink);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse3 {
    background-color: var(--bs-indigo);
    animation: pulse3 2500ms infinite;
}

@keyframes pulse3 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-indigo);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse4 {
    background-color: var(--bs-orange);
    animation: pulse4 2500ms infinite;
}

@keyframes pulse4 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-orange);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse5 {
    background-color: var(--bs-dark);
    animation: pulse5 2500ms infinite;
}

@keyframes pulse5 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-dark);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse6 {
    background-color: var(--bs-teal);
    animation: pulse6 2500ms infinite;
}

@keyframes pulse6 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-teal);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse7 {
    background-color: var(--bs-yellow);
    animation: pulse7 2500ms infinite;
}

@keyframes pulse7 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-yellow);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse8 {
    background-color: var(--bs-gray-600);
    animation: pulse8 2500ms infinite;
}

@keyframes pulse8 {
    0% {
        box-shadow: 0 0 0 0 var(--bs-gray-600);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-primary-light);
    }
}

.pulse_danger {
    background-color: var(--bs-danger);
    animation: pulse_danger 2500ms infinite;
}

@keyframes pulse_danger {
    0% {
        box-shadow: 0 0 0 0 var(--bs-danger);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-light-danger);
    }
}

.pulse_success {
    background-color: var(--bs-success);
    animation: pulse_success 2500ms infinite;
}

@keyframes pulse_success {
    0% {
        box-shadow: 0 0 0 0 var(--bs-success);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-light-success);
    }
}

.pulse_info {
    background-color: var(--bs-info);
    animation: pulse_info 2500ms infinite;
}

@keyframes pulse_info {
    0% {
        box-shadow: 0 0 0 0 var(--bs-info);
    }

    100% {
        box-shadow: 0 0 0 5px var(--bs-light-info);
    }
}

.highcharts-figure.intiModule {
    max-width: 500px !important;
}

.highcharts-figure.empGender {
    max-width: 450px !important;
}

.highcharts-figure.monthCompare,
.highcharts-figure.gross_net {
    max-width: 100% !important;
}

.upcoming_notif .pulse2 {
    background-color: var(--bs-red);
}

.upcoming_notif img {
    opacity: 0.65;
    max-width: 35px;
    padding: 5px;
}

.upcoming_notif:hover img {
    animation: shake 1300ms;
}

@keyframes shake {
    0% {
        transform: rotateZ(0);
    }

    10% {
        transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0);
    }
}

.payroll_nofify .notify_list:nth-child(1) .bullet,
.payroll_nofify .notify_list:nth-child(6n + 1) .bullet {
    background-color: rgba(var(--bs-primary-rgb), 0.85);
}

.payroll_nofify .notify_list:nth-child(2) .bullet,
.payroll_nofify .notify_list:nth-child(6n + 2) .bullet {
    background-color: rgba(var(--bs-success-rgb), 0.85);
}

.payroll_nofify .notify_list:nth-child(3) .bullet,
.payroll_nofify .notify_list:nth-child(6n + 3) .bullet {
    background-color: rgba(var(--bs-info-rgb), 0.85);
}

.payroll_nofify .notify_list:nth-child(4) .bullet,
.payroll_nofify .notify_list:nth-child(6n + 4) .bullet {
    background-color: rgba(var(--bs-warning-rgb), 0.85);
}

.payroll_nofify .notify_list:nth-child(5) .bullet,
.payroll_nofify .notify_list:nth-child(6n + 5) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 0.85);
}

.payroll_nofify .notify_list:nth-child(6) .bullet,
.payroll_nofify .notify_list:nth-child(6n + 6) .bullet {
    background-color: rgba(var(--bs-body-rgb), 0.85);
}

/*Payroll Dashboard New End*/
/* Pranav payroll CSS 09-03-2023 start  */

.for_upload_error #attendance_upload-error {
    position: absolute;
    margin-top: 105px;
    margin-left: 0;
}

/* Pranav payroll CSS 09-03-2023 end  */

/* pranav ribbon Changes  start 13-03-2023*/

.pending_ribbon span {
    background-color: #ff8b1c;
}

.pending_ribbon span:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    background: #ff8b1c;
}

.pending_ribbon::after {
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 6px solid #ff8b1c;
}

.pending_ribbon span:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: #ff8b1c;
}

/* pranav ribbon Changes  end 13-03-2023*/

/* Pranav intranet post design css start 14-03-2023 */
/* Pranav intranet post design css end 14-03-2023 */

/* Pranav admin-dashboard pop-up css Chnages start  */

.pagination li+li {
    margin-top: 0 !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding: 0 !important;
    margin-top: 10px;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding: 0 !important;
}

.dataTables_scroll .dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollBody table thead {
    display: none;
}

/* .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #d5d5d5 !important;
    margin-bottom: 10px;
}

.dataTables_scrollBody .dataTable {
    border: 0 !important;
}

.dataTables_scrollBody,
.taskData,
.select2-container--default .select2-results>.select2-results__options {
    scroll-behavior: smooth;
}

.dataTables_scrollBody::-webkit-scrollbar,
.taskData::-webkit-scrollbar,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb:horizontal,
.taskData::-webkit-scrollbar-thumb:horizontal,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(93, 93, 93, 0.25);
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-track,
.taskData::-webkit-scrollbar-track,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb,
.taskData::-webkit-scrollbar-thumb,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(93, 93, 93, 0.25);
} */

/* Pranav admin-dashboard pop-up css Chnages end  */

/* Pranav intranet notification pop up design css start 14-03-2023 */

.get_intranet_notification .notifi-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #2b3a4a;
    border-radius: 50%;
    transform: scale(0.8);
    box-shadow: 0 0px 20px rgb(255 255 255 / 25%),
        0 6px 6px rgb(255 255 255 / 25%) !important;
}

.get_intranet_notification .notifi-close .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--white);
}

/*Post detail Popup Header CSS Starts*/
.post_detail_modal .modal .modal-header {
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}

.post_detail_modal .modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: white;
}

.view_employees_modal .modal-header {
    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
}

.view_employees_modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: white;
}

.post_detail_page .modal-header {
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}

.post_detail_page .modal-header .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: white;
}

/*Post detail Popup Header CSS Ends*/

.current_comments+.current_comments {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

#post_preview_modal.modal .modal-header,
#post_detail_page.modal .modal-header,
#badges_count_details.modal .modal-header,
#post_edit.modal .modal-header,
#voters_list.modal .modal-header,
#react_employees_modal.modal .modal-header {
    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
}

#post_preview_modal.modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g),
#post_detail_page.modal .modal-header,
#badges_count_details.modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g),
#post_edit.modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g),
#voters_list.modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g),
#react_employees_modal.modal .modal-header .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: white;
}

.close_reply_to.svg-icon:hover svg [fill]:not(.permanent):not(g),
#post_preview_modal.modal .modal-header .btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
#post_detail_page.modal .modal-header,
#badges_count_details.modal .modal-header .btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
#post_edit.modal .modal-header .btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
#voters_list.modal .modal-header .btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
#react_employees_modal.modal .modal-header .btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--text-dark);
}

/* Pranav intranet notification pop up design css end 14-03-2023 */

/*Intranet Poll Start*/
.timepicker-sec {
    position: relative;
}

.timepicker-sec:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    top: 10px;
    right: 15px;
    background-image: url("../images/time.png") !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.pollOptions .add_btn {
    width: 110px;
}

.pollOptions .add_btn .icon-plus:before {
    color: var(--theme-color);
}

.pollOptions .add_btn:hover .icon-plus:before {
    color: white;
}

.pollOptions .more-option {
    position: relative;
}

.pollOptions .more-option .remove-option {
    position: absolute;
    top: -10px;
    right: -5px;
}

.pollOptionList .pollOptionValue {
    width: calc(100% - 125px);
}

.intranet_polls .pollOptionList:nth-child(1) .progress-bar,
.intranet_polls .pollOptionList:nth-child(6n + 1) .progress-bar {
    background-color: var(--bs-blue);
}

.intranet_polls .pollOptionList:nth-child(2) .progress-bar,
.intranet_polls .pollOptionList:nth-child(6n + 2) .progress-bar {
    background-color: var(--bs-warning);
}

.intranet_polls .pollOptionList:nth-child(3) .progress-bar,
.intranet_polls .pollOptionList:nth-child(6n + 3) .progress-bar {
    background-color: var(--bs-danger);
}

.intranet_polls .pollOptionList:nth-child(4) .progress-bar,
.intranet_polls .pollOptionList:nth-child(6n + 4) .progress-bar {
    background-color: var(--bs-success);
}

.intranet_polls .pollOptionList:nth-child(5) .progress-bar,
.intranet_polls .pollOptionList:nth-child(6n + 5) .progress-bar {
    background-color: var(--bs-info);
}

.intranet_polls .pollOptionList:nth-child(6) .progress-bar,
.intranet_polls .pollOptionList:nth-child(6n + 6) .progress-bars {
    background-color: var(--bs-gray-700);
}

.intranet_polls .pollOptionList {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.intranet_polls .pollOptionList:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.intranet_polls .pollOptionList.pollSelected:before {
    width: 100%;
}

.intranet_polls .pollOptionList:hover,
.intranet_polls .pollOptionList.pollSelected:before {
    background: linear-gradient(90deg,
            rgb(212 236 255) 0%,
            28.2609%,
            rgb(249, 233, 216) 56.5217%,
            78.2609%,
            rgb(255 239 223) 100%);
}

.close_post {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 1;
    transform: scale(0.9);
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.close_post:hover {
    opacity: 1;
}

.close_post svg {
    max-width: 17px;
}

/*Intranet Poll End*/

/* Pranav intranet-dashboard css start 16-03-2023  */
.intranet_dashboard .container {
    max-width: 1500px;
}

.emoji-total-count-box .emoji-count-img {
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
}

.emoji-total-count-box:hover .emoji-count-img {
    transform: translateY(-10px);
}

/* Pranav intranet-dashboard css end 16-03-2023  */
/*Theme Color Change from logo Starts*/
.getcolorcode span {
    position: relative;
    border-radius: 4px;
}

.getcolorcode.color_selected span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 3px solid white;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
}

/* Theme Color Change from logo ends */

.bg-theme-light-red,
.bg-theme-light {
    background-color: var(--theme-color-light);
}

.AvgTimeDecision {
    position: relative;
    overflow: hidden;
}

.AvgTimeDecision:before {
    position: absolute;
    content: "";
    background-image: url(../images/AvgTime.png);
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    right: -70px;
    opacity: 0.3;
    top: 0;
    filter: drop-shadow(-3px 0px 5px rgba(0, 0, 0, 0.5));
}

/* Pranav intranet-dashboard css end 16-03-2023  */

.dash_bday .nav-tabs .nav-item .nav-link span {
    position: relative;
}

.dash_bday .nav-tabs .nav-item .nav-link span.show_active:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--theme-color);
    right: -13px;
    top: 4px;
    display: flex;
    opacity: 0.75;
    align-items: center;
    animation: pulse2 2500ms infinite;
    justify-content: center;
    font-size: 11px;
    line-height: 130%;
    color: #424242;
}

.no_data span {}

/*Intranet New CSS Start*/
.intranetBody {
    background-color: #f1f1f1;
}

@media (min-width: 1441px) {
    .intranet.container {
        max-width: 1441px;
    }
}

@media (max-width: 1366px) {
    .intranet.container {
        max-width: 100%;
    }
}

.intranet {
    /* padding: 75px 15px 50px; */
}

.intranet .intraBox {
    border-radius: 5px;
    display: block;
    width: 100%;
    background-color: #fff;
    margin-bottom: 1.5rem;
    box-shadow: 0 6px 22px 0 rgb(0 0 0 / 8%);
}

.intranet .intraBox.intraEmplyInfo {
    text-align: center;
}

.intranet .intraBox .userName {
    display: block;
    width: 100%;
    padding-top: 40px;
    background-image: url(../images/bg-1.jpg);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.intranet .intraBox .userName .usr-pic {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: -48px;
    display: inline-block;
}

.intranet .intraBox .userName .usr-pic>img {
    float: none;
    border: 4px solid #fff;
    background-color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
}

.intranet .intraBox .user-main-details {
    display: block;
    width: 100%;
    padding: 50px 0 15px 0;
}

.intranet .intraBox .user-main-details span {
    color: #a7a8aa;
    font-size: 14px;
    font-weight: 400;
}

.intranet .intraBox .followers-dts {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
    display: flex;
}

.intranet .intraBox .followers-dts li {
    width: 33.33%;
    text-align: center;
}

.intranet .intraBox .followers-dts li+li {
    border-left: 1px solid #e6e6e6;
}

.intranet .intraBox .followers-dt-sm h4 {
    color: #313131;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 5px;
}

.intranet .intraBox .profile-link {
    display: block;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 17px;
}

.intranet .intraBox .profile-link a {
    font-size: 14px;
}

.intranet .intraBox .intraBoxTitle {
    font-size: 16px;
}

.intraEmplySearchList li+li {
    margin-top: 15px;
}

.intraEmplySearchList .accordion-button {
    position: relative;
}

.intraboradcast .owl-stage-outer {
    box-shadow: var(--shadow);
}

.intraboradcast.owl-theme .owl-dots .owl-dot span {
    margin: 0 4px;
    width: 8px;
    height: 8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.intraboradcast .boradcast .br_ct_img .overlay .overlay-wrapper {
    width: 30px;
    height: 30px;
}

.intraboradcast .boradcast {
    position: relative;
}

.intraboradcast .owl-stage-outer:before {
    position: absolute;
    content: "";
    background-image: url(../images/broadcast-icon.png);
    width: 60px;
    height: 60px;
    bottom: -5px;
    left: -5px;
    opacity: 0.65;
    z-index: 1;
}

.intraboradcast.owl-theme.owl-dots .owl-dot.active span {
    width: 20px;
}

.intranet .intraEmplySearchList .accordion-button:before {
    content: none;
}

.intranet .intraEmplySearchList .accordion-button:after {
    width: 20px;
    height: 20px;
    top: 8px;
    right: -4px;
    font-size: 11px;
    background-color: #f2f2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 20px;
    opacity: 0.85;
}

.find_collection {
    padding: 0;
    background: transparent;
    box-shadow: var(--shadow);
    max-height: 150px;
}

.find_collection a {
    padding: 5px 10px;
    font-size: 14px;
    display: block;
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #f2f2f2;
}

.intraEmplySearchList .accordion-body {
    padding: 0;
}

.intraEmplySearchList .accordion-body .dash_emply_details {
    padding: 5px;
    font-size: 13px;
    background-color: #f7f7f7;
    margin-top: 5px;
}

.intraEmplySearchList .accordion-body .dash_emply_details .emply_details_item+.emply_details_item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #f2f2f2;
}

.group_icon img {
    background-color: #f2f2f2;
}

.group_icon .group_icon_remove {
    position: absolute;
    background-color: #fff;
    display: flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: -8px;
    right: -8px;
    line-height: -5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    font-size: 13px;
}

.intranetBody .no_data span {
    font-size: 14px;
}

/* @media(max-width:1366px){
    #post_analytics .col
} */

/*Intranet New CSS End*/
/*
.intranet{padding:75px 15px 50px;}
.intranet .form-select.form-select-solid{font-size:13px;padding:3px 30px 3px 5px!important;}
.intranet .intranetBday .imgIcon{position:absolute;bottom:-5px;right:-5px;}
.intranet .boradcast .br_ct_content{flex:auto;margin:0;}
.intranet .boradcast .br_ct_img .overlay .overlay-wrapper{width:35px;height:35px;border-radius:5px;}
.intranet .boradcast .br_ct_date{width:70px;height:70px;flex:0 0 70px;}
.intranet .boradcast .br_ct_date .date-box .br_ct_day{font-size:20px;}
.intranet .boradcast span.br_ct_month,.intranet .boradcast span.br_ct_year{font-size:13px;}
.intranet .boradcast .br_ct_date .date-box{padding:5px;width:60px;height:60px;}
.intranet .boradcast .expander{margin-bottom:0;max-height:35px;}
.intranet .intranetGroup .icon-plus:before{color:var(--text-gray-600);}
.intranetGroupList{max-height:250px;}
.intranet-bday-ani{max-height:250px;}
*/
/*23-03-2023*/
.emailSuccess,
.emailRead,
.emailFailed,
.emailPending {
    position: absolute;
}

.emailSuccess {
    width: 250px;
    height: 250px;
    left: 25%;
}

.emailRead {
    width: 200px;
    height: 200px;
    right: 25%;
    top: 30%;
}

.emailFailed {
    width: 150px;
    height: 150px;
    top: 45%;
    left: 35%;
}

.emailPending {
    width: 100px;
    height: 100px;
    top: 55%;
    right: 40%;
}

/*Email Status Starts*/
.emailStatus {
    margin-top: 10%;
}

.emailCircle_1,
.emailCircle_2,
.emailCircle_3,
.emailCircle_4 {
    position: absolute;
}

/* .emailCircle_1 {
    width: 12.5vw;
    height: 12.5vw;
    left: 0;
    top: -5%;
    right: 20%;
    margin: 0 auto;
} */
.emailCircle_1 .mailCount {
    font-size: 30px;
}

.emailCircle_1 .mailTitle {
    font-size: 18px;
}

/* .emailCircle_2 {
    width: 10vw;
    height: 10vw;
    right: 0;
    top: 15%;
    left: 35%;
    margin: 0 auto;
} */
.emailCircle_2 .mailCount {
    font-size: 26px;
}

.emailCircle_2 .mailTitle {
    font-size: 16px;
}

/* .emailCircle_3 {
    width: 7.5vw;
    height: 7.5vw;
    top: 35%;
    left: 0;
    right: 15%;
    margin: 0 auto;
} */
.emailCircle_3 .mailCount {
    font-size: 24px;
}

.emailCircle_3 .mailTitle {
    font-size: 14px;
}

/* .emailCircle_4 {
    width: 5vw;
    height: 5vw;
    top: 50%;
    right: 0;
    left: 20%;
    margin: 0 auto;
} */
.emailCircle_4 .mailCount {
    font-size: 22px;
}

.emailCircle_4 .mailTitle {
    font-size: 12px;
}

/*
@media (max-width: 1600px) {
    .emailStatus {
        margin-top: 15%;
    }
    .emailCircle_3 {
        top: 30%;
    }
    .emailCircle_4 {
        top: 40%;
    }
    .emailCircle_4 .mailCount {
        font-size: 20px;
    }
    .emailCircle_4 .mailTitle {
        font-size: 11px;
    }
}
@media (max-width: 1440px) {
    .emailStatus {
        margin-top: 20%;
    }
}
@media (max-width: 1366px) {
    .emailStatus {
        margin-top: 30%;
    }
    .emailCircle_1 .mailCount {
        font-size: 26px;
    }
    .emailCircle_1 .mailTitle {
        font-size: 16px;
    }
    .emailCircle_2 .mailCount {
        font-size: 24px;
    }
    .emailCircle_2 .mailTitle {
        font-size: 14px;
    }
    .emailCircle_3 {
        top: 25%;
    }
    .emailCircle_3 .mailCount {
        font-size: 22px;
    }
    .emailCircle_3 .mailTitle {
        font-size: 14px;
    }
    .emailCircle_4 {
        top: 40%;
        right: 5%;
    }
    .emailCircle_4 .mailCount {
        font-size: 18px;
    }
    .emailCircle_4 .mailTitle {
        font-size: 10px;
    }
}
@media (max-width: 1199px) {
    .emailStatus {
        margin-top: 15%;
    }
    .emailCircle_1 {
        width: 250px;
        height: 250px;
        top: -15%;
    }
    .emailCircle_1 .mailCount {
        font-size: 30px;
    }
    .emailCircle_1 .mailTitle {
        font-size: 18px;
    }
    .emailCircle_2 {
        width: 200px;
        height: 200px;
    }
    .emailCircle_2 .mailCount {
        font-size: 26px;
    }
    .emailCircle_2 .mailTitle {
        font-size: 16px;
    }
    .emailCircle_3 {
        width: 150px;
        height: 150px;
        right: 25%;
    }
    .emailCircle_3 .mailCount {
        font-size: 24px;
    }
    .emailCircle_3 .mailTitle {
        font-size: 14px;
    }
    .emailCircle_4 {
        width: 100px;
        height: 100px;
        right: 10%;
        top: 45%;
    }
    .emailCircle_4 .mailCount {
        font-size: 22px;
    }
    .emailCircle_4 .mailTitle {
        font-size: 12px;
    }
}
@media (max-width: 991px) {
    .emailCircle_2 {
        left: 15%;
    }
    .emailCircle_4 {
        right: 25%;
    }
} */
/*Email Status Ends*/

/* Pranav holiday-calander Design start 30-03-2023  */
.calanderMonth {
    width: 25%;
}

.cstm-calandermonth {
    /* padding-right: 10px !important; */
    border: 1px solid var(--theme-color-light);
    border-radius: 8px;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.15);
    height: 300px;
    margin-right: 20px;
}

.calander tr th {
    /* border-bottom: 1px solid #f2f2f2; */
    padding-bottom: 15px;
}

.calanderMonth:nth-child(4n + 0) .cstm-calandermonth {
    margin-right: 0;
}

@media (max-width: 1199px) {
    .calanderMonth {
        width: 33.33%;
    }

    .calanderMonth:nth-child(3n + 0) .cstm-calandermonth {
        margin-right: 0 !important;
    }

    .calanderMonth:nth-child(4n + 0) .cstm-calandermonth {
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    .calanderMonth {
        width: 50%;
    }

    .calanderMonth:nth-child(2n + 0) .cstm-calandermonth {
        margin-right: 0;
    }

    .calanderMonth:nth-child(6n + 6) .cstm-calandermonth {
        margin-right: 0px !important;
    }

    .calanderMonth:nth-child(3n + 0) .cstm-calandermonth {
        margin-right: 20px !important;
    }

    .calanderMonth:nth-child(4n + 0) .cstm-calandermonth {
        margin-right: 0 !important;
    }
}

.calander tr th {
    position: relative;
}

.calander tr th::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #f2f2f2;
    bottom: 7.5px;
    left: 0;
}

.mrfs_disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

/* Pranav holiday-calander Design end 30-03-2023  */
/* Pranav loader start 04-04-2023 */
.loader-text-front,
.loader-text {
    color: var(--bs-gray-700);
    font-size: 18px;
    letter-spacing: 2px;
    margin-left: 10px;
}

.loader-text::after {
    content: " . . .";
    animation: dots 2s steps(5, end) infinite;
}

@keyframes dots {

    0%,
    20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    80%,
    100% {
        text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
    }
}

/* Pranav loader end 04-04-2023 */

/* pranav designation page changes start 11-04-23  */
.radio-img-btn>input {
    display: none;
}

.checked-img {
    width: 53px;
    height: 53px;
    position: relative;
    margin: 0 4px;
    margin-bottom: 10px;
    padding: 1px;
    border: 2px solid var(--theme-color-light);
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checked-img img {
    width: 70%;
    opacity: 0.75;
}

.radio-img-btn>input:checked+.checked-img {
    background-color: var(--theme-color-light);
    border-radius: 50%;
}

.radio-img-btn>input:checked+.checked-img img {
    opacity: 1;
}

.radio-img-btn>input:checked+.checked-img {
    border-color: #ffffff;
}

.radio-img-btn>input:checked+.checked-img::after {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0px 0px 0px 4px var(--theme-color);
    -moz-box-shadow: 0px 0px 0px 4px var(--theme-color);
    box-shadow: 0px 0px 0px 4px var(--theme-color);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
    opacity: 0.75;
}

@media (max-width: 1366px) {
    .checked-img {
        margin: 5px 7px;
    }
}

@media (max-width: 1280px) {
    .checked-img {
        margin: 5px 4px;
    }
}

@media (max-width: 1024px) {
    .checked-img {
        margin: 5px 10px;
    }
}

@media (max-width: 768px) {
    .checked-img {
        margin: 5px 7px;
    }
}

/* pranav designation page changes end 11-04-23  */

/*Dashbaord Payroll Salary Breakup Design Starts*/

.salary_slip_view table.dataTable {
    margin-bottom: 0 !important;
}

.salary_slip_view table.dataTable thead td,
.salary_slip_view table.dataTable tbody td {
    padding: 5px 10px !important;
}

/*Dashbaord Payroll Salary Breakup Design Ends*/

#udfMaster_Accordian a.btn_help {
    position: absolute;
    top: 0;
    right: 100px;
    z-index: 9;
    padding: 5px 10px;
    background-color: var(--text-light-gray);
    color: #ffffff;
    border-radius: 0 0 5px 5px;
    font-size: 11px;
}

/*New Employee List Page Starts*/
.employee_listing_content .tab-content {
    min-height: calc(100vh - 275px);
}

.employee_listing_content .tab-content .tab-pane {
    height: 100%;
}

.employee_listing_content .tab-content .listingView {
    position: relative;
    height: 100%;
}

/*Filter section start*/
.FilterList {
    height: calc(100% - 50px);
    min-height: calc(100vh - 325px);
    width: 0;
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 0;
    overflow-x: hidden;
    transition: 0.3s ease-in-out all;
    white-space: nowrap;
}

.FilterList .closebtn {
    font-size: 24px;
    line-height: 100%;
    color: var(--theme-color);
}

.FilterList .accordion {
    overflow-y: scroll;
    height: calc(100% - 84px);
}

#mainContent {
    transition: 0.3s ease-in-out all;
}

.FilterList .FilterListHead {
    padding: 10px 15px;
    background-color: var(--theme-color-light);
    margin-bottom: 10px;
}

.FilterList .accordion .accordion-item {
    border-bottom: 1px solid var(--border-color);
    margin: 0 15px;
    border-radius: 0;
}

.FilterList .accordion .accordion-button {
    padding: 15px 0;
    border-radius: 0;
    font-size: 0.875rem;
}

.FilterList .accordion .accordion-button:before {
    content: none;
}

.FilterList .accordion-button:after {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 7px;
    font-size: 11px;
    background-color: #f2f2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 20px;
    opacity: 0.85;
    background-size: 10px;
}

.FilterList .accordion .accordion-body {
    padding: 0 0 15px;
}

.FilterList .accordion .accordion-body .form-check.form-check-custom {
    margin-bottom: 5px;
}

/*Filter section End*/

.directory .directoryItem {
    width: calc(20% - 10px);
    margin: 5px;
}

.directoryFilter a svg {
    fill: gray;
    max-width: 22px;
}

.directoryFilter a .activeFav svg {
    fill: #ffc105 !important;
    max-width: 22px;
}

.directory .directoryItem ul li a svg {
    fill: gray;
    max-width: 18px;
}

.directory .directoryItem ul li a .activeFav svg {
    fill: #ffc105 !important;
    max-width: 18px;
}

.directoryFilter a {
    margin-bottom: 10px;
}

.directoryFilter a:hover,
.directoryFilter a.alpha_filter,
.directory .directoryItem ul li a:hover,
.directory .directoryItem ul li a.is_favorite_emp {
    background-color: var(--theme-color);
}

.activeFav {
    display: inline-block;
    width: 100%;
}

.directoryFilter a#is_favorite.alpha_filter {
    background: transparent;
}

.directoryFilter a#is_favorite:hover svg {
    fill: #ffffff;
}

.directory .directoryItem ul li a:hover svg {
    fill: white;
}

/* .directoryFilter a:hover svg,
.directoryFilter a.alpha_filter svg,
.directory .directoryItem ul li a:hover svg,
.directory .directoryItem ul li a.is_favorite_emp svg{
    fill: white;
} */
.directoryFilter a.alpha_filter {
    color: #ffffff !important;
}

.popUpsearchBox {
    position: relative;
}

.popUpsearchBox .icon {
    position: absolute;
    right: 8px;
    top: 5px;
}

.modal-body .SelectedColumnList .closebtn {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 20px;
    height: 20px;
}

.modal-body .SelectedColumnList .listFixed {
    background-color: var(--bg-light-gray);
    border-style: solid !important;
    border-color: var(--bg-light-gray) !important;
}

.modal-body .SelectedColumnList .listMovable {
    position: relative;
    cursor: grab;
    background-color: white;
}

.modal-body .SelectedColumnList .listMovable:active {
    cursor: grabbing;
}

.modal-body .SelectedColumnList .listMovable:before,
.modal-body .SelectedColumnList .listMovable:after {
    border-left: 2px dotted #ccc;
    position: absolute;
    content: "";
    height: 19px;
    left: 6px;
}

.modal-body .SelectedColumnList .listMovable:after {
    left: 9px;
}

.modal-body .SelectedColumnList .highlight {
    border: 1px dashed rgba(var(--theme-color-rgba), 0.5);
    height: 39px !important;
    background-color: var(--theme-color-light);
    margin: 10px 8px 10px 0 !important;
    padding: 0 !important;
    border-radius: 0.275rem;
    visibility: visible !important;
    opacity: 0.5;
}

@media (max-width: 1699px) {
    .directory .directoryItem {
        width: calc(25% - 10px);
    }
}

@media (max-width: 1299px) {
    .directory .directoryItem {
        width: calc(33.33% - 10px);
    }
}

@media (max-width: 991px) {
    .directory .directoryItem {
        width: calc(50% - 10px);
    }
}

/*Pagination CSS Start*/
.dataTables_wrapper table.dataTable {
    /*         margin-bottom: 10px !important; */
    margin: 0 -3px 10px !important;
}

.laravel_pagination .pagination .page-item.disabled {
    opacity: 0.25;
}

.laravel_pagination .pagination .page-item .page-link {
    font-size: 13px;
    border-radius: 2px;
    color: var(--theme-color);
    border: 1px solid #ebebeb;
    border-radius: 5px;
    height: 2rem;
    min-width: 2.15rem;
}

.laravel_pagination .page-item.active .page-link {
    background-color: transparent;
    border-color: var(--theme-color);
}

.laravel_pagination .pagination .page-item:first-child .page-link,
.laravel_pagination .pagination .page-item:last-child .page-link {
    position: relative;
    color: transparent;
    background-color: var(--bs-gray-300);
}

.laravel_pagination .pagination .page-item:first-child .page-link {
    width: 80px;
}

.laravel_pagination .pagination .page-item:last-child .page-link {
    width: 55px;
}

.laravel_pagination .pagination .page-item:first-child .page-link:before,
.laravel_pagination .pagination .page-item:last-child .page-link:before {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.laravel_pagination .page-item:first-child .page-link:before {
    content: "Previous";
}

.laravel_pagination .page-item:last-child .page-link:before {
    content: "Next";
}

/*Pagination CSS Ends*/

/*New Employee List Page Ends*/

/*New Profile Page Starts - 20-04-2023*/
.new_profile_page .perInfo_imgSec .perInfo_head {
    position: relative;
    z-index: 1;
    width: 100%;
}

.new_profile_page .perInfo_imgSec .perInfo_head:before {
    position: absolute;
    content: "";
    height: 115px;
    width: 100%;
    background-image: url("../images/emp_bg.png");
    left: 0;
    top: 0;
    border-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.85;
}

.new_profile_page .perInfo_imgSec .perInfo_head:after {
    position: absolute;
    content: "";
    height: 115px;
    width: 100%;
    background-color: rgb(43 58 74 / 50%);
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: 0;
}

.perInfo_imgSec .perInfo_head .perInfo_edit {
    z-index: 99;
}

.new_profile_page .navBtn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--text-light-color);
    border-radius: 50%;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    background-color: #cfc6c6;
    margin: 0 5px;
}


.new_profile_page .navBtn svg {
    max-width: 20px;
}

.new_profile_page .navBtn:hover {
    background-color: var(--theme-color-light);
}

.new_profile_page .perInfo_imgSec {
    width: 275px;
}

.new_profile_page .perInfoContent {
    width: calc(100% - 275px);
    padding: 20px;
    /* padding: 0px 20px 20px 20px; */
    /* margin: -5px 0 0 0; */
}

@media(max-width:1366px) {
    .new_profile_page .perInfo_imgSec {
        width: 250px;
    }

    .new_profile_page .perInfoContent {
        width: calc(100% - 250px);
        padding: 15px;
    }
}

.multiSection .subtitle {
    display: inline-block;
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 3px;
    font-weight: normal;
}

@media (max-width: 991px) {
    .new_profile_page .perInfo_imgSec {
        width: 225px;
    }

    .new_profile_page .perInfoContent {
        width: calc(100% - 225px);
    }

    .perInfo_detail .perInfo_inner,
    .perInfo_detail .perInfo_inner .perInfo_text {
        align-items: start;
        text-align: left;
    }

    .perInfo_detail {
        padding: 10px 0;
    }
}

/*New Profile Page Ends - 20-04-2023*/
/* pranav notification count badge intranet design start 18-04-2023 */
.intranet_notification_count {
    top: 3px !important;
    right: -13px !important;
}

.dash_intra-logo .intranet_notification_count {
    top: -4px !important;
    right: -19px !important;
}

/* pranav notification count badge intranet design end 18-04-2023 */

/*Dynamic logo Start*/

.intranet-header .intranet-logo {
    display: flex;
}

.intranet-header .intranet-logo .thumbnail-container {
    padding-bottom: 25%;
    /* padding-bottom: 45%; */
    background-color: transparent;
}

.login_logo .thumbnail-container,
.landingWrapperInner .thumbnail-container,
.mobile-logo .thumbnail-container,
.whats_newLogo .thumbnail-container {
    background-color: transparent;
    padding-bottom: 35%;
}

/*Dynamic logo Ends*/

/* Pranav Admin-dashboard 27-04-2023 start */

@media (max-width: 1366px) {
    .can_box {
        margin-bottom: 15px;
    }
}

/* Pranav Admin-dashboard 27-04-2023 end */

/*Data Loader Starts*/
.intranetPostLoader {
    transform: scale(0.7);
}

/*Data Loader Ends*/

/* Schedule Panel popup Start */

.roundLabel {
    position: absolute;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
}

/* Schedule Panel popup End */
/*New Employee Listing Page Start*/
.emp_dataTable {
    margin: 0 -2px;
}

.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper {
    position: static;
}

.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child {
    position: absolute;
    top: 0;
    left: 30px;
}
.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child .col-sm-6{
    width: auto !important;
    padding: 0;
}

.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child div:first-child {
    /* order: 2; */
    /* padding-left: 10px !important; */
    margin-left: 10px;
}
.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .searchBoxWrapper {
    justify-content: start;
}
.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child .dataTables_length,
.employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child .dataTables_filter {
    padding: 0 !important;
}

@media (max-width: 991px) {
    .employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child div:first-child {
        /* order: 2; */
        padding-left: 5px !important;
    }

    .employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper div.dataTables_filter input {
        width: 110px;
    }

    .employee_listing #mainContent #empListDatatable_wrapper.dataTables_wrapper .row:first-child {
        position: absolute;
        top: 2px;
        left: 40px;
    }
}

/*New Employee Listing Page End*/

/* Requrement Request Page Starts*/
.rating-group {
    display: flex;
    justify-content: center;
}

.rating__icon {
    pointer-events: none;
}

.rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
    display: flex;
}

.rating__label--half {
    padding-right: 0;
    margin-right: -0.65em;
    z-index: 2;
}

.rating__icon--star {
    color: orange;
}

.rating__icon--none {
    color: #eee;
}

.rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}

.rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

.rating-group:hover .rating__label .rating__icon--star,
.rating-group:hover .rating__label--half .rating__icon--star {
    color: orange;
}

.rating__input:hover~.rating__label .rating__icon--star,
.rating__input:hover~.rating__label--half .rating__icon--star {
    color: #ddd;
}

.rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
    color: #eee;
}

.rating__input--none:hover+.rating__label .rating__icon--none {
    color: red;
}

/* Requrement Request Page Ends*/
/* pranav .dataTables_wrapper CSS start 17-05-2023 */
.dataTables_wrapper .row:last-child {
    margin-bottom: 15px !important;
}

/* pranav .dataTables_wrapper CSS end 17-05-2023 */

/* Requrement Request Page Starts*/
.rating-group {
    display: flex;
    justify-content: center;
}

.rating__icon {
    pointer-events: none;
}

.rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
    display: flex;
}

.rating__label--half {
    padding-right: 0;
    margin-right: -0.65em;
    z-index: 2;
}

.rating__icon--star {
    color: orange;
}

.rating__icon--none {
    color: #eee;
}

.rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}

.rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

.rating-group:hover .rating__label .rating__icon--star,
.rating-group:hover .rating__label--half .rating__icon--star {
    color: orange;
}

.rating__input:hover~.rating__label .rating__icon--star,
.rating__input:hover~.rating__label--half .rating__icon--star {
    color: #ddd;
}

.rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
    color: #eee;
}

.rating__input--none:hover+.rating__label .rating__icon--none {
    color: red;
}

/* Requrement Request Page Ends*/
/* Pranav resignation popup design start 17-05-2023  */
.activity_history_btn {
    cursor: not-allowed;
}

.resignation_div {
    cursor: not-allowed !important;
    filter: grayscale(1) blur(1px);
    -webkit-filter: grayscale(1) blur(1px);
    -moz-filter: grayscale(1) blur(1px);
    -ms-filter: grayscale(1) blur(1px);
}

.resignation_div_child {
    pointer-events: none !important;
    user-select: none !important;
}

.cstm-resign-modal {
    position: relative;
}

.cstm-resign-modal img {
    max-width: 150px;
    margin-bottom: 25px;
    border-radius: 50%;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.03) !important;
}

.cstm-resign-modal .cstm-close-icon {
    position: absolute;
    top: 8px;
    right: 10px;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* Pranav resignation popup design end 17-05-2023  */
/* Pranav 22-05-2023 admin Offboarding process start  */
#ScheduleModal .modal-dialog {
    overflow: visible !important;
    min-height: calc(100vh - 140px) !important;
}

/* Pranav 22-05-2023 admin Offboarding process end  */

/* Pranav 23-05-2023 admin Offboarding process start  */

/* #resignation_process_datatable a{
    color: #5e6278;
} */
#resignation_process_datatable td:nth-child(6) a:hover {
    color: #fff;
}

#resignation_process_datatable td:nth-child(6) a {
    color: var(--theme-color);
}

.status-label {
    position: relative;
}

.status-label::before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 100%;
    top: 4px;
    left: -13px;
    /* opacity: 0.75; */
}

.status-approved::before {
    background-color: #098c44;
}

.status-pending::before {
    background-color: #c83107;
}

.status-reject::before {
    background-color: var(--bs-danger);
}

.status-revoke::before {
    background-color: var(--bs-info);
}

.schedule-meeting {
    position: relative;
}

.schedule-meeting::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    top: 10px;
    right: 15px;
    background-image: url(../images/datepicker.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.process-text-pending {
    /* color: #f05f36 !important; */
    color: #c83107 !important;
}

.process-text-success {
    color: #098c44 !important;
}

/* Pranav 23-05-2023 admin Offboarding process end  */

.admin_child_employeelist_cls thead,
.admin_child_employeelist_cls tbody,
.admin_child_employeelist_cls tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#employee_grid_detail thead th {
    font-weight: 500 !important;
}

tbody#employeeList {
    display: block;
    max-height: 400px;
    overflow-y: scroll;
}

.bulk_leave_emp_list_cls thead,
.bulk_leave_emp_list_cls tbody,
.bulk_leave_emp_list_cls tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Payroll Summary Page Starts */
.table-container {
    width: 100%;
    overflow-x: auto;
    max-height: 500px;
}

.table-container table {
    width: 100%;
    overflow: auto;
}

.table-container thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-container tbody td:first-child.ps_emply {
    position: sticky;
    left: 0;
    background-color: #f5f5f5;
    text-align: start !important;
}

.table-content {
    /*  max-height: 400px; */
    padding-right: 0 !important;
}

.table-content tr td {
    background-color: #ffffff !important;
}

.payment-chart .table-content .table tr td:first-child {
    text-align: left !important;
}

.payment-chart table {
    margin-bottom: 0;
}

.payment-chart table th {
    font-size: 13px;
    padding: 13px 6px !important;
    text-align: center !important;
    line-height: 22px !important;
    background: var(--tab-active);
    color: white !important;
    border: 1px solid #ddd;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.payment-chart table th.income {
    width: auto !important;
    min-width: auto !important;
}

.payment-chart #customers thead tr th:first-child {
    min-width: 200px;
}

.payment-chart table th span {
    display: inline-block;
    position: relative;
}

.payment-chart table td {
    border: 1px solid #ddd;
    vertical-align: middle !important;
    padding: 10px 8px !important;
    text-align: center;
}

.payment-chart .table tbody tr td:first-child {
    padding: 10px !important;
    border-left: none;
    border-bottom-color: #d1d1d1 !important;
    /* text-align: left !important; */
}

.payment-chart .table tr td:last-child {
    border-right: none;
}

.payment-chart table tbody tr:first-child td {
    vertical-align: middle;
    font-size: 15px;
    color: #222 !important;
    text-align: center !important;
}

.payment-chart table td i.fa-search {
    font-size: 20px;
    line-height: 22px !important;
    transition: 0.4s ease-in-out;
}

.payment-chart table td i.fa-search:hover {
    color: var(--theme-color);
}

.pay-employee {
    display: inline-block;
    padding-left: 60px;
    position: relative;
    min-height: 50px;
    color: #646464;
    font-size: 13px;
    line-height: 125%;
    text-align: left;
}

.pay-employee span {
    border-radius: 50px;
    display: inline-block;
    height: 50px;
    left: 0;
    line-height: 46px;
    overflow: hidden;
    position: absolute;
    width: 50px;
    background: #e6e6e6;
}

.pay-employee span img {
    max-height: 100%;
    vertical-align: middle;
    max-width: 100%;
}

.pay-employee b {
    color: #333;
    display: inline-block;
    font-weight: normal;
    margin: 5px 0 1px;
    font-size: 14px;
}

.payment-chart .table tr th:first-child,
.payment-chart .table tr td:first-child {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.payment-chart .table tr td {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.payment-chart .table tr td.income {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.payroll-list .pay-employee {
    margin-left: 2px;
}

.payment-chart .whiteboxtop {
    margin: 0 5px 30px;
}

.payment-chart .col-lg-2.col-md-4 i.plus-icon {
    width: 20px;
    height: 20px;
    background-position: 0 22px;
}

.payment-chart .col-lg-2.col-md-4 i.equal-icon {
    width: 20px;
    height: 13px;
    background-position: -31px 15px;
    top: 37%;
}

.payment-chart .Employee-Pay .content {
    max-height: 350px;
    overflow: hidden;
}

.payment-chart .pay-total tr td:first-child {
    text-transform: uppercase;
    color: var(--text-dark) !important;
    font-size: 16px !important;
    background-color: #ffffff;
}

.payment-chart .pay-total tr td {
    font-size: 13px !important;
    padding: 15px 4px !important;
    background-color: #ffffff !important;
}

.ps_emply {
    position: sticky;
    left: 0;
    z-index: 1;
}

.tableHead thead tr:nth-child(2) .ps_emply {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ededed;
    border-left: 0;
}
.tableHead thead:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    background: #c3c3c3;
    z-index: -1;
}
.payrollSummary .table.tableHead thead:before {
    content: "";
    width: 100%;
    height: 1px !important;
    display: inline-block;
    position: absolute;
    background: #c3c3c3;
    z-index: -1;
    bottom: 0 !important;
}
.tableHead thead tr:nth-child(2) td {
    box-shadow: 0px 0px 0px 1px #dddddd;
}

.payment-chart::-webkit-scrollbar-thumb {
    background-color: var(--tab-active);
    border-radius: 20px;
    border: 0px solid var(--white);
}

.payment-chart::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.payroll_empInf {
    flex-wrap: wrap;
}

.payroll_empInf .emplyInfo_title {
    font-size: 0.86vw;
}

@media (max-width: 1366px) {
    .payroll_empInf .emplyInfo_title {
        font-size: 1.1vw;
    }
}

@media (max-width: 1024px) {
    .payroll_empInf .col {
        flex: inherit;
        width: 33.33%;
        margin-bottom: 25px;
    }

    .payroll_empInf .emplyInfo_title {
        font-size: 14px;
    }
}

.payroll_emp_listing .pagination {
    margin-top: 10px;
    justify-content: end;
}

/* Payroll Summary Page Ends */

/*
  Assets Start
  */
tr.selectedAsset {
    /* -webkit-box-shadow: inset 0px 0px 41px -22px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 41px -22px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 41px -22px rgba(0, 0, 0, 0.75); */
}

tr.selectedAsset td {
    background-color: var(--theme-color-light) !important;
}

/*
  Assets End
  */

#employee_grid_detail thead th,
#employee_grid_detail tbody td {
    padding: 10px 20px !important;
    vertical-align: middle;
}

/* pranav payroll summary table css changes start 31-05-2023  */
.payment-chart tbody tr:last-child {
    border-bottom: 1px solid #ddd !important;
}

.payment-chart table {
    margin-bottom: 10px !important;
}

.payment-chart table thead tr:nth-child(2) td {
    /* border-right: 5px solid #000; */
}

.list-type-none {
    list-style-type: none !important;
}

/* pranav payroll summary table css changes end 31-05-2023  */

/* Pranav change supervisor changes start 06-06-2023  */

.content_box .supervisor-error,
.effective-date-error {
    position: absolute;
    /* right: 40px; */
    bottom: 10px;
    color: #f1416c;
    font-size: 0.8rem;
}

.content_box .effective-date-error {
    top: auto;
    bottom: auto;
}

/* Pranav change supervisor changes end 06-06-2023  */

/* Pranav Payslip changes start 06-06-2023  */

.mh-620px {
    max-height: 620px !important;
}

#get_payroll_employee_list .pay_group_employee .active {
    border: 1px dashed rgba(var(--theme-color-rgb), 0.5) !important;
    background-color: #f8f8f8;
}

/* Pranav Payslip changes end 06-06-2023  */
.dataTables_wrapper .row:last-child {
    margin-bottom: 15px !important;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.reschedule_btn {
    color: #ec536c !important;
}

/* New Admin Dashboard Design Starts */
.topWidgetCard {
    position: relative;
    overflow: hidden;
}

.topWidgetCard.border1 {
    border-bottom: 5px solid var(--bs-danger);
}

.topWidgetCard.border2 {
    border-bottom: 5px solid var(--bs-primary);
}

.topWidgetCard.border3 {
    border-bottom: 5px solid var(--bs-success);
}

.topWidgetCard.border4 {
    border-bottom: 5px solid var(--bs-info);
}

.topWidgetCard.border5 {
    border-bottom: 5px solid var(--bs-warning);
}

.topWidgetCard.border6 {
    border-bottom: 5px solid var(--tab-active);
}

.topWidgetCard .lastworking {
    line-height: 100%;
}

.topWidgetCard .symbol {
    position: absolute;
    top: 0;
    right: -30px;
    width: 100px;
    height: 100px;
    opacity: 0.1;
}

.topWidgetCard .symbol img {
    width: 100%;
    height: 100%;
}

#container,
#container div,
#age_analysis,
#age_analysis div,
#funnel_chartdiv {
    /* max-height: 300px !important; */
}

#funnel_chartdiv,
#funnel_chartdiv div {
    height: 100%;
}

tbody#admin_child_employeelist {
    display: block;
    max-height: 415px;
    overflow-y: scroll;
}

.can_box {
    border-width: 3px !important;
}

.policyBoxes .policyBox {
    flex: 0 0 auto;
    width: 215px;
    margin-bottom: 20px;
}

@media (max-width: 1440px) {
    .policyBoxes .policyBox {
        width: 206px;
    }
}

@media (max-width: 1366px) {
    .policyBoxes .policyBox {
        width: 195px;
    }
}

.des_listing .table td:first-child,
.des_listing .table th:first-child {
    padding-left: 15px !important;
}

.dropdownBtn button {
    border: 0;
    box-shadow: none;
    outline: none;
}

.dropdownBtn button i {
    font-size: 12px;
}

.dropdownBtn button:focus {
    outline: none;
}

.dropdownBtn button:after {
    content: none;
}

.dropdownBtn .dropdown-menu {
    padding: 0;
    margin-left: -15px !important;
    overflow: hidden;
}

.dropdownBtn .dropdown-menu .dropdown-item {
    padding: 10px 15px;
}

.dropdownBtn .dropdown-menu .dropdown-item+.dropdown-item {
    border-top: 1px solid #eff2f5;
}

/* New Admin Dashboard Design Ends */
.myInfo_topMenu .myInfo_active {
    font-size: 1.075rem !important;
    font-weight: 600;
    color: var(--text-dark) !important;
}

.myInfo_topMenu .title {
    font-size: 13px;
    color: rgba(var(--black-rgba), 0.25);
    font-weight: 600;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
}

.myInfo_topMenu .title:hover {
    color: rgba(var(--black-rgba), 0.85);
}

.myInfo_topMenu ul li+li {
    margin-left: 30px;
}

.myInfo_topMenu ul li {
    position: relative;
}

.myInfo_topMenu ul li+li {
    margin-left: 40px;
}

.myInfo_topMenu ul li:before {
    position: absolute;
    content: "";
    border-bottom: 2px dotted #dbdbdb;
    width: 35px;
    left: -37px;
    top: 12px;
}

.myInfo_topMenu ul li:first-child:before {
    content: none;
}

.new_profile_page .title_links {
    border-radius: 0 5px 0 0;
}

.new_profile_page .title_links a {
    padding: 0 5px 5px;
}

/* .new_profile_page .title_links .sub_title+.sub_title {
    padding-left: 10px;
} */

.new_profile_page .title_links .sub_title {
    padding: 2px 0;
    font-size: 0.85rem !important;
}

.new_profile_page .title_links .sub_title.active {
    background-color: rgba(var(--theme-color-rgb), 1);
    color: white;
    border-radius: 7px;
}

.new_profile_page .title_links a+a {
    padding-left: 0;
    margin-left: 15px;
}

.topInfoLinks .title {
    font-size: 15px;
    font-weight: 500;
    color: var(--bs-gray-400);
    padding: 5px 10px;
    margin: 0;
}

.topInfoLinks .title.active {
    color: var(--text-dark);
}

.topInfoLinks .title+.title {
    margin-left: 10px;
    border-left: 1px solid #ccc;
}

.title_links a+a {
    border-left: 1px solid #ccc !important;
}

/* Attendance Report TimeSheet Starts */
.attendanceReport_table .payment-chart .table tr th:first-child,
.attendanceReport_table .payment-chart .table tr td:first-child {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

td.ps_emply,
.attendanceReport_table .payment-chart .table tbody tr td:first-child {
    text-align: left !important;
}

.attendanceReport_table .payment-chart .table tr td.income {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    padding: 5px 0px !important;
    position: relative;
}

.attendanceReport_table .payment-chart .table tr td.income.locked:before {
    position: absolute;
    content: "";
    background-image: url(https://cdn-icons-png.flaticon.com/512/625/625086.png);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .15;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
}

.attendanceReport_table .pay-employee {
    padding-left: 45px;
}

.attendanceReport_table .pay-employee span {
    height: 35px;
    width: 35px;
    line-height: 30px;
}

/* Attendance Report TimeSheet Ends */

.payroll_emp_listing .legd_details ul li {
    list-style: none;
    display: flex;
    align-items: center;
}

.payroll_emp_listing .legd_details ul li+li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid var(--bs-gray-500);
}

.payroll_emp_listing .table-container {
    max-height: calc(100vh - 300px);
}

.attendanceReport_table .directory_pagination {
    padding-bottom: 0 !important;
}

/* .payrollSummary .payroll_emp_card{
    height: calc(100vh - 170px);
} */
.attendanceReport_table center {
    display: flex;
    height: calc(100vh - 300px);
    justify-content: center;
    align-items: center;
}

.resig_admin_create {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.payroll_emp_listing {
    font-size: 14px;
}

.payroll_emp_listing .dataCount_dropdown select {
    width: auto;
    display: inline-block;
    padding: 0;
    min-height: auto;
    line-height: 100%;
    border-radius: 3px;
    padding: 8px 20px 8px 5px;
    text-align: left;
    position: relative;
    background-image: url(../images/t-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center right 3px;
    margin: 0 5px;
}

/* pranav 26-06-2023 start  */
.btn-check:checked+.btn span {
    background-color: var(--bg-light-primary);
    color: var(--theme-color);
}

.set_pending_count {
    background-color: var(--theme-color-light);
    color: var(--theme-color);
}

@media (max-width: 1600px) {

    #slip_process_data .table td,
    #slip_process_data .table th,
    #slip_process_data .table tr {
        font-size: 12px !important;
    }
}

/* pranav 26-06-2023 end  */
.pending_arrow path {
    fill: var(--theme-color);
}

input[type="range"] {
    height: 21px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--theme-color-light);
    border-radius: 7px;
    margin: 0 10px;
}

input[type="range"]::-webkit-slider-thumb {
    height: 15px;
    width: 15px;
    border-radius: 30px;
    background: var(--theme-color);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: var(--theme-color-light);
}

/* Firefox */
input[type="range"]::-moz-range-track {
    background: var(--theme-color-light);
    height: 4px;
    border-radius: 2px;
}

/* Firefox thumb */
input[type="range"]::-moz-range-thumb {
    background: var(--theme-color);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
}

/* Firefox track */
input[type="range"]::-moz-range-track {
    background: var(--theme-color-light);
    height: 4px;
    border-radius: 2px;
}

.crop_image_popup {
    background-color: #f1f1f1;
    width: 80%;
    width: 320px;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: 0.2s;
    transform: translateY(100vh);
    position: absolute;
    top: 110px;
    padding: 10px;
    border-radius: 0.3em;
    box-shadow: 3px 3px 5px var(--color-shadow);
    z-index: 9;
}

.crop_image_popup.active {
    display: flex;
    transform: translateY(0vh);
}

.cropper {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
}

.image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 320px;
    width: 100%;
    background-repeat: no-repeat;
    cursor: move;
    overflow: hidden;
    border-radius: 0.3em;
    background-color: #ffd9ea5c;
    box-shadow: inset 0 0 3px var(--theme-color-light);
}

.thumb-box rect {
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke-width: 1;
    stroke: var(--theme-color);
    stroke-dasharray: 5;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    rx: 50%;
}

.intranet_crop_img rect {
    rx: 5px;
}

@keyframes dash {
    25% {
        stroke: var(--color-1);
    }

    50% {
        stroke: var(--color-warning);
    }

    75% {
        stroke: var(--color-success);
    }

    to {
        stroke-dashoffset: 20;
    }
}

.action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.action .container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.action .container:nth-child(1) {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--color-4);
}

.zoom-slider {
    width: 100%;
    background: transparent;
    cursor: pointer;
    margin: 30px 10px;
}

.zoom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--color-slider-thumb);
    cursor: pointer;
    margin-top: -7px;
}

.zoom-slider::-moz-range-thumb {
    background: var(--color-slider-thumb);
    cursor: pointer;
    margin-top: -7px;
}

.zoom-slider::-ms-thumb {
    background: var(--color-slider-thumb);
    cursor: pointer;
    margin-top: -7px;
}

.zoom-slider:focus,
.zoom-slider:focus::-webkit-slider-runnable-track,
.zoom-slider:focus::-ms-fill-lower,
.zoom-slider:focus::-ms-fill-upper {
    outline: none;
}

.zoom-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: var(--color-slider-track);
    border-radius: 0.3em;
}

.zoom-slider::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: var(--color-slider-track);
    border-radius: 0.3em;
}

.zoom-slider::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: var(--color-slider-track);
    border-radius: 0.3em;
}

.zoom-slider::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px red;
}

.zoom-slider::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px red;
}

.crop-result .image img {
    max-width: 116px;
    max-height: 116px;
    box-shadow: 0px 0px 10px 5px gray;
    border: solid 1px silver;
    border-radius: 10px;
}

.crop-result .name {
    display: none;
}

#HiringPipeline tbody {
    display: block;
    max-height: 450px;
    overflow-y: scroll;
}

#HiringPipeline thead,
#HiringPipeline tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.preview_salary_slip .salary_data td {
    padding-top: 0 !important;
}

.preview_salary_slip .earnings_table tbody tr:first-child td,
.preview_salary_slip .deduct_table tbody tr:first-child td,
.preview_salary_slip .contribute_table tbody tr:first-child td {
    padding-top: 15px !important;
}

.preview_salary_slip_hours .salary_data td {
    padding-top: 0 !important;
}

.preview_salary_slip_hours .earnings_table tbody tr:first-child td,
.preview_salary_slip_hours .deduct_table tbody tr:first-child td,
.preview_salary_slip_hours .contribute_table tbody tr:first-child td {
    padding-top: 15px !important;
}

/* pranav onboarding activity widget design start 03-07-2023  */

.onboarding_activity_widget .items {
    display: flex;
    flex-direction: column;
    padding: 15px;
    counter-reset: done-items undone-items;
}

.onboarding_activity_widget h2 {
    position: relative;
    margin: 0;
    padding: 10px 0;
    font-size: 1.2em;
}

.onboarding_activity_widget h2::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: -13px;
    width: 3px;
    background-color: var(--theme-color);
}

.onboarding_activity_widget h2::after {
    display: block;
    float: right;
    font-weight: normal;
}

.onboarding_activity_widget .done {
    order: 1;
}

.onboarding_activity_widget .done::after {
    content: " ("counter(done-items) ")";
}

.onboarding_activity_widget .undone {
    order: 3;
}

.onboarding_activity_widget .undone::after {
    content: " ("counter(undone-items) ")";
}

.onboarding_activity_widget input {
    display: block;
    height: 53px;
    margin: 0 0 -53px -9999px;
    order: 4;
    outline: none;
    counter-increment: undone-items;
}

.onboarding_activity_widget input:checked {
    order: 2;
    counter-increment: done-items;
}

.onboarding_activity_widget label {
    display: block;
    position: relative;
    padding: 0;
    cursor: pointer;
    font-size: 15px;
}

.onboarding_activity_widget .task_list+.task_list {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px dashed var(--bs-gray-200);
}

.onboarding_activity_widget .task_list .task_link:hover svg path,
.onboarding_activity_widget .task_list .task_link:hover svg rect {
    fill: var(--theme-color);
}

/* pranav onboarding activity widget design end 03-07-2023  */

.new_profile_page .crop_image_popup {
    top: 180px;
}

/* dashboard employee directory email cpoied - saroj */

.blink {
    animation: blinker 1s linear;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*------------ end */

/* New Menu Starts */
.app-sidebar-logo-minimize {
    display: none;
}

.aside-menu .menu-item .menu-title {
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 14px;
    white-space: nowrap;
}

.aside-logo .app-sidebar-toggle .svg-icon svg {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

@media (min-width: 992px) {
    [data-kt-aside-minimize="on"] .aside-hoverable:not(:hover) .aside-logo .app-sidebar-logo-default {
        display: none;
    }

    [data-kt-aside-minimize="on"] .aside-hoverable:not(:hover) .aside-logo .app-sidebar-logo-minimize {
        display: inline-block;
    }

    [data-kt-aside-minimize="on"] .aside-hoverable:hover .aside-menu .menu-item .menu-title {
        opacity: 1;
        color: var(--bs-dark-rgb);
        transition: 0.3s ease-in-out all;
        -webkit-transition: 0.3s ease-in-out all;
        -mos-transition: 0.3s ease-in-out all;
        -ms-transition: 0.3s ease-in-out all;
    }

    [data-kt-aside-minimize="on"] .aside-hoverable:hover .aside-logo .app-sidebar-toggle .svg-icon svg {
        transform: rotate(180deg);
    }

    .app-sidebar-logo {
        height: var(--bs-app-header-height);
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        flex-shrink: 0;
    }
}

@media (max-width: 1024px) {
    .aside-logo .app-sidebar-toggle {
        display: none;
    }

    [data-kt-aside-minimize="on"] .aside-hoverable:not(:hover) .aside-logo .app-sidebar-logo-default {
        display: inline-block;
    }

    [data-kt-aside-minimize="on"] .aside-hoverable:not(:hover) .aside-logo .app-sidebar-logo-minimize {
        display: none;
    }

    .aside-menu .menu-item .menu-title {
        opacity: 1;
    }
}

/* New Menu Ends */
.custom_error_placement .file-button {
    top: 5px !important;
    right: 1px !important;
}

#questionnaire_data .accordion-button::before {
    display: flex;
    justify-content: center;
    align-items: center;
}

#questionnaire_data .accordion-button::after {
    top: auto;
}

.cross-action-icon svg {
    fill: var(--theme-color) !important;
    cursor: pointer;
}

/* Select2 Payroll widget Issues solved Starts*/
.select2-payroll {
    z-index: 999999;
}

.dash_payrollSalarySlip .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    white-space: normal;
}

/* Select2 Payroll widget Issues solved Ends*/
/* no internet connection popup design pranav 11-07-2023 start  */

#netwrok_error_page .modal-content {
    height: calc(100vh - 200px);
    margin-top: 0 !important;
    overflow: hidden;
    width: 1200px !important;
    margin: auto !important;
}

#netwrok_error_page .not_found_content_active>.first {
    left: -250px;
    top: -10%;
    width: 340px;
    height: 80%;
}

#netwrok_error_page .not_found_1 {
    width: 340px;
    height: 190%;
}

#netwrok_error_page {
    pointer-events: none;
    z-index: 9999999999 !important;
}

/* no internet connection popup design pranav 11-07-2023 end  */

/* Intranet Badge AhesanAli 14-06-2023 */
.badge_icon img {
    background-color: #f2f2f2;
}

.badge_icon .badge_icon_remove {
    position: absolute;
    background-color: #fff;
    display: flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: -8px;
    right: -8px;
    line-height: -5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    font-size: 13px;
}

/* End */

#badge_accordion_1 .accordion-button::after {
    top: 19px !important;
}

/* frequently_visited_links_ header dashboard css start 13-07-2023  */

@media (max-width: 1024px) {
    .frequently_visited_links_desk {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .frequently_visited_links_small_screen {
        display: none !important;
    }
}

/* frequently_visited_links_ header dashboard css end 13-07-2023  */

/* Dashboard Email Copy effect  saroj- 14-07-2023*/
.blink {
    animation: blinker 1s linear 1ms;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* -------end  */
#badge_accordion_1 .accordion-item+.accordion-item {
    margin-top: 10px;
}

.zi-6 {
    z-index: 6 !important;
}

.zi-5 {
    z-index: 5 !important;
}

.zi-4 {
    z-index: 4 !important;
}

.zi-3 {
    z-index: 3 !important;
}

.zi-2 {
    z-index: 2 !important;
}

.zi-1 {
    z-index: 1 !important;
}

/* update leave balance popup design start 19-07-2023 pranav  */
.emp_update_leave .value-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background-color: var(--theme-color-light);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--theme-color);
}

.emp_update_leave .value-button:hover {
    cursor: pointer;
}

.emp_update_leave form #input-wrap {
    margin: 0px;
    padding: 0px;
}

.emp_update_leave input[type="number"] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin: 0px;
    width: 50px;
    height: 30px;
    text-align: center;
    outline: none;
}

.emp_update_leave input[type="number"]::-webkit-inner-spin-button,
.emp_update_leave input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* update leave balance popup design end 19-07-2023 pranav  */
/* .fa-image:before{
    content: "\f56e";
} */
/* Done by Pranav */

.ribbon_customization .statusRibbon.fnfribbon {
    right: 100px;
}

.leave_update_ic {
    border: 1px solid;
    padding: 4px 5px;
    border-color: var(--theme-color);
    border-radius: 6px;
}

.emp_life_cycle_no_data img {
    box-shadow: none !important;
}

.emp_life_cycle_no_data {
    height: calc(100vh - 430px);
}

@media (min-width: 1920px) {
    .emp_life_cycle_no_data {
        height: calc(100vh - 230px);
    }
}

svg.leave_ic_svg path {
    fill: var(--theme-color);
}

/*Info page Start*/

/*Info button in all pages Start*/
.infoPage_btn {
    /* display: none; */
    padding: 5px 8px;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: var(--shadow-thin) !important;
    color: #a1a5b7 !important;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),
            var(--bs-bg-opacity)) !important;
    font-weight: 500;
}

.infoPage_btn:hover {
    color: var(--text-dark) !important;
}

/*Info button in all pages End*/

.page_information .page_infoLink {
    position: sticky;
    top: 60px;
    margin: 0;
    padding: 15px 5px 15px 15px;
    list-style: none;
    background-color: white;
}

.page_information .directory-list {
    height: calc(100vh - 185px);
    overflow-y: scroll;
    margin: 0;
}

.page_information .directory-list ul {
    margin-left: 4px;
    padding-left: 5px;
    border-left: 1px dashed #ddd;
}

.page_information .directory-list li {
    list-style: none;
    color: #888;
    font-size: 17px;
    font-weight: normal;
    padding: 0 10px;
}

.page_information .directory-list>li {
    list-style: circle;
    padding: 0 0 5px;
}

.page_information .directory-list li.sub_heading {
    display: inline-block;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-dark);
    margin-top: 10px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0;
}

.page_information .directory-list li a {
    display: inline-block;
    font-size: 13px !important;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: all 0.2s ease;
    line-height: 100%;
    font-weight: normal !important;
}

.page_information .directory-list>li .mainLink {
    font-weight: 600;
    font-size: 0.95rem !important;
    color: var(--text-dark);
    margin-bottom: 3px;
}

.page_information .directory-list li a.active {
    border-bottom: 1px solid var(--text-dark);
}

.page_information .directory-list li a:hover {
    border-color: #d3d3d3;
    color: var(--theme-color);
}

.page_information .directory-list li a.collapseBtn {
    border: 0;
}

.page_information .section {
    min-height: 1000px;
    padding: 15px;
}

.page_information .section+.section {
    padding-top: 70px;
}

.page_information .section {
    font-size: 14px;
    clear: both;
}

.page_information .section ul li {
    list-style: disc;
}

.page_information .section ul li,
.page_information .section ol li {
    margin-bottom: 10px;
}

.page_information .section .infoImg {
    float: left;
    margin: 15px 25px 15px 0;
    position: relative;
}

.page_information .section .infoImg {
    content: "";
    clear: both;
}

.page_information .section .infoImg img {
    width: 100%;
    max-width: 500px;
    box-shadow: var(--shadow);
    border-radius: 10px;
}

.page_information .section h3,
.page_information .section h4,
.page_information .section h5 {
    margin-top: 25px;
}

.page_information .directory-list li a.collapseBtn span {
    font-size: 18px !important;
    position: relative;
}

.page_information .directory-list li a.collapseBtn span small {
    position: relative;
    width: 25px;
    height: 25px;
}

.page_information .directory-list li a.collapseBtn span small:before,
.page_information .directory-list li a.collapseBtn span small:after {
    background: #747474;
    content: "";
    height: 2px;
    left: 7px;
    position: absolute;
    top: 11px;
    width: 10px;
    transition: transform 500ms ease;
}

.page_information .directory-list li a.collapseBtn span small:after {
    transform-origin: center;
}

.page_information .directory-list li a.collapseBtn[aria-expanded="false"] span small:after {
    transform: rotate(90deg);
}

.page_information .directory-list li a.collapseBtn[aria-expanded="false"] span small:before {
    transform: rotate(180deg);
}

.no-content {
    position: relative;
}

.no-content:before {
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/content-coming-soon.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    font-weight: 600;
    font-size: 30px;
    /* border-radius: 50%; */
    /* box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.25;
}

.no-content:after {
    position: absolute;
    content: "Content is coming soon....";
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 175px));
    font-size: 24px;
    font-weight: 300;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/*Info page Ends*/
/*Info page Ends*/
.no-data-found-img-page .content_box {
    height: calc(100vh - 300px);
    margin-top: 15px;
}

.structure_data_table {
    position: relative;
}

.structure_data_table:before {
    position: absolute;
    content: "";
    background-image: url("../images/OfferingProcess.png");
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    opacity: 0.25;
}

ul#select2-employee_company_access-results {
    position: fixed !important;
    width: 250px;
    top: 48px !important;
    background-color: #ffffff !important;
    border-radius: 6px;
}

ul#select2-employee_company_access-results li {
    background-color: #fff !important;
    color: #8d8d8d !important;
}

ul#select2-employee_company_access-results li.select2-results__option--selected {
    color: var(--theme-color) !important;
    background-color: var(--theme-color-light) !important;
}

ul#select2-employee_company_access-results li:hover {
    background-color: var(--theme-color-light) !important;
}

.company-access-set-position {
    z-index: 9999999 !important;
}

.email_dashboard .table td {
    padding: 12px 0 12px 30px !important;
}

#payroll_lock_unlock_datatable_filter {
    position: relative;
    right: 100px;
}

#table_list .content_box {
    position: relative;
}

#table_list .content_box .permission_btn {
    position: absolute;
    right: 40px;
    top: 30px;
}

.mainActive {
    border-bottom: 1px solid var(--text-dark) !important;
}

span#is_next_day_end_fixed-error {
    margin-left: 0 !important;
}

/*SSHR Calander Leave popover Start*/
.cal-data-popover {
    cursor: pointer;
}

.cal-data-popover:hover {
    background-color: var(--bg-secondary);
}

.holiday_cls .h_date {
    text-shadow: none !important;
}

/*SSHR Calander Leave popover End*/
#LeaveDetails_Tab thead tr th:first-child.ps_emply {
    background-color: #f5f8fa;
}

#LeaveDetails_Tab tbody tr td:first-child.ps_emply {
    background-color: #fff;
}

table#intranet_myPosts_datatable tr td i.fas.fa-file-alt.text-theme {
    line-height: 26px;
}

ul#select2-company_access_ids-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* New Broadcast Widget Design Start */
.boradcast_new .boradcast_list .boradcast_title {
    font-size: 16px;
    line-height: 125%;
    /* max-height: 43px; */
}

.boradcast_new .boradcast_list .boradcast_title .ribbon-label:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent rgba(var(--theme-color-rgb), 0.5) transparent;
    top: 0;
    left: -5px;
}

/* New Broadcast Widget Design End */
#startDateError.error {
    font-size: 0.8rem;
    opacity: 0.85;
    margin-top: 2px;
    font-weight: 400;
    margin-left: 10px;
    width: auto;
    color: #f1416c;
}

button.btn-primary:active {
    background-color: var(--tab-active) !important;
    border-color: var(--tab-active) !important;
}

.btn.btn-primary:focus:not(.btn-active) {
    background-color: var(--tab-active) !important;
    border-color: var(--tab-active) !important;
    color: #fff !important;
}

/* section.permission_page {
    padding-bottom: 100px;
} */

.email_body .modal-body {
    border-radius: 15px;
}

div#WorkFlow_notes_popover {
    width: 400px !important;
}

.popover-body#test_pop {
    max-width: 400px !important;
    max-height: 300px !important;
}

.page_info_btn {
    position: relative;
}

.page_info_btn .info-ic {
    position: relative;
    z-index: 2;
    top: 0;
    left: -4px;
}

.page_info_close {
    padding: 0px 10px;
    border-radius: 25px;
    position: relative;
    left: -26px;
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    width: 82px;
    line-height: 107%;
}

.page_info-remove .page_info_close {
    width: 0;
    visibility: hidden;
}

.cross_set.select2-selection .select2-selection__clear span {
    top: -15px !important;
    font-size: 18px !important;
}

/* .popover.sshr_cal_hover{
    max-height: 200px;
    overflow-y: auto;
} */
div.popover.sshr_cal_hover {
    z-index: 99;
}

.popover.sshr_cal_hover .popover-body {
    max-height: 250px !important;
    max-width: 700px !important;
    overflow-y: auto !important;
    position: relative !important;
}

.popover.sshr_cal_hover .popover-body::-webkit-scrollbar {
    width: 3px;
}

.popover.sshr_cal_hover .popover-body::-webkit-scrollbar-track {
    background: #ccc;
}

.popover.sshr_cal_hover .popover-body::-webkit-scrollbar-thumb {
    border: 0px solid rgba(43, 58, 74, 0.25);
    background-color: #2b3a4a;
}

/* New Requriment Process widget Start*/
.recruitmentChart .skill-bar {
    height: 40px;
    border-radius: 3px;
    position: relative;
}

.recruitmentChart .skill-bar .skill .val {
    float: right;
    font-style: normal;
    margin: 0 20px 0 0;
}

.recruitmentChartRow {
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
}

.recruitmentChart .recruitmentChartTitle {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #888888;
    line-height: 17px;
    margin-top: 10px;
}

.recruitmentChart .totalCount {
    color: #18b35c;
}

.recruitmentChart .skill-bar .progress-bar {
    text-align: left;
    border-radius: 0;
    transition-duration: 3s;
}

.recruitmentChart .skill-bar .progress-bar span {
    color: var(--text-dark);
    padding: 2px 0 0;
    display: flex;
    width: 37px;
    margin-left: 5px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    justify-content: center;
    line-height: 170%;
    align-items: center;
    font-weight: 600;
    background-color: rgb(248 248 248 / 75%);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    position: absolute;
}

.recruitmentChart .skill-bar .progress-bar .percentCount {
    position: absolute;
    right: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    font-size: 12px;
    padding: 5px;
}

.recruitmentChart .talentPool-bar {
    background-color: rgb(230 113 102 / 20%);
}

.recruitmentChart .hiringProcess-bar {
    background-color: rgb(100 33 173 / 20%);
}

.recruitmentChart .offerProcess-bar {
    background-color: rgb(48 175 40 / 20%);
}

.recruitmentChart .rejected-bar {
    background-color: rgb(205 28 43 / 20%);
}

.recruitmentChart .onHold-bar {
    background-color: rgb(255 216 51 / 20%);
}

.recruitmentChart .hired-bar {
    background-color: rgb(7 140 253 / 20%);
}

.recruitmentChart .statusSec {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 12px;
}

.recruitmentChart .statusSec div {
    line-height: 100%;
}

@media (max-width: 1366px) {
    .recruitmentChart .recruitmentChartTitle {
        font-size: 12px;
        margin-right: 10px;
        margin-top: 4px;
    }

    .recruitmentChart .skill-bar {
        height: 25px;
    }

    .recruitmentChart .skill-bar .progress-bar span {
        font-size: 10px;
        width: 30px;
    }

    .recruitmentChart .skill-bar .progress-bar .percentCount {
        font-size: 10px;
        padding: 3px;
    }

    .recruitmentChart .statusSec {
        font-size: 10px;
    }
}

/* New Requriment Process widget End*/

.is_week_show {
    position: absolute;
    top: -10px;
    right: -85px;
}

.calendar_filter span.select2 {
    width: auto !important;
}

.new_emp_search_btn .btn.btn-primary {
    /* background-color: transparent;
    color: var(--theme-color) !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 500;
    white-space: nowrap;
    margin: 0 !important; */
}

.new_emp_search_btn .btn.btn-primary:hover,
.new_emp_search_btn .btn.btn-primary:active,
.new_emp_search_btn .btn.btn-primary:focus {
    color: var(--text-dark) !important;
    background-color: transparent !important;
}

@media (max-width: 1366px) {
    .new_emp_search_btn .btn.btn-primary {
        font-size: 0.75rem !important;
    }
}

/* Excel Sheet Report View Start */
.excelSheetreportView table td,
.excelSheetreportView table th {
    border: 1px solid #dddddd;
    padding: 3px 5px;
}

.excelSheetreportView table tr th {
    font-weight: 600;
    border-top: 0;
}

/* Excel Sheet Report View Ends */
/* For company changes drawer */

.drawer-overlay {
    z-index: 99999999 !important;
    /* display: none; */
}

/* .drawer {
    top: 39px;
    border-top: 1px solid #ddd;
    overflow: hidden;
} */


.intra_header_company_listing .icon-side-menu:before {
    color: var(--text-dark);
}

@media (max-width: 1600px) {
    .page_information .section {
        min-height: 700px;
    }
}

.leave-bg-color {
    background-color: rgb(168 231 255 / 30%) !important;
}

.regular-bg-color {
    background-color: rgb(225 225 255) !important;
}

.hired_required_chart #hired_required #container-7 svg {
    max-width: 100%;
}

.hired_required_chart #hired_required #container-7 svg .highcharts-xaxis-labels {
    font-size: 20px !important;
    font-weight: bold !important;
}

.hired_required_chart #hired_required #container-7 svg .highcharts-legend-item {
    font-size: 20px !important;
    font-weight: bold !important;
}

.hired_required_chart #hired_required #container-7 .highcharts-container {
    height: 370px !important;
    width: 100% !important;
}

.custom-file-set #customFile-error {
    bottom: 0;
}

.title_links a {
    font-size: 0.85rem;
}

.tbl-content {
    height: 315px;
    overflow-x: auto;
    margin-top: 0px;
}

/*----- End -----*/
.empl-detail-tabs .title {
    margin-bottom: 0;
}

.empl-detail-tabs .title a {
    border-bottom: 2px solid transparent;
}

.empl-detail-tabs .active a {
    color: var(--theme-color);
    border-color: var(--theme-color) !important;
}

.empl-detail-tabs .title+.title {
    margin-left: 15px;
    padding: 3px 0 3px 15px;
    border-left: 1px solid #cccccc;
}

@media (max-width: 1366px) {
    .page_information .directory-list li+li {
        margin-top: 5px;
    }
}

/* Broadcast and MRF description tinymce editor -> AhesanAli 05-10-2023 */
.job_description .tox-tinymce,
.ad_description .tox-tinymce,
.broadcast_description .tox-tinymce {
    height: 300px !important;
}

.specilization_textarea_cls .tox-tinymce,
.short_description .tox-tinymce {
    height: 200px !important;
}

/* end custome error messgae */
.events_popup_links p a {
    color: var(--theme-color);
}

/*User Group Start*/

.userGroup_page .addUser,
.userGroup_page .addReport {
    border-radius: 50%;
    background-color: #f9f9f9;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    display: inline-block;
}

.userGroup_page .addUser:hover,
.userGroup_page .addReport:hover {
    background-color: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.userGroup_page .addUser span,
.userGroup_page .addReport span {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-light-gray);
    border-radius: 50%;
    color: var(--bs-gray-600);
    border: 1px solid var(--bs-gray-300);
}

.userGroup_page .addUser span {
    right: 4px;
    bottom: 4px;
}

.userGroup_page .addReport span {
    right: 4px;
    bottom: 4px;
}

.userGroup_page .addReport span.valueAdded,
.userGroup_page .addUser span.valueAdded {
    background-color: var(--btn-dark);
    color: var(--white);
    font-size: 12px;
}

.modal .attendance_summary .search_employee ul li+li {
    margin-top: 0;
}

.addReportPopup .menu>.menu-item+.menu-item {
    border-top: 1px solid var(--bs-gray-300);
}

.addReportPopup .menu .menu-item .menu-link .menu-arrow:after {
    content: none;
}

.addReportPopup .menu .menu-item .menu-link .menu-arrow:before {
    content: "+";
    top: -9px;
    position: relative;
    font-size: 19px;
}

.addReportPopup .menu .menu-item.show .menu-link {
    background-color: transparent !important;
}

.addReportPopup .menu .menu-item.show .menu-link .menu-arrow:before {
    content: "-";
}

.addReportPopup .menu .menu-item .menu-link .menu-bullet {
    margin: 0;
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-link .menu-title {
    padding: 5px 8px;
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
}

.addReportPopup .menu .menu-item.show .menu-link.added .menu-title {
    background-color: #c5f5dc !important;
    border-radius: 2px;
    position: relative;
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(1) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 1) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(2) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 2) .bullet {
    background-color: rgba(var(--bs-success-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(3) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 3) .bullet {
    background-color: rgba(var(--bs-info-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(4) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 4) .bullet {
    background-color: rgba(var(--bs-warning-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(5) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 5) .bullet {
    background-color: rgba(var(--bs-danger-rgb), 1);
}

.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6) .bullet,
.addReportPopup .menu .menu-item .menu-sub-accordion .menu-item:nth-child(6n + 6) .bullet {
    background-color: rgba(var(--bs-body-rgb), 1);
}

/*User Group End*/
/* New Widget 10-10-2023 Start*/
.training-development .nav-pills .nav-link.active,
.training-development .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: var(--theme-color);
}

/* New Widget 10-10-2023 End*/

/* New Info Page Starts */
:root {
    --moduleListWidth: 275px;
}

.moduleSec {
    display: inline-block;
    position: relative;
    width: 100%;
}

.infoPageNew .moduleDetail {
    width: calc(100% - 2 * var(--moduleListWidth) - 10px);
    display: inline-block;
}

.infoPageNew .page_infoLink {
    width: var(--moduleListWidth);
    vertical-align: top;
    position: sticky;
    top: 60px;
    margin: 0;
    padding: 0 5px 15px 0;
    list-style: none;
    /* background-color: white; */
    display: inline-block;
}

.infoPageNew .directory-list {
    height: calc(100vh - 200px);
    overflow-y: scroll;
    margin: 0;
}

.infoPageNew .directory-list ul {
    margin-left: 4px;
    padding-left: 5px;
    border-left: 1px dashed #ddd;
}

.infoPageNew .directory-list li {
    list-style: none;
    color: #888;
    font-size: 17px;
    font-weight: normal;
    padding: 0 10px;
}

.infoPageNew .directory-list>li {
    list-style: circle;
    padding: 0 0 5px;
}

.infoPageNew .directory-list.subList li {
    padding-bottom: 0;
}

.infoPageNew .directory-list li.sub_heading {
    display: inline-block;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-dark);
    margin-top: 10px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0;
    margin-bottom: 5px;
    margin-left: -1.25rem;
}

.infoPageNew .directory-list li a {
    display: inline-flex;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: all 0.2s ease;
    line-height: 125%;
    font-weight: normal !important;
    font-weight: 600;
    font-size: 0.85rem !important;
    color: var(--text-dark);
    opacity: 0.75;
}

.infoPageNew .directory-list li a.active {
    border-bottom: 1px solid var(--text-dark);
}

.infoPageNew .directory-list li a:hover {
    border-color: #d3d3d3;
    color: var(--theme-color);
}

.infoPageNew .directory-list li a.collapseBtn {
    border: 0;
}

.infoPageNew .section {
    height: auto;
}

.infoPageNew .section.no-content {
    height: 500px;
}

.infoPageNew .section .sectionTitle {
    font-size: 22px;
    margin-top: 0;
}

.infoPageNew .section+.section {
    padding-top: 40px;
}

.infoPageNew .section {
    font-size: 14px;
    clear: both;
}

.infoPageNew .section ul li {
    list-style: disc;
}

.infoPageNew .section ul li,
.infoPageNew .section ol li {
    margin-bottom: 10px;
}

.infoPageNew .section .infoImg {
    float: left;
    margin: 15px 25px 15px 0;
    position: relative;
}

.infoPageNew .section .infoImg {
    content: "";
    clear: both;
}

.infoPageNew .section .infoImg img {
    width: 100%;
    max-width: 500px;
    box-shadow: var(--shadow);
    border-radius: 10px;
}

.infoPageNew .section h3,
.infoPageNew .section h4,
.infoPageNew .section h5 {
    margin-top: 25px;
}

.infoPageNew .directory-list li a.collapseBtn span {
    font-size: 18px !important;
    position: relative;
}

.infoPageNew .directory-list li a.collapseBtn span small {
    position: relative;
    width: 25px;
    height: 25px;
}

.infoPageNew .directory-list li a.collapseBtn span small:before,
.infoPageNew .directory-list li a.collapseBtn span small:after {
    background: #747474;
    content: "";
    height: 2px;
    left: 7px;
    position: absolute;
    top: 11px;
    width: 10px;
    transition: transform 500ms ease;
}

.infoPageNew .directory-list li a.collapseBtn span small:after {
    transform-origin: center;
}

.infoPageNew .directory-list li a.collapseBtn[aria-expanded="false"] span small:after {
    transform: rotate(90deg);
}

.infoPageNew .directory-list li a.collapseBtn[aria-expanded="false"] span small:before {
    transform: rotate(180deg);
}

.no-content {
    position: relative;
}

.no-content:before {
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/content-coming-soon.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    font-weight: 600;
    font-size: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.25;
}

.no-content:after {
    position: absolute;
    content: "Content is coming soon....";
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 175px));
    font-size: 24px;
    font-weight: 300;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 2px;
}

@media (max-width: 1366px) {
    :root {
        --moduleListWidth: 230px;
    }

    .infoPageNew .directory-list {
        height: calc(100vh - 140px);
    }

    .no-content:after {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    :root {
        --moduleListWidth: 215px;
    }

    .infoPageNew .moduleSec .MainModule {
        display: none;
    }

    .infoPageNew .page_infoLink {
        top: 0;
    }

    .infoPageNew .moduleDetail {
        width: calc(100% - var(--moduleListWidth) - 10px);
        float: right;
    }

    .infoPageNew .section .sectionTitle {
        font-size: 20px;
    }

    .infoPageNew .directory-list li.sub_heading {
        font-size: 0.8rem;
    }

    .infoPageNew .directory-list li a {
        font-size: 0.75rem !important;
    }
}

/* New Info Page Ends */

div.page_infoLink ul.directory-list::-webkit-scrollbar-thumb {
    border: 2px solid var(--tab-active);
}

div.page_infoLink ul.directory-list::-webkit-scrollbar-track {
    background-color: #f2f3f9;
}

div.page_infoLink ul.directory-list::-webkit-scrollbar {
    width: 2px;
}

div.page_infoLink ul.directory-list:hover::-webkit-scrollbar-thumb {
    background-color: rgba(43, 58, 74, 0.65) !important;
}

#half-stars-example label.rating__label--half {
    margin-right: -14px !important;
    width: 15px;
}

#half-stars-example i.rating__icon--star {
    font-size: 30px !important;
}

.recruitment_feedback_star label.rating__label--half {
    margin-right: -14px !important;
    width: 15px;
}

.recruitment_feedback_star i.rating__icon--star {
    font-size: 20px !important;
}

div.training-development ul.nav-pills-custom {
    position: relative;
}

div.training-development ul.nav-pills-custom .previous,
div.training-development ul.nav-pills-custom .next {
    position: absolute;
    top: -60px;
    right: 0;
    height: 30px;
    width: 30px;
    border-radius: 50% 0 0 50% !important;
    opacity: 0.85;
    display: flex;
    align-items: center;
    padding: 0 0 0 4px !important;
    justify-content: center;
}

div.training-development ul.nav-pills-custom .next {
    border-radius: 0 50% 50% 0 !important;
}

div.training-development ul.nav-pills-custom .previous {
    right: 35px;
    padding: 0 0 0 10px !important;
}

div.training-development ul.nav-pills-custom .previous i,
div.training-development ul.nav-pills-custom .next i {
    font-size: 12px;
    display: flex;
}

@media (max-width: 1024px) {
    div.training-development ul.nav-pills-custom li a.training_date span {
        font-size: 12px !important;
    }

    div.training-development ul.nav-pills-custom li a.training_date {
        min-width: 35px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.faqs-toggle-btn .form-switch .form-check-input {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.faqs-toggle-btn .form-switch .form-check-input {
    background-image: url("../images/toggle_on.svg") !important;
}

.modulePageInfo {
    opacity: 1;
}

/* Training Result Page Start */
.result_page {
    display: flex;
    align-items: center;
    justify-content: center;
}

.result_page .resultBox {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    border-radius: 25px;
}

.result_page .resultBox h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bolder;
}

.result_page .resultBox h1 img {
    max-width: 50px;
    margin-top: -10px;
}

.result_page .resultBox img {
    max-width: 500px;
    opacity: 0.85;
}

.result_page p {
    text-align: left;
    font-size: 14px;
    color: var(--text-gray);
}

.answerBox {
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
}

/* Training Result Page End */
/* New Payroll Changes Start*/
.errorRow td {
    background-color: rgba(var(--bs-danger-rgb), 0.08);
}

.fnfRow td {
    background-color: rgba(var(--bs-warning-rgb), 0.08);
}

/* New Payroll Changes ends*/

/*Job description Error Msg Start */
.form-group.jobDes {
    position: relative;
    padding-bottom: 20px;
}

.form-group.jobDes .invalid-feedback {
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.jobDes .tox-tinymce {
    z-index: 1 !important;
}

/*Job description Error Msg End*/
a.dash_intra-logo span.bullet-dot {
    bottom: -13px;
}

.cstm_ps_td_th2 {
    left: 301px;
}

.cstm_ps_td_th3 {
    left: 401px;
}

td.cstm_ps_td_th2,
td.cstm_ps_td_th3 {
    background-color: #b1b1b1a6;
}

.evolutionPercentageError {
    display: block;
    position: absolute;
    right: 50px;
    bottom: 5px;
}

.typePercentageError {
    display: block;
    position: absolute;
    /* right: 110px; */
    left: 34%;
    bottom: 5px;
}

/* evolution page css start 16-11-2023  */

section.emply_entitlement .total-ratings {
    position: fixed;
    bottom: 55px;
    width: calc(100% - 7% - -10px);
    padding-left: 50px;
    padding-right: 50px;
}

.evolution-table thead {
    width: 100%;
}

/* .cstm_box_evolution-rating{
    padding-bottom: 75px;
} */
.evolution-rating-tabing table td {
    border-color: #f2f2f2;
}

table.evolution-table tbody {
    display: block;
    max-height: 470px;
    overflow-y: scroll;
}

table.evolution-table thead,
table.evolution-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* evolution page css end 16-11-2023  */

/* Tickets chat window CSS start  */
#ticketMangement canvas {
    width: 100% !important;
}

.chat-pop-up {
    background-color: #fff;
    background-size: contain;
    border-radius: 6px;
    bottom: 80px;
    box-shadow: 0 3px 6px 0 rgba(75, 74, 75, 0.2);
    opacity: 0;
    right: 35px;
    padding: 0;
    position: fixed;
    transform: translatey(20px);
    transition: opacity 0.25s ease, transform 0.25s ease-out;
    width: 400px;
    z-index: 0;
    visibility: hidden;
    max-height: calc(100vh - 150px) !important;
}

.toggle-chat {
    background: var(--tab-active);
    border-radius: 30px;
    border-style: none;
    box-shadow: 0 3px 6px 0 rgba(75, 74, 75, 0.2);
    cursor: pointer;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    position: fixed;
    height: 35px;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    transition: width 0.3s ease-in-out, background 0.2s ease;
    outline: none;
    width: 35px;
    z-index: 100;
}

.toggle-chat:hover,
.toggle-chat:active {
    background: var(--btn-dark);
}

.toggle-chat.chat-is-open {
    flex-direction: column;
    width: 50px;
}

.open-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #274666;
    font-family: "Galano Grotesque Alt", "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    opacity: 1;
    transition: opacity 0.2s 0.2s ease-out;
    position: absolute;
    width: 50px;
}

.toggle-chat.chat-is-open .open-chat {
    transition: none;
    opacity: 0;
}

.toggle-chat .close-chat {
    opacity: 0;
    transform: rotate(-40deg);
    max-width: 15px;
}

.toggle-chat.chat-is-open .close-chat {
    position: absolute;
    opacity: 1;
    transform: rotate(0deg);
    transition: opacity 0.2s ease-out, transform 0.4s ease-out;
}

.chat-display-on {
    display: block !important;
}

.chat-visible {
    opacity: 1;
    transform: translatey(0);
    visibility: visible;
    z-index: 11;
}

.open-chat img {
    max-width: 30px;
}

.ticket_widget {
    padding: 10px 15px;
    position: relative;
}

.ticket_widget::before {
    position: fixed;
    content: "";
    width: 100%;
    height: 200px;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 1) -116%,
            rgba(43, 58, 74, 1) 100%);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    top: 0;
    left: 0;
    z-index: 0;
}

.chat-popup-title {
    position: relative;
    padding: 20px 0 20px;
}

.chat-popup-title h2.title {
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    color: #fff;
}

.chat-pop-up .tms-btn {
    background-color: var(--btn-dark);
    color: #fff;
}

.chat-pop-up .tms-btn:hover {
    background-color: var(--tab-active);
    color: #fff;
}

/* @media (max-width:1366px){
      .ticket_widget{
          max-height: 350px;
          overflow: auto;
      }
  } */
/* Tickets chat window CSS end  */

/* ticket manager css start 20-11-2023 start  prnv*/

.tic_subject .ticket_response_status_1,
.tic_subject .ticket_response_status_2 {
    position: relative;
}

.tic_subject .ticket_response_status_1::before,
.tic_subject .ticket_response_status_2::before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50px;
    top: 3px;
}

.tic_subject .ticket_response_status_1::before {
    background-color: red;
}

.tic_subject .ticket_response_status_2::before {
    background-color: green;
}

.tic_chat_box .sender_msg,
.tic_chat_box .receiver_msg {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.tic_chat_box .sender_msg::before {
    content: "";
    position: absolute;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 15px solid rgb(231 240 255 / 45%);
    top: -29px;
    left: 15px;
}

.tic_chat_box .sender_msg {
    background-color: rgb(231 240 255 / 45%);
}

.tic_chat_box .receiver_msg::before {
    content: "";
    position: absolute;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 15px solid rgb(231 240 255 / 45%);
    top: -29px;
    left: 15px;
}

.tic_tl_chart .tic_tl_chart_content {
    position: relative;
}

.tic_tl_chart .tic_tl_chart_content::before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #115baa;
    height: 100%;
    left: -27px;
    top: 30px;
}

.tic_tl_chart:last-child .tic_tl_chart_content:before {
    content: none;
}

.tic_tl_chart .tic_tl_img {
    background-color: #115baa;
    z-index: 1;
}

.tic_tl_chart .tic_tl_img i {
    color: rgb(255 255 255 / 70%);
}

.tic_chat_box {
    max-height: calc(100vh - 200px);
}

.tic_timeline_chart {
    max-height: calc(100vh - 228px);
}

.tic_chat_reply .tox-tinymce {
    height: 300px !important;
}

/* ticket manager css start 20-11-2023 end prnv */
/* Ticket Management Widget Start */
.dash_ticket .nav-line-tabs .nav-item .nav-link {
    text-transform: uppercase;
}

.dash_ticket .nav-line-tabs .nav-item .nav-link.active {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid var(--theme-color);
    transition: color .2s ease, background-color .2s ease;
}

.dash_ticket .nav-line-tabs .nav-item .nav-link:hover:not(.active) {
    border-color: transparent;
    color: var(--tab-active);
}

.dash_ticket .ticketWidgetlist .accordion-header .accordion-button {
    border-radius: 0;
    display: block;
}

.dash_ticket .ticketWidgetlist .accordion-header .accordion-button::before,
.dash_ticket .ticketWidgetlist .accordion-header .accordion-button::after {
    top: 0;
    right: 5px;
}

.dash_ticket .ticketWidgetlist .accordion-item+.accordion-item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed var(--bs-gray-300);
}

/* Ticket Management Widget End */
.cstm_ck_comment iframe {
    width: calc(100% - 80px) !important;
    padding-right: 80px;
}

.cstm_ck_comment .cstm_cmnt_reply_btn {
    top: 10px;
    right: 10px;
}

a.post_cmnt_close_btn {
    position: absolute;
    top: 15px;
    right: 60px;
}

.contribution_inr {
    top: -15px;
}

/* .contribution_inr .contribution_text {
    letter-spacing: 2px;
} */

table#employee_entitle_detail ul.pagination {
    flex-wrap: initial;
    justify-content: flex-start;
}

table#employee_entitle_detail ul.pagination,
#bulk_leave_emp_list_paginate ul.pagination,
#bulk_short_leave_emp_list_paginate ul.pagination {
    flex-wrap: initial;
    justify-content: flex-start;
}

.view_replies .viewallreply_ico {
    transform: rotate(170deg);
}

.custom-file-set #customFile-error {
    bottom: 0;
}

.cstm_acc_header .accordion-button::after {
    top: -5px;
}

.table-container .payroll_emp_listing tbody td:first-child,
.table-container .payroll_emp_listing thead th:first-child {
    left: -1px;
}

.get_employee ul.pagination {
    margin-top: 0;
    justify-content: end !important;
}

.border-theme-color {
    border-color: var(--theme-color-light) !important;
}

#login_employee i.show-login-pass,
#login_employee i.hide-login-pass {
    position: absolute;
    top: 45px;
    right: 17px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.fv-row {
    position: relative;
}

#salary_breakup_form i.show-login-pass,
#salary_breakup_form i.hide-login-pass {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.fv-row i.cnfrm-show-login-pass,
.fv-row i.cnfrm-hide-login-pass,
.fv-row i.new-show-login-pass,
.fv-row i.new-hide-login-pass {
    position: absolute;
    top: 45px;
    right: 15px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

#ticketsbysource .highcharts-container,
#ticketsbysource svg {
    max-width: 100%;
}

.escaltion-down-arrow {
    position: relative;
}

.escaltion-down-arrow::after {
    content: "\f309";
    position: absolute;
    font-size: 15px;
    font-weight: 900;
    right: 50%;
    top: -30px;
    font-family: "Font Awesome 5 Free";
}

.generatepattern_table tbody td {
    border-left: 1px solid var(--bs-gray-200);
}

.generatepattern_table tbody td:last-child {
    border-right: 1px solid var(--bs-gray-200);
}

li.selected_module_list {
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbing {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}

.sidepanel-menu-separator {
    border-bottom: 1px solid #959da5 !important;
}

#report_employee_datatable_info,
#report_employee_datatable_paginate,
#assigned_filtered_employee_info,
#assigned_filtered_employee_paginate,
#assigned_report_datatable_paginate,
#assigned_report_datatable_info,
#report_datatable_paginate,
#report_datatable_info,
#pms_employee_datatable_info,
#pms_employee_datatable_paginate,
#e_sign_employee_datatable_paginate,
#e_sign_employee_datatable_info {
    padding: 8px 10px !important;
    cursor: pointer;
}

ul.list-style-disc {
    list-style-type: disc !important;
}

a.load_more_btn:hover {
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

a.load_more_post {
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.last_notification {
    /* border: 0px solid !important;
    padding-bottom: 0px !important; */
    margin-bottom: 5px;
}

.screenshotMainDiv {
    position: relative;
}

#removeScreenshot {
    position: absolute;
    top: -10px;
    right: -10px;
}

@media (max-width: 1440px) {
    .chat-pop-up {
        width: 390px;
    }
}

@media (max-width: 1366px) {
    .chat-pop-up {
        width: 330px;
        /* max-height: 410px; */
    }

    .toggle-chat {
        height: 30px;
        width: 30px;
    }

    .open-chat img {
        width: 25px;
    }
}

/* Tax Declaration Starts*/
.taxDeclaration .td_title {
    font-size: 18px;
}

.taxDeclaration .table tr td:first-child {
    width: 30%;
}

.td_rightBox ul li {
    font-weight: 500;
}

.td_rightBox ul li span {
    font-size: 14px;
    color: var(--theme-color);
}

.td_rightBox ul li+li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f2f2f2;
}

.td_rightBox {
    position: sticky;
    top: 70px;
}

.td_rightBox h2 {
    margin-bottom: 25px;
}

.td_rightBox_form {
    display: inline-block;
}

.td_rightBox_form a {
    width: 80%;
    padding: 40px;
    margin: 25px auto 15px;
    display: flex;
    flex-direction: column;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    position: relative;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    border: 1px solid transparent;
    border-radius: 10px;
}

.td_rightBox_form a:before {
    position: absolute;
    content: "";
    background-image: url(../images/airplane.png);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: bottom right;
    bottom: 10px;
    right: 10px;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.td_rightBox_form a:hover {
    border: 1px solid #ededed;
    background-color: #eeeeee;
}

.td_rightBox_form a:hover:before {
    opacity: 0.2;
}

.td_rightBox_form a p,
.td_rightBox_form a:hover p {
    color: var(--text-dark);
}

@media (max-width: 1440px) {
    .td_rightBox_form a {
        width: 100%;
        padding: 20px;
    }

    .td_rightBox h2 {
        font-size: 20px;
    }

    .td_rightBox_form a p {
        font-size: 15px;
    }

    .taxDeclaration .table tr td:first-child {
        width: 40%;
    }
}

@media (max-width: 1024px) {
    .td_rightBox {
        position: relative;
        top: 20px;
    }

    .td_rightBox_form {
        width: 100%;
    }

    .td_rightBox_form a:before {
        width: 50px;
        background-size: contain;
    }

    .taxDeclaration .table tr td:first-child {
        width: 30%;
    }
}

.taxDeclarationInner .note ul li {
    position: relative;
    padding-left: 15px;
}

.taxDeclarationInner .note ul li:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--text-dark);
    left: 0;
    top: 9px;
}

.taxDeclarationInner .invalidAlert {
    max-width: 550px;
    margin: 0 auto;
}

.taxDeclarationInner .icon-delete:before {
    color: var(--theme-color);
}

.taxDeclarationInner table tr td .proofVerification .badge_approved {
    border: 1px solid var(--bs-success);
    background-color: transparent !important;
    border-radius: 5px;
}

.taxDeclarationInner table tr td .proofVerification .badge_approved:hover {
    background-color: var(--bs-success) !important;
    color: #ffffff !important;
}

.taxDeclarationInner table tr td .proofVerification .badge_rejected {
    border: 1px solid var(--bs-danger) !important;
    background-color: transparent !important;
    border-radius: 5px;
}

.taxDeclarationInner table tr td .proofVerification .badge_rejected:hover {
    background-color: var(--bs-danger) !important;
    color: #ffffff !important;
}

.taxDeclarationInner .houseRentDetail .btn i {
    font-size: 14px;
    vertical-align: -1px;
}

.taxDeclarationInner .houseRentDetail .btn i:before {
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.taxDeclarationInner .houseRentDetail .btn[aria-expanded="true"] i:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.taxDeclarationInner .houseRentDetail .collapse .card {
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
}

@media (max-width: 1199px) {
    .houseRentDetail .row>div {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .houseRentDetail .col-form-label {
        height: auto;
    }

    .houseRentDetail .row .col {
        width: 50%;
    }
}

/* Tax Declaration Ends*/

/* 31-01-2024 Start */
.recentOpened {
    padding-top: 5px;
    border-top: 1px solid #ececec;
}

.reset_btn {
    border: 1px solid;
    padding: 2px 4px;
    border-radius: 3px;
    opacity: 0.75;
}

.reset_btn:hover {
    opacity: 1;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.emailModal {
    margin: 0 auto;
    height: 35px;
    width: 35px;
}

.emailModal i {
    font-size: 1.1rem;
    vertical-align: -2px;
    line-height: 100%;
}

#set_employee_session {
    /* height: 35px;
        width: 35px; */
}

#set_employee_session svg,
.svgClassModule svg {
    fill: #ffffff;
}

#set_employee_session:hover svg {
    fill: var(--text-dark);
}

.svgClassModule:hover svg {
    fill: var(--text-dark);
}

#employeeAnalyticsYear+.select2-container .select2-selection {
    padding: 5px 30px 5px 5px;
    border-color: #f2f2f2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

/* 31-01-2024 Start */
/* 31-01-2024 - Pranav */
.canned-responses {
    width: 100%;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    right: -100%;
}

.canned-responses .accordion-button::after {
    top: auto !important;
}

.canned-responses .accordion-button {
    padding: 15px;
}

.canned-responses .accordion-button::before,
.canned-responses .accordion-button::after {
    right: 15px;
    transform: scale(0.75);
}

.canned-responses .accordion-button[aria-expanded="true"]::after {
    transform: rotateX(-180deg) scale(0.75);
    -webkit-transform: rotateX(-180deg) scale(0.75);
}

.canned-responses .accordion-item .accordion-header .icon-plus:before {
    color: var(--theme-color);
}

.canned-responses .accordion-item {
    border-bottom: 1px solid #f3f3f3;
    border-radius: 0;
}

.canned-responses .accordion-item+.accordion-item {
    margin-top: 0;
}

.canned-sidebar-open {
    overflow-x: hidden;
}

.tms-types-select .select2.select2-container {
    display: flex;
}

/* 31-01-2024 - Pranav End*/

.mrf_iframe_box {
    opacity: 0.5;
    box-shadow: var(--shadow-thin);
    background-color: white;
    border-color: #eee;
    border-radius: 3px;
    padding: 0.45rem 0.5rem;
}

.mrf_iframe_url {
    font-size: 0.85rem;
    color: #5e6278;
    font-weight: 400;
    word-break: break-all;
}

#candidate_stages_summary_logs div.modal-dialog {
    width: 1400px;
}

/* 01-02-2024 - JD Start*/
.Sticky_Attendance_Table .second_profileImg {
    right: 455px;
}

/* @media (max-width: 1440px) {
    .Sticky_Attendance_Table .second_profileImg {
        right: 290px;
    }
} */
/* 01-02-2024 - JD End*/

.closeModuleNotification {
    position: absolute;
    right: -10px;
    top: -15px;
}

.group-type-evaluation .multiple-box .flow_type_select:before {
    top: -3rem;
}

.group-type-evaluation .multiple-box .flow_type_select {
    margin-top: 3rem;
}

/* pms ratings popup design pranav start  13-02-2024*/

.ratings-description-table table tbody tr td:first-child {
    border-right: 1px solid #e4e6ef;
    width: 15%;
}

.ratings-description-table table tbody tr td:nth-child(2) {
    width: 70%;
    border-right: 1px solid #e4e6ef;
}

.ratings-description-table table tbody tr td:last-child {
    width: 25%;
}

.ratings-description-table table tbody {
    display: block;
    max-height: 450px;
    overflow-y: auto;
}

.ratings-description-table table thead,
.ratings-description-table table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* pms ratings popup design pranav end  13-02-2024*/

/* pms grp new method table design prnv start 19-02-2024  */

.ratings-method-table table tbody tr td:first-child {
    border-right: 1px solid #e4e6ef;
}

.ratings-method-table table tbody {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
}

.ratings-method-table table thead,
.ratings-method-table table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.cstm_kra_des .popover-body {
    width: 600px !important;
}

/* pms grp new method table design prnv end 19-02-2024  */

/* pms grp new method table design prnv start 20-02-2024  */

.cstm_box_evolution-rating .nav-line-tabs .nav-item .nav-link.active,
.cstm_box_evolution-rating .nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.cstm_box_evolution-rating .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid var(--tab-active) !important;
}

td.goal-cat-label {
    background-color: #cdcdcd !important;
}

@media (max-width: 1536px) {

    .evaluationMethodAlert .select2-selection.custom_approvar_type,
    .evaluationMethodAlert .select2-selection.custom_employee,
    .evaluationMethodAlert .select2-selection.custom_role {
        width: 175px !important;
    }
}

@media (max-width: 1366px) {

    .evaluationMethodAlert .select2-selection.custom_approvar_type,
    .evaluationMethodAlert .select2-selection.custom_employee,
    .evaluationMethodAlert .select2-selection.custom_role {
        width: 150px !important;
    }
}

@media (max-width: 1199px) {

    .evaluationMethodAlert .select2-selection.custom_approvar_type,
    .evaluationMethodAlert .select2-selection.custom_employee,
    .evaluationMethodAlert .select2-selection.custom_role {
        width: 250px !important;
    }

    .evaluationMethodAlert {
        flex-direction: column;
    }

    .evaluationMethodAlert .flow_type_inner {
        margin-left: 0 !important;
        margin-top: 10px;
    }
}

@media (max-width: 1023px) {

    .evaluationMethodAlert .select2-selection.custom_approvar_type,
    .evaluationMethodAlert .select2-selection.custom_employee,
    .evaluationMethodAlert .select2-selection.custom_role {
        width: 175px !important;
    }
}

@media (min-width: 1900px) {

    .evaluationMethodAlert .select2-selection.custom_approvar_type,
    .evaluationMethodAlert .select2-selection.custom_employee,
    .evaluationMethodAlert .select2-selection.custom_role {
        width: 250px !important;
    }
}

.evaluationCycleMasterInfo_table .table tbody tr:last-child td,
.evaluationCycleMasterInfo_table .table tbody tr:last-child th {
    border-bottom: 1px solid #f2f2f2 !important;
}

/* pms grp new method table design prnv end 20-02-2024  */

.recentOpened .menu-title {
    white-space: normal !important;
    max-width: 170px;
    display: inline-block !important;
    min-width: 169px;
}

/* TMS Design Changes 26-02-2024 prnv start  */

.tms_dash_ticket_by_source svg g.highcharts-label text {
    font-size: 14px !important;
}

.ticket_list_tabs_oc .nav-line-tabs .nav-item .nav-link {
    border: 1px solid var(--theme-color) !important;
    border-radius: 100px !important;
    padding: 5px 15px !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    letter-spacing: 0.75px;
    transition: 0.4s ease-in-out all;
}

.ticket_list_tabs_oc ul.nav-tabs {
    border-bottom: 0 !important;
}

.ticket_list_tabs_oc .nav-line-tabs .nav-item .nav-link.active {
    background-color: var(--theme-color);
    color: #fff;
    transition: 0.4s ease-in-out all;
}

.ticket_list_tabs_oc .nav-line-tabs .nav-item .nav-link.active span {
    background-color: #fff !important;
    transition: 0.4s ease-in-out all;
}

.response_message .tox-tinymce {
    height: 300px !important;
}

@media (max-width: 1366px) {
    #ticketMangement .select2-container--bootstrap5 .select2-dropdown .select2-results__options {
        max-height: 100px !important;
    }

    #ticketMangement .select2-container--bootstrap5 .select2-dropdown .select2-results__option {
        font-size: 12px !important;
        padding: 7px 20px !important;
    }

    #ticketMangement .select2-container--bootstrap5 .select2-dropdown .select2-search {
        padding: 0.3rem 1.25rem !important;
        margin: 0 !important;
    }

    .chat-popup-title h2.title {
        font-size: 16px;
    }

    .chat-popup-title {
        padding: 10px 0 10px;
    }

    .receiver_box .receiver_msg p,
    .sender_box .sender_msg p {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1400px) {
    .tic_chat_box {
        max-height: calc(100vh - 490px);
    }

    /* .chat-pop-up{
        max-height: 700px;
    } */
}

/* TMS Design Changes 26-02-2024 prnv end  */
.cstm-search-emp-btn button {
    margin: 0 !important;
}

.attendance_regi_master_select_date {
    top: 25px;
    z-index: 9;
}

/* 29-02-2024 Start*/
.is_duration .bdp-input,
.is_duration .bdp-input .bdp-block {
    display: flex;
    align-items: center;
}

.is_duration .bdp-input .bdp-block div {
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
}

.is_duration .bdp-input .bdp-block+.bdp-block {
    margin-left: 20px;
}

.min_hour .bdp-input .bdp-block div,
.max_hour .bdp-input .bdp-block div,
.entitlement .bdp-input .bdp-block div {
    text-transform: capitalize;
}

/* 29-02-2024 End*/

/* Kishan Changes 29-02-2024 S */
.payment-chart table th .month-name {
    display: block;
    white-space: break-spaces;
    text-transform: capitalize;
}

/* Kishan Changes 29-02-2024 E */

/* Create Feedback Page Start */
.removeQue {
    position: absolute;
    top: -10px;
    right: -10px;
}

.removeQue i {
    color: var(--tab-active);
}

@media (max-width: 1366px) {
    .recruitment_feedback_star {
        transform: scale(0.8);
        transform-origin: center;
    }
}

/* Create Feedback Page End */

/* Candidate Review Page Start*/
.candidate_review_page .new_profile_page {
    position: sticky;
    top: 75px;
}

.candidate_review_page .perInfo_detail .perInfo_inner .perInfo_text {
    text-align: left !important;
}

.candidate_review_page .perInfo_detail .perInfo_inner {
    align-items: start !important;
}

.candidate_review_page #half-stars-example i.rating__icon--star {
    font-size: 20px !important;
}

.candidate_review_page .rating_text {
    min-width: 100px;
}

.candidate_review_page .quiz>li+li {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7;
}

.candidate_review_page .choices li+li {
    margin-top: 15px;
}

.quiz li.question .choices {
    padding: 15px;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.quiz li.question+li.question {
    margin-top: 20px;
}

.quiz li.question h6 {
    padding: 0 15px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
}

.quiz .queation_error {
    font-size: 14px;
}

/* Candidate Review Page End*/

/* TMS Mantis Issues 06-03-2024 S*/
.ticket_chat_box .sender_msg .overlay-layer {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.ticket_chat_box .sender_msg .overlay-layer:hover {
    transform: translateY(-3px);
}

#ticketFileContainer {
    max-width: 400px;
    padding: 15px;
    border: 1px solid #f2f2f2;
    border-radius: 15px;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    margin-top: 15px;
}

#ticketFileContainer>div {
    font-size: 13px;
    opacity: 0.75;
}

div#ticketFileContainer>div+div {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #cccccc;
}

#ticketFileContainer div a.add_remove_attch {
    padding: 4px;
    background-color: #cccccc;
    width: 27px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

#ticketFileContainer div a.add_remove_attch:hover {
    opacity: 1;
}

#ticketFileContainer div a.add_remove_attch svg {
    max-width: 15px;
}

/* TMS Mantis Issues 06-03-2024 E*/

/* Tax Declaration Start */
.taxDeclaration .emp_search .content_box {
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
}

.taxDeclaration .emp_search .content_box .filter-sec {
    margin: 0 !important;
}

/* Tax Declaration End */
/* File manager page css 14-03-2024 S*/
.file-manager-page .content_box .nav {
    border: none;
}

.file-manager-page .content_box .nav .nav-item .nav-link {
    margin: 0 2px 0 2px;
    border-radius: 0.475rem;
    border: none;
    min-width: 120px;
    padding: 0.5rem 1rem;
    justify-content: center;
    min-height: 43px;
}

.file-manager-page .content_box .nav .nav-item .nav-link.active,
.file-manager-page .content_box .nav .nav-item .nav-link:hover,
.file-manager-page .content_box .nav .nav-item .nav-link:focus {
    /* background-color: #19a36233;
    color: #19a362; */
    background-color: #2b3a4a;
    color: #fff;
}

.file-manager-page .content_box .nav .nav-item .nav-link .nav-icon i {
    color: #fff;
}

.file-manager-page .content_box .nav .nav-item .nav-link .nav-icon i {
    display: none;
    transition: 0.5s all ease-in-out;
}

.file-manager-page .content_box .nav .nav-item .nav-link.active .nav-icon i {
    display: inline-block;
    transition: 0.5s all ease-in-out;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .item-icon {
    width: 20px;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .dropdownBtn {
    width: 30px;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .item-icon i {
    color: #a1a5b79c;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon .item-icon {
    width: 60px;
    height: 60px;
    justify-content: center;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon .item-icon {
    max-width: 100%;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon .item-icon i {
    font-size: 62px;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-details {
    width: 100%;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .item-title {
    width: calc(100% - 40px);
    display: -webkit-box !important;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .dropdownBtn {
    width: 30px;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 25px 15px;
    /* background-color: #f2f2f2; */
    /* background-color: #e7f2ff; */
    background-color: #f0f0f0;
    border-radius: 6px;
    margin: 0 0 20px 0;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-details {}

@media (max-width: 991px) {
    .file-manager-page .content_box .nav .nav-item .nav-link {
        min-width: 80px;
        min-height: 35px;
    }

    .file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon .item-icon {
        width: 70px;
        height: 70px;
    }

    .file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon {
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .file-manager-page .content_box .tab-content-wrap .tab-content .all-items .files .items .files-icon .item-icon {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 576px) {
    .file-manager-page .content_box .tab-content-wrap .tab-content .all-items .row .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

/* File manager page css 14-03-2024 E*/
/* start added by dhruv */
.rating_comment_box {
    max-width: 280px;
    text-align: left;
    white-space: normal;
}

/* end added by dhruv */
/* Tax Declaration No data page css 18-03-2024 S*/
.page_content.taxDeclaration .no-data-wrap {
    height: calc(100vh - 150px);
}

.page_content.taxDeclaration .no-data-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page_content.taxDeclaration .no-data-box .no-data-image {
    max-width: 300px;
    margin: 0 0 30px 0;
}

.page_content.taxDeclaration .no-data-box .no-data-image img {
    filter: grayscale(1);
    opacity: 0.5;
}

/* Tax Declaration No data page css 18-03-2024 E*/

label.no-wrap-label {
    white-space: nowrap;
}

/* Tax Declaration House Rents page css 20-03-2024 S*/
#Eligibility-AccordianMain .rent-top-bar {
    margin-right: 65px;
}

#Eligibility-AccordianMain .accordion-item {
    position: relative;
}

#Eligibility-AccordianMain .accordion-item .accordion-button {
    position: inherit;
}

#Eligibility-AccordianMain .accordion-item .accordion-button::after {
    position: absolute;
}

/* Tax Declaration House Rents page css 20-03-2024 E*/
table.offer_process_contri td:last-child {
    padding-left: 10px !important;
}

.valign-middle {
    vertical-align: middle !important;
}

/* side menu mantis issue pranav  start 01-04-204*/

.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #9899ac;
    white-space: normal !important;
    max-width: 170px;
    display: inline-block !important;
    min-width: 169px;
}

/* side menu mantis issue pranav  end 01-04-204*/

.actionFeedback .table td:first-child,
.actionFeedback .table th:first-child,
.actionFeedback .table tr:first-child,
.takenActionFeedback .table td:first-child,
.takenActionFeedback .table th:first-child,
.takenActionFeedback .table tr:first-child {
    padding-left: 10px !important;
}

.moretext {
    display: none;
}

.moreless-button {
    position: absolute;
    bottom: 5px;
    right: 15px;
    font-size: 14px;
    font-weight: 600;
}

.bg-var-active {
    background-color: var(--tab-active);
}

table.dataTable>thead .sorting,
table.dataTable>thead .sorting_asc,
table.dataTable>thead .sorting_desc {
    vertical-align: top !important;
}

/* Chat hub Start */
.chat-offcanvas {
    border: 1px solid var(--border-color);
    border-radius: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.10) !important;
}

.chatList .add_employee:hover {
    opacity: 0.75;
}

.chatList .add_employee img {
    width: 100%;
}

.offcanvas,
.offcanvas-body,
.offcanvas-body>* {
    outline: none;
}

.chathub-header {
    position: relative;
    border-radius: 0 0 20px 20px;
    padding: 15px 0;
    width: calc(100% - 40px);
    margin: 0 auto;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
}

.chathub-footer {
    width: calc(100% - 40px);
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    left: 0;
}

.chathub {
    height: calc(100vh - 100px);
    padding: 20px 0;
    outline: none !important;
}

.chathub .chatList {
    border-right: 1px solid #eff2f5;
}

.chathub .chatList,
.chathub .chatWindow {
    height: calc(100vh - 140px);
}

.chathub .chatWindow .card-body {
    /* height: calc(100vh - 153px - 167px); */
    overflow-y: auto;
    padding-bottom: 0;
}

/* .chathub .chatWindow .card-body.uploadArea{
    height: calc(100vh - 153px - 227px);
} */
.chathub .chatList .card {
    border-radius: 20px 0 0 20px !important;
}

.chathub .chatWindow .content_box {
    border-radius: 0 20px 20px 0;
    border: 0;
}

.chathub .chatList .unread {
    padding: 2px;
    background-color: #5963a5;
    width: 18px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chathub .chatList .chaltListPerson .badge-circle {
    position: absolute;
    bottom: -1px;
    right: -3px;
    border: 2px solid;
    width: 13px;
    height: 13px;
}

.chathub .chatList .chaltListPerson.bg-secondary {
    border-right: 3px solid #5963a5;
}

.chatList .add_employee {
    max-width: 40px;
    padding: 7px;
    margin-left: 15px;
    border-radius: 50%;
    border: 1px solid #181c32;
    opacity: 0.45;
    background-color: transparent;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.chathub .chatList .searchListMain {
    width: calc(100% - 45px);
    position: relative;
}

.chathub .chatList .searchListMain .searchList {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    z-index: 99;
}

.incident_approval table tbody {
    display: block;
    max-height: 250px;
}

.incident_approval table thead,
.incident_approval table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Tax module Start */
#modData tbody#notificationData tr td {
    padding-left: 20px !important;
}

#email_content .tox-tinymce {
    height: 300px !important;
}

/* Tax module End */
#reportIncidentAccordian .accordion-button {
    padding: 0.77rem 3.85rem 0.77rem 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.chat_box_msg .tox-editor-header {
    position: absolute !important;
    right: 135px;
    top: 11px !important;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.chat_box_msg.emoji-fix .tox-editor-header {
    position: absolute !important;
    left: auto;
    right: 130px;
    top: auto !important;
    bottom: 8px;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.chat_box_msg .tox-editor-header:hover {
    opacity: 1;
}

.chatWindow .card-footer {
    position: relative;
    padding: 27px 15px 10px;
}

.chat-control {
    position: absolute;
    bottom: 0;
    width: calc(100% - 50px);
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #ffffff;
    padding-bottom: 20px;
}

.chatBtns {
    position: absolute !important;
    bottom: 16px !important;
    right: 40px !important;
}

.chatBtns button {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
}

.tox .tox-toolbar-overlord {
    position: relative !important;
}

.chat-control .tox .tox-toolbar__primary {
    position: absolute !important;
    right: -50px !important;
    bottom: 0 !important;
    z-index: 1 !important;
}

.chatBtns button svg {
    width: 18px !important;
    height: 18px !important;
}

.chatBtns button+button {
    margin-left: 8px !important;
}

.chat-control .tox .tox-statusbar {
    display: none;
}

.chat-control .tox-tinymce {
    height: 60px !important;
}

.chat-control .tox .tox-toolbar__primary {
    background: none;
}

.card-footer .chat-control .send {
    background-color: transparent;
    border: 0;
    margin: 0 10px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.card-footer .chat-control .send.uploadMedia {
    opacity: 0.5;
}

.card-footer .chat-control .send.uploadMedia:hover {
    opacity: 1;
}

.card-footer .chat-control .chatBtns {
    position: absolute;
    right: 10px;
    bottom: 13px;
}

.card-footer .chat-control .send i {
    color: var(--tab-active);
    font-size: 24px;
}

.card-footer .chat-control .msgSend {
    border-left: 1px solid #cccccc;
    padding-left: 20px;
    margin-left: 8px;
    opacity: 1;
}

.card-footer .chat-control .tox-icon svg path {
    transform: scale(1.5);
    transform-origin: center;
}

.card-footer .chat-control .chatBtns {
    position: absolute;
}

.card-footer .chat-control .tox-tinymce {
    padding-right: 175px;
}

.chatWindow .givenEmoji {
    padding: 3px;
}

.chatWindow .emojiCount {
    position: absolute;
    bottom: -7px;
    right: -10px;
    background-color: #aae0ff;
    color: #2f2f2f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 15px;
}

.card-footer .chat-control .tox-edit-area iframe html::-webkit-scrollbar {
    width: 9px;
}

.card-footer .chat-control .tox-edit-area iframe html::-webkit-scrollbar-track {
    background: var(--white);
}

.card-footer .chat-control .tox-edit-area iframe html::-webkit-scrollbar-thumb {
    background-color: var(--tab-active);
    border-radius: 16px;
    border: 2px solid var(--white) !important;
}

.chatMessage {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.chatMessage p {
    margin-bottom: 0;
    text-align: left;
}

.readMsg {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    background-size: contain;
    opacity: 0.85;
    right: -28px;
    bottom: -10px;
}

.checkMeg {
    background-image: url(../images/checkMsg.png);
}

.checkMeg-double {
    background-image: url(../images/doubleCheckMsg.png);
}

.yourChat .editGrpBtn {
    opacity: 0;
    transition: 0.15s ease-in-out all;
    -webkit-transition: 0.15s ease-in-out all;
    -mos-transition: 0.15s ease-in-out all;
    -ms-transition: 0.15s ease-in-out all;
}

.yourChat:hover .editGrpBtn {
    opacity: 1;
}

.card-header .card-toolbar .add_employee {
    display: flex;
    height: 35px;
    width: 35px;
    margin-right: 10px;
    margin-left: 5px;
}

.card-header .card-toolbar .add_employee i {
    font-size: 14px;
}

.card-header .card-toolbar .msg-edit-dlt button {
    padding: 5px;
    border-radius: 10px;
    background-color: transparent;
}

.card-header .card-toolbar .msg-edit-dlt .dropdown-menu .dropdown-item {
    font-size: 14px;
}

.card-header .card-toolbar .msg-edit-dlt .dropdown-menu .dropdown-item:hover,
.card-header .card-toolbar .msg-edit-dlt .dropdown-menu .dropdown-item:active {
    background-color: #f1faff !important;
    color: var(--text-dark);
}

.uploadMedia label {
    cursor: pointer;
}

.mediaFile {
    position: relative;
    overflow: hidden;
}

.mediaFile .downloadBtnDiv {
    position: absolute;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.65) 100%);
    left: 0;
    bottom: 0;
    transition: 0.2s ease-in-out all;
    -webkit-transition: 0.2s ease-in-out all;
    -mos-transition: 0.2s ease-in-out all;
    -ms-transition: 0.2s ease-in-out all;
    border-radius: 0.475rem !important;
    display: flex;
    align-items: end;
    justify-content: space-around;
    transform: translateY(100%);
}

.mediaFile:hover .downloadBtnDiv {
    transform: translateY(0);
}

/* .mediaFile:hover .downloadBtnDiv .downloadBtn{
    opacity: 0.75;
} */
.mediaFile .downloadBtnDiv .downloadBtn,
.mediaFile .downloadBtnDiv .viewImage {
    height: 50px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: baseline;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    color: #ffffff;
    font-size: 13px;
}

.mediaFile .downloadBtnDiv .downloadBtn svg,
.mediaFile .downloadBtnDiv .viewImage {
    max-width: 20px;
    margin-right: 2px;
}

.mediaFile .downloadBtnDiv .viewImage i {
    font-size: 14px;
}

.fileImg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 25px;
    margin: 15px;
    border-radius: 10px;
    min-width: 225px;
}

/* Chat hub End */

#reportIncidentAccordian .accordion-button::before {
    right: 10px;
}

#reportIncidentAccordian .accordion-button::after {
    right: 10px;
    top: 7px;
}

.seizedAttachments {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

/* 18-04-2024 Start*/
.examThnkyou img {
    max-width: 350px;
}

/* 18-04-2024 End*/

/* New Menu Design 22-04-2024 Start */
.aside.aside-dark.lightMenu {
    background-color: white !important;
    box-shadow: rgba(0, 0, 0, 0.15) -7px -8px 12px;
}

.aside.aside-dark.lightMenu .aside-logo {
    /* background-color: rgb(50 52 82); */
    /* background-color: #355889; */
    background-color: #404152;
}

.lightMenu .summary_popup,
.lightMenu .recentOpened {
    box-shadow: none;
}

.menu_summary_modal.menuPopup .modal-body ul li .module_summary_icon i,
.menu_summary_modal.menuPopup .modal-body ul li .module_summary_icon img {
    /* filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25)); */
    font-size: 18px;
}

.aside-hoverable:hover .aside-menu .menu-item.show .menu-title {
    color: var(--bs-dark-rgb);
}

.aside-hoverable:hover .aside-menu .menu-item.show .menu-link img {
    opacity: 1;
}

@media (max-width: 1366px) {

    .menu_summary_modal.menuPopup .modal-body ul li .module_summary_icon i,
    .menu_summary_modal.menuPopup .modal-body ul li .module_summary_icon img {
        font-size: 15px;
    }
}

.menuPopup .modal-body ul li a {
    color: #6a6a6a;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.menuPopup .modal-body ul li a:hover,
.menuPopup .modal-body ul li a.active {
    color: #000000;
}

.aside-menu .menu .menu-link i,
.aside-menu .menu .menu-link img {
    font-size: 18px;
    opacity: 0.5;
    width: 20px;
    height: 20px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.menu_summary_modal.menuPopup .modal-body ul li .module_summary_icon {
    opacity: 0.55;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    filter: brightness(0.1);
    margin-right: 5px;
}

.menu_summary_modal.menuPopup .modal-body ul li:hover a {
    color: #000000;
}

@media (min-width: 992px) {
    [data-kt-aside-minimize="on"] .aside-hoverable:hover .aside-menu .menu-item .menu-title {
        color: #6a6a6a;
    }

    [data-kt-aside-minimize="on"] .aside-hoverable:hover .aside-menu .menu-item .menu-link:hover .menu-title {
        color: #000000;
    }
}

/* New Menu Design 22-04-2024 End */

ul.self_incident_tabs li.nav-item a.active {
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
}

.takeActionAttachepopover {
    right: -20px;
    top: 7px;
}

.actionFeedback table label.attachments-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    display: inline-block;
}

.actionFeedback table span.invalid-feedback {
    bottom: -12px;
    white-space: nowrap;
}

.radio-inline .form-check.hide_radio_button {
    display: none !important;
}

.left_person_msg {
    height: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_data.start-chat-with-person {
    height: calc(100vh - 200px);
}

.no_data.add_new_user_chat {
    height: calc(100vh - 300px);
    margin-bottom: 0 !important;
}

#kt_chat_messenger_footer #validation_mesaage {
    top: 5px;
    left: 30px;
    z-index: 99;
}

.clear_edit_msg {
    z-index: 99;
    right: 30px;
    bottom: 75px;
}

#UserList1 {
    max-height: calc(100vh - 150px);
}

.chat_delete_pin_drop {
    opacity: 0;
    visibility: hidden;
    display: none;
    position: relative;
    z-index: 9999999;
}

.chat-div-wrap:hover .chat_delete_pin_drop {
    opacity: 1;
    visibility: visible;
    display: block;
    position: relative;
    z-index: 9999999;
}

.msg_count_pin_delete {
    position: absolute;
    right: 20px;
    top: 12px;
}

.card-footer.left_person_msg {
    height: 110px;
    padding: 0 !important;
}

form#reportDecisionForm .table tbody tr:last-child td,
form#reportDecisionForm .table tbody tr:last-child th,
form#reportDecisionForm .table tfoot tr:last-child td,
form#reportDecisionForm .table tfoot tr:last-child th {
    vertical-align: top !important;
}

form#reportDecisionForm .form-control.form-control-solid,
form#reportDecision .Formcustom-file.form-control.form-control-solid {
    min-height: 40px !important;
}

form#reportDecisionForm .table tbody .select2-container--bootstrap5 .select2-selection {
    min-height: 40px !important;
}

form#revokeReportDecisionForm .table tbody tr:last-child td,
form#revokeReportDecisionForm .table tbody tr:last-child th,
form#revokeReportDecisionForm .table tfoot tr:last-child td,
form#revokeReportDecisionForm .table tfoot tr:last-child th {
    vertical-align: top !important;
}

form#revokeReportDecisionForm .form-control.form-control-solid,
form#reportDecision .Formcustom-file.form-control.form-control-solid {
    min-height: 40px !important;
}

form#revokeReportDecisionForm .table tbody .select2-container--bootstrap5 .select2-selection {
    min-height: 40px !important;
}

form#reportDecisionFeedbackForm .table tbody tr:last-child td,
form#reportDecisionFeedbackForm .table tbody tr:last-child th,
form#reportDecisionFeedbackForm .table tfoot tr:last-child td,
form#reportDecisionFeedbackForm .table tfoot tr:last-child th {
    vertical-align: top !important;
}

form#reportDecisionFeedbackForm .form-control.form-control-solid,
form#reportDecision .Formcustom-file.form-control.form-control-solid {
    min-height: 40px !important;
}

form#reportDecisionFeedbackForm .table tbody .select2-container--bootstrap5 .select2-selection {
    min-height: 40px !important;
}

@media (max-width: 1366px) {
    .reportDecisionTable .invalid-feedback {
        font-size: 11px !important;
    }
}

/* chat hub reaction emojis container css start */
.reation_btn:hover .emoji-container.chat_hub_reaction_emojis {
    top: -6px;
}

.emoji-container.chat_hub_reaction_emojis {
    left: 30px;
    height: 35px;
    width: 150px;
}

.reation_btn .emoji-container.chat_hub_reaction_emojis:before {
    height: 20px;
    left: -20px;
    bottom: 10px;
}

/* .reation_btn .emoji-container.chat_hub_reaction_emojis .emoji .icon{
    height: 20px;
    width: 20px;
} */
.reation_btn .emoji-container.chat_hub_reaction_emojis .emoji .icon:after {
    text-align: center;
}

.chat_box_msg {
    position: relative;
}

/* chat hub reaction emojis container css end */
.resignationPopup .aside.aside-dark {
    z-index: 9999 !important;
}

@media (max-width: 1699px) {
    .actionFeedback table .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 200px;
        display: inline-block;
    }
}

@media (max-width: 1441px) {
    .actionFeedback table .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 150px;
        display: inline-block;
    }
}

/* chat hub reaction emojis on hover show div css start */
.personChat .emoji-item-wrap {
    position: relative;
}

.personChat .emoji-item-wrap .emoji.dropdown-menu {
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    background-color: #fff;
    border: 1px solid #eeeeee;
    box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    padding: 15px 10px;
    min-width: 300px;
}

.personChat .emoji-item-wrap .emoji.dropdown-menu li+li {
    /* margin: 10px 0 0 0; */
}

.personChat .emoji-item-wrap .emoji.dropdown-menu li a {
    color: #8699ad;
    padding: 10px;
    position: relative;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.personChat .emoji-item-wrap .emoji.dropdown-menu li a:hover {
    color: #2b3a4a;
}

.personChat .emoji-item-wrap:hover .emoji.dropdown-menu {
    display: block;
    top: 30px;
    cursor: pointer;
    right: auto;
    left: 0;
}

.personChat .emoji-item-wrap:hover .emoji.dropdown-menu.right-side {
    right: 0;
    left: auto;
}

@keyframes bouncing-loader {
    to {
        opacity: 0.1;
        transform: translate3d(0, -5px, 0);
    }
}

.send .bouncing-loader {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--tab-active);
    opacity: 0.75;
    height: 35.5px;
}

.send .bouncing-loader>div {
    width: 5px;
    height: 5px;
    margin: 0rem 0.2rem;
    background: var(--tab-active);
    border-radius: 50%;
    animation: bouncing-loader 0.6s infinite alternate;
}

.send .bouncing-loader>div:nth-child(2) {
    animation-delay: 0.2s;
}

.send .bouncing-loader>div:nth-child(3) {
    animation-delay: 0.4s;
}

/* chat hub reaction emojis on hover show div css end */

/* PMS Design update Start */
td.goal-cat-label {
    background-color: #ededed !important;
    text-transform: uppercase;
    font-weight: 600;
}

.evolution-rating-tabing .custom-file-label::after {
    color: var(--text-dark);
    background-color: rgb(188 188 188);
}

.cstm_box_evolution-rating .nav-link {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.evolution-table {
    min-width: 1500px;
}

/* @media (max-width: 1366px) {
    .basic_info {
        flex-direction: column;
        align-items: start !important;
    }
} */

.evolution-rating-table .custom-file.form-control {
    text-align: left;
}

.evolution-rating-table .custom-file.form-control .custom-file-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 75px);
    overflow: hidden;
    vertical-align: middle;
}

/* PMS Design update End */
.pms_wid_ratings_header .pwrh_title {
    width: 33%;
}

.pwrh_title span.pwrh_label {
    position: relative;
    padding: 0 10px;
}

.pwrh_title .pwrh_label a.read-more-evaluation-btn {
    position: absolute;
    right: -10px;
    top: -2px;
    color: #000;
    transition: 0.3s ease-in-out all;
}

.pwrh_title .pwrh_label:hover .read-more-evaluation-btn {
    opacity: 1;
}

.pwrh_title .pwrh_label a.read-more-evaluation-btn i {
    transition: 0.3s ease-in-out all;
}

.pwrh_title .pwrh_label a.read-more-evaluation-btn:hover i {
    color: var(--btn-dark);
}

.widget_ratings_panel .pms_feedback_link {
    text-decoration: underline;
}

.pms_wid_feedback p {
    font-size: 14px;
}

.pms_wid_feedback .badge-secondary {
    font-size: 12px;
}

@media (max-width: 1399px) {
    .widget_ratings_panel .btn {
        min-width: 100px !important;
        font-size: 12px !important;
    }

    .widget_ratings_panel .read-more-evaluation-btn {
        right: 2px;
    }
}

@media (max-width: 1199px) {
    .widget_ratings_panel .btn {
        min-width: 90px !important;
        font-size: 10px !important;
    }

    .widget_ratings_panel .read-more-evaluation-btn {
        right: 0;
    }

    .widget_ratings_panel .badge_approved,
    .widget_ratings_panel .badge_pending {
        min-width: 80px;
        font-size: 10px;
    }
}

/* Google Map Roster Group Start */
.addressSuggestions {
    list-style-type: none;
    padding: 8px;
    margin: 0;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    display: none;
    list-style: none;
}

.addressSuggestions li {
    list-style: none !important;
    padding: 8px !important;
    margin-left: 0 !important;
}

.addressSuggestions li:hover {
    background-color: #f2f2f2;
}

.addressSuggestions li+li {
    border-top: 1px solid #f2f2f2;
    padding-top: 8px !important;
    margin-top: 0 !important;
}

/* Google Map Roster Group end */

/* Pension View Start */
.pension_contri_details table th {
    text-align: center;
}

.pension_report_table .table tbody tr:last-child,
.pension_report_table .table tfoot tr:last-child {
    border-bottom: 1px solid #f2f2f2 !important;
}

.pension_report_table .table tfoot {
    background-color: #dfdfdf;
}

.pension_report_table .table tfoot td {
    font-weight: 600;
    font-size: 14px;
}

.pension_report_table .table td:first-child,
.pension_report_table .table th:first-child,
.pension_report_table .table tr:first-child {
    padding-left: 10px !important;
}

.pension_report_table .table td:last-child,
.pension_report_table .table th:last-child,
.pension_report_table .table tr:last-child {
    padding-right: 10px !important;
}

.pension_report_table .table thead {
    background-color: #dfdfdf;
}

/* Pension View Ends */

/* visitors details widget css Start  */
.visitors_logo {
    border-radius: 100%;
    padding: 25px;
    background-color: #f8f8fa;
}

/* visitors details widget css end  */

/* Visitor Dashboard Starts */
#visitor_category .apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series {
    margin: 0 5px 5px !important;
    justify-content: center;
}

/* Visitor Dashboard Ends */

/* visitors dashboard pranav 20-06-2024 start */
.card.visitors_dash_chart_wid {
    height: calc(100% - 30px);
}

#visitors_datatable_wrapper table .form-switch {
    text-align: left;
}

/* visitors dashboard pranav 20-06-2024 end */
/* Pms Dashboard design start  prnv 19-06-2024*/
.pms_dash_chart {
    height: calc(100% - 30px);
}

@media (max-width: 1799px) {
    .pms_dash_chart_tab {
        height: 400px;
    }
}

/* Pms Dashboard design end  prnv 19-06-2024*/

/* Intranet CSS By AhesanAli Start */

.commentedUser {
    height: 40px;
    max-width: 40px;
    background-color: #fff;
    border-radius: 100%;
    overflow: hidden;
}

/* Intranet CSS By AhesanAli End */

/* Intranet CSS 19-06-2024 Start */
.likeCommentsBtn {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 10px 0;
    margin-bottom: 15px;
}

.likeCommentsBtn .btn-sm:hover {
    background-color: #e9f3ff !important;
    color: #1b84ff !important;
    transition: 0.4s ease-in-out all !important;
}

.commentedContent {
    width: 100%;
}

.cuName {
    font-size: 14px;
    font-weight: 600;
}

.cuDuration {
    font-size: 12px;
    display: block;
    line-height: 100%;
}

.comment p {
    color: #767676;
    font-size: 14px;
    font-weight: 500;
}

.commentReply a {
    color: #99a1b7;
    transition: 0.4s ease-in-out;
    text-decoration: none;
    font-weight: 500;
}

.commentReply a i {
    font-size: 14px;
    transition: 0.3s ease-in-out all;
}

.commentReply a:hover i {
    color: #1b84ff;
    transition: 0.3s ease-in-out all;
}

.replyarea .commentedUser {
    height: 50px;
    max-width: 50px;
}

.comment-btns {
    position: absolute;
    top: 8px;
    right: 0;
}

.comment-btns a i {
    font-size: 16px;
}

.replyarea form textarea {
    padding-right: 50px;
    overflow: hidden;
    overflow-wrap: break-word;
    height: 50px;
    background-color: #f9f9f9;
    padding-top: 9px;
}

.innerReply .innerReply {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

@media (max-width: 1366px) {
    .comment p {
        font-size: 12px;
    }
}

/* Intranet CSS 19-06-2024 End */

/*@media (max-width: 1441px) {
    .aside-enabled.aside-fixed.header-fixed[data-kt-aside-minimize="on"]
        .header {
        left: 50px;
        right: 0px;
    }
}*/
/* dashboard emp info design changes pranav 18-06-2024 start  */

/* dashboard emp info design changes pranav 18-06-2024 start  */
@media (max-width: 1199px) {
    .dash_emply_info .dash_emply_img .dash_social li a {
        width: 20px;
    }

    .dash_emply_info .dash_social li a i {
        font-size: 14px;
    }

    .dash_emply_info .dash_emply_details {
        justify-content: space-between;
    }

    .dash_emply_info .dash_emply_details .emply_details_item {
        width: auto;
    }

    .aside-enabled.aside-fixed.header-fixed[data-kt-aside-minimize="on"] .header {
        left: 0;
        right: 0;
    }
}

/* dashboard emp info design changes pranav 18-06-2024 end  */

/* Payroll Employee Master Insurance Field Start*/
.uploded_policy {
    margin-top: 20px;
}

.uploded_policy .btn-icon {
    margin-right: 5px;
}

.uploded_policy .remove_attachment {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploded_policy .remove_attachment i {
    font-size: 14px;
}

.uploded_policy .text-truncate {
    white-space: normal;
}

/* Payroll Employee Master Insurance Field End*/

/* Master Reports css changes prnv 21-06-2024 start  */

@media (max-width: 1366px) {
    ul.pagination li.page-item {
        margin-bottom: 5px;
    }
}

/* Master Reports css changes prnv 21-06-2024 end  */
.login_box .session_msg .login_alert_msg {
    font-size: 14px;
}

/* Evaluation Cycle Master - Percentage & its Que Start */
.evaluationCatg .accordion-button::before {
    right: 0;
}

.evaluationCatg .accordion-button::after {
    right: 0;
    top: 10px;
    font-size: 15px;
}

.evaluationCatg .accordion-item+.accordion-item {
    margin-top: 10px;
}

/* Evaluation Cycle Master - Percentage & its Que End */
.remove_attach_policy {
    position: absolute;
    top: 10px;
    right: -30px;
}


/* New Login Design Start */
.login_img {
    display: flex;
    align-items: center;
    justify-content: start;
}

.login_img img {
    max-width: 850px;
    margin-left: 13%;
}

@media(max-width:1600px) {
    .login_img img {
        max-width: 40vw;
        margin-left: 10%;
    }
}

@media(max-width:1440px) {
    .login_img img {
        margin-left: 7%;
    }
}

@media(max-width:1365px) {
    .login_img img {
        margin-left: 5%;
    }
}

/* New Login Design End */
/* pms module css changes prnv 04-07-24  start */

.customAddRatings .removeRatingData {
    right: -10px;
    top: -10px;
}

.customAddRatings .removeRatingData .svg-icon {
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color);
}

.customAddRatings .removeRatingData .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #ffffff;
}


/* pms module css changes prnv 04-07-24  end*/
/* start:  add this css for master module */
.table-container.view_list_data {
    max-height: 100%;
}

/* end: add this css for master module */

/* visitor widget css changes prnv start 04-07-2024  */
.visitors_comment {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* visitor widget css changes prnv end 04-07-2024  */

/* master reports design changes start 08-07-24 prnv  */

#myReports .content_box.accordion-item .accordion-header .accordion-button {
    height: 33px;
    padding-right: 50px !important;
}

/* master reports design changes end 08-07-24 prnv  */


/* Recuritment New Dyanamic page design Starts */

.category_listing .accordion-button {
    padding: 15px;
    border-radius: 10px;
    font-size: 16px !important;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.category_listing .accordion-item {
    background-color: #f3f3f3;
    border-radius: 10px;
    border: 1px solid #ededed;
}

.category_listing .accordion-button::before {
    right: 15px
}

.category_listing .accordion-button::after {
    right: 15px;
    top: 10px;
}

.category_listing .accordion-body {
    padding: 25px 10px 10px;
    margin-top: -15px;
}

.filed_listing {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.filed_listing li {
    margin: 0 0 8px;
    overflow: hidden;
    /* flex: 0 0 32%; */
    min-width: 47%;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 3px;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
}

.filed_listing.other_details_que li {
    width: 100%;
}

.filed_listing.other_details_que li .view_options {
    min-width: 35px;
    text-align: center;
}

.filed_listing li label {
    width: 100%;
}

.filed_listing li label .others_details_que_ans span {
    color: var(--text-dark);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.filed_listing li label .others_details_que_ans {
    width: 100%;
}

.filed_listing li label span {
    display: block;
    color: var(--text-dark);
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}

.filed_listing li label input {
    position: absolute;
    display: none;
    color: #fff !important;
}

.filed_listing li label input+.others_details_que_ans span {
    color: var(--btn-dark);
}

.filed_listing li input:checked+.others_details_que_ans {
    background-color: rgba(73, 77, 114, 0.75);
    color: #ffffff;
    border-color: transparent;
}

.filed_listing li input+.others_details_que_ans a i {
    color: var(--text-dark);
}

.filed_listing li input+.others_details_que_ans a i {
    color: var(--text-dark);
}

.filed_listing li label .others_details_que_ans+.ribbon-label {
    display: none;
}

.filed_listing li input:checked+.others_details_que_ans span {
    color: #ffffff;
    padding: 10px 60px 10px 10px;
}

.filed_listing li input:checked+.others_details_que_ans a i {
    color: #ffffff;
}

.filed_listing li input:checked+.others_details_que_ans+.ribbon-label {
    display: block;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.75);
    padding-bottom: 3px;
    right: 20px;
}

.filed_listing li input:checked+.others_details_que_ans .view_options {
    color: #ffffff;
}

.recuritmentFormHeight {
    min-height: calc(100vh - 240px);
}

.selected-field-box .selected-field {
    border-radius: 10px;
}

.addedFormSec {
    padding: 15px;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;
    border-radius: 5px;
    height: 100%
}

.addedFormSec ul li {
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
}

.addedFormSec ul li+li {
    margin-top: 15px;
}

.addedFormSec ul li .dragList {
    max-width: 30px;
    cursor: grab;
    display: inline-block;
    opacity: 0.5;
}

.addedFormSec ul li .dragList img {
    width: 100%;
}

@media(max-width: 1366px) {
    .category_listing .accordion-button {
        font-size: 14px !important;
    }
}

/* Recuritment New Dyanamic page design Ends */
/* master reports design changes end 08-07-24 prnv  */

.select_box.selectedFliedsGrid table tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.select_box.selectedFliedsGrid table thead,
.select_box.selectedFliedsGrid table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.select_box.selectedFliedsGrid .table td:first-child,
.select_box.selectedFliedsGrid .table th:first-child,
.select_box.selectedFliedsGrid .table tr:first-child {
    padding-left: 20px !important;
}

.select_box.selectedFliedsGrid .table td:last-child,
.select_box.selectedFliedsGrid .table th:last-child,
.select_box.selectedFliedsGrid .table tr:last-child {
    padding-right: 20px !important;
}



/* Payroll dashboard 2 design start pranav 22-07-24  */

span.payroll_info_value {
    font-size: 24px;
    font-weight: 500;
    display: block;
    margin: 0 0 20px;
}

span.payroll_info_title {
    color: #a1a5b7;
    font-size: 14px;
    font-weight: 500;
}

.info_payroll_main {
    border: solid rgb(111 151 205 / 40%);
    border-top-width: 1px;
    border-bottom-width: 4px;
    border-left-width: 1px;
    border-right-width: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.info_payroll_main_2 {
    border-left: 4px solid rgb(111 151 205 / 40%);
    border-radius: 6px;
}

.dash_payroll_main_info .info_payroll_main_2:nth-child(3n+1) {
    border-color: #326bb9;
}

.dash_payroll_main_info .info_payroll_main_2:nth-child(3n+2) {
    border-color: #61cec5;
}

.dash_payroll_main_info .info_payroll_main_2:nth-child(3n+3) {
    border-color: #ff9c2c;
}

.info_payroll_main_2 .payroll_info_title {
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.info_payroll_main_2 .payroll_info_value {
    background-color: rgb(50 107 184 / 70%);
    border-radius: 6px;
    color: #fff;
    margin-bottom: 0;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* .payroll_topComponents.npd_hexa_comp .hexa_section, .payroll_topDeduction.npd_hexa_comp .hexa_section{
    width: 100%;
} */
.npd_email_status .email_status .emailCircle_1 {
    width: 12.5vw;
    height: 12.5vw;
    left: 0;
    top: 5%;
    right: 20%;
    margin: 0 auto;
}

.npd_email_status .email_status .emailCircle_2 {
    width: 10vw;
    height: 10vw;
    right: 0;
    top: 28%;
    left: 45%;
    margin: 0 auto;
}

.npd_email_status .email_status .emailCircle_3 {
    width: 7.5vw;
    height: 7.5vw;
    top: 55%;
    left: 0;
    right: 21%;
    margin: 0 auto;
}

.npd_email_status .email_status .emailCircle_4 {
    width: 5vw;
    height: 5vw;
    top: 62%;
    right: 0;
    left: 15%;
    margin: 0 auto;
}

@media (max-width: 1600px) {

    /* .emailStatus {
        margin-top: 15% !important;
    } */
    .emailCircle_1 {
        top: 15% !important;
    }

    .emailCircle_2 {
        top: 35% !important;
    }

    .emailCircle_3 {
        top: 52% !important;
    }

    .emailCircle_4 {
        top: 58% !important;
    }

    .emailCircle_4 .mailCount {
        font-size: 20px !important;
    }

    .emailCircle_4 .mailTitle {
        font-size: 11px !important;
    }
}

@media (max-width: 1440px) {
    /* .emailStatus {
        margin-top: 20% !important;
    } */
}

@media (max-width: 1366px) {

    /* .emailStatus {
        margin-top: 30% !important;
    } */
    .emailCircle_1 .mailCount {
        font-size: 26px !important;
    }

    .emailCircle_1 .mailTitle {
        font-size: 16px !important;
    }

    .emailCircle_2 .mailCount {
        font-size: 24px !important;
    }

    .emailCircle_2 .mailTitle {
        font-size: 14px !important;
    }

    .emailCircle_2 {
        left: 17% !important;
    }

    .emailCircle_3 {
        top: 49% !important;
        width: 10.5vw !important;
        height: 10.5vw !important;
    }

    .emailCircle_3 .mailCount {
        font-size: 22px !important;
    }

    .emailCircle_3 .mailTitle {
        font-size: 14px !important;
    }

    .emailCircle_4 {
        top: 60% !important;
        right: 7% !important;
        width: 7vw !important;
        height: 7vw !important;
    }

    .emailCircle_4 .mailCount {
        font-size: 18px !important;
    }

    .emailCircle_4 .mailTitle {
        font-size: 10px !important;
    }
}

@media (max-width: 1199px) {

    /* .emailStatus {
        margin-top: 15% !important;
    } */
    .emailCircle_1 {
        width: 250px !important;
        height: 250px !important;
        top: -15% !important;
    }

    .emailCircle_1 .mailCount {
        font-size: 30px !important;
    }

    .emailCircle_1 .mailTitle {
        font-size: 18px !important;
    }

    .emailCircle_2 {
        width: 200px !important;
        height: 200px !important;
    }

    .emailCircle_2 .mailCount {
        font-size: 26px !important;
    }

    .emailCircle_2 .mailTitle {
        font-size: 16px !important;
    }

    .emailCircle_3 {
        width: 150px !important;
        height: 150px !important;
        right: 25% !important;
    }

    .emailCircle_3 .mailCount {
        font-size: 24px !important;
    }

    .emailCircle_3 .mailTitle {
        font-size: 14px !important;
    }

    .emailCircle_4 {
        width: 100px !important;
        height: 100px !important;
        right: 10% !important;
        top: 45% !important;
    }

    .emailCircle_4 .mailCount {
        font-size: 22px !important;
    }

    .emailCircle_4 .mailTitle {
        font-size: 12px !important;
    }
}

@media (max-width: 991px) {
    .emailCircle_2 {
        left: 15% !important;
    }

    .emailCircle_4 {
        right: 25% !important;
    }
}

/* Payroll dashboard 2 design end pranav  22-07-24 */



/* LOan Widget Start */
.dash_loan .nav-line-tabs .nav-item .nav-link {
    text-transform: uppercase;
}

.dash_loan .nav-line-tabs .nav-item .nav-link.active {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid var(--theme-color);
    transition: color .2s ease, background-color .2s ease;
}

.dash_loan .nav-line-tabs .nav-item .nav-link:hover:not(.active) {
    border-color: transparent;
    color: var(--tab-active);
}

.dash_loan .loanWidgetlist .accordion-header .accordion-button {
    border-radius: 0;
    display: block;
}

.dash_loan .loanWidgetlist .accordion-header .accordion-button::before,
.dash_loan .loanWidgetlist .accordion-header .accordion-button::after {
    top: 0;
    right: 5px;
}

.dash_loan .loanWidgetlist .accordion-item+.accordion-item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed var(--bs-gray-300);
}

/* LOan Widget End */


/* Loan Dashboard CSS Start 18-07-2024 prnv  */

.loan_info_box {
    border-bottom: 4px solid;
    border-radius: 7px;
}

.loan_ib_1 {
    background-color: #abe7e4;
    border-color: #64c6c2;
}

.loan_ib_2 {
    background-color: #ffc470;
    border-color: #f99f1e;
}

.loan_ib_3 {
    background-color: #7cadfb;
    border-color: #5981c1;
}

.loan_ib_4 {
    background-color: #e5c7ea;
    border-color: #ae61bb;
}

.loan_info_box .lib_1 {
    border-bottom: 1px dashed #545454;
}

.loan_info_box .loan_info_title {
    font-size: 14px;
    font-weight: 500;
    color: #2e2e2e;
    margin-top: 5px;
}

.loan_info_box .loan_info_value {
    display: block;
    font-size: 20px;
    font-weight: 600;
}

/* top boxes new  */
.info_loan_main {
    height: 110px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border-bottom: 4px solid #969fcb;
    position: relative;
}

/* .info_loan_main::before {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #969fcb;
    border-radius: 100%;
    opacity: 0.5;
    right: 10px;
    top: 10px;
    animation: pulsexxx 2500ms infinite;
}
@keyframes pulsexxx {
    0% {
        box-shadow: 0 0 0 0 #969fcb;
    }
    100% {
        box-shadow: 0 0 0 7px var(--bs-primary-light);
    }
} */
.info_loan_main span.loan_info_value {
    font-size: 30px;
    font-weight: 500;
}

.info_loan_main span.loan_info_title {
    color: #a1a5b7;
    font-size: 15px;
}

.max_emi_data .table td:first-child,
.max_emi_data .table th:first-child,
.max_emi_data .table tr:first-child {
    padding-left: 15px !important;
}

.max_emi_data .table td:last-child,
.max_emi_data .table th:last-child,
.max_emi_data .table tr:last-child {
    padding-right: 15px !important;
}

.max_emi_data table tbody {
    display: block;
    max-height: 330px;
}

.max_emi_data table thead,
.max_emi_data table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

@media (max-width: 1599px) {
    .info_loan_main span.loan_info_title {
        font-size: 14px;
    }
}

@media (max-width: 1299px) {
    .info_loan_main span.loan_info_title {
        font-size: 12px;
    }
}

/* top boxes new  */
/* Loan Dashboard CSS end prnv  */

/* for all date format class css  start */

.numericdateformat {
    min-width: 275px !important;
}

.textshortdateformat {
    min-width: 275px !important;
}

.textfulldateformat {
    min-width: 350px !important;
}

/* for all date format class css  end */
.amendments_datefilters .dropdown.show>.form-control.form-control-solid,
.amendments_datefilters .form-control.form-control-solid.active,
.amendments_datefilters .form-control.form-control-solid.focus,
.amendments_datefilters .form-control.form-control-solid:active,
.amendments_datefilters .form-control.form-control-solid:focus {
    background-color: #fff;
}

.amendments_datefilters.datepicker-sec a.amendments_date_clear,
.amendments_datefilters.datepicker-sec a.amendments_date_clear {
    position: absolute;
    background-color: #fff;
    padding: 8px;
    right: 1px;
}

/* New General Changes Start*/
.company-icon {
    width: 18px;
    position: relative;
    top: -2px;
    opacity: 0.60;
}

.modal.menuPopup .modal-dialog {
    transform: translate(-125%, 0px);
}

.modal.show.menuPopup .modal-dialog {
    transform: none;
}

.menuPopup .modal-dialog {
    width: 550px;
    height: 100vh;
    margin: 0;
    top: 0;
    left: 55px;
    border-left: 1px solid #eeeeee
}

.menuPopup .modal-content {
    width: 100%;
    margin-left: auto;
    height: 100%;
    border-radius: 0;
}

.menuSidePopup.aside-fixed .aside {
    z-index: 999999999;
}

.menuPopup .modal-header {
    border-radius: 0;
}

/* .menuPopup .modal-header{
        height: 45px;
    } */
.menuPopup .modal-header {
    /* height: 39px;
    background-color: rgb(50 52 82) !important; */
    height: 54px;
    background-color: #404152 !important;
}

.menuPopup .modal-header .svg-icon.svg-icon-4 svg {
    padding-right: 1px;
}

.aside-menu .menu-item.show .menu-icon {
    background-color: var(--bs-gray-200);
}

.aside-menu .menu .menu-item .menu-link {
    justify-content: center;
}

.popover.sideMenuTooltip {
    background-color: var(--tab-active) !important;
    border: 0;
}

.popover.sideMenuTooltip.bs-popover-end>.popover-arrow::after {
    border-right-color: var(--tab-active) !important;
    border-radius: 0.275rem;
}

.popover.sideMenuTooltip .popover-body {
    color: #ffffff;
}

/* New General Changes End*/


/* notifications link css start prnv 29-07-2024*/
.noti_msg {
    position: relative;
    font-size: 14px;
}


.notification_listing .noti_link i {
    font-size: 20px;
    color: var(--text-dark);
}

.notification_listing .noti_link:hover i {
    color: var(--theme-color);
    transition: 0.3s ease-in-out all;
}

.notification_listing {
    transition: 0.4s ease-in-out all;
}

.notification_listing:hover {
    background-color: #f2f2f2;
    transition: 0.4s ease-in-out all;
}

.notification_listing:hover .noti_link {
    right: 20px;
    opacity: 1;
    transition: 0.4s ease-in-out all;
}

/* notifications link css end  prnv*/

/*sub_title css changes start pranav 29-07-24  */
.title_links .sub_title+.sub_title {
    border-left: 0 !important;
}

.title_links .sub_title.active {
    border-bottom: 2px solid var(--theme-color);
    font-weight: 600;
    color: var(--theme-color);
    border-left: 0;
}

/* sub_title css changes end pranav 29-07-24  */

/* New Table Design Starts */
.table td,
.table th,
.table tr,
table td,
table th,
table tr {
    background-color: #ffffff;
}

.table thead tr.bg-light {
    background-color: transparent !important;
}

.table thead th {
    font-weight: 600 !important;
    border-top: 1px solid var(--bs-gray-200) !important;
}

table thead td,
table tbody td,
table.dataTable thead td,
table.dataTable tbody td {
    padding: 15px 10px !important;
    border-bottom-color: var(--bs-gray-200) !important;
    vertical-align: top;
}

table>:not(:last-child)>:last-child>*,
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: var(--bs-gray-200) !important;
    border-top: 1px solid var(--bs-gray-200) !important;
}

table.dataTable.no-footer {
    border-bottom: 0 !important;
}

.table.gy-5 th,
table.dataTable thead th,
.table.gy-3 th,
table.dataTable thead th {
    padding: 0.75rem 0.6rem !important;
}

.table.gy-5 td,
table.dataTable thead td,
.table.gy-3 td,
table.dataTable thead td {
    padding: 0.65rem 0.6rem !important;
}

table tr td .symbol.symbol-50px .symbol-label,
.table tr td .symbol.symbol-50px .symbol-label {
    width: 40px;
    height: 40px;
}

.backArrow {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: solid 2px white;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    overflow: hidden;
    border-radius: 50%;
    opacity: 0.5;
}

.backArrow:hover {
    animation: borderAni 5s cubic-bezier(0, 0.6, 1, 0.4);
    border: solid 2px white;
    border-radius: 50%;
    opacity: 0.8;
}

.backArrow:after {
    position: absolute;
    display: block;
    content: "";
    color: white;
    width: 18px;
    height: 15px;
    top: -1px;
    border-bottom: solid 2px;
    transform: translatex(4px);
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.backArrow:before {
    position: absolute;
    display: block;
    content: "";
    color: white;
    width: 8px;
    height: 8px;
    border-top: solid 2px;
    border-left: solid 2px;
    top: 50%;
    left: 3.5px;
    transform-origin: 0% 0%;
    transform: rotatez(-45deg);
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.backArrow:hover:before {
    animation: aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

.backArrow:hover:after {
    animation: aniArrow02 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
}

@keyframes aniArrow01 {
    0% {
        transform: rotatez(-45deg) translateY(27px) translateX(27px);
    }

    100% {
        transform: rotatez(-45deg) translateY(-35px) translateX(-35px);
    }
}

@keyframes aniArrow02 {
    0% {
        transform: translateX(45px);
    }

    100% {
        transform: translateX(-44px);
    }
}

@keyframes borderAni {
    0% {
        border: solid 2px white;
    }

    100% {
        border: solid 2px white;
        border-radius: 50%;
    }
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    background-color: transparent !important;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon,
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon {
    background-color: var(--bs-gray-300);
    border-radius: 5px;
    position: relative;
}

.aside-dark .menu .menu-item.show .menu-icon {
    box-shadow: rgba(50, 50, 93, 0.20) 0px 50px 100px -20px, rgba(0, 0, 0, 0.25) 0px 30px 60px -30px, rgba(10, 37, 64, 0.25) 0px -2px 6px 0px inset;
}

.aside-dark .menu .menu-item.show .menu-icon i {
    opacity: 0.85;
}

.recentOpened .aside-dark .menu .menu-item.show .menu-icon:before {
    content: none;
}

/* New Table Design Ends */

.catlog-menus {
    display: flex;
    flex-wrap: wrap;
}

.catlog-menus li {
    flex: 0 0 auto;
    width: 50%;
}



/* Role & Permission design changes strt 31-07-24 prnv*/

.image_class_main_wrap {
    box-shadow: var(--shadow-thin);
    padding: 3px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    background-color: #fff;
}

.select_image_for_role_modal .radio-block {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.select_image_for_role_modal .radio-block .radio-img-btn {
    margin: 10px;
}

.select_image_for_role_modal .radio-block .radio-img-btn .checked-img {
    margin: 0;
}

/* Role & Permission design changes end 31-07-24 prnv*/

/* Leave Employee Entitlement design changes start 31-07-2024 prnv  */

/* .leave_type_table.set_row_class .tab-content{
    max-height: calc(100vh - 375px);
} */

table#employee_leave_detail tbody.leave_body,
table#employee_short_leave_detail tbody.short_leave_body {
    display: block;
    max-height: calc(100vh - 380px);
    /* overflow-y: scroll; */
}

table.employee_entitlement_table tbody.leave_body,
table.unentitled-list tbody.custom_leave_body,
table.entitled-list tbody.custom_leave_body {
    display: block;
    max-height: calc(100vh - 470px);
}

table.unentitled-list thead,
table.unentitled-list tbody.custom_leave_body tr,
table.entitled-list thead,
table.entitled-list tbody.custom_leave_body tr,
table#employee_leave_detail thead,
table#employee_leave_detail tbody.leave_body tr,
table.employee_entitlement_table thead,
table.employee_entitlement_table tbody.leave_body tr,
table#employee_short_leave_detail thead,
table#employee_short_leave_detail tbody.short_leave_body tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#employee_entitlement_history .dataTables_wrapper .row:last-child {
    margin-bottom: 0 !important;
}

/* Leave Employee Entitlement design changes end 31-07-2024 prnv  */


/* master report listing page header design set start 01-08-24 prnv  */

.for_add_fav {
    position: absolute;
    right: 0;
    top: 0;
}

/* master report listing page header design set end 01-08-24 prnv  */

/* SSHR Dashbaard Changes Starts */
/* Check IN Widget S */
.timesheetWidget .remainingTimeLabel {
    font-size: 0.75rem;
}

.timesheetWidget .remainingHours {
    width: 130px;
}

.punch-icon a svg {
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 13px;
    background-color: var(--theme-color-light);
    border-radius: 50%;
    fill: var(--theme-color);
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));
}

/* Check IN Widget E */

/* Birthday-Anniversary Widget S */
.birthday_anniversary {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #CCCCCC59;
}

.birthdayUpdates {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.bday_box_list {
    display: flex;
    margin: 20px 0 0;
}

.birthdayUpdates .bday_box {
    position: relative;
    font-size: 14px;
    padding: 15px 10px 7px 10px;
    text-align: center;
    margin: 0 6px;
    width: calc(16.66666667% - 12px);
}

.birthdayUpdates .bday_box img {
    width: 100%;
    height: 100%;
}

@media(max-width:1366px) {
    .birthdayUpdates .bday_box {
        padding: 10px 5px 5px 5px;
        margin: 0 3px;
        width: calc(16.66666667% - 6px);
    }

}

.birthdayUpdates .bday_box .symbol {
    overflow: hidden;
}

.birthdayUpdates .bday_box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-confetti.webp);
    opacity: 0.80;
    left: 0;
    z-index: -1;
    background-size: contain;
    background-position: top;
    top: 0;
    background-repeat: no-repeat;
}

.birthdayUpdates .bday_box .moreList {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Birthday-Anniversary Widget E */

/* Leave widget S */
.dash_leave .leaveWidgetTable ul li {
    padding: 5px 5px 5px 10px;
    border-left: 4px solid;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.dash_leave .leaveWidgetTable ul li+li {
    margin-top: 15px;
}

/* Leave widget E */
/* Workflow widget S */
.workFlowList .workFlowListItem {
    /* display: flex; */
    justify-content: space-between;
    padding: 5px 15px 5px 5px;
}

.workFlowList .workFlowListItem+.workFlowListItem {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed var(--bs-gray-300);
}

.workFlowList .workFlowTitle {
    font-size: 15px;
    font-weight: 500;
}

.workFlowList .workFlowCount .btn {
    pointer-events: none;
}

/* Workflow widget E */

/* Polls Widget S*/
.polls_widget .pollSlider {
    margin-top: -20px;
}

.polls_widget .pollSlider .polls-ans {
    border-bottom: 1px dashed #e4e6ef;
}

.polls_widget .carousel-control-next,
.polls_widget .carousel-control-prev {
    width: 25px;
    height: 25px;
    background-color: var(--theme-color-light);
    border-radius: 50%;
    top: -10px;
    left: auto;
    right: 20px;
}

.polls_widget .carousel-control-next .carousel-control-next-icon img,
.polls_widget .carousel-control-prev .carousel-control-prev-icon img {
    width: 60%;
}

.polls_widget .carousel-control-prev {
    right: 60px;
}

.polls_widget .pollSlider .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--theme-color);
    background-clip: content-box;
    border: 0;
    border-top: none;
    border-bottom: none;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.polls_widget .pollSlider .carousel-indicators .active {
    opacity: 1;
    width: 16px;
    border-radius: 50px;
    padding: 0;
}

.polls_widget .pollSlider .carousel-inner {
    padding-top: 25px;
}

.polls_widget .pollSlider .carousel-indicators {
    position: absolute;
    right: 25px !important;
    z-index: 0;
    padding: 0;
    list-style: none;
    top: 0px;
    left: auto;
    margin: 0;
}

.polls_widget .pollSlider .carousel-inner {
    padding-top: 25px;
}

.carousel-inner::after {
    content: none;
}

/* Polls Widget E*/

/* Welcome Aboard Widget S*/
.dash_wel_aboard .aboardItems .symbol {
    width: 65px;
    height: 65px;
    position: relative;
    margin-bottom: 50px;
}

.dash_wel_aboard .aboardItems .symbol:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 7px;
    left: 0px;
    bottom: 0px;
    background-color: #c6d7f1;
}

.dash_wel_aboard .aboardItems .symbol img {
    width: 100%;
    height: 100%;
    position: relative;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.welcomeTitle {
    position: relative;
    padding: 5px 0;
    display: inline-block;
    color: var(--theme-color);
    font-size: 18px;
    margin: 0;
}

@media(max-width:1366px) {
    .welcomeTitle {
        font-size: 16px;
    }
}

.dash_wel_aboard .carousel-control-next,
.dash_wel_aboard .carousel-control-prev {
    width: 25px;
    height: 25px;
    background-color: var(--theme-color-light);
    border-radius: 50%;
    top: 30px;
    left: auto;
    right: 30px;
}

.dash_wel_aboard .carousel-control-prev {
    right: 60px;
}

.dash_wel_aboard .carousel-control-next img,
.dash_wel_aboard .carousel-control-prev img {
    width: 60%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: none;
    width: 100%;
    height: 100%;
}

/* Welcome Aboard Widget E*/
/* PMS Widget S*/
.getEmployeeEvaluationPercentage .pms_list+.pms_list {
    margin-top: 8px;
}

/* PMS Widget E*/

/* SSHR Dashbaard Changes Ends */
/* loan module css prnav start  */

.interest_percent_ico {
    position: absolute;
    right: 0;
    top: 9px;
}

.add_remove_loan_application {
    position: absolute;
    right: -6px;
    top: 8px;
}

.add_remove_eligibility {
    position: absolute;
    right: -6px;
    top: 8px;
}

/* loan module css prnav end  */

/* Calander Design Start */
.fc-content .fc-title {
    display: block;
    font-weight: 400;
}

.fc-daygrid-event {
    white-space: normal;
}

.fc-daygrid-dot-event {
    padding: 3px 5px;
}

.fc .fc-daygrid-event-dot {
    display: none;
}

.fc-event-title {
    color: #ffffff !important;
    font-size: 13px;
}

.fc-event-time {
    color: #ffffff !important;
    font-size: 13px;
}

.fc .fc-view-harness {
    flex-grow: 1;
    position: relative;
    height: 100vh !important;
}

.dataTables_empty {
    text-align: center !important;
}

.fc-event-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc-content {
    color: #ffffff !important;
    font-size: 13px;
}

/* Style the tooltip for button group */
.fc-button-group button:hover::after {
    content: attr(data-title);
    /* Use data-title instead of title */
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-family: Arial, sans-serif;
    font-size: 12px;
    z-index: 1000;
    /* Ensure tooltip is on top */
}

/* Hide the original title */
.fc-button-group button[data-title] {
    position: relative;
}

/* Style the tooltip for today button */
.fc-today-button:hover::after {
    content: attr(data-title);
    /* Use data-title instead of title */
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-family: Arial, sans-serif;
    font-size: 12px;
    z-index: 1000;
    /* Ensure tooltip is on top */
}

/* Hide the original title */
.fc-today-button[data-title] {
    position: relative;
}

/* Hide the tooltip when not hovering */
.fc-today-button:not(:hover)::after {
    display: none;
}

.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: var(--theme-color-light);
}

.trainingCalendar table thead td,
.trainingCalendar table tbody td,
.trainingCalendar table.dataTable thead td,
.trainingCalendar table.dataTable tbody td {
    padding: 0 !important;
}

.trainingCalendar .fc-timegrid-cols table tbody tr td.fc-day-today .fc-timegrid-col-frame {
    background-color: var(--fc-today-bg-color) !important;
    z-index: 1;
}

/* Calander Design End */

/* General Changes inclued all pages Start */
table.dataTable.generatepattern_table {
    margin-bottom: 0 !important;
}

.nominee_container {
    position: relative;
}

.nominee_container .removeNominee {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    padding: 0 !important;
    top: -13px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 0;
    right: 0;
}

/* General Changes inclued all pages End */

/* general changes design issues start 07-08-2024 prnv */

.modal .table th {
    background-color: var(--bs-gray-200) !important;
    background: var(--bs-gray-200) !important;
}

/* .modal table.dataTable thead .sorting,
.modal table.dataTable thead .sorting_asc,
.modal table.dataTable thead .sorting_desc,
.modal table.dataTable thead .sorting_asc_disabled,
.modal table.dataTable thead .sorting_desc_disabled{
    background-color: var(--bs-gray-200) !important;
    background: var(--bs-gray-200) !important;
} */

/* general changes design issues end 07-08-2024 prnv */

#regularizationHistoryTable_wrapper div.row:first-child {
    display: none;
}

/* Documents changes css start  */

.calander tr td,
.calander tr th {
    padding: 0 !important;
}

table.calander>:not(:last-child)>:last-child>* {
    border-top: 0 !important;
    border-top-width: 0 !important;
    border-top-color: transparent !important;
    padding-bottom: 15px !important;
}

table#employee_date_list tbody.birthday_pop_table {
    display: block;
    max-height: 270px;
}

table#employee_date_list thead,
table#employee_date_list tbody.birthday_pop_table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Documents changes css end  */


/* payroll widget design changes start  */

.payslip_select .payslip_radio_btns {
    margin-right: 15px;
    margin-bottom: 10px;
}

.payslip_select .payslip_radio_btns label {
    font-size: 12px;
}

.lastPaySlip {
    text-align: center;
    margin: 5px;
    font-size: 12px;
}

/* payroll widget design changes end  */

/* file manager design start  */

.file_manager_folders_files {
    position: relative;
}

.file_manager_folders_files .issue_expired_date {
    border-radius: 0 0 6px 6px;
    background-color: #f0f0f0;
    width: 100%;
    padding: 5px 8px;
}

.main-file_wrap {
    width: 225px;
}

/* file manager design end  */

/* new admin dashboard css start prnv */

.cstm_widget_chart_box .card {
    border: 1px solid #e7eaee;
    padding: 10px;
}

.cstm_widget_chart_box .card .card_title_body {
    display: flex;
    align-items: center;
}

.cstm_widget_chart_box .card .card_title_body .cwcb_ic {
    height: 35px;
    display: flex;
    width: 35px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
}

.cstm_widget_chart_box .card.card-1 .card_title_body .cwcb_ic svg {
    fill: #009ef7;
}

.cstm_widget_chart_box .card .card_title_body .cwcb_title {
    font-size: 14px;
    color: #1d2630;
    font-weight: 500;
    margin-left: 10px;
}

.cstm_widget_chart_box .card .card_chart_body {
    /* background-color: #f8f9fa; */
    /* padding: 10px; */
    /* margin-top: 10px; */
    /* border-radius: 6px; */
}

.cstm_widget_chart_box .card .today_chart_data {
    background-color: #f8f9fa;
    padding: 5px 5px;
    margin-top: 15px;
    border-radius: 6px;
}

.cstm_widget_chart_box .card .last_day_chart_data {
    margin-top: 15px;
    padding: 0 5px;
}

.pre_day_week_count {
    min-width: 30px;
}

.main_chart_wrap svg,
.main_chart_wrap svg {
    height: 75px !important;
}

.main_chart_wrap .apexcharts-canvas,
.main_chart_wrap .apexcharts-canvas {
    height: 75px !important;
}

.card.card-1 .card_title_body .cwcb_ic,
.card.card-1 .today_chart_count {
    background-color: rgb(0 158 247 / 20%);
}

.card.card-1 .today_chart_count span {
    color: #009ef7;
}

.card.card-2 .card_title_body .cwcb_ic,
.card.card-2 .today_chart_count {
    background-color: rgb(255 112 81 / 20%);
}

.card.card-2 .today_chart_count span {
    color: #ff7051;
}

.card.card-2 .card_title_body .cwcb_ic svg {
    fill: #ff7051;
}

.card.card-3 .card_title_body .cwcb_ic,
.card.card-3 .today_chart_count {
    background-color: rgb(255 199 0 / 20%);
}

.card.card-3 .card_title_body .cwcb_ic svg {
    fill: #ffc700;
}

.card.card-3 .today_chart_count span {
    color: #ffc700;
}

.card.card-4 .card_title_body .cwcb_ic,
.card.card-4 .today_chart_count {
    background-color: rgb(80 205 137 / 20%);
}

.card.card-4 .today_chart_count span {
    color: #50cd89;
}

.card.card-4 .card_title_body .cwcb_ic svg {
    fill: #50cd89;
}

.card.card-5 .card_title_body .cwcb_ic,
.card.card-5 .today_chart_count {
    background-color: rgb(114 57 234 / 20%);
}

.card.card-5 .today_chart_count span {
    color: #7239ea;
}

.card .today_chart_count {
    background-color: #e7e7e7 !important;
}

.card .today_chart_count span {
    color: #000 !important;
}

.card.card-5 .card_title_body .cwcb_ic svg {
    fill: #7239ea;
}

.card.card-6 .card_title_body .cwcb_ic,
.card.card-6 .today_chart_count {
    background-color: rgb(220 38 38 / 20%);
}

.card.card-6 .today_chart_count span {
    color: #dc2626;
}

.card.card-6 .card_title_body .cwcb_ic svg {
    fill: #dc2626;
}

svg.arrow-down-left {
    fill: #dc2626 !important;
}

.recruitment_down_proccess,
.top_wid_down_proccess {
    color: #dc2626;
}

svg.arrow-up-right {
    fill: #2ca87f !important;
}

.recruitment_up_proccess,
.top_wid_up_proccess {
    color: #2ca87f;
}

svg.arrow-equal {
    fill: #e58a00 !important;
}

.recruitment_equal_proccess,
.top_wid_equal_proccess {
    color: #e58a00;
}

span.badge.recruit_badge {
    height: 30px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pending_box .pending_marker,
.approved_box .approved_marker,
.rejected_box .rejected_marker {
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background-color: var(--bs-danger);
    border-radius: 100%;
}

.approved_box .approved_marker {
    background-color: var(--bs-success);
}

.rejected_box .rejected_marker {
    background-color: var(--bs-primary);
}

.card.recruitment_box,
.card.approval_box,
.card.cadidate_details_box {
    min-height: 415px;
}

@media (max-width: 1441px) {

    .prev_day_week,
    .pre_day_week_count,
    .pre_day_week_percentage,
    .today_chart_count,
    .present_week_day,
    .today_chart_count span {
        font-size: 12px !important;
    }

    .last_day_chart_data {
        padding: 0;
    }
}


/* new admin dashboard css end prnv */
.generate_payroll_btn:hover svg {
    fill: #ffffff;
}

#work_flow_employee_grid thead tr th {
    border-bottom: 0 !important;
}

@media (max-width:1299px) {
    .CandidateListLevels .nav-line-tabs .nav-item .nav-link {
        font-size: 12px !important;
    }
}

.cstm_widget_chart_box .row.cwcb_row {
    --bs-gutter-x: 5px;
}

@media (max-width:1399px) {
    .cstm_widget_chart_box .row.cwcb_row {
        --bs-gutter-x: 20px;
    }
}

.notification_count_cls {
    width: 17px !important;
    height: 17px !important;
    top: -2px !important;
    right: -21px !important;
}

.intra_notify_count {
    width: 17px !important;
    height: 17px !important;
}

/* Fixed Header Code */
table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid var(--bs-gray-300) !important;
}

table thead th.dtfc-fixed-left,
table thead td.dtfc-fixed-left,
table tbody th.dtfc-fixed-left,
table tbody td.dtfc-fixed-left,
table thead th.dtfc-fixed-right,
table thead td.dtfc-fixed-right,
table tbody th.dtfc-fixed-right,
table tbody td.dtfc-fixed-right {
    background-color: #fafafa;
    z-index: 9;
}

.dtfc-right-top-blocker {
    display: none !important;
}

/* mantis design issue solving 29-08-2024 start  */
.table_email_body {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 185px;
    display: block;
    overflow: hidden;
}

.table_email_body .employeeList_popover {
    cursor: pointer;
}

/* mantis design issue solving 29-08-2024 end  */

/* start regularization punch info popover message  */
.regularization_punch_info_popover {
    max-width: 310px !important;
}

/* end regularization punch info popover message  */

.ticketDate_datefilters .dropdown.show>.form-control.form-control-solid,
.ticketDate_datefilters .form-control.form-control-solid.active,
.ticketDate_datefilters .form-control.form-control-solid.focus,
.ticketDate_datefilters .form-control.form-control-solid:active,
.ticketDate_datefilters .form-control.form-control-solid:focus {
    background-color: #fff;
}

.ticketDate_datefilters.datepicker-sec a.amendments_date_clear,
.ticketDate_datefilters.datepicker-sec a.amendments_date_clear {
    position: absolute;
    background-color: #fff;
    padding: 8px;
    right: 1px;
}


/* Page info Icon CSS Start */
.pageinfoIcon {
    border-radius: 50%;
    display: flex;
    height: 20px;
    width: 20px;
    background-color: transparent;
}

.pageinfoIcon svg {
    fill: #374856;
}

/* Page info Icon CSS End */

/* File Manager Dropdown Starts */
.fileManagerDropdown.dropdownBtn>.dropdown-item.active,
.dropdown-item:active {
    color: #0d0c3f;
    text-decoration: none;
    background-color: #fff;
}

/* File Manager Dropdown Ends */

/* Admin Dashboard Employee Composition Chart Tooltip Text Color Change */
#employeeComposition .apexcharts-tooltip .apexcharts-tooltip-text {
    color: #000000 !important;
}

.chart_btn_pending {
    background-color: #249df9;
    color: #fff;
}

.chart_btn_pending:hover {
    background-color: #9ed5ff;
    color: #000000;
}

.chart_btn_approved {
    background-color: #24e5a3;
    color: #fff;
}

.chart_btn_approved:hover {
    background-color: #8cffd8;
    color: #000000;
}

.chart_btn_rejected {
    background-color: #fcb939;
    color: #fff;
}

.chart_btn_rejected:hover {
    background-color: #ffdb97;
    color: #000;
}

.employeeListProfileError {
    position: absolute;
    bottom: -14px;
    left: -10px;
    width: 300px;
}

.broadcast_link_des p {
    margin: 0;
}

/* My Document widget Start */
.myDoc_list {
    display: flex;
    flex-wrap: wrap;
}

.myDoc_list li {
    width: calc(50% - 16px);
    margin: 10px 8px;
}

.myDoc_list li a {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
}

.myDoc_list li a img {
    max-width: 25px;
}

.myDoc_list li a .docTitle {
    display: inline-block;
    width: 65%;
    margin-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    color: #2b3a4a;
    text-overflow: ellipsis;
    opacity: 0.75;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.myDoc_list li a i {
    padding: 4px;
    border-radius: 5px;
    background-color: #d6d6d6;
    color: #505050 !important;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.myDoc_list li a:hover i,
.myDoc_list li a:hover .docTitle {
    opacity: 1;
}

/* My Document widget End */


.cagegoryLabel {
    position: absolute;
    top: -8px;
    right: 15px;
    font-weight: 500;
    font-size: 11px;
    padding: 5px 8px;
    background-color: #feece3;
    color: #f4590b;
    border-radius: 0 0 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    min-width: 80px;
    text-align: center;
}

.cagegoryLabel:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #f7ab89 transparent;
    transform: rotate(0deg);
    top: 0px;
    left: -8px;
}

@media (max-width: 1399px) {
    .myDoc_list li {
        width: 100%;
    }

    .myDoc_list li a .docTitle {
        width: 85%;
    }
}

/* My Document widget Start */
.myDoc_list {
    display: flex;
    flex-wrap: wrap;
}

.myDoc_list li {
    width: calc(50% - 16px);
    margin: 10px 8px;
}

.myDoc_list li a {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
}

.myDoc_list li a img {
    max-width: 25px;
}

.myDoc_list li a .docTitle {
    display: inline-block;
    width: 65%;
    margin-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    color: #2b3a4a;
    text-overflow: ellipsis;
    opacity: 0.75;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.myDoc_list li a i {
    padding: 4px;
    border-radius: 5px;
    background-color: #d6d6d6;
    color: #505050 !important;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.myDoc_list li a:hover i,
.myDoc_list li a:hover .docTitle {
    opacity: 1;
}

@media (max-width: 1399px) {
    .myDoc_list li {
        width: 100%;
    }

    .myDoc_list li a .docTitle {
        width: 85%;
    }
}

/* My Document widget End */
.info_popup_sticky .perInfo_imgSec {
    position: sticky;
    top: 50px;
}

.info_popup_sticky .perInfo_imgSec {
    position: sticky;
    top: 50px;
}

/* Design changes given by kartik sir start 23-09-24 prnv */

.header-fixed .header.header_fix_bg {
    background-color: #404152;
    /* background-color: #355889; */
    /* border-radius: 0 0 .475rem .475rem; */
}

/* .top-header-menu.fixed_header_menus img {
    filter: brightness(0) invert(1);
} */

.popover.date_popover_cls {
    margin-left: -15px !important;
}

.popover.date_popover_clsarrow .popover-arrow,
.popover.date_popover_cls .popover-arrow {
    top: -3px !important;
}

.pms_attached_document .remove_attachment,
.pms_attached_document .remove_smart_goal_attachment {
    position: absolute;
    top: -9px;
    right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pms_attached_document .remove_smart_goal_attachment{
    top:-7px;
    right:-3px;
}

body.setting_widget_expand {
    overflow: hidden;
}

/* add by dhruv bhai */
/* start code */
/* .weightage {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    border: 2px solid var(--theme-color);
    opacity: 0.65;
    margin: 0 auto;
    font-weight: 600;
    background: transparent;
    font-size: 15px;
} */
.weightage {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
    border: 2px solid var(--theme-color);
    opacity: 0.65;
    margin: 0 auto;
    font-weight: 600;
    background: transparent;
    font-size: 12px;
    padding: 2px 5px;
    width: 55px;
}

/* end code */


.goal-rating-container,
.goal_rating_comment,
.goal_rating_documnets {
    position: relative;
}

.goal-rating-container .custom_goal_error.invalid-feedback,
.goal_rating_comment .goal_comment_error.invalid-feedback,
.goal_rating_documnets .goal_common_document.invalid-feedback {
    position: absolute;
    bottom: -20px;
    height: 18px;
    text-align: left;
}

.competency-rating-container,
.competency_rating_comment {
    position: relative;
}

.competency-rating-container .custom_compentancy_error.invalid-feedback,
.competency_rating_comment .compentancy_comment_error.invalid-feedback {
    position: absolute;
    bottom: -20px;
}

.mainNewsContent .newsWithImages .hastags_content_main P {
    display: flex;
    flex-wrap: wrap;
}

.mainNewsContent .newsWithImages .hastags_content_main a {
    font-size: 14px;
}

.evolution-table tbody.evolution_goal_table td,
.evolution-table tbody.evolution_competency_table td {
    vertical-align: top !important;
}

/* My Document widget Start */
.myDoc_list {
    display: flex;
    flex-wrap: wrap;
}

.myDoc_list li {
    width: calc(50% - 16px);
    margin: 10px 8px;
}

.myDoc_list li a {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
}

.myDoc_list li a img {
    max-width: 25px;
}

.myDoc_list li a .docTitle {
    display: inline-block;
    width: 65%;
    margin-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    color: #2b3a4a;
    text-overflow: ellipsis;
    opacity: 0.75;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.myDoc_list li a i {
    padding: 4px;
    border-radius: 5px;
    background-color: #d6d6d6;
    color: #505050 !important;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.myDoc_list li a:hover i,
.myDoc_list li a:hover .docTitle {
    opacity: 1;
}

@media (max-width: 1399px) {
    .myDoc_list li {
        width: 100%;
    }

    .myDoc_list li a .docTitle {
        width: 85%;
    }
}

/* My Document widget End */
.info_popup_sticky .perInfo_imgSec {
    position: sticky;
    top: 50px;
}

.info_popup_sticky .perInfo_imgSec {
    position: sticky;
    top: 50px;
}

/* Design changes given by kartik sir start 23-09-24 prnv */

.header-fixed .header.header_fix_bg {
    /* background-color: #355889; */
    /* border-radius: 0 0 .475rem .475rem; */
    background-color: #404152;
    overflow: hidden;
}

/* .top-header-menu.fixed_header_menus img {
    filter: brightness(0) invert(1);
} */

.popover.date_popover_cls {
    margin-left: -15px !important;
}

.popover.date_popover_clsarrow .popover-arrow,
.popover.date_popover_cls .popover-arrow {
    top: -3px !important;
}

body.setting_widget_expand {
    overflow: hidden;
}

body.setting_widget_expand::before {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 80%);
    z-index: 999;
}

#reload_widget_setting .accordion-button::after {
    top: 6px;
}

@media(max-width:991px) {
    #reload_widget_setting .accordion-button::after {
        top: 4px;
        padding-top: 2px;
    }
}


.new_profile_page .title_links .sub_title,
.title_links .sub_title {
    padding: 2px 0;
    font-size: 14px !important;
}

@media(max-width:1366px) {

    .new_profile_page .title_links .sub_title,
    .title_links .sub_title {
        font-size: 12px !important;
    }
}

@media(max-width:991px) {

    .new_profile_page .title_links .sub_title,
    .title_links .sub_title {
        font-size: 9px !important;
    }

    .new_profile_page .title_links a+a {
        margin-left: 10px;
    }

    .title_links a+a {
        margin-left: 5px;
    }
}

/* Offboarding CS Start */
.newTitle {
    background-color: rgb(172 174 209 / 25%);
    padding: 15px 15px 15px 20px;
    border-left: 5px solid #323452;
    font-size: 18px;
    margin-top: 25px;
}

.offboardName,
.revokeresignationName {
    font-size: 18px;
}

.offboardDeatils .offboardDeatilsBox,
.revokeResignationDetails .revokeResignationDetailsBox {
    border: 1px dashed #cccccc;
    border-radius: 10px;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    padding: 5px 10px;
}
@media(max-width:1024px){
    .offboardDeatils .col{
        width: 33% !important;
        flex: 0 0 33%;
        margin-bottom: 10px
    }
}
@media(max-width:991px){
    .offboardDeatils .col{
        width: 50% !important;
        flex: 0 0 50%;
        margin-bottom: 10px
    }
}
/* Evaluation Copy rating button Start */
.goal_copy_rating,
.competency_copy_rating {
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    margin: 8px auto;
    font-size: 12px;
    padding: 1px 8px;
    color: var(--theme-color);
}

.basic_info .offboardDeatils .offboardDeatilsBox {
    box-shadow: none;
}

/* Evaluation Copy rating button End */
/* Meeting Widget Start */
.meeting_widget .todayDate a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    background-color: var(--theme-color-light);
    border-radius: 50%;
}

.offboarddesg,
.revokeResignationEmpDetails .emply_deg {
    font-size: 16px;
}

.offboardingProfile,
.revoke_resi_profile {
    min-width: 150px;
    max-width: 150px;
    height: 150px;
}

.offboardDetailtitle {
    font-size: 17px;
}

.offboardDeatils,
.revokeResignationDetails {
    margin-top: 15px;
}

.offboardDeatils .offboardDeatilsBox,
.revokeResignationDetails .revokeResignationDetailsBox {
    border: 1px dashed #cccccc;
    border-radius: 10px;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    padding: 5px 10px;
}

/* Offboarding CS Ends */
.roleSection.shadow.show {
    margin-top: 8px !important;
}

.offboardDeatils .form-label {
    font-size: 14px;
}

@media(max-width:1440px) {

    .offboardingProfile,
    .revoke_resi_profile {
        min-width: 125px;
        max-width: 125px;
        height: 125px;
    }

    .offboardDetailtitle {
        font-size: 15px;
    }

    .offboardName,
    .revokeresignationName {
        font-size: 16px;
    }

    .offboarddesg,
    .revokeResignationEmpDetails .emply_deg {
        font-size: 14px;
    }

    .offboardDeatils,
    .revokeResignationDetails {
        margin-top: 10px;
    }
}

@media(max-width:1366px) {
    .offboardDeatils .form-label {
        font-size: 13px;
    }

    .offboardDetailtitle {
        font-size: 14px;
    }

    .offboardingProfile,
    .revoke_resi_profile {
        min-width: 100px;
        max-width: 100px;
        height: 100px;
    }
}

/* Offboarding CS Ends */


.newTitle {
    background-color: rgb(172 174 209 / 25%);
    padding: 15px 15px 15px 20px;
    border-left: 5px solid #323452;
    font-size: 18px;
    margin-top: 25px;
}

/* Reward Page Start */
.listContainer {
    width: 100%;
    margin: 0 auto;
    /* display: grid;
    grid-template-columns: repeat(7, auto); */
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
    width: auto !important;

}

/* @media(max-width:1535px){
    .listContainer {
        grid-template-columns: repeat(6, auto);
    }
}
@media(max-width:1365px){
    .listContainer {
        grid-template-columns: repeat(5, auto);
    }
}
@media(max-width:1024px){
    .listContainer {
        grid-template-columns: repeat(4, auto);
    }
}
@media(max-width:991px){
    .listContainer {
        grid-template-columns: repeat(3, auto);
    }
} */

.image {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: calc(0.5rem*.5) auto;
    position: relative;
}

/* .ListBoxItem .cardContent{
    padding: calc(0.5rem*1) calc(0.5rem*2);
    border-radius: 15px;
    cursor: pointer;
} */

.ListBoxItem .winnerContent {
    padding: 15px;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    border: 1px solid #ededed;
    position: relative;
}

.winnerContent .itemName {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

.winnerContent .itemDesg {
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
}

.schedule-row {
    background-color: #f8f9fd;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    position: relative;
    border: 1px solid #f2f2f2;
    margin-right: 5px;
}

.schedule-row+.schedule-row {
    margin-top: 10px;

}

.schedule-row .line {
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: var(--theme-color-light);
    left: -25.75px;
    top: 25px;
}

.schedule-row:before,
.schedule-row:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--theme-color);
    border-radius: 50%;
    left: -33px;
    border: 5px solid #ffffff;
    z-index: 1;
}

.schedule-row:after {
    background-color: transparent;
    border: 2px solid var(--theme-color);
}

.schedule-row svg {
    opacity: 0.5;
    margin-right: 3px;
}

.dateBox.today {
    position: relative;
}

.dateBox.today:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--theme-color);
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dateBox.today div {
    color: var(--theme-color) !important;
    font-weight: 600;
}

.dateBox {
    padding: 3px 8px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

@media (min-width: 1024px) {

    /* .ListBoxItem {
        width: auto;
        margin: 0 calc(0.5rem*2) calc(0.5rem*3) calc(0.5rem*2);
        font-size: 16px;
        line-height: 20px;
    } */
    .ListBoxItem {
        width: auto;
        margin: 0 0 20px;
        font-size: 16px;
        line-height: 20px;
        height: calc(100% - 20px);
    }
}

.ListBoxItem .cardContent:hover {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
    background-color: #ffffff;
}


.ListBoxItem .c-card:checked+.cardContent .voteBtn {
    background-color: var(--tab-active);
    color: #ffffff !important;
}

.c-card {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.ListBoxItem .image {
    background: #f5f5f5;
}

.c-card:checked+.ListBoxItem {
    background-color: #003366;
    color: #ffffff;
}

@media (min-width: 1024px) {
    .c-card:checked+.ListBoxItem {
        width: auto;
        padding: calc(0.5rem*1) calc(0.5rem*2);
        margin: 0 calc(0.5rem*2) calc(0.5rem*3) calc(0.5rem*2);
        font-size: 16px;
        line-height: 20px;
    }
}

.c-card:checked+.ListBoxItem:hover {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
    background-color: #f8f8f8;
}

.image {
    display: block;
    width: 150px;
    height: 150px;
    background: #909090;
    margin: calc(0.5rem*.5) auto 5px;
}

@media (min-width: 1024px) {
    .image {
        margin: calc(0.5rem*2) auto 8px;
    }
}

/* Reward Page Ends */

/* AI button CSS Start*/
.generateAiBtn {
    padding: 10px 20px 10px 15px;
    border-radius: 25px;
    background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
    color: #ffffff;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;

}

.generateAiBtn:hover {
    background-image: linear-gradient(20deg, #b721ff 0%, #21d4fd 100%);
    color: #ffffff;
}

/* AI button CSS End*/

/* Meeting Widget Start */
.meeting_widget .todayDate a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    background-color: var(--theme-color-light);
    border-radius: 50%;
}

.meeting_widget .todayDate a img {
    max-width: 100%;
}

.meeting_widget .card svg {
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.scheduleMain {
    padding-left: 40px;
    position: relative;
    overflow: hidden;
}

.schedule-row {
    background-color: #f8f9fd;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
    position: relative;
    border: 1px solid #f2f2f2;
    margin-right: 5px;
}

.schedule-row .line {
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: var(--theme-color);
    left: -25.75px;
    top: 25px;
}

.schedule-row:before,
.schedule-row:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--theme-color);
    border-radius: 50%;
    left: -33px;
    border: 5px solid #ffffff;
    z-index: 1;
}

.schedule-row:after {
    background-color: transparent;
    border: 2px solid var(--theme-color);
}

.schedule-row svg {
    opacity: 0.5;
    margin-right: 3px;
}

.dateBox.today {
    position: relative;
}

.dateBox.today:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--theme-color);
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dateBox.today div {
    color: var(--theme-color) !important;
    font-weight: 600;
}

.dateBox {
    padding: 3px 8px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.dateBox:hover {
    background-color: #f8f8f8;
}

.sameTimeMeeting:before,
.sameTimeMeeting:after {
    content: none;
}

.google_cal_cancelled {
    background-image: url('../images/diagonal-lines.png');
    background-size: contain;
}

.bg-light-danger.google_cal_cancelled {
    background-image: url('../images/diagonal-lines-black.png');
}

.schedule-row.sameTimeMeeting .line {
    height: calc(100% + 12px);
    top: 13px;
}

.schedule-row .meetingActionMain {
    display: inline-block;
    line-height: 100%;
}

.schedule-row .meetingActionMain+.meetingActionMain {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #cccccc;
}

.schedule-row .meetingAction {
    padding: 3px 8px;
    border: 1px solid var(--theme-color);
    border-radius: 25px;
    font-size: 11px;
    min-width: 54px;
    display: inline-block;
    text-align: center;
}

.schedule-row.bg-light-danger.opacity-50 .line {
    opacity: 0.20;
}

@media(max-width:1440px) {
    .scheduleMain {
        padding-left: 35px;
    }

    .schedule-row {
        padding: 8px 12px;
    }

    .schedule-row .meetingAction {
        padding: 2px 6px;
        font-size: 10px;
        min-width: 44px;
    }

    .schedule-row .meetingActionMain+.meetingActionMain {
        margin-left: 4px;
        padding-left: 4px;
    }
}

/* Meeting Widget End */
/* intranet polls css update start 17-10-24 prnv  */
.myPostRightSec .polls-ans .form-check .form-check-label {
    width: 90%;
    border: 1px solid var(--theme-color);
    text-align: center;
    padding: 10px;
    border-radius: 30px;
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 500;
}

.myPostRightSec .polls-ans .form-check .pollBtn input {
    display: none;
}

.badgePost {
    position: relative;
    overflow: hidden;
}

.badgePost:after {
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    background-image: url(../images/confetti.png);
    background-size: cover;
    background-position: bottom right;
    opacity: 0.25;
    bottom: -10px;
    right: -10px;
    z-index: 0;
}

.badgePost:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/bday_bg.png);
    background-size: contain;
    background-position: center;
    opacity: 0.15;
    left: 0;
    top: 0;
    z-index: 0;
}

/* intranet polls css update end 17-10-24 prnv  */

/* Mantis table Validation Issue Start */
.customPayPeriodTable tr.dynamic-added td {
    vertical-align: top !important;
}

/* Mantis table Validation Issue End */



.weightage_details_popup .nav-tabs .nav-item {
    margin-bottom: -1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none !important;
}

.weightage_details_popup .nav-tabs .nav-item+.nav-item {
    margin-top: 0 !important;
}

.weightage_details_popup .nav-tabs .nav-item .nav-link {
    color: #a1a5b7 !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    transition: color .2s ease, background-color .2s ease !important;
    margin: 0 1rem !important;
    font-size: 14px !important;
}

.weightage_details_popup .nav-tabs .nav-item .nav-link.active,
.weightage_details_popup .nav-tabs .nav-item .nav-link:hover:not(.disabled),
.weightage_details_popup .nav-tabs .nav-item.show .nav-link {
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid var(--theme-color) !important;
    transition: color .2s ease, background-color .2s ease !important;
}


.sharedResources {
    border: 1px dashed #dbdfe9;
    border-radius: 10px;
    max-height: 325px;
    overflow-y: auto;
}

.sharedResources .pdf-doc-symbol {
    min-height: 30px;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
}

.sharedResources .pdf-doc-symbol img {
    max-width: 100%;
}

.doc-pdf-details .doc-name {
    font-size: 14px;
    color: #1b5fb7;
    text-decoration: none;
    font-weight: 500;
}

.doc-pdf-details .doc-size {
    font-size: 12px;
}

.sharedResources .doc-list {
    min-width: 30%;
    margin-right: 20px;
    margin-bottom: 40px;
}

.chat_header_dash_icon {
    opacity: 0.60;
}

/* Start: Timesheet category */
.catTaskBox .removeCatTask {
    right: -30px;
    top: 9px;
}

.catTaskBox .removeCatTask .svg-icon {
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color);
}

.catTaskBox .removeCatTask .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #ffffff;
}

#timesheet_project_tasks_datatable .timesheetProjectTaskIsBillable,
.timesheetProjectIsBillable {
    background: #dee6f3;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
}

.loan_application_filter #reportIncidentAccordian .accordion-button::after {
    top: 3px;
}

.loan_application_filter #reportIncidentAccordian .accordion-button::before,
.loan_application_filter #reportIncidentAccordian .accordion-button::after {
    height: 30px;
    width: 30px;
}

/* End: Timesheet category */

/* Evaluation Copy rating button Start */
.goal_copy_rating,
.competency_copy_rating {
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    margin: 8px auto;
    font-size: 12px;
    padding: 1px 8px;
    color: var(--theme-color);
}

.basic_info .offboardDeatils .offboardDeatilsBox {
    box-shadow: none;
}

/* Evaluation Copy rating button End */
.dateBox:hover {
    background-color: #f8f8f8;
}

@media(max-width:1440px) {
    .schedule-row {
        padding: 8px 12px;
    }
}

/* Meeting Widget End */
#prize_details_anaytics .prizeMoney {
    font-size: 18px;
}

@media (max-width:1399px) {
    #prize_details_anaytics .prizeMoney {
        font-size: 12px;
    }
}


.project_details_pop_tab .table tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.project_details_pop_tab .table thead,
.project_details_pop_tab .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.project_details_pop_tab .table tr:first-child {
    padding-left: 0 !important;
}

.project_details_pop_tab .table tbody tr:last-child {
    padding-right: 0 !important;
}

/* datepicker design issue resolve css start 04-11-2024 prnv */

.flatpickr-month .flatpickr-current-month {
    padding: 0;
    text-align: left;
}

/* datepicker design issue resolve css end 04-11-2024 prnv */

/* company dropdown selection design issue resolve css end 05-11-2024 dhruv */
.top-header-menu.fixed_header_menus .company_changes_logo img {
    filter: none;
}

.immigration_selected_doc_label {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: calc(100% - 80px);
}

.immigration_doc_remove {
    position: absolute;
    top: 7px;
    right: -10px;
}

.accordion.immigration_filter .accordion-header {
    cursor: default;
}

.accordion.immigration_filter .accordion-header .accordion-button::after {
    top: 8px !important;
}

#employee_notassign_roster .table tbody,
#employee_assign_roster .table tbody,
#assign_employee_list .table tbody,
#unassign_employee_list .table tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

#employee_notassign_roster .table thead,
#employee_notassign_roster .table tbody tr,
#employee_assign_roster .table thead,
#employee_assign_roster .table tbody tr,
#assign_employee_list .table thead,
#assign_employee_list .table tbody tr,
#unassign_employee_list .table thead,
#unassign_employee_list .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.edit_download_dropdown button {
    height: 20px !important;
    width: 20px !important;
    background-color: var(--theme-color-light) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .275rem !important;
    padding: 0 !important;
}

.edit_download_dropdown .dropdown-menu {
    padding: .25rem !important;
    border: 1px solid #eff2f5 !important;
    left: -75px !important;
    transform: translate(10px, 22px) !important;
}

.edit_download_dropdown .dropdown-menu li a.dropdown-item {
    border-radius: .275rem;
    font-weight: 600;
    font-size: .75rem;
    padding: .25rem 1rem;
}

.edit_download_dropdown .dropdown-menu li+li {
    border-top: 1px solid #eff2f5 !important;
}

.file-manager-page .content_box .tab-content-wrap .tab-content .item-title .doc_file_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp_list_directory .emp_designation_info {
    font-size: 14px;
}

@media (max-width: 1699px) {
    .emp_list_directory .emp_designation_info {
        font-size: 12px;
    }
}

/* timesheet widget css start prnv 23-10-24 */
.timesheet_header {
    padding: 10px 10px;
    background-color: #f3f3f3;
    border-radius: 5px;
}

.timesheet_header_name {
    font-size: 13px;
    font-weight: 700;
}

.timesheet_header_date {
    font-size: 12px;
    font-weight: 600;
}

.timesheet_widget {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
}

.data_col_box {
    font-size: 12px;
    font-weight: 700;
    cursor: default;
    opacity: 0.60;
    margin: 0 1px;
    color: #6c6c6c;
}

span.project_name {
    font-size: 12px;
    font-weight: 600;
}

.timesheet_data_box {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}

/* .timesheet_data_box+.timesheet_data_box {
    border-top: 1px solid #ddd;
} */

.project_name.data_col_box {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 90%;
    opacity: 1;
    font-weight: 600;
}

.taskLoggedDetails.data_col_box {
    cursor: pointer;
    font-weight: 700;
    opacity: 1;
    color: #6c6c6c;
    /* padding: 1px 3px;
    background-color: var(--theme-color-light);
    border-radius: 3px; */
}

.taskLoggedDetails.data_col_box:hover {
    color: #000000;
}

a.times {
    display: inline-block;
}

/* .total_days_hrs .times_total {
    font-size: 13px;
    font-weight: 700;
    opacity: 1;
} */
.total_days_hrs .times_total {
    font-size: 13px;
    font-weight: 700;
    opacity: 1;
    color: #3e3e3e;
}

/* a.week_next_prev_btn {
    height: 20px;
    width: 20px;
    background-color: #dddddd;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
} */
.week_next_prev_btn {
    height: 30px;
    width: 30px;
    opacity: 0.85;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 4px !important;
}

.week_next_prev_btn i {
    font-size: 12px;
    display: flex;
}

.week_next_prev_btn:hover {
    opacity: 1;
    transition: 0.3s ease-in-out all;
}

.week_next {
    border-radius: 0 30px 30px 0 !important;
}

.week_prev {
    border-radius: 30px 0 0 30px !important;
    margin-right: 9px;
}

.week_info_date {
    font-size: 14px;
    font-weight: 600;
}

.times.data_col_box:hover {
    color: #6c6c6c;
}

/* .gt_total .gt_total_data {
    font-size: 12px;
    font-weight: 700;
} */
.gt_total .gt_total_data {
    font-size: 13px;
    font-weight: 700;
    color: #3e3e3e;
}

.gt_total .gt_total_Final_data {
    font-size: 13px;
    font-weight: 700;
}

.gt_total_name {
    color: #000 !important;
}

.grand_total_sec {
    /* background-color: #f3f3f3; */
    padding: 10px 10px;
}

/* .grand_total_sec {
    background-color: #f3f3f3;
    padding: 10px 10px;
} */

.timesheet_data_box.over_time_project_time {
    /* background-color: #ffeded; */
    position: relative;
    overflow: hidden;
}

.timesheet_data_box.over_time_project_time .project_name {
    color: rgba(var(--bs-danger-rgb));
}

.times_col .times.weekoff_day_worklog {
    color: #5a88e1;
    font-weight: 700;
    opacity: 1;
}

.timeLinemissedInfo .color_info_circle_timeline,
.worked_on_weekof .color_info_circle_worked {
    height: 12px;
    width: 12px;
    border-radius: 100%;
}

.timeLinemissedInfo .color_info_circle_timeline {
    background-color: rgba(var(--bs-danger-rgb));
}

.worked_on_weekof .color_info_circle_worked {
    background-color: #5a88e1;
}

.timeLinemissedInfo span,
.worked_on_weekof span {
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}

@media (max-width:1399px) {

    .data_col_box,
    .gt_total_data {
        font-size: 10px !important;
    }

    .timesheet_data_box,
    .grand_total_sec {
        padding-left: 5px;
        padding-right: 5px;
    }

    .timesheet_header {
        padding: 10px 5px;
    }

    .timesheet_header_name {
        font-size: 11px;
    }

    .timeLinemissedInfo span, .worked_on_weekof span {
        font-size: 12px;
    }
}

@media (max-width:1199px) {

    .data_col_box,
    .gt_total_data {
        font-size: 8px !important;
    }
}

/* timesheet widget css end prnv 23-10-24  */
.ListBoxItem .winnerContent .image .winners_rank {
    position: absolute;
    height: 45px;
    width: 45px;
    right: 0;
    bottom: 0;
}

.winnerContent .image .winners_rank .rank_badges {
    background-image: url("../images/winners-rank.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.winnerContent .image .winners_rank .rank_badges .rank_number {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
}

/* meeting widget nxt prev button CSS 11-11-24 pranav start */

.meeting_widget_next_prev_div a.btn {
    height: 30px;
    width: 30px;
    opacity: 0.85;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% 0 0 50%;
    padding: 0 0 0 8px !important;
}

.meeting_widget_next_prev_div a.today-btn {
    padding: 3px 13px !important;
    background-color: transparent;
    width: auto;
    height: auto;
    border: 1px solid var(--body-text) !important;
    border-radius: 25px !important;
    color: var(--body-text);
    opacity: 0.85;
}

.meeting_widget_next_prev_div a.today-btn:hover {
    background-color: var(--theme-color);
    color: #ffffff;
    border-color: var(--theme-color) !important;
    opacity: 1;
}

.meeting_widget_next_prev_div a.nextMeetings {
    border-radius: 0 50% 50% 0;
    margin-left: 5px;
    padding: 0 !important;
}

.meeting_widget_next_prev_div a i {
    font-size: 12px;
    display: flex;
}

.meeting_widget_next_prev_div a:hover svg {
    fill: #5e6278;
}

/* meeting widget nxt prev button CSS 11-11-24 pranav end  */


.noti_blacklist_module_select .select2.select2-container {
    width: auto !important;
    min-width: 300px;
}


/* Attendance report swal popup design changes prnv 14-11-24 Start  */

.custom-swal-popup {
    padding: 0;
}

.custom-swal-popup .custom-swal-title {
    padding: 30px;
    box-shadow: 0 2px 17px -5px var(--theme-light-gray);
    border-radius: 6px 6px 0 0;
    padding: 20px;
    background-color: rgb(50 52 82);
    font-size: 16px !important;
    text-align: left;
    color: #fff !important;
}

.custom-swal-popup .swal2-textarea {
    margin: 0;
}

.custom-swal-popup .swal2-textarea:focus {
    border: 1px solid #d9d9d9;
    outline: 0;
    box-shadow: none;
}

.custom-swal-popup .swal2-actions {
    padding-top: 15px;
    border-top: 1px solid #d9d9d9;
    display: flex;
    justify-content: end;
    margin: 10px 0 !important;
}

.custom-swal-popup .swal2-actions .swal2-cancel {
    margin: 0 10px;
}

.custom-swal-popup .swal2-validation-message {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 0 10px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    color: #f1416c;
    font-size: .8rem;
    opacity: .85;
    font-weight: 400;
    width: auto;
}

.custom-swal-popup .swal2-validation-message::before {
    content: none;
}

.custom-swal-popup .swal2-actions .swal2-styled.swal2-cancel,
.custom-swal-popup .swal2-actions .swal2-styled.swal2-confirm {
    min-width: 75px;
    font-size: 0.813rem;
}

.custom-swal-popup .swal2-textarea.swal2-inputerror {
    border-color: #d9d9d9 !important;
    box-shadow: none !important;
}

.custom-swal-popup .swal2-textarea {
    font-size: 14px !important;
    margin-top: 0;
    display: inline-block;
    width: 100%;
}

.custom-swal-popup .swal2-actions .swal2-styled.swal2-cancel {
    background-color: #A1A5B7 !important;
    color: #fff !important;
}

.custom-swal-popup .swal2-actions .swal2-styled.swal2-cancel:hover {
    background-color: #E4E6EF !important;
    color: #7E8299 !important;
}

.custom-swal-popup .custom-swal-title {
    text-transform: capitalize !important;
}

.custom-swal-popup p#swal-note {
    margin: 0;
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    line-height: 100%;
}

/* Attendance report swal popup design changes prnv 14-11-24 End  */
/* Rewards And Recognition Voting page New Design Start */
.reward-title {
    display: flex;
    align-items: center;
}

.eventDate {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.reward-title img {
    max-width: 75px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.rewardTop {
    position: relative;
    z-index: 1;
}

.position_badge {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50%;
}

.ListBoxItem .cardContent {
    padding: 15px;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
}

.ListBoxItem .c-card:checked+.cardContent .votedRibbon {
    display: block;
}

.cardContent .itemName {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    min-height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.cardContent .itemDesg {
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    margin: 5px 0;
    text-transform: capitalize;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.reward-title {
    display: flex;
    align-items: center;
}

.eventDate {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.reward-title img {
    max-width: 75px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.rewardTop {
    position: relative;
    z-index: 1;
}

.position_badge {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50%;
}

.ListBoxItem {
    /* color: #003366;
    cursor: pointer;
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    max-width: 100%; */
    color: #003366;
    /* cursor: pointer; */
    width: calc(16% - 8px);
    margin: 0 10px 20px 10px;
    max-width: 100%;
}

.ListBoxItem .cardContent .voteBtn {
    bottom: 0;
    margin: 0 auto;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    background-color: #cccccc;
    color: var(--tab-active) !important;
    border-radius: 25px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.ListBoxItem .cardContent {
    padding: 15px;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
    background-color: #ffffff;
    text-align: center;
}

.ListBoxItem .c-card:checked+.cardContent .votedRibbon {
    display: block;
}

.votedRibbon {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
    display: none;
}

.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    -webkit-transform: rotate(-45deg);
    /* Rotated to match the left position */
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -35px;
    top: 8px;
    width: 120px;
    background: #134E5E;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #71B280, #134E5E);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #71B280, #134E5E);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.ribbon-green.ribbon-red {
    background: #000046;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1CB5E0, #000046);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #ffffff;
}

.cardContent .itemName {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    min-height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.cardContent .itemDesg {
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    margin: 5px 0;
    text-transform: capitalize;
}

.cardContent .get_voter_list {
    display: block;
}

/* Rewards And Recognition Voting page New Design End */

/* Training and development page start */
.que_list_box_content .bullet {
    margin-top: 10px;
}

/* Training and development page end */


/* Help Popup New Design Starts */

.helpPopup {
    background-color: #ffffff;
    width: 40%;
    height: 100vh;
    position: fixed;
    right: -40%;
    top: 55px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    box-shadow: -25px 0px 20px -20px rgba(0, 0, 0, 0.10);
    z-index: 9999;
}

.helpPopup.open {
    right: 0 !important;
}

.helpPopup-click {
    color: #00a0c6;
    cursor: pointer;
}

.helpPopup-click .helpIcon {
    animation: anim-vibrate 2s infinite;
    border-radius: 50%;
}

.helpPopup-click .helpIcon svg {
    margin-top: -2px;
}

@keyframes anim-vibrate {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.helpPopup-click.helpPopup-close i {
    cursor: pointer;
    padding: 5px;
}

.helpPopup-click.helpPopup-close:hover i {
    color: #fff;
}

.helpPopup .helpPopup-head {
    /* background-color: var(--new-blue-color); */
    background-color: #404152;
    padding: 25px 50px;
}

.helpPopup .helpPopup-head .helpPopup-title {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.helpPopup .helpPopup-head .helpPopup-title h3 {
    color: #ffffff;
    font-size: 18px;
}

.helpPopup .helpPopup-head .helpPopup-title p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    margin: 5px 0 0;
}

.helpPopup .helpPopup-head .search-section {
    position: relative;
    z-index: 11;
}

.helpPopup .helpPopup-head .search-section .form-group {
    position: relative;
    margin: 20px auto -45px;
    border-radius: 10px;
}

.helpPopup .helpPopup-head .search-section .form-group .search-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.helpPopup .helpPopup-head .search-section .form-group .form-control {
    font-size: 16px;
    padding: 10px 50px 10px 15px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}

/* .helpPopup-content {
    padding: 25px 45px 40px;
    margin-top: 10px;
    height: calc(100vh - 170px);
    overflow-y: scroll;
    padding-bottom: 56px;
} */
#helpPageContent {
    height: 100%;
}

.helpPopup-content {
    padding: 25px 45px 20px;
    margin-top: 10px;
    overflow-y: auto;
    max-height: calc(100vh - 230px);
    height: 100%;
}

.helpPopup-content.no_data_question {
    display: flex;
    justify-content: center;
    align-items: center;
}

.helpPopup-content .searchedText, .helpPage_searchAppearBox .searchedText {
    background-color: var(--theme-color-light);
    padding: 0 2px;
}

.helpPopup-content .searchedList .listTitle {
    line-height: 125%;
    font-weight: 600;
    font-size: 1.2rem;
    /* Change by Dhruv */
}

.searchQuestionsContainer .appendSearchedQuestions .searchedList .listTitle {
    line-height: 125%;
    font-weight: 600;
    font-size: 0.95rem;
}

@media(max-width:1366px) {
    .searchQuestionsContainer .appendSearchedQuestions .searchedList .listTitle {
        font-size: 0.85rem;
    }
}

.searchQuestionsContainer .appendSearchedQuestions .searchedList+.searchedList {
    margin-top: 7px;
    border-top: 1px solid #e4e6ef;
}

.searchedList {
    padding: 15px 10px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    display: block;
}

.searchedList:hover {
    background-color: #f2f2f2;
}

.helpPopup-content .searchedList p {
    font-size: 15px !important;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 160%;
}

.helpPopup-content .searchedList+.searchedList {
    padding-top: 20px;
    border-top: 1px solid #cccccc;
}

.helpPopup-content .contentTitle {
    font-size: 15px;
    padding: 0 10px;
    text-transform: uppercase;
    margin: 10px 0;
    position: relative;
    opacity: 0.50;
}

.helpPopup-content .contentTitle span {
    background-color: #ffffff;
    padding-right: 10px;
}

.helpPopup-content .contentTitle:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #000000;
    top: 10px;
    z-index: -1;
}

.helpPopup-content .topKeyWord {
    margin: 0 10px 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.helpPopup-content .topKeyWord li a {
    display: inline-block;
    background-color: var(--bg-light-primary);
    border-radius: 5px;
    padding: 5px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: var(--new-blue-color);
    font-weight: 700;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
}

.helpPopup-content .topKeyWord li a:hover {
    color: #000000;
}

@media(max-width:1366px) {
    .helpPopup-content .searchedList .listTitle {
        font-size: 15px;
    }

    .helpPopup-content .searchedList p {
        font-size: 13px;
    }
}

.helpPopup-content .detail-content .detailTitle {
    font-size: 1.25rem;
    color: var(--new-blue-color);
    margin-top: 0;
}

.helpPopup-content p {
    font-size: 15px !important;
    line-height: 160%;
}

.helpPopup-content ol li {
    font-size: 15px !important;
}

.helpPopup-content ul li {
    list-style: disc;
    padding: 5px;
    font-size: 15px !important;
}

.helpPopup-content .detail-content img {
    max-width: 500px;
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

@media(max-width:1366px) {
    .helpPopup-content .detail-content .detailTitle {
        font-size: 1.15rem;
    }

    .helpPopup-content p {
        font-size: 14px !important;
    }

    .helpPopup .helpPopup-head {
        background-color: #404152;
        padding: 25px;
    }
}

/* Help Popup New Design Ends */
.gcalScroll table tbody {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
}

.gcalScroll table thead, .gcalScroll table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.gmeettitle {
    text-decoration: line-through !important;
}

.gmeettitle:hover {
    text-decoration: line-through !important;
}

.gcalScroll table tbody {
    display: block;
    max-height: 210px;
    overflow-y: scroll;
}

/* meeting widget nxt prev button CSS 11-11-24 pranav end  */

/* Winner list page CSS Start  */

.award_details_filter {
    position: relative;
}

.award_details_filter h3 {
    font-weight: 700;
    letter-spacing: 0.75px;
    text-shadow: 2px 3px #bad4ff;
    color: #323452;
    font-size: 42px !important;
}

/* .award_details_filter .awards_winner_filter{
    position: absolute;
    right: 0;
    top: 0;
    min-width: 200px;
} */
.winner_list_main {
    padding: 15px 0;
}

.winner_list_main .top_3_winner .top_winner_card {
    padding: 50px 25px 25px;
    border-radius: 10px;
    position: relative;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.winners_rank {
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 56px;
    font-style: italic;
    color: #a5a5a5;
    font-weight: 600;
    opacity: 0.5;
}

.winner_list_main .top_3_winner .top_winner_card::before {
    content: '';
    position: absolute;
    height: 98px;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    background-image: linear-gradient(to left, #a8edea 0%, #fed6e3 120%);
    border: 3px solid #fff;
}


.winner_list_main .top_3_winner .top_winner_card .win_profile_data .win_img {
    width: 100px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.win_profile_data {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.winner_data {
    margin: 20px 0;
}

span.winner_name {
    font-size: 20px;
    font-weight: 600;
    color: #000f7c;
}

span.winner_designation {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.winners_data_analytics {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.counts_data_analytics {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cda_counts {
    color: #000F7C;
    font-size: 14px;
    font-weight: 600;
}

.cda_label {
    font-size: 12px;
    color: #8b8b8b;
    font-weight: 500;
}

.counts_data_analytics+.counts_data_analytics {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}

.rank_after_three .rank_numbers {
    font-size: 26px;
    font-style: italic;
    font-weight: 600;
    color: #000f7c;
}

.top_3_winner {
    padding-top: 50px;
    position: relative;
}

.top_3_winner::before {
    content: 'WINNERS';
    font-size: 100px;
    color: #dee6f3;
    position: absolute;
    left: 0;
    right: 0;
    top: -45px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 15px;
}

.top_winner_card .left_chev,
.top_winner_card .right_chev {
    position: absolute;
    fill: #dee6f3;
    opacity: 0.5;
}

.top_winner_card .left_chev {
    top: 18px;
    right: -200px;
    z-index: -1;
}

.top_winner_card .right_chev {
    top: 18px;
    left: -200px;
    z-index: -1;
}

.after_three_winners {
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
}

.after_three_winners .rank_after_three {
    padding-left: 15px;
}

.after_three_winners .rank_after_three_name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.share_winners_button {
    padding: 7px 15px;
    background-color: #323452;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    line-height: 100%;
    transition: 0.3s ease-in-out all;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.share_winners_button svg {
    fill: #fff;
    margin-left: 15px;
    transition: 0.3s ease-in-out all;
}

.share_winners_button:hover {
    background-color: #dee6f3;
    color: #323452;
    transition: 0.3s ease-in-out all;
}

.share_winners_button:hover svg {
    fill: #323452;
    transition: 0.3s ease-in-out all;
}



/* .responsive-table{
    max-height: 245px;
}
.responsive-table li {
    border-radius: 10px;
    padding: 15px 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
  .responsive-table .table-header {
    background-color: #e9e9e9;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 500;
  }
  .responsive-table .table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to left, #a8edea 0%, #fed6e3 120%);
  }
  .responsive-table .col-1 {
    flex-basis: 10%;
  }
  .responsive-table .col-2 {
    flex-basis: 40%;
  }
  .responsive-table .col-3 {
    flex-basis: 25%;
  }
  .responsive-table .col-4 {
    flex-basis: 25%;
  }
  @media all and (max-width: 767px) {
    .responsive-table .table-header {
      display: none;
    }
    .responsive-table li {
      display: block;
    }
    .responsive-table .col {
      flex-basis: 100%;
    }
    .responsive-table .col {
      display: flex;
      padding: 10px 0;
    }
    .responsive-table .col:before {
      color: #6C7A89;
      padding-right: 10px;
      content: attr(data-label);
      flex-basis: 50%;
      text-align: right;
    }
  } */

@media (min-width: 1399px) and (max-width: 1699px) {
    .winner_list_main .top_3_winner .top_winner_card {
        padding: 50px 15px 15px;
    }

    .winner_list_main .top_3_winner .cda_counts {
        font-size: 12px;
    }

    .winner_list_main .top_3_winner .cda_label {
        font-size: 10px;
    }

    .counts_data_analytics+.counts_data_analytics {
        margin-left: 7px;
        padding-left: 7px;
    }

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

@media (min-width:1400px) and (max-width: 1699px) {
    .winner_list_main .top_3_winner .col-xxl-2 {
        width: 21%;
    }
}

/* Winner list page CSS End  */

/* recruitment candidate details popup design changes pranav 28-11-24 Start */
.pd_div {
    width: calc(33% - 20px);
}

.min-width-135px {
    min-width: 135px !important;
}

.candi_other_details_tabbing .nav-line-tabs .nav-item .nav-link {
    border-bottom: 2px solid transparent;
    font-size: 12px !important;
}

.candi_other_details_tabbing .nav-line-tabs .nav-item .nav-link img {
    opacity: 0.35;
}

.candi_other_details_tabbing .nav-line-tabs .nav-item .nav-link.active img {
    opacity: 1;
}

.candi_other_details_tabbing .nav-line-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid var(--theme-color) !important;
}

.candi_details_uploaded_doc,
.candi_details_uploaded_resume {
    width: 100%;
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
}

.candi_details_uploaded_doc i,
.candi_details_uploaded_resume i {
    padding: 4px;
    border-radius: 5px;
    background-color: #d6d6d6;
    color: #505050 !important;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
}

.candi_details_uploaded_doc img.file-icon,
.candi_details_uploaded_resume img.file-icon {
    max-width: 25px;
}

.candi_details_uploaded_doc .candi_details_uploaded_doc_name,
.candi_details_uploaded_resume .candi_details_uploaded_doc_name {
    font-size: 12px;
    color: #000;
    display: inline-block;
    width: 65%;
    margin-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    color: #2b3a4a;
    text-overflow: ellipsis;
    opacity: 0.75;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.candi_details_uploaded_resume {
    box-shadow: none;
}

/* recruitment candidate details popup design changes pranav 28-11-24 End */
/* Payroll Sumary Design Changes - 22-11-2024 Start */
#summaryData .payment-chart table tbody tr:first-child td.ps_emply {
    text-align: left !important;
}

/* Payroll Sumary Design Changes - 22-11-2024 End */

/* Swal Alert popup Close Design Start */
.swal2-popup .swal2-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    padding-bottom: 3px;
}

.swal2-close:hover {
    color: var(--theme-color);
}

.swal2-close:focus {
    outline: none;
    box-shadow: none;
}

/* Swal Alert popup Close Design End */

/* Manage Workflow table Design Start*/
.manage_workflow .sb_content {
    padding: 15px;
    background-color: #f2f2f2;
}

.manage_workflow .action-btns .btn-icon i.icon-plus:before {
    color: var(--theme-color);
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
}

.manage_workflow .action-btns .btn-icon:hover i.icon-plus:before {
    color: #ffffff;
}

/* Manage Workflow table Design End*/
.view_upload_immi_btn.action-btns .btn-icon {
    width: auto !important;
    padding: 0 7px !important;
}

.ChangeAlertpopup {
    transform: scale(0);
    transition: 0.2s ease-in-out all;
    -webkit-transition: 0.2s ease-in-out all;
    -mos-transition: 0.2s ease-in-out all;
    -ms-transition: 0.2s ease-in-out all;
}

.ChangeAlertpopup.show {
    transform: scale(1);
}

.ChangeAlertpopup .alertIcon {
    display: inline-block;
    padding: 8px;
    border: 2px solid #ee404c;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
    margin-bottom: 25px;
    opacity: 0.85;
}

.ChangeAlertpopup .alertIcon img {
    width: 100%;
}

/* Attendance page Design Changes CSS pranav 4-12-24 Start  */

.legd_details .legd_close,
.search_details .search_close {
    position: absolute;
    right: -10px;
    top: -10px;
}

.legd_details .legd_close i,
.search_details .search_close i {
    color: #cfd1da;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.legd_details .legd_close:hover i,
.search_details .search_close:hover i {
    color: #a1a5b7;
}

.legd_details .legd_close i,
.search_details .search_close i {
    font-size: 20px;
}



/* Attendance page Design Changes CSS pranav 4-12-24 End  */
.content_box.attendance_table .nav-tabs .nav-item .nav-link {
    position: relative;
}

.blink_bullet_attendance_tab {
    top: 19px !important;
    right: -10px !important;
}

.DTWO, .DTH {
    position: relative;
}

.DTWO td, .DTH td {
    background-color: #d2d2d2;
}

.actionCol a {
    display: flex;
    min-width: 28px;
    height: 28px;
    padding: 5px;
    color: var(--theme-color);
    background-color: var(--theme-color-light);
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.actionCol a+a {
    margin-left: 8px;
}

.actionCol a svg {
    height: 100%;
    fill: var(--theme-color);
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.actionCol a:hover {
    background-color: var(--theme-color);
    opacity: 0.85;
    color: var(--white);
}

.actionCol a:hover,
.actionCol a:hover svg {
    fill: var(--white);
    opacity: 0.85;
}

.customDateView {
    padding: 5px 10px;
    border: 1px dashed #cccccc;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.03) !important;
    position: relative;
}

.resetDate {
    display: none;
}

.customDateView .resetDate {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.customDateView .resetDate i {
    color: #cfd1da;
}

.customDateView .resetDate:hover i {
    color: #a1a5b7;
}

.shift_td {
    position: relative;
}

.shift_td .middle_shift_color,
.shift_td .regular_shift_color,
.shift_td .night_shift_color {
    height: 15px;
    width: 15px;
    border-radius: 5px;
}

.shift_td .middle_shift_color {
    background-color: #003366;
}

.shift_td .regular_shift_color {
    background-color: #0099db;
}

.shift_td .night_shift_color {
    background-color: #181c32;
}

.search_btn_employee {
    height: 35px;
    width: 35px;
    border-radius: 8px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    line-height: 100%;
    transition: 0.3s ease-in-out all;
}

.search_btn_employee svg g path {
    fill: #767676;
    transition: 0.3s ease-in-out all;
}

.search_btn_employee:hover {
    background-color: #f3f3f3;
    transition: 0.3s ease-in-out all;
}

.search_btn_employee:hover svg g path {
    fill: var(--theme-color);
    transition: 0.3s ease-in-out all;
}

.table.employee_roaster_table tbody tr:last-child td {
    border-bottom: 2px solid var(--bs-gray-200) !important;
}

.table.generatepattern_table tbody tr:last-child td {
    border-bottom: 1px solid var(--bs-gray-200) !important;
    height: 10px;
}

.table.employee_roaster_table .employee_roaster_table_date {
    height: 25px;
    width: 25px;
    background-color: var(--bs-gray-300);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3px 0;
    font-size: 12px;
}

.roaster_shift_table table td a.custom_shift_color {
    background-color: #e4e6ef;
}

/* Timesheet - Project task */
#timesheet_project_tasks_datatable .loggedHoursDetail, #timesheet_projects_datatable .loggedHoursDetail {
    color: var(--theme-color);
    cursor: pointer;
    background-color: var(--theme-color-light);
    width: fit-content;
    padding: 0px 6px;
    border-radius: 3px;
    font-weight: 500;
}

/* Timesheet - Project task */
@media (max-width: 1441px) {
    .helpPopup-content {
        padding: 25px 15px 20px;
    }
}

.currentImmigrationStatusBox .form-box-title {
    top: -14px;
}

/* .payment-chart .payroll_emp_listing.leave_balance_report_table th.ps_emply{
    min-width: 175px !important;
    width: 175px !important;
    max-width: 175px !important;
}*/
.payment-chart .payroll_emp_listing.leave_balance_report_table tbody tr:first-child td:first-child {
    text-align: left !important;
}

.payment-chart .payroll_emp_listing.leave_balance_report_table th.ps_emply {
    text-align: left !important;
    padding-left: 10px !important;
}

.payment-chart .payroll_emp_listing.leave_balance_report_table th.ps_emply_2 {
    min-width: 150px;
    position: sticky;
    left: 295px;
    z-index: 11;
}

.payment-chart .payroll_emp_listing.leave_balance_report_table td.ps_emply_2 {
    position: sticky;
    left: 295px;
    z-index: 1;
}

@media (max-width: 1699px) {
    .payment-chart .payroll_emp_listing.leave_balance_report_table th.ps_emply_2 {
        left: 296px;
    }

    .payment-chart .payroll_emp_listing.leave_balance_report_table td.ps_emply_2 {
        left: 296px;
    }
}

.polls_next_prev_btn {
    height: 30px !important;
    width: 30px !important;
    opacity: 0.85;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 4px !important;
}

.polls_next_prev_btn i {
    font-size: 12px;
    display: flex;
}

.polls_next_prev_btn.prev_poll {
    border-radius: 30px 0 0 30px !important;
}

.polls_next_prev_btn.next_poll {
    border-radius: 0 30px 30px 0 !important;
}

/* Help Page/Popup */
.helpPage_searchAppearBox {
    position: absolute;
    width: 100%;
    background: white;
    padding: 11px 15px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    max-height: calc(100vh - 280px);
    overflow: auto;
}

.faq-sort-description {
    max-height: 72px;
    overflow: hidden;
}

.helpPage_searchAppearBox .popularSearchQuestionsContainer .appendSearchedQuestions,
.helpPage_searchAppearBox .searchQuestionsContainer .appendSearchedQuestions {
    overflow-y: auto;
    max-height: 300px;
}

.helpPage_searchAppearBox .helpQuestions {
    font-size: 14px;
}

body.help_popup_open_body {
    overflow: hidden;
}

body.help_popup_open_body::before {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 30%);
    z-index: 9999;
}

#helpPageContent .helpPage_loader_questions, #helpPageContent .helpPage_question_inner_loader {
    height: calc(100vh - 195px);
    z-index: 10;
}

.appendRecentKeyword .recent_search_list {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}

.appendRecentKeyword .recent_search_list+.recent_search_list {
    margin-top: 10px !important;
}

.appendSearchedQuestions .searchedList {
    width: 100%;
}

.total_logged_hours {
    border-top: 2px solid #eee !important;
}

/* recruitment mantis bugs css start prnav 13-12-2024 */
.dynamic_field_popup .form-check+.form-check {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
}

.dynamic_form_preview_popup .form-check+.form-check {
    margin-top: 5px;
    padding-top: 5px;
}

.dynamic_form_preview_popup .form-check {
    align-items: start;
}

.dynamic_form_preview_popup .form-check .form-check-input {
    margin-top: 1px;
}

/* recruitment mantis bugs css end prnav 13-12-2024  */

#candidates table tbody,
#experiences table tbody,
#qualifications table tbody,
#additional-info table tbody,
#attachments table tbody {
    display: block;
    max-height: 400px;
    overflow-y: auto;
}

#candidates table thead,
#candidates table tbody tr,
#experiences table thead,
#experiences table tbody tr,
#qualifications table thead,
#qualifications table tbody tr,
#additional-info table thead,
#additional-info table tbody tr,
#attachments table thead,
#attachments table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#get_employee_salary_report .excelSheetreportView table thead th {
    padding: 10px 5px !important;
    background-color: var(--tab-active);
    color: #ffffff;
}

#get_employee_salary_report .excelSheetreportView .table td {
    padding: 7px 5px !important;
}

#get_employee_salary_report .excelSheetreportView .table tbody {
    display: block;
    max-height: 510px;
    overflow-y: scroll;
}

#get_employee_salary_report .excelSheetreportView.pension_avc_report_view .table tbody {
     display: contents;
}

#get_employee_salary_report .excelSheetreportView.pension_avc_report_view{
    max-height: none;
}
#get_employee_salary_report .excelSheetreportView .table thead, #get_employee_salary_report .excelSheetreportView .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.dropdown-menu.punchesCountPopup.show {
    z-index: 9;
}

.payrollSummaryReportTable table tbody tr th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 250px;
}

.payrollSummaryReportTable table tbody tr:last-child {
    position: sticky;
    bottom: -1px;
    z-index: 9;
}

.payrollSummaryReportTable table tbody tr:last-child td {
    font-size: 16px;
    border-bottom: 1px solid #dddddd !important;
}

/* Fixed column -n Datatable Start */
/* #payperiod_table_wrapper .table.dataTable thead th.dtfc-fixed-right{
    padding-right: 10.75px !important;
} */
.dtfc-fixed-right:after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    transition: box-shadow 0.3s;
    content: "";
    pointer-events: none;
    left: 0;
    transform: translateX(-80%);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.10);
}

.dataTables_scrollBody::-webkit-scrollbar,
.taskData::-webkit-scrollbar,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: .3rem;
    height: .3rem;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0 !important;
    margin: 0 !important;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb,
.taskData::-webkit-scrollbar-thumb,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
    background-color: #2b3a4a;
    background-color: rgb(50 52 82);
}
/* #payperiod_table_wrapper .dataTables_scrollBody {
    max-height: calc(100vh - 490px) !important;
} */
/* Fixed column -n Datatable End */
#payperiod_table_wrapper .dataTables_scrollBody::-webkit-scrollbar {
    width: 0;
}

/* Fixed column -n Datatable End */
/* Common Class */


.modal .modal-body ul>.lstNone {
    list-style-type: none !important;
}

.dashboard_tabbing_main .nav-line-tabs .nav-item .nav-link {
    border-bottom-width: 2px;
}

.dashboard_tabbing_main .nav-line-tabs .nav-item img {
    opacity: 0.5;
}

.awards_winner_filter .form-select.form-select-solid {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    transition: color .2s ease, background-color .2s ease;
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
}

.awards_winner_filter .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.awards_winner_filter .form-select.form-select-solid+.select2-container--bootstrap5 .select2-selection {
    box-shadow: none !important;
}

.awards_winner_filter .dropdown.show>.form-select.form-select-solid,
.awards_winner_filter .form-select.form-select-solid.active,
.awards_winner_filter .form-select.form-select-solid.focus,
.awards_winner_filter .form-select.form-select-solid:active,
.awards_winner_filter .form-select.form-select-solid:focus {
    background-color: transparent;
    border-color: transparent !important;
    color: inherit;
    transition: color .2s ease, background-color .2s ease;
}

.awards_winner_filter .select2-container--bootstrap5.select2-container--focus .form-select-solid,
.awards_winner_filter .select2-container--bootstrap5.select2-container--open .form-select-solid {
    background-color: transparent;
}

.awards_winner_filter .form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.awards_winner_filter .form-select {
    padding: 0 30px 0 0 !important;
    height: 20px;
    background-color: #fff;
}

.awards_winner_filter .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder {
    color: #000;
}

.awards_winner_filter .select2-container .select2-selection--single .select2-selection__clear {
    display: none !important;
}

/* Sidepanel Design issues CSS prnv 24-12-24 Start */
.aside-menu .mob_menu_name {
    font-size: 14px;
    color: #818181;
    font-weight: 500;
    margin-left: 10px;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .mob_menu_name,
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .mob_menu_name {
    color: #000000;
}

@media (min-width:1200px) {
    .aside-menu .mob_menu_name, .mob_sidemenu {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
}

@media (max-width:1199px) {
    .aside-menu .menu .menu-item .menu-link {
        justify-content: flex-start;
        padding: 5px 10px !important;
    }

    .popover.sideMenuTooltip .popover-body {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .popover.sideMenuTooltip.bs-popover-end>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before {
        border-right-color: transparent !important;
    }

    .menuPopup .modal-dialog {
        left: 250px;
    }

}

/* Sidepanel Design issues CSS prnv 24-12-24 End */


/* MultiShifts Page CSS Pranav 26-12-2024 Start  */

.multiShift_grid .multishift_header,
.multiShift_grid .multishift_body .multishift_body_row {
    display: flex;
}

.multiShift_grid .multishift_header .multishift_header_items {
    overflow: hidden;
}

.multiShift_grid .multishift_header .multishift_header_items,
.multiShift_grid .multishift_body .multishift_body_items {
    padding: 5px;
    min-width: 175px;
    width: 100%;
    border: 1px solid #f2f2f2;
    border-collapse: collapse;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    /* overflow: hidden; */
}

.multiShift_grid .multishift_header .multishift_header_items span.mhi_day_date {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 500;
}

.multiShift_grid .multishift_header .multishift_header_items.today_header_items span.mhi_day_date {
    background-color: var(--theme-color-light);
    padding: 5px 10px;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.multiShift_grid .multishift_header .multishift_header_items.header_items_name, .multiShift_grid .multishift_body .multishift_body_items.body_items_name {
    min-width: 250px;
    align-items: flex-start;
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 9;
    width: 100%;
}

.multiShift_grid .multishift_header .multishift_header_items.header_items_name .form-group {
    position: relative;
}

.multiShift_grid .multishift_header .multishift_header_items.header_items_name .form-group a.search-icon {
    position: absolute;
    right: 10px;
    top: 7px;
}

.shift_info_box {
    background-color: #ffffff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    cursor: grab;
    display: flex;
    justify-content: space-between;
}

/* .shift_info_box.published_shift_info{
    background-color: #B57D9A;
} */

.multishift_body_items .shift_info_box+.shift_info_box {
    margin-top: 7px;
}

.shift_info_box span {
    font-size: 10px;
    color: #000;
    font-weight: 500;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.shift_info_box.published_shift_info span {
    color: #ffffff;
    font-size: 10px;
    line-height: 125%;
}

.shift_info_box small {
    font-size: 10px;
}

.multishift_header_items.today_header_items,
.multishift_body_items.today_body_items {
    background-color: #e9e9e9;
}

.multishift_body_items .add_shift_box {
    position: absolute;
    height: 0px;
    width: 0px;
    top: -2px;
    right: -2px;
    background-color: #8f8f8f;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-in-out all;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 0 0 0 5px;
}

.multishift_body_items .add_shift_box:hover {
    opacity: 1;
    background-color: #323452;
}

.multishift_body_items .add_shift_box a i {
    font-size: 0;
    display: none;
    transition: 0.4s ease-in-out all;
}

.multishift_body_items .add_shift_box a {
    height: 0px;
    width: 0px;
    display: none;
    transition: 0.4s ease-in-out all;
}

.multishift_body_items:hover .add_shift_box,
.multishift_body_items.selectShiftBox .add_shift_box {
    height: 20px;
    width: 20px;
    top: 0;
    right: 0;
}

.multishift_body_items:hover .add_shift_box a,
.multishift_body_items.selectShiftBox .add_shift_box a {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in-out all;
}

.multishift_body_items:hover .add_shift_box a i,
.multishift_body_items.selectShiftBox .add_shift_box a i {
    font-size: 0.80rem;
    display: block;
    transition: 0.4s ease-in-out all;
}

.multishift_body_items .shift_wrap {
    width: 100%;
    padding: 5px;
    max-height: 175px;
}

.multishift_responsive {
    max-height: calc(100vh - 230px);
    padding-right: 6px;
}

.multishift_responsive .multiShift_grid {
    display: inline-block;
    min-width: 100%;
    width: max-content;
}

.multiShift_grid .multishift_header {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 99;
}

.multishift_filters_toggle {
    background-color: var(--theme-color-light);
    height: 30px;
    display: block;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.multishift_filters_toggle svg {
    fill: var(--theme-color);
}

.shift_info_box_delete {
    margin-left: 5px;
    cursor: pointer;
}

.shift_info_box_delete i {
    font-size: 14px;
    opacity: 0;
    transition: 0.3s ease-in-out all;
}

.shift_info_box .shift_info_box_delete i {
    color: #000000;
}

.shift_info_box.published_shift_info .shift_info_box_delete i {
    color: #ffffff;
}

.shift_info_box:hover .shift_info_box_delete i {
    opacity: 1;
}

section.multiShiftGenerate {
    overflow-x: hidden;
    position: relative;
}

.shifts_details_side_popup {
    position: absolute;
    width: 300px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: calc(100vh - 160px);
    top: 60px;
    border-radius: 10px;
    padding: 10px;
    right: -300px;
    z-index: 9999;
    transition: 0.4s ease-in-out all;
}

.shifts_details_side_popup.shift_details_expand {
    right: 0;
}

.shifts_details_side_popup .expand_shifts_button {
    display: flex;
    width: 100px;
    height: 30px;
    background-color: #ffffff;
    color: var(--theme-color);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -65px;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
    border-radius: 10px 10px 0px 0px;
    border: 2px solid var(--theme-color);
    border-bottom: 0;
    cursor: pointer;
    letter-spacing: 1px;
}

.popup_shift_details_main .popup_shift_details_box {
    background-color: #ffffff;
    border: 1px solid #B57D9A;
    border-left-width: 5px;
    width: 100%;
    padding: 10px 5px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    cursor: grab;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup_shift_details_main .popup_shift_details_box+.popup_shift_details_box {
    margin-top: 10px;
}

.popup_shift_details_main .popup_shift_details_box span {
    font-size: 13px;
    color: #000000;
}

.shifts_details_side_popup .popup_shift_details_main {
    max-height: calc(100vh - 350px);
}

.add_shift_side_popup {
    position: absolute;
    width: 550px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: calc(100vh - 80px);
    top: 0;
    border-radius: 10px;
    padding: 10px;
    right: 0;
    z-index: 9999;
    transition: 0.4s ease-in-out all;
}

/* .add_shift_side_popup.add_shift_popup_expand{
    right: 0;
} */
.select_shift_color_dropdown .selected_shift_color {
    height: 20px;
    width: 20px;
    background-color: #C8A4D6;
    border-radius: 100%;
}

.select_shift_color_dropdown .dropdown-toggle::after {
    content: none;
}

#shift_select .colors_of_shift {
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background-color: #C8A4D6;
    display: inline-block;
}

.add_shift_side_popup .add_shift_form #shiftMasterForm {
    height: calc(100vh - 160px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ot_enabled_options {
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 8px;
}

/* .generate_shift_pattern_side_popup {
    position: absolute;
    width: 1100px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: calc(100vh - 80px);
    top: 0;
    border-radius: 10px;
    padding: 10px;
    right: -1100px;
    z-index: 9999;
    transition: 0.6s ease-in-out all;
}
.generate_shift_pattern_side_popup.gsps_expand{
    right: 0;
} */
.generate_pattern_body .shifts_pattern_boxes{
    max-height: calc(100vh - 375px);
    overflow-y: auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 99;
}

.gener_pattern_shift_box {
    background-color: #ffffff;
    width: calc(100% / 7 - 10px);
    padding: 10px 5px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    cursor: grab;
    display: flex;
    margin: 0 5px 10px 5px;
}

.gener_pattern_shift_box span {
    font-size: 12px;
    color: #000000;
}
.shifts_pattern_table{
    margin-top: 10px;
}
.shifts_pattern_table .spt_header,
.shifts_pattern_table .spt_body .spt_body_row {
    display: flex;
}

.shifts_pattern_table .spt_header .spt_header_item,
.shifts_pattern_table .spt_body .spt_body_item {
    padding: 5px;
    width: 100%;
    border: 1px solid #f2f2f2;
    border-collapse: collapse;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    /* overflow: hidden; */
}

.shifts_pattern_table .spt_header .spt_header_item {
    background: #cfcfcf;
    font-weight: 600;
}

.shifts_pattern_table .spt_body .spt_body_item .gener_pattern_shift_box {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shifts_pattern_table .spt_body .spt_body_item .gener_pattern_shift_box+.gener_pattern_shift_box {
    margin-top: 7px;
}

.shifts_pattern_table .spt_body {
    max-height: calc(100vh - 530px);
}

/* .shifts_pattern_table .spt_body .spt_body_item .spt_body_item_wrap{
    max-height: 125px;
} */
.shifts_pattern_table .spt_body .spt_body_item .gener_pattern_shift_box span {
    font-size: 10px;
    line-height: 125%;
}

.generate_pattern_btn_div {
    position: absolute;
    width: 98%;
    bottom: 10px;
}

body.gsps_expand_layer,
body.add_shift_popup_expand_layer {
    overflow: hidden;
}

/* body.gsps_expand_layer::before,
body.add_shift_popup_expand_layer::before{
    content: '';
    position: fixed;
    z-index: 9999;
    background-color: rgb(0 0 0 / 80%);
    height: 100%;
    width: 100%;
} */
.overlap_shift_box {
    /* height: 25px;
    width: 25px;
    background-color: #f23f3f;
    display: flex;
    justify-content: end;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    top: -6px;
    left: -7px;
    padding: 0 10px 0 0;
    cursor: pointer; */
    height: 25px;
    width: 25px;
    background-color: #f23f3f;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 0 0 25px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 0 5px 9px;
    cursor: pointer;
}

.overlap_shift_box i {
    font-size: 12px;
    color: #ffffff;
}

.multishift_body_items.overlap_shift_warning::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    background-color: #f23f3f;
    left: 0;
    top: 0;
}

.multishift_body_items .overlap_shift_box {
    opacity: 0;
    visibility: hidden;
}

.multishift_body_items.overlap_shift_warning .overlap_shift_box {
    opacity: 1;
    visibility: visible;
}

#modalGeneratePatternShift .overlap_shift_box {
    height: 25px;
    width: 25px;
    background-color: #f23f3f;
    display: flex;
    justify-content: start;
    align-items: start;
    border-radius: 0 0 25px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 9px;
    cursor: pointer;
}

#modalGeneratePatternShift .overlap_shift_box span {
    position: relative;
    top: -3px;
}

#modalGeneratePatternShift .overlap_shift_box i {
    font-size: 12px;
    color: #ffffff;
}

#modalGeneratePatternShift .overlap_shift_warning::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    background-color: #f23f3f;
    left: 0;
    top: 0;
}

#modalGeneratePatternShift .overlap_shift_box {
    opacity: 0;
    visibility: hidden;
}

#modalGeneratePatternShift .overlap_shift_warning .overlap_shift_box {
    opacity: 1;
    visibility: visible;
}

/* MultiShifts Page CSS Pranav 30-12-2024 End  */

/* MultiShifts new changes CSS Pranav 08-01-2025 Start */

#select2-color_code-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#select2-color_code-results li {
    color: transparent !important;
    font-size: 5px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: inline-block;
    padding: 0;
    margin: 8px 10px;
}

ul#select2-color_code-results li:nth-child(1) {
    background-color: #b57d9a !important;
}

ul#select2-color_code-results li:nth-child(2) {
    background-color: #ff8fcd !important;
}

ul#select2-color_code-results li:nth-child(3) {
    background-color: #486836 !important;
}

ul#select2-color_code-results li:nth-child(4) {
    background-color: #7DA7B3 !important;
}

ul#select2-color_code-results li:nth-child(5) {
    background-color: #DC826A !important;
}

ul#select2-color_code-results li:nth-child(6) {
    background-color: #1B425F !important;
}

ul#select2-color_code-results li:nth-child(7) {
    background-color: #4E4258 !important;
}

ul#select2-color_code-results li:nth-child(8) {
    background-color: #73354C !important;
}

ul#select2-color_code-results li:nth-child(9) {
    background-color: #E1BB58 !important;
}

ul#select2-color_code-results li:nth-child(10) {
    background-color: #7DA396 !important;
}

.select_color_for_shift .color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}




/* MultiShifts new changes CSS Pranav 09-01-2025 End */
/* new design css  pranav 25-12-2024 start */

.header_help_popup, .header_search_ico, .header_extend_ico {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_help_popup:hover,
.header_search_ico:hover,
.header_extend_ico:hover {
    opacity: 1;
}

.header_help_popup .menu-icon {
    display: flex;
}

/* .header-fixed .header{
    height: 50px;
} */
.header_full_logo {
    max-width: 125px;
    position: absolute;
    left: -35px;
    top: -2px;
    height: 55px;
    display: flex;
    align-items: center;
}

.top-header-menu.fixed_header_menus img.header_intranet_img {
    max-width: 20px;
    filter: invert(100%);
}

.top-header-menu.fixed_header_menus {
    margin: 0 4px;
}

/* .top-header-menu.fixed_header_menus svg,
.top-header-menu.fixed_header_menus img{
    min-width: 20px !important;
    min-height: 20px;
} */
.top-header-menu.fixed_header_menus .roleSection_btn svg {
    min-width: 18px !important;
}

.header_full_logo img {
    max-width: 100%;
}

.modal .modal-body.search_popup_body ul li+li {
    margin-top: 0;
}

.modal .modal-body.search_popup_body ul li {
    list-style-type: none;
    margin-left: 0;
}

.modal .modal-body.search_popup_body {
    height: calc(100vh - 140px);
}

.custom_search_input input.form-control {
    font-size: 28px;
}

/* .header_intranet_img.w-15px{
    width: 17px !important;
} */
.modal.drawer {
    display: flex !important;
    pointer-events: none;
}

.modal.drawer * {
    pointer-events: none;
}

.modal.drawer .modal-dialog {
    margin: 0px;
    display: flex;
    flex: auto;
    transform: translate(25%, 0);
}

.modal.drawer .modal-dialog .modal-content {
    border: none;
    border-radius: 0px;
}

.modal.drawer .modal-dialog .modal-content .modal-body {
    overflow: auto;
}

.modal.drawer.show {
    pointer-events: auto;
}

.modal.drawer.show * {
    pointer-events: auto;
}

.modal.drawer.show .modal-dialog {
    transform: translate(0, 0);
}

.modal.drawer.right-align {
    flex-direction: row-reverse;
}

.modal.drawer.left-align:not(.show) .modal-dialog {
    transform: translate(-25%, 0);
}

.notification_sidebar {
    background-color: #ffffff;
    width: 500px;
    height: 100vh;
    position: fixed;
    right: -500px;
    top: 55px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    box-shadow: -25px 0px 20px -20px rgba(0, 0, 0, 0.10);
    z-index: 99999999;
}

.notification_sidebar.isOpen {
    right: 0 !important;
}

.notification_sidebar .noti_pop_header {
    /* background-color: #355889; */
    background-color: #404152;
}

.noti_pop_body .header_notification {
    max-height: calc(100vh - 200px);
}

.clear_noti_button {
    opacity: 1;
    color: var(--theme-color);
    font-weight: 600;
}

.clear_noti_button:hover {
    color: #2f2f2f;
}

.no-notifications_div {
    height: calc(100vh - 220px);
}

.header_search_modal_pop_close {
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 3px;
}

.header_search_pop_tab_content {
    max-height: calc(100% - 160px);
}

.notification_listing .noti_link {
    position: absolute;
    right: -20px;
    top: 18px;
    opacity: 0;
    transition: 0.4s ease-in-out all;
}

.noti_pop_search {
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;
}

.noti_pop_search .notif-search-icon {
    position: absolute;
    left: 8px;
    top: 6px;
    opacity: 0.25;
}

.companyDrawer.drawer {
    z-index: 9;
    top: 55px;
    height: 100%;
    box-shadow: -25px 0px 20px -20px rgba(0, 0, 0, 0.10);
}

.companyDrawer.drawer .card-header {
    background-color: #404152;
}

/* new design css pranav 26-12-2024 End */

a.collapseScreen {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    background-color: #404152;
    color: #ffffff;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a.collapseScreen svg path {
    fill: #ffffff;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
    font-size: 1rem;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__option {
    padding: .55rem 0.55rem;
    margin: 0px 20px 0 30px;
    font-size: 14px;
}

#set_pay_component_data .badge,
#payroll_pay_components_datatable .badge {
    min-width: auto !important;
    margin-left: 5px;
    font-size: 13px !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group {
    padding-top: 0;
    padding-bottom: 0;
}

li.select2-results__option.select2-results__option--group+li.select2-results__option.select2-results__option--group {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #eeeeee;
}

/* new header changes CSS prnv 31-12-2024 Start */

.header_notification_ic {
    position: relative;
}

.header_notification_ic .header_noti_count {
    position: absolute;
    font-size: 10px;
    background-color: #ffffff;
    height: 20px;
    width: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 600;
    top: -6px;
    padding: 2px;
    right: -7px;
}

body.header-fixed.toolbar-fixed.customFlexySidebar .wrapper {
    padding-top: 0;
}

body.header-fixed.toolbar-fixed.customFlexySidebar .aside.aside-dark.lightMenu .aside-logo {
    background-color: #ffffff;
}

body.customFlexySidebar[data-kt-aside-minimize="on"] .aside .aside-logo a {
    display: block !important;
}

.dashboard_tabbing_main .nav-line-tabs .nav-item .nav-link {
    border-bottom-width: 2px;
}

.dashboard_tabbing_main .nav-line-tabs .nav-item img {
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .header_full_logo {
        left: 65px;
        top: -1px;
    }

    [data-kt-aside-minimize="on"] .aside .aside-logo a {
        display: block;
    }
}

@media (max-width: 991px) {
    .menuPopup .modal-dialog {
        width: 450px;
    }
}

/* new header changes CSS prnv 31-12-2024 End */
#payroll_pay_components_datatable .badge_approved {
    min-width: auto;
}

#payroll_pay_components_datatable .badge {
    min-width: auto;
    padding: 6px;
    font-size: 11px !important;

}

.badge.badge-earning {
    background-color: #35bdaa1a !important;
    color: #35bdaa !important;
}

.badge.badge-deduction {
    background-color: #ffb7481a !important;
    color: #ffb748 !important;
}

.badge.badge-contribution {
    background-color: #2e8ef71a !important;
    color: #2e8ef7 !important;
}

.badge.badge-liability {
    background-color: #f842381a !important;
    color: #f84238 !important;
}

#employee_notification .notification_listing.unread_noti_list {
    background-color: #f2f2f2;
}

.dashboard_tabbing_main {
    margin-right: 45px;
}

.customFlexySidebar .dashboard_tabbing_main {
    margin-right: 55px;
}

.bg-new-header {
    background-color: #404152;
}

.custom_employee_company_access {
    border-color: #979797 !important;
}

.custom_employee_company_access.company_selected {
    border-color: var(--bs-primary) !important;
}

@media (max-width: 1199px) {
    body.customFlexySidebar .content {
        padding-top: 15px !important;
    }

    .helpPopup {
        width: 75%;
        right: -75%;
    }
}

#questionLists .no-content:after {
    width: max-content;
}

.winner_list_main .content_box.winners_list_wrap {
    min-height: calc(100vh - 190px);
}

@media (max-width: 1699px) {
    .listContainer .ListBoxItem {
        width: calc(19% - 10px);
        margin: 0 10px 20px 14px;
    }
}

@media (max-width: 1499px) {
    .listContainer .ListBoxItem {
        margin: 0 9px 20px 13px;
    }
}

@media (max-width: 1299px) {
    .listContainer .ListBoxItem {
        width: calc(24% - 11px);
    }
}

@media (max-width: 1199px) {
    .listContainer .ListBoxItem {
        width: calc(33% - 19px);
    }

    .header_expand_div {
        display: none;
    }
}

@media (max-width: 991px) {
    .listContainer .ListBoxItem {
        width: calc(50% - 22px);
    }
}

.form-input-points input[type=number]::-webkit-inner-spin-button,
.form-input-points input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}

.helpPopup.open .no-content:before {
    opacity: 0.5
}

/* .select2-container--bootstrap5 .select2-dropdown .select2-results__options.select2-results__options--nested {
    overflow: hidden;
} */
.assigned_component_table table tbody {
    display: block;
    max-height: 400px;
}

.assigned_component_table table thead, .assigned_component_table table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* LMS CSS pranav 6-2-25 Start */

/* Dashboard start  */
.lmsDashboard .lms_top_widget_card .lms_top_welcome_card {
    padding: 20px 20px 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #5c4edb, #796df6);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.lms_twc .lms_twc_date {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.lms_twc .lms_twc_welcome {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.lms_twc .lms_twc_content {
    color: #fff;
    font-size: 14px;
}

.lms_top_welcome_card .lms_twc_img img {
    max-width: 250px;
    filter: drop-shadow(2px 0px 55px #fff);
    opacity: 100%;
}

.lms_top_details_card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 3px 8px;
}

.title_count h3, .title_count span {
    font-size: 18px;
    color: #525252;
    font-weight: 500;
}

.lms_top_details_card .lms_top_card_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lms_top_details_card .lms_top_card_img div {
    height: 85px;
    width: 85px;
    background-color: #f4f6fc;
    border-radius: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.lms_top_card_rate_data .rate_data_title {
    font-size: 14px;
    color: #919aa3;
    font-weight: 500;
}

.lms_top_card_rate_data .ratio_data span {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500;
}

.lms_top_card_rate_data .ratio_data {
    border-radius: 5px;
    padding: 2px 10px;
    line-height: 100%;
}

.lms_top_card_rate_data .ratio_data.up_data {
    background-color: rgb(46 212 125 / 15%);
    border: 1px solid #31d47f;
}

.lms_top_card_rate_data .ratio_data.up_data span {
    color: #31d47f;
}

.lms_top_card_rate_data .ratio_data.down_data {
    background-color: #e74c3c1a;
    border: 1px solid #e74c3c;
}

.lms_top_card_rate_data .ratio_data.down_data span {
    color: #e74c3c;
}

.dwm_status_boxes {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dwm_status_boxes .monthly_record,
.dwm_status_boxes .weekly_record,
.dwm_status_boxes .daily_record {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 250px;
}

.dwm_status_boxes .dwm_boxes_title {
    font-size: 14px;
    color: #919aa3;
    font-weight: 500;
}

.dwm_status_boxes .dwm_boxes_count {
    font-size: 20px;
    color: #525252;
    font-weight: 500;
}

.dwm_status_boxes .dwm_box_up_down_rate {
    border-radius: 5px;
    padding: 2px 10px;
    line-height: 100%;
}

.dwm_status_boxes .dwm_box_up_down_rate span {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500;
}

.dwm_status_boxes .dwm_box_up_down_rate.up_rate {
    background-color: rgb(46 212 125 / 15%);
    border: 1px solid #31d47f;
}

.dwm_status_boxes .dwm_box_up_down_rate.up_rate span {
    color: #31d47f;
}

.dwm_status_boxes .dwm_box_up_down_rate.down_rate {
    background-color: #e74c3c1a;
    border: 1px solid #e74c3c;
}

.dwm_status_boxes .dwm_box_up_down_rate.down_rate span {
    color: #e74c3c;
}

/* Dashboard End  */

/* Add course Start  */
.content_box.create_course_left_side {
    height: calc(100% - 10px);
}

.add_course_field .name_img_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 150px 20px 100px;
    background-color: var(--theme-color-light);
    border-radius: 10px;
}

.upload_course_img {
    height: 200px;
    width: 300px;
    border: 2px dashed #919191;
    padding: 8px;
    border-radius: 6px;
    position: relative;
}

.name_img_box .course_name_cstm_input {
    font-size: 24px;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
    color: var(--text-dark);
    border-bottom: 2px solid #979797;
    font-weight: 600;
    margin-right: 25px;
}

.dropdown.show>.form-control.form-control-solid.course_name_cstm_input, .form-control.form-control-solid.course_name_cstm_input.active, .form-control.form-control-solid.course_name_cstm_input.focus, .form-control.form-control-solid.course_name_cstm_input:active, .form-control.form-control-solid.course_name_cstm_input:focus {
    background-color: transparent !important;
    color: #979797 !important;
    border-bottom-color: #979797;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.create_course_left_side .add_course_name_box {
    height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #404152;
}

.create_course_left_side .add_level_box {
    height: calc(100% - 80px);
    background-color: rgb(191 216 255 / 20%);
    padding: 15px;
}

.add_level_box.empty_level_list {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.25;
}

.create_course_left_side .save_add_level_btn {
    padding: 10px 0 0 0;
    text-align: center;
}

.course_img {
    overflow: hidden;
}

.course_img .image-input {
    height: 100%;
    width: 100%;
}

.course_img .image-input label {
    height: 100% !important;
    width: 100% !important;
    background-color: rgb(0 0 0 / 50%) !important;
    top: 0 !important;
    left: 0;
    position: absolute;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.50;
    transition: 0.3s ease-in-out all;
}

.course_img:hover .image-input label {
    opacity: 1;
}

.course_img .image-input label i {
    font-size: 22px;
    color: #000000;
}

.course_img .image-input label:hover i {
    color: #ffffff;
}

.course_img .upload_img_box {
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
}

.course_img.selected_course_img .image-input label {
    opacity: 0;
}

.course_img.selected_course_img:hover .image-input label {
    opacity: 1;
}

/* Add course End */

/* Add level Start*/

.create_level_form_main .add_content_video_boxes_main {
    display: flex;
    align-items: center;
    justify-content: start;
}

.create_level_form_main .add_content_video_boxes_main .add_content_video_box {
    display: flex;
    flex-direction: column;
    background-color: #f1f1f1;
    padding: 10px 10px;
    border-radius: 6px;
    width: 200px;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out all;
}

.create_level_form_main .add_content_video_boxes_main .add_content_video_box:hover {
    background-color: #ddd;
}

.create_level_form_main .add_content_video_boxes_main .add_content_video_box img {
    max-width: 25px;
    margin-bottom: 10px;
}

.create_level_form_main .add_content_video_boxes_main .add_content_video_box span {
    font-size: 14px;
}

.create_level_form_main .add_content_video_boxes_main .add_content_video_box+.add_content_video_box {
    margin-left: 20px;
}

.level_list_main .level_list_item {
    display: flex;
    align-items: center;
}

.level_list_main .level_list_item .level_number {
    background-color: #ffffff;
    min-width: 30px;
    display: block;
    line-height: 100%;
    margin-right: 10px;
    padding: 5px 0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.level_list_main .level_list_item .level_list_name {
    font-size: 14px;
}

.level_list_main .level_list_item+.level_list_item {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b3b3b3;
}

/* Add level End*/
/* LMS CSS pranav 6-2-25 End */

/* lms-course-listing-page CSS Start  */

.lms-course-listing-page .card {
    height: calc(100% - 25px);
    margin: 0 0 25px 0;
}

.lms-course-listing-page .card .card-body {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem;
    border: 1px solid #e6e6e8;
    border-radius: 14px;
}

.lms-course-listing-page .card .card-body .card-image-div {
    margin: 0 15px 0 0;
    background-color: #f1f0ee;
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    width: 200px;
    height: 150px;
}

.lms-course-listing-page .card.list-view .card-body .card-image-div {
    height: 170px;
}

.lms-course-listing-page .card .card-body .card-image-div .card-image {
    object-fit: fill;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.lms-course-listing-page .card .card-body .card-details .card-label {
    font-size: 14px;
    color: #76839a;
    line-height: 130%;
    font-weight: 600;
    display: block;
    letter-spacing: 0.5px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.lms-course-listing-page .card .card-body .card-details {
    width: calc(100% - 200px);
}

.lms-course-listing-page .card .card-body .card-details .card-details-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 130%;
    min-height: 45px;
}

.lms-course-listing-page .card .card-body .card-details .card-label i {
    font-size: 12px;
    color: #0d0c22;
    margin: 0 5px 0 0;
}

.lms-course-listing-page .card .card-body .card-details .card-progress-section .card-btn a {
    display: inline-flex;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 600;
    cursor: default;
}

/* Temp CSS S */
.lms-course-listing-page .card .card-body .card-details .card-progress-section .card-btn a:hover {
    background-color: var(--theme-color-light) !important;
    color: var(--theme-color) !important;
}

/* Temp CSS S */
.lms-course-listing-page .card .card-body .card-details .card-progress-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.lms-course-listing-page .card .card-body .card-details .card-progress-section .progress-part {
    width: 100%;
    padding: 0 20px 0 0;
}

.lms-course-listing-page .card .card-body .card-details .card-progress-section .card-btn {
    max-width: 95px;
}

.lms-course-listing-page .card .card-body .card-details .card-progress-section .progress-part .progress {
    height: 0.45rem;
}

.lms-course-listing-page .course-tag {
    margin: 0 0 10px 0;
}

.lms-course-listing-page .course-tag .tags {
    background-color: #2f2b3d14;
    color: #181c32;
    border-radius: 6px;
    padding: 3px 6px;
    margin: 0 0px 0 0;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
}

.lms-course-listing-page .card .card-body .certified-label {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 1;
}

.lms-course-listing-page .card .card-body .certified-label .card-label {
    background-color: #0d0c22;
    padding: 5px;
    border-radius: 6px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center
}

/* .lms-course-listing-page .card .card-body .certified-label svg{
    margin: 0 6px 0 0;
} */
.lms-course-listing-page .card.list-view .card-body .card-image-div .card-image {
    object-fit: cover;
    object-position: top;
}

.lms-course-listing-page .progress-container {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
}


.lms-course-listing-page .progress-indicator {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin: 0 5px 0 0;
    border-radius: 100%;
    overflow: auto;
}

.lms-course-listing-page .progress-circle {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
}

.lms-course-listing-page .circle-bg {
    fill: none;
    stroke: #e6e6e6;
    stroke-width: 6;
}

.lms-course-listing-page .circle {
    fill: none;
    stroke: #50cd89;
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke-dasharray 0.3s;
}

.lms-course-listing-page .progress-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.course_listing_accordions .accordion .accordion-item .accordion-button {
    font-size: 16px !important;
    font-weight: 500;
}

.course-tag .tags_div_main .tags+.tags {
    margin-left: 5px;
}

.end-5px {
    right: 5px !important;
}

.end-10px {
    right: 10px !important;
}

.end-15px {
    right: 15px !important;
}

@media(max-width:1024px) {
    .lms-course-listing-page .card .card-body .card-details .card-details-title {
        font-size: 16px;
    }
}

@media(max-width:991px) {
    .lms-course-listing-page .card .card-body .card-details .card-details-title {
        min-height: 40px;
    }

    .lms-course-listing-page .card {
        height: calc(100% - 15px);
        margin: 0 0 15px 0;
    }

    .lms-course-listing-page .card.list-view .card-body .card-image-div {
        height: 140px;
    }
}

/* lms-course-listing-page CSS End  */

/* lms-course-details-page CSS Start  */

.content_box.lms-course-details-page {
    padding: 0.75rem;
    border: none;
    background-color: transparent;
}

.lms-course-details-page .card {
    padding: 0.75rem 1.25rem;
    border: 1px solid #e6e6e8;
    border-radius: 11px
}

.lms-course-details-page .card .card-body {
    padding: 0;
}

.lms-course-details-page .card .card-image-div {
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.lms-course-details-page .card .card-image-div.position-relative .card-image {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    vertical-align: middle;
    height: auto;
}

.lms-course-details-page .card-details .course-list .course-ul {
    margin: 0;
}

.lms-course-details-page .card-details-title {
    line-height: 135%;
}

.lms-course-details-page .card-details .course-list .course-ul li {
    list-style-type: disc;
    margin: 0 0 5px 0;
}

.lms-course-details-page .card-label i {
    font-size: 12px;
    color: #0d0c22;
    margin: 0 5px 0 0;
}

.lms-course-details-page .card-details .course-list .course-ul.no-ul-type li {
    list-style-type: none;
}

.lms-course-details-page .card-details .course-list .course-ul.no-ul-type {
    padding: 0 0 0 15px;
}

.lms-course-details-page .card .card-body.right-sidebar .nav .nav-link {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0px;
    margin: 0 0 0px 0;
    display: flex;
    align-items: flex-start;
    text-align: left;
}

.lms-course-details-page .card .card-body.right-sidebar .nav .nav-link.active {
    background-color: #323452;
    color: #ffffff;
}

.lms-course-details-page .course-description {
    color: #181c32;
    font-weight: 400;
    font-size: 0.875rem
}

.lms-course-details-page .course-ul li {
    list-style-type: disc;
    margin: 0 0 5px 0;
    color: #181c32;
    font-weight: 500;
    font-size: 14px;
}

.lms-course-details-page .av_list_bottom .attachment-link {
    width: 100%;
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
    border-radius: 10px;
}

.lms-course-details-page .attachment-link:hover {
    background-color: rgba(212, 212, 212, .15);
}

.lms-course-details-page .av_list_bottom .attachment-link i {
    padding: 4px;
    border-radius: 5px;
    background-color: #d6d6d6;
    color: #505050 !important;
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
    opacity: .5;
    transition: .3s ease-in-out all;
}

.lms-course-details-page .av_list_bottom .attachment-link img.file-icon {
    max-width: 25px;
}

.lms-course-details-page .file-icon {
    width: 50px;
    height: auto;
    transition: transform .3s ease;
}

.lms-course-details-page .av_list_bottom .attachment-link .attached_doc_name_for_apply_job {
    font-size: 12px;
    color: #000;
    display: inline-block;
    width: 65%;
    margin-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    color: #2b3a4a;
    text-overflow: ellipsis;
    opacity: .75;
    transition: .3s ease-in-out all;
    -webkit-transition: .3s ease-in-out all;
    -mos-transition: .3s ease-in-out all;
    -ms-transition: .3s ease-in-out all;
}

.lms-course-details-page .av_list_bottom li {
    display: inline-block;
    width: calc(33.33% - 15px);
    margin-right: 15px;
}

.lms-course-details-page .embed-responsive.embed-responsive-16by9 {
    aspect-ratio: 16 / 9;
}

.lms-course-details-page .embed-responsive iframe {
    border: 0;
    height: 100%;
    width: 100%;
}

.lms-course-details-page .lms-course-details-list .dropdown-toggle {
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0 0 0px 0;
    background-color: #323452;
    color: #ffffff;
}

.lms-course-details-page .lms-course-details-list .dropdown-toggle::after {
    content: '';
    color: #ffffff;
}

.lms-course-details-page .lms-course-details-list .dropdown-menu {
    width: 100%;
}

.lms-course-details-page .lms-course-details-list .dropdown-menu .dropdown-item:hover {
    background-color: #323452;
    color: #ffffff;
}

.lms-course-details-page .lms-course-details-list .dropdown-menu .dropdown-item.active {
    background-color: #323452;
    color: #ffffff;
}

.lms-course-details-page .card .card-body.right-sidebar .nav .nav-link .item-label {
    display: inline-flex;
    padding: 0 5px;
    background-color: #ffffff;
    color: #323452;
    border-radius: 4px;
    margin: 0 10px 0 0;
    font-size: 14px;
}

@media(max-width:1399px) {
    .w-30per {
        width: 50% !important;
    }

    .lms-course-details-page .card .card-body.right-sidebar .nav .nav-link {
        font-size: 12px;
    }
}

@media(max-width:1024px) {
    .lms-course-details-page .av_list_bottom li {
        width: 47%;
        margin-right: 10px;
    }

    .lms-course-details-page .course-ul li {
        font-size: 12px;
    }

    .lms-course-details-page .course-description {
        font-size: 0.675rem;
    }
}

/* lms-course-details-page CSS End  */
.dash_calander+.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
    border-radius: 0.475rem !important;
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px!important; */
    margin: 0 20px 0 0 !important;
    appearance: auto;
    -moz-appearance: auto;
    -webkit-appearance: auto;
}

.shift_details_btn_wrap {
    position: relative;
}

.shift_details_btn_wrap .action-btns {
    position: absolute;
    right: 5px;
    top: 12px;
}

.wrap_add_shift_form {
    max-height: calc(100vh - 205px);
}

.wrap_add_shift_form .flatpickr-calendar.static {
    right: auto;
    left: 0;
}

.modal.modal_right_drawer {
    z-index: 9999;
}

.modal_right_drawer .modal-dialog.add_shift_dialog {
    width: 550px;
}

.modal.modal_right_drawer.fade .modal-dialog.add_shift_dialog {
    transform: translate(100px, 0);
}

.modal.modal_right_drawer.show .modal-dialog.add_shift_dialog {
    transform: none;
}

.modal_right_drawer .modal-dialog.generate_pattern_dialog {
    width: 1150px;
}

.modal.modal_right_drawer.fade .modal-dialog.generate_pattern_dialog {
    transform: translate(100px, 0);
}

.modal.modal_right_drawer.show .modal-dialog.generate_pattern_dialog {
    transform: none;
}

.generate_pattern_body_wrap{
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

.modal.modal_right_drawer .modal-content.add_shift_modal_content .modal-header.right_drawer_modal_header,
.modal.modal_right_drawer .modal-content.generate_pattern_modal_content .modal-header.right_drawer_modal_header {
    box-shadow: none;
    border-radius: 10px 0 0 10px;
}

.modal.modal_right_drawer .modal-content.add_shift_modal_content,
.modal.modal_right_drawer .modal-content.generate_pattern_modal_content {
    border-radius: 10px 0 0 10px;
    height: calc(100vh - 55px);
    overflow: hidden;
}

.modal_right_drawer .modal-dialog.add_shift_dialog,
.modal_right_drawer .modal-dialog.generate_pattern_dialog {
    margin: 0 0 0 auto;
    min-height: 100vh;
    justify-content: end;

}

.modal_right_drawer .modal.select_employee {
    z-index: 999999;
}

#show_employee_list {
    z-index: 999999;
}

.search_btn_employee {
    height: 35px;
    width: 35px;
    border-radius: 8px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    line-height: 100%;
    transition: 0.3s ease-in-out all;
}

.search_btn_employee svg, .svgClassModule svg {
    fill: #dddddd;
}

.search_btn_employee:hover {
    background-color: #f3f3f3;
    transition: 0.3s ease-in-out all;
}

.search_btn_employee:hover svg {
    fill: var(--text-dark);
}

.search_btn_employee svg g path {
    fill: #767676;
    transition: 0.3s ease-in-out all;
}

.search_btn_employee:hover svg g path {
    fill: var(--theme-color);
    transition: 0.3s ease-in-out all;
}

.attendance_visuals_td span.shift_hours_line {
    height: 12px;
    display: inline-block;
    width: 2px;
    background-color: #d9d9d9;
}

.attendance_visuals_td span.shift_hours_line.shift_half_hours_line {
    height: 8px;
    background-color: #e4e4e4;
}

.attendance_visuals_td span.shift_hours_line+span.shift_hours_line {
    margin-left: 4px;
}

span.shift_hours_line.shift1_from,
span.shift_hours_line.shift1_to,
span.shift_hours_line.shift2_from,
span.shift_hours_line.shift2_to {
    position: relative;
}

span.shift_hours_line.shift1_from::after,
span.shift_hours_line.shift1_to::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--bs-danger);
    bottom: -10px;
    left: -4px;
}

span.shift_hours_line.shift2_from::after,
span.shift_hours_line.shift2_to::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--bs-warning);
    bottom: -10px;
    left: -4px;
}

.shift_table_multi_grp_btns label.btn {
    min-width: 65px;
}

button.btn.btn-sm.cstm_range_selector_btn {
    background-color: var(--theme-color-light);
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

button.btn.btn-sm.cstm_range_selector_btn i {
    margin-left: 4px;
    color: var(--theme-color);
}

button.btn.btn-sm.cstm_range_selector_btn:hover {
    background-color: var(--theme-color);
}

button.btn.btn-sm.cstm_range_selector_btn:hover i {
    color: #ffffff;
}

#generatePatternShiftBox .draggableShift {
    z-index: 99999 !important;
}

.add_edit_emp_list_acc .accordion-item {
    margin-top: 15px;
}

.employeeInnerPopup {
    max-width: 1150px;
    left: auto;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}


/* graduity CSS JD 08-01-2025 Start */
.graduity_sales_page .card .card-header {
    min-height: 40px;
}

/* graduity CSS JD 08-01-2025 End */
.btn.gratuity_summary_print svg path {
    fill: #fff;
}

.btn.gratuity_summary_print:hover svg path {
    fill: var(--theme-color);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
    margin: 0 10px 0 5px !important;
}

#generatePatternShiftBox .spt_body_item.shift-cell-gp {
    min-height: 55px;
}

.shifts_details_side_popup .shift_list.side_popup_shift_list_main {
    max-height: calc(100vh - 350px);
}

.spt_body_item .spt_body_item_wrap {
    /* max-height: calc(100vh - 380px); */
}

ul#select2-color_code-results li.select2-results__option.select2-results__option--selected span {
    position: relative;
}

ul#select2-color_code-results li.select2-results__option.select2-results__option--selected span::after {
    content: '\f00c';
    position: absolute;
    top: 4px;
    left: 9px;
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.multiShiftGenerate .shift_details_expand.startDragging {
    /* right: -300px; */
    overflow: visible;
    visibility: hidden;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options.select2-results__options--nested {
    overflow: visible;
    max-height: max-content;
}

.lock_emoji {
    height: 75px;
    width: 75px;
    border-radius: 100%;
    background-color: #d9214e26;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_alert_img svg {
    filter: drop-shadow(4px 4px 1px rgba(0, 0, 0, 0.15));
}

.login_alert_text {
    font-size: 24px;
    font-weight: 500;
    color: #e75353;
    margin-bottom: 15px;
    margin: 10px auto 10px;
    font-weight: 700;
}

#pass_expiry_popup .login_alert_text {
    color: #0a7ac3;
}


/* Employe List Active/inactive lable S */
.hr_status_active {
    border: 2px solid #019a01;
    padding: 2px;
}

.hr_status_active img,
.hr_status_inactive img {
    border-radius: 50%;
}

.hr_status_inactive {
    border: 2px solid #ff5656;
    padding: 2px;
}

/* Employe List Active/inactive lable E */

/* Employee info Design bugs S  */
.select2-container--bootstrap5.select2-container--focus .form-select-solid {}

@media (max-width: 1199px) {
    .empl-detail-tabs .title+.title {
        margin-left: 8px;
        padding-left: 8px;
    }

    .empl-detail-tabs .title {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .empl-detail-tabs .title {
        font-size: 10px;
    }
}

/* Employee info Design bugs E  */

/* multishift changes after development CSS prnv 22-01-2025 Start */

.multiShift_grid .multishift_header .multishift_header_items {
    background-color: #ffffff;
}

.shift_details_expand.startDragging .popup_shift_details_box.ui-draggable-dragging {
    opacity: 1;
    /* z-index: 99999; */
    position: relative;
    visibility: visible !important;
    right: 0 !important;
}

.shift_info_box.ui-draggable-dragging {
    z-index: 99999;
    position: relative;
}

.form-control.form-control-solid.employee_shift_search {
    padding-right: 35px;
}

.no-results-message {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-results-message span {
    background-color: rgba(249, 249, 249, 0.5);
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 9%), 0 6px 6px rgb(0 0 0 / 3%) !important;
    color: var(--theme-color);
    font-size: 16px;
}

.shifts_details_side_popup.startDragging .shift_list.scroll-y,
.shifts_details_side_popup.startDragging .popup_shift_details_main {
    overflow-x: visible;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered#select2-color_code-container {
    line-height: 100%;
}

.multiShift_grid.employeeShiftStartDragging {
    overflow: hidden;
}

/* multishift changes after development CSS prnv 22-01-2025 End */

.loader-spin.loader-main-multi-shift {
    z-index: 999;
}

/* multishift changes after development CSS JD 27-01-2025 Start */

.Sticky_Attendance_Table #attendance_table .table tr td span.getPunchInfo {
    cursor: pointer;
    transition: 0.25s ease-in-out all;
    border: 1px solid var(--text-light-gray);
    min-width: 82px;
    /* margin-left: -0.85rem; */
    display: inline-block;
    padding: 0.35em 0.75em;
    font-size: 0.85rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
}

.Sticky_Attendance_Table #attendance_table tr td span.getPunchInfo:hover {
    background-color: #eeeeee;
    border-color: transparent;
}

.attendance_visuals_td span.shift_hours_line {
    position: relative;
}

/* .attendance_visuals_td span.shift_hours_line::before{
    content: '';
    position: absolute;
    height: 6px;
    display: inline-block;
    width: 2px;
    background-color: #d9d9d9;
    top: 0;
    left: 0;
    z-index: 0;
} */
/* multishift changes after development CSS JD 27-01-2025 End */

.shift_hours_line .time-indicator {
    position: absolute;
    top: -22px;
    font-size: 9px;
    font-weight: 600;
    left: -9px;
    color: #5981c1;
    width: 20px;
    line-height: 105%;
}

.shift_hours_line.active,
.shift_half_hours_line.active {
    background-color: var(--theme-color) !important;
}

.accordion.add_edit_emp_list_acc .accordion .accordion-button::after {
    top: 14px;
}

.accordion.add_edit_emp_list_acc .accordion .accordion-button[aria-expanded="true"]::after {
    top: 12px;
}

/* Employee info Design bugs E  */

/* Menu Sidebar switch CSS S */
/* .switch_for_menu .primary--button::after {
    content: "";
    background-image: url("../images/check-tog.png");
    min-height: 21px;
    width: 21px;
    display: block;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-color: #cfcfcf;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    transition: transform 1s;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
} */
.switch_for_menu .primary--button::after {
    content: "";
    /* background-image: url("../images/grip-lines-2.png"); */
    min-height: 21px;
    width: 21px;
    display: block;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-color: #cfcfcf;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    transition: transform 1s;
    /* background-position: center;
    background-size: 14px;
    background-repeat: no-repeat; */
}

.switch_for_menu .turn-on .primary--button::after {
    content: "";
    min-height: 21px;
    width: 21px;
    display: block;
    border-radius: 3px;
    background-color: #cfcfcf;
    position: absolute;
    top: 50%;
    transform: translate(21px, -50%) rotate(90deg);
    transition: transform 1s;
}

/* .switch_for_menu{
    display: flex;
    flex-direction: column;
    align-items: center;
} */
.switch_for_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: rgba(var(--theme-color-rgb), 0.15); */
    background-color: #ffffff;
    padding: 5px 0;
    border-top: 2px solid #dddddd;

}

.switch_for_menu span.seitch_menu_title {
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    color: #000000;
}

/* .switch_for_menu .button-inner-wrapper{
    transform: rotate(-90deg);
    display: flex;
    margin: 15px 0;
} */
.switch_for_menu .primary--button {
    width: 50px;
    min-height: 30px;
    border: none;
    background-color: transparent;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 0px 0px 0px 2px;
    border: 2px solid #c9c9c9;
}

button:focus-visible {
    outline: none;
}

@media (max-width: 1199px) {
    .switch_for_menu {
        flex-direction: row;
        padding: 15px 10px;
        justify-content: space-evenly;
    }

    /* .switch_for_menu .button-inner-wrapper {
        transform: rotate(-180deg);
        display: flex;
        margin: 0px 0;
    } */
    .switch_for_menu span.seitch_menu_title {
        font-size: 12px;
    }
}

/* Menu Sidebar switch CSS E */

.weekoff_holiday_row {
    position: relative;
}

.weekoffHolidayTd {
    position: absolute;
    top: 0;
    background-color: rgb(241 241 241 / 75%);
    width: calc(100% - 365px);
    height: 100%;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: start;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 auto;
    left: 0;
    padding: 0 0 0 15%;
}

.emply_detail_sec .employee_details .att_ot_summary_data+.att_ot_summary_data {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #b5b5c3;
}

@media (max-width: 1699px) {
    .att_ot_summary_data {
        flex-direction: column !important;
        align-items: start !important;
    }

    .att_ot_summary_data .aosd_title {
        margin: 0 !important;
    }
}

@media (max-width: 991px) {
    .emply_detail_sec .employee_details .att_ot_summary_data+.att_ot_summary_data {
        padding-left: 7px;
        margin-left: 7px;
    }
}

#notifyEmployee.btn-light i {
    color: #ffffff;
}

#notifyEmployee.btn-light:hover i {
    color: #82869c;
}

.payment-chart table tbody tr.summary_report_data td.summary_details {
    text-align: left !important;
}

.payment-chart table tbody tr.summary_report_data td.summary_details_left {
    text-align: right !important;
}

/* Data Coming Soon Faq S*/
.dataComingSoonFaq dotlottie-player {
    position: relative;
    width: 150px !important;
    height: 150px !important;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgb(255 156 44 / 25%) !important;
}

/* Data Coming Soon Faq E*/

/* Color Pallate Dropdown S */
#select2-color_code_leave-results li span {
    position: relative;
}

#leavelabel .select2-results__option.select2-results__option--selected span::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 9px;
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

#select2-color_code_leave-results {
    display: flex;
    flex-wrap: wrap;
}

#select2-color_code_leave-results li {
    color: transparent !important;
    font-size: 5px;
    border-radius: 3px;
    height: 28px;
    width: 28px;
    display: inline-block;
    padding: 0;
    margin: 5px;
}

ul#select2-color_code_leave-results li:nth-child(1) {
    background-color: #1B425F !important;
}

ul#select2-color_code_leave-results li:nth-child(2) {
    background-color: #155348 !important;
}

ul#select2-color_code_leave-results li:nth-child(3) {
    background-color: #207476 !important;
}

ul#select2-color_code_leave-results li:nth-child(4) {
    background-color: #75B0B4 !important;
}

ul#select2-color_code_leave-results li:nth-child(5) {
    background-color: #96B3C1 !important;
}

ul#select2-color_code_leave-results li:nth-child(6) {
    background-color: #026876 !important;
}

ul#select2-color_code_leave-results li:nth-child(7) {
    background-color: #155152 !important;
}

ul#select2-color_code_leave-results li:nth-child(8) {
    background-color: #1B3663 !important;
}

ul#select2-color_code_leave-results li:nth-child(9) {
    background-color: #1e3664 !important;
}

ul#select2-color_code_leave-results li:nth-child(10) {
    background-color: #5F779D !important;
}

ul#select2-color_code_leave-results li:nth-child(11) {
    background-color: #AA9CBD !important;
}

ul#select2-color_code_leave-results li:nth-child(12) {
    background-color: #84788E !important;
}

ul#select2-color_code_leave-results li:nth-child(13) {
    background-color: #4E4258 !important;
}

ul#select2-color_code_leave-results li:nth-child(14) {
    background-color: #4b2b5c !important;
}

ul#select2-color_code_leave-results li:nth-child(15) {
    background-color: #664a73 !important;
}

ul#select2-color_code_leave-results li:nth-child(16) {
    background-color: #DC826A !important;
}

ul#select2-color_code_leave-results li:nth-child(17) {
    background-color: #E05073 !important;
}

ul#select2-color_code_leave-results li:nth-child(18) {
    background-color: #DF8E95 !important;
}

ul#select2-color_code_leave-results li:nth-child(19) {
    background-color: #E386B3 !important;
}

ul#select2-color_code_leave-results li:nth-child(20) {
    background-color: #CCA0AF !important;
}

ul#select2-color_code_leave-results li:nth-child(21) {
    background-color: #A5647C !important;
}

ul#select2-color_code_leave-results li:nth-child(22) {
    background-color: #73354C !important;
}

ul#select2-color_code_leave-results li:nth-child(23) {
    background-color: #612453 !important;
}

ul#select2-color_code_leave-results li:nth-child(24) {
    background-color: #84506d !important;
}

ul#select2-color_code_leave-results li:nth-child(25) {
    background-color: #AB5554 !important;
}

ul#select2-color_code_leave-results li:nth-child(26) {
    background-color: #E7C379 !important;
}

ul#select2-color_code_leave-results li:nth-child(27) {
    background-color: #6C462F !important;
}

ul#select2-color_code_leave-results li:nth-child(28) {
    background-color: #5B8867 !important;
}

ul#select2-color_code_leave-results li:nth-child(29) {
    background-color: #7EA495 !important;
}

ul#select2-color_code_leave-results li:nth-child(30) {
    background-color: #91A78B !important;
}


.select_color_for_leave .color-box {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 3px;
}

#leavelabel .select2-dropdown.select2-dropdown--below {
    width: 200px !important;
}

/* Color Pallate Dropdown E */
@media(max-width:1366px) {
    /* .employee_details .gap{
        flex-direction: column;
        justify-content: center;
    } */
}

@media (max-width: 991px) {
    .attendance_page .attendance_table .nav-tabs .nav-item .nav-link {
        /* padding: 0.5rem 0.3rem;
        font-size: 12px !important;
        margin: 0 0.3rem; */
    }

    .attendance_page .title_links {
        flex-wrap: wrap;
    }

    .employee_details .gap .fs-9 {
        font-size: 0.70rem !important;
    }
}

.gratuity_distribution_table.table thead tr th:first-child, .gratuity_distribution_table.table tbody tr td:first-child {
    width: 50%;
}

.gratuity_distribution_table.table thead tr th, .gratuity_distribution_table.table tbody tr td {
    width: 25%;
}

.gratuity_distribution_table.table thead tr th, .gratuity_distribution_table.table tbody tr td {
    width: 25%;
}

.gratuity_distribution_table.table td:first-child, .gratuity_distribution_table.table th:first-child {
    padding-left: 15px !important;
}


/* New Onboarding pages S */
@media(min-width:1200px) {
    .OnboardingContainer {
        /* max-width: 950px; */
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.contentInner::-webkit-scrollbar {
    width: 6px;
}

.contentInner::-webkit-scrollbar-track {
    border-radius: 10px;
}

.contentInner::-webkit-scrollbar-thumb {
    background: var(--new-blue-color);
    border-radius: 10px;
}

/* ========== REMOVE THIS CODE IN AFTER DEVELOPING - START ==========*/
.candidateOnboarding .aside-menu,
.candidateOnboarding .aside.aside-dark.lightMenu {
    display: none;
}

.candidateOnboarding .header_full_logo {
    left: 15px;
}

.candidateOnboarding.aside-enabled.aside-fixed[data-kt-aside-minimize=on] .wrapper {
    padding-left: 0;
}

.candidateOnboarding.aside-enabled.aside-fixed.header-fixed[data-kt-aside-minimize=on] .header {
    left: 0;
}

.candidateOnboarding .top-header-menu.fixed_header_menus {
    display: none;
}

.candidateOnboarding .header_expand_div,
.candidateOnboarding .helpPopup-click {
    display: none;
}

/* ========== REMOVE THIS CODE IN AFTER DEVELOPING - END ==========*/
.onBoardEmployeeListTable table thead td,
.onBoardEmployeeListTable table tbody td,
.onBoardEmployeeListTable table.dataTable thead td,
.onBoardEmployeeListTable table.dataTable tbody td {
    vertical-align: middle;
}

.candidateOnboardingForm .form-label {
    margin-bottom: 3px;
    font-size: 14px;
}

.candidateOnboardingForm .custom-file-label {
    font-size: inherit !important;
    display: inline;
    vertical-align: middle;
}

.candidateOnboardingForm .content_box,
.candidateOnboardingForm .card-footer {
    border-radius: 25px;
    box-shadow: var(--shadow-3d);
}

.candidateOnboardingForm .welcomeNote {
    position: relative;
    z-index: 1;
}

.candidateOnboardingForm .welcomeNoteInner {
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.candidateOnboardingForm .content_box {
    min-height: calc(100vh - 320px);
    padding: 20px;
}

.candidateOnboardingForm .welcomeNoteInner ul li {
    font-size: 16px;
    ;
    word-break: break-word;
    list-style: none;
    margin-left: 0;
}

.candidateOnboardingForm .welcomeNoteInner ul li+li {
    margin: 0 0 0 10px;
}

.candidateOnboardingForm .welcomeNoteInner .wcTitle {
    /* font-size: 3.645vw; */
    font-size: 2.75vw;
    line-height: 110%;
    margin-bottom: 20px;
    font-weight: 800;
    /* padding-left: 5px; */
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left top, right top, from(#09f1b8), color-stop(#00a2ff), color-stop(#ff00d2), to(#fed90f));
    background-image: -o-linear-gradient(left, #09f1b8, #00a2ff, #ff00d2, #fed90f);
    background-image: white;
    color: rgb(0 78 121 / 100%);
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 0.25px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.candidateOnboardingForm .contactPerson .contactPersonEmail i {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
}

.candidateOnboardingForm .contactPerson .symbol {
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

/* .candidateOnboardingForm .noteDetails{
    max-width: 80%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 25px;
    border-radius: 25px;
    box-shadow: var(--shadow-3d);
} */
.candidateOnboardingForm .noteDetails {
    min-width: 300px;
    max-width: 300px;
    /* margin: 0 0 0 30px; */
    background-color: #ffffff;
    padding: 25px;
    border-radius: 25px;
    /* box-shadow: var(--shadow-3d); */
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.candidateOnboardingForm .form-control {
    border-radius: 10px;
    height: 45px;
}

.candidateOnboardingForm .form-select.form-select-solid+.select2-container--bootstrap5 .select2-selection {
    border-radius: 10px;
    height: 45px;
    box-shadow: none !important;
    border: 1px solid var(--bs-gray-300);
}

.candidateOnboardingForm .contentInner {
    /* max-height: calc(100vh - 320px); */
    height: calc(100vh - 320px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.candidateOnboardingForm .contactPerson {
    padding: 20px;
    border-radius: 25px;
    border: 1px solid #e6e6e6;
    /* display: flex; */
    text-align: center;
}
.contactPerson.noteDetails .ob_contact_person_details{
    border: 1px solid #eef2fb;
}
.contactPerson.noteDetails ul{

    /* background-color: #f8f8f8;
    box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px; */
    margin-bottom: 20px;
    text-align: left;
}

.contactPerson.noteDetails ul li {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    align-items: start;
}

.contactPerson.noteDetails ul li b {
    width: 100px;
}

.contactPerson.noteDetails p {
    font-size: 14px;
    text-align: left;
    margin: 15px 0;
}

@media(max-width:1366px) {
    .candidateOnboardingForm .content_box {
        padding: 20px 35px;
    }
}

@media(max-width:1024px) {
    .OnboardingContainer {
        max-width: 80%;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .welcomeNoteInner p {
        font-size: 13px;
    }
}

@media(max-width:991px) {
    .OnboardingContainer {
        max-width: 95%;
    }

    .candidateOnboardingForm .noteDetails {
        max-width: 250px;
        min-width: 250px;
    }

    .candidateOnboardingForm .welcomeNoteInner .wcTitle {
        font-size: 48px;
    }

    .candidateOnboardingForm .content_box {
        max-height: 550px;
        min-height: auto;
    }
}

/* New Onboarding pages E */

/* =========== New Admin Dashboard HTML S ===========*/
.adminDashboard_page .card {
    margin-bottom: 30px;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    border-radius: 17px;
    -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
    height: calc(100% - 30px);
}

.adminDashboard_page .metrics-box-row .metrics-box {
    border-top: 5px solid transparent;
}

.adminDashboard_page .card.boxClickable {
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -mos-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    cursor: pointer;
}

.adminDashboard_page .card.boxClickable:hover {
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 9px 20px rgb(179 179 179 / 50%), rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    box-shadow: 0px 9px 20px rgb(179 179 179 / 50%), rgb(152 152 152 / 15%) 0px -2px 6px 0px inset;
    background-color: #fcfcfc;
    border-color: var(--theme-color);
}

.adminDashboard_page .card .card-body {
    padding: 20px;
}

.adminDashboard_page .cardTitle {
    font-size: 18px;
    margin-bottom: 5px;
}

.adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon {
    width: 65px;
    height: 65px;
}

.adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon svg {
    width: 35px;
}
.apexcharts-pie-series.legend-mouseover-inactive {
    opacity: 0.20 !important;
}
.legend-mouseover-inactive {
    transition: 0.15s ease all;
    opacity: 1 !important;
}

@media(min-width:1200px) {
    .adminDashboard_page .OneWidgets .newAdminChart {
        height: 418px !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .adminDashboard_page .OneWidgets .OneWidgetHeading {
        flex-direction: column-reverse;
        align-items: center;
        height: calc(100% - 120px);
    }
    .adminDashboard_page .OneWidgets .metricsBox_Count {
        text-align: center;
        padding: 25px 50px;
        margin-top: 5px;
        border-radius: 15px;
        background-color: rgb(255 255 255 / 100%);
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    }
    /* .adminDashboard_page .OneWidgets .metricsBox_Count {
        text-align: center;
        padding: 25px;
        margin-top: 25px;
        border-radius: 15px;
        background-color: #f8f8f8;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    } */
}


.adminDashboard_page .metrics-box-row .metrics-box .metricsBox_Count {
    font-size: 40px;
    font-weight: 600;
    color: #6e85b7;
}

.adminDashboard_page .metrics-box-row .metricsBox_icon {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
    background-color: #ffffff !important;
}
/* .adminDashboard_page .metrics-box-row .metrics-box .info .sub-title {
    font-size: 13px;
    color: #919aa3;
} */
/* .adminDashboard_page .metrics-box-row .metricsBox_icon svg{
    max-width: 55px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));
}
.adminDashboard_page .metrics-box-row .metricsBox_icon.activeEmpy {
    background-color: rgb(255 255 255 / 80%);
}
.adminDashboard_page .metrics-box-row .metricsBox_icon.activeEmpy {
    background-color: rgb(0 158 247 / 10%);
}

.adminDashboard_page .metrics-box-row .metricsBox_icon.attenInfo {
    background-color: rgb(255 112 81 / 10%);
}

.adminDashboard_page .metrics-box-row .metricsBox_icon.leaveInfo {
    background-color: rgb(255 199 0 / 10%);
}

.adminDashboard_page .metrics-box-row .metricsBox_icon.workedHr {
    background-color: rgb(80 205 137 / 10%)
}

.adminDashboard_page .employees_details_list_box .info {
    margin-top: 46px;
}

.adminDashboard_page .employees_details_list_box .info .sub-title {
    font-size: 13px;
    color: #919aa3;
} */

.adminDashboard_page .metrics-box-row .up-badge,
.adminDashboard_page .metrics-box-row .down-badge {
    padding: 1px 5px 1px 22.84px;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    font-size: 14px;
}

.adminDashboard_page .metrics-box-row .up-badge {
    background: #2ed47e1a;
    color: #50cd89;
}

.adminDashboard_page .metrics-box-row .down-badge {
    background: #e74c3c1a;
    color: #e74c3c;
}

.adminDashboard_page .metrics-box-row .up-badge svg,
.adminDashboard_page .metrics-box-row .down-badge svg {
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));
    opacity: 0.75;
    position: absolute;
    top: 6px;
    left: 6px;
}

.adminDashboard_page .employees_details_list_box .cardTitle.graphBox {
    margin-bottom: 25px;
}

.adminDashboard_page .newAdminChart {
    min-height: 325px !important;
}
.adminDashboard_page #departmentChart{
    /* min-height: 260px !important; */
    min-height: 328px !important;
}

.adminDashboard_page #departmentChart .apexcharts-inner {
    transform: scale(0.80);
    transform-origin: center;
}

.adminDashboard_page .adminDashEmplyWidgetHeight {
    min-height: 40px;
    max-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminDashboard_page .adminDashEmplyWidgetHeight .no_data {
    position: relative;
    transform: translate(0, 0);
}

.adminDashboard_page .recruitmentDashBox ul {
    padding: 0;
    margin: 9px 0;
    /* margin: 14px 0; */
}

.adminDashboard_page .recruitmentDashBox ul li {
    display: flex;
    padding: 8px 5px;
    border-bottom: 1px dashed #e0e0e0;
}

.adminDashboard_page .recruitmentDashBox .recruitmentProgBar {
    background-color: #ffebe9;
}

.adminDashboard_page .recruitmentDashBox .recruitmentProgBar .bg-recruitmentProgBar {
    background-color: #d3756b;
}

#circlechart .apexcharts-inner {
    pointer-events: none;
}

.adminDashboard_page #dateFilterMain .select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    padding: 0.5rem;
    font-size: .75rem;
}

.adminDashboard_page .nodataChart {
    filter: blur(15px);
    opacity: 0.25;
    pointer-events: none;
}

.adminDashboard_page .no_data {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    min-height: auto;
}

.trainingChart {
    height: 395px;
}

/* .trainingChart .trainingChartInner {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
} */
.trainingChart .trainingChartInner #trainingChart {
    width: 100%;
}

/* @media(max-width:1600px) {
    .adminDashboard_page #departmentChart {
        min-height: 580px !important;
    }
} */

@media(max-width:1366px) {
    .trainingChart {
        height: 385px;
    }

    .adminDashboard_page .card .card-body {
        padding: 17px;
    }

    /* #departmentChart .apexcharts-legend {
        flex-direction: column;
        max-width: 80%;
        margin: 0 auto;
    } */
}

@media(max-width:1530px) {
    .adminDashboard_page .newAdminChart {
        min-height: 350px !important;
        padding-top: 15px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .info .sub-title {
        margin-right: 10px;
    }
}

@media (max-width: 1441px) {
    .adminDashboard_page .newAdminChart {
        min-height: 320px !important;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .info {
        margin-top: 20px;
    }

    .adminDashboard_page .OneWidgets .newAdminChart {
        height: 432px !important;
    }
}

@media(max-width:1366px) {
    .adminDashboard_page .cardTitle {
        font-size: 16px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .metricsBox_Count {
        font-size: 28px;
    }

    .adminDashboard_page .newAdminChart .apexcharts-legend-text {
        font-size: 11px !important;
    }

    .adminDashboard_page .newAdminChart {
        min-height: 340px !important;
    }
}

@media(max-width:1024px) {
    .adminDashboard_page .cardTitle {
        font-size: 20px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .metricsBox_Count {
        font-size: 40px;
    }

    .adminDashboard_page #departmentChart {
        min-height: auto !important;
    }

    .adminDashboard_page .OneWidgets .newAdminChart {
        height: auto !important;
        min-height: auto !important;
    }
}

/* =========== New Admin Dashboard HTML E ===========*/
.myInformationPage, .myInformationPageInner {
    min-height: calc(100vh - 170px);
}

.myInformationPage .NextPrevBtns {
    position: fixed;
    bottom: 30px;
    right: 40px;
    background-color: #ffffff;
    padding: 10px 10px;
    border-radius: 15px;
    box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
}

.viewGratuityReportData table thead {
    position: sticky;
    top: -1px;
}

.Sticky_Attendance_Table .TableHeaderFixed {
    max-height: calc(100vh - 330px);
    min-height: calc(100vh - 320px);
}

@media(max-width:1366px) {
    .Sticky_Attendance_Table .TableHeaderFixed {
        max-height: calc(100vh - 365px);
    }
}

.tableFixedCol {
    position: sticky;
    right: 0;
    background-color: #fafafa;
    z-index: 1;
}

.tableFixedCol:after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    transition: box-shadow 0.3s;
    content: "";
    pointer-events: none;
    left: 0;
    transform: translateX(-80%);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.10);
}

.leavedApplied {
    border: 1px dashed;
    padding: 0 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.set_dynamic_table .add .tableDate,
.attendanceReport_table .tableDate {
    height: 25px;
    width: 25px;
    background-color: var(--bs-gray-300);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3px auto;
    font-size: 12px;
}

table.dataTable.no-footer.roaster_table {
    border-bottom: 2px solid var(--bs-gray-200);
}

/* Alert Section Design S */
.alert-section-design {
    margin: 0 0 20px 0;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
}

/* .alert-section-design .alert-box{
    padding: 20px 15px;
    border-radius: .475rem;
    background-color: #ffffff;
    position: relative;
} */
.alert-section-design .alert-box {
    padding: 10px 15px 10px 0px;
    border-radius: .475rem;
    background-color: #4697da36;
    position: relative;
    border-left: 5px solid #466bb3;
}

/* .alert-section-design .alert-box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 5px;
    height: 75%;
    background-color: #466bb3;
    border-radius: 10px;
    transform: translateY(-50%);
} */
.alert-section-design .alert-box i {
    color: #466bb3 !important;
}

.alert-section-design .alert-box .alert-message-box .alert-main-message {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #0d0c22;
}

.alert-section-design .alert-box .alert-message-box .alert-sub-message {
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    color: #0d0c22;
}

.alert-section-design .alert-box .alert-message-box .alert-sub-message .alert-link {
    font-weight: 600;
    font-size: 15px;
    color: #466bb3;
    margin: 0px 0px 0 5px;
    display: inline-block;
    text-decoration: underline;
}

.alert-section-design .alert-box .alert-message-box .alert-sub-message .alert-link:hover {
    color: #0d0c22;
}

/* Alert Section Design E */

/* Acknoledgement module CSS Start 19-02-2025  */

.modal_right_drawer .modal-dialog.right_drawer_popup_dialog {
    width: 500px;
}

.modal.modal_right_drawer.fade .modal-dialog.right_drawer_popup_dialog {
    transform: translate(100px, 0);
}

.modal.modal_right_drawer.show .modal-dialog.right_drawer_popup_dialog {
    transform: none;
}

.modal_right_drawer .modal-dialog.right_drawer_popup_dialog {
    margin: 0 0 0 auto;
    min-height: 100vh;
    justify-content: end;

}

.modal.modal_right_drawer .modal-content.right_drawer_popup_content .modal-header.right_drawer_modal_header {
    box-shadow: none;
    border-radius: 10px 0 0 10px;
}

.modal.modal_right_drawer .modal-content.right_drawer_popup_content {
    border-radius: 10px 0 0 10px;
    height: calc(100vh - 55px);
}

.pending_action_drawer_btn {
    position: fixed;
    right: -63px;
    background-color: #ffffff;
    color: var(--theme-color);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 200px;
    transform: rotate(-90deg);
    border-radius: 10px 10px 0px 0px;
    border: 2px solid var(--theme-color);
    border-bottom: 0;
    font-size: 15px;
    height: 35px;
    width: 160px;
    z-index: 999;
    transition: 0.3s ease-in-out all;
}

.pending_action_drawer_inside_btn {
    position: absolute;
    left: -97px;
    background-color: #ffffff;
    color: var(--theme-color);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 17%;
    transform: translate(0, -17%) rotate(-90deg);
    border-radius: 10px 10px 0px 0px;
    border: 2px solid var(--theme-color);
    border-bottom: 0;
    font-size: 15px;
    height: 35px;
    width: 160px;
}

.pendingActionRightDrawer .right_drawer_modal_header {
    background-color: #404152;
    border-radius: 0 !important;
}

.pending_act_list_wrap .pending_act_list {
    max-height: calc(100vh - 150px);
    padding-right: 10px;
}

.pending_act_list_wrap .pending_act_list ul .pending_act_list_item {
    list-style-type: none;
    margin-left: 0;
}

.pending_act_list_wrap .pending_act_list ul .pending_act_list_item+.pending_act_list_item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

/* Acknoledgement module CSS End 19-02-2025  */

/* PDF Viewer CSS Start  */
/* .policy_acknow_page .content_box.pdf_sign_viewer_main{
    height: calc(100vh - 140px);
} */
.pdf-toolbar {
    /* min-height: 30px; */
    padding: 8px 15px;
    background-color: #404152;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pdf-toolbar-btn:hover {
    background-color: #ddd;
    color: black;
    cursor: pointer;
}

.pdf-toolbar-btn {
    background-color: #f1f1f1;
    color: black;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    font-size: 18px;
}

.pdf-toolbar-title {
    color: wheat;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

input[type="number"]#current-page {
    width: 35px;
    text-align: center;
    height: 25px;
    margin: 5px 10px;
    border-radius: 2px;
    border: 0px solid #8593a2;
}

input[type="number"]#current-page:hover,
input[type="number"]#current-page:active,
input[type="number"]#current-page:focus-within {
    border-color: #c3ad14;
}

span#page-number-sep {
    margin-right: 5px;
}

span#page-number, span#page-number-sep {
    color: #ffffff;
}

/*Hide number arrows*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

select.pdf-toolbar-zoom {
    height: 30px;
    margin-left: 15px;
    width: 80px;
    text-align: center;
    border-radius: 3px;
    /* border-width: 2px; */
    /* border-color: #8593a2; */
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove default arrow */

    /* Add custom arrow */
}

select.pdf-toolbar-zoom:before {
    content: "▼";
    padding: 12px 8px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
}

/* div#pdfviewer {
    height: calc(100vh - 225px);
    width: 100%;
} */

div#page-container {
    background-color: #ecf3ff;
    position: relative;
    height: 100%;
}

canvas.pdf-page {
    margin: 20px auto;
    display: block;
}

div#page-container {
    overflow-y: scroll;
}

.pdf-toolbar #btn-print {
    display: none;
}

/* PDF Viewer CSS End  */

/* signpad CSS start  */

#signpad .signature-container {
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.add_sign_right_sec #signpad .buttons {
    margin-top: 10px;
    display: flex;
    justify-content: start;
    gap: 10px;
    flex-direction: row-reverse;
}

.add_sign_right_sec #signpad .buttons #signpad_undo,
.add_sign_right_sec #signpad .buttons #signpad_download {
    display: none;
    visibility: hidden;
}

.add_sign_right_sec #signpad .buttons #signpad_save {
    background-color: var(--theme-color) !important;
    color: #ffffff;
}

.add_sign_right_sec #signpad .buttons #signpad_save:hover {
    background: var(--theme-color-light);
    background-color: var(--theme-color-light) !important;
    color: var(--theme-color);
}

/* .add_sign_right_sec #signpad .buttons #signpad_clear{
    background-color: var(--bs-gray-500) !important;
    color: #ffffff;
}
.add_sign_right_sec #signpad .buttons #signpad_clear:hover{
    background-color: #e4e6ef !important;
    color: #7e8299;
} */

/* signpad CSS End  */

.policy_doc_list ul li+li {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px dashed #a5a5a5dd;
}

.policy_doc_list_2 ul li+li {
    margin-top: 15px;
}

.policy_doc_list_2 ul li {
    position: relative;
}

.policy_doc_list_2 ul li .policy_acknow_ribbbon {
    position: absolute;
    right: 60px;
    top: 4px;
}

.policy_doc_list_3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.policy_doc_list_3 ul li {
    width: calc(50% - 20px);
    margin: 0 10px 15px;
    position: relative;
}

.policy_doc_list_3 ul li .new_policy_ribbbon {
    position: absolute;
    right: 5px;
    top: 4px;
}

.policy_doc_list_4 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.policy_doc_list_4 ul li {
    width: calc(50% - 20px);
    margin: 0 10px 15px;
    position: relative;
}

/* Added by Dhruv*/
/* Start Reimbursement Travel Claim Report */
.clear-btn {
    position: absolute;
    top: 8px;
    right: 40px;
    font-size: 19px;
}

/* End Reimbursement Travel Claim Report */

/* New Email Template changes - Dhruv S */
#email_log_modal table thead td,
#email_log_modal table tbody td {
    vertical-align: middle !important;
    padding: 0;
}

#email_log_modal table td,
#email_log_modal table th,
#email_log_modal table tr {
    background-color: transparent !important;
}

/* New Email Template changes - Dhruv E */
/*
.pdf_tab_section{
    max-width: 80%;
    margin: 30px auto 0 auto;
} */
.pdf_tab_section .image_upload_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    border: 2px dashed #dfe1e4;
    position: relative;
    height: 175px;
    max-height: 175px;
}

.pdf_tab_section .image_upload_section .profile_image {
    width: 75px;
    opacity: 0.4;
}

.image_upload_section #imagePreview {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.image_upload_section #imagePreview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image_upload_section #imagePreview img.image_default {
    width: 55px;
    height: 55px;
    opacity: 0.5;
    display: block;
    margin: 0 0 5px 0;
}

.image_upload_section .upload-title {
    font-size: 14px;
}

.image_upload_section #imageUploader {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

#imageUploader::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    opacity: 0;
}

.daily-policy-doc .pd_list li a .symbol>img {
    width: 25px;
    height: 25px;
}

.acknowledge-dot i:before {
    color: #197219;
}

#signpad .signature-container canvas {
    border: 1.5px solid var(--bs-gray-400);
    border-radius: 5px;
    height: 175px;
    max-height: 175px;
}

#signpad .signature-container h2 {
    display: none;
}

.daily-policy-doc {
    margin: 0 0 10px 0;
}

.daily-policy-doc:last-child {
    margin: 0;
}

div#defaultSignaturePreview img {
    background-color: #f2f2f2;
    margin-bottom: 15px;
    max-width: 250px;
}

@media (max-width: 1366px) {
    .daily-policy-doc .pd_list li {
        flex-direction: column;
        align-items: flex-start;
    }

    .acknowledge_text_box {
        width: 100%;
        justify-content: flex-start;
        margin-top: 5px;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}

/* Policy Document Widget update S */
.policy_document .docAcknowledged {
    position: relative;
}

.policy_document .docAcknowledged:before {
    position: absolute;
    content: "";
    background-image: url(../images/docAcknowledged.png);
    background-position: center;
    background-size: cover;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translate(-5px, -50%);
    right: 20px;
}

.policy_document .ribbon.docAcknowledged:before {
    top: 60%;
    transform: translate(-5px, -60%);
}

.policy_document .policyList {
    padding-right: 65px !important;
}

.policy_document .daily-policy-doc .ribbon .ribbon-label {
    font-size: 14px;
    padding: 2px 12px;
    border-bottom-right-radius: .35rem !important;
    border-bottom-left-radius: .35rem !important;
}

/* Policy Document Widget update E */

/* By Dhruv */
.text-pending {
    color: #ff8000 !important;
}

.onLeaveTodayCustomPopup .filter-section {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 99;
}

/* Mantis bugs multi shift and attendance lite prnv 04-03-25 start */
.select_color_for_shift {
    justify-content: center;
}

@media (max-width:991px) {
    .flatpickr-months .flatpickr-month {
        height: 46px;
    }

    .modal {
        overflow-y: hidden;
    }

    #kt_aside_menu_wrapper {
        height: calc(100vh - 55px);
    }

    .modal.modal_right_drawer .modal-content.add_shift_modal_content,
    .modal.modal_right_drawer .modal-content.generate_pattern_modal_content {
        height: calc(100vh - 85px);
    }
}

/* Mantis bugs multi shift and attendance lite prnv 05-03-25 End */

/* Multishift Widget S */
.multiShift {
    font-size: 14px;
    padding: 5px 2px;
    border: 1px solid #cccccc;
    border-radius: 25px;
    font-weight: 600;
}

.multiShift a {
    padding: 4px 10px;
    background-color: transparent;
    border-radius: 25px;
}

.multiShift a.active {
    background: var(--theme-color-light);
}

.multiShift a+a {
    margin-left: 5px;
}

/* Multishift Widget E */

/* Onboarding Steps Design  20-03-2025 S */
.candidateOnboardingPage {}

.OnboardingContainer {
    /* max-width: 1250px; */
}

.OnboardingContainer .steps-wrap {
    display: flex;
    align-items: flex-start;
}

.OnboardingContainer .step-sidebar {
    max-width: 275px;
    display: flex;
    align-items: flex-start;
    /* min-height: calc(100vh - 320px); */
    /* min-height: calc(100vh - 245px); */
    margin-top: 0px;
    margin-right: 30px;
}

.OnboardingContainer .step-sidebar nav {
    flex-direction: column;
    width: 100%;
    min-width: 275px;
    margin-top: 5px;
}

.OnboardingContainer .steps-form {
    width: calc(100% - 305px);
}

.OnboardingContainer .steps-wrap {
    display: flex;
    align-items: flex-start;
    max-width: 1250px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.degree-listing .listing-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    border-radius: 11px;
    background-color: #e4e6ef8f;
    position: relative;
    height: 100%;
}

.degree-listing .listing-item .delete-btn {
    content: '';
    position: absolute;
    top: -10px;
    right: -5px;
    display: inline-block;
    cursor: pointer;
}

.degree-listing .listing-item .delete-btn i {
    color: #323452;
}

.degree-listing .listing-item .item-title {
    font-size: 14px;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.degree-listing .listing-item .link i {
    font-weight: 600;
    font-size: 16px;
    color: #323452;
}

.degree-listing {
    padding-top: 10px;
}

.OnboardingContainer .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    line-height: 1.5;
    color: var(--white);
    padding: 0.45rem 1rem;
    content: "Browse";
    background-color: #323452;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.modal.degree-details-certificate table tr th {
    width: 30%;
    text-align: left;
    vertical-align: middle;
    background-color: transparent !important;
    padding: 15px !important;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
}

.modal.degree-details-certificate table tr td {
    width: 70%;
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
    padding: 15px !important;
    color: #a1a5b7;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.modal.degree-details-certificate table tr:last-child {
    border-bottom: 1px solid #eff2f5 !important;
}

.modal.degree-details-certificate .modal-body .responsiveScrollTable {
    max-height: 400px;
    overflow-y: auto;
}

.modal.degree-details-certificate table tr td a {
    font-weight: 600;
    width: 200px;
}

.modal.degree-details-certificate table tr td .documents-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px 0;
}

.modal.degree-details-certificate table tr td .documents-list span {
    display: inline-flex;
    align-items: center;
}

.modal.degree-details-certificate table tr td .documents-list i {
    font-size: 16px;
    color: #323452;
    display: inline-flex;
    align-items: center;
    margin: 0 5px 0 0;
}

.modal.degree-details-certificate table tr {
    border: none;
    border-bottom: 1px solid #eff2f5 !important;
}

.candidateOnboardingForm .content_box {
    min-height: calc(100vh - 245px);
    padding: 20px;
}

.steps-wrap .step-sidebar .nav-fill .nav-link {
    margin: 0 0 15px 0;
    padding: 15px 15px;
    font-size: 16px;
    cursor: default;
    font-weight: 500;
    text-align: left;
    opacity: 0.5;
    background-color: #ffffff;
    box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
    border-left: 5px solid;
    border-radius: 5px;
}

.steps-wrap .step-sidebar .nav-fill .nav-link.active {
    background-color: var(--tab-active);
    border-left: 5px solid var(--tab-active);
    opacity: 1;
}

.steps-wrap .step-sidebar .nav-fill .nav-link.filled {
    opacity: 1;
}

.steps-wrap .step-sidebar .nav-fill .nav-link:hover {
    color: var(--btn-dark);
}

.OnboardingContainer .step-sidebar {
    max-width: 300px;
    display: flex;
    align-items: flex-start;
    /* min-height: calc(100vh - 320px); */
    /* min-height: calc(100vh - 185px); */
    margin-top: 0px;
    margin-right: 30px;
}

.OnboardingContainer .formArea {
    padding: 20px;
    /* background-color: #f2f2f2; */
    border-radius: 15px;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.OnboardingContainer .required:after {
    content: '*';
    position: relative;
    font-size: 12px;
    color: #f1416c;
    padding-left: 0;
    font-weight: 700;
    top: -2px;
}

.OnboardingContainer {
    overflow: hidden;
}

.contactPerson.noteDetails p {
    margin: 15px 0 0px 0;
}

.contactPerson.noteDetails p+p {
    margin-top: 10px;
}

.candidateOnboardingForm .crop_image_popup {
    right: 0;
}

/* #previewDesign{
    z-index: 1056;
} */
@media (min-width: 1181px) {
    .OnboardingContainer .steps-wrap {
        min-width: 1150px;
    }
}

@media (min-width: 1281px) {
    .OnboardingContainer .steps-wrap {
        /* max-width: 1250px; */
        min-width: 1250px;
    }
}

@media (max-width: 1599px) {
    .candidateOnboardingForm .welcomeNoteInner .wcTitle {
        font-size: 2.5vw;
        padding-left: 0;
    }

    .candidateOnboardingForm .contactPerson {
        padding: 15px;
        /* margin: 0 0 0 20px; */
    }

    .candidateOnboardingForm .contactPerson .note-title {
        font-size: 16px !important;
    }

    .candidateOnboardingForm .contactPerson .note-list {
        margin-left: 8px !important;
    }
}

@media (max-width: 1366px) {
    .candidateOnboardingForm .content_box {
        min-height: calc(100vh - 245px);
        padding: 20px;
        margin-bottom: 15px;
    }

    .candidateOnboardingForm .welcomeNoteInner p {
        font-size: 14px;
        margin-bottom: 10px !important;
    }

    .candidateOnboardingForm .card-footer .btn.rounded-pill {
        padding: 6px 12px;
        font-size: 14px;
    }

    .OnboardingContainer .step-sidebar {
        margin-right: 25px;
    }

    .steps-wrap .step-sidebar .nav-fill .nav-link {
        margin: 0 0 10px 0;
        padding: 10px 15px;
        font-size: 16px;
    }

    .degree-listing .listing-item {
        padding: 10px;
    }

    .form-label {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .OnboardingContainer .step-sidebar {
        /* min-height: calc(100vh - 115px); */
        /* min-height: calc(100vh - 185px); */
    }

    .candidateOnboardingForm .content_box {
        /* min-height: calc(100vh - 175px); */
    }

    .candidateOnboardingForm .contentInner {
        max-height: calc(100vh - 270px);
    }

    .OnboardingContainer {
        max-width: 1160px;
    }
}

@media (max-width: 1199px) {
    .OnboardingContainer .steps-wrap {
        max-width: 100%;
        flex-direction: column;
    }

    .OnboardingContainer .step-sidebar {
        min-height: auto;
        max-width: max-content;
        flex-wrap: wrap;
        margin-top: 40px;
        justify-content: center;
        margin: 40px auto 0;
    }

    .OnboardingContainer .steps-form {
        width: calc(100% - 60px);
    }

    .OnboardingContainer .step-sidebar nav {
        flex-direction: row;
        width: 100%;
        min-width: auto;
        flex-wrap: wrap;
    }

    .candidateOnboardingForm .content_box {
        min-height: auto;
    }

    .steps-wrap .step-sidebar .nav-fill .nav-link {
        margin: 0 10px 15px 0px;
    }

    .steps-form .nav-fill {
        margin-top: 30px;
    }

    .OnboardingContainer .steps-wrap {
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .OnboardingContainer {
        max-width: 100%;
    }

    .OnboardingContainer .step-sidebar {
        width: calc(100% - 60px);
    }

    .steps-wrap .step-sidebar .nav-fill .nav-link {
        min-width: 230px;
        max-width: 230px;
    }

    .OnboardingContainer .step-sidebar nav {
        justify-content: center;
    }

    .OnboardingContainer .custom-file {
        font-size: 13px;
    }

    .candidateOnboardingForm .welcomeNoteInner ul li {
        font-size: 12px;
    }

    .candidateOnboardingForm .welcomeNoteInner .wcTitle {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .candidateOnboardingForm .content_box {
        padding: 30px;
        min-height: auto !important;
        max-height: 100% !important;
    }

    .OnboardingContainer {
        align-items: flex-start;
        margin-top: 40px;
    }

    .candidateOnboardingForm .contentInner {
        max-height: 100%;
    }

    .steps-wrap .step-sidebar .nav-fill .nav-link {
        min-width: 225px;
        max-width: 225px;
    }

}

/* Onboarding Steps Design  20-03-2025 E */
.modal.onboarding_form_preview .employee_details_section_row {
    border-top: 1px solid #eff2f5;
}

.modal.onboarding_form_preview .employee_details_section .col-form-label {
    width: 200px;
    min-width: 200px;
}

.modal.onboarding_form_preview .emp_search .col-form-label {
    width: 200px;
    min-width: 200px;
}

.modal.onboarding_form_preview .tox-tinymce {
    width: 100% !important;
    height: 200px !important;
    overflow-y: auto;
}

.modal.onboarding_form_preview .employee_details_section .unchangedValue {
    font-size: 15px;
    font-weight: 600;
    color: #a1a5b7;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.modal.onboarding_form_preview .employee_details_section span.select2-selection__placeholder {
    font-size: 14px;
}

.modal.onboarding_form_preview .modal-body .formScrollArea {
    max-height: 450px;
    overflow-y: auto;
}

div#defaultSignaturePreview img {
    max-width: 100%;
}

.percentage_cls.salaryMonthHideSHow {
    background-color: #f6f6f6;
    border-radius: 10px;
    width: 75%;
}

#pdfviewer {
    height: calc(100vh - 150px);
    overflow-y: auto;
}

.pdf-viewer-body {
    height: calc(100% - 51px) !important;
    overflow: hidden;
    overflow-y: auto !important;
}

.pdf_sign_viewer_main .alert-bar {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .475rem;
    color: #205237;
    border-color: #cbf0dc;
    font-size: .95rem;
    display: flex;
    justify-content: center;
}

.paySlipLogo {
    width: 100px;
    max-width: 100px;
    display: inline-block;
}

.paySlipLogo .thumbnail-conatiner {
    padding-bottom: 15%;
}

.shifts_details_side_popup {
    z-index: 123;
}

.multiShift_grid .multishift_header .multishift_header_items, .multiShift_grid .multishift_body .multishift_body_items {
    overflow: hidden;
}

.acknowldgement-date {
    display: flex;
    min-width: 100px;
    justify-content: flex-start;
    align-items: center;
}

.acknowldgement-date .fa-clock {
    font-size: 12px;
}

.acknowldgement-date .fa-calendar-alt {
    font-size: 13px;
    width: 15px;
}

/* Pay slip Component JD CSS S */
.modal#payslipOrderModal #sortable_module li {
    margin-left: 0 !important;
    border-radius: 6px !important;
}

/* .modal#payslipOrderModal #sortable_module li.badge_earning{

    border-left: 3px solid #18b35c;
}
.modal#payslipOrderModal #sortable_module li.badge_deduction{
    border-left: 3px solid #f1416c;
}
.modal#payslipOrderModal #sortable_module li.badge_contribution{
    border-left:3px solid #ffaa7f;
}
.modal#payslipOrderModal #sortable_module li.badge_fnf{
    border-left: 3px solid #7239ea;
}
.modal#payslipOrderModal #sortable_module li.badge_liabilities{
    border-left: 3px solid #000000;
} */


.payslipOrderContentWrap {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 10px;
    position: relative;
    margin: 5px 0;
    border: 1px solid #eeeeee;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px;
}

.payslipOrderContentWrap .ui-sortable {
    max-height: 500px;
    overflow-y: auto;
    border-radius: 6px;
}

/* Pay slip Component JD CSS E */

/* Employee Info Edit page Start*/
#select2-department-results li:first-child,
#select2-designation_data-results li:first-child {
    background-color: rgba(var(--theme-color-rgb), 0.10);
    color: var(--theme-color);
    transition: color .2s ease, background-color .2s ease;
    text-transform: uppercase;
}

/* Employee Info Edit page End*/
.pending_first_login_search {
    margin-right: 125px !important;
    margin-top: 3px;
}

/* tab new design css JD S 01-04-2025 */
.newheaderArea {
    margin: 0px 0 0;
}

.newheaderArea .sub_title_list {
    border-bottom: 1px solid var(--bs-gray-300);
    margin: 5px 0 5px;
}

.newheaderArea .sub_title_list .sub_title {
    font-size: 13px;
    padding: 0 0 6px;
}

.newheaderArea .sub_title_list .sub_title_active {
    /* border-bottom: 1px solid #2b2e34; */
}

.newheaderArea .sub_title_list .sub_title+.sub_title {
    margin-left: 12px;
}

.newheaderArea .sub_title_list .sub_title_active.sub_title {
    color: #2b2e34;
}

.newheaderArea .sub_title_list .sub_title_active {
    position: relative;
}

.newheaderArea .sub_title_list .sub_title_active::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #2b2e34;
}

.back-Btn {
    line-height: 115%;
    min-width: 60px;
    border-radius: 5px;
}
@media(max-width:1366px){
    .newheaderArea .sub_title_list{
        margin: 5px 0 3px;
    }
}

/* tab new design css JD E 01-04-2025 */

/* Background White CSS prnv 4-4-25 Start */
/* .page_content,
.page_content.adminDashboard_page, .page_content.form_content_page, .page_content.personal_info,.page_content.attendance_page,
.page_content.payrollSummary, .page_content.employee_info_page, .page_content.permission_page,
.page_content.employee_listing, .page_content.profile_page, .page_content.new_profile_page, .page_content.udfMaster,
.page_content.payroll_process_page, .page_content.payrollMasterList_Page, .page_content.candidateListPage, .page_content.payroll_dash,
.page_content.pension_report_page_main, .page_content.health_insurance_report_main_page{
    background-color: #ffffff;
    background: #ffffff !important;
    background-color: linear-gradient(to bottom, rgb(224 238 255 / 30%) 0%, #f7fcff 100%) !important;
}
.page_content.adminDashboard_page .card, .page_content.form_content_page .content_box, .page_content.personal_info .content_box,
.page_content.attendance_page .content_box, .page_content.payrollSummary .content_box, .page_content.employee_info_page .content_box,
.page_content.payrollSummary .card.payroll_emp_card, .page_content.attendance_page .payment-chart .card, .page_content.permission_page .content_box,
.page_content.employee_listing .content_box, .page_content.profile_page .content_box, .page_content.new_profile_page .content_box,
.page_content.new_profile_page .widget-aside, .page_content.profile_page .widget-aside, .page_content.udfMaster .content_box,
.page_content.udfMaster .accordion-item, .page_content.payroll_process_page .content_box,
.page_content.payrollMasterList_Page .content_box, .page_content.payrollMasterList_Page .accordion-item, .page_content.form_content_page .card,
.page_content.profile_page .card, .page_content.candidateListPage .content_box, .page_content.payroll_dash .card,
.page_content.payroll_dash .content_box, .page_content.pension_report_page_main .content_box,
.page_content.health_insurance_report_main_page .content_box{
    box-shadow: 0px 0px 10px -1px rgba(var(--black-rgba), 0.10) !important;
    border: 1px solid var(--border-color) !important;
} */

/* Background White CSS prnv 4-4-25 End */
.pdf_sign_viewer_main .alert-bar p {
    margin-bottom: 0;
}

@media (max-width: 1599px) {
    .pdf_sign_viewer_main .alert-bar {
        padding: 1rem 0.9rem;
        font-size: 0.85rem;
    }
}

/* Swal2 Popup Design Changes JD S */
#loggedin_alert_popup.swal2-popup.swal2-modal.swal2-show {
    padding: 15px;
    max-width: 440px;
}

.swal2-container #loggedin_alert_popup.swal2-popup .swal2-title {
    font-weight: 700;
    font-size: 22px;
    color: var(--body-text);
    text-transform: capitalize;
    letter-spacing: 0.6px;
}

.swal2-container #loggedin_alert_popup .swal2-html-container {
    max-height: 100%;
    padding: 5px 10px;
    line-height: 150%;
    margin: 0;
    color: #a6a6a6;
    font-size: 14px;
}

#loggedin_alert_popup.swal2-popup .swal2-actions {
    margin: 1rem auto 1rem auto;
}

#loggedin_alert_popup.swal2-popup .swal2-actions .swal2-styled+.swal2-styled {
    margin-left: 10px;
}

#loggedin_alert_popup.swal2-popup .swal2-actions button {
    border-radius: 30px;
    font-size: 14px;
    min-width: 125px;
}

#loggedin_alert_popup.swal2-popup .swal2-icon {
    margin-top: 10px;
    opacity: 0.6;
    width: 60px;
    height: 60px;
}

/* Swal2 Popup Design Changes JD E */

/* tax Module changes - JD S */

.taxDeclaration .table tr td.deduction-title {
    width: 25%;
}

.taxDeclaration .table tr td.declare-amount {
    width: 25%;
}

.taxDeclaration .table tr td.approved-amount {
    width: 25%;
}

.taxDeclaration .table tr td.document-status {
    width: 25%;
}

.taxDeclaration .table tr td .tax-label {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 500;
}

.taxDeclaration .td_rightBox h2 {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.taxDeclaration .td_rightBox ul li+li {
    margin-top: 10px;
    padding-top: 10px;
}

.declare-btn {
    outline: 1px solid #004e79 !important;
}

.declare-btn:hover {
    color: #ffffff;
    outline: 1px solid transparent !important;
}

.declare-btn:hover i {
    color: #ffffff;
}

.tax-declare-comment::placeholder {
    font-weight: 500;
    color: #76839a;
    font-size: 14px;
}

.tax-declare-comment:focus {
    box-shadow: none;
}

@media(max-width:1366px) {
    .taxDeclaration .td_rightBox ul li span {
        font-size: 12px;
    }
}

/* tax Module changes - JD E */
/* NEW Admin Dashboard Mantis Design Changes JD 09-04-2025 S */
.adminDashboard_page #approvalChart {
    min-height: 320px !important;
}

.adminDashboard_page .metrics-box-row.matrix-four-row .metrics-box .info {
    margin-top: 45px;
}

.adminDashboard_page .metrics-box-row.matrix-four-row {}

.adminDashboard_page .newAdminChart {
    min-height: auto !important;
}

.adminDashboard_page .metrics-box-row.matrix-four-one .card-body.newAdminChart {
    min-height: 325px !important;
}

.adminDashboard_page .metrics-box-row.matrix-two-row .metrics-box .info {
    margin-top: 44px;
}

@media (max-width:1600px) {

    /* .adminDashboard_page #approvalChart {
        min-height: 305px!important;
    } */
    .adminDashboard_page .cardTitle {
        font-size: 14px;
    }

    .adminDashboard_page #approvalChart {
        min-height: 320px !important;
    }

    /* .adminDashboard_page #approvalChart {
        min-height: 300px!important;
    }
    .adminDashboard_page .newAdminChart {
        min-height: 300px!important;
        max-height: 320px!important;
    } */
    .adminDashboard_page .metrics-box-row.matrix-four-row #approvalChart {
        min-height: 305px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row .metrics-box .metricsBox_Count {
        font-size: 38px;
    }

    .adminDashboard_page .analysis-row #workplaceChart {
        min-height: 240px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metrics-box .info {
        margin-top: 50px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row #approvalChart {
        min-height: 335px !important;
    }

    /* .adminDashboard_page .metrics-box-row.matrix-two-row .metrics-box .info {
        margin-top: 35px;
    } */
    .adminDashboard_page .metrics-box-row.matrix-two-row .activeEmployees {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width:1599px) {
    .adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon {
        width: 55px;
        height: 55px;
    }

    .adminDashboard_page .metrics-box-row.matrix-three-row .card .card-body {
        padding: 15px;
    }

    .adminDashboard_page .metrics-box-row.matrix-three-row .metrics-box .info {
        margin-top: 45px;
    }

}

@media (max-width:1440px) {
    .ThreeWidgets {
        align-items: center;
        height: 100%;
    }

    .adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon svg {
        width: 25px;
    }

    .adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon {
        width: 45px;
        height: 45px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .metricsBox_Count {
        font-size: 30px;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row #circlechart {
        min-height: 355px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row #approvalChart {
        min-height: 335px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-three-row #approvalChart {
        min-height: 335px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-three-row .metrics-box .info {
        flex-direction: column;
        align-items: start !important;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .info .sub-title {
        margin-right: 0;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .activeEmployees-two-box-inner {
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .activeEmployees-two-box-inner #leaveEmployees {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 10px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metricsBox_icon {
        width: 55px;
        height: 55px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metricsBox_icon svg {
        width: 25px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metrics-box .info {
        margin-top: 30px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .info .sub-title {
        font-size: 12px;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row #circlechart {
        min-height: 325px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row #approvalChart {
        min-height: 305px !important;
        padding-top: 0;
    }
}

@media (max-width:1366px) {
    .adminDashboard_page #approvalChart {
        min-height: 340px !important;
    }

    .adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon {
        width: 35px;
        height: 35px;
    }

    .adminDashboard_page .metrics-box-row .ThreeWidgets .metricsBox_icon svg {
        width: 18px;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row #approvalChart {
        min-height: 335px !important;
        padding-top: 0;
    }
}

@media (max-width:1299px) {
    .adminDashboard_page .metrics-box-row.matrix-three-row .metrics-box .info {
        margin-top: 40px;
    }
}

@media (max-width:1199px) {
    .adminDashboard_page .metrics-box-row.matrix-three-row .card .card-body {
        padding: 10px;
    }

    .adminDashboard_page .metrics-box-row.matrix-three-row .metrics-box .info .sub-title {
        font-size: 12px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metrics-box .info {
        margin-top: 15px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row #approvalChart {
        min-height: 300px !important;
    }
}

@media (max-width:1024px) {
    .adminDashboard_page .metrics-box-row.matrix-two-row .metrics-box .info .sub-title {
        font-size: 12px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metricsBox_icon {
        width: 45px;
        height: 45px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row .metricsBox_icon svg {
        width: 20px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row #approvalChart {
        min-height: 335px !important;
    }

    .adminDashboard_page .cardTitle {
        font-size: 14px;
    }

    .adminDashboard_page .metrics-box-row.matrix-one-row #approvalChart {
        min-height: 320px !important;
    }
}

@media (max-width:991px) {
    .adminDashboard_page .metrics-box-row.matrix-three-row .metrics-box .info {
        margin-top: 15px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .info .sub-title {
        font-size: 11px;
    }

    .adminDashboard_page .metrics-box-row .metrics-box .metricsBox_Count {
        font-size: 24px;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row #approvalChart {
        min-height: 340px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-four-row #approvalChart {
        min-height: 340px !important;
    }
}

@media (max-width:768px) {
    .adminDashboard_page #approvalChart {
        min-height: 325px !important;
    }

    .adminDashboard_page .metrics-box-row.matrix-two-row #approvalChart {
        min-height: 325px !important;
    }
}

/* NEW Admin Dashboard Design Changes JD E */

.cursor-pointer-none {
    cursor: default !important;
}

.cursor-pointer-none:hover {
    color: inherit !important;
}

/* ot approvals table last row sticky CSS prnv start 10-4-25 */

.sticky_last_row_table .sticky_last_row {
    position: sticky;
    bottom: 0;
}

.sticky_last_row_table .sticky_last_row th {
    border-top: 1px solid #ddd;
}

table.dataTable.sticky_last_row_table {
    margin-bottom: 0 !important;
}

/* ot approvals table last row sticky CSS prnv End 10-4-25 */

.attendance_table .table tr td span.getOtHoursInfo {
    cursor: pointer;
    transition: 0.25s ease-in-out all;
    border: 1px solid var(--text-light-gray);
    min-width: 82px;
    display: inline-block;
    padding: 0.35em 0.75em;
    font-size: 0.85rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
}

.attendance_table tr td span.getOtHoursInfo:hover {
    background-color: #eeeeee;
    border-color: transparent;
}

.pending_first_login_search {
    margin-right: 125px;
}


/* Tax Declaration Report Table Design Changes prnv 14-4-25 Start */
.tax_declaration_report_table .pension_contri_details .table tbody {
    display: block;
    max-height: 510px;
    overflow-y: scroll;
}

.tax_declaration_report_table .pension_contri_details .table thead, .tax_declaration_report_table .pension_contri_details .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tax_declaration_report_table table {
    border-collapse: collapse !important;
}

.tax_declaration_report_table .pension_contri_details .table thead th {
    padding: 10px 5px !important;
    background-color: var(--tab-active);
    color: #ffffff;
}

.tax_declaration_report_table .pension_contri_details .table td {
    padding: 7px 5px !important;
}

.tax_declaration_report_table table td,
.tax_declaration_report_table table th {
    border: 1px solid #dddddd;
}

/* Tax Declaration Report Table Design Changes prnv 14-4-25 End */

/* PDF Viewer Design Changes height issues JD 14-4-25 Start */
#pdfviewer {
    height: calc(100vh - 225px);
    overflow-y: auto;
}

@media (max-width:1440px) {
    #pdfviewer {
        height: calc(100vh - 245px);
    }
}

@media (max-width:1024px) {
    #pdfviewer {
        height: calc(100vh - 250px);
    }
}

/* PDF Viewer Design Changes height issues JD 14-4-25 End */

/* Employee Onboarding Information modal popup page design changes JD 15-4-25 Start */

/* Employee Onboarding Information modal popup page design changes JD 15-4-25 End */

.add_onboarding i:before {
    color: #2b2e34;
}

.redirectToemployeee i:before {
    color: #2b2e34;
}

.add_onboarding:hover, .redirectToemployeee:hover {
    color: #fff !important;
    border-color: var(--body-text) !important;
    background-color: #181c32 !important;
}

.add_onboarding:hover i:before, .redirectToemployeee:hover i:before {
    color: #fff;
}

.mark_as_completed_on_boarding_process:hover {
    color: #fff !important;
    border-color: var(--body-text) !important;
    background-color: #181c32 !important;
}

.mark_as_completed_on_boarding_process:hover i:before {
    color: #fff;
}

.mark_as_completed_on_boarding_process:hover span {
    color: #fff !important;
}

.send-btn:hover {
    color: #fff !important;
    border-color: var(--body-text) !important;
    background-color: #181c32 !important;
}

.send-btn:hover i:before {
    color: #fff;
}

.send-btn:hover span {
    color: #fff !important;
}

.workFlow_summary_popup {
    overflow-x: hidden;
}

/* whats new popup details modal popup design jd 15-04-2025 Start */
/* What New Feature popup Start */
.whatsNewModal-open .page {
    filter: blur(3px);
}

/* #whats_new_popup_details .modal-content{
        margin-top: 50px;
    } */
.whats_new_popup_details .modal-body {
    border-radius: 15px;
}

.intro_new_features {
    position: relative;
}

.intro_new_features .new_featuresTitle {
    font-size: 26px;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 15px;
    padding-right: .75rem;
    color: #ffffff;
}

.intro_new_features p {
    color: #ffffff;
}

#whats_new_popup_details .modal-body {
    position: relative;
}

#whats_new_popup_details .modal-body:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.25);
    top: 0;
    left: 0;
    border-radius: 15px;
    z-index: 1;
}

#whats_new_popup_details .modal-body:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 1;
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    border-radius: 15px;
}

.intro_new_features {
    position: relative;
    z-index: 11;
}

.intro_new_features .btn-icon {
    top: -5px;
    right: -15px;
    position: absolute;
    z-index: 11;
    color: var(--btn-dark);
}

.intro_new_features .btn-icon svg {
    fill: #2f2f2f !important;
}

.intro_new_features .btn-icon:hover {
    background-color: transparent !important;
}

.intro_new_features .btn-icon:hover svg {
    fill: #ffffff !important;
}

.intro_new_features .main-container {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    padding: 20px;
}

.intro_new_features .main-container .scroll-y {
    scroll-behavior: smooth;
}

.intro_new_features .main-container .scroll-y::-webkit-scrollbar-track {
    background-color: transparent !important;
    border-radius: 5px;
}

.intro_new_features .main-container .scroll-y::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.50) !important;
    border-radius: 5px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.intro_new_features .main-container .scroll-y::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 1);
}

/* ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(255,255,255,1);
    } */
.intro_new_features .whatsNewList {
    color: #ffffff;
}

.intro_new_features .whatsNewList h3 {
    color: #ffffff;
}

.intro_new_features .whatsNewList p {
    color: #dadada;
    margin-bottom: 0;
    font-size: 14px;
}

.intro_new_features .whatsNewList+.whatsNewList {
    margin-top: 8px;
    padding-top: 8px;
}

.intro_new_features .text-white a {
    border-bottom: 1px solid transparent;
    outline: none;
}

.intro_new_features .text-white a:hover {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

/* What New Feature popup End */


#whats_new_popup_details .modal-body {
    padding: 60px 55px;
    position: relative;
}

#whats_new_popup_details .modal-body:before {
    position: absolute;
    content: "";
    background-image: url(../images/whats_new/whatsNewPopup.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.15;
}

#whats_new_popup_details .intro_new_features .new_featuresTitle {
    font-size: 32px;
}

#whats_new_popup_details .modal-body:before {
    background-color: transparent;
}

#whats_new_popup_details .intro_new_features .text-white a {
    color: var(--bs-primary);
    border-bottom: 1px solid;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

#whats_new_popup_details .intro_new_features .text-white a:hover {
    color: #ffffff
}


#whats_new_popup_details.whatsNewLite .modal-body:before {
    background-image: url("../images/whats_new/newWhatsNewPopupBg.jpg");
    opacity: 0.65;
}

#whats_new_popup_details.whatsNewLite .modal-body:after {
    content: none;
}

.intro_new_features .new_featuresTitle,
.intro_new_features p,
.intro_new_features .whatsNewList h3,
.intro_new_features .whatsNewList p {
    color: #2f2f2f;
}

.intro_new_features .main-container {
    background-color: rgba(0, 0, 0, 0.027);
}

#whats_new_popup_details.whatsNewLite a {
    color: #326bb9;
    border-bottom: 1px solid #326bb9;
}

#whats_new_popup_details.whatsNewLite a:hover {
    color: var(--text-dark);
    border-bottom: 1px solid var(--text-dark);
}

#whats_new_popup_details .intro_new_features .btn-icon {
    top: -35px;
    right: -25px;
    position: absolute;
    z-index: 11;
    border-radius: 100%;
    height: 25px !important;
    width: 25px !important;
}

#whats_new_popup_details .intro_new_features .btn-icon svg {
    fill: var(--text-dark) !important;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

#whats_new_popup_details .svg-icon.svg-icon-2 svg {
    height: 25px !important;
    width: 25px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#whats_new_popup_details .intro_new_features .btn-icon:hover svg {
    opacity: 1;
}

@media(max-width:1366px) {
    #whats_new_popup_details .modal-body {
        padding: 30px 45px;
        position: relative;
    }

    #whats_new_popup_details .intro_new_features .btn-icon {
        top: -15px;
        right: -25px;
    }
}

/* whats new popup details modal popup design jd 15-04-2025 End */

/* What's New Page New Design prnv 16-4-25 Start  */

.whatsNewPageMain {
    position: relative;
}

.whatsNewPageMain:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #CBD5ED 0%, #FFFFFF 25%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
}

.whatsNewPageMain:after {
    position: absolute;
    content: "";
    background-image: url(../images/whats_new/banner-pattern.webp);
    background-repeat: no-repeat;
    background-position: top -500px center;
    width: 100%;
    height: 500px;
    z-index: 1;
    top: 0;
}

.whatsNewPageMain .whtNewMainPageContent:before {
    position: absolute;
    content: "";
    background-image: url(../images/whats_new/whatsNewbgPatch.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.whatsNewPageMain .whtNewMainPageContent .whatsNewPageHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.whatsNewPageMain .whtNewMainPageContent .whatsNewPageHeader .whatsNewHeadTitle {
    color: #1A1818;
    font-size: 72px;
    font-weight: 600;
    line-height: 120%;
    position: relative;
    z-index: 3;
    margin: 0;
}

.whatsNewMainContent {
    position: relative;
    z-index: 3;
    display: block;
    padding-bottom: 1px;
}

.whatsNewMainContent .updateBoxMain {
    max-width: 1100px;
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    position: relative;
}

.whatsNewMainContent .updateBoxMain+.updateBoxMain {
    padding-top: 125px;
}

.whatsNewMainContent .updateBoxMain::before {
    content: '';
    position: absolute;
    left: 17%;
    height: 100%;
    width: 1px;
    background-color: #c9c9c9;
    top: 10px;
}

.whatsNewMainContent .updateBoxMain .dateMonthBox {
    width: 15%;
    position: relative;
}

.whatsNewMainContent .updateBoxMain .dateMonthBox .monthTitle {
    margin: 0;
    font-size: 20px;
    position: sticky;
    top: 15px;
    text-align: center;
    color: #818181;
}

.whatsNewMainContent .updateBoxMain .dateMonthBox .monthTitle::before {
    content: '';
    position: absolute;
    right: -14px;
    top: 8px;
    height: 9px;
    width: 9px;
    background-color: #838383;
    border-radius: 100%;
}

.whatsNewMainContent .updateBoxMain .updateBoxContent {
    width: 80%;
    position: relative;
    padding: 35px 35px;
    border: 3px solid #e0e7f1;
    border-radius: 8px;
    background-color: #f8faff;
}

.whatsNewMainContent .updateBoxMain .updateBoxContent .updateBoxContentTitle {
    margin: 0 0 10px;
    font-size: 24px;
}

.whatsNewMainContent .updateBoxMain .updateBoxContent .updateBoxContentPara {
    font-weight: 400;
    font-size: 16px;
    color: #5e6278 !important;
    margin: 0 0;
}

.updateBoxContent .updateSemiBox+.updateSemiBox {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #e5e5e5;
}

.updateBoxContent .updateSemiBox ul {
    margin-top: 15px;
}

.updateBoxContent .updateSemiBox ul li {
    list-style-type: disc;
    color: #5e6278 !important;
    font-size: 16px;
}

.updateBoxContent .updateSemiBox ul li+li {
    margin: 10px 0 0 0;
}

@media (max-width: 1699px) {
    .whatsNewMainContent .updateBoxMain .dateMonthBox .monthTitle::before {
        right: -13px
    }
}

@media (max-width: 1440px) {
    #whats_new_popup_details .modal-body {
        padding: 30px 25px;
    }

    #whats_new_popup_details .intro_new_features .btn-icon {
        top: -20px;
        right: -15px;
    }

    #whats_new_popup_details .intro_new_features .new_featuresTitle {
        font-size: 28px;
    }

    .intro_new_features .main-container {
        padding: 15px;
    }
}

@media (max-width:1199px) {
    .whatsNewMainContent .updateBoxMain {
        max-width: 100%;
    }

    .whatsNewMainContent .updateBoxMain .dateMonthBox .monthTitle::before {
        right: -11px
    }

    #whats_new_popup_details .modal-body {
        padding: 30px 30px;
    }
}

@media (max-width:991px) {

    .whatsNewMainContent .updateBoxMain .dateMonthBox .monthTitle::before {
        right: -7px
    }

    .whatsNewMainContent .updateBoxMain .updateBoxContent {
        width: 82%;
    }

    .whatsNewMainContent .updateBoxMain .dateMonthBox .monthTitle {
        font-size: 18px;
        padding-right: 10px;
        line-height: 125%;
    }

    .whatsNewMainContent .updateBoxMain .updateBoxContent .updateBoxContentTitle {
        font-size: 20px;
    }

    .whatsNewMainContent .updateBoxMain .updateBoxContent .updateBoxContentPara,
    .updateBoxContent .updateSemiBox ul li {
        font-size: 14px;
    }

    .updateBoxContent .updateSemiBox+.updateSemiBox {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #e5e5e5;
    }
}

/* What's New Page New Design prnv 16-4-25 End  */


.workFlow_summary_popup {
    overflow-x: hidden;
}

/* timesheet project design changes JD 18-04-2025 S */
.status-badge {
    width: fit-content;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}

.timesheet_badge_complete {
    /* background-color: #dfffea; */
    color: #17c653;
}

.timesheet_badge_hold {
    /* background-color: #f9f9f9; */
    color: #ff942e;
}

.timesheet_badge_not_started {
    /* background-color: #f8f5ff; */
    color: #717171;
}

.timesheet_badge_in_progress {
    /* background-color: #fff8dd; */
    color: #1d4181;
}

.timesheet_badge_cancel {
    /* background-color: #ffeef3; */
    color: #f8285a;
}

#timesheet_project_tasks_datatable .timesheetProjectTaskIsBillable, .timesheetProjectIsBillable {
    font-size: 10px;
}

.project_cost_summary_report .report_title {
    font-weight: 500;
    font-size: 24px;
    color: #181c32;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.project_cost_summary_report .project_summary_table th {
    font-size: 13px !important;
    padding: 10px 15px !important;
    text-align: center;
    line-height: 22px !important;
    background-color: #323452 !IMPORTANT;
    color: white !important;
    border: 1px solid #ddd;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.project_cost_summary_report .project_summary_table td {
    border: 1px solid #ddd;
    vertical-align: middle !important;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 15px;
    color: #222 !important;
}

.project_cost_summary_report .project_summary_table td:first-child, .project_cost_summary_report .project_summary_table td:last-child {
    border-left: none;
}

.project_employee_table th {
    font-size: 15px;
    color: #222 !important;
    text-align: center !important;
    background-color: #f5f5f5;
}

.project_employee_table th {
    font-size: 15px;
    color: #222 !important;
    text-align: center;
    background-color: #f5f5f5;
}

.project_employee_table thead tr th:first-child {
    text-align: left !important;
}

.project_employee_table td {
    vertical-align: middle !important;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 15px;
    color: #222 !important;
}

.project_employee_table tr td, .project_employee_table tr th {
    border: 1px solid #ddd;
}

.project_employee_table tr td:first-child, .project_employee_table tr th:first-child {
    border-left: none;
}

.project_employee_table tr td:last-child, .project_employee_table tr th:last-child {
    border-right: none;
}

/* timesheet project design changes JD 18-04-2025 E */
.modal#sidepanel_modal {
    overflow-y: hidden;
}

.menuPopup .modal-body#main_menu_list .modal-body-inner {
    min-height: 250px;
    max-height: calc(100vh - 89px);
}

@media (max-width: 1199px) {
    .newheaderArea .sub_title_list .sub_title {
        font-size: 11px;
        padding: 0 0 8px;
    }

    .newheaderArea .sub_title_list .sub_title+.sub_title {
        margin-left: 10px;
    }

    .newheaderArea .sub_title_list .sub_title_active::before {
        bottom: -4px;
        height: 2px;
    }
}

@media (max-width: 991px) {
    .newheaderArea .sub_title_list .sub_title+.sub_title {
        margin-left: 5px;
    }

    .newheaderArea .sub_title_list .sub_title {
        font-size: 9px;
    }
}

.project_summary_data .summary_report_data_box {
    position: relative;
}

.project_summary_data .summary_report_data_box .form-box-title {
    position: absolute;
    top: -9px;
}

.badge.badge-circle.view_all_cnt {
    width: 1.75rem !important;
    font-size: 11px !important;
    letter-spacing: 0.5px;
    padding: 10px;
}

/* As discussed with Dhruv sir I have commented the code - Dhwani */
/* Common listing page table scroll height design changes JD 29-04-2025 S */
/* @media (max-width: 1440px) {
    .dataTables_wrapper.no-footer .dataTables_scrollBody.table-common-height{
        height: calc(-342px + 100vh)!important;
    }
}

@media (max-width: 1366px) {
    .dataTables_wrapper.no-footer .dataTables_scrollBody.table-common-height {
        height: calc(-346px + 100vh) !important;
    }
}

@media (max-width: 1024px) {
    .dataTables_wrapper.no-footer .dataTables_scrollBody.table-common-height {
        height: calc(-350px + 100vh) !important;
    }
}

@media (max-width: 768px) {
    .dataTables_wrapper.no-footer .dataTables_scrollBody.table-common-height {
        height: calc(-325px + 100vh) !important;
    }
} */

/* Common listing page table scroll height design changes JD 29-04-2025 E */
.contactPerson.noteDetails ul li b {
    margin-right: 7px;
}
.OnboardingContainer .welcom-box-inner{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-height: 405px;
    overflow-y: auto;
    scrollbar-width: thin;
}

@media (max-width: 1600px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 450px;
    }
}

@media (max-width: 1440px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 550px;
    }
}

@media (max-width: 1366px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 500px;
    }
}

@media (max-width: 1299px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 460px;
    }
}

@media (max-width: 1024px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 350px;
    }
}

@media (max-width: 991px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 500px;
    }
}

.notification_close_popup i, .kt_drawer_chat_close a i {
    color: #a1a5b7 !important;
}

.notification_close_popup:hover i, .kt_drawer_chat_close:hover i {
    color: #ffffff !important;
}

/* Menu Sidebar switch CSS S */
.switch_for_menu .button-inner-wrapper {
    height: 65px;
}

.toggle-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 0.5em;
    padding: 0.125em;
    background-image: linear-gradient(to bottom, #d8d8d8, #f2f2f2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    transform: rotate(90deg);
    webkit-transform: rotate(90deg);
    moz-transform: rotate(90deg);
    ms-transform: rotate(90deg);
    margin-top: 18px;
}

.toggle-checkbox {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 1;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.toggle-container {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 0.375em;
    width: 3em;
    height: 1.5em;
    background-color: #f2f2f2;
    box-shadow: inset 0 0 0.0625em 0.125em rgba(255, 255, 255, 0.2), inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.4);
    transition: background-color 0.4s linear;
}

.toggle-checkbox:checked+.toggle-container {
    background-color: var(--theme-color-light);
}

.toggle-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0.0625em;
    border-radius: 0.3125em;
    width: 1.375em;
    height: 1.375em;
    background-color: #ffffff;
    box-shadow: inset 0 -0.0625em 0.0625em 0.125em rgba(0, 0, 0, 0.1), inset 0 -0.125em 0.0625em rgba(0, 0, 0, 0.2), inset 0 0.1875em 0.0625em rgba(255, 255, 255, 0.3), 0 0.125em 0.125em rgba(0, 0, 0, 0.5);
    transition: left 0.4s;
}

.toggle-checkbox:checked+.toggle-container>.toggle-button {
    left: 1.5625em;
}

.toggle-button-circles-container {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    gap: 0.125em;
    position: absolute;
    margin: 0 auto;
}

.toggle-button-circle {
    border-radius: 50%;
    width: 0.125em;
    height: 0.125em;
    background-image: radial-gradient(circle at 50% 0, #f6f0e9, #bebcb0);
}

.switch_for_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f9f9f9;
    padding: 5px 4px;
    margin: 0 3px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.switch_for_menu span.switch_menu_title {
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    color: #000000;
}

@media (max-width: 1199px) {
    .switch_for_menu {
        flex-direction: row;
        padding: 15px 10px;
        justify-content: space-evenly;
    }

    .toggle-wrapper {
        background-image: none;
        transform: rotate(180deg);
        margin: 0;
    }

    .switch_for_menu .button-inner-wrapper {
        transform: rotate(-180deg);
        display: flex;
        margin: 0px 0;
    }

    .switch_for_menu span.switch_menu_title {
        font-size: 12px;
    }
}

/* Menu Sidebar switch CSS E */

.candidateOnboardingForm .content_box .content_box_left {
    width: calc(100% - 300px);
    margin: 0 30px 0 0;
}

.candidateOnboardingForm .contactPerson {
    height: 100%;
}

.OnboardingContainer .welcom-box-inner p:last-child {
    margin-bottom: 0;
}

.candidateOnboardingForm .content_box .content_box_left.content-full {
    width: 100%;
    margin: 0 0px 0 0;
}

.candidateOnboardingForm .contactPerson .not-list p {
    margin: 15px 0 0 0;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    padding: 15px;
    border-radius: 5px;
    font-style: italic;
    font-weight: 500;
    color: #7f7f7f;
    position: relative;
}

@media (max-width: 1600px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 415px;
    }
}

@media (max-width: 1299px) {
    .filed_listing li label .others_details_que_ans span {
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    .filed_listing li label .others_details_que_ans span {
        font-size: 11px;
    }
}

@media (max-width: 1024px) {
    .addedFormSec {
        height: 100%;
        min-height: 100% !important;
        max-height: 100% !important;
    }

    .filed_listing li {
        min-width: 100%;
    }

    .OnboardingContainer .welcom-box-inner {
        max-height: 315px;
    }
}

@media (max-width: 991px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 100%;
    }
}

table.dataTable.border-bottom {
    margin-bottom: 0 !important;
}

table.dataTable thead th.leave_sticky {
    position: sticky;
    left: 0;
    background-color: #323452;
}

.attendance_muster_datepicker_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 336px);
}

@media (max-width:1366px) {
    .attendance_muster_datepicker_section {
        width: calc(100% - 305px);
    }
}

@media (max-width:1299px) {
    .attendance_muster_filter_section {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start;
    }

    .attendance_muster_datepicker_section {
        width: 100%;
    }

    .attendance_muster_filter {
        margin: 0 0 10px 0;
    }

    .attendance_muster_filter .attendance_filter_inner {
        border-right: none !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width:1199px) {
    .attendance_muster_right_part {
        margin: 20px 0 0 0;
    }
}

/* with buddy and content scenario S */
.OnboardingContainer .welcom-box-inner {
    max-height: 475px;
}

@media (max-width:1600px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 415px;
    }
}

@media (max-width:1440px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 525px;
    }
}

@media (max-width:1366px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 475px;
    }
}

@media (max-width:1299px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 425px;
    }
}

@media (max-width: 1024px) {
    .OnboardingContainer .welcom-box-inner {
        max-height: 100%;
    }
}

/* with buddy and content scenario E */
/* withot buddy and content scenario S */
.candidateOnboardingForm .content_box .content_box_left.content-full .welcom-box-inner {
    max-height: 515px;
}

@media (max-width:1600px) {
    .candidateOnboardingForm .content_box .content_box_left.content-full .welcom-box-inner {
        max-height: 415px;
    }
}

@media (max-width:1440px) {
    .candidateOnboardingForm .content_box .content_box_left.content-full .welcom-box-inner {
        max-height: 525px;
    }
}

@media (max-width: 1366px) {
    .candidateOnboardingForm .content_box .content_box_left.content-full .welcom-box-inner {
        max-height: 485px;
    }
}

@media (max-width: 1299px) {
    .candidateOnboardingForm .content_box .content_box_left.content-full .welcom-box-inner {
        max-height: 425px;
    }
}

@media (max-width: 1024px) {
    .candidateOnboardingForm .content_box .content_box_left.content-full .welcom-box-inner {
        max-height: 100%;
    }

    .candidateOnboardingForm .contentInner {
        max-height: 100%;
    }

    .OnboardingContainer {
        align-items: flex-start;
        margin-top: 25px;
    }
}

/* withot buddy and content scenario E */
/* payroll design changes JD 16-05-2025 S */
.custom-file-label{
    font-size: 12px!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 70px);
    display: block;
    overflow: hidden;
}

@media (max-width: 1299px) {
    .form-control, .form-select.form-select-solid {
        font-size: 11px;
    }
}

/* payroll design changes JD 16-05-2025 E */

/* Add Onboardnig report Menu Icon S */
.menuPopup .modal-body .menu-column a.OnboardingReportMenu svg {
    fill: #6a6a6a;
    transform: rotate(-45deg);
    transform-origin: center;
    margin-left: 5px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}

.menuPopup .modal-body .menu-column a.OnboardingReportMenu:hover {
    color: var(--bg-color);
}

.menuPopup .modal-body .menu-column a.OnboardingReportMenu:hover svg {
    transform: rotate(0);
}

/* Add Onboardnig report Menu Icon E */

/* Favorite Section Click 27-05-2025 S */
#myReports .accordion-header {
    position: relative;
}

.FavSec {
    height: 35px;
    padding: 0 5px 0 10px;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 99;
}

/* Favorite Section Click 27-05-2025 E */

/* Canara Bank Report CSS Starts */
.canaraBankReportTable .table thead {
    width: calc(100% - 5px) !important;
}

.canaraBankReportTable .table tbody::-webkit-scrollbar,
.canaraBankReportTable .table tbody::-webkit-scrollbar-track {
    background-color: transparent !important;
}

/* Canara Bank Report CSS Ends */

/* LMS SSHR Analytics Page Design and changes prnv 30-05-2025 Start */
.lms_emp_analytics_box .accordion .accordion-item .accordion-button {
    font-size: 16px !important;
    font-weight: 500;
}

.certificate_show_main .certi_img img {
    max-width: 100%;
}

.certificate_show_main .certi_details ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.certificate_show_main .certi_details {
    width: 100%;
    padding: 15px 0 0;
}

.certificate_show_main .certi_details ul li+li {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
}

.certificate_show_main .certi_details ul li .certi_details_label {
    font-size: 14px;
    font-weight: 600;
}

.certificate_show_main .certi_details ul li .certi_details_value {
    font-size: 14px;
    color: #6c6c6c;
    font-weight: 500;
}

.certificate_preview #edit_employee_summary .modal_view_certi_img img {
    max-width: 100%;
    border-radius: 10px;
}

.card.list-view {
    position: relative;
}

.card.list-view .completed_runnig_course::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    left: 0;
    top: 0;
    border-radius: 15px;
    opacity: 0.5;
    /* backdrop-filter: blur(2px); */
}

.upload_course_img.edit_course_img img.rechange_image {
    max-width: 100%;
    position: absolute;
    width: 97%;
    height: 97%;
    top: 0;
    border-radius: 6px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 1;
}

.upload_course_img.edit_course_img:hover .rechange_image {
    z-index: 0;
}

.modal_view_certi_img {
    border: 2px solid #ddd;
    padding: 10px;
    border-radius: 10px;
}

.lms_profile {
    font-size: 15px;
}

.lms_profile span {
    width: 24px;
    display: inline-block;
    text-align: center;
    height: 23px;
    background-color: #d4d4d4;
    border-radius: 5px;
    margin-left: 8px;
}

.lms_profile ul li+li {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #8c8d92;
}

.create_course_left_side .levelList {
    font-size: 14px;

}

.create_course_left_side .levelList li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--theme-color-light);
    opacity: 0.5;
}

.create_course_left_side .levelList li a {
    display: flex;
    align-items: center;
}

.create_course_left_side .levelList li.levelActive {
    opacity: 1;
    font-weight: 600;
}

.create_course_left_side .levelList li span {
    background-color: var(--theme-color-light);
    border-radius: 5px;
    min-width: 40px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

@media(max-width:1536px) {
    .add_course_field .name_img_box {
        padding: 20px 50px 20px 50px;
    }
}

/* LMS SSHR Analytics Page Design and changes prnv 30-05-2025 End */

/* PMS Dashboard Design Mantis Bugs S */
.pmsDashboard .no_table_data {
    position: relative;
    z-index: 9;
    top: 0;
    transform: translate(0, 0);
    min-height: 365px;
}

.pmsDashboard .card {
    min-height: 365px;
}

.pmsDashboard .card.employeeRatingTable {
    min-height: auto;
}

.pmsDashboard .loader-spin {
    border-radius: 17px;
}

/* PMS Dashboard Design Mantis Bugs E */

/* Widget Table Scroll S */
#manage_widgets_datatable_wrapper .dataTables_scrollBody {
    max-height: calc(100vh - 425px) !important;
}

/* Widget Table Scroll E */

#payroll_pay_components_datatable .badge {
    margin-bottom: 5px;
}

.contibutionCheckBox .radio-inline .form-check {
    width: 31%;
}

@media(max-width:1536px) {
    .contibutionCheckBox .radio-inline .form-check {
        width: 48%;
    }
}

/* Widget Table Scroll E */

/* PIP Module Pages S */
    .pipSummaryTable{
        table-layout: fixed;
    }
    .table.pipSummaryTable td{
        vertical-align: top;
    }
    .select2-container--bootstrap5 .pipStatus.select2-selection{
        height: 30px;
        padding-right: 25px;
    }
    .select2-container--bootstrap5 .pipStatus.select2-selection .select2-selection__rendered{
        font-weight: 600;
    }

/* PIP Module Pages E */
/* Table thead issue in Payroll table S*/
    .excelSheetreportView table thead{
        width: calc(100% - 5px) !important;
    }
    .excelSheetreportView table tbody::-webkit-scrollbar-track {
        background-color: transparent;
    }

    /* Table thead issue in Payroll table E*/
    .candidateOnboardingForm .custom-file .custom-file-label{
        width: calc(100% - 90px);
        display: block;
    }
/* Table thead issue in Payroll table E*/
.pip_textarea{
    resize: none;
}
.candidateOnboardingForm .custom-file .custom-file-label{
    width: calc(100% - 90px);
    display: block;
}
/* Custom datatable search */
.datatable-search-toggle {
    position: relative;
    display: inline-block;
}

.datatable-search-toggle {
    position: relative;
    display: inline-block;
}

.searchBoxWrapper {
    display: flex;
    justify-content: end;
    width: 300px;
    margin-left: auto;
    margin-right: 5px;
}
.searchBox {
    width: 34px;
    height: 34px;
    margin-top: 1px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px;
}
.datatable-search-icon {
    min-width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.datatable-search-icon:hover,
.datatable-search-icon.active {
    background: #f0f0f0;
}
.datatable-search-input {
    font-size: 14px;
    width: calc(100% - 35px);
    height: 35px;
    line-height: 35px;
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
    overflow: hidden;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    display: inline-block !important;
}
.searchBox.isOpen .datatable-search-input{
    padding: 0 30px 0 0;
}

@media(max-width:768px){
    /* .newheaderArea .sub_title_list .sub_title {
        font-size: 8px;
    } */
    .newheaderArea .sub_title_list .sub_title + .sub_title {
        margin-left: 7px;
    }
    .newheaderArea .sub_title_list .sub_title {
        padding: 0 0 3px;
    }
    .back-Btn {
        min-width: 40px;
        font-size: 10px;
    }
}

/* Course details page mantis design changes CSS S */
.textfulldateformat {
    min-width: 370px !important;
}

@media(max-width:991px){
    .textfulldateformat{
        min-width: 275px !important;
    }
}
.clear_start_date {
    position: absolute;
    right: 40px;
}

.clear_date {
    position: absolute;
    right: 40px;
    top: 9px;
}
@media(max-width:1366px){
    .clear_date {
        top: 6px;
    }
}
/* Course details page mantis design changes CSS E 10-06-2025*/

/* New Login Page Start */

@media(max-width:1280px) {
    .newheaderArea .sub_title_list .sub_title+.sub_title {
        margin-left: 8px;
    }

    .newheaderArea .sub_title_list .sub_title {
        font-size: 12px;
    }
}

@media(max-width:1024px) {
    .newheaderArea .sub_title_list .sub_title {
        font-size: 11px;
    }

    .newheaderArea .sub_title_list .sub_title+.sub_title {
        margin-left: 7px;
    }
}

@media(max-width:991px) {
    .col-form-label, .form-control, .form-select.form-select-solid {
        font-size: 10px;
    }

    .newheaderArea .sub_title_list .sub_title {
        font-size: 9px;
    }

    .textfulldateformat {
        min-width: 275px !important;
    }
}

@media(max-width:768px) {
    .newheaderArea .sub_title_list .sub_title {
        font-size: 8px;
    }

    .newheaderArea .sub_title_list .sub_title+.sub_title {
        margin-left: 7px;
    }

    .back-Btn {
        min-width: 40px;
        font-size: 10px;
    }
}

/* Course details page mantis design changes CSS E 10-06-2025*/

/* New Login Page Start */

.account-images {
    background-image: url(../images/person.jpg);
}

.newlogin_page .auth-brand-logo {
    max-width: 200px;
}

.newlogin_page {
    align-items: center;
    display: flex;
    min-height: 100vh;
    background-color: #f6f8fb;
}

.newlogin_page .newlogin_page-bg {
    background-image: url(../images/newlogin.jpg);
    background-size: cover;
    background-position: center center;
    min-height: calc(100vh - 24px);
    display: flex;
    justify-content: center;
    border-radius: 15px;
    position: relative;
}

.newlogin_page .newlogin_page-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    opacity: 0.5;
    border-radius: 15px;
}

.newlogin_page .newlogin_page-bg .auth-image {
    max-width: 800px;
    margin: auto;
}

.auth-title-section p {
    line-height: 1.6rem;
}

.header-box {
    background-color: var(--primary);
}

.auth-button a {
    color: var(--dark);
    font-weight: 500;
    border: 1px solid var(--bs-gray-400);
}

.saprator {
    position: relative;
    text-align: center;
}

.newlogin_page .saprator span {
    background-color: #ffffff;
    padding: 0 8px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.saprator::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100px;
    top: 50%;
    height: 1px;
    background: #e5eaef;
}

.saprator::after {
    content: "";
    position: absolute;
    right: 0;
    width: 100px;
    top: 50%;
    height: 1px;
    background: #e5eaef;
}

.auth-user-review {
    color: #ffffff;
    position: absolute;
    margin: 0 auto;
    padding: 0 1.75rem;
    bottom: 3rem;
}

.auth-user-review p.prelead {
    font-size: 18px;
    margin: 0 auto 20px auto;
    max-width: 700px;
}

.auth-brand span.logo-lg {
    display: block;
}

.newlogin_page-bg .carousel .carousel-item,
.newlogin_page-bg .carousel .carousel-item h4 {
    color: #ffffff;
}

.newlogin_page .position-relative i.show-login-pass,
.newlogin_page .position-relative i.hide-login-pass,
.newlogin_page .position-relative i.password_acc,
.newlogin_page .position-relative i.cnfrm_password_acc {
    position: absolute;
    top: 13px !important;
    right: 13px !important;
}

/* .newlogin_page .new_session_msg {
    position: absolute;
    top: -20px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 80%;
  } */
.newlogin_page .new_session_msg {
    position: relative;
    top: 0 !important;
    left: 0;
    right: 0;
    margin: 0 auto 10px;
    max-width: 100%;
}

#reset_password .password_info {
    position: absolute;
    background-color: #fff;
    right: -360px;
    max-width: 340px;
    top: 50%;
    transform: translate(0, -15%);
    z-index: 99;
}

.newlogin_page .twoStepInfo {
    position: absolute;
    background-color: #fff;
    right: -310px;
    left: auto;
    bottom: auto;
    max-width: 300px;
    display: none;
    z-index: 99;
    top: calc(50% + 10px);
}

.newlogin_page .form-control.is-valid {
    border: 1px solid var(--bs-gray-300);
}

@media(max-width:1366px) {
    .newlogin_page .auth-brand-logo {
        max-width: 150px;
    }

    .auth-title-section h3 {
        font-size: 22px;
    }

    .auth-user-review p.prelead {
        font-size: 16px;
        margin: 0 auto 20px auto;
        max-width: 700px;
    }

    .authBtns {
        padding: 8px 10px !important;
    }

    .authBtns svg {
        max-width: 18px;
        max-height: 18px;
    }

    .newlogin_page .position-relative i.show-login-pass, .newlogin_page .position-relative i.hide-login-pass,
    .newlogin_page .position-relative i.password_acc, .newlogin_page .position-relative i.cnfrm_password_acc {
        font-size: 14px;
        top: 11px;
    }

    .password_info .pi_list li {
        font-size: 13px;
    }

    .password_info .pi_title {
        font-size: 14px;
        line-height: 150%;
    }

}

@media(max-width:1024px) {
    .newlogin_page {
        position: relative;
    }

    .newlogin_page:before {
        position: absolute;
        content: "";
        opacity: 0.05;
        background-image: url(../images/newlogin.jpg);
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
    }

    #reset_password .password_info {
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -75%;
        top: auto;
        transform: translate(0, 0);
    }

    .newlogin_page .position-relative i.show-login-pass, .newlogin_page .position-relative i.hide-login-pass,
    .newlogin_page .position-relative i.password_acc, .newlogin_page .position-relative i.cnfrm_password_acc {
        font-size: 14px;
        top: 8px !important;
    }

    .newlogin_page .twoStepInfo {
        left: 0;
        right: 0;
        margin: 25px auto 0;
        top: auto;
    }
}

/* New Login Page End */

.searchBox.isOpen,
.searchBox.isOpen .datatable-search-input{
    width: 100%;
}
.datatable-clear-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
}
/* End custon datatable search */

.no-record-datatable {
    height: calc(100% - 10px);
}
.filter-sec.filter-inner-section .filter-right-section{
    width: 100%;
    margin-right: 15px;
}

.filter-sec.filter-inner-section .filter-left-section {
    margin: 0 0 5px 0;
}

@media(max-width:1199px) {
    .filter-sec.filter-inner-section {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-direction: row;
    }

    .filter-sec.filter-inner-section .filter-left-section {
        margin: 0 0 5px 0;
        flex-wrap: wrap;
    }

    .filter-sec.filter-inner-section .filter-right-section {
        width: auto;
        margin-right: 0;
        display: inline-flex !important;
    }

    .filter-sec.filter-inner-section .filter-right-section .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .filter-sec.filter-inner-section .filter-left-section .datepicker-sec {
        margin: 0 0 10px 0 !important;
    }
}
@media(max-width:1024px) {
    .filter-sec.filter-inner-section .filter-left-section .datepicker-sec {
        margin: 0 10px 0 0 !important;
    }
    .filter-sec.filter-inner-section.courseDetailFilter{
        justify-content: space-between !important;
    }
    .filter-sec.filter-inner-section.courseDetailFilter .textfulldateformat{
        min-width: 240px !important;
    }
}

/* .modal.onboarding-popup .modal-body{
    min-height: 500px;
} */
@media(max-width:1399px) {
    /* .modal.onboarding-popup .modal-body{
        min-height: 450px;
    } */
}

.steps-wrap .step-sidebar .nav-fill .nav-link.active:hover {
    color: #ffffff;
}

@media(max-width:1599px) {
    .auth-title-section p {
        font-size: 13px !important;
    }
}

/* login page carousel text overlapping problem solved 20-6-25 prnv start */
#carouselExampleFade .login_page_testi_slider_inner {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    width: 100%;
    z-index: 0;
}

#carouselExampleFade .carousel-item.active .login_page_testi_slider_inner {
    opacity: 1;
    position: relative;
    z-index: 1;
}

/* login page carousel text overlapping problem solved 20-6-25 prnv End */
/* new login page design changes JD 25-06-2025 S */
.newlogin_page .auth-brand-logo {
    max-width: 9.5vw;
}

.auth-title-section h3 {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3f4254 !important;
}
@media (max-width: 1366px) {
    .auth-title-section h3 {
        font-size: 13px !important;
    }
}

.auth-title-section p {
    line-height: 1.6rem;
    font-size: 0.792vw !important;
}

.btn.authBtns {
    padding: 12px 18px !important;
}

.powerByLogo {
    display: flex;
    margin: 8px auto 0;
    font-size: 0.729vw;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
}

.powerByLogo img {
    width: 5.20vw;
    margin-left: 5px;
    opacity: 1;
}

@media(max-width:1440px) {
    .btn.authBtns {
        padding: 10px 12px !important;
    }

    .btn.authBtns svg {
        max-width: 16px;
        max-height: 16px;
    }

    .newlogin_page .saprator::before, .saprator::after {
        width: 70px;
    }
}

@media(max-width:1366px) {
    .btn.authBtns {
        padding: 8px 10px !important;
    }
}

@media(max-width:1024px) {
    .powerByLogo {
        font-size: 13px;
    }

    .powerByLogo img {
        width: 85px;
    }

    .newlogin_page .auth-brand-logo {
        max-width: 150px;
    }

    .auth-title-section h3 {
        font-size: 16px;
    }
}

/* new login page design changes JD 25-06-2025 E */

/* New onboarding form page CSS prnv 26-06-2025 Start */
.candidateOnboardingPage{
    background-color: #f5f6f8;
    scroll-behavior: smooth;
}
.main-ob-form-wrap .step_form_page_section {
    width: 100%;
    padding: 50px 100px 0 100px;
    background-color: #f5f6f8;
    color: white;
}
.main-ob-form-wrap .steps_nav_link_wrap {
    position: fixed;
    top: 55px;
    left: 0;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #fff;
    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.04);
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation {
  /* background-color: #fff; */
  background-color: transparent;
  color: #fff;
  width: 75%;
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation_link {
  display: flex;
  align-items: center;
  color: #ddd;
  text-decoration: none;
  padding: 10px 15px;
  font-weight: 400;
  margin-bottom: 15px;
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation_link .step_form_name {
    font-size: 16px;
    color: #546274;
    font-weight: 600;
    margin-left: 15px;
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation_link .step_form_count {
    height: 35px;
    width: 35px;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #546274;
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation_link:hover .step_form_name{
  color: var(--bs-primary);
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation_link.active .step_form_count{
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}
.main-ob-form-wrap .steps_nav_link_wrap .navigation_link.active .step_form_name{
    color: var(--bs-primary);
}
.step_form_page_section .first_step_welcome_text {
    font-size: 40px;
    font-weight: 700;
    color: rgb(0 78 121 / 100%);
    margin-bottom: 30px;
}
div#welcomeOBsection {
    min-height: calc(100vh - 113px);
    margin: 0;
    background-color: #eef2fb;
    padding: 20px 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.step_form_page_section .fswc_para {
    font-size: 16px;
    color: #546274;
    font-weight: 500;
}
.step_form_page_section .fswc_shift_details ul li{
    color: #546274;
    font-weight: 600;
}
.step_form_page_section .fswc_shift_details ul li + li{
    /* margin-top: 10px; */
    margin-left: 20px;
}
.step_form_page_section .fswc_shift_details{
    margin: 25px 0;
}
.step_form_page_section .first_step_welcome_content {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 10px 10px #e9e9f3;
    flex-direction: column;
    width: 85%;
}
.step_form_page_section .first_step_welcome_content .welcomeNotes {
    max-width: 80%;
    margin: 0 auto;
}
.step_form_page_section .first_step_welcome_content .contactPerson.noteDetails{
    max-width: 75%;
    margin: 20px auto 0;
}
/* .step_form_page_section .first_step_welcome_content .contactPerson{
    margin-left: 10px;
    width: 40%;
} */
.step_form_page_section .first_step_welcome_content .contactPerson .not-list ul li{
    color: #546274;
}
.step_form_page_section .first_step_welcome_content .contactPerson .not-list ul li + li {
    margin-left: 20px;
    padding-left: 15px;
    border-left: 2px solid #ddd;
}
.step_form_page_section .first_step_welcome_content .contactPerson .not-list p{
    color: #546274;
}
h2.ob_forms_title {
    font-size: 46px;
    font-weight: 600;
}
.ob_forms_steps .ob_forms_field{
    padding: 20px 0 0;
}
.step_form_page_section .ob_forms_steps .form-control.ob_forms_input {
    height: 50px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    font-size: 15px;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.step_form_page_section .select2-container--bootstrap5 .select2-selection__clear span{
    top: -6px;
}
.step_form_page_section .ob_forms_steps textarea.form-control.ob_forms_input{
    padding-top: 10px;
}
.ob_forms_input.ob_browse_doc_forms{
    padding: 15px !important;
}
.step_form_page_section .ob_forms_steps .ob_forms_select{
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none !important;
    border-radius: 0 !important;
}
.step_form_page_section .ob_forms_steps .ob_form_label {
    font-size: 14px;
    font-weight: 700;
    color: #1c2437;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.added_qualifications_exp_details {
    background-color: #f2f2f2;
    padding: 15px;
    border-radius: 4px;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    margin: 15px 0;
    border: 1px solid #ddd;
}
.list_items_quali_exp {
    background-color: #ffffff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    position: relative;
}
.deg_com_name{
    color: #546274;
    font-size: 14px;
    font-weight: 500;
}
.added_qualifications_exp_details .list_items_quali_exp .delete-btn.remove_qualification, .delete-btn.remove_work_experience {
    position: absolute;
    right: -6px;
    top: -10px;
    cursor: pointer;
}
.navigation_link .step_form_done_mark{
    display: none;
}
.navigation_link.ob_step_done .step_form_done_mark{
    display: block;
}
.navigation_link.ob_step_done .step_form_count{
    display: none !important;
}
.main-ob-form-wrap .obLeftSection{
    width: 25%;
}
.main-ob-form-wrap .obRightSection{
    width: 75%;
}

.main-ob-form-wrap .obRightSection .ob_form_save_exit{
    position: sticky;
    top: 55px;
    background-color: #eef2fb;
    z-index: 99;
}
.main-ob-form-wrap .obLeftSection .obLeftSectionImg{
    position: fixed;
    bottom: 0;
    opacity: 0.7;
    z-index: -1;
}
.main-ob-form-wrap .obLeftSection .obLeftSectionImg img {
    width: 100%;
}

@media (max-width:1699px){
    .step_form_page_section .first_step_welcome_content{
        width: 95%;
    }
    .step_form_page_section .first_step_welcome_content .welcomeNotes{
        max-width: 90%;
    }
}
@media (max-width:1599px){
    .step_form_page_section .first_step_welcome_content{
        width: 100%;
    }
    .step_form_page_section .first_step_welcome_content .contactPerson.noteDetails{
        max-width: 85%;
    }
}
@media (max-width:1366px){
    .main-ob-form-wrap .steps_nav_link_wrap .navigation{
        width: 100%;
    }
    .main-ob-form-wrap .steps_nav_link_wrap .navigation_link{
        padding: 10px 10px;
        margin-bottom: 5px;
    }
    .main-ob-form-wrap .steps_nav_link_wrap .navigation_link .step_form_name{
        margin-left: 10px;
        font-size: 14px;
    }
    div#welcomeOBsection{
        padding: 20px 30px;
    }
    .step_form_page_section .first_step_welcome_content .welcomeNotes{
        max-width: 100%;
    }
    .step_form_page_section .first_step_welcome_text {
        font-size: 35px;
        margin-bottom: 15px;
    }
    .step_form_page_section .fswc_shift_details{
        margin: 15px 0;
    }
    .step_form_page_section .first_step_welcome_content .contactPerson.noteDetails{
        margin: 10px auto 0;
    }
    .main-ob-form-wrap .obLeftSection .obLeftSectionImg{
        max-width: 200px;
    }
}
@media (max-width:1199px){
    .main-ob-form-wrap .step_form_page_section{
        padding: 50px 20px 0 20px;
    }
    h2.ob_forms_title {
        font-size: 36px;
    }
}
@media(max-width: 1199px){
    div#welcomeOBsection{
        min-height: calc(100vh - 55px);
    }
    .contactPerson.noteDetails ul{
        flex-direction: column;
    }
    .contactPerson.noteDetails ul li{
        flex-direction: row;
    }
    .step_form_page_section .first_step_welcome_content .contactPerson .not-list ul li + li{
        margin-top: 0;
        margin-left: 0;
        padding-left: 0;
        border: 0;
    }
}
@media (max-width: 991px){
    .main-ob-form-wrap .steps_nav_link_wrap,
    .main-ob-form-wrap .obLeftSection{
        width: 30%;
    }
    .main-ob-form-wrap .obRightSection{
        width: 70%;
    }
    .step_form_page_section .first_step_welcome_content .contactPerson.noteDetails{
        max-width: 100%;
    }
}
/* New onboarding form page CSS prnv 26-06-2025 End */
/* Shift schedule report S */
table.dataTable thead th.leave_sticky {
    z-index: 1;
}

.table-container .shift_schedule_report_table table thead th:nth-child(2),
.table-container .shift_schedule_report_table table tbody td:nth-child(2) {
    position: sticky;
    left: 221px !important;
}

.table-container .shift_schedule_report_table table tbody td:nth-child(2){
    background-color: #f5f5f5;
}
@media (min-width: 992px){
    .content{
        padding: 10px 0 0;
    }
}
@media (min-width: 1441px){
    .content{
        padding: 10px 0 0;
    }
}
@media (max-width: 1499px){
    div.table-responsive>div.dataTables_wrapper>div.row{
        margin: 0 !important;
    }
}
.table_additional_listing .grid-list-subtitle-bg{
    background-color: #f9f9f9;
    padding: 10px;
}
.table_additional_listing #instDetailsRow thead{
    display: contents !important;
}
#visitorTable_wrapper #visitorTable thead{
        display: contents !important;
}

/* New Company Changes drawer Start */
.company_changes_logo {
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_employee_company_access {
    position: relative;
    opacity: 0.5;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    border-radius: 0 10px 10px 0 !important;
}

.custom_employee_company_access:hover,
.custom_employee_company_access.company_selected {
    opacity: 1;
}

.custom_employee_company_access.company_selected {
    border-color: #404152 !important;
    border: 1px solid;
    border-left: 0;
}

.custom_employee_company_access:before {
    position: absolute;
    content: "";
    width: 4px;
    height: calc(100% + 2px);
    background-color: #cccccc;
    top: -1px;
    left: 0;
    border-radius: 0;
}

.custom_employee_company_access.company_selected:before {
    background-color: #404152;
}

    .company_changes_slider .company_changes_slider_inner{
        height: calc(100vh - 180px) !important;
    }
    .company_changes_logo{
        margin-right: 15px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .custom_employee_company_access{
        position: relative;
        opacity: 0.5;
        transition: 0.3s ease-in-out all;
        -webkit-transition: 0.3s ease-in-out all;
        -mos-transition: 0.3s ease-in-out all;
        -ms-transition: 0.3s ease-in-out all;
        border-radius: 0 10px 10px 0 !important;
    }
    .custom_employee_company_access:hover,
    .custom_employee_company_access.company_selected{
        opacity: 1;
    }
    .custom_employee_company_access.company_selected{
        border-color: #404152 !important;
        border: 1px solid;
        border-left: 0;
    }
    .custom_employee_company_access:before {
        position: absolute;
        content: "";
        width: 4px;
        height: calc(100% + 2px);
        background-color: #cccccc;
        top: -1px;
        left: 0;
        border-radius: 0;
    }
    .custom_employee_company_access.company_selected:before{
        background-color: #404152;
    }
/* New Company Changes drawer End */


/* Live Process Changes 01-07-2025 S */
.menuPopup .menu-column.reportMenu {
    max-width: 45%;
}

.landingComingSoon h1 {
    font-size: 42px;
    /* text-transform: uppercase; */
    font-weight: 300;
    margin: 0 auto 50px;
    max-width: 60%;
    line-height: 150%;
}

@media(max-width:1440px) {
    .landingComingSoon h1 {
        max-width: 80%;
    }
}

/* Live Process Changes 01-07-2025 E */

/* twoStepVerify code start here 08-07-2025 */
.twoStepVerify .auth-info-section {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    /* flex-direction: column; */
}

.twoStepVerify .auth-info-section .auth-logo {
    display: flex;
    justify-content: center;
    margin: 0 15px 0 0;
}

.twoStepVerify .auth-info-section .auth-logo img {
    max-width: 100%;
    width: 35px;
}

.twoStepVerify .auth-info-section .auth-details {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.twoStepVerify .auth-info-section .auth-details .auth-message {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--body-text);
}

.auth-user-details .user-logo img {
    max-width: 100%;
    width: 25px;
    opacity: 0.25;
    margin-right: 5px;
}

.auth-user-details {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 20px; */
}

.auth-user-details .user-logo {
    display: inline-flex;
    align-items: center;
    margin: 0 3px 0 0;
}

.auth-user-details .user-id {
    font-size: 14px;
    font-weight: 500;
    color: var(--body-text);
    display: inline-flex;
    align-items: center;
}

.twoStepVerify .auth-user-description {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-bottom: 20px;
}

.twoStepVerify .auth-user-description p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 0.5px;
    line-height: 130%;
    color: #939393;
    text-align: left;
}

.twoStepVerify .authenticate-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.twoStepVerify .authenticate-links ul li {
    /* font-weight: 600;
    font-size: 12px;
    color: var(--theme-color); */
}

.twoStepVerify .authenticate-links {
    margin-bottom: 20px;
}

.twoStepVerify .authenticate-btns .back-sign-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.twoStepVerify .btn-light-danger {
    padding: 10px 12px !important;
    font-size: .75rem !important;
    width: 75px !important;
}

.twoStepVerify .qr-code {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.twoStepVerify .qr-code img {
    max-width: 100%;
    width: 150px;
}

.twoStepVerify .qr-note {
    margin-bottom: 20px;
}

.twoStepVerify .qr-note .description {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 0;
    line-height: 130%;
    color: #939393;
    text-align: center;
    max-width: 90%;
    margin: -15px auto 0;
}

@media(max-width:1599px) {
    .twoStepVerify .qr-code img {
        width: 125px;
    }
}
/* Live Process Changes 01-07-2025 E */

/* New page Design for create e-sign prnv CSS 03-07-2025 Start */

.modules_listing_items_wrap {
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.modules_listing_items{
    max-height: 356px;
    padding-right: 5px;
}
.modules_listing_items .ml_item {
    background-color: #f7fafc;
    padding: 10px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    transition: 0.4s ease-in-out all;
}
.modules_listing_items .ml_item + .ml_item{
    margin-top: 10px;
}
.modules_listing_items .ml_item:hover{
    background-color: #edf2f7;
}
.modules_listing_items .ml_item .mli_data_name {
    font-weight: 500;
    color: #2d3748;
    font-size: 14px;
    line-height: 125%;
}
.modules_listing_items .ml_item .mli_variable_name {
    color: #718096;
    font-size: 13px;
}
.download_icon{
    padding: 4px;
    border-radius: 5px;
    background-color: #d6d6d6;
    color: #000000!important;
    font-size: 12px;
    opacity: .8;
    transition: 0.4s ease-in-out all;
}
.download_icon i{
    color: #000000;
}
.download_icon:hover{
    opacity: 1;
    transition: 0.4s ease-in-out all;
}
.action-btns .btn-icon.analytics_bg {
    background-color: #ebebeb;
}
.action-btns .btn-icon.analytics_bg i{
    color: #726b6b;
}
.e_sign_analytics .nav-tabs{
    margin-bottom: 15px;
}
.e_sign_analytics .nav-tabs .nav-item{
    list-style-type: none;
    margin: 0;
}
.e_sign_analytics .nav-tabs .nav-item + .nav-item{
    margin-left: 15px;
}
.e_sign_analytics .nav-tabs .nav-item .nav-link{
    border: 0;
    border-bottom: 3px solid transparent;
    color: #686868;
}
.e_sign_analytics .nav-tabs .nav-item .nav-link.active{
    border-bottom-color: #000000;
    color: #000000;
}
.e_sign_analytics .nav-tabs .nav-item + .nav-item{
    margin-top: 0;
}
.e_sign_analytics .send_reminder_btns{
    position: absolute;
    top: 15px;
    right: 35px;
}
.select2-selection.newRequiredField.form-select.form-select-solid:focus{
    border-color: #ffb9cd !important;
}
/* New page Design for create e-sign prnv CSS 03-07-2025 End */
.newRequiredField{
    background-color: #ffffff !important;
    border-color: #ffb9cd !important;
}

/* Swarl Popup Changes 04-07-2025 S */
    .swal2-icon{
        margin:.5em auto;
    }
    .swal2-title{
        padding: .25em 1em;
    }
/* Swarl Popup Changes 04-07-2025 S */

@media(max-width:1440px) {
    .twoStepVerify .card-body {
        padding: 2rem !important;
    }
}

@media(max-width:1366px) {
    .twoStepVerify .card-body {
        padding: 1.5rem !important
    }

    .twoStepVerify .qr-code img {
        width: 100px;
    }

    .twoStepVerify .auth-info-section .auth-logo img {
        width: 30px;
    }

    .twoStepVerify .auth-info-section .auth-logo {
        margin: 0 10px 0 0;
    }

    .twoStepVerify .qr-note .description {
        font-size: 12px;
    }

    .twoStepVerify .auth-user-description p {
        font-size: 12px;
    }
}

@media(max-width:1299px) {
    .twoStepVerify .auth-info-section .auth-details .auth-message {
        font-size: 13px;
    }

    .twoStepVerify .form-control.form-control-solid {
        font-size: 0.75rem !important;
    }
}

/* twoStepVerify code end here 08-07-2025 */

/* Datatable resposponsive issue S */
    .activity_process_filter .accordion-button{
        padding: .75rem 4rem 0.75rem 0.75rem;
    }
/* Live Process Changes 01-07-2025 E */

/* Swarl Popup Changes 04-07-2025 S */
    .swal2-icon{
        margin:.5em auto;
    }
    .activity_process_filter .accordion-button::before,
    .activity_process_filter .accordion-button::after{
        right: 10px;
        top: 6px;
    }
    @media(max-width:1366px){
        .leaveTypeBtnSec .btn{
            font-size: 12px;
        }
    }
    @media(max-width:1300px){
        .leaveTypeBtnSec .btn{
            font-size: 11px;
            padding: 8px 6px !important;
        }
    }

/* Datatable resposponsive issue E */

/* new datatable design changes | Provided by Dhruv Bhai | 11-07-2025 */
.no-records-add-scroll-header{
    display: table;
    width: 100%;
}
/* new datatable design changes */
.scheduleSignature{
    padding: 5px 0px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background-color: transparent !important;
    text-decoration: underline;
    color: #326bb9!important;

}
.scheduleSignature i{
    color: #326bb9!important;
}
.scheduleSignature:hover,.scheduleSignature:focus,.scheduleSignature.active-content {
    background-color: transparent !important;
    color: #3f4254!important;
}
.scheduleSignature:hover i,.scheduleSignature:focus i,.scheduleSignature.active-content i{
    color: #3f4254!important;
}

#e_signature_pdf_viewer_container #acknowledgement_required_view {
    margin-top: 15px;
    display: none; /* Hide initially */
}
/* Hourly Base Page Start */
.table.gy-5 th.hourlyBaseRateColumn{
    padding: 0 !important;
}
.table.gy-5 th.hourlyBaseRateColumn th {
    border-top: 0 !important;
    padding: 0.20rem 0.6rem !important;
    border-bottom: 1px solid var(--bs-gray-200) !important;
}
/* Hourly Base Page End */

/* Pending Action Button Active S */
.pendingActionActive{
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.60);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
/* Pending Action Button Active E */
/* Xero page Start */
    .connectWithXeroPage {
        height: calc(100vh - 120px);
    }
    .connectWithXeroPage .btn svg,
    .reconnectXeroBtn svg{
        fill: #ffffff;
        transition: 0.5s ease-in-out all;
        margin-right: 5px;
    }
    .xeroPoints {
        list-style: disc;
    }
    .xeroPoints li + li {
        margin-top: 7px;
    }
    .btn.xeroBtn{
        border: 1px solid var(--theme-color) !important;
        padding: 8px 20px !important;
        transition: 0.3s ease-in-out all;
        margin-top: 15px;
    }
    .btn.xeroBtn:hover{
        background-color: var(--theme-color) !important;
        color: #ffffff !important;
    }
/* Xero page End */
/* Swarl Popup Changes 04-07-2025 S */

.shift_calendar .multishift_body .multishift_body_row .multishift_body_items,
.shift_calendar .multiShift_grid .multishift_header .multishift_header_items{
    padding: 5px;
    min-width: 200px;
    width: 100%;
    border: 1px solid #f2f2f2;
    border-collapse: collapse;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.shift_calendar .multishift_body .multishift_body_row .multishift_body_items{
    align-items: start;
}
.shift_calendar .multishift_header_items.header_items_name,
.shift_calendar .multishift_body_items.body_items_name{
    min-width: 200px;
    position: sticky;
    left: 0;
    background-color: #ffffff;
}

.shift_calendar .multishift_body .multishift_body_row{
    display: flex;
}
.shift_calendar .today_body_items,
.shift_calendar .multishift_header_items.today_header_items{
    background-color: var(--bg-light-primary);
}
.shift_calendar .multiShift_grid .multishift_header .multishift_header_items.today_header_items span.mhi_day_date{
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
}
@media(max-width:1366px){
    .shift_calendar .multishift_body .multishift_body_row .multishift_body_items,
    .shift_calendar .multiShift_grid .multishift_header .multishift_header_items{
        min-width: 135px;
        /* width: 130px; */
    }
    .shift_calendar .multishift_header_items.header_items_name,
    .shift_calendar .multishift_body_items.body_items_name{
        min-width: 150px;
        width: 135px !important;
    }
    .multiShift_grid .multishift_header .multishift_header_items span.mhi_day_date{
        font-size: 13px;
    }
    .shift_calendar  .shift_info_box{
        padding: 5px;
    }
}
/* Swarl Popup Changes 04-07-2025 S */
/* modal body popup changes prnv 22-7-2025 Start */
@media (max-width: 1199px){
    .bottom_right_popup#show_email_template .modal-dialog{
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        margin: auto;
    }
}
/* modal body popup changes prnv 22-7-2025 End */

/* Timesheet table column sticky CSS prnv 23-07-25 Start */
#timesheet_projects_datatable_wrapper .table td:first-child,
#timesheet_projects_datatable_wrapper .table th:first-child {
    position: sticky;
    left: 0;
    background-color: #F9F9F9;
}
/* Timesheet table column sticky CSS prnv 23-07-25 End */
/* Connect Xero Action table Page CSS prnv 24-07-25 Start*/

/* Connect Xero Action table Page CSS prnv 24-07-25 Start*/
.connectXeroActionPage .connectWithXeroPage{
    height: calc(100vh - 160px);
}
.connectXeroActionPage .connectWithXeroPage .compLogoDetailsBox{
    height: 100%;
    padding: 0 70px 0 !important;
    justify-content: center;
}
.connectXeroActionPage .connectWithXeroPage .organization_list_wrap .organization_list_item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}
.connectXeroActionPage .connectWithXeroPage .organization_list_wrap .organization_list_item + .organization_list_item{
    margin-top: 20px;
}
/* Connect Xero Action table Page CSS prnv 24-07-25 End*/

.step_form_page_section.for_modal_pop .first_step_welcome_content .welcomeNotes{
    max-width: 100%;
}
.step_form_page_section.for_modal_pop,
.step_form_page_section.for_modal_pop .first_step_welcome_content{
    width: 100%;
}
.step_form_page_section.for_modal_pop .first_step_welcome_content .contactPerson.noteDetails{
    max-width: 100%;
}
/* Timesheet table column sticky CSS prnv 23-07-25 Start */
#timesheet_projects_datatable.table td:first-child, #timesheet_projects_datatable.table th:first-child {
    position: sticky;
    left: 0;
    background-color: #F9F9F9;
}
/* Timesheet table column sticky CSS prnv 23-07-25 End */
/* Comp off report responsive design issue mantis CSS prnv 11-08-25 Start */

@media (max-width: 1299px){
    .comp_off_report_view_selceted_emp{
        padding-bottom: 20px;
    }
    .comp_off_report_view_selceted_emp .get_employee_list{
        position: absolute;
        bottom: -30px;
        padding: 5px 10px !important;
        line-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .comp_off_report_view_selceted_emp #get_employee_list_clear{
        margin-top: 0 !important;
    }
}
@media (max-width: 991px){
    .comp_off_report_view_selceted_emp{
        padding-bottom: 0;
    }
}


/* Comp off report responsive design issue mantis CSS prnv 11-08-25 End */

/* On Leave popup search box and status Alignment issue prnv CSS 13-08-25 start */
.onLeaveTodayCustomPopup .col-sm-6.datatable-search-wrapper{
    position: relative !important;
}
.onLeaveTodayCustomPopup .col-sm-6.datatable-search-wrapper .searchBoxWrapper{
        position: absolute !important;
        left: -60px;
}
.onLeaveTodayCustomPopup .col-sm-6.datatable-search-wrapper .searchBoxWrapper.no_status_drpdwn{
        right: 15px !important;
}


@media (max-width: 991px){
    .onLeaveTodayCustomPopup .col-sm-6.datatable-search-wrapper .searchBoxWrapper{
        left: -140px;
        top: 0;
        width: 250px;
    }
    .onLeaveTodayCustomPopup .filter-section{
        top: 4px;
    }
}
/* On Leave popup search box and status Alignment issue prnv CSS 13-08-25 End */


/* Salary Comparison Page Start */
    .scrollUp {
        position: fixed;
        height: 35px;
        width: 35px;
        bottom: 60px;
        right: 10px;
        z-index: 2;
        cursor: pointer;
        background-color: #323452;

        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }
    .scrollUp i{
        font-size: 22px;
    }
    .salaryComparisonTable .tableLink{
        text-decoration: underline !important;
    }
    .salaryComparisonTable .tableLink:hover{
        text-decoration: underline !important;
        color: var(--btn-dark) !important;
    }
/* Salary Comparison Page End */
@media (max-width: 1366px) {
    .clear-btn{
        top: 4px;
        right: 33px;
    }
    .select2-container--bootstrap5 .select2-selection__clear span{
        top: -13px;
    }
}

/* Company Search in select Company Slider Start */
    .company_search{
        position: relative;
    }
    .company_search .form-control{
        padding-left: 35px;
        padding-right: 35px;
        font-size: 14px;
    }
    .company_search .comapnySearchIcon,
    .company_search .search_close{
        position: absolute;
        height: 40px;
        width: 40px;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .company_search .comapnySearchIcon{
        left: 0;
    }
    .company_search .search_close{
        right: 0;
    }

/* Company Search in select Company Slider End */

/* income tax report view CSS prnv 01-08-2025 Start */
.excelSheetreportView.tax_report_view table thead th{
    padding: 10px 5px !important;
    background-color: var(--tab-active);
    color: #ffffff;
}
.excelSheetreportView.tax_report_view .table td{
        padding: 7px 5px !important;
}
/* income tax report view CSS prnv 01-08-2025 End */

.tax_report_title_emp_details .tax_report_title{
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin: 0 auto 20px;
    align-items: center;
}
span.trt_company {
    font-size: 22px;
    font-weight: 700;
}
span.trt_address {
    font-size: 14px;
    color: #8f8f8f;
    font-weight: 500;
    max-width: 400px;
    margin-bottom: 10px;
    text-align: center;
}
span.trt_finance_year {
    font-size: 16px;
    font-weight: 600;
}
span.trt_finance_month {
    font-size: 16px;
    font-weight: 600;
}
.tax_report_emp_details table{

}
.tax_report_emp_details table th{

}
.tax_report_emp_details table td{

}
.tax_report_emp_details{
    border: 1px solid #ddd;
    border-radius: 5px;
}
.tax_report_emp_lines_wrap {
    display: flex;
    align-items: center;
}
.tax_report_emp_lines_wrap .line_item {
    display: flex;
    align-items: center;
    width: 33%;
    padding: 7px 7px;
}
.line_item + .line_item {
    border-left: 1px solid #ddd;
    margin-left: 5px;
}
span.line_item_title {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}
span.line_item_data {
    font-size: 14px;
}
.tax_report_emp_lines_wrap.line_2 {
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
}
@media (max-width: 1366px) {
    .clear-btn{
        top: 4px;
        right: 33px;
    }
    .select2-container--bootstrap5 .select2-selection__clear span{
        top: -13px;
    }
}
.email_resend_btn{
    background-color: var(--theme-color-light);
    height: 35px;
    width: 35px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.email_resend_btn svg path{
    fill: var(--theme-color);
}
.email_resend_btn:hover{
    background-color: var(--theme-color);
}
.email_resend_btn:hover svg path{
    fill: #d5d5d6;
}

ul#select2-employment_role-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.select2-selection__choice.role-remove-clear-button .select2-selection__choice__remove {
    display: none !important;
}

table.companyRoleListTable tbody {
    display:block;
    max-height:300px;
}
table.companyRoleListTable thead, table.companyRoleListTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.company_wise_role .select2-selection__rendered{
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

/* pending action popup design changes prnv 9-9-25 Start */
    .noti_pop_body.pendingActionRightDrawer{
        background-color: #ffffff;
        width: 500px;
        height: 100vh;
        position: fixed;
        right: -500px;
        top: 55px;
        transition: 0.3s ease-in-out all;
        -webkit-transition: 0.3s ease-in-out all;
        -mos-transition: 0.3s ease-in-out all;
        -ms-transition: 0.3s ease-in-out all;
        box-shadow: -25px 0px 20px -20px rgba(0,0,0,0.10);
        z-index: 999;
    }
    .noti_pop_body.pendingActionRightDrawer.isOpen{
        right: 0;
    }
    .noti_pop_body.pendingActionRightDrawer.isOpen .pending_action_drawer_btn{
        right: 437px;
    }
/* End */

/* New PMS Changes 18/09/2025 Start */
.goal_que{
    width: calc(100% - 300px);
}
.skipQue_disable {
    pointer-events: none;
    opacity: 0.45;
}
.goal_que_main {
    width: calc(100% - 380px);
}
@media(max-width: 1366px){
    .allowNumericWithoutDecimal {
        max-width: 110px;
    }
}
@media(max-width: 1024px){
    .allowNumericWithoutDecimal{
        max-width: 150px;
    }
}
/* New PMS Changes 18/09/2025 End */
/* SSHR Side data table height issue CSS prnv 15-09-25 Start */
.sshr_datatable_class .dataTables_scrollBody{
    height: calc(-330px + 100vh) !important;
}
.perInfoContent:has(.sshr_datatable_class) {
    padding-bottom: 0 !important;
}
/* SSHR Side data table height issue CSS prnv 15-09-25 End */
    .work_hrs_att_regi_top_filter .attendance_hours{
        width: 150px;
    }
    .attendance_hours.select2-selection.select2-selection--single.form-select.form-select-solid{
        width: 150px;
    }
@media (max-width: 1499px){
    .work_hrs_att_regi_top_filter{
        flex-direction: column;
        align-items: start !important;
    }
    .work_hrs_att_regi_top_filter .work_hrs_att_regi_top_filter_btns{
        width: 100%;
        margin-top: 10px;
    }
    .work_hrs_att_regi_top_filter .attendance_hours,
    .attendance_hours.select2-selection.select2-selection--single.form-select.form-select-solid{
        width: 175px;
    }
}
@media (max-width: 1399px){
    .work_hrs_att_regi_top_filter{
        flex-direction: row;
        align-items: center !important;
    }
    .work_hrs_att_regi_top_filter .work_hrs_att_regi_top_filter_btns{
        width: auto;
        margin-top: 0;
    }
}
@media (max-width: 1199px){
    .work_hrs_att_regi_top_filter .attendance_hours,
    .attendance_hours.select2-selection.select2-selection--single.form-select.form-select-solid{
        width: 150px !important;
    }
    .work_hrs_att_regi_top_filter .get_employee_list{
        position: absolute;
        bottom: -30px;
        right: 40px;
    }
}

@media (max-width: 991px){
    .work_hrs_att_regi_top_filter{
        flex-direction: column;
        align-items: start !important;
    }
    .work_hrs_att_regi_top_filter .work_hrs_att_regi_top_filter_btns{
        width: 100%;
        margin-top: 10px;
    }
    .work_hrs_att_regi_top_filter .get_employee_list{
        position: absolute;
        bottom: -25px;
        right: 10px;
    }
    .work_hrs_att_regi_top_filter .get_employee_list #get_employee_list,
    .work_hrs_att_regi_top_filter .get_employee_list #get_employee_list_clear{
        padding: 0 !important;
    }
}

.payment-chart.table-container tbody td.ps_emply:first-child {
    text-align: start !important;
    font-size: 0.875rem !important;
    color: #3f4254 !important;
}
.payment-chart table tbody tr:first-child td{
    font-size: 0.875rem !important;
    color: #3f4254 !important;
}

.payment-chart.custom-report-table table tbody tr:first-child td{
    text-align: start !important;
}
.payment-chart.custom-report-table table thead th{
    text-align: start !important;
}
.payment-chart.custom-report-table table tbody tr:first-child td{
    font-size: 0.875rem !important;
    color: #3f4254 !important;
}
.payment-chart.custom-report-table .table tr th:first-child,
.payment-chart.custom-report-table .table tr td:first-child {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
/* Attendance Regularization */
.dataTables_wrapper.no-records-add-scroll-header .row:last-child {
    border: 0;
}

/* What's new modal popup design changes prnv 23-9-25 Start */
/* Payroll Leave LOP Adjust Page CSS pranav 22-9-25 Start */
.pyrlLeaveLopAdjustBoxWrap .content_box.accordion-item .accordion-header .accordion-button {
    height: 33px;
    padding-right: 50px !important;
}
.pyrlLeaveLopAdjustBoxWrap .accordion-header {
    position: relative;
}
.pyrlLeaveLopAdjustBoxWrap .accordion-button::before,
.pyrlLeaveLopAdjustBoxWrap .accordion-button::after {
    right: 0;
    top: 0;
}
/* .pyrlLeaveLopAdjustBoxWrap .addLeaveAdjustment{
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 99;
} */
.pyrlLeaveLopAdjustBoxWrap.content_box .leaveDateCount {
    height: 35px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100%;
}
.removeLeaveAdjust{
    height: 23px;
    width: 23px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color);
    margin: 0 auto;
}
.removeLeaveAdjust i{
    color: #ffffff;
    font-size: 14px;
    margin-top: 1px;
}
/* Payroll Leave LOP Adjust Page CSS pranav 22-9-25 End */
/* .whatsNewLite .modal-body{
    max-height: 600px;
} */

/* What's new modal popup design changes prnv 23-9-25 Start */
/* #whats_new_popup_details .modal-dialog{
    margin: 150px auto;
    height: calc(100% - 300px);
    min-height: calc(100vh - 300px);
    background-color: #ffffff;
    border-radius: 20px !important;
}
#whats_new_popup_details .modal-content{
    display: inline-block;
    height: 100%;
}
#whats_new_popup_details .modal-body{
    height: 100%;
}
@media (max-width: 1999px){
    .whatsNewInnerContent{
        max-height: 400px;
    }
}
@media (max-width: 1641px){
    .whatsNewInnerContent{
        max-height: 175px;
    }
    #whats_new_popup_details .intro_new_features .new_featuresTitle{
        font-size: 24px;
    }
    #whats_new_popup_details .modal-body {
        padding: 20px 25px;
    }
    #whats_new_popup_details .intro_new_features .btn-icon {
        top: -10px;
        right: -5px;
    }
}
@media (max-width: 1599px){
    #whats_new_popup_details .intro_new_features .new_featuresTitle{
        font-size: 22px;
    }
    .intro_new_features .whatsNewList+.whatsNewList{
        margin-top: 5px;
        padding-top: 5px;
    }
}
@media (max-width: 1399px){
    #whats_new_popup_details .intro_new_features .new_featuresTitle{
        font-size: 20px;
    }
    #whats_new_popup_details .modal-dialog{
        box-shadow: none !important;
    }

    #whats_new_popup_details .modal-dialog {
        margin: 30px auto;
        height: auto;
        min-height: calc(100vh - 60px);
        background-color: transparent;
    }
    .whatsNewInnerContent{
        max-height: 400px;
    }
} */
/* What's new modal popup design changes prnv 23-9-25 End */

.activeEmployees-two-box-inner-main::before {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0;
    top: 0px;
    border-radius: 15px 15px 0 0;
    background-color: #e9f0ff;
}
.employees_details_list_box .metricsBox_Count{
    font-size: 40px;
    font-weight: 600;
    color: #6e85b7;
    text-align: center;
    padding: 20px 40px;
    border-radius: 15px;
    background-color: rgb(255 255 255 / 100%);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.adminDashboard_page .employees_details_list_box .metricsBox_icon {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
    background-color: rgb(255 255 255 / 80%);
}
/* #upcomingLeavesChart, #topLeaveDaysChartDemo{
    min-height: 275px !important;
} */

/* On leave Employee Chart CSS pranv 25-9-25 Start */
.onLeaveEmpCalWrap .onLeaveEmpCalRow{
    display: flex;
    align-items: center;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalHeaderRow{
    background-color: #f2f2f2;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalHeaderRow .headData,
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData{
    width: 14.3%;
    padding: 2px 5px;
    text-align: center;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalHeaderRow .headData span{
    font-size: 12px;
    font-weight: 600;
    display: block;
    line-height: 125%;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData .bodyDataDate{
    font-size: 12px;
    font-weight: 500;
    margin-right: 3px;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData .bodyDataCount{
    font-size: 11px;
    color: #6d6d6d;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData .bodyDataLegend{
    height: 13px;
    width: 13px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-top: 1px;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData .bodyDataLegend.zeroLeaveCount{
    border-radius: 100%;
    background-color: #6E85B7;
}
.onLeaveEmpCalWrap .onLeaveEmpCalRow.onLeaveEmpCalBodyRow .bodyData .legendLeaveCountBox{
    margin-top: 2px;
}
.onLeaveEmpCalWrap .onLeaveEmpCalBodyRow + .onLeaveEmpCalBodyRow{
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px solid #ddd;
}
.onLeaveEmpCalWrap .leaveLegendDetails{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    flex-wrap: wrap;
}
.onLeaveEmpCalWrap .leaveLegendDetails .legendDetailsBox{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.onLeaveEmpCalWrap .leaveLegendDetails .legendDetailsBox .legendTitle{
    font-size: 11px;
    color: #6d6d6d;
    font-weight: 500;
    line-height: 100%;
}
.onLeaveEmpCalWrap .leaveLegendDetails .legendDetailsBox + .legendDetailsBox{
    margin-left: 5px;
    padding-left: 5px;
}
.onLeaveEmpCalWrap .leaveLegendDetails .legendDetailsBox .legendIndi{
    height: 13px;
    width: 13px;
    border-radius: 2px;
    margin-right: 2px;
}
.onLeaveEmpCalWrap .leaveLegendDetails .zeroLegendDetailsBox .zeroLeaveLegend{
    border-radius: 100%;
    background-color: #6E85B7;
}
.onLeaveEmpCalWrap .regularLeaveLegend{
    background-color: #b2dbdf;
}
.onLeaveEmpCalWrap .fewLeaveLegend{
    background-color: #d8b577;
}
.onLeaveEmpCalWrap .moderateLeaveLegend{
    /* background-color: #D3756B; */
    background-color: #f4b490;
}
.onLeaveEmpCalWrap .highLeaveLegend{
    background-color: #8f514a;
}
.legendCriteriaInfo .criteriaBox{
    margin: 0 0 10px 10px;
}
.legendCriteriaInfo .criteriaBox .criteriaCount{
    font-size: 11px;
    font-weight: 500;
    margin-right: 3px;
}
.legendCriteriaInfo .criteriaBox .criteriaColor{
    font-size: 11px;
    font-weight: 500;
}
/* On leave Employee Chart CSS pranv 25-9-25 End */

/* Modal popup responsive design changes prnv 24-9-25 Start */
/* .swal2-popup{
    width: 26.667vw;
    padding: 1.667vw;
}
.login_alert_img svg{
    width: 5.208vw !important;
    height: 5.208vw !important;
}
.swal2-icon{
    width: 4.167vw;
    height: 4.167vw;
}
.swal2-icon .swal2-icon-content{
    font-size: 3.125vw;
}
.swal2-container .swal2-html-container{
    font-size: 0.917vw;
}
.swal2-popup .swal2-actions {
    margin: 0.417vw auto 0 auto;
}
.modal-dialog .modal-body tbody.fs-8{
    font-size: 0.729vw !important;
}
@media (max-width: 1699px){
    .modal-dialog.w-1000px{
        width: 950px !important;
    }
    .modal-dialog.w-900px{
        width: 850px !important;
    }
}
@media (max-width: 1599px){
    .modal-dialog.w-1000px{
        width: 900px !important;
    }
    .modal-dialog.w-900px{
        width: 800px !important;
    }
}
@media (max-width: 1499px){
    .modal-dialog.w-1000px{
        width: 850px !important;
    }
    .modal-dialog.w-900px{
        width: 750px !important;
    }
}
@media (max-width: 1399px){
    .modal-dialog.w-1000px{
        width: 800px !important;
    }
    .modal-dialog.w-900px{
        width: 700px !important;
    }
}
@media (max-width: 1199px){
    .modal-dialog.w-1000px, .modal-dialog.w-900px{
        width: calc(100% - 100px) !important;
    }
    .swal2-popup{
        width: 500px;
        padding: 32px;
    }
    .login_alert_img svg{
        width: 100px !important;
        height: 100px !important;
    }
    .swal2-icon{
        width: 80px;
        height: 80px;
    }
    .swal2-icon .swal2-icon-content{
        font-size: 60px;
    }
    .swal2-container .swal2-popup .swal2-title{
        font-size: 24px;
    }
    .swal2-container .swal2-html-container{
        font-size: 17px;
    }
    .swal2-popup .swal2-actions {
        margin: 10px auto 0 auto;
    }
    .modal-dialog .modal-body tbody.fs-8{
        font-size: 12px;
    }
}
@media (max-width: 991px) {
    .modal-dialog.w-1000px, .modal-dialog.w-900px {
        width: 100% !important;
    }
} */

/* Modal popup responsive design changes prnv 24-9-25 End */

.employeeInfoDashSection .empInfoRow .card.main-card{
    min-height: 325px;
}
.eIMDashSection .eimInfoRow .card.main-card{
    min-height: 400px;
}
.leaveDashSection .leaveInfoRow .card.main-card{
    min-height: 326px;
}
.yourApprovalDashSection .yourApprovalInfoRow .card.main-card{
    min-height: 420px;
}
.employeeInfoDashSection .employees_details_list_box .metricsBox_Count{
    margin-top: 25px;
}
.attendanceDashSection .attendanceInfoRow .card.main-card{
    min-height: 325px;
}
.attendanceDashSection .employees_details_list_box .metricsBox_Count{
    margin-top: 10px;
}
.leaveDashSection .employees_details_list_box .metricsBox_Count{
    margin-top: 50px;
}
.adminDashboard_page .employees_details_list_box .info {
    position: absolute;
    width: 100%;
    padding: 5px 20px;
    bottom: 20px;
    right: 0;
    left: 0;
}
h2.dashModuleSepTitle {
    /* display: inline-block; */
    /* border: 1px dashed #ddd; */
    font-size: 15px;
    color: #3b3b3b;
    margin: 0;
    /* padding: 5px 15px; */
    /* margin-left: 5px; */
    /* border-radius: 5px; */
    /* background-color: #fff; */
}

/* New Dashboard Changes by PM pranav 6-10-25 Start */
 .dashMainCard .metricsBox_icon{
    width: 85px !important;
    height: 85px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background-color: #f4f5f7 !important;
}
 .dashMainCard .info{
    background-color: #f4f5f7;
    padding: 10px 15px;
    border-radius: 5px;
    position: absolute;
    width: 96%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
}
.card.dashMainCard{
    min-height: 325px;
}
.card.dashMainCard .card-body {
    position: relative;
}
.card.dashMainCard .card-body .countOfEmployee{
    font-size: 52px;
    color: #ffffff;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));
}
.card.dashMainCard .card-body::before {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    border-radius: 17px 17px 0 0;
    background-color: #b2c8df;
    left: 0;
    top: 0;
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.05);
}
.card.min-h-315{
    min-height: 315px;
}
.apexcharts-legend-text{
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: underline;
    cursor: pointer;
}
#attritionChart .apexcharts-legend-text{
    text-decoration: none;
    cursor: default;
}
.dashModuleTitleIcon{
    margin-right: 10px;
}
.modulesTitleIconSection {
    background-color: #fff;
    display: inline-flex !important;
    padding: 5px 15px;
    border-radius: 30px;
    margin: 0 0 10px 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media (max-width: 1499px){
    .apexcharts-legend-text{
        font-size: 10px !important;
    }
}
/* New Dashboard Changes by PM pranav 6-10-25 End */

/* no assign widget design changes pranav 10-10-25 Start */
.page_nodata.admin_dash_no_module_assign .no_data{
    position: static;
    transform: inherit;
    margin-top: 20px;
}
.page_nodata.admin_dash_no_module_assign .no_data_img img{
    width: auto;
    max-width: 400px;
}
.page_nodata.admin_dash_no_module_assign .no_data_img{
    background-color: #dbdbdb;
}
/* no assign widget design changes pranav 10-10-25 End */

/* Leave Calendar Design Start */
.leaveCalwrapper{
    display: flex;
    height: 100%;
}
.leaveCalFilter {
    width: 0;
}
.leaveCalSection {
    width: 100%;
    position: relative;
}
.toggleCalFilter .leaveCalFilter{
    width: 20%;
}
.toggleCalFilter .leaveCalSection {
    width: 80%;
}
.leaveCalSection .filterviewBtn{
    position: absolute;
    left: 10px;
    top: 15px;
}
.leaveFilterClear{
    position: absolute;
    left: 35px;
    top: 13px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-secondary);
    border-radius: 5px;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
}
.leaveCalFilter .leaveFilterClear{
    position: relative;
    top: 0;
    left: 0;
}
.leaveFilterClear i{
    color: var(--bs-dark-rgb);
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -mos-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    font-size: ;
}
.leaveFilterClear:hover{
    background-color: var(--bs-dark-rgb);

}
.leaveFilterClear:hover i{
    color: #ffffff;
}
.filterNote{
    font-size: 14px;
    background-color: #f2f2f2 !important;
}
@media(max-width:1366px){
    .filterNote{
        font-size: 11px;
    }
    .leaveFilterClear{
        width: 23px;
        height: 23px;
    }
}

.leaveCal .fc-view-harness{
    height: auto !important;
}
.leaveCal .fc-toolbar.fc-header-toolbar{
    margin-bottom: 5px;
}
.leaveCal .fc-toolbar.fc-header-toolbar .fc-toolbar-title{
    font-size: 20px;
    text-transform: uppercase;
}
.leaveCal .fc-col-header-cell{
    padding: 3px 5px !important;
}
.leaveCal .fc-col-header-cell .fc-col-header-cell-cushion{
    font-size: 12px;
    text-transform: uppercase;
}
.leaveCal .fc-daygrid td{
    padding: 2px 5px !important;
}
.leaveCal .fc-daygrid .fc-scrollgrid-section-body > td {
   padding: 0 !important;
}
.leaveCal .fc-scrollgrid-sync-table{
    height: calc(100vh - 215px) !important;
}
.leaveCal.fc-theme-standard .fc-scrollgrid{
    border-top: 0 !important;
}
.leaveCal .fc-daygrid-day-top{
    justify-content: center;
}
.leaveCal .fc-daygrid-day.fc-day-today{
    background-color:transparent;
}
.leaveCal .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background-color: #326bb8;
    color: #ffffff;
}
.leaveCal .fc-daygrid-day-number {
    color: var(--tab-active);
    font-size: 12px;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
}
.leaveCal .fc-daygrid-body-natural .fc-daygrid-day-events{
    margin-bottom: 0;
}
.leaveCal .fc-daygrid-day-frame{
    min-height: auto !important;
}
.leaveCal table.fc-scrollgrid-sync-table tbody tr {
    height: 19.5%;
}
.leaveCal .fc-event {
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 20px;
    color: #2f2f2f;
    font-size: 12px;
    font-weight: 500 !important;
    border-radius: 25px;
    box-sizing: border-box;
    pointer-events: auto;
    overflow: hidden;
    display: flex;
    outline: none;
    -webkit-box-align: center;
    -webkit-align-items: start;
    align-items: start;
    border-color: #f2f2f2;
}
.leaveCal .fc-event .fc-event-main{
    width: 100%;
}
.leaveCal .fc-event .fc-event-main .fc-emp-pill{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
    color: var(--text-dark);
}
.leaveCal .fc-event.emp-view-more-event {
    background-color: transparent;
    justify-content: end;
    border: 0;
    padding: 0;
    height: auto;
    padding: 0 8px 0 0;
    display: inline-block;
    text-align: end;
    width: 100%;
    margin-top: 0;
}
.leaveCal .fc-event.emp-view-more-event .fc-event-main{
    width: auto;
}
.leaveCal .fc-event.emp-view-more-event .fc-event-main div{
    line-height: 100%;
    display: inline-block;
    border-bottom: 1px solid;
    opacity: 0.60;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    font-style: italic;
    cursor: pointer;
}
.leaveCal .fc-event.emp-view-more-event .fc-event-main div:hover{
    opacity: 1;
}
.leaveCal .fc-button-group .fc-button{
    padding: 3px 5px;
}
.leaveCal .fc-button-group .fc-button.fc-next-button{
    border-left: 1px solid #cccccc !important;
}
.fc-button-group button:hover::after{
    content: none;
}
.leaveCal .fc-day-view-btn {
    right: 5px;
    display: inline-block;
    text-align: right;
    font-style: italic;
    color: #333333 !important;
    text-decoration: underline;
    font-size: 11px !important;
}

@media (max-width: 1599px){
    .leaveCal .fc-daygrid-day-number{
        width: 18px;
        height: 18px;
        font-size: 12px;
    }
    .leaveCal .fc-col-header-cell{
        padding: 2px !important;
    }
    .leaveCal .fc-col-header-cell .fc-col-header-cell-cushion{
        padding: 0 4px !important;
        font-size: 12px;
    }
    .leaveCal .fc-day-view-btn {
        font-size: 10px !important;
    }
    .leaveCal .fc-event{
        height: 18px;
        line-height: 13px;
        font-size: 10px;
        font-weight: 400 !important;
    }
    .leaveCal .fc-event.emp-view-more-event .fc-event-main div{
        font-size: 0.55rem !important;
    }
    .fc table{
        font-size: 0;
    }
    .leaveCal .fc-toolbar.fc-header-toolbar .fc-toolbar-title{
        font-size: 16px;
    }
    .leaveCal .fc-daygrid td{
        padding: 3px !important;
    }
}
@media (max-width: 1440px){
    .leaveCal button.fc-button.fc-button-primary{
        height: 22px;
        width: 22px;
        padding: 3px 0 !important;
    }
    .leaveCal .fc-button-primary .fc-icon {
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }
}
@media (max-width: 1399px){
    .leaveCalSection .content_box{
        padding: 6px !important;
    }
    .leaveCal .fc-daygrid-day-number {
        width: 14px;
        height: 14px;
        font-size: 9px;
    }
    .leaveCal .fc-toolbar.fc-header-toolbar .fc-toolbar-title{
        font-size: 14px;
    }
    .leaveCal .fc-event {
        height: 14px;
        line-height: 11px;
        font-size: 9px;
    }
    .leaveCal .fc-event.emp-view-more-event .fc-event-main div {
        font-size: 8px !important;
    }
    .leaveCal .fc-col-header-cell .fc-col-header-cell-cushion {
        font-size: 10px;
    }
    .leaveCal .fc-daygrid td{
        padding: 1px !important;
    }
    .leaveCal .fc-col-header-cell {
        padding: 1px !important;
    }
    /* .fc .fc-daygrid-event {
        margin-top: 1px;
    } */
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .header-fixed .header{
        height: 45px;
    }
    .aside .aside-logo{
        height: 45px;
        padding: 0 15px;
    }
    .aside .aside-logo img.h-35px.app-sidebar-logo-default{
        height: 28px !important;
    }
    .header_full_logo {
        max-width: 100px;
        left: -28px;
        top: -6px;
    }
    .header-fixed.toolbar-fixed .wrapper{
        padding-top: 43px;
    }
}
/* Leave Calendar Design End */

/* no assign widget design changes pranav 10-10-25 Start */
.page_nodata.admin_dash_no_module_assign .no_data{
    position: static;
    transform: inherit;
    margin-top: 20px;
}
.page_nodata.admin_dash_no_module_assign .no_data_img img{
    width: auto;
    max-width: 400px;
}
.page_nodata.admin_dash_no_module_assign .no_data_img{
    background-color: #dbdbdb;
}
/* no assign widget design changes pranav 10-10-25 End */
.leaveCalwrapper .select2-container .select2-selection--single .select2-selection__clear{
    opacity: 0;
    visibility: hidden;
}
.leaveCalwrapper.toggleCalFilter .select2-container .select2-selection--single .select2-selection__clear{
    opacity: 1;
    visibility: visible;
}
.filterviewBtn .leaveFiltersActiveIndicator {
    visibility: hidden;
    opacity: 0;
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background-color: green;
    position: absolute;
    right: -11px;
    top: 1px;
}
.filterviewBtn.leaveFiltersActive .leaveFiltersActiveIndicator{
    visibility: visible;
    opacity: 1;
}
.leaveCalwrapper .leaveCalSection .leaveCal .fc-today-button{
    padding: 5px 10px !important;
    font-size: 13px;
    border-radius: 5px;
    height: inherit !important;
    width: inherit !important;
}
.leaveCalwrapper .leaveCalSection .leaveCal .fc-today-button::after{
    content: none;
}
.filterForm{
    max-height: calc(100vh - 200px);
}
.leaveCalwrapper .leaveCalSection .leaveCal .fc-today-button:not(:disabled){
    background-color: var(--theme-color);
    color: var(--white);
}
.leaveCalwrapper .leaveCalSection .leaveCal .fc-today-button:not(:disabled):hover{
    background-color: var(--theme-color-light);
    color: var(--theme-color);
}
@media (max-width: 991px){
    .pyrlLeaveLopAdjustBoxWrap.content_box .leaveDateCount {
        height: 25px;
    }
}
@media(max-width:1366px){
    .leaveCalwrapper .leaveCalSection .leaveCal .fc-today-button{
        font-size: 12px;
    }
}

/* .payrollSummary .table.tableHead tbody{
    position: relative;
}

.payrollSummary .table.tableHead tbody::after{
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: red;
    top: 0;
} */

/* .apexcharts-legend{
    overflow: scroll !important;
} */
.apexcharts-legend::-webkit-scrollbar {
    height: 4px !important;
    width: 4px !important;
}

.apexcharts-legend::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.apexcharts-legend::-webkit-scrollbar-thumb {
    background: #bbb !important;
    border-radius: 10px !important;
}

.apexcharts-legend::-webkit-scrollbar-thumb:hover {
    background: #999 !important;
}

/* Immigration Report page Start */
.immigrationReportTitle {
    margin-bottom: -30px;
    padding-top: 5px;
}
/* Immigration Report page Ends */

/* Recruitment Candidate Details Report filters section changes prnv 7-11-25 Start */
.recruitmentCandiDetailsRepoSelect .select2-search__field {
    min-height: 30px;
}
.recruitmentCandiDetailsRepoSelect .form-select{
    background-position: right 0.9rem center;
}
.recruitmentCandiDetailsRepoSelect .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered{
    max-height: 120px;
    overflow-y: auto;
    padding-right: 10px;
}
/* Recruitment Candidate Details Report filters section changes prnv 7-11-25 End */

/* New Payroll Tax widget Staert */
    .tax-card {
      border-radius:12px;
      width:100%
    }

    .tax-title {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: normal;
        font-style: italic;
        opacity: 0.75;
    }

    .tax-bar {
      border-radius:999px;
      overflow:hidden;
      display:flex;
      height:36px;
      font-weight:500;
      font-size:.9rem;
      background-color: #e4e6ef
    }

    .tax-segment {
      display:flex;
      align-items:center;
      justify-content:space-between;
      white-space:nowrap;
    }
    .tax-segment span {
        padding: 0 10px;
        background-color: #ffffff;
        border-radius: 25px;
        margin: 0 10px;
        color: var(--text-color);
    }
    .tax-paid{
        background-color: #404152;
    }
    .tax-remaining {
      justify-content: end;
    }

    .tax-icon {
      font-size:.85rem;
      opacity:.9;
    }

    .tax-footer {
      font-size:.8rem;
      margin-top:.5rem;
    }
    .tax-footer span {
      display:flex;
      align-items:center;
      gap:.3rem;
      font-weight: 600;
    }
    .tdsText{
        font-size: 17px;
    }
    @media(max-width:1366px){
        .tdsText{
            font-size: 15px;
        }
        .tdsText em{
            font-size: 12px;
        }
    }
/* New Payroll Tax widget end */

/* Employee Shift Access Design prnv 12-11-25 start */
.employee_shift_access_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    max-height: calc(100vh - 335px);
}
.employeeShiftAccess .multishift_filters .employee_name .symbol .symbol-label{
    width: 35px;
    height: 35px;
}
.employee_shift_access_wrap .emp_shift_access_item {
    width: calc(19.5% - 8px);
    padding: 7px 10px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin: 10px 8px;
}
.employee_shift_access_wrap .emp_shift_access_item .shift_list_item{
    display: flex;
    align-items: center;
}
.employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 33px;
}
/* .employee_shift_access_wrap .emp_shift_access_item.slItemOne{
    border-color: var(--bs-warning);
}
.employee_shift_access_wrap .emp_shift_access_item.slItemTwo{
    border-color: var(--bs-danger);
}
.employee_shift_access_wrap .emp_shift_access_item.slItemThree{
    border-color: var(--bs-info);
}
.employee_shift_access_wrap .emp_shift_access_item.slItemFour{
    border-color: var(--bs-success);
}
.employee_shift_access_wrap .emp_shift_access_item.slItemFive{
    border-color: var(--bs-primary);
} */
.employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details .shift_name {
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    line-height: 100%;
}
.employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details .shift_time {
    color: #8b8a8a;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin-top: 5px;
}
#shift_logs_list_container.employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details{
    margin: 0;
    min-height: 41px;
}
#employee_shift_logs_container .select_box.employee_shift_access_wrap{
    min-height: 100px;
}
#shift_logs_list_container.employee_shift_access_wrap .emp_shift_access_item{
    width: calc(50% - 16px);
    margin: 0 8px;
}
@media (max-width: 1699px){
    .employee_shift_access_wrap .emp_shift_access_item{
        margin: 10px 7px;
    }
    .employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details .shift_time{
        font-size: 13px;
    }
}
@media (max-width: 1499px){
    .employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details{
        margin-left: 10px;
    }
    .employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details .shift_name{
        font-size: 12px;
    }
    .employee_shift_access_wrap .emp_shift_access_item .shift_list_item .shift_details .shift_time{
        font-size: 11px;
    }
}
@media (max-width: 1299px){
    .employee_shift_access_wrap .emp_shift_access_item{
        width: calc(24.5% - 8.5px);
    }
}
@media (max-width: 1199px){
    .employee_shift_access_wrap .emp_shift_access_item{
        width: calc(24.5% - 10px);
    }
}
@media (max-width: 991px){
    .employee_shift_access_wrap .emp_shift_access_item {
        width: calc(33.3% - 14px);
    }
}
/* Employee Shift Access Design prnv 12-11-25 End */

/* New Payroll Tax widget Staert */
    .tax-card {
      border-radius:12px;
      width:100%
    }

    .tax-title {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: normal;
        font-style: italic;
        opacity: 0.75;
    }

    .tax-bar {
      border-radius:999px;
      overflow:hidden;
      display:flex;
      height:36px;
      font-weight:500;
      font-size:.9rem;
      background-color: #e4e6ef
    }

    .tax-segment {
      display:flex;
      align-items:center;
      justify-content:space-between;
      white-space:nowrap;
    }
    .tax-segment span {
        padding: 0 10px;
        background-color: #ffffff;
        border-radius: 25px;
        margin: 0 10px;
        color: var(--text-color);
    }
    .tax-paid{
        background-color: #404152;
    }
    .tax-remaining {
      justify-content: end;
    }

    .tax-icon {
      font-size:.85rem;
      opacity:.9;
    }

    .tax-footer {
      font-size:.8rem;
      margin-top:.5rem;
    }
    .tax-footer span {
      display:flex;
      align-items:center;
      gap:.3rem;
      font-weight: 600;
    }
    .tdsText{
        font-size: 17px;
    }
    @media(max-width:1366px){
        .tdsText{
            font-size: 15px;
        }
        .tdsText em{
            font-size: 12px;
        }
    }
/* New Payroll Tax widget end */

/* Start Hour Based Leave Checkbox By Mukesh */
.tr-blur {
    filter: blur(1px);
    opacity: 0.5;
}
/* End Hour Based Leave Checkbox By Mukesh */

/* Flexy Holiday New Page CSS prnv 25-11-2025 Start */
ul.fixed_leave_list_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.fixed_leave_list_wrap li.fixed_leave_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px 10px;
    width: 49%;
    margin-bottom: 10px;
}
ul.fixed_leave_list_wrap li.fixed_leave_item .fixHolidayName{
    font-size: 13px;
    margin-left: 5px;
    color: #5e5e5e;
}
ul.fixed_leave_list_wrap li.fixed_leave_item .fixLeaveColorIndicator {
    /* position: absolute; */
    height: 7px;
    width: 7px;
    border-radius: 100%;
    /* bottom: 12px;
    left: 8px; */
}
/* ul.fixed_leave_list_wrap li.fixed_leave_item .fixLeaveColorIndicator {
    position: absolute;
    top: 2px;
    right: 2px;
    border-top: 10px solid;
    border-right: 10px solid;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
} */

ul.fixedLeaveEmpListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px 0 0;
}
ul.fixedLeaveEmpListWrap li.fixedLeaveEmpListItem {
    width: 49%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 10px;
}
ul.flexyLeaveListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.flexyLeaveListWrap li.flexyLeaveListItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px 10px;
    width: 49%;
    margin-bottom: 10px;
}
ul.flexyLeaveListWrap li.flexyLeaveListItem .flexyHolidayDiv {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
ul.flexyLeaveListWrap li.flexyLeaveListItem .flexyHolidayDiv .flexyHolidayName {
    font-size: 13px;
    margin-left: 5px;
    color: #5e5e5e;
}
.flexyLeaveColorIndicator {
    /* position: absolute; */
    height: 7px;
    width: 7px;
    border-radius: 100%;
    /* bottom: 6px;
    left: -12px; */
}
@media (max-width: 1499px){
   ul.fixed_leave_list_wrap li.fixed_leave_item , ul.flexyLeaveListWrap li.flexyLeaveListItem{
        padding: 5px 6px;
   }
   ul.fixed_leave_list_wrap li.fixed_leave_item .fixHolidayName, ul.flexyLeaveListWrap li.flexyLeaveListItem .flexyHolidayDiv .flexyHolidayName{
        font-size: 12px;
   }
}
@media (max-width: 1399px){
    ul.fixed_leave_list_wrap li.fixed_leave_item , ul.flexyLeaveListWrap li.flexyLeaveListItem{
        width: 100%;
    }
}
/* Flexy Holiday New Page CSS prnv 25-11-2025 End */

/* Css added by Ajay (Discussed with Dhruv) for last column sticky position in Work Hours Attendance Register report table */
@media(min-width: 1399px){
    .sticky-last-column {
        position: sticky;
        right: 0;
        /* z-index: 5; */
        background-color: #f5f5f5;
    }
}

/* GEO Css prnv 28-11-25 Start  */
.selectShiftLocationWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    max-height: calc(100vh - 386px);
}

.selectShiftLocationWrap .selectShiftLocationItem{
    width: calc(32% - 8px);
    padding: 7px 10px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin: 10px 8px;
}
.selectShiftLocationWrap .selectShiftLocationItem .shift_location_item{
    display: flex;
    align-items: center;
}
.selectShiftLocationWrap .selectShiftLocationItem .shift_location_item .shift_location_details_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 33px;
}
.selectShiftLocationWrap .selectShiftLocationItem .shift_location_item .shift_location_details_box .shift_name{
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    line-height: 100%;
}
.selectShiftLocationWrap .selectShiftLocationItem .shift_location_item .shift_location_details_box .shift_time{
    color: #8b8a8a;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin-top: 5px;
}
@media(max-width: 1499px){
    .selectShiftLocationWrap .selectShiftLocationItem{
        width: calc(48% - 8px);
    }
    .selectShiftLocationWrap .selectShiftLocationItem{
        padding: 7px;
    }
    .selectShiftLocationWrap .selectShiftLocationItem .shift_location_item .shift_location_details_box .shift_time{
        font-size: 12px;
    }
}
@media(max-width: 1399px){
    .searchBoxWrapper{
        width: 250px;
    }
}
/* GEO Css prnv 28-11-25 End */
.geo_fencing_address_col{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* All employee Pension Report S */
.all_emply_pension_deatil_table.table th{
    vertical-align: top;
}
.all_emply_pension_deatil_table.table{
    border-bottom: 1px solid var(--bs-gray-300);
}
/* All employee Pension Report E */

/* mohit_sunset_gratuity_hours_changes S */
    #gratuityHoursTable.table td,
    #gratuityHoursTable.table th,
    #gratuityHoursTable.table tr{
        vertical-align: middle;
    }
/* mohit_sunset_gratuity_hours_changes  */

/* Table Text Button CSS Start  */
    .textBtn {
        font-size: 12px;
        border: 0;
        background: no-repeat;
        padding: 0;
        font-weight: 600;
        line-height: 1;
        text-decoration: underline;
        margin: 5px 10px 0 0;
        transition: 0.3s ease-in-out all;
        -webkit-transition: 0.3s ease-in-out all;
        -mos-transition: 0.3s ease-in-out all;
        -ms-transition: 0.3s ease-in-out all;
    }
    .textBtn:hover{
        opacity: 0.75;
        text-decoration: underline !important;
    }
/* Table Text Button CSS End  */

/* Flexi Holiday Start */
@media(max-width: 1024px){
    .flex-_holiday_employee_list {
        margin-top: 35px;
        padding-top: 15px;
        border-top: 1px solid #cccccc;
    }
}
/* Flexi Holiday End */