:root {
    --p-row-grid-gap: 4rem;
    --ins-gr-cricle-wh: 20rem;
    --timeline-ver-gap: 3.65rem;
    --chat-def-padding: 2.12rem;
    --left-active-bw: 0.25em;
    --left-active-bw-lg: 0.35em;
    --dash-card-padd: calc(var(--box-padding) * 0.75);
    --cb-blue: var(--primary-color);
    --grid-table-padding: 1rem 1.15rem;
    --yellow-dark-color: #ff9800;
    --sidebar-width: 720px;
    --sidebar-width-lg: 600px;
    --sidebar-width-xl: 720px;
    --sidebar-width-xxl: 70%;
    --grid-ana-gap: calc(var(--box-padding) * 0.9);
    --p-text-link: #007FFF;
    --aleart-msg-mh: 45px;
}

    :root[color-mode="light"] {
        --icon-color1: #B0C3CC;
        --chat-left-bubble: #F5F7FA;
        --chat-right-bubble: #D7E5FF;
        --light-new-blue: #efefef;
        --light-blue-dark: #3699FF;
        --chat-textarea-bg: #E8EBF1;
        --tealGreen: #1BC5BB;
        --input-label-color: #404040;
        --default-shadow-1: 0 2px 6px rgb(20 54 111 / 3%);
        --dark-blue-color: var(--primary-color);
        --grey-bg-1: #FBFBFC;
        --grey-bg-2: #F4F4F4;
        --grey-bg-3: #e6e2e2;
        --grey-bg-4: #F9FBFC;
        --grey-bg-5: #f5f5f5;
        --grey-bg-6: #F9FAFB;
        --grey-bg-7: #777;
        --p-card-border: rgb(237 237 237 / 70%);
        --tr-hover-color: #f8fbfd;
        --light-blue-1: #EBEBEF;
        --input-icon-color: #404040;
        --disabled-text-color: #A9A9BC;
        --disabled-border-color: #EBEBEF;
    }

    :root[color-mode="dark"] {
        --icon-color1: #6f7589;
        --chat-left-bubble: #2e3446;
        --chat-right-bubble: #344d81;
        --light-new-blue: #080d19;
        --light-blue-dark: #3699FF;
        --chat-textarea-bg: #323c53;
        --tealGreen: #1BC5BB;
        --input-label-color: #2D3748;
        --dark-blue-color: var(--primary-color);
        --grey-bg-1: #FBFBFC;
        --grey-bg-2: #F4F4F4;
        --grey-bg-3: #e6e2e2;
        --grey-bg-4: #F9FBFC;
        --grey-bg-5: #F6F9FC;
        --grey-bg-6: #F9FAFB;
        --grey-bg-7: #777;
        --tr-hover-color: #f8fbfd;
        --light-blue-1: #EBEBEF;
        --input-icon-color: #5D729E;
    }

@media(max-width: 1920px) {
    :root {
        --p-row-grid-gap: 2.5rem;
    }
}

@media(max-width: 1600px) {
    :root {
        --p-row-grid-gap: 1.5rem;
        --dash-card-padd: calc(var(--box-padding) * 0.65);
    }
}

.on-scroll-top-pb {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    z-index: 9999;
    transition: width 0.5s ease-out;
}

.tooltip {
    z-index: 4500;
}

.p-bg-overlay {
    overflow: hidden;
}

    .p-bg-overlay::after,
    body:has(.open-nav-wrapper)::after {
        content: '';
        background-color: rgb(10 30 68 / 64%);
        backdrop-filter: blur(6px px );
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1600;
        transition: all 0.6s;
    }

@media(max-width: 576px) {
    .p-bg-overlay::after {
        display: none;
    }
}

/*slide tab btn sh*/
.slide-btn-tab-container {
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    padding: 0.25rem;
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

.slide-btn-tab {
    padding: 0.425rem 0.8rem;
    border: none;
    background: none;
    cursor: pointer;
    transition: background-color 0.3s;
    z-index: 2;
    color: var(--primary-color);
    font-weight: 600;
    min-width: 3.9rem;
}

.active-tab-indicator {
    position: absolute;
    bottom: 0;
    height: 0.3rem;
    background-color: var(--chat-dark-bg-2);
    transition: left 0.3s ease, width 0.3s ease;
    z-index: 1;
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

/*slide tab btn eh*/

#divLastCheckinDate {
    font-size: var(--base-font-size-xxs);
}

.delete-conf-iw {
    max-width: 100%;
}

.p-color-pri {
    color: var(--primary-color);
}

.p-ai-dfend {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.p-grad-bor-btn {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
}

    .p-grad-bor-btn:hover {
        background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        color: #fff;
    }

        .p-grad-bor-btn:hover button {
            color: #fff;
        }

        .p-grad-bor-btn:hover svg {
            fill: #fff;
        }

.p-ai-link span.button-textNew2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.p-ai-grd-bor {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    min-height: 44.1px;
}

    .p-ai-grd-bor label {
        align-self: flex-end;
        margin-bottom: -0.115rem !important;
    }

.p-grad-bor-btn .p-ai-link {
    Padding: calc(var(--p-btn-padding));
    font-size: var(--base-font-size);
    border-radius: 0.38rem;
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: calc(var(--p-btn-min-width));
    min-height: calc(var(--p-btn-min-height) - 0.0125em);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-block;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}

.p-grad-bor-btn .p-ai-link-icon {
    --icon-ai: 1.15rem;
    width: var(--icon-ai);
    height: var(--icon-ai);
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-grad-bor-btn .p-ai-txt::after {
    display: none;
}

.p-question-list-generated .p-question-count {
    display: block;
    color: var(--on-primary-color);
    margin-bottom: 0;
}

.p-question-list-generated .labelText {
    font-weight: 500;
    font-size: var(--base-font-size-xl);
}

.p-ql-ia-mw {
    display: grid;
    grid-template-columns: 1fr 2.5em;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
}

.p-qeust-list-actn {
    margin-top: -1.2rem;
}

/*css for grpah loader skeleton starts here*/
.p-pie-chart-sl .p-feat-piechart {
    --circle-banner-chart: 135px;
    width: var(--circle-banner-chart);
    height: var(--circle-banner-chart);
    overflow: hidden;
    border-radius: 50%;
}

.p-pie-chart-sl .p-feat-legends-items label {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    color: var(--primary-color);
    min-width: 4rem;
}

/*Bar Chart UI*/

.p-bar-chart-sl {
    display: grid;
    grid-template-columns: repeat(12, auto);
    gap: 1rem;
    width: calc(100%);
    position: relative;
    align-items: flex-end;
    height: 100%;
}

    .p-bar-chart-sl:before,
    .p-bar-chart-sl:after {
        content: '';
        position: absolute;
        background-color: var(--bg-default);
    }

    .p-bar-chart-sl:before {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.08em;
    }

    .p-bar-chart-sl:after {
        left: 0;
        bottom: 0;
        width: 0.08em;
        height: 100%;
    }
/*User Breakdown by Department*/
#div-user-by-departament-Loader .p-fb-graph,
#div-user-growth-Loader .p-fb-graph {
    padding: calc(var(--box-padding) * 0.1);
}

#div-user-by-departament-Loader .p-bar-chart-sl {
    grid-template-columns: repeat(5, auto);
}

#div-user-by-departament-Loader .p-bar-chart-sl-bars {
    max-width: initial;
}

    #div-user-by-departament-Loader .p-bar-chart-sl-bars:nth-child(1) {
        height: 5rem;
        padding-left: 1rem;
    }
/*User Breakdown by Department*/
.p-sine-wave-ug {
    -webkit-clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,200 L0,200 Z');
    clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,200 L0,200 Z');
}

#div-user-growth-Loader .p-bar-chart-sl,
#div-companys-mood-chart-Loader .p-bar-chart-sl,
#div-people-Teams-current-goals-status-line-chart-Loader .p-bar-chart-sl,
#div-oneoneone-status-line-chart-Loader .p-bar-chart-sl,
#div-people-Teams-current-task-status-line-chart-Loader .p-bar-chart-sl,
.ins-content-mw .p-bar-chart-sl,
.ins-con-ru .p-bar-chart-sl,
.ins-wcbc .p-bar-chart-sl,
.ins-mood-tracker .p-bar-chart-sl,
.rio-hr-eng-gr .p-bar-chart-sl {
    display: inline-block;
}

/*Average Company Mood*/
.p-sine-wave-acm {
    -webkit-clip-path: path('M0,148 C 85,136 145,14 360,100 C 1965,580 705,380 110,420 L950,380 L0,420 Z');
    clip-path: path('M0,148 C 85,136 145,14 360,100 C 1965,580 705,380 110,420 L950,380 L0,420 Z');
}

.p-bar-chart-sl-fw.p-bar-chart-sl {
    grid-template-columns: auto;
}
/*Average Company Mood*/
/*updown sharp wave*/
.p-sharp-wave {
    clip-path: polygon(0 100%, 0 50%, 25% 0, 50% 50%, 75% 100%, 100% 50%, 100% 100%);
}

.mh-sl {
    max-width: calc(100% - 18px);
    margin-left: auto;
}
/*updown sharp wave*/
.insight-main-container .loading-skeleton .p-def-gr-circle {
    overflow: hidden;
    border-radius: 50%;
    width: var(--ins-gr-cricle-wh);
}

    .insight-main-container .loading-skeleton .p-def-gr-circle .skeleton-img {
        flex: 1;
    }

.ins-people .p-bar-chart-sl-bars {
    max-width: 1.4rem;
}

#div-leave-taken-by-policy-Loader .p-bar-chart-sl-bars {
    max-width: 1.8rem;
}

#div-leave-taken-by-policy-Loader .p-fb-graph {
    height: 400px;
}

#div-leave-taken-by-policy-Loader .p-bar-chart-sl-bars:nth-child(2) {
    height: 90%;
}

#div-wellbeing-session-by-departament-Loader .p-bar-chart-sl {
    grid-template-columns: repeat(4, auto);
}

.p-sl-hollow-chart .p-ins-wb-used-sess svg {
    background: initial;
}

.p-sl-hollow-chart .svg-yellow-zone,
.p-sl-hollow-chart .svg-salmon-zone,
.p-sl-hollow-chart .svg-green-zone,
.p-sl-hollow-chart .session-available-svg-main-circle,
.p-sl-hollow-chart .session-available-svg-circle {
    fill: var(--bg-default) !important;
}

.p-sl-hollow-chart .ca-month-session-count label {
    --skeleton-color-1: var(--sec-light-color7);
    --skeleton-color-2: var(--sec-light-color6);
}

.p-sl-hollow-chart .triangle-rotate {
    fill: var(--sec-light-color7);
}

.p-sl-hollow-chart .ca-month-session-count {
    gap: 1rem;
}

.p-sl-hollow-chart #dvLabel {
    min-width: 4.5rem;
}

.p-sl-hollow-chart .remaing-session-chart {
    min-width: 7rem;
}

.p-ins-bar-ch-sl {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

    .p-ins-bar-ch-sl .p-bar-chart-sl-bars {
        min-width: 60px;
    }

        .p-ins-bar-ch-sl .p-bar-chart-sl-bars:nth-child(1) {
            max-width: 0rem;
            min-width: initial;
        }

#div-wellbeing-session-vector-map-Loader .p-imf-mp-large {
    width: 2.3rem;
    height: 2.3rem;
}

#div-wellbeing-session-vector-map-Loader .p-imf-mp-circle1 {
    top: 30%;
    left: 45%;
}

#div-wellbeing-session-vector-map-legends .p-list-gp-rd {
    min-height: 17px;
}

#div-wellbeing-session-vector-map-legends .ins-loc-vec-map {
    border: none;
}

.map-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid var(--bg-default);
}

    .map-container .ins-loc-vec-map {
        border: none;
    }

.world-map-sl {
    width: 100%;
    height: 100%;
    display: inline-block;
    fill: var(--bg-default);
}

.p-imf-mp-circle {
    position: absolute;
    border-radius: 50%;
    background-color: var(--sec-light-color7);
}

.p-imf-mp-large {
    width: 3rem;
    height: 3rem;
}

.p-imf-mp-medium {
    width: 1.8rem;
    height: 1.8rem;
}

.p-imf-mp-small {
    width: 1.3rem;
    height: 1.3rem;
}

.p-imf-mp-circle1 {
    top: 10rem;
    left: 10rem;
}

.p-imf-mp-circle2 {
    top: 3rem;
    right: 8rem;
}

.p-imf-mp-circle3 {
    left: 54%;
    bottom: 5rem;
}

.line-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.p-sl-lines {
    position: absolute;
    bottom: 0;
    width: 0.15rem;
    border-radius: 0.125rem;
    background-color: var(--bg-default);
}

/* Common styles for the circles at the end of the lines */

.p-sl-line-1 {
    height: 10rem;
    transform: rotate(20deg);
    left: 10%;
}

.p-sl-line-2 {
    height: 8rem;
    transform: rotate(-10deg);
    left: 20%;
}

.p-sl-line-3 {
    height: 12rem;
    transform: rotate(50deg);
    left: 75%;
}

.p-sl-line-4 {
    height: 15rem;
    transform: rotate(-30deg);
    left: 40%;
}

.p-sl-line-hr {
    border-radius: 0.125rem;
    background-color: var(--bg-default);
    position: absolute;
    width: calc(100% - 2rem);
    height: 0.15rem;
    left: 0;
}

.p-sl-line-hr-5 {
    top: 17%;
    transform: rotate(2deg);
}

.p-sl-line-hr-6 {
    bottom: 10%;
    transform: rotate(-2deg);
}

.p-sl-line-hr-7 {
    bottom: 13%;
    transform: rotate(-1deg);
}

.p-sl-line-hr-8 {
    bottom: 25%;
    transform: rotate(-1.5deg);
}

.p-sl-line-hr-9 {
    top: 23%;
    transform: rotate(-2.5deg);
}

.p-bar-chart-sl-bars {
    width: 100%;
    align-self: end;
    height: 30%;
    max-width: 0.8rem;
}

.p-bar-chart-sl-md .p-bar-chart-sl-bars {
    max-width: 2.1rem;
}

.node::before, .node::after {
    content: '';
    position: absolute;
    width: .75rem; /* Diameter of the node */
    height: .75rem; /* Diameter of the node */
    border-radius: 50%; /* Makes it a circle */
    background: var(--bg-default); /* Inherits the color of the line */
    transform: translate(-50%, -50%);
}

.node::before {
    top: 0;
    left: 0;
}

.node::after {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
}

.p-bar-chart-sl-bars-wr-last .p-bar-chart-sl-bars:nth-child(1) {
    height: 2rem;
}

.p-bar-chart-sl-bars-wr-last .p-bar-chart-sl-bars:nth-child(2) {
    height: 4rem;
}

.p-bar-chart-sl-bars-wr-last .p-bar-chart-sl-bars:nth-child(3) {
    height: 4rem;
}

.p-bar-chart-sl-bars-wr-third .p-bar-chart-sl-bars:nth-child(1) {
    height: 6rem;
}

.p-bar-chart-sl-bars-wr-third .p-bar-chart-sl-bars:nth-child(2) {
    height: 2rem;
}

.p-bar-chart-sl-bars-wr-third .p-bar-chart-sl-bars:nth-child(3) {
    height: 5rem;
}

.p-bar-chart-sl-bars:nth-child(1) {
    height: 5rem;
}

.p-bar-chart-sl-bars:nth-child(2) {
    height: 8rem;
}

.p-bar-chart-sl-bars:nth-child(3) {
    height: 10rem;
}

.p-bar-chart-sl-bars-wr {
    display: flex;
    gap: 0.25rem;
}

    .p-bar-chart-sl-bars-wr > * {
        flex: 0 0 auto;
    }

/*css for grpah loader skeleton starts here*/

.p-gr-leg-ol {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.p-grl-insight .p-fli-box {
    width: 0.7rem;
    height: 0.7rem;
}

.p-grl-insight .p-feat-legends-items label {
    font-size: calc(var(--base-font-size-xxs) * 0.95);
    line-height: 1;
}

.p-grl-insight .p-feat-legends-items {
    gap: 0.45rem;
}
/*slider-switch sh*/
.toggle-container,
.toggle-switch {
    cursor: pointer;
    width: 12.3rem;
    height: 2.6rem;
    font-size: var(--base-font-size);
}

    .toggle-container input[type="checkbox"] {
        display: none;
    }

        .toggle-container input[type="checkbox"]:checked ~ label .toggle-switch:before {
            content: attr(data-unchecked);
            left: 0;
        }

        .toggle-container input[type="checkbox"]:checked ~ label .toggle-switch:after {
            content: attr(data-checked);
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

.toggle-switch {
    position: relative;
    background: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    transition: all 1s;
    border: 1px solid var(--input-border-1);
    font-weight: 400;
}

    .toggle-switch:before,
    .toggle-switch:after {
        position: absolute;
        height: calc(100% - 8px);
        width: calc(50% - 5px);
        top: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .toggle-switch:before {
        content: attr(data-checked);
        color: var(--on-primary-color);
        left: 50%;
    }

    .toggle-switch:after {
        content: attr(data-unchecked);
        left: 4px;
        border-radius: calc(var(--bs-border-radius) * 0.65);
        z-index: 1;
        background: var(--sec-light-color4);
        color: var(--primary-color);
        transform: translate3d(0, 0, 0);
        transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    }
/*slider switch eh*/

.p-listype-bg {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border: 1px solid var(--hsla-input-border) !important;
    color: var(--on-primary-color);
    width: 100%;
    border-radius: var(--border-radius-default);
    gap: 0.6rem;
    font-size: var(--base-font-size);
    padding: 0.45rem 0.8rem;
    min-height: 2.7rem;
}


.p-acco-is {
    max-height: 600px;
    overflow: visible;
}

.p-fw-600 {
    font-weight: 600 !important;
}

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

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

.p-modal-wrapper {
    min-height: 370px;
}

.ph-default-tag.pbs-Overdue {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.ph-default-tag.pbs-Incomplete {
    background-color: var(--incomplete-bg);
    color: var(--incomplete-tc);
}

.ph-default-tag.pbs-Completed {
    background-color: var(--complete-bg);
    color: var(--complete-tc);
}

.p-text-underline {
    text-decoration: underline;
}

.p-grid-tag {
    padding: 0.17rem 0.4rem 0.17rem 0.4rem;
    border-radius: calc(var(--bs-border-radius) * 0.6);
    line-height: 1.2;
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    background-color: var(--sec-light-color4);
    color: var(--primary-color);
    position: relative;
    border: 1px solid var(--sec-light-color4);
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--green-color);
    color: var(--green-color);
    background: rgb(176 248 202 / 43%);
}

.p-tag-v-top {
    margin-left: 0.45rem;
    padding: 0.17rem 0.55rem;
    border-radius: calc(var(--bs-border-radius) * 0.6);
    line-height: 1.2;
    font-size: calc(var(--base-font-size-xxs)* 0.95);
    background-color: var(--sec-light-color4);
    color: var(--theme-primary-color);
    position: relative;
    border: 1px solid var(--hsla-input-border);
    display: inline-flex;
    align-items: center;
}

.p-icon-3xs {
    width: 0.78rem;
    height: 0.78rem;
}

.p-icon-xxs {
    width: 0.85rem;
    height: 0.85rem;
}

.p-icon-xs {
    width: 0.95rem;
    height: 0.95rem;
}

.p-icon-sm {
    width: 1.15rem;
    height: 1.15rem;
}

.p-icon-sm1 {
    width: 1.02rem;
    height: 1.02rem;
}

.p-icon-sm2 {
    width: 1.12rem;
    height: 1.12rem;
}

.p-icon-md {
    width: 1.25rem;
    height: 1.25rem;
}

.p-icon-md1 {
    width: 1.29rem;
    height: 1.29rem;
}

.p-icon-lg {
    width: 1.35rem;
    height: 1.35rem;
}

.p-icon-xl {
    width: 1.45rem;
    height: 1.45rem;
}

.p-icon-xxl {
    width: 1.55rem;
    height: 1.55rem;
}

.p-icon-3xl {
    width: 1.65rem;
    height: 1.65rem;
}

.p-icon-4xl {
    width: 1.8rem;
    height: 1.8rem;
}

.p-icon-5xl {
    width: 2rem;
    height: 2rem;
}

.p-icon-link {
    stroke: var(--link-color)
}

.user-add-la {
    position: relative;
    left: 0.125em;
}

.p-icon-btn-wr {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
}

    .p-icon-btn-wr:hover {
        background-color: var(--chat-dark-bg-2);
    }

.p-icon-btn {
    width: 1.35rem;
    height: 1.35rem;
    fill: var(--dark-blue-color);
}

button.p-link {
    border: none;
    background: transparent;
    font-weight: 500;
    cursor: pointer;
}

.js-delete-card {
    cursor: pointer;
}

.pdif {
    display: inline-flex;
    align-items: center;
}

.pdf {
    display: flex;
    align-items: center;
}

.pdf-sb {
    justify-content: space-between;
}

.pdf-gap-7xs {
    gap: 0.18rem;
}

.pdf-gap-6xs {
    gap: 0.2rem;
}

.pdf-gap-5xs {
    gap: 0.28rem;
}

.pdf-gap-4xs {
    gap: 0.35rem;
}

.pdf-gap-3xs {
    gap: 0.5rem;
}

.pdf-gap-xxs {
    gap: 0.7rem;
}

.pdf-gap-xs {
    gap: 0.85rem !important;
}

.pdf-gap-sm {
    gap: 1rem;
}

.pdf-gap-md {
    gap: 1.15rem;
}

.pdf-gap-lg,
.my-people-page .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    gap: 1.25rem;
}

.pdf-gap-xl {
    gap: 1.35rem;
}

.pdf-gap-xxl {
    gap: 1.45rem;
}

.pdf-gap-xxxl {
    gap: 1.65rem;
}

.pdf-gap-4xl {
    gap: 1.8rem;
}

.pdf-gap-5xl {
    gap: 2rem;
}

.pdf-gap-6xl {
    gap: 2.5rem;
}

.pdf-gap-8xl {
    gap: 4rem;
}

.pdf-gap-10xl {
    gap: 5.5rem;
}

.pdf-gap-11xl {
    gap: 7rem
}

.p-upload-btn-wrpper {
    position: relative;
}

    .p-upload-btn-wrpper > input[type='file'] {
        display: none
    }

    .p-upload-btn-wrpper label.p-add-btn-icon {
        color: var(--p-btn-txt);
        display: flex;
    }

.p-vr-wrapper {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-vr-wrapper-inner {
    transform: scale(1.01);
    width: 100%;
}

.p-ai-link-icon {
    --icon-ai: 0.75rem;
    width: var(--icon-ai);
    height: var(--icon-ai);
    fill: var(--on-primary-color);
}

.p-ai-link {
    font-size: var(--base-font-size-xs);
    padding: 0;
    min-height: initial;
    font-weight: 400;
    border: none;
    background-color: transparent;
    color: var(--on-primary-color);
    min-width: 5.2rem;
}

/*.p-ai-link-disabled{
    opacity:0.35;
    cursor: default !important;
}*/

.p-ai-txt {
    position: relative;
}

    .p-ai-txt::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -0.2rem;
        width: 100%;
        height: 1px;
        background-color: var(--on-primary-color);
    }

.p-textarea-w-ai {
    position: relative;
}

.p-ai-icon {
    --icon-ai: 0.95rem;
    width: var(--icon-ai);
    height: var(--icon-ai);
    fill: var(--p-btn-txt);
}

.p-textarea-w-ai textarea {
    min-height: 170px !important;
    padding-bottom: 4rem;
    overflow-y: auto !important;
}

.p-link-btn-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    font-weight: 600;
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: var(--link-color);
    fill: var(--link-color);
    padding: 0;
}

.p-ai-btn {
    font-size: var(--base-font-size-xs);
    padding: 0.65rem 0.75rem;
    min-height: initial;
    font-weight: 400;
}

.p-taw {
    position: relative;
}

.p-ai-ph-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: var(--base-font-size-xxs);
    padding: 0.65rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
}

.p-ai-question {
    position: initial;
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.p-ai-inline {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .p-ai-inline .p-ai-link {
        position: initial;
        padding: 0;
        align-self: baseline;
        min-width: 5.2rem;
    }

.p-taw {
    width: 100%;
    overflow: hidden;
}

    .p-taw .loading-skeleton p {
        margin-bottom: 0.6rem;
        width: 100%;
        height: 0.7rem;
        width: 100%;
    }

.p-html-editor-w-ai .ls-textbox {
    top: 3.8rem;
}

.p-taw .loading-skeleton p {
    margin-bottom: 0.6rem;
    width: calc(100% - 2.5rem);
    height: 0.7rem;
}

.ls-textbox {
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 100%;
}

.p-ai-draft-loader {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: var(--card-bg-color);
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.6rem 0.8rem;
    overflow: hidden;
}

.p-ai-draft-loader-bar {
    height: 0.7rem;
    margin-bottom: 0.6rem;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    background: linear-gradient(to right,
        hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08) 8%,
        hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.175) 18%,
        hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08) 33%);
    background-size: 1200px 100%;
    animation: shimmer-skeleton 4s linear infinite;
}

.p-ai-draft-loader-bar:last-child {
    margin-bottom: 0;
    width: 60%;
}

.p-ai-link .loader-new-white-bg.loader-new {
    font-size: 1.7px;
}

.p-ai-ph-wrp button.p-ai-link {
    flex: 0 0 auto;
}

.p-html-editor-w-ai .p-ai-ph-wrp {
    top: calc(0.65rem + 1.3rem + 2.4rem);
}

.pl-event-joined {
    color: var(--green-color);
    fill: var(--green-color);
}

.small, small {
    font-size: calc(var(--base-font-size-xxs) * 0.98);
}

.p-icon {
    display: inline-block;
    stroke: var(--on-primary-color);
    line-height: 1.8;
    flex-shrink: 0;
}

.p-icon-green-s {
    stroke: var(--green-color) !important;
}

.p-icon-red-s {
    stroke: var(--overdue-tc) !important;
}

.p-icon-white-s {
    stroke: #fff;
}

.p-icon-white-f {
    fill: #fff;
}

.p-icon-white-r {
    stroke: #d66373;
}

.p-icon-fill.p-icon-green-f {
    fill: var(--green-color);
}

.p-icon-fill {
    display: inline-block;
    fill: var(--on-primary-color);
    line-height: 1.8;
    stroke: none !important;
}

.p-ap-box-icon {
    width: 3.45rem;
    height: 3.45rem;
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.p-small-input {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
    color: var(--primary-color) !important;
    box-shadow: none;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    background-color: var(--chat-dark-bg-2);
    padding: 0.55rem 0.6rem;
    min-width: 220px;
    font-size: var(--base-font-size-xxs);
    padding-right: 2.8rem;
}

.form-group .p-char-count-label, .p-cc-data {
    font-size: calc(var(--base-font-size-xxs) * 0.92);
    text-align: right;
    margin-top: 0.25rem;
    padding-right: 0.35rem;
    display: inline;
    float: right;
    font-weight: 400;
}

.p-char-count-label {
    display: none !important;
}

.can-sco-feedback .p-char-count-label,
.js-comment-textarea-wrapper .p-char-count-label,
.js-hire-char-count,
.js-interviewer-char-count {
    display: block !important;
    float: none;
    text-align: right;
    font-weight: 400;
    margin-top: 0.25rem;
    font-size: calc(var(--base-font-size-xxs) * 0.92);
}

#EditCandidateModel .js-hire-char-count {
    display: none !important;
}

.icon-play-btn,
.info-icon-dialog {
    --play-btn-width: 2.5rem;
    width: var(--play-btn-width);
    height: var(--play-btn-width);
    display: inline-block;
}

svg.icon-play-btn {
    fill: var(--primary-color);
}

.info-icon-dialog {
    --play-btn-width: 1.8rem;
    stroke: var(--primary-color);
    flex: 0 0 auto;
}

.p-info-msg .info-icon-dialog,
.p-info-msg-warning .info-icon-dialog {
    stroke: #b16b6f;
}

.info-icon-dialog.info-icon-dialog-lg {
    --play-btn-width: 2.5rem;
}

.p-def-table .table td,
.p-def-table .table th {
    vertical-align: middle;
    padding: var(--grid-table-padding);
    border: none;
    vertical-align: middle;
}

.p-def-table .p-grid-action-btns {
    justify-content: center;
}

.tc-img-wrapper .icon-play-btn {
    --play-btn-width: 1.8rem;
}

.table-tlnfc tr td:not(:first-child)
.table-tlnfc tr th:not(:first-child) {
    text-align: center;
}
/*plm buttons*/
.p-btn-small,
.p-add-btn,
.sweet-alert button,
.dashboard-hc-btn.browse {
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    cursor: pointer;
    font-weight: 500;
    border-radius: calc(var(--border-radius-default)* 1.25) !important;
}



.p-btn-small-inline,
.mood-tracker-action-btns .p-btn-small, .mood-tracker-action-btns .hc-default-btn {
    display: inline-flex;
    min-width: 7.5rem;
    min-height: initial !important;
    border-radius: calc(var(--border-radius-default)* 0.75);
    justify-content: center;
    padding: 0.48rem 0.95rem !important;
    line-height: 1.6;
}

.p-btn-small-sm {
    min-width: 110px;
    min-height: initial;
    border-radius: calc(var(--border-radius-default)* 0.85);
    min-height: 40px;
}

.p-btn-small-icon {
    gap: 0.35rem;
    min-width: initial;
}

.p-btn-small em.icon {
    color: var(--p-btn-txt);
}

.p-btn-small.p-btn-xt-small {
    padding: 0.45rem 1.2rem;
    min-width: 5.4em;
    min-height: 38px;
}

.p-btn-sec-sm {
    padding: 0.45rem 0.8rem;
    min-width: 5em;
    min-height: 34px;
}

.p-btn-sec {
    border-color: var(--secondary-color);
    background-color: transparent;
    color: var(--secondary-color);
}

.p-btn-sec, .p-upload-btn-wrpper .p-add-btn,
.p-upload-btn-wrapper .p-add-btn,
.ba-upload-dd .dashboard-hc-btn.pos-abs-upload-btn,
.p-btn-sm-lb,
.therap-feature-card .p-add-btn.btn-add-item {
    border-color: var(--input-border-1) !important;
    background-color: var(--btn-light-bg);
    color: var(--theme-primary-color);
}

    .p-btn-sec .p-icon,
    .p-upload-btn-wrpper .p-add-btn .p-icon,
    .p-upload-btn-wrapper .p-add-btn .p-icon {
        border-color: var(--secondary-color);
        background-color: transparent;
        color: var(--secondary-color) !important;
    }

.p-upload-btn-wrpper .p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
}

    .p-upload-btn-wrpper .p-add-btn .p-icon,
    .p-upload-btn-wrapper .p-add-btn .p-icon,
    .ba-upload-dd .dashboard-hc-btn.pos-abs-upload-btn .p-icon {
        /*        stroke: var(--secondary-color) !important;*/
        stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
    }

    .p-btn-sec:hover,
    .p-upload-btn-wrpper .p-add-btn:hover,
    .p-upload-btn-wrapper .p-add-btn:hover,
    .ba-upload-dd .drop:hover .cont .browse,
    .p-btn-sm-lb:hover,
    .therap-feature-card .p-add-btn.btn-add-item:hover {
        color: #ffffff !important;
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
        border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    }

        .p-btn-sec:hover svg,
        .p-upload-btn-wrpper .p-add-btn:hover svg,
        .p-upload-btn-wrapper .p-add-btn:hover svg,
        .ba-upload-dd .drop:hover .cont .browse svg,
        .p-btn-small.p-btn-sm-icon svg {
            stroke: #ffffff !important;
        }

.p-sec-disabled.p-btn-small {
    border-color: var(--disabled-border-color) !important;
    color: var(--disabled-text-color) !important;
    pointer-events: none;
}

    .p-sec-disabled.p-btn-small svg.p-icon {
        stroke: var(--disabled-text-color) !important;
    }

.insight-content .dx-button-mode-contained.dx-button-default {
    background-color: var(--theme-primary-color) !important;
    border-color: transparent;
    color: #fff;
    border-radius: var(--bs-border-radius);
    cursor: pointer !important;
}

    .insight-content .dx-button-mode-contained.dx-button-default:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8 ) !important;
    }

.insight-content .admin-head-exp-btn[disabled="disabled"] {
    pointer-events: none;
}

    .insight-content .admin-head-exp-btn[disabled="disabled"] .dx-button-mode-contained.dx-button-default {
        background-color: var(--disabled-color);
        border-color: transparent;
        color: #fff;
        cursor: default;
    }

button.js-pso-next[disabled],
.CreateMode[disabled="disabled"] .p-dd-wp-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    border-color: var(--disabled-color);
    cursor: default;
}

.EditMode[disabled="disabled"] .p-dd-wp-btn .p-dd-wp-dot-icon {
    opacity: 0.25;
    cursor: default;
}


.admin-head-exp-btn .dx-button-content .dx-button-text {
    display: flex;
    align-items: center;
}

.admin-head-exp-btn .dx-button-mode-contained.dx-button-default .dx-icon {
    color: #fff;
    width: initial;
    position: relative;
    top: -1px !important;
    height: initial;
}

.dashboard-hc-btn,
.p-grid-btn {
    text-align: center;
    text-transform: capitalize;
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width2);
    font-size: var(--base-font-size-xs);
    border-radius: var(--border-radius-default);
    min-height: var(--p-btn-min-height);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn-light-bg);
    font-weight: 500;
    color: var(--theme-primary-color);
    border: 1px solid var(--input-border-1);
    cursor: pointer;
}

    .dashboard-hc-btn:hover,
    .p-grid-btn:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
        color: #fff;
    }


.p-def-table .p-grid-btn {
    Padding: 0.35rem 0.85rem;
    font-size: var(--base-font-size-xs);
    min-width: 5.5rem;
    min-height: initial;
    border-width: 1px;
}

.p-btn-small.lc-joined {
    background-color: var(--green-color);
}

    .p-btn-small.lc-joined:hover {
        background-color: var(--green-color);
    }

.p-add-btn-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.p-add-btn em.icon {
    font-size: 1rem;
    color: var(--p-btn-txt);
}

.p-btn-small.p-btn-disabled,
.p-btn-small.p-btn-disabled:hover {
    background-color: var(--sec-light-color4);
    color: rgb(23 53 113 / 75%);
    border: 2px solid var(--sec-light-color4);
    cursor: default;
}

html[color-mode="dark"] .p-btn-small.p-btn-disabled,
html[color-mode="dark"] .p-btn-small.p-btn-disabled:hover {
    color: rgb(219 221 225 / 42%);
}

span.button-textNew,
.button-textNew-start {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    justify-content: center;
}

.hc-default-btn,
.expt-modi-btn.dx-button.dx-button-mode-contained {
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--border-radius-default);
    cursor: pointer;
    letter-spacing: normal;
    min-width: var(--p-btn-min-width);
    min-height: var(--p-btn-min-height);
    color: var(--p-btn-txt);
    display: inline-block;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    text-align: center;
    line-height: 1.75;
}

.sweet-alert button {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    box-shadow: none !important;
}

.expt-modi-btn.dx-button.dx-button-mode-contained .dx-icon {
    color: var(--p-btn-txt);
}

.hc-default-btn:hover,
.p-add-btn:hover,
.ba-upload-dd .drop:hover .cont .browse,
.expt-modi-btn.dx-button:hover,
.expt-modi-btn.dx-button:hover .dx-button-content,
.p-btn-small:hover,
.p-add-btn:hover,
.sweet-alert button:focus,
.sweet-alert button:hover {
    background-color: var(--theme-btn-hover);
    border: 1px solid var(--theme-btn-hover);
}

.expt-modi-btn.dx-button.dx-button-has-text .dx-button-content {
    padding: 0;
}

/*.btn-salmon .loader-new {
    border-top: 1.1em solid rgb(23 53 113 / 31%);
    border-right: 1.1em solid rgb(23 53 113 / 30%);
    border-bottom: 1.1em solid rgb(23 53 113 / 29%);
    border-left: 1.1em solid var(--primary-color);
}*/

.hc-disabled-btn {
    background-color: var(--on-primary-color) !important;
    color: var(--white-color);
    border: 1px solid var(--on-secondary-color);
}


.go-to-library {
    margin-right: 20px;
    font-weight: 500;
    background-color: #fff;
    color: var(--primary-color);
    padding: 7px 17px;
    border-radius: 5px;
    margin-bottom: 0 !important;
    text-transform: capitalize;
    font-size: 15px;
    letter-spacing: 0.2px;
    cursor: pointer;
    display: none;
    border: 1px solid;
}

.continue-button {
    background: var(--primary-color);
    color: var(--white-color) !important;
    text-align: center;
    Padding: 9px 10px;
    text-decoration: none !important;
    display: inline-block;
    min-width: 200px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    text-transform: capitalize;
    min-height: 44px;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--border-radius-default);
}

    .continue-button[disabled], .buttons-container .btn-next[disabled],
    .dashboard-hc-btn[disabled] {
        background-color: var(--theme-secondary-color);
        box-shadow: none;
        cursor: not-allowed !important;
        color: var(--theme-primary-color);
        border: 1px solid var(--disabled-color);
    }

.p-btn-sm-lb {
    text-align: center;
    text-transform: capitalize;
    padding: 0.42rem 0.6rem;
    min-width: 4.8rem;
    font-size: calc(var(--base-font-size-xxs) * 0.88);
    border-radius: calc(var(--border-radius-default)* 0.75);
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn-light-bg);
    font-weight: 600;
    color: var(--theme-primary-color);
    transition: all .3s;
}

    .p-btn-sm-lb:hover {
        background-color: var(--primary-color);
        color: #fff;
    }


/*dark btns*/
/*html[color-mode="dark"] .dashboard-hc-btn,
html[color-mode="dark"] .ph-ma-action-btns-wrapper .dashboard-hc-btn,
html[color-mode="dark"] .hc-default-btn,
html[color-mode="dark"] .continue-button,
html[color-mode="dark"] .buttons-container button,
html[color-mode="dark"] #share-btn-email.dashboard-hc-btn.refer-therapist,
html[color-mode="dark"] .sweet-alert button,
html[color-mode="dark"] .btn-steps,
html[color-mode="dark"] .modal .modal-dialog .btn,
html[color-mode="dark"] input#btn_submit_outoffofice,
html[color-mode="dark"] .forgot-password input.hc-default-btn,
html[color-mode="dark"] .forgot-pass-wrapper input.hc-default-btn,
html[color-mode="dark"] .plm-small-btn,
html[color-mode="dark"] .p-userlist #grid-reassign-selection .dx-button-content,
html[color-mode="dark"] .p-userlist #grid-remove-user .dx-button-content,
html[color-mode="dark"] .p-userlist #grid-clear-selection .dx-button-content,
html[color-mode="dark"] .p-add-btn,
html[color-mode="dark"] .p-btn-small {
    background-color: var(--dash-btn-bg-color) !important;
}*/
/*btn hover*/
/*html[color-mode="dark"] .dashboard-hc-btn:hover,
html[color-mode="dark"] .ba-upload-dd .drop:hover .pos-abs-upload-btn,
html[color-mode="dark"] .ph-ma-action-btns-wrapper .dashboard-hc-btn:hover,
html[color-mode="dark"] .hc-default-btn:hover,
html[color-mode="dark"] .continue-button:hover,
html[color-mode="dark"] .buttons-container button:hover,
html[color-mode="dark"] #share-btn-email.dashboard-hc-btn.refer-therapist:hover,
html[color-mode="dark"] .sweet-alert button:hover,
html[color-mode="dark"] .btn-steps:hover,
html[color-mode="dark"] .modal .modal-dialog .btn:hover,
html[color-mode="dark"] input#btn_submit_outoffofice:hover,
html[color-mode="dark"] .forgot-password input.hc-default-btn:hover,
html[color-mode="dark"] .forgot-pass-wrapper input.hc-default-btn:hover,
html[color-mode="dark"] .plm-small-btn:hover,
html[color-mode="dark"] .p-userlist #grid-reassign-selection .dx-button-content:hover,
html[color-mode="dark"] .p-userlist #grid-remove-user .dx-button-content:hover,
html[color-mode="dark"] .p-userlist #grid-clear-selection .dx-button-content:hover,
html[color-mode="dark"] .p-add-btn:hover,
html[color-mode="dark"] .p-btn-small:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
    color: var(--light-grey-dark);
}
*/
/*btn disabled*/
html[color-mode="dark"] .continue-button[disabled],
html[color-mode="dark"] .buttons-container .btn-next[disabled],
html[color-mode="dark"] .dashboard-hc-btn[disabled],
html[color-mode="dark"] .hc-default-btn.hc-disabled-btn {
    color: var(--on-primary-color) !important;
    background-color: rgb(106 120 149 / 7%) !important;
    border: 1px solid var(--ot-bg-color);
}

html[color-mode="dark"] .expt-modi-btn.dx-button {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3) !important;
}

html[color-mode="dark"] .expt-modi-btn.dx-state-active .dx-button-content, html[color-mode="dark"] .expt-modi-btn.dx-button-mode-contained.dx-state-focused, html[color-mode="dark"] .expt-modi-btn .dx-button-content {
    background-color: transparent !important;
    color: var(--light-grey-dark) !important;
}

    html[color-mode="dark"] .expt-modi-btn.dx-state-active .dx-button-content:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-button-mode-contained.dx-state-focused:hover,
    html[color-mode="dark"] .expt-modi-btn .dx-button-content:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-state-active .dx-button-content:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-button-mode-contained.dx-state-focused:hover,
    html[color-mode="dark"] .expt-modi-btn .dx-button-content:hover,
    html[color-mode="dark"] .ba-upload-dd .drop:hover .cont .browse,
    html[color-mode="dark"] .expt-modi-btn.dx-button:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-button:hover .dx-button-content {
        background-color: var(--input-focus-dark) !important;
        color: var(--light-grey-dark) !important;
    }

html[color-mode="dark"] .dx-button-mode-contained.dx-button-default .dx-icon {
    color: var(--light-grey-dark) !important;
}

html[color-mode="dark"] .expt-modi-btn.dx-button:hover .dx-icon {
    color: var(--light-grey-dark) !important;
}

html[color-mode="dark"] .dash-side-msg-count,
html[color-mode="dark"] .unread-msg-batch span {
    color: var(--primary-color) !important;
}

/*small button with icon starts here*/

.btn-slect-dropdown .p-add-btn {
    padding-right: 2.6rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--hsla-input-border) !important;
    color: var(--primary-color) !important;
    min-width: 250px;
    /*box-shadow: var(--p-input-box-shadow);*/
}

html[color-mode="dark"] .btn-slect-dropdown .p-add-btn {
    border: 1px solid var(--chat-inbox-border-color) !important;
    box-shadow: var(--chat-input-boxshadow);
    -moz-box-shadow: var(--chat-input-boxshadow);
    -webkit-box-shadow: var(--chat-input-boxshadow);
}

.btn-slect-dropdown select {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.btn-slect-dropdown-wli {
    position: relative;
}

    .btn-slect-dropdown-wli svg {
        position: absolute;
        display: inline-block;
        top: 50%;
        transform: translateY(-50%);
        left: 0.9rem;
        fill: var(--primary-color);
        width: 1.28rem;
        height: 1.28rem;
    }

.hc-default-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

    .hc-default-btn-icon svg {
        width: 1rem;
        height: 1rem;
        display: inline-block;
        fill: var(--primary-color);
    }
/*plm buttons ends here*/

/*plumm theme colors starts here*/

.ved-light-blue {
    background-color: var(--plm-light-blue);
}

.ved-salmon {
    background-color: var(--plm-light-salmon);
}

.ved-green {
    background-color: var(--plm-light-green);
}

.ved-yellow {
    background-color: var(--plm-light-yellow);
}

.ved-light-pink {
    background-color: var(--plm-light-pink);
}

/*plumm theme colors ends here*/

.sm-gap-cen {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
}

svg.icon-sidebar {
    width: 1.9rem;
    height: 2rem;
}

.nd-cus-conatiner {
    max-width: var(--container-width);
    margin: 0 auto;
}

.nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}

.icon.ni {
    font-size: 1rem;
}

.label-w-info .icon.ni-info,
.p-switch-lwi .icon.ni-info {
    display: inline-block;
    margin-left: 0rem;
    position: relative;
    top: 1px;
    cursor: pointer;
    color: var(--on-primary-color);
    font-size: calc(var(--base-font-size));
}

.custom-switch .label-w-info em.icon {
    margin-top: 8px;
    display: inline-flex;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    max-width: 380px;
    padding: 7px 13px 7px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: var(--theme-primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.4;
    font-size: var(--base-font-size-sm);
    text-align: left;
    border-radius: calc(var(--bs-border-radius)* 0.65);
}

.p-smart-tt svg.p-icon:hover {
    stroke: var(--primary-color);
}

.p-modal-body-fix {
    max-height: calc(100vh - 12.5rem);
}

.p-modal-wh {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1800;
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

.p-html-edit-fh .modal-body > .row {
    height: 100%;
}

.modal-xxl {
    max-width: 100%;
    padding: 0 1.8rem;
}

.modal-e-sign-temp {
    max-width: 100%;
    padding: 0 1.8rem;
}

@media (min-width: 576px) {
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }

    .modal-xxl .modal-content {
        min-height: calc(100vh - 3.5rem);
    }

    .modal-e-sign-temp .modal-content {
        min-height: calc(100vh - 3.5rem);
    }
}

.label-w-info-na .icon.ni-info {
    margin-left: 0.07rem;
}

.p-table > tbody > tr > td,
.p-table > thead > tr > th {
    text-align: left;
    vertical-align: middle;
    padding: 0.75rem 0.6rem;
}

.record-active-round {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    background-color: var(--green-color);
    border-radius: 50%;
}
/*tooltip css starts here*/

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--theme-primary-color);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: var(--theme-primary-color);
}

.p-tooltip-list {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0.8rem;
}
/*tooltip ends here*/
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: var(--nav-min-height);
}

.modal-open {
    overflow: initial;
}

.p-modal-fullscreen .modal-dialog {
    --wh-fs-popup: 2.1rem;
    width: calc(100% - var(--wh-fs-popup));
    height: calc(100% - var(--wh-fs-popup));
    max-width: none;
    margin: calc(var(--wh-fs-popup) / 2) auto;
}

.p-modal-fullscreen-m0.p-modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.p-modal-fullscreen-m0.p-modal-fullscreen .modal-content {
    border-radius: 0;
}

.p-modal-fullscreen .modal-content {
    height: 100%;
    border: none;
}

.p-modal-fullscreen .modal-body {
    padding: 0;
    overflow: auto;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.fs-doc-iframe {
    height: 100%;
    width: 100%;
    border: none;
}

.pmfs-btn-close {
    position: absolute;
    top: -1rem;
    right: -1.1rem;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

    .pmfs-btn-close em.ni.icon {
        color: #fff;
        font-size: 1.25rem;
    }

.modal-header {
    align-items: center;
}

.uploaded-mod-docu {
    width: 100%;
    min-height: 600px;
}

.ol-list-sublist ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

    .ol-list-sublist ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
    }

        .ol-list-sublist ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
            font-weight: 500;
            font-size: 1.12rem;
            color: var(--primary-color);
        }

.ol-list-sublist li ol > li {
    margin: 0;
}

    .ol-list-sublist li ol > li:before {
        content: counters(item, ".") " ";
        font-weight: 500;
        font-size: 1rem;
    }

/*.new-aster {
    position: relative;
}

.new-aster::after {
    content: "\002A";
    font-size: 0.91rem;
    color: var(--on-primary-color);
    position: absolute;
    top: 0px;
    line-height: 17px;
    margin: 0.1rem;
}*/

.grid-svg-icon {
    width: 1.15rem;
    height: 1.15rem;
    display: inline-block;
    line-height: 1;
    fill: #007bff;
}

.promote-pos {
    position: relative;
    top: -2px;
    left: -2px;
}

.plumm-version-text {
    position: sticky;
    left: 0;
    margin-bottom: 0;
    bottom: 0;
    font-size: 0.75rem;
    width: 100%;
    text-align: center;
    background-color: var(--nav-menu-bg-color);
    z-index: 9;
    padding: 1rem 0 1rem;
}


.form-control.select-dd-option option {
    color: var(--primary-color);
}
/*css for content grid starts here*/
.p-content-grid {
    display: flex;
    gap: calc(var(--default-gap) * 0);
}

.p-content-grid-item {
    position: relative;
}

.loading-skeleton .p-content-grid-item .wb-wrapper {
    max-width: 100%;
    min-width: 100%;
}

.p-video-duration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0rem 0.8rem 0.2rem;
}

    .p-video-duration label,
    .p-content-td {
        color: #ffffff;
        font-size: 0.65rem;
        font-weight: 400;
        text-shadow: 1px 1px 4px rgb(0 0 0 / 72%);
    }

.academy-tc:hover .play-btn-video,
.wb-inner-wrapper:hover .play-btn-video,
.p-card-full-details-img-thumb:hover .saved-play-overlay,
.dash-meditation:hover .play-btn-video,
.p-show-vid-btn:hover .play-btn-video {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}
/*css for content grid starts here*/
/*css for skeleton loading*/
.loading-skeleton svg {
    fill: var(--sec-light-color4) !important;
    stroke: var(--sec-light-color4) !important;
}

.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control,
.loading-skeleton a,
.loading-skeleton small,
.loading-skeleton strong,
.loading-skeleton svg,
.loading-skeleton .skeleton-img::after,
.loading-skeleton .def-avat-name-ini::after,
.loading-skeleton .p-add-btn,
.loading-skeleton .p-btn-small,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview tr td,
.table-skeleton-loader tr td, .loading-skeleton .progress, .loading-skeleton .progress .cp-data-bottom, .loading-skeleton .circle-tag,
.table-skeleton-loader::before,
.loading-skeleton .p-btn-sm-lb,
.loading-skeleton .p-btn-second-bord,
.skeleton-loader input.form-control,
.sl-gauge,
.loading-skeleton .p-nd-add-wid-cta,
.loading-skeleton.pnd-banner,
.loading-skeleton .app-int-item {
    --skeleton-color-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    --skeleton-color-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.175);
    color: transparent !important;
    appearance: none;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer-skeleton;
    animation-name: shimmer-skeleton;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 100%;
    fill: transparent;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    height: 0.6rem;
    line-height: 1;
}

    .loading-skeleton h1::placeholder,
    .loading-skeleton h2::placeholder,
    .loading-skeleton h3::placeholder,
    .loading-skeleton h4::placeholder,
    .loading-skeleton h5::placeholder,
    .loading-skeleton h6::placeholder,
    .loading-skeleton p::placeholder,
    .loading-skeleton li::placeholder,
    .loading-skeleton .btn::placeholder,
    .loading-skeleton label::placeholder,
    .loading-skeleton .form-control::placeholder
    .loading-skeleton a::placeholder,
    .loading-skeleton small::placeholder,
    .loading-skeleton strong::placeholder {
        color: transparent;
    }

.skeleton-loader input.form-control {
    border: none;
    pointer-events: none;
    height: calc(1.5em + 0.75rem + 0.825em);
    border-radius: var(--bs-border-radius);
}

.loading-skeleton .skeleton-img,
.loading-skeleton .def-avat-name-ini {
    position: relative;
    /*    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);*/
    height: 100%;
    overflow: hidden;
    display: flex;
}

.loading-skeleton .hc-default-btn,
.loading-skeleton .p-add-btn,
.loading-skeleton .p-btn-small,
.loading-skeleton .p-btn-second-bord,
.loading-skeleton .p-nd-add-wid-cta {
    border: none;
    border-radius: var(--border-radius-default);
    box-shadow: none;
    min-height: 42px;
}

.loading-skeleton .p-nd-add-wid-cta {
    min-height: 36px;
}

.loading-skeleton .p-btn-sm-lb {
    padding: 0.42rem 0.175rem;
    min-width: 4.6rem;
    min-height: 2rem;
    border: none;
}

.loading-skeleton .skeleton-img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.loading-skeleton .skeleton-img.avatar, .loading-skeleton .avatar .skeleton-img {
    border-radius: 50%;
}

.sl-gauge {
    border-radius: 50%;
    height: initial;
    width: 100%;
    height: 100%;
}

.loading-skeleton .avatar-md {
    height: 44px !important;
}

.loading-skeleton .skeleton-link {
    width: 55px;
}

.loading-skeleton .loading-div {
    --skeleton-color-1: var(--sec-light-color4);
    --skeleton-color-2: var(--sec-light-color7);
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer-skeleton;
    animation-name: shimmer-skeleton;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 100%;
    fill: transparent;
}

@-webkit-keyframes shimmer-skeleton {
    0% {
        background-position: -100% 0;
    }

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

@keyframes shimmer-skeleton {
    0% {
        background-position: -1200px 0;
    }

    100% {
        background-position: 1200px 0;
    }
}

.loading-skeleton {
    pointer-events: none;
    animation: loading-skeleton 4s infinite alternate;
}

    .loading-skeleton svg.p-icon-fill {
        fill: transparent;
    }

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > tr td:first-child, .table-skeleton-loader tr td:first-child {
    min-width: 200px;
    display: table;
    width: 100%;
}

.loading-skeleton select.form-control {
    color: transparent !important;
    border-color: transparent;
}

.loading-skeleton .p-cg-per-inc-wrpaer li {
    min-height: 4.035rem;
    border-color: var(--bg-default);
}

    .loading-skeleton .p-cg-per-inc-wrpaer li label {
        color: transparent;
    }

.loading-skeleton input::placeholder,
.loading-skeleton textarea::placeholder {
    opacity: 0 !important;
    visibility: hidden !important;
}

.loading-skeleton svg.p-icon {
    stroke: var(--bg-default);
}

.loading-skeleton .p-def-table th {
    font-size: 0;
    padding: 1.38rem 0rem;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}
/*css for skeleton loading*/
/*plumm tag*/
.ph-default-tag {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    font-size: var(--base-font-size-xs);
    padding: 0.3rem 0.75rem;
    border-radius: var(--bs-border-radius);
    display: inline-block;
    font-family: var(--primary-font);
    position: relative;
    color: var(--primary-color);
    white-space: nowrap;
}

.pb-green-tag {
    background-color: var(--green-color);
    color: var(--chat-dark-bg-2);
}

.pb-grey-tag {
    background-color: var(--sidebar-scroll-color);
    color: var(--chat-dark-bg-2);
}

.pb-blue-tag {
    background-color: var(--link-color);
    color: var(--chat-dark-bg-2);
}


.pb-light-blue {
    background-color: var(--light-blue);
    color: #359BEC;
}

.pb-light-purple {
    background-color: var(--pb-light-purple);
    color: #7946DB;
}

.pb-light-green {
    background-color: var(--light-green);
    color: #39A361;
}

.pb-light-pink {
    background-color: var(--pb-light-pink);
    color: #FF6C98;
}

.pb-dark-yellow {
    background-color: var(--pb-light-yellow);
    color: #FF6D3F;
}

.pb-light-yellow {
    background-color: var(--light-yellow);
    color: #E19A2E;
}

.pb-light-salmon {
    background-color: var(--light-salmon);
}

.plmm-tag {
    background-color: var(--yell-btn-darkbg-color);
    font-weight: 400;
    font-size: 0.95rem;
    margin-left: 0;
    padding: 0.4rem 1.4rem;
    justify-content: center;
    border-radius: 15rem;
    display: inline-flex;
    color: var(--dark-bg-txt);
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

.yellow-plmm-tag {
    background-color: var(--yell-btn-darkbg-color);
}

.salmon-plmm-tag {
    background-color: var(--salmon-color);
}

.green-plmm-tag {
    background-color: var(--light-green);
}

.blue-plmm-tag {
    background-color: var(--light-blue);
}

.purple-plmm-tag {
    background-color: #cda5ff;
}

.pink-plmm-tag {
    background-color: #ffa5f9;
}

.bg-def-color {
    background-color: var(--bg-default);
}

.ph-default-tag.pdif {
    display: inline-flex;
}

.p-def-table .ph-default-tag {
    cursor: pointer;
}

.ch-filter-search {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex: 1;
}


.ch-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--default-gap);
    gap: 1.5rem;
    background-color: transparent;
    z-index: 9;
    position: relative;
}

    .ch-filter-wrapper .p-search-input {
        position: relative;
        flex: 1;
        max-width: 280px;
    }

.ch-grid-w-dp .ch-filter-search {
    gap: 6rem;
}

.ch-filter-wrapper .ch-filt-cus-grid .p-search-input {
    max-width: 240px;
}

.ch-filt-cus-grid .p-search-input input {
    padding-right: 2.5rem;
}

.ch-filter-action {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex: 1;
}

.ch-filter-wrapper button.hc-default-btn {
    min-width: 130px;
}

.ch-filter-search > form {
    max-width: 280px;
}

@media(max-width: 1600px) {
    .btn-slect-dropdown select {
        max-width: 15rem;
    }
}
/*small button with icon starts here*/
/*search input default*/
.p-search-input {
    position: relative;
}

    .p-search-input input {
        border-radius: var(--border-radius-default);
        padding-right: 4.4rem;
    }

    .p-search-input svg {
        stroke: var(--theme-primary-color);
        width: 1.1rem;
        height: 1.1rem;
        position: absolute;
        right: 0.9rem;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

.p-search-icon {
    top: calc(50% + -1px);
}

.p-search-input-icon-left svg {
    right: initial;
    left: 0.9rem;
}

.p-search-input-icon-left input {
    right: initial;
    left: 0.7rem;
    padding-left: 2.6rem;
}

.p-si-se-clo-icon-lr .p-search-icon {
    right: initial;
    left: 0.9rem;
}

.p-si-se-clo-icon-lr .p-close-icon {
    right: 0.9rem;
    left: initial;
}

label.opacity-0 {
    opacity: 0;
    visibility: hidden;
}

.p-si-se-clo-icon-lr input {
    padding-left: 2.7rem;
}

    .p-si-se-clo-icon-lr input:focus {
        box-shadow: none;
        border-color: var(--input-border-1);
    }

.p-kanban-search .p-search-input {
    position: relative;
    flex: 1;
    max-width: 280px;
}

.p-search-input .loader-new {
    position: absolute;
    right: 2.5rem;
    top: 0.88rem;
    font-size: 1.6px;
}

.loader-new.chat-search-input-loader {
    border-left: 1.1em solid var(--primary-color);
    font-size: 2.1px;
    border-top: 1.1em solid rgb(183 183 183 / 44%);
    border-right: 1.1em solid rgb(183 183 183 / 44%);
    border-bottom: 1.1em solid rgb(183 183 183 / 44%);
}

.loader-new.loader-blue,
.p-btn-sec .loader-new,
.p-grid-btn.btn-add-item .loader-new {
    --loader-color: 1.1em solid rgb(23 53 113 / 15%);
    border-top: var(--loader-color);
    border-right: var(--loader-color);
    border-bottom: var(--loader-color);
    border-left: 1.1em solid var(--theme-primary-color);
    flex-shrink: 0;
}

.p-grid-btn.btn-add-item:hover .loader-new,
.p-btn-sec:hover .loader-new {
    --loader-color: 1.1em solid rgb(206 208 213 / 15%);
    border-left: 1.1em solid #ffffff;
}

html[color-mode="dark"] .loader-new.loader-blue {
    --loader-color: 1.1em solid rgb(195 195 195 / 15%);
    border-top: var(--loader-color);
    border-right: var(--loader-color);
    border-bottom: var(--loader-color);
}

button.p-grid-btn.btn-add-item:hover em {
    color: var(--background1);
}
/*custom dropdown css starts here*/
.dropdown-small .dropdown-menu {
    border-radius: calc(var(--border-radius-default) * 0.55);
    font-size: 0.88rem;
    color: var(--on-primary-color);
}

.dropdown-divider {
    margin: 0.25rem 0;
    border-top: 1px solid var(--primary-border-color);
}

.class-form-select .dropdown-item {
    white-space: inherit;
    word-break: break-word;
}

.dropdown-item {
    padding: 0.5rem 0.8rem;
    color: var(--primary-color);
    cursor: pointer;
}

    .dropdown-item:hover {
        color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    }

        .dropdown-item:hover em.icon {
            color: var(--primary-color);
        }

.btn-custom-dd.dropdown-toggle::after {
    display: none;
}

.dropdown-small .dropdown-menu {
    border-radius: calc(var(--border-radius-default) * 0.6);
}

.btn-custom-dd {
    text-align: left;
    width: 100%;
}

.class-form-select .dropdown-menu {
    width: 100%;
    border-radius: var(--bs-border-radius);
    margin-top: 0px;
    font-size: var(--base-font-size);
    padding: 0;
    max-height: 19rem;
    overflow: auto;
    z-index: 2000;
    background: var(--background1) !important;
    box-shadow: var(--default-shadow);
}


/*custom dropdown css starts here*/
/*label with emma*/
.label-w-emma {
    position: relative;
}

.pl-emma {
    width: 1.55rem;
    height: 1.55rem;
    z-index: 1;
    background: var(--placeholder-color);
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
    cursor: pointer;
}

.emma-disabled {
    opacity: 0.5;
    cursor: default;
}
/*no data*/
.p-no-data {
    text-align: center;
    min-height: 370px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: transparent;
}

.p-events-card .p-no-data,
.p-db-cgp-mw .p-no-data {
    max-width: calc(100% - 0rem) !important;
    min-height: 300px !important;
}

.no-data {
    fill: var(--p-grey-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    margin-bottom: 0.5rem;
}

.p-no-data p, .p-nd-upd p, .p-no-data-progress p {
    margin-top: 0.3rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    margin-bottom: 0;
}

.p-nd-upd {
    text-align: center;
    width: 100%;
}

.p-banner-stats .p-nd-upd {
    padding-top: 0.8rem;
}

img.p-nd-img {
    max-width: 170px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1rem;
}

.p-nd-upd h6,
.no-data-head {
    color: var(--on-primary-color);
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxl)* 1.01);
    font-weight: 600;
}

h6.no-data-head {
    margin-top: 0.25rem;
}

img.p-nd-img-lg {
    max-width: 230px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1.25rem;
}

/* default radio css*/
.p-radio,
.p-checkbox {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .p-radio input,
    .p-checkbox input {
        width: 1.1rem;
        height: 1.1rem;
        cursor: pointer;
    }

    .p-radio label {
        cursor: pointer;
    }

.p-checkbox-aster {
    gap: 1.1rem;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--chat-dark-bg-2) !important;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon,
.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-position: calc(100% + 4px);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Light/Arrow---Right-2' stroke='%23173571' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Arrow---Right-2' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)' stroke='%23173571' stroke-width='2' %3E%3Cpolyline id='Stroke-1' points='14 0 7 7 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: initial !important;
    cursor: pointer;
    margin: 0 !important;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-prev .ui-widget-content .ui-icon,
.ui-datepicker-prev .ui-widget-header .ui-icon,
.ui-datepicker-prev .ui-state-active .ui-icon,
.ui-datepicker-prev .ui-state-focus .ui-icon,
.ui-datepicker-prev .ui-state-hover .ui-icon {
    transform: rotate(180deg);
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    top: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-title select, #ui-datepicker-div .ui-datepicker-year {
    font-size: var(--base-font-size-xxs);
    margin: 1px 2px;
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3 );
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.1rem 0.3rem;
    color: var(--primary-color);
    line-height: 1.6;
    background-size: 0.588rem;
}

.ui-datepicker a.ui-state-default.ui-state-active {
    border: none;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: #fff;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--base-font-size-xs);
    line-height: 1.8;
    font-weight: 500;
}

#ui-datepicker-div.ui-datepicker .ui-state-default.ui-state-active.ui-state-hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    color: #fff;
    font-weight: 500 !important;
}

#ui-datepicker-div.ui-datepicker .ui-state-default.ui-state-highlight {
    border: none;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--base-font-size-xs);
    line-height: 1.8;
    font-weight: 500;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
    color: var(--primary-color);
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    top: 0;
}

.ui-datepicker td a, .ui-datepicker td span {
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

#ui-datepicker-div.ui-widget-content {
    box-shadow: var(--default-shadow);
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color) !important;
    overflow: hidden;
    padding: 0.45rem !important;
    z-index: 99999 !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 0;
    width: 2.4em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.btn-close, .btn-close-no-js, .new-close-btn {
    /*    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3941 9.59485L9.60205 14.3868' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14.3999 14.3931L9.59985 9.59314' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 12.0001C2.75 18.9371 5.063 21.2501 12 21.2501C18.937 21.2501 21.25 18.9371 21.25 12.0001C21.25 5.06312 18.937 2.75012 12 2.75012C5.063 2.75012 2.75 5.06312 2.75 12.0001Z' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3941 9.59485L9.60205 14.3868' stroke='rgb(9, 9, 11)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14.3999 14.3931L9.59985 9.59314' stroke='rgb(9, 9, 11)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 12.0001C2.75 18.9371 5.063 21.2501 12 21.2501C18.937 21.2501 21.25 18.9371 21.25 12.0001C21.25 5.06312 18.937 2.75012 12 2.75012C5.063 2.75012 2.75 5.06312 2.75 12.0001Z' stroke='rgb(9, 9, 11)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25em 0.25em;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    flex-shrink: 0;
}


html[color-mode="dark"] .btn-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.75 6.02638C1.75 4.70951 2.16024 3.64667 2.83745 2.92012C3.50921 2.19943 4.49828 1.75 5.78216 1.75H14.2169C15.5057 1.75 16.4946 2.19975 17.1651 2.91984C17.8412 3.64596 18.25 4.70868 18.25 6.02638V13.9736C18.25 15.2913 17.8412 16.354 17.165 17.0801C16.4944 17.8002 15.5052 18.25 14.2159 18.25H5.78216C4.49341 18.25 3.50475 17.8003 2.83451 17.0802C2.15861 16.3541 1.75 15.2914 1.75 13.9736V6.02638ZM5.78216 0.25C4.12669 0.25 2.72468 0.841168 1.7402 1.89737C0.761165 2.94771 0.25 4.39806 0.25 6.02638V13.9736C0.25 15.601 0.758415 17.0515 1.73657 18.1023C2.72038 19.1591 4.1228 19.75 5.78216 19.75H14.2159C15.8757 19.75 17.2785 19.1592 18.2627 18.1024C19.2413 17.0516 19.75 15.6011 19.75 13.9736V6.02638C19.75 4.39889 19.2413 2.94842 18.2629 1.89765C17.2789 0.840846 15.8762 0.25 14.2169 0.25H5.78216ZM8.1944 7.12788C7.9015 6.83498 7.42663 6.83498 7.13374 7.12787C6.84084 7.42076 6.84084 7.89563 7.13373 8.18853L8.93653 9.99135L7.13563 11.7923C6.84274 12.0852 6.84274 12.56 7.13564 12.8529C7.42853 13.1458 7.90341 13.1458 8.1963 12.8529L9.99718 11.052L11.804 12.8588C12.0969 13.1517 12.5717 13.1517 12.8646 12.8588C13.1575 12.5659 13.1575 12.0911 12.8646 11.7982L11.0578 9.99135L12.8587 8.19043C13.1516 7.89753 13.1516 7.42266 12.8587 7.12977C12.5658 6.83688 12.091 6.83688 11.7981 7.12978L9.99718 8.93069L8.1944 7.12788Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    opacity: 0.75;
}

.close-dbg-btn {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.75 6.02638C1.75 4.70951 2.16024 3.64667 2.83745 2.92012C3.50921 2.19943 4.49828 1.75 5.78216 1.75H14.2169C15.5057 1.75 16.4946 2.19975 17.1651 2.91984C17.8412 3.64596 18.25 4.70868 18.25 6.02638V13.9736C18.25 15.2913 17.8412 16.354 17.165 17.0801C16.4944 17.8002 15.5052 18.25 14.2159 18.25H5.78216C4.49341 18.25 3.50475 17.8003 2.83451 17.0802C2.15861 16.3541 1.75 15.2914 1.75 13.9736V6.02638ZM5.78216 0.25C4.12669 0.25 2.72468 0.841168 1.7402 1.89737C0.761165 2.94771 0.25 4.39806 0.25 6.02638V13.9736C0.25 15.601 0.758415 17.0515 1.73657 18.1023C2.72038 19.1591 4.1228 19.75 5.78216 19.75H14.2159C15.8757 19.75 17.2785 19.1592 18.2627 18.1024C19.2413 17.0516 19.75 15.6011 19.75 13.9736V6.02638C19.75 4.39889 19.2413 2.94842 18.2629 1.89765C17.2789 0.840846 15.8762 0.25 14.2169 0.25H5.78216ZM8.1944 7.12788C7.9015 6.83498 7.42663 6.83498 7.13374 7.12787C6.84084 7.42076 6.84084 7.89563 7.13373 8.18853L8.93653 9.99135L7.13563 11.7923C6.84274 12.0852 6.84274 12.56 7.13564 12.8529C7.42853 13.1458 7.90341 13.1458 8.1963 12.8529L9.99718 11.052L11.804 12.8588C12.0969 13.1517 12.5717 13.1517 12.8646 12.8588C13.1575 12.5659 13.1575 12.0911 12.8646 11.7982L11.0578 9.99135L12.8587 8.19043C13.1516 7.89753 13.1516 7.42266 12.8587 7.12977C12.5658 6.83688 12.091 6.83688 11.7981 7.12978L9.99718 8.93069L8.1944 7.12788Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-size: cover;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.25em 0.25em;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 2px;
    background-position: center center;
}

.dropdown-menu-list-icon li a:hover,
.logout-user a:hover {
    color: var(--primary-color);
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--light-new-blue) !important;
    color: var(--primary-color);
}

/*overrisde css core*/

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--theme-secondary-color) !important;
    padding: 0.75rem;
    color: var(--theme-primary-color);
}

.select2-container--default .select2-dropdown {
    border: 1px solid var(--primary-border-color);
}

.select2-container--default .select2-results__option--highlighted {
    background-color: var(--sec-light-color4);
    color: var(--primary-color) !important;
}

/*loader*/

.loader-new, .loader::after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader-new-sm, .loader::after {
    border-radius: 50%;
    width: 9.4em;
    height: 9.4em;
    font-size: 1.8px;
}

.loader-new-md, .loader-new-md::after {
    border-radius: 50%;
    width: 13em;
    height: 13em;
}

.loader-new-white-bg.loader-new {
    border-top: 1.1em solid rgb(53 155 236 / 15%);
    border-right: 1.1em solid rgb(53 155 236 / 15%);
    border-bottom: 1.1em solid rgb(53 155 236 / 15%);
    border-left: 1.1em solid var(--secondary-color);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader-new {
    margin: 0px auto;
    font-size: 2.1px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}


@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.dropdown-menu.dropdown-menu-xl {
    border-radius: calc(var(--border-radius-default));
}

.form-group label:not(.saved-notification), .p-form-label {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    display: inline-block;
    margin-bottom: 0.22rem;
    position: relative;
}

.form-group-w-nl label {
    font-weight: 400;
}

    .form-group-w-nl label.label-primary {
        font-weight: 600;
    }

.form-group select,
.p-input-append.p-add-dd .dx-texteditor-input-container {
    cursor: pointer;
    padding-right: 2.5rem;
}

#FilterYear .p-input-append.p-add-dd .dx-texteditor-input-container {
    padding-right: initial;
}

textarea.form-control {
    min-height: calc(6rem + 0.75rem + calc(var(--bs-border-width) * 2));
    resize: vertical;
    overflow-y: auto !important;
}


.label-primary,
.form-group .label-primary {
    color: var(--primary-color);
    font-weight: 600;
}

.dropdown-item {
    font-size: var(--base-font-size);
}

.dx-item-content.dx-list-item-content, .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-recurrence-repeat-end-label, .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-recurrence-radiogroup-repeat-type-label, .dx-overlay-wrapper.dx-dialog.dx-popup-wrapper .dx-dialog-message, .dx-tabs-wrapper .dx-tab-text, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-weight: 400;
}

.form-control, .ph-form-group input, .ph-form-group select, .ph-form-group textarea,
.form-group .dx-texteditor.dx-editor-outlined,
.dx-texteditor-input,
.modal-dialog .form-control,
.p-sc-w-input {
    height: calc(1.5em + 0.75rem + 0.625em);
    font-size: var(--base-font-size);
    border: 1px solid var(--hsla-input-border) !important;
    color: var(--primary-color) !important;
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    /*    background-color: var(--chat-dark-bg-2);*/
    overflow: hidden;
    /*box-shadow: var(--p-input-box-shadow);*/
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: var(--base-font-size-xs);
    margin: 0.2rem;
    font-weight: 500;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--theme-primary-color);
    padding: 0.25em 1.85em 0.25em 0.55em;
    border: none;
    position: relative;
    background-color: var(--theme-secondary-color);
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
    width: 100%;
    margin-top: 0;
    height: 100%;
    vertical-align: middle;
}

.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover {
    color: var(--primary-color);
}

.form-group .select2-container--default .select2-selection--multiple {
    font-size: var(--base-font-size);
    border: 1px solid var(--input-border-1) !important;
    color: var(--primary-color) !important;
    height: initial;
    padding: 0.45em 1.85em 0.45em 0.55em;
    border-radius: var(--bs-border-radius);
    min-height: calc(1.5em + 0.75rem + 0.825em);
}

.select2-selection__choice__remove {
    position: absolute;
    color: transparent !important;
    margin: 0 !important;
}

.select2-container {
    width: 100% !important;
}

.hc-cp-help-support-tab p {
    color: var(--on-primary-color);
}

.form-group .chek-para, .form-group .para-text {
    font-size: var(--base-font-size);
    font-weight: 400;
}

.hc-cp-help-support-tab .snj-panel .panel::after {
    background-color: var(--sec-light-color3);
}

.hc-cp-help-support-tab .snj-panel .panel,
.hc-cp-help-support-tab .snj-panel .panel + .panel {
    border: 1px solid var(--primary-border-color);
}


/*.dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
    Padding: 8px 14px;
    font-size: 0.92rem;
    box-shadow: var(--btn-boxshadow);
    border: 2px solid var(--primary-color);
    border-radius: var(--border-radius-default);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: 121px;
    min-height: initial;
}*/

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper):not(.dx-scheduler-navigator-calendar-popover) .dx-button-has-text .dx-button-content {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--p-btn-txt);
    border-radius: calc(var(--border-radius-default));
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button.dx-button-has-text[aria-label="Cancel"] .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.dx-scheduler-navigator-calendar-popover.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content,
.dx-calendar-navigator .dx-button-normal.dx-state-hover .dx-button-content {
    background-color: var(--theme-primary-color);
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-state-hover .dx-button-content {
    color: #fff !important;
}

.hc-default-btn.btn-salmon.btn-cancel,
.hc-default-btn-cancel,
.sweet-alert button.cancel,
.pso-action-btns .js-pso-back.ph-default-link,
.mood-tracker-action-btns .ph-default-link {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
    min-width: initial;
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-radius: var(--border-radius-default);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: var(--p-btn-min-width);
    min-height: var(--p-btn-min-height);
    display: inline-block;
    background: var(--p-btn-bg);
    text-align: center;
    line-height: 1.75;
    text-decoration: none;
}

.p-btn-small.p-btn-small-cancel {
    background-color: var(--background1) !important;
    color: var(--primary-color);
    border-color: var(--p-border-2);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper):not(.dx-header-filter-menu) .dx-button.dx-button-has-text[aria-label="Cancel"] .dx-button-content:hover,
.hc-default-btn.btn-salmon.btn-cancel:hover,
.hc-default-btn-cancel:hover,
.sweet-alert button.cancel:hover,
.p-btn-small-cancel:hover,
.dx-header-filter-menu .dx-button-has-text.dx-state-hover[aria-label="Cancel"]:hover .dx-button-content {
    color: var(--p-btn-txt);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.campaigns-calender .dx-scheduler-appointment {
    background-color: transparent;
    color: #173571;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    min-height: 23px;
}

.campaigns-calender .dx-scheduler-all-day-appointment,
.campaigns-calender .dx-scheduler-timeline .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler .dx-resizable-handle-left,
.dx-scheduler .dx-resizable-handle-right {
    background-color: var(--sec-light-color2);
}

.dx-scheduler .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left,
.dx-scheduler .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-right {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.dash-side-msg-count-label {
    top: 9px !important;
    right: 3px !important;
}

.ad-aster::after {
    display: none;
}

.form-control:focus, .form-inline input.form-control:focus {
    color: var(--primary-color);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    box-shadow: 0 0 0 .25rem hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

#frmApplicant .application-preview-select.dx-texteditor.dx-editor-outlined {
    border-radius: var(--bs-border-radius) !important;
}

#EmailTemplateSection .application-notification-select.dx-texteditor.dx-editor-outlined,
#EmailTemplateSectionAdd .application-notification-select.dx-texteditor.dx-editor-outlined {
    border-radius: var(--bs-border-radius) !important;
}

.form-group .dx-texteditor.dx-editor-outlined:focus {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    box-shadow: 0 0 0 .25rem hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.dx-field-item-label-text,
.dx-item dx-list-item .dx-list-item-content {
    font-family: var(--primary-font);
    font-size: 0.9rem;
    color: var(--on-primary-color) !important;
    font-weight: 400;
}

.hc-cp-help-support-tab h3 {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.hc-cp-help-support-tab .panel-title > a, .hc-cp-help-support-tab .panel-title > a:active {
    color: var(--primary-color);
    font-size: 1.5rem;
    letter-spacing: initial;
}

.hc-cp-help-support-tab .snj-panel .panel {
    padding: 0.6rem;
}

.hc-cp-help-support-tab .panel-title > a, .hc-cp-help-support-tab .panel-title > a:active {
    font-size: 1.3rem;
    padding: 0.4rem;
}

.menu-change-theme {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--input-border-1);
    border-bottom: 1px solid var(--input-border-1);
    padding: 0.8rem 2.075rem;
}

    .menu-change-theme label {
        color: var(--primary-color);
    }

.p-user-dd {
    display: flex;
    padding: 0.55rem 1.575rem;
    align-items: center;
    border-bottom: 1px solid var(--border-layout);
    gap: 0.8rem;
}

.p-dd-notifications {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.asterisk-required-all {
    margin-bottom: 0;
    color: var(--on-primary-color);
    display: flex;
    align-items: center;
    font-size: 0.89rem;
}

@media only screen and (min-width: 768px) and (max-width: 769px) {
    .navbar-nav {
        margin-left: 0;
    }
}




/*common class*/
.small-label {
    color: var(--on-primary-color);
    font-size: 0.75rem;
}

.iconly--icon {
    stroke: var(--on-primary-color);
    width: 1rem;
    height: 1rem;
    font-weight: 600;
}

.LoadingDiv {
    background-color: var(--main-loader-bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -5000;
    position: fixed;
    text-align: center;
}

.busy-indicators-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 66px);
    z-index: 100000;
}

.sm-label {
    line-height: 1.2;
    display: inline-block;
    margin-top: 0.2rem;
    font-size: 0.75rem;
}

.text-danger {
    color: #dc3545 !important;
    font-size: var(--base-font-size);
    font-weight: 400;
    display: inline;
    position: relative;
    top: 3px;
}

.dx-widget {
    font-family: var(--primary-font) !important;
}

.form-group {
    margin-bottom: 1.2rem;
}

.sidebar-profile {
    overflow: hidden;
    max-width: 100%;
}

.p-smiw {
    transition: fill .5s ease;
}

.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im,
.main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd {
    border-radius: inherit;
}

.main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd {
    border-left: 0 !important;
}

    .main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd::before {
        content: '';
        background-color: var(--primary-color);
        position: absolute;
        height: 100%;
        left: 0;
    }

.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im {
    position: relative;
    border-width: 0;
}

.p-smiw .p-sidemenu-icon,
.dropdown-menu-list-icon li a .p-smiw svg {
    transition: fill .5s ease;
    position: absolute;
    top: 0px;
    left: 0px;
}

.nav-sidebar li a.nav-link:hover .p-sbi,
.activea .p-smiw .p-sbi,
.dropdown-menu-list-icon li a:hover .p-smiw .p-sbi,
.active-im .p-smiw .p-sbi,
.tt-icon-effect:hover .p-smiw .p-sbi,
.p-nd-widget-options .js-select-widget.selected .phc-hm-item .icon-box-sm .p-sbi,
.p-nd-us-lk-link:hover .p-smiw svg,
.phc-hm-item-active .p-sbi {
    opacity: 0;
    visibility: hidden;
}

.p-sbitt {
    opacity: 0;
    visibility: hidden;
}

.nav-sidebar li a.nav-link:hover .p-sbitt,
.activea .p-smiw .p-sbitt,
.dropdown-menu-list-icon li a:hover .p-smiw .p-sbitt,
.active-im .p-smiw .p-sbitt,
.tt-icon-effect:hover .p-smiw .p-sbitt,
.p-nd-widget-options .js-select-widget.selected .phc-hm-item .icon-box-sm .p-sbitt,
.p-nd-us-lk-link:hover .p-smiw svg,
.phc-hm-item-active .p-sbitt {
    opacity: 1;
    visibility: visible;
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.p-smiw {
    width: var(--icon-nav-wh);
    height: var(--icon-nav-wh);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

svg.p-sidemenu-icon {
    width: var(--icon-nav-wh);
    height: var(--icon-nav-wh);
    display: inline-block;
}

/*.p-smiw-md svg.p-sidemenu-icon,
.p-smiw-md {
    width: var(--icon-nav-wh-lg);
    height: var(--icon-nav-wh-lg);
}*/

.p-dd-sidebar svg.p-sidemenu-icon {
    --icon-nav-wh: 1.1rem;
}

.tt-icon-effect .p-smiw {
    --icon-nav-wh: 1.8rem;
}

.p-hover-bg-slide-effect {
    position: relative;
}

.p-sidenav-logo {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-block;
    border-radius: 0.325rem;
    overflow: hidden;
}

.main-sidebar .nav-item em {
    color: var(--nav-menu-color);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.dropdown-menu-list-icon {
    overflow: hidden;
}

/*.main-header,
.layout-navbar-fixed .wrapper .brand-link {
    border-bottom:0
}*/

/*.main-sidebar {
    border-right: 0;*/
/*    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
/*box-shadow: rgba(0, 0, 0, 0.10) 6.95px 1.95px 10.6px;
    height: calc(100vh - 2rem) !important;
}*/

/*li#li-admin, .p-sidemenu-dropdown {
    display: block;
    margin-left: 0.85rem;
    margin-bottom: 1rem;
    border-radius: 0 0 12px 12px;
    background: transparent;*/
/*    box-shadow: rgb(0 0 0 / 8%) -0.05px 0.5px 5px;*/
/*box-shadow: rgb(0 0 0 / 8%) 0px -0.9px 2px;
    margin-left: 0.8rem;
    width: 64px;*/
}


/*.minimise-on-pin li#li-admin, .p-sidemenu-dropdown {
    width: calc(var(--custom-sidebar-width)* 0.985) !important;
}
*/
.layout-navbar-fixed .wrapper .brand-link {
    /*    box-shadow: rgb(0 0 0 / 15%) -0.05px 0.5px 15px;*/
    border-radius: 12px 12px 0 0;
    box-shadow: rgb(0 0 0 / 8%) 0px 1.5px 0px;
}

.p-sidebar.p-scroll-overlay {
    /*    background: #ffffffa3;*/
    overflow-x: hidden;
}

.main-sidebar {
    border-right: var(--border-width-layout) solid var(--theme-border-layout);
}

    .main-sidebar .nav-item svg {
        fill: var(--primary-color);
    }

.layout-navbar-fixed .wrapper .brand-link {
    position: static;
    padding: 0.5rem 0.6rem;
    min-height: var(--nav-min-height);
    /*    margin-bottom: 0.55rem;*/
}

    .layout-navbar-fixed .wrapper .brand-link .p-menu-nav-sb {
        margin-left: 5px;
    }

/*    .layout-navbar-fixed .wrapper .brand-link::after {
        content: '';
        position: absolute;
        right: -2px;
        height: var(--nav-min-height);
        width: 0;
        top: -1px;
        background-color: var(--grey-bg-6);
    }*/

.nav-bg-color,
.nav-bg-color-dd {
    position: absolute;
    z-index: -1;
    transition: .3s ease top, height, opacity;
    opacity: 0;
}

.menu-log-mw-th {
    display: flex;
    align-items: center;
}

.main-header {
    padding-left: 1.32rem !important;
}

.menu-log-mw-th-col {
    padding-left: 10px;
}

.brand-link {
    min-width: 79px;
}

@media(max-width: 1800px) {
    :root {
        --pc-thumb-height: 8.5rem;
        --default-container-gap: 1.5rem;
    }
}

.menu-log-mw-th {
    display: flex;
    align-items: center;
}

.theme-color-grad[data-widget-type="mission"] {
    background: var(--chat-dark-bg-2);
}

.content-wrapper {
    width: 100%;
}

.layout-navbar-fixed .wrapper .menu-log-mw-th .brand-link {
    width: initial;
}

.p-new-layout .header-al {
    position: sticky;
    top: 0;
    z-index: 1012;
}

.nav-bg-color.active-slide-bg,
.nav-bg-color-dd.active-slide-bg-dd {
    opacity: 1;
}


.nav-bg-color-dd {
    background-color: var(--blue-light-bg);
    z-index: 1500;
    border-radius: calc(var(--bs-border-radius));
}

.p-dd-sidebar {
    position: relative;
    z-index: 1700;
    list-style-type: none;
    padding: 0.35rem;
    margin-bottom: 0.35rem;
}

.main-sidebar .nav-item a.activea em,
.main-sidebar .nav-sidebar li a.nav-link:hover em.icon {
    color: var(--primary-color);
}

.sidebar-dropdown-menu li a.nav-link {
    padding-top: 0.58rem !important;
    padding-bottom: 0.58rem !important;
}

.main-sidebar .nav-sidebar li a.activea,
.nav-bg-color {
    border-radius: calc(var(--bs-border-radius) * 2.5);
    overflow: hidden;
}

.dropdown-menu-list-icon .nav-bg-color.active-slide-bg,
.p-dd-wp-wrapper .nav-bg-color,
.phc-help-menus .nav-bg-color {
    border-radius: calc(var(--bs-border-radius) * 2.5) !important;
}

.main-sidebar .nav-sidebar li a.activea p,
.main-sidebar .nav-sidebar li a.nav-link:hover p {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.main-sidebar .nav-sidebar {
    position: relative;
}

    .main-sidebar .nav-sidebar li a.activea svg,
    .dropdown-menu-list-icon li a:hover svg,
    .main-sidebar .nav-sidebar li a.nav-link:hover svg,
    .main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im svg {
        fill: var(--primary-color);
    }

    .main-sidebar .nav-sidebar .user-panel.activea {
        padding: 10px 0px;
    }

    .main-sidebar .nav-sidebar li a.nav-link,
    .sidebar-dropdown-menu li a.nav-link {
        color: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.92rem;
        flex-direction: row;
        text-align: center;
        padding: 0.5rem 0.5rem 0.5rem 0.8rem;
        gap: 0.57rem;
        border-radius: calc(var(--bs-border-radius) * 2.25);
        padding-left: 0.8rem;
        margin-left: 1.25px;
    }

        .sidebar-dropdown-menu li a.nav-link p {
            margin: 0;
        }

        .main-sidebar .nav-sidebar > li > a.nav-link.activea,
        .main-sidebar .nav-sidebar > li > a.nav-link.active-im,
        .main-sidebar .nav-sidebar li a.activea,
        .nav-bg-color,
        .dropdown-menu-list-icon .nav-bg-color.active-slide-bg,
        .p-dd-wp-wrapper .nav-bg-color,
        .phc-help-menus .nav-bg-color,
        .dropdown-menu-list-icon .nav-bg-color.active-slide-bg,
        .p-dd-wp-wrapper .nav-bg-color, .phc-help-menus .nav-bg-color,
        .sidebar-dropdown-menu li a.nav-link.active-im,
        .main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd,
        .p-sp-slide-bg,
        .nav-bg-color-dd,
        .p-sidemenu-dropdown .nav-link.sidebar-dropdown-toggle:hover {
            background: var(--theme-border-layout);
            color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        }

        .main-sidebar .nav-sidebar li a.nav-link.activea {
            background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        }

.p-sb-icon-chev-mw {
    position: relative;
}

.main-sidebar .nav-sidebar li a.nav-link .icon.ni {
    color: var(--theme-placeholder-color);
    font-size: 1.05rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.85rem;
    padding-top: 0;
}

.main-sidebar .nav-sidebar li .nav-item .p-dd-sidebar .nav-item a {
    padding: 0.5rem 0.75rem;
}

.nav-sidebar > .nav-item {
    padding: 0.2rem 0;
}

.main-sidebar .nav-sidebar .nav-treeview .nav-item {
    margin-bottom: 0.5rem;
}


.main-sidebar .nav-sidebar li a.nav-link.activea {
    position: relative;
    overflow: hidden;
}

.main-sidebar .nav-sidebar li a.nav-link.chat-small-icon {
    overflow: visible;
}

/*.main-sidebar .nav-sidebar li a.nav-link.activea::before,
.main-sidebar .nav-bg-color::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    width: 0.32em;
    background: var(--primary-color);
}*/

.main-sidebar .nav-sidebar li a.nav-link {
    overflow: hidden;
}

.main-sidebar .nav-sidebar .nav-treeview li a.nav-link.activea {
    padding-bottom: 0.3rem;
}

.main-sidebar ul.nav.nav-treeview {
    padding-left: 1rem;
    padding-top: 0.8rem;
}

.main-sidebar .nav-sidebar .nav-link p {
    margin: 0;
    white-space: normal;
    text-align: center;
    font-size: var(--base-font-size);
    font-weight: 400;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    color: var(--primary-color);
}

.main-sidebar .nav-sidebar > li > a.nav-link p {
    justify-content: flex-start;
    font-size: calc(var(--base-font-size-sm));
    color: var(--primary-color);
    font-weight: 400;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    white-space: nowrap;
    word-break: keep-all;
    transition: margin-left 0.4s ease-in-out, width 0.5s ease-in-out;
}

.main-sidebar .nav-sidebar > li > a.nav-link.active-im p {
    color: var(--theme-primary-color);
}

.sidebar-nav {
    position: relative;
}

.main-sidebar .nav-sidebar li a.activea,
.main-sidebar .sidebar-nav > .nav-bg-color {
}

.main-sidebar-seperator {
    height: initial !important;
    padding-top: 0.7rem;
    padding-bottom: 0.1rem;
    /*text-align: center;*/
    transition: font-size 0.5s ease-in-out;
}

.main-sidebar[p-toggle-menu="minimise-off"] .main-sidebar-seperator,
.minimise-on-pin .main-sidebar-seperator {
    padding-left: 0.78rem;
    text-align: left;
    transition: font-size 0.5s ease-in-out;
}

.main-sidebar[p-toggle-menu="minimise-on"] {
    transition: none;
}

.main-sidebar-seperator label {
    font-size: calc(var(--base-font-size-xxs)* 1.05);
    color: var(--primary-color);
    font-weight: 600 !important;
}

.main-sidebar .nav-sidebar > li > a.nav-link svg {
    fill: var(--primary-color);
}

.main-sidebar .nav-sidebar > li > a.nav-link.activea svg {
    fill: var(--primary-color);
}

.main-sidebar .nav-sidebar > li > a.activea p,
.main-sidebar .nav-sidebar > li > a.nav-link:hover p,
.main-sidebar .nav-sidebar > li > a.nav-link.activea p {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.main-sidebar .nav-sidebar {
    position: relative;
}

    .main-sidebar .nav-sidebar > li > a.activea svg,
    .dropdown-menu-list-icon li a:hover svg,
    .main-sidebar .nav-sidebar > li > a.nav-link:hover svg {
        fill: var(--primary-color);
    }

    .main-sidebar .nav-sidebar .nav-treeview .nav-link p {
        font-size: 0.84rem;
    }

.main-sidebar .nav-treeview .nav-item em {
    font-size: 1.05rem;
}


.nav-treeview svg.icon-sidebar, .main-sidebar .nav-treeview .nav-item em {
    --icon-nav-wh: 1.8rem;
}

.side-menu-ti {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

span.msg-count {
    display: inline-block;
}

.dash-side-msg-count-label {
    position: absolute;
    top: -7px;
    margin-top: 0 !important;
    right: -7px;
    background-color: var(--notification-bg-color);
    padding: 3px;
    border-radius: 25px;
    width: auto;
    min-width: 18px;
    height: 18px;
    font-size: 0.6rem;
    text-align: center;
    line-height: 12px;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: center;
}

.dash-side-msg-count {
    color: var(--white-color) !important;
    font-weight: 400;
}

.toggle-sidebar-btn {
    width: 25px;
    height: initial !important;
    padding: initial !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-light {
    background-color: var(--sidebar-bg-color);
}

/*close sidebar on mobile view*/
.close-sidebar-mob {
    position: absolute;
    right: 0;
    width: initial !important;
    top: -6px;
    z-index: 99;
}

.close-sidebar-mob {
    display: none;
}

.sidebar-dropdown-menu.show {
    display: block !important;
}

/*sidebar menu dropdown*/
.p-sb-dd-menu-list-item {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

svg.p-sb-dd-menu-list-item-icon {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
}

.p-sb-menu-dd .phc-hm-item h6 {
    font-weight: 500;
    font-size: calc(var(--base-font-size-h4) * 0.85);
}

/*.p-sb-menu-dd .phc-hm-item:has(.p-menu-lock-nd) .p-smiw {
    display: none;
}*/

svg.p-icon.p-icon-fill.p-menu-lock-nd {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    bottom: -2px;
    right: -4px;
}

.p-sb-menu-dd .phc-hm-item p {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
}

.p-sb-menu-dd .phc-hm-item {
    border: 1px solid transparent;
    gap: 8px;
}

    .p-sb-menu-dd .phc-hm-item:hover {
        border-color: var(--theme-icon-color);
    }

    .p-sb-menu-dd .phc-hm-item:not(.phc-hm-item-active):hover .icon-box-sm {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    }

.p-sb-menu-dd {
    box-shadow: 0px 5px 16px rgba(13, 41, 66, 0.08);
    margin-left: 0.65rem;
    margin-top: 0.35rem;
    overflow: hidden;
    padding: 0.65rem !important;
    --th-dropdown-bg: rgb(255 255 255 / 90%);
}

.main-sidebar .p-sb-menu-dd .nav-bg-color.active-slide-bg {
    border-radius: calc(var(--bs-border-radius) * 0.65) !important;
}

.p-sb-dd-menu {
    padding: 1.15rem 1.3rem;
}

.p-sb-menu-dd .icon-box-sm {
    width: 2.75rem;
    height: 2.75rem;
}

.p-sb-menu-dd .tt-icon-effect .p-smiw {
    --icon-nav-wh: 1.3rem;
}


.p-sb-menu-dd .p-hover-bg-slide-effect {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 1rem 0.8rem;
    text-align: center;
}

.p-sb-menu-dd .phc-hm-item {
    flex-direction: column;
    min-width: 108px;
    border-radius: calc(var(--bs-border-radius) * 0.65) !important;
}

.p-sb-menu-dd h6.label-primary {
    display: flex;
    align-content: center;
    gap: 0.1rem;
    margin-bottom: -2px;
}

    .p-sb-menu-dd h6.label-primary svg {
        fill: var(--primary-color);
        width: 1.1rem;
        height: 1.2rem;
    }

.phc-hm-item-content svg {
    fill: none;
    stroke: var(--theme-primary-color);
    width: 1.7rem;
    height: 1.7rem;
}

.phc-hm-item-active {
    background: var(--theme-border-3);
    border-radius: calc(var(--bs-border-radius) * 0.65) !important;
}

    .phc-hm-item-active .icon-box-sm {
        background: #fff;
    }

    .phc-hm-item-active .p-sb-menu-dd h6.label-primary,
    .p-sb-menu-dd .phc-hm-item:hover .p-sb-menu-dd h6.label-primary {
        color: var(--theme-primary-color);
    }

.phc-hm-item-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Locked feature styles */
.phc-hm-item.feature-locked {
    position: relative;
    pointer-events: none;
}

    .phc-hm-item.feature-locked > * {
        opacity: 0.4;
    }

    .phc-hm-item.feature-locked::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .phc-hm-item.feature-locked::before {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0596 9.3485C15.0136 9.1055 13.7526 8.9945 12.2496 8.9945C10.7466 8.9945 9.4856 9.1055 8.4396 9.3485V7.9165C8.4726 5.8425 10.1236 4.1975 12.1996 4.1705C13.2306 4.1425 14.1816 4.5425 14.9106 5.2535C15.6386 5.9645 16.0476 6.9155 16.0596 7.9245V9.3485ZM12.9996 17.0475C12.9996 17.4615 12.6636 17.7975 12.2496 17.7975C11.8356 17.7975 11.4996 17.4615 11.4996 17.0475V14.8265C11.4996 14.4125 11.8356 14.0765 12.2496 14.0765C12.6636 14.0765 12.9996 14.4125 12.9996 14.8265V17.0475ZM17.5596 9.8615V7.9155C17.5416 6.4965 16.9736 5.1695 15.9566 4.1795C14.9416 3.1895 13.5876 2.6985 12.1796 2.6705C9.2886 2.7075 6.9866 5.0015 6.9396 7.9055V9.8625C4.9056 10.8325 4.0896 12.6835 4.0896 15.7655C4.0896 20.7655 6.2256 22.5375 12.2496 22.5375C18.2746 22.5375 20.4106 20.7655 20.4106 15.7655C20.4106 12.6835 19.5936 10.8315 17.5596 9.8615Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        z-index: 2;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: contain;
    }

@media (max-width: 992px) {
    .sidebar-open .close-sidebar-mob {
        display: block;
    }

    .main-sidebar .nav-sidebar > li > a.nav-link {
        flex-direction: initial;
        text-align: left;
        padding: 0.6rem 0.95rem 0.6rem 1.2rem;
        gap: 0.65rem;
    }

        .main-sidebar .nav-sidebar > li > a.nav-link p {
            justify-content: flex-start;
        }

        .main-sidebar .nav-sidebar > li > a.nav-link[aria-expanded="true"] {
            background-color: rgba(255, 255, 255, 0.18);
        }

    .main-sidebar .nav-sidebar li a.nav-link .icon.ni {
        right: 0;
    }
}


.navbar-dashboard {
    border: none;
    box-shadow: var(--nav-boxshadow);
}

@media (min-width: 1025px) {
    .navbar-dashboard {
        opacity: 0;
        visibility: hidden;
    }

    .toggle-sidebar-btn {
        display: none;
    }
}
/*custom css for sidebar and header ends here*/

/*css for dashboard content*/

.content-wrapper {
    padding: var(--default-container-gap);
    margin-bottom: 0px;
    border-radius: 0;
    background: var(--content-bg-color);
    /*    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.07);*/
    padding-left: calc(var(--default-container-gap) - calc(var(--default-container-gap) / 2));
}


@media (max-width: 1024px) {
    .sidebar-open {
        overflow: hidden;
    }
}

@media (max-width: 575.98px) {
}

.nd-greetings-user {
    font-size: 1.6rem;
    font-weight: 800;
}


.nd-creator-hc {
    overflow: hidden;
}

.ph-card-simple {
    border: none;
    box-shadow: none;
}

.nd-appointments-head {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 15px;
    font-weight: 600;
}

.nd-label-head {
    position: absolute;
    left: 1.15rem;
    top: 0.65rem;
    color: var(--primary-color);
    min-width: 175px;
    text-align: left;
    border-bottom-right-radius: 13px;
    z-index: 99;
}

    .nd-label-head.nd-ph-online-course-head {
        position: initial;
        padding: 0 0 15px 0;
        margin-top: -11px;
    }

.new-ebbok-wrapper .nd-label-head span {
    color: var(--primary-color);
}

.boxes-newdash-1 .appointment-div {
    height: 100%;
}


.plm-recent-msg-dashborad {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.sidebar-svg-clip, .sidebar-svg-gif, .sidebar-svg-attach {
    --p-ren-msg-icon: 1.1rem;
    width: var(--p-ren-msg-icon);
    height: var(--p-ren-msg-icon);
    stroke: var(--primary-color);
    display: inline-block;
}

.sidebar-svg-attach {
    --p-ren-msg-icon: 1.05rem;
    flex-shrink: 0;
}

.sidebar-svg-gif {
}

.p-rec-msg-wa {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .p-rec-msg-wa span {
        flex-grow: 1;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.nd-live-classes-wrapper .live-classes-row-details {
    padding-right: 8px;
}

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

    .boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
        max-height: calc(100% - 30px);
        height: 100%;
    }
}

@media (max-width: 1024px) {
    .ph-brand-link img {
        max-width: 85px;
    }
}

@media (max-width: 991px) {
    .main-head-steps-sp h1, .nd-greetings-user, .chat-text {
        font-size: 22px;
    }
}

.second-pract-dashboard-row, .pract-myapp .appointment-div:nth-child(1), .custom-billing-balance {
    margin-bottom: 30px;
}

.certificate-row .dashboard-heading {
    font-size: 1rem;
    color: var(--primary-color);
    margin-bottom: 8px;
    font-weight: 600;
}

.certificate-row {
    margin-top: 20px;
}

.custom-billing-balance .list-group-item-success {
    background-color: var(--sec-light-color4);
    padding: 10px 15px;
    color: var(--primary-color);
    border-radius: var(--bs-border-radius);
}

li.list-group-item.cur_re.bg-none-w {
    padding: 10px 15px;
}

.cp-ta-st {
    padding: 0px 15px;
}

.phd-meditation-placeholder {
    background-color: var(--profile-img-border-color);
    border-radius: 13px;
}

    .phd-meditation-placeholder img {
        max-width: 105px;
    }

.phd-meditation-admin .audio-dash-new .dashboard-hc-btn.dashborad-mt-btn {
    padding: 5px 12px;
}

.phd-meditation-admin .audio-dash-head-time {
    margin-bottom: 5px;
}

.phd-meditation-admin .audio-wrapper-dash p {
    margin-bottom: 5px;
}

@media(max-width: 991px) {
    .hc-live-data-inner-top {
        align-items: center;
    }

    p.hc-live-therap-name, .hc-live-header-data {
        text-align: center;
    }

    .hc-live-cards-row-inner-wrapper .hc-live-therap-description {
        font-size: 15px;
        text-align: center;
    }

    .boxes-newdash-pract {
        margin-bottom: 30px;
    }
}

span.prac-chktxt-left {
    font-size: 15px;
    color: var(--on-primary-color);
    letter-spacing: 0.1px;
}

.event-cal-wrapper {
    overflow: auto;
}

.campaigns-calender .dx-scheduler-navigator .dx-button,
.time-off-calender .dx-scheduler-navigator .dx-button {
    height: 33px;
}

.campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused,
.time-off-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused {
    background-color: transparent;
}

.campaigns-calender .dx-scheduler-header,
.time-off-calender .dx-scheduler-header {
    background-color: transparent;
    border: none;
    height: 50px;
    margin-bottom: 1.1rem;
}

.time-off-calender .dx-scheduler-view-switcher .dx-tabs-wrapper {
    display: none;
}

.campaigns-calender .dx-scheduler-header-row th.dx-scheduler-header-panel-cell,
.campaigns-calender .dx-scrollable-wrapper .dx-scheduler-time-panel-cell {
    border: none;
    font-weight: 500 !important;
    color: var(--primary-color);
    font-size: var(--base-font-size-xs);
}

.dx-scheduler-date-table-cell,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-date-table-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table,
.dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    border-color: var(--th-dropdown-border);
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before {
    border-color: var(--theme-border-layout);
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before {
    border-bottom: none;
}

.dx-datagrid-borders > .dx-datagrid-pager {
    border-top: 0;
}

.dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover {
    background-color: var(--theme-secondary-color);
}

.dx-loadpanel-content {
    border: 1px solid var(--input-border-1);
    background: var(--bg-default);
    border-radius: var(--bs-border-radius);
    box-shadow: none;
}

.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    background: #fff;
}

.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 0 !important;
}

.campaigns-calender .dx-scheduler-work-space,
.time-off-calender .dx-scheduler-work-space {
    padding-top: 0;
    margin-top: 0;
}

.campaigns-calender .dx-scheduler-work-space,
.time-off-calender .dx-scheduler-work-space {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}


.campaigns-calender .dx-tabs-wrapper,
.time-off-calender .dx-tabs-wrapper {
    display: inline-block;
    align-items: center;
    justify-content: flex-start;
    gap: 0.51rem;
    background-color: #fff !important;
    border: 1px solid var(--input-border-1);
    padding: 0;
    border-radius: var(--bs-border-radius);
}

.campaigns-calender .dx-tabs-wrapper {
    display: none !important;
}

.campaigns-calender .dx-scheduler-header-panel {
    margin-top: 0 !important;
    background-color: var(--table-head-bg);
    margin-top: 1.2rem;
    border-top: 0;
}

.campaigns-calender .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
    border-bottom: 1px solid var(--input-border-1);
}

.campaigns-calender .dx-scheduler-header .dx-scheduler-view-switcher .dx-tab,
.time-off-calender .dx-scheduler-header .dx-scheduler-view-switcher .dx-tab {
    /*background-color: var(--bg-default) !important;
    border: 1px solid var(--input-border-1);*/
    border-radius: var(--bs-border-radius);
    padding: 7px;
    color: var(--primary-color);
}

/*.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {

}*/


.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    padding: 5px 4px;
    text-align: left;
    padding-left: 6px;
}

.campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused::after {
    border: none;
}

.campaigns-calender .dx-tab-selected::after,
.time-off-calender .dx-tab-selected::after {
    border: none;
}

.campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::after,
.time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::after {
    height: initial;
    border: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected,
.time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
    background-color: var(--theme-primary-color) !important;
    display: inline-block;
    min-height: 42px;
}

    .campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before,
    .time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before {
        display: none;
    }

    .campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text,
    .time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text {
        color: var(--p-btn-txt) !important;
    }

.campaigns-calender .dx-scheduler-navigator,
.time-off-calender .dx-scheduler-navigator {
    padding: 10px;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25) !important;
    border-radius: var(--bs-border-radius);
    padding: 0.25rem;
}

.campaigns-calender .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    border-bottom: 0px;
}

.campaigns-calender .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.campaigns-calender .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    top: 40px;
}

.campaigns-calender .dx-button-mode-contained,
.time-off-calender .dx-button-mode-contained {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.time-off-calender .p-input-psc .dx-button-mode-contained {
    background-color: transparent;
}

.campaigns-calender .dx-scheduler-navigator-caption .dx-button-content,
.time-off-calender .dx-scheduler-navigator-caption .dx-button-content {
    color: var(--theme-primary-color);
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: var(--base-font-size);
}

.campaigns-calender .dx-button-back.dx-state-hover .dx-button-content,
.campaigns-calender .dx-button-normal.dx-state-hover .dx-button-content,
.campaigns-calender .dx-button-mode-contained.dx-state-active .dx-button-content,
.time-off-calender .dx-button-back.dx-state-hover .dx-button-content,
.time-off-calender .dx-button-normal.dx-state-hover .dx-button-content,
.time-off-calender .dx-button-mode-contained.dx-state-active .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: 0;
}

.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous .dx-button-content,
.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous .dx-button-content,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-next .dx-button-content,
.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-next,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-next .dx-button-content,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-next {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.campaigns-calender .dx-button-mode-contained .dx-icon {
    color: var(--theme-primary-color);
}

.campaigns-calender .dx-scheduler-all-day-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-all-day-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
    background-color: transparent;
    opacity: .98;
}

.time-off-calender .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-appointment {
    border-radius: 0.15rem;
    overflow: hidden;
}

.time-off-calender .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-appointment {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.time-off-calender .dx-item-content.dx-scheduler-appointment-content > div,
.campaigns-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 2px;
    padding-left: 0.3rem;
}

.campaigns-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 4.8px;
    padding-left: 10px;
}

.time-off-calender .dx-scheduler-header-panel-cell {
    height: 52px;
}

.time-off-calender .dx-scheduler-header-panel {
    margin-top: 0;
    height: 100%;
}

.campaigns-calender .dx-scheduler {
    min-height: 680px;
}

.time-off-calender .dx-scheduler-all-day-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-all-day-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
    height: calc(100% - 0.4rem);
}
/*ends here*/
.progress-step-list {
    display: inline-grid !important;
    grid-template-columns: repeat(5, auto);
    grid-gap: 25px;
    position: relative;
}

    .progress-step-list > li {
        cursor: pointer;
        box-shadow: none;
        border-radius: 0px !important;
        font-size: 15px;
        padding: 0;
        color: var(--on-primary-color) !important;
        border: none;
        background-color: transparent;
        text-align: center;
        width: 100%;
        line-height: 1.5;
        padding-bottom: 4px;
    }

        .progress-step-list > li:hover {
            color: var(--primary-color) !important;
        }

        .progress-step-list > li.active {
            border-bottom: 2px solid var(--theme-primary-color);
            color: var(--theme-primary-color) !important;
            font-weight: 600;
        }


@media(max-width: 991px) {
    .progress-step-list {
        display: grid !important;
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
    }

    .steps-six .table tr label {
        font-family: var(--primary-font);
        font-size: 14px;
        color: var(--on-primary-color);
        letter-spacing: 1px;
        font-weight: 500;
        white-space: nowrap;
    }
}

@media(max-width: 767px) {
    .progress-step-list {
        display: grid !important;
        grid-template-columns: repeat(1, auto);
        grid-gap: 20px;
    }
}

.ph-boxshadow {
    overflow: visible;
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.check-device-btn {
    margin: 30px 0 15px;
}

.time-zone-time-scale {
    text-align: right;
}

@media(max-width: 992px) {
    .time-zone-time-scale {
        text-align: left;
    }

    .click-to-add-text {
        font-size: 15px;
    }

    .doc-avail-calender .chek-para {
        margin-bottom: 0;
        text-align: left;
    }

    .form-group .chek-para, .form-group .para-text {
        font-size: 15px;
    }
}

@media(max-width: 767px) {
    .doc-avail-calender .select_time {
        margin-top: 15px;
    }
}


/*hide side logo on mobile start*/
@media (max-width: 991.98px) {
    .sidebar-mini.sidebar-open .main-sidebar .nav-item p {
        margin-left: 28px;
    }

    .sidebar-mini.sidebar-open .main-sidebar .sidebar-profile {
        padding-left: 10px;
    }

    .main-sidebar .sidebar .sidebar-profile {
        padding-top: 25px;
    }

    .brand-link {
        display: none;
    }
}

/*hide side logo on mobile start*/
.hc-live-filter h2.nd-greetings-user {
    margin-bottom: 10px;
}

/*css for dashboard content*/

/*old css starts*/



.package-stand h4, .refer-friend-inner h4 {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.wallet-price h4 {
    font-size: 25px;
    color: #2d2d2d;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.package-valid-book-bottom-div p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #484848;
}

.book-session-dashborad {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
}

.book-session-div svg.icon-video {
    fill: var(--dash-primary-color);
    width: 30px;
    height: 30px;
}


.video-icon-div {
    position: absolute;
    right: 0;
    padding: 0px 25px 18px;
    bottom: 0;
}

.package-div, .wallet-div, .book-session-div {
    min-height: 282px;
    max-height: 282px;
    overflow: visible;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
    position: relative;
}

.seperate {
    padding: 15px 0;
}

.refer-earn-div, .favourite-div {
    min-height: 282px;
    max-height: 282px;
    overflow: visible;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
    position: relative;
}

    .refer-earn-div p strong {
        color: #373737;
    }

.dash-refer-social-icon img {
    width: 25px;
}

.book-session-profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--dash-primary-color);
    margin: 0 auto;
}

    .book-session-profile img {
        width: 100%;
    }

.recent-blogs-div, .recent-podcasts-div {
    min-height: 341px;
    max-height: 341px;
    overflow: visible;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
}

.book-session-profile-name {
    color: #484848;
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
}

.fav-pract-profile-div-list-item:not(:last-child) {
    padding-right: 15px;
}

.fav-pract-profile-div {
    padding-top: 25px;
}

.fav-pract-profile-div-list-item {
    text-align: center;
}

.recent-blogs-div, .recent-podcasts-div {
    position: relative;
}

.blog-wrapper-image-txt p {
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 600;
}

.blog-head {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 13px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 7px;
    margin: 0;
    margin-bottom: 7px;
}

.blog-img-wrapper {
    width: 90px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 15px;
}

    .blog-img-wrapper img {
        width: 100%;
    }

.blog-wrapper-image-txt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-wrapper-content {
    margin-top: 20px;
}

.blog-read-now a {
    color: var(--dash-primary-color);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.hide-text {
    color: #9f9f9f;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.blog-read-now {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

.recent-podcasts-div .blog-wrapper-image-txt:not(:last-child) {
    padding-bottom: 15px;
}

/*css form appointment page*/

.appointment-div.client-appointment {
    min-height: 388px;
    max-height: 388px;
}


.profile-box-div {
    box-shadow: 0 0 17px 0 rgba(0,0,0,.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
}

.pract-profile-image {
    max-width: 100%;
    min-width: 100%;
}

.reson-for-booking-txt {
    color: #202020;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.reson-for-booking-div p {
    color: #7f7f7f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.client-profile-name {
    display: flex;
    align-items: center;
}

.client-location {
    color: #7f7f7f;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-left: 35px;
    margin: 0;
}

    .client-location svg.icon-map-pin {
        fill: #7f7f7f;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        display: inline-block;
    }

.client-profile-name h4 {
    font-size: 21px;
    color: #202020;
    font-weight: 600;
}

.pract-profile-para-text {
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

.client-profile-about-txt {
    margin: 0;
    margin-top: 25px;
}

.contact-head {
    color: #202020;
    text-transform: uppercase;
    font-size: 15px;
    margin: 25px 0 15px;
    font-weight: 700;
}

.pdl-0 {
    padding-left: 0;
}

.contact-inner-div::after {
    content: '';
    display: table;
    clear: both;
}

.fovarites-pract-name h3 {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 700;
}

.fovarites-pract-name small {
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 500;
    padding-top: 3px;
    display: inline-block;
}

.favorite-image-wrapper {
    width: 153px;
    height: 153px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 8px 3px rgba(0,0,0,.25);
    margin: 42px auto 17px;
}

    .favorite-image-wrapper img {
        height: 100%;
    }

.content-header > h1.content-head-favorite {
    color: var(--dash-primary-color);
    font-size: 21px;
    font-weight: 600;
}

.content-head-package {
    color: var(--dash-primary-color);
    font-size: 21px;
    font-weight: 600;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.favorite-heart {
    color: #d75a4a;
    font-size: 18px !important;
    padding-left: 3px;
}

.packages-div tr:nth-child(n+2):hover {
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);
}

.packages-box-div {
    box-shadow: 0 0 17px 0 rgba(0,0,0,.15);
    border-radius: var(--default-border-radius);
    padding: 15px;
}

.packages-div tr td:first-child, .packages-div tr th:first-child {
    padding-left: 20px;
}

.icon.icon-chev-left-pack, .icon.icon-chev-right-pack {
    fill: var(--dash-primary-color);
    border: 1px solid var(--dash-primary-color);
    width: 23px;
    height: 23px;
}

.control-package-inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.package-next-control {
    padding-right: 20px;
}

.menu-top-dashbrd {
    display: grid;
    grid-template-columns: max-content max-content;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/*css form prat*/
.recent-blogs-div-prac {
    min-height: 320px;
    max-height: 320px;
}

/*css for certificate color-profile uploads*/

#DocumentUpload {
    margin-top: 50px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}

.document-upload .btn-orange {
    background-color: transparent;
    border-color: #777 !important;
    color: #777;
    text-align: left;
    width: 100%;
}

.document-upload input.form-control {
    height: 54px;
    border: none;
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}

.document-upload .form-control:focus {
    border-color: #ff4d0d;
    box-shadow: none;
    outline: none;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.document-upload .btn-new, .document-upload .btn-next {
    margin: 30px 0px;
    border-radius: 0px;
    background-color: #333;
    color: #f5f5f5;
    font-size: 16px;
    width: 155px;
}

.document-upload .btn-next {
    background-color: #ff4d0d;
    color: #fff;
}

.document-upload .btn-check {
    cursor: pointer;
    line-height: 54px;
    color: red;
}

.document-upload .uploadDoc {
    margin-bottom: 20px;
}

.document-upload .uploadDoc {
    margin-bottom: 20px;
}

.document-upload .btn-orange img {
    width: 30px;
}

.document-upload p {
    font-size: 16px;
    text-align: center;
    margin: 30px 0px;
}

.document-upload #uploader .docErr {
    position: absolute;
    right: auto;
    left: 10px;
    top: -56px;
    padding: 10px;
    font-size: 15px;
    background-color: #fff;
    color: red;
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
    display: none;
}

    .document-upload #uploader .docErr:after {
        content: '\f0d7';
        display: inline-block;
        font-family: FontAwesome;
        font-size: 50px;
        color: #fff;
        position: absolute;
        left: 30px;
        bottom: -40px;
        text-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    }


.items-certificates-wrapper {
    background-color: rgba(187, 187, 187, 0.07);
    box-shadow: 0 1px 6px rgba(202, 202, 202, 0.38);
    border-radius: var(--default-border-radius);
    border: 1px solid rgba(127, 142, 142, 0.12941176470588237);
    padding: 3%;
}

/*css ends for certificate color-profile uploads*/

.dashboard-default-box {
    box-shadow: 0 0 17px 0 rgba(0,0,0,.15);
    border-radius: var(--default-border-radius);
    padding: 30px;
}

.img-wrapper-docs {
    width: 100%;
    max-height: 300px;
    min-height: 300px;
    margin-bottom: 0;
    border: 1px solid #b5b5b5;
    border-radius: var(--default-border-radius);
    box-sizing: border-box;
    overflow: hidden;
}

.docuemnt-upload-img {
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.ceritficate-row .fileUpload {
    width: 100%;
    margin: 0;
    background-color: var(--dash-primary-color);
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

    .ceritficate-row .fileUpload span {
        cursor: pointer;
    }

.ceritficate-row .certi-cols:last-child .dashboard-certificate-box .img-wrapper-docs {
}

    .ceritficate-row .certi-cols:last-child .dashboard-certificate-box .img-wrapper-docs .docuemnt-upload-img {
        padding: 35px;
    }

.ceritficate-row .fileUpload input.upload {
    width: 100%;
}

.dashboard-certificate-box {
    position: relative;
    box-shadow: none;
    background-color: #f5f5f5;
}

.grid-items-certificates .overlay {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

    .grid-items-certificates .overlay:hover {
        opacity: 1;
    }

.action-btn-certi .dashboard-hc-btn:first-child {
    margin-right: 20px;
}

.ceritficate-row .thumb_info {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.dashboard-certificate-box .thumb_info .fa-trash {
    color: #e23535;
}

.package-details-table {
}

    .package-details-table table {
        width: 100%;
    }

        .package-details-table table tr td {
            padding: 10px 0;
            text-align: left;
        }

        .package-details-table table tr th {
            color: #2d2d2d;
            font-weight: 700;
            font-size: 14px;
            border-top: 0 !important;
            border-bottom: 1px solid #e6e6e6;
            text-align: left;
            padding: 10px 0px;
        }

        .package-details-table table tr:nth-child(1) td {
            padding-top: 20px;
        }

.d-grid-billing-det {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.default-text {
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

.fw-800 {
    font-weight: 800;
}

.wt-btn {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

    .wt-btn .hc-default-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.paypal-id, .current-balance {
    padding: 7px 15px;
    border-radius: 3px;
}

.billing-details-wrapper label {
    margin-bottom: 0;
}

.paypal-id {
    background-color: #f7f7f7;
}

.current-balance {
    background-color: #dff0d8;
}

.billing-details-wrapper .fw-800 {
    font-weight: 800;
    color: #252525;
    font-size: 17px;
    margin-bottom: 0;
}

.my-wallet table tr th {
    width: 20%;
}

.wallet-note-modifier {
    padding-top: 9px;
    padding-left: 15px;
}

.profile-image-wrapper img, .upload-profile {
    border: 1px solid #eee;
}

.upload-profile {
    min-height: 28vh;
    margin-top: 25px;
}

.contact-inner-div .pdl-0 p {
    font-weight: 700;
    color: #494949;
}

.upload-profile {
    display: flex;
    justify-content: center;
    align-items: center;
}

p.pract-profile-para-text.label-text {
    color: #7f7f7f;
    font-weight: 500;
}

.mb-0 {
    margin-bottom: 5px;
}

.my-profile-content .form-contact-new {
    margin-bottom: var(--default-gap);
}

/*.conditions-alignments-wrapper .conditions-new-dashbrd {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 10px;
}*/

.dropdown-item.cus-dropdown-item-edit {
    position: sticky;
    bottom: 0;
    background-color: var(--chat-dark-bg-2);
    border-bottom-right-radius: 0.25rem;
    border-top: 1px solid var(--primary-border-color);
    padding: 0.45rem 0.8rem;
    color: var(--theme-primary-color);
    font-weight: 600;
}

    .dropdown-item.cus-dropdown-item-edit:hover {
        background-color: var(--light-new-blue);
    }

.conditions-alignments-wrapper {
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0 20px;
    background-color: rgba(133, 231, 234, 0.16);
    box-shadow: 0px 2px 1px 1px rgba(125, 125, 125, 0.17);
}

.df-jcsb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.billing-details-wrapper, .default-text {
    letter-spacing: 1px;
}

.package-wrapper h3.dashboard-heading {
    padding-bottom: 0;
}

.default-text-with-check {
    position: relative;
    padding-left: 28px;
}

    .default-text-with-check i.fa-check {
        color: var(--dash-primary-color);
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 1px;
    }

table.new-dashboard-package tr th {
    text-align: center;
    font-size: 16px;
}

table.new-dashboard-package tr td {
    border-top: 0;
    text-align: center;
    padding: 15px 10px;
}

table.new-dashboard-package tr:first-child td,
table.new-dashboard-package tr th {
    padding-bottom: 16px;
    padding-top: 16px;
}

table.new-dashboard-package tr td {
    color: #7f7f7f;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500;
    border: 1px solid rgba(48, 149, 152, 0.19) !important;
}

    table.new-dashboard-package tr th,
    table.new-dashboard-package tr td.pckg-center {
        color: #2d2d2d;
        font-weight: 700;
        font-size: 15px;
        border: 1px solid rgba(48, 149, 152, 0.19) !important;
    }

    table.new-dashboard-package tr td:nth-child(n+3) {
        border: 0 !important;
        border-right: 1px solid rgba(48, 149, 152, 0.19) !important;
    }

table.new-dashboard-package tr:last-child td:nth-child(n+3) {
    border-bottom: 1px solid rgba(48, 149, 152, 0.19) !important;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    /*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
    border-radius: 18px;
    /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        top: 16px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
        top: 16px;
    }

.switch-input:checked ~ .switch-label {
    background: rgb(102, 201, 203);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.new-dashboard-package .form-group {
    margin-bottom: 0px;
}

.df-jcc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.label-wrapper-enb-dsbl label {
    margin: 0;
    padding-right: 5px;
}

.client-wallet-dashboard tr th:first-child {
    width: 10%;
}

.client-wallet-dashboard tr th:nth-child(2) {
    width: 10%;
}

.client-wallet-dashboard tr th:nth-child(4) {
    width: 10%;
}

.package-details-table table tr:last-child td {
    padding-bottom: 0;
}

.inbox-content-section .inbox-dash tr td {
    vertical-align: middle;
    padding: 12px 20px 12px 30px;
}

.inbox-content-section table > tbody > tr {
    box-shadow: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.inbox-dash {
    padding: 0 0px;
    background-color: #fff;
}

    .inbox-dash table {
        text-align: left;
        border-collapse: separate;
    }

.sender-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

    .sender-image img {
        width: 100%;
    }

.sender-name-wrapper label {
    margin-bottom: 0;
}

.wd-2p {
    width: 2%;
}

.wd-10p {
    width: 10%;
}

.wd-20p {
    width: 20%;
}

.wd-25p {
    width: 25%;
}

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

    .vertical-dot:after {
        content: '\2807';
        font-size: 24px;
        color: #cccccc;
    }

.inbox-content-section .slimScrollDiv {
    padding-right: 0px;
}

.recent-msg-head {
    font-size: 14px;
    color: #626262;
    font-weight: 500;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.fw-700 {
    font-weight: 700;
    color: #32333a;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important
}


.fixed-table-loading {
    display: none;
}

.fixed-table-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.pagination li a {
    padding: 0.5rem;
    color: var(--on-primary-color);
}

ul.pagination li.active a {
    color: var(--white-color);
    padding: 2px 7px 5px;
    border-radius: 3px;
}

.pagination-detail .btn.btn-default {
    padding: 3px 10px 5px;
    border-radius: var(--bs-border-radius);
    background-color: var(--theme-border-layout);
    margin: 0 5px 0 10px;
    color: var(--theme-primary-color);
    font-size: var(--base-font-size);
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
    margin-top: 20px;
    margin-bottom: 0;
}

.pagination-detail .dropdown-menu {
    top: -110px;
    padding: 11px 8px;
    font-size: 14px;
    box-shadow: var(--dropdown-boxshadow);
    border: none;
    overflow: visible;
}

    .pagination-detail .dropdown-menu li {
        line-height: 26px;
    }

        .pagination-detail .dropdown-menu li a {
            display: block;
            cursor: pointer;
        }


.fixed-table-pagination .pagination-info,
.pull-left.pagination-detail span.page-list {
    color: var(--on-primary-color);
    font-size: 0.85rem;
    line-height: 34px;
}

table tr td,
table tr th {
    color: var(--primary-color);
}

table tr th {
    font-size: var(--base-font-size);
}

.fixed-table-body {
    overflow: hidden;
    overflow-x: auto;
}

.fixed-table-toolbar tr th .th-inner {
    text-align: left;
}

.pull-left.pagination-detail span.btn-group.dropdown {
    margin-right: 5px;
}

.adj_wid thead tr th {
    width: 20%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .msg-text-time-seperation {
        width: 53px;
    }

    .msg-info-time p {
        font-size: 9px !important;
    }

    .down-arrow-delete-chat, .dropdown-toggle-chat-menu {
        width: 16px;
        height: 16px;
    }

    .down-arrow-delete-chat-wrapper {
        top: -2px;
    }

    .fixed-table-pagination {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
}

.emojionearea .emojionearea-editor {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

@media (max-width: 1500px) {
    .side-msg-list {
        max-width: 370px;
    }
}

@media (min-width: 993px) {
    .profile-image-wrapper, .upload-profile {
        max-width: 80%;
    }
}

@media (min-width: 1280px) {
    .profile-image-wrapper, .upload-profile {
        max-width: 95%;
    }
}

@media (max-width: 992px) {
    .upload-profile {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {

    .send-message-btn {
        width: 30px;
        padding: 0;
    }

    .msger-inputarea .emoji-picker-icon {
        right: 53px !important;
    }

    .msger-inputarea {
        width: 100%;
    }
}

/*old css ends*/

.ba-nav-wrapper ul li {
    width: 100%;
}

    .ba-nav-wrapper ul li:not(:last-child) {
        margin-right: 15px;
    }

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    padding: 0.5rem 0.75rem;
    border-radius: calc(var(--bs-border-radius));
    background-color: var(--bg-default);
    line-height: 1;
}

.dx-datagrid-pager.dx-pager {
    font-size: var(--base-font-size-xxs);
}

.dx-pager .dx-pages .dx-next-button, .dx-pager .dx-pages .dx-prev-button {
    font-size: var(--base-font-size-h5);
    vertical-align: middle;
}

    .dx-pager .dx-pages .dx-next-button::before, .dx-pager .dx-pages .dx-prev-button::before {
        margin-top: -12.5px;
        margin-left: -9px;
    }

.favourite-therapist-img {
    max-width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
}

.forgot-password .form-group.ph-pract-cp input {
    font-size: 17px !important;
    display: inline-block;
    width: initial !important;
    margin-top: 30px;
}

.forgot-password .form-group {
    margin-bottom: 30px !important;
}

.main-header {
    min-height: 45px;
}

.ph-brand-link img {
    max-width: 85px;
}

.ph-al-header {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

.js-ph-af-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 0.5s forwards;
    width: 100%;
    z-index: 888;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

#gridContainer .dx-datagrid .dx-link {
    text-decoration: none;
}

.no-msg-class::before {
    visibility: hidden;
    opacity: 0;
}

.learn-search--overlay.teams-body header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
    position: initial;
}


button#CompleteProfileRegistration {
    min-width: 221px;
}

/*new dashboard customization*/

.live-class-row {
    margin-bottom: 35px;
}

.daily-affirmation-para {
    font-weight: 500;
    font-size: calc(var(--base-font-size-h2) * 0.88);
    text-align: center;
    color: var(--primary-color);
    font-style: italic;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 3.4rem;
    letter-spacing: 0.2px;
    line-height: 1.65;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

div#DivAffirmative {
    width: 100%;
}



html[color-mode="dark"] .daily-aff-wrapper {
    background: var(--chat-dark-bg-2);
}

.new-ebbok-wrapper .nd-ebook-wrapper {
    position: relative;
    padding: 15px 15px 15px;
    border: 2px solid var(--white-color);
}

.new-ebbok-wrapper .slick-center .nd-ebook-wrapper {
    transition: 0.3s;
    position: relative;
    transform: scale(1.03);
    top: 16px;
    background-color: #96CCF9;
    z-index: 999;
    padding: 15px 15px 15px;
    margin: -25px;
}

.new-ebbok-wrapper .slick-list, .new-ebbok-wrapper .slick-track {
    height: 100%;
}

.nd-ebook-wrapper hr {
    margin: 10px 0;
    border: 0.5px solid #359BEC;
    width: 100%;
}

.new-ebbok-wrapper .slick-list {
    padding: 1rem 0 1px !important;
}

.nd-label-head span {
    position: relative;
    font-size: var(--base-font-size-h5);
    font-weight: 500;
}

.new-ebbok-wrapper .nd-label-head span::after {
    width: 22px;
}

.nd-label-head-wbg-line span::after, .nd-label-head-w-line span::after {
    display: none;
}

.nd-label-head-wbg-line.nd-label-head span {
    text-shadow: 1px 1px 3px rgb(0 0 0 / 42%);
    color: var(--white-color);
}

.new-ebbok-wrapper .slick-prev {
    left: 17px;
    bottom: 0;
    top: inherit;
}

.new-ebbok-wrapper .slick-next {
    right: 17px;
    bottom: 0;
    top: inherit;
}

.nd-live-classes-wrapper-table-inner .live-classes-row {
    display: grid;
    grid-template-columns: 60% repeat(2, auto);
    align-items: center;
    margin-bottom: 0px;
}

.nd-live-classes-wrapper-table-inner tr td {
    border: 1px solid #efefef;
}


.nd-live-classes-wrapper-table .need-to-change {
    color: var(--on-primary-color);
    font-size: 15px;
    margin-top: 17px;
}

@media(max-width: 1400px) {
    .nd-label-head span {
        font-size: var(--base-font-size-h5);
    }
}
/*css for emoji dashboard*/

.emojis-wrapper-item {
    font-size: 40px;
}

.p-db-mtr .emojis-wrapper-item {
    font-size: 38px;
}

.feedback {
    --normal: #ffffff;
    --normal-sad-shadow: #FF6D3F;
    --normal-sad-shadow-top: #FF6D3F;
    --normal-ok-shadow: #7946DB;
    --normal-ok-shadow-top: #7946DB;
    --normal-good-shadow: #39A361;
    --normal-good-shadow-top: #39A361;
    --normal-happy-shadow: #F9D52E;
    --normal-happy-shadow-top: #F9D52E;
    --hover-sad-shadow: #FF6D3F;
    --hover-ok-shadow: #7946DB;
    --hover-good-shadow: #39A361;
    --hover-happy-shadow: #F9D52E;
    --hover: #f8da69;
    --hover-shadow-top: #f4b555;
    --normal-mouth: #39A361;
    --normal-eye: #39A361;
    --active: #f8da69;
    --active-shadow: #f4b555;
    --active-shadow-top: #fff6d3;
    --active-mouth: #f05136;
    --active-eye: #313036;
    --active-tear: #76b5e7;
    --active-shadow-angry: #e94f1d;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

    .feedback .emojis-wrapper {
        position: relative;
        transition: transform 0.3s;
        cursor: pointer;
    }

        .feedback .emojis-wrapper:not(:last-child) {
            margin-right: 20px;
        }

        .feedback .emojis-wrapper input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none;
            border: none;
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0;
            border-radius: 50%;
            background: var(--sb, var(--normal));
            box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow)), inset -1px 1px 2px var(--sht, var(--normal-shadow-top));
            transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
            -webkit-tap-highlight-color: transparent;
        }

        .feedback .emojis-wrapper div {
            width: 40px;
            height: 40px;
            position: relative;
            transform: perspective(240px) translateZ(4px);
        }

            .feedback .emojis-wrapper div svg,
            .feedback .emojis-wrapper div:before,
            .feedback .emojis-wrapper div:after {
                display: block;
                position: absolute;
                left: var(--l, 9px);
                top: var(--t, 13px);
                width: var(--w, 8px);
                height: var(--h, 1px);
                transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
            }

            .feedback .emojis-wrapper div svg {
                fill: none;
                stroke: var(--s);
                stroke-width: 1.5px;
                stroke-linecap: round;
                stroke-linejoin: round;
                transition: stroke 0.4s;
            }

                .feedback .emojis-wrapper div svg.eye {
                    --s: var(--e, var(--normal-eye));
                    --t: 17px;
                    --w: 8px;
                    --h: 4px;
                }

                    .feedback .emojis-wrapper div svg.eye.right {
                        --l: 23px;
                    }

                .feedback .emojis-wrapper div svg.mouth {
                    --s: var(--m, var(--normal-mouth));
                    --l: 11px;
                    --t: 23px;
                    --w: 18px;
                    --h: 7px;
                }

            .feedback .emojis-wrapper div:before,
            .feedback .emojis-wrapper div:after {
                content: "";
                z-index: var(--zi, 1);
                border-radius: var(--br, 1px);
                background: var(--b, var(--e, var(--normal-eye)));
                transition: background 0.4s;
            }

        .feedback .emojis-wrapper.angry {
            --step-1-rx: -24deg;
            --step-1-ry: 20deg;
            --step-2-rx: -24deg;
            --step-2-ry: -20deg;
        }

            .feedback .emojis-wrapper.angry div:before {
                --r: 20deg;
            }

            .feedback .emojis-wrapper.angry div:after {
                --l: 23px;
                --r: -20deg;
            }

            .feedback .emojis-wrapper.angry div svg.eye {
                stroke-dasharray: 4.55;
                stroke-dashoffset: 8.15;
            }

            .feedback .emojis-wrapper.angry input:checked {
                -webkit-animation: angry 1s linear;
                animation: angry 1s linear;
            }

                .feedback .emojis-wrapper.angry input:checked + div:before {
                    --middle-y: -2px;
                    --middle-r: 22deg;
                    -webkit-animation: toggle 0.8s linear forwards;
                    animation: toggle 0.8s linear forwards;
                }

                .feedback .emojis-wrapper.angry input:checked + div:after {
                    --middle-y: 1px;
                    --middle-r: -18deg;
                    -webkit-animation: toggle 0.8s linear forwards;
                    animation: toggle 0.8s linear forwards;
                }

        .feedback .emojis-wrapper.sad {
            --step-1-rx: 20deg;
            --step-1-ry: -12deg;
            --step-2-rx: -18deg;
            --step-2-ry: 14deg;
        }

            .feedback .emojis-wrapper.sad div:before,
            .feedback .emojis-wrapper.sad div:after {
                --b: var(--active-tear);
                --sc: 0;
                --w: 5px;
                --h: 5px;
                --t: 15px;
                --br: 50%;
            }

            .feedback .emojis-wrapper.sad div:after {
                --l: 25px;
            }

            .feedback .emojis-wrapper.sad div svg.eye {
                --t: 16px;
            }

            .feedback .emojis-wrapper.sad div svg.mouth {
                --t: 24px;
                stroke-dasharray: 9.5;
                stroke-dashoffset: 33.25;
            }

            .feedback .emojis-wrapper.sad input:checked + div:before,
            .feedback .emojis-wrapper.sad input:checked + div:after {
                -webkit-animation: tear 0.6s linear forwards;
                animation: tear 0.6s linear forwards;
            }

        .feedback .emojis-wrapper.ok {
            --step-1-rx: 4deg;
            --step-1-ry: -22deg;
            --step-1-rz: 6deg;
            --step-2-rx: 4deg;
            --step-2-ry: 22deg;
            --step-2-rz: -6deg;
        }

            .feedback .emojis-wrapper.ok div:before {
                --l: 12px;
                --t: 17px;
                --h: 4px;
                --w: 4px;
                --br: 50%;
                box-shadow: 12px 0 0 var(--e, var(--normal-eye));
            }

            .feedback .emojis-wrapper.ok div:after {
                --l: 13px;
                --t: 26px;
                --w: 14px;
                --h: 2px;
                --br: 1px;
                --b: var(--m, var(--normal-mouth));
            }

            .feedback .emojis-wrapper.ok input:checked + div:before {
                --middle-s-y: 0.35;
                -webkit-animation: toggle 0.2s linear forwards;
                animation: toggle 0.2s linear forwards;
            }

            .feedback .emojis-wrapper.ok input:checked + div:after {
                --middle-s-x: 0.5;
                -webkit-animation: toggle 0.7s linear forwards;
                animation: toggle 0.7s linear forwards;
            }

        .feedback .emojis-wrapper.good {
            --step-1-rx: -14deg;
            --step-1-rz: 10deg;
            --step-2-rx: 10deg;
            --step-2-rz: -8deg;
        }

            .feedback .emojis-wrapper.good div:before {
                --b: var(--m, var(--normal-mouth));
                --w: 5px;
                --h: 5px;
                --br: 50%;
                --t: 22px;
                --zi: 0;
                opacity: 0.5;
                box-shadow: 16px 0 0 var(--b);
                filter: blur(2px);
            }

            .feedback .emojis-wrapper.good div:after {
                --sc: 0;
            }

            .feedback .emojis-wrapper.good div svg.eye {
                --t: 15px;
                --sc: -1;
                stroke-dasharray: 4.55;
                stroke-dashoffset: 8.15;
            }

            .feedback .emojis-wrapper.good div svg.mouth {
                --t: 22px;
                --sc: -1;
                stroke-dasharray: 13.3;
                stroke-dashoffset: 23.75;
            }

            .feedback .emojis-wrapper.good input:checked + div svg.mouth {
                --middle-y: 1px;
                --middle-s: -1;
                -webkit-animation: toggle 0.8s linear forwards;
                animation: toggle 0.8s linear forwards;
            }

        .feedback .emojis-wrapper.happy div {
            --step-1-rx: 18deg;
            --step-1-ry: 24deg;
            --step-2-rx: 18deg;
            --step-2-ry: -24deg;
        }

            .feedback .emojis-wrapper.happy div:before {
                --sc: 0;
            }

            .feedback .emojis-wrapper.happy div:after {
                --b: var(--m, var(--normal-mouth));
                --l: 11px;
                --t: 23px;
                --w: 18px;
                --h: 8px;
                --br: 0 0 8px 8px;
            }

            .feedback .emojis-wrapper.happy div svg.eye {
                --t: 14px;
                --sc: -1;
            }

        .feedback .emojis-wrapper.happy input:checked + div:after {
            --middle-s-x: 0.95;
            --middle-s-y: 0.75;
            -webkit-animation: toggle 0.8s linear forwards;
            animation: toggle 0.8s linear forwards;
        }

        .feedback .emojis-wrapper input:checked {
            --sb: var(--active);
            --sh: var(--active-shadow);
            --sht: var(--active-shadow-top);
            border: 1px solid var(--active-shadow) !important;
        }

            .feedback .emojis-wrapper input:checked + div {
                --m: var(--active-mouth);
                --e: var(--active-eye);
                -webkit-animation: shake 0.8s linear forwards;
                animation: shake 0.8s linear forwards;
            }

        .feedback .emojis-wrapper input:not(:checked):hover {
            --sb: var(--hover);
            --sht: var(--hover-shadow-top);
        }

        .feedback .emojis-wrapper input:not(:checked):active {
            transform: scale(0.925);
        }

            .feedback .emojis-wrapper input:not(:checked):active + div {
                transform: scale(0.925);
            }

        .feedback .emojis-wrapper:hover {
            transform: scale(1.08);
        }

@-webkit-keyframes shake {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@keyframes shake {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@-webkit-keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
    }
}

@keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
    }
}

@-webkit-keyframes toggle {
    50% {
        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
    }
}

@keyframes toggle {
    50% {
        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
    }
}

@-webkit-keyframes angry {
    40% {
        background: var(--active);
    }

    45% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

@keyframes angry {
    40% {
        background: var(--active);
    }

    45% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

.feedback .emojis-wrapper.sad input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-sad-shadow)), 0px 1px 2px var(--sht, var(--normal-sad-shadow-top));
    border: 1px solid var(--normal-sad-shadow);
}

.feedback .emojis-wrapper.ok input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-ok-shadow)), 0px 1px 2px var(--sht, var(--normal-ok-shadow-top));
    border: 1px solid var(--normal-ok-shadow);
}

.feedback .emojis-wrapper.good input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-good-shadow)), 0px 1px 2px var(--sht, var(--normal-good-shadow-top));
    border: 1px solid var(--normal-good-shadow);
}

.feedback .emojis-wrapper.happy input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-happy-shadow)), 0px 1px 2px var(--sht, var(--normal-happy-shadow-top));
    border: 1px solid var(--normal-happy-shadow);
}
/*eyes*/
.feedback .emojis-wrapper.sad div svg.eye {
    --s: var(--e, var(--normal-sad-shadow));
}

.feedback .emojis-wrapper.ok div svg.eye {
    --s: var(--e, var(--normal-ok-shadow));
}

.feedback .emojis-wrapper.ok div:before {
    box-shadow: 12px 0 0 var(--e, var(--normal-ok-shadow));
    background: var(--b, var(--e, var(--normal-ok-shadow)));
}

.feedback .emojis-wrapper.ok div:after {
    --b: var(--m, var(--normal-ok-shadow));
}

.feedback .emojis-wrapper.good div svg.eye {
    --s: var(--e, var(--normal-good-shadow));
}

.feedback .emojis-wrapper.happy div svg.eye {
    --s: var(--e, var(--normal-happy-shadow));
}
/*mouth*/
.feedback .emojis-wrapper.sad div svg.mouth {
    --s: var(--e, var(--normal-sad-shadow));
}

.feedback .emojis-wrapper.ok div svg.mouth {
    --s: var(--e, var(--normal-ok-shadow));
}

.feedback .emojis-wrapper.good div svg.mouth {
    --s: var(--e, var(--normal-good-shadow));
}

.feedback .emojis-wrapper.happy div svg.mouth {
    --s: var(--e, var(--normal-happy-shadow));
}

.feedback .emojis-wrapper.happy div:after {
    --b: var(--m, var(--normal-happy-shadow));
}

.feedback .emojis-wrapper.good div:before, .feedback .emojis-wrapper.good div:after {
    display: none;
}

.feedback-emoji-wrapper {
    display: flex;
    /*justify-content: space-between;
    width: 100%;*/
    max-width: 90%;
    margin: 0 auto;
}

#MoodEmoji br {
    display: none;
}

.mood-head-text {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
}

.nd-emoji-main-wrapper {
    margin-bottom: 0;
    font-size: 0.93rem;
    letter-spacing: 0.2px;
}

.main-wrapper-mood-track-step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#EmojiDiv.main-wrapper-mood-track-step {
    position: absolute;
    left: 0;
    top: 46%;
}

.p-db-mtr {
    min-height: 24em;
}

.mood-inner-boxes {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
}

.view-history-link {
    text-align: center;
    display: inline-block;
}

.feedback {
    width: 100%;
}

.mood-track-step-feeling {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
}

    .mood-track-step-feeling span {
        flex-grow: initial;
        max-width: initial;
        box-sizing: border-box;
        font-family: var(--primary-font);
        padding: 0.4rem 1.25rem;
        display: inline-block;
        font-size: var(--base-font-size);
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        color: var(--primary-color);
        min-width: 7em;
        float: left;
        cursor: pointer;
        font-weight: 400;
        border-radius: 25px;
        background: var(--white-color);
        border: 1px solid var(--primary-border-color);
    }

    .mood-track-step-feeling .mood-track-active {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }

@media(min-width: 1253px) {
    .mood-track-step-feeling span:hover {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }
}

.mood-track-textarea-actions {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}

.mood-track-text-area {
    min-height: 8em;
    width: 100%;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    resize: none;
    padding: 0.5rem 0.7rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
}

.back-placeholder {
    min-width: 32px;
}

.mood-track-text-area:focus {
    border-color: var(--input-border-1);
    box-shadow: 0 0 0 0.12rem var(--sec-light-color4);
}

.nd-affirmation-load {
    width: 85%;
    margin: 0 auto;
}

    .nd-affirmation-load .placeload {
        height: 100%;
        display: flex;
        align-items: center;
        width: 100%;
        background: transparent !important;
        box-shadow: none !important;
    }

        .nd-affirmation-load .placeload > * {
            flex: 1;
        }

    .nd-affirmation-load.nd-placeload-preloader-oc .placeload .image-placeholder:nth-child(2) {
        max-width: 75%;
        margin: 12px auto;
    }

    .nd-affirmation-load.nd-placeload-preloader-oc .placeload .image-placeholder {
        height: 9px;
    }

.mood-history-report br {
    display: none;
}

.mood-history-report > span {
    text-align: left;
    display: inline-block;
}

.feedback-emoji-main-wrapper {
    flex-direction: column;
    display: flex !important;
    border-radius: 0 !important;
}

.feedback-emoji-wrapper .image-placeholder {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.smily-emoji-wrapper {
    min-height: 100%;
    align-items: center;
}

.feedback-emoji-wrapper .image-placeholder {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.feedback-emoji-main-wrapper .loads {
    max-width: 70%;
}


.p-db-md-tr-mw .nd-placeload-preloader-oc {
    flex: 1;
}

.nd-placeload-preloader-oc .smily-emoji-wrapper {
    display: flex;
    align-items: center;
}

.p-loader-emojee {
    display: grid;
    grid-template-rows: auto 1fr auto;
    flex: 1;
}

.nd-placeload-preloader-oc .view-history-placeholder {
    margin: 0 auto;
}

.p-loader-emojee .view-history-placeholder {
    width: 80px !important;
}
/*emoji ends here*/
.ph-ma-action-btns-wrapper {
    padding-top: 55px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    align-items: center;
    grid-gap: 22px;
}

    .ph-ma-action-btns-wrapper .dashboard-hc-btn {
        color: var(--primary-color);
        padding: 7px 18px;
    }

        .ph-ma-action-btns-wrapper .dashboard-hc-btn:hover {
            color: var(--white-color);
        }

.nd-upcoming-div-main-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2.5rem;
    gap: 2rem;
}

.nd-upcoming-div-top {
    background-color: var(--sec-light-color5);
    border-radius: 5px;
    padding: 15px;
}

.nd-upcoming-div-inner-wrapper {
    padding: 1rem 1rem;
}

.ph-manage-appointment-inner-wrapper {
    background-color: var(--card-bg-color);
    padding: 20px;
    border-radius: 5px;
}

.ph-manage-appointment-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 15px;
}

.no-app-main-wrapper .ph-manage-appointment-wrapper {
    grid-template-columns: auto;
}

.exclaimation-icon {
    color: #DC143C;
    font-size: 14px;
    line-height: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 2px;
    left: -1px;
    cursor: pointer;
}

.exclaimation-icon-svg {
    width: 14px;
    height: 14px;
    fill: #dd0e0e;
}

.dash-appo-the-name img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-position: top;
}

.ph-manage-appointment-inner-wrapper .dash-appo-the-name img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.dash-appo-the-name .ph-ma-therapist-nd .nd-doctor-name {
    color: var(--primary-color);
    font-weight: 600;
}


.dash-appo-the-name .ph-ma-therapist-nd .nd-doctor-name {
    font-size: var(--base-font-size-h3);
}

.ph-ma-therapist-nd label {
    font-weight: 400;
    margin-top: 5px;
    display: block;
    line-height: 15px;
    font-size: var(--base-font-size-xs);
}

label.dash-appo-the-date {
    line-height: 1.35;
    font-size: var(--base-font-size-xxs);
}

.see-all-umcom-app {
    margin-bottom: -0.5rem;
}

.ph-ma-therapist-nd-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ph-manage-appoint-actions {
    text-align: center;
}

.ph-ma-actions-nd-btns {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 0.7rem;
    margin-left: auto;
    margin-right: auto;
    gap: 1.4rem;
}

@media(min-width: 361px) {
    .ph-manage-appoint-actions label.dash-appo-the-date {
        text-align: left;
        display: block;
    }
}

@media(min-width: 1250px) {
    .ph-ma-actions-nd-btns .dashboard-hc-btn {
        min-width: 135px;
    }
}

@media(max-width: 1550px) {
    .ph-ma-actions-nd-btns {
        max-width: initial;
        gap: 0.9rem;
    }

        .ph-ma-actions-nd-btns .dashboard-hc-btn {
            font-size: 0.9rem;
            flex: 1;
        }
}

@media(max-width: 1300px) {
    .ph-ma-actions-nd-btns .dashboard-hc-btn {
        font-size: 0.88rem;
        flex: 1;
        padding: 6px 8px;
    }
}

@media(max-width: 1270px) {
    .ph-ma-actions-nd-btns {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ph-ma-actions-nd-btns {
        max-width: initial;
    }
}

.ph-ma-upcoming-head {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    color: var(--primary-color);
}

.ph-ma-therapist-nd-btns .dashboard-hc-btn {
    min-width: 8rem;
}

.ph-ma-res-can-btn {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.ph-manage-appoint-actions .dash-appo-the-date {
    font-weight: 500;
    color: var(--on-primary-color);
}

.dashboard-user-inner .dashboard-hc-btn.dashborad-mt-btn {
    font-size: 14px;
    min-width: initial;
    margin-top: 3px;
    width: 136px;
    padding: 6px 8px;
}

.nd-live-classes-wrapper.appointment-div .hc-live-dates {
    font-size: 14px;
    margin-bottom: 0;
}

.ph-lc-dashboard {
    margin: 4px 0 60px;
    padding: 0 20px;
}

    .ph-lc-dashboard .condition-tag {
        font-size: 13px;
        padding: 3px 15px 3px;
    }

    .ph-lc-dashboard tr.active-lc-row td {
        background-color: #F7F8FA;
    }

tr.active-lc-row::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 4px;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
}

.active-lc-tag {
    position: relative;
}

    /*.active-lc-tag::after {
    content: '';
    position: absolute;
    background: linear-gradient( 180deg, rgba(76, 161, 248, 0.5) 0%, rgba(254, 254, 255, 0) 100%);
    left: 50%;
    transform: translateX(-50%);
    width: 46%;
    height: 28px;
    bottom: -39px;
}*/

    .active-lc-tag::before {
        content: '';
        position: absolute;
        background: var(--primary-color);
        border-radius: 28px;
        left: 50%;
        transform: translateX(-50%);
        width: 46%;
        height: 5px;
        bottom: -14px;
    }

.no-up-appointment img {
    margin: 0 auto 15px;
}

.no-up-appointment.nd-appointment-wrapper h3 {
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: var(--base-font-size);
    font-weight: 500;
}

.no-app-main-wrapper .no-up-appointment {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.ba-statcis-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--box-padding);
}

.ba-statcis3-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--box-padding);
}

/*.mood-tracker-result-wrapper svg {
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}*/

.mood-tracker-result-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 6.7rem;
    padding-bottom: 1rem;
}

.mood-tracker-action-btns {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}

.p-db-mt-gr-wr {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mood-tracker-overview {
    position: relative;
    min-height: 250px;
}

.ba-statics-inner-rows {
    display: grid;
    grid-gap: 30px;
}

.ba-statics-inner-ar {
    margin-top: 30px;
    grid-template-columns: 40% 1fr;
}

.ba-statics-inner-fr {
    margin-top: 30px;
    grid-template-columns: 65% 1fr;
}

.ba-statics-inner-sr {
    margin-top: 30px;
    grid-template-columns: 65% 1fr;
}

.ba-statics-inner-tr {
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
}

.ba-statics-inne-fr-left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.ba-sir-boxes {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    background-color: var(--card-bg-color);
    padding: var(--box-padding);
    position: relative;
}

.ba-sir-boxes-count {
    min-height: 110px;
    padding-top: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}

.ba-sir-boxes-headcount {
    min-height: 280px;
}

.ba-sir-boxes-count label {
    font-size: var(--base-font-size-h1-lg);
    line-height: 77px;
    color: var(--secondary-color);
    font-weight: 700;
}

.increase-icon {
    fill: #39A261;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-left: 14px;
}

.last-month-increase {
    display: inline-block;
    align-items: center;
    border-radius: 23px;
    padding: 7px 25px;
    font-size: 18px;
}

.last-month-increase-green {
    color: #39A261;
    background: #DEFBEA;
}

.last-month-increase-pink {
    color: #F1646E;
    background: #FFD6E2;
}

    .last-month-increase-pink .increase-icon {
        fill: #F1646E;
    }

.ba-sir-boxes-add-user {
    background-color: var(--primary-color);
}

.ba-sir-boxes-book-cons {
    background-color: var(--light-green);
}

.add-book-icons {
    width: 25px;
    height: 25px;
    display: inline-block;
    z-index: 99;
    margin-right: 8px;
    fill: var(--primary-color);
}

.ba-sir-boxes-add-user, .ba-sir-boxes-book-cons {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--box-padding);
    cursor: pointer;
}

    .ba-sir-boxes-add-user p, .ba-sir-boxes-book-cons p {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .ba-sir-boxes-book-cons p {
        color: var(--primary-color);
        text-align: center;
    }

    .ba-sir-boxes-add-user .ba-sir-widget-heading {
        color: var(--white-color);
    }

html[color-mode="dark"] .ba-sir-boxes-add-user .ba-sir-widget-heading,
html[color-mode="dark"] .ba-sir-boxes-add-user {
    color: var(--primary-color);
}

.ba-sir-widget-heading {
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem !important;
}

.ph-no-lc .no-live-classes-wrapper {
    min-height: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ph-no-lc .no-live-classes-wrapper svg {
        max-width: 200px;
    }

.ph-no-lc .nd-live-classes-wrapper-table-inner tr td {
    border: none;
}

.nd-live-classes-wrapper-table {
    min-height: 195px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nd-live-classes-wrapper.appointment-div {
    padding-top: 45px;
    padding-left: 0;
}

.ph-lc-dashboard-placeload {
    padding-left: 0px;
    margin-top: 14px;
}

.placeload .ph-lc-dashboard-placeload .image-placeholder {
    width: 100%;
    margin-top: 0;
    height: 32px;
    border-radius: 25px;
}

.ph-lc-dashboard-placeload .condition-tag {
    font-size: 13px;
    padding: 0;
    background: transparent;
    border: 1px solid #dbe1ed;
}

.ph-lc-dashboard-placeload .active-lc-tag::before {
    background: #dde3ed;
}

.ph-lc-dashboard-placeload .active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(222 227 237 / 57%) 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-all.active-lc-tag::before {
    background: #01e1b4;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-addiction {
    min-width: 106px;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-relsp {
    min-width: 125px;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-pg {
    min-width: 159.73px;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-pastlive {
    min-width: 147.19px;
}

.ph-dash-default-head h4 {
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
    font-weight: 600;
    position: relative;
    margin-bottom: 2rem;
}

.ph-dash-default-head p {
    font-size: 15px;
    line-height: 22px;
    color: var(--on-primary-color);
    margin-top: 17px;
}

#Category, #Condition {
    width: 100%;
    max-width: 450px;
    height: 350px;
}

.ba-overview-data-content .ph-dash-default-head, .ba-usage-data-content .ph-dash-default-head {
    position: absolute;
    top: 15px;
}

.ba-statcis .ba-box-shadows {
    height: 100%;
}

.ba-statics-data-content .light-green-data {
    color: var(--light-green);
}

.ba-statics-data-content .light-yellow-data {
    color: var(--light-yellow);
}

.ba-statics-data-content .light-salmon-data {
    color: var(--plm-light-salmon);
}


/* My Skills */
.admin-progress-wrapper {
    height: 44px;
    border-radius: 5px;
    background-color: #F5F6F8;
}

.admin-progress-bar {
    text-align: left;
    border-radius: 5px;
    transition-duration: 3s;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-progress-wrapper span {
    display: inline-block;
    position: relative;
    left: 5px;
}

.admin-progress-wrapper .admin-progress-bar[aria-valuenow="1"] span {
    left: 8px;
}

.admin-progress-bar-vaule {
    color: var(--primary-dark-color2);
}

.admin-progress-main-wrapper {
    display: grid;
    grid-template-columns: 190px 1fr;
    align-items: center;
    justify-content: flex-end;
    gap: 23px;
    max-width: 100%;
    margin-left: auto;
    padding-right: 30px;
    text-align: right;
}

    .admin-progress-main-wrapper label {
        line-height: 19px;
        font-size: var(--base-font-size);
    }

.ph-admin-category .admin-progress-main-wrapper:not(:last-child), .ph-admin-sub-category .admin-progress-main-wrapper:not(:last-child) {
    margin-bottom: 25px;
}

.ph-admin-sub-category .admin-progress-tags {
    text-transform: capitalize;
    line-height: 20px;
    word-break: break-word;
}

.admin-progress-wrapper .skill .val {
    float: right;
    font-style: normal;
    margin: 0 20px 0 0;
}

.admin-progress-tags {
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--on-primary-color);
    line-height: 17px;
    margin-bottom: 0 !important;
}

.admin-view-more {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--primary-color);
    text-decoration: underline;
    font-size: var(--base-font-size-lg);
    text-align: center;
    display: block;
    margin: 20px auto 0;
}


.phb-mw-icons path {
    stroke: #F9D52E;
}

.no-data-mt-grey-smily {
    top: 54%;
}

.create-pass-modal .password-hint {
    bottom: 20px;
    right: 0;
}

.create-pass-modal .tooltip-arrow {
    display: none;
}
/*loading text animation starts here*/
.admin-loader-loading-text {
    left: 50%;
    top: 54%;
    font-size: var(--base-font-size-xxl);
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    position: absolute;
    overflow: hidden;
    transform: translate(-50%, -60%);
}

    .admin-loader-loading-text:before {
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
        content: attr(data-loading-text);
    }

    .admin-loader-loading-text:after {
        top: 0;
        left: 0;
        width: 0;
        opacity: 1;
        color: var(--theme-primary-color);
        overflow: hidden;
        position: absolute;
        content: attr(data-loading-text);
        -webkit-animation: loading 5s infinite;
        animation: loading 5s infinite;
    }

@-webkit-keyframes loading {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes loading {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
/*loading text animation ends here*/

.ph-admin-ub-legends-inner {
    display: flex;
    align-items: center;
}

    .ph-admin-ub-legends-inner svg {
        width: 24px;
        height: 24px;
        fill: #ffffff;
        display: inline-block;
    }

.admin-legends-ub-icons {
    padding: 5px;
    border-radius: 9px;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-therapy-legends {
    background-color: var(--light-blue);
}

.video-therapy-legends {
    background-color: var(--light-yellow);
}

.courses-legends {
    background-color: var(--light-salmon);
}

.meditataion-therapy-legends {
    background-color: var(--light-green);
}

.ph-admin-ub-legends .ph-admin-ub-legends-inner:not(:last-child) {
    margin-bottom: 15px;
}

.admin-legends-ub-content {
    color: var(--secondary-color);
}

    .admin-legends-ub-content span {
        font-size: 19px;
        font-weight: 700;
        padding-right: 3px;
    }

.admin-legends-ub-content-count {
    line-height: 20px;
}

.admin-legends-ub-content small {
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.ph-admin-usage-breakdown {
    display: flex;
    align-items: center;
}

.ph-admin-ub-legends {
    margin-left: 25px;
}

.ph-admin-ub-legends {
    min-width: 180px;
}

.admin-legends-ub-content label {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    font-weight: 500;
}

.triangle-rotate {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform: rotate(22deg);
    transition-property: -webkit-transform;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}

.ph-cust-therapy-session {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ph-cust-therapy-session svg {
        width: 190px;
        height: 190px;
    }

.guage-therapy-session {
    position: relative;
}

.ph-manage-appointment-wrapper.one-appt {
    grid-template-columns: auto;
    max-width: 400px;
    margin: 0 auto;
}

.one-appt .dash-appo-the-name img {
    width: 60px;
    height: 60px;
}

.MoodThoughts {
    color: var(--on-primary-color);
    max-width: 400px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    word-break: break-word;
    width: 100%;
    margin: 2px;
    position: relative;
}

.thought-quotes-icon em.icon {
    font-size: 20px;
    color: var(--secondary-color);
    opacity: 0.4;
    line-height: 16px;
}

.thought-quotes-icon {
    opacity: 0.8;
    position: absolute;
    top: -12px;
    left: -17px;
}

.thought-quotes {
    margin: 8px 0;
}

.thought-time {
    position: absolute;
    bottom: -10px;
    right: -6px;
    font-size: 11.5px;
    font-weight: 400;
}

label.thought-quotes {
    min-width: 80px;
}

#DivMoodTrackerLoad.nd-placeload-preloader-oc .feedback-emoji-main-wrapper {
    min-height: 240px;
    justify-content: space-between;
}

.boxes-newdash-1.boxes-newdash-pract .table-responsive.table-appointments {
    max-height: calc(100% - 30px);
}

.ph-ad-count-small {
    color: var(--on-primary-color);
    font-size: var(--base-font-size-lg);
    margin-left: 5px;
    position: relative;
    top: -3px;
}

#AvgNoData {
    color: var(--secondary-color);
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: 0.2px;
    font-weight: 700;
}

#export_Overview.js-disabled-btn-download-report, #export_Usage.js-disabled-btn-download-report {
    background-color: var(--disabled-color) !important;
    box-shadow: none;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
}

    #export_Overview.js-disabled-btn-download-report .dx-button-content, #export_Usage.js-disabled-btn-download-report .dx-button-content {
        background-color: var(--disabled-color) !important;
        cursor: not-allowed !important;
    }

.js-disabled-btn-download-report .dx-button-text {
    cursor: not-allowed !important;
}

.sucidal-input-wrapper {
    z-index: 1000;
    width: calc(100% + 22px);
    padding: 4px 23px 6px;
    margin: 0 -11px;
    background: #FEF0F4;
    line-height: 1.25;
    margin-top: -10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E9EBF4;
    position: relative;
    top: -11px;
}

.sucidal-input-inner-wrapper {
    display: flex;
}

span.sucidal-important-label {
    color: #DC143C;
    font-weight: 600;
    padding-right: 4px;
    font-size: 13px;
}

.sucidal-input-inner-wrapper em.icon {
    color: var(--on-secondary-color);
    font-size: 18px;
    line-height: 22px;
    cursor: pointer;
}

.clinical-notes-profile-mw-inner .sucidal-input-text {
    margin-bottom: 13px;
}

.sucidal-input-text {
    color: var(--on-primary-color);
    font-size: 0.97rem;
    font-weight: 400;
}

.ph-manage-appointment-wrapper .dash-appo-the-name {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 15px;
}

#custom_markup_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ba-green-label, .ba-yellow-label {
    display: none;
}

.daterangepicker .drp-buttons .btn {
    float: none;
    font-weight: 500 !important;
    font-size: var(--base-font-size-xxs) !important;
    border-radius: calc(var(--bs-border-radius) * 1.8);
    padding: 0.15rem 0.55rem !important;
}

    .daterangepicker .drp-buttons .btn.applyBtn {
        background-color: var(--theme-primary-color);
    }

.ba-main-wrapper .dx-header-row > td[role="columnheader"] > div.dx-datagrid-text-content {
    font-weight: bold;
}

.ba-main-wrapper .phb-mw-icons {
    width: 200px;
    height: 200px;
    display: inline-block;
}

#phb-chat-therapy, #phb-online-course, #phb-learn, #phb-meditation {
    width: 24px;
    height: 24px;
}

#monthlyUsage {
    height: 290px;
    flex: 1;
}

.appointment-time {
    font-size: 0.85rem;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--primary-border-color) !important;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0px !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0 !important;
}

.daterangepicker .ranges ul {
    width: initial !important;
    display: flex;
}

.daterangepicker .drp-buttons .btn.cancelBtn {
    background: transparent;
    color: var(--primary-color);
}

@media (min-width: 730px) {
    .daterangepicker.show-calendar .drp-calendar.left {
        clear: both !important;
    }

    .daterangepicker.show-calendar {
        min-width: 520px;
    }
}


/*@media(min-width: 1025px) {
    .daterangepicker {
        max-width: 625px !important;
        width: 100% !important;
    }

        .daterangepicker .ranges ul {
            width: initial !important;
            display: flex;
        }
}

@media(min-width: 564px) {

    .daterangepicker .ranges {
        float: left;
        width: 100%;
    }

    .daterangepicker .drp-calendar {
        width: 100%;
        max-width: 315px;
    }
}*/

@media(max-width: 1025px) {
    .ba-date-range-picker .ba-dp-from {
        display: grid;
        grid-template-columns: auto;
    }

    .daterangepicker {
        max-width: 700px !important;
    }

    .ph-ma-actions-nd-btns {
        justify-content: center;
        align-items: center;
        margin-top: 0.7rem;
        max-width: initial;
        row-gap: 1rem;
        flex-wrap: wrap;
        column-gap: 1rem;
    }

        .ph-ma-actions-nd-btns .dashboard-hc-btn {
            flex: initial;
        }

    .ph-app-time {
        display: block;
        margin-top: 0.2rem;
    }
}


@media(max-width: 1600px) {

    .admin-progress-wrapper {
        height: 41px;
        border-radius: 5px;
        background-color: #F5F6F8;
    }

    .ba-sir-boxes-count label {
        font-size: 43px;
        line-height: 36px;
    }

    .ph-manage-appointment-wrapper.one-appt {
        max-width: 380px;
    }

    .admin-legends-ub-icons {
        padding: 10px;
        margin-right: 12px;
        width: 40px;
        height: 40px;
    }

    .last-month-increase {
        padding: 7px 20px;
        font-size: 15px;
    }

    .increase-icon {
        width: 16px;
        height: 16px;
        margin-left: 9px;
    }

    .ba-statics-head {
        margin-bottom: 40px;
    }

    .ba-sir-boxes-count {
        min-height: 120px;
    }

    .ba-sir-widget-heading {
        display: flex;
        align-items: center;
    }

    .nd-live-classes-wrapper.appointment-div .hc-live-dates {
        font-size: 13px;
    }


    .ph-manage-appointment-inner-wrapper {
        padding: 20px;
    }

    .nd-upcoming-div-inner-wrapper {
        padding: 1rem 0.1rem;
    }

    .dash-appo-the-name img {
        width: 55px;
        height: 55px;
    }

    .dash-appo-the-name {
        grid-gap: 12px;
    }

    .one-appt .ph-ma-therapist-nd-btns .dashboard-hc-btn {
        min-width: 145px;
        padding: 6px 6px;
        letter-spacing: 0.3px;
    }

    .dashboard-user .nd-dash-user img {
        width: 70px;
        height: 70px;
    }

    .icons-share-therp .icon.ni {
        font-size: 16px;
    }

    .dashboard-user-inner label {
        font-size: 15px;
        line-height: 16px;
    }

    .dashboard-user-inner .dashboard-hc-btn.dashborad-mt-btn {
        font-size: 13px;
        width: 110px;
        padding: 4px 9px;
    }

    .dashboard-user {
        grid-gap: 15px;
    }

    .live-classes-row-details-inner h5 {
        font-size: 14px;
    }
}

@media(max-width: 1300px) {
}

@media(max-width: 1199px) {



    .new-ebbok-wrapper {
        margin-top: 21px;
    }

    .moodtracker-main-wrapper, .nd-top-right-wrapper, .appointment-div.nd-dash-therapist {
        margin-top: 30px;
    }

    .nd-top-right-wrapper {
        margin-top: 0px;
    }

    .daily-aff-min-height {
        margin-bottom: 30px;
    }
}

@media(max-width: 1024px) {
    a.condition-tag.condition-tag-mind.active-lc-tag {
        background: var(--tag-bg-mind-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-body.active-lc-tag {
        background: var(--tag-bg-body-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-work.active-lc-tag {
        background: var(--tag-bg-work-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-addiction.active-lc-tag {
        background: var(--tag-bg-addiction-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-relsp.active-lc-tag {
        background: var(--tag-bg-relsp-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-pg.active-lc-tag {
        background: var(--tag-bg-pg-border-color);
        color: var(--white-color);
    }

    .mood-tracker-action-btns > .ph-default-link {
        align-self: center;
    }

    #MoodHistoryContent span {
        line-height: 20px;
        font-size: 14px;
        display: inline-block;
    }

    .ba-sir-boxes-add-user p, .ba-sir-boxes-book-cons p {
        text-align: center;
    }
}

@media(max-width: 1300px) {
    .hc-live-top-categories {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .hc-live-top-categories .condition-tag:not(:last-child) {
            margin-right: 15px;
        }

        .hc-live-top-categories .condition-tag {
            margin: 0;
            min-width: initial;
        }

        .hc-live-top-categories > * {
            flex: 1;
        }
}

@media(max-width: 1000px) {
    .ba-statics-inner-fr {
        grid-template-columns: auto;
    }

    .ba-statics-inner-sr {
        grid-template-columns: 55% 1fr;
    }
}

@media(max-width: 991px) {
    .thid-dashboard-row {
        margin-top: 0;
    }

    .ph-cust-therapy-session svg {
        width: 190px;
        height: 190px;
    }

    .ba-category-breakdown {
        margin-bottom: 30px;
    }

    .nd-live-classes-wrapper-placeholder .hc-live-top-categories {
        padding-bottom: 0rem;
        overflow: hidden;
    }

    .nd-live-classes-wrapper-table-inner .live-classes-row {
        grid-template-columns: auto repeat(2, auto);
        gap: 15px;
    }

    .ph-lc-dashboard {
        margin: 4px 0 15px;
        padding: 0 25px;
    }

        .ph-lc-dashboard .condition-tag {
            min-width: initial;
        }

        .ph-lc-dashboard .condition-tag {
            padding: 6px 15px 6px;
            line-height: 15px;
            font-size: 12px;
        }

    .ba-statcis-row {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .new-ebbok-wrapper .slick-dots {
        bottom: -40px;
        width: 100%;
        text-align: center;
    }

    .placeload.nd-live-classes-wrapper-placeholder {
        padding-top: 50px;
    }

    .ph-lc-dashboard-placeload .condition-tag {
        padding: 0;
    }

    .ph-lc-dashboard-placeload .condition-tag {
        min-width: 100px;
    }
}

@media(max-width: 576px) {

    .ph-ma-actions-nd-btns .dashboard-hc-btn {
        min-width: 135px;
    }

    .admin-progress-bar {
        font-size: 13px;
    }

    .mood-tracker-result-wrapper {
        font-size: 4rem;
        min-height: 241px;
    }

    .p-loader-emojee {
        min-height: 22em;
    }

    .ph-lc-dashboard.ph-lc-dashboard-placeload {
        padding: 0 0px;
    }

    .nd-live-classes-wrapper-placeholder .head-hc-live-placeholder {
        display: none;
    }

    .nd-live-classes-wrapper-placeholder .live-class-row .live-classes-row-profile {
        margin-bottom: 5px;
    }

    .nd-live-classes-wrapper-placeholder .live-class-row .live-classes-row-details-inner {
        margin-bottom: 15px;
    }

    .nd-live-classes-wrapper-placeholder .live-class-row .live-classes-row-details-inner {
        margin-bottom: 10px;
    }

    .nd-live-classes-wrapper-placeholder .live-classes-row {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .ph-lc-dashboard-placeload .placeload .image-placeholder, .hc-live-placeholder-head {
        margin-left: auto;
        margin-right: auto;
    }

    .nd-live-classes-wrapper-placeholder .live-classes-row-details {
        margin-bottom: 15px;
    }

    .nd-placeload-preloader-oc .nd-loader-learn-para-content-footer {
        margin-right: auto;
        position: initial;
    }

    .ph-admin-category .admin-progress-main-wrapper:not(:last-child), .ph-admin-sub-category .admin-progress-main-wrapper:not(:last-child) {
        margin-bottom: 20px;
    }

    .ph-ma-action-btns-wrapper {
        grid-template-columns: auto;
        margin-bottom: 10px;
    }

    .ph-manage-appointment-wrapper {
        grid-template-columns: auto;
    }

    .feedback-emoji-wrapper {
        max-width: 100%;
        padding: 0 15px;
    }

    .feedback .emojis-wrapper:not(:last-child) {
        margin-right: 10px;
    }

    .mood-track-step-feeling {
        grid-template-columns: repeat(2, auto);
        margin: 24px 0;
    }

    .ph-ma-action-btns-wrapper {
        padding-top: 40px;
    }

    .ph-ma-therapist-nd {
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .nd-upcoming-div-main-wrapper .slick-dots {
        bottom: -4px;
    }

    .ph-admin-usage-breakdown {
        flex-direction: column;
        align-items: flex-start;
    }

    .ph-admin-ub-legends {
        margin-left: 0px;
        margin-top: 20px;
    }

    .ph-admin-ub-legends {
        min-width: 180px;
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 15px;
    }

    .admin-legends-ub-icons {
        width: 35px;
        height: 35px;
        padding: 5px;
    }

    .ph-admin-ub-legends-inner svg {
        width: 20px;
        height: 20px;
    }

    .ph-admin-ub-legends .ph-admin-ub-legends-inner:not(:last-child) {
        margin-bottom: 0;
    }

    .ba-statics-inner-fr, .ba-statics-inner-sr, .ba-statics-inne-fr-left {
        grid-template-columns: auto;
    }

    .ba-main-wrapper {
        margin-top: 15px;
    }

    .new-dashboard-head-wrapper .ba-nav-wrapper {
        grid-template-rows: auto;
    }

        .new-dashboard-head-wrapper .ba-nav-wrapper ul {
            margin-bottom: 0 !important;
        }

    .emojis-wrapper-item,
    .p-db-mtr .emojis-wrapper-item {
        font-size: 32px;
    }

    .hc-live-top-categories {
        grid-template-columns: repeat(2, 1fr);
    }

    .live-class-row .ph-lc-dashboard {
        padding: 0 15px;
    }

    .nd-live-classes-wrapper-placeholder .ph-lc-dashboard.ph-lc-dashboard-placeload {
        padding: 0 0px;
    }

    .live-class-row .nd-live-classes-wrapper-table-inner .live-classes-row {
        grid-template-columns: auto;
    }

    .live-class-row .nd-live-classes-wrapper .live-classes-row-details {
        padding-right: 0px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .live-class-row .live-classes-row-profile {
        width: 85px;
        height: 85px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .live-class-row .nd-live-classes-wrapper-table-inner .live-classes-row {
        justify-content: center;
    }

    .live-class-row .live-classes-row-details-inner {
        text-align: center;
        margin-right: 0;
    }

    .live-class-row .nd-live-classes-wrapper.appointment-div .hc-live-dates {
        text-align: center;
        margin: 12px 0;
        font-size: 14px;
    }

    .live-class-row .live-classes-row-actions-default {
        max-width: 130px;
        font-size: 15px;
        margin: 0 auto;
    }

    .live-class-row .live-classes-row-details-time-progress {
        margin-right: 0;
        display: flex;
    }

    label.nd-tag {
        padding: 5px 9px 6px;
        white-space: nowrap;
    }

    .nd-live-classes-wrapper.appointment-div {
        padding-top: 50px;
    }

    .new-ebbok-wrapper {
        margin-top: 0px;
    }
}

/*css for clinical notes starts here*/

.clinical-notes-main-wrapper {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: var(--card-bg-color);
    overflow: hidden;
    border-left: 1px solid #f2f2f2;
    transition: 0.5s;
}

.question-answer-wrapper {
    display: grid;
    grid-template-columns: 1.3rem 1fr;
    gap: 8px;
}

.question-answer-content {
    margin-bottom: 1.2rem;
}

.question-answer-wrapper label {
    position: relative;
    line-height: 1.3rem;
}

.question-answer-wrapper h4 {
    font-size: 0.95rem;
    line-height: 1.35rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 3px;
}

    .question-answer-wrapper h4 label {
        margin-right: 6px;
    }

.question-answer-wrapper p {
    font-size: 1rem;
    margin-bottom: 0;
}

.sidenav-view-profile .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.clinical-notes-main-wrapper.open-nav-wrapper {
    width: 50%;
    padding-left: calc(100% - 760px);
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px );
    position: fixed;
    width: 100%;
    height: 100%;
    /*    left: 0;*/
    right: 0;
    top: 0;
    z-index: 1600;
    transition: all 0.6s;
}

.msg-side-nav-header svg {
    opacity: 1;
    cursor: pointer;
    stroke: var(--primary-color);
}

.msg-side-nav-header-text {
    font-weight: 600;
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    margin: 0;
}

.msg-sidebar-profile-details .msg-side-nav-header-text, .clinical-chat-therapist h5 {
    margin-bottom: 0.3rem;
}

.clinical-notes-profile-mw {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.clinical-chat-therapist {
    display: flex;
    align-items: center;
}

    .clinical-chat-therapist h5, .clinical-chat-therapist p {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .clinical-chat-therapist h5 {
        margin-right: 0.5rem;
    }

.clinical-notes-profile-mw-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0;
    /*    left: 6px;*/
    overflow-y: scroll;
    padding: 1rem;
    padding-bottom: 5.3rem;
    background: #fff;
}

.clinical-about-para {
    color: var(--on-primary-color);
    letter-spacing: normal;
    font-size: 0.95rem;
}

.clinical-notes-profile {
    margin-bottom: 1.6rem;
    margin-top: 0.4rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.msg-side-nav-body .userProfileDiv {
    overflow: hidden;
    margin: 0px auto;
}

.clinical-notes-profile-img img, .clinical-notes-profile-mw.placeload .clinical-notes-profile-img .placeload-img-default {
    height: 4.5rem;
    width: 4.5rem;
    position: relative;
    border-radius: 50%;
    object-fit: cover;
}

.clinical-notes-main-wrapper .pact-profile-name {
    display: block;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: normal;
    margin: 0;
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 6px;
}

.clinical-notes-profile .pact-profile-name small {
    margin-top: 0px;
}

.main-message-wrapper {
    background-attachment: fixed;
}

.msger-chat {
    min-height: 100%;
}

.cp-accredation #pr_accreditations {
    margin-top: 0;
    position: relative;
    top: -1px;
    padding: 1px;
}

.clinical-profile-company {
    margin-left: 1.4rem;
}

.cp-accredation {
    display: flex;
    align-items: center;
    line-height: 15px;
    color: var(--on-primary-color);
    font-size: 0.95rem;
}

#pr_name {
    font-size: 0.95rem;
}

/*css for placeholder clinical notes starts here*/
.clinical-notes-profile-mw.placeload .pact-profile-name {
    max-width: 210px;
    width: 100%;
}

    .clinical-notes-profile-mw.placeload .pact-profile-name .loads:nth-child(1) {
        max-width: 90%;
        margin-bottom: 4px;
    }


    .clinical-notes-profile-mw.placeload .pact-profile-name .loads:nth-child(2) {
        max-width: 50%;
    }

.clinical-notes-profile-mw.placeload .clinical-chat-therapist {
    max-width: 40%;
}

.clinical-notes-profile-mw.placeload .clinical-profile-company {
    display: flex;
    flex-direction: column;
}

    .clinical-notes-profile-mw.placeload .clinical-profile-company .pact-profile-name:nth-child(2) {
        max-width: 260px;
        margin-top: 6px;
    }

.clinical-notes-profile-mw.placeload .clinical-chat-therapist .loads:nth-child(1) {
    max-width: 50%;
    margin-bottom: 4px;
}

.clinical-notes-profile-mw.placeload .clinical-chat-therapist {
    display: block;
    margin-bottom: 13px;
}

.clinical-notes-profile-mw.placeload .clinical-chat-therapist-about {
    max-width: 60%;
}

.clinical-notes-profile-mw.placeload .clinical-about-para {
    max-width: 100%;
}

    .clinical-notes-profile-mw.placeload .clinical-about-para .loads:nth-child(2) {
        max-width: 85%;
        margin-top: 5px;
    }

.clinical-notes-profile-mw.placeload .question-answer-main-wrapper {
    margin-top: 30px;
}

.clinical-notes-profile-mw.placeload .question-answer-wrapper > .loads {
    width: 11px;
    height: 14px;
}

.clinical-notes-profile-mw.placeload .question-answer-content .loads:nth-child(2) {
    max-width: 85%;
    margin-top: 5px;
}

.clinical-notes-profile-mw.placeload .question-answer-main-wrapper .question-answer-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.clinical-notes-profile-mw.placeload .clinical-notes-profile-mw-inner {
    max-width: 80%;
    overflow: hidden;
}

/*css for placeholder clinical notes ends here*/
@media(max-width: 767px) {
    .clinical-notes-main-wrapper.open-nav-wrapper, .clinical-notes-profile-mw.placeload .clinical-notes-profile-mw-inner {
        width: 100%;
    }
}

/*css for clinical notes starts here*/

/*my chat therapy starts here*/

.ph-my-chat-therapy .dashboard-user-inner label {
    text-decoration: none;
}

.ph-my-chat-therapy-user {
    text-align: left;
}

    .ph-my-chat-therapy-user .review-name-date-wrapper h5 {
        font-size: 1rem;
    }

    .ph-my-chat-therapy-user .review-name-date-wrapper {
        margin-bottom: 5px;
    }

    .ph-my-chat-therapy-user p {
        margin-bottom: 0.7rem;
    }

.ph-my-chat-therapy-inner.placeload {
    position: initial;
}

    .ph-my-chat-therapy-inner.placeload .nd-label-head {
        padding: 0;
        position: absolute;
        top: 16px;
        left: 15px;
        max-width: 130px;
        min-width: initial;
        width: 100%;
    }

    .ph-my-chat-therapy-inner.placeload .placeload-img-default {
        width: 90px;
        height: 90px;
        border-radius: 50%;
    }

    .ph-my-chat-therapy-inner.placeload .review-name-date-wrapper .loads:nth-child(1) {
        max-width: 350px;
    }

    .ph-my-chat-therapy-inner.placeload .review-name-date-wrapper .loads:nth-child(2) {
        max-width: 50px;
    }

.ph-placeload .dashboard-hc-btn {
    padding: 0;
    min-height: 37px;
    background: transparent;
}

.placeload-btn-dashboard {
    width: 100%;
    height: 37px !important;
    border-radius: 5px;
}

.pl-mt-para {
    margin: 15px 0;
}

.ph-my-chat-therapy-user img {
    width: 6.1rem;
    height: 6.1rem;
    border-radius: 50%;
}

.ph-my-chat-therapy-user .review-name-date-wrapper label {
    line-height: 18px;
    white-space: nowrap;
    margin-left: 6px;
}

.ph-my-chat-therapy-user .dashboard-user {
    grid-gap: 12px;
}

.ph-my-chat-therapy-user .review-name-date-wrapper h5 {
    font-size: 0.94rem;
}

@media(max-width: 1600px) {
    .ph-my-chat-therapy-inner.placeload .placeload-img-default {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 767px) {
    .ph-my-chat-therapy-user img {
        width: 3.7rem;
        height: 3.7rem;
    }

    .ph-my-chat-therapy-user p, .ph-start-chat-therapy-para {
        line-height: 1.3rem;
        width: 230px;
    }
}
/*my chat therapy ends here*/

/*Start therapy starts here*/
.ph-start-chat-therapy-icon {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
}

.call-chat-therapist-dash, .ph-placeload .call-chat-therapist-dash {
    width: 5rem;
    height: 5rem;
}

.ph-start-chat-therapy-para {
    color: var(--on-primary-color);
}

.ph-my-chat-therapy-user p, .ph-start-chat-therapy-para {
    margin: 0.2rem 0 0.7rem;
    font-size: var(--base-font-size-xs);
}

.ph-start-chat-therapy-placeload .loads:not(:last-child) {
    margin-bottom: 0.7rem;
}

.ph-placeload .call-chat-therapist-dash {
    border-radius: 50%;
}

.ph-placeload .ph-start-chat-therapy-content .dashboard-hc-btn {
    margin-top: 1rem;
}

.chat-therapy-welcome-txt p {
    margin: 0 !important;
}

.admin-progress-wrapper .admin-progress-bar[aria-valuenow="0"] span {
    position: relative;
    left: 16px;
}

.over-all-statics-wrapper {
    display: inline-block;
    position: absolute;
    right: 60px;
    top: 30px;
}

.over-all-statics-label {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.15rem;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
}

.overall-graph-icon {
    width: 160px;
    height: 160px;
}

.boxes-newdash-pract .dash-appo-the-name {
    margin-right: 8px;
    display: inline-block;
}

@media(max-width: 1600px) {
    .overall-graph-icon {
        width: 135px;
        height: 135px;
    }

    .over-all-statics-wrapper {
        right: 20px;
        top: 10px;
    }
}

@media(max-width: 767px) {
    .call-chat-therapist-dash, .ph-placeload .call-chat-therapist-dash {
        width: 3.5rem;
        height: 3.5rem;
    }

    .ph-start-chat-therapy-icon {
        gap: 1rem;
    }
}
/*my chat therapy starts here*/
@media(max-width: 1400px) {
    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 0.8rem;
        min-width: 102px;
    }

    .boxes-newdash-1.boxes-newdash-pract {
        height: 100%;
    }
}

@media(max-width: 1200px) {
    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 110px;
    }

    .boxes-newdash-pract .appointment-div {
        margin-bottom: 30px;
    }

    .admin-progress-main-wrapper {
        grid-template-columns: 1fr;
        justify-content: flex-start;
        text-align: left;
        grid-gap: 8px;
    }


    .admin-progress-wrapper {
        height: 30px;
    }

    .mood-tracker-result-wrapper {
        font-size: 4.5rem;
    }

    .overall-graph-icon {
        width: 100px;
        height: 100px;
    }

    .over-all-statics-wrapper {
        right: 20px;
        top: 20px;
    }

    .over-all-statics-label {
        line-height: 1rem;
        font-size: 0.76rem;
    }

    .ba-usage-data-content .ba-box-shadows {
        min-height: 300px;
    }
}

.hr-admin-team {
    margin-bottom: 30px;
}

.hr-admin-team-img-wrapper {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hr-admin-team-img-wrapper img {
        max-width: 4.6rem;
    }

.hr-admin-team {
    padding-top: 52px;
}

.hr-admin-team-content {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 25px;
    align-items: flex-start;
}

    .hr-admin-team-content .audio-dash-new p {
        line-height: 22px;
        margin-bottom: 5px;
    }

.ph-my-chat-therapy-user {
    text-align: left;
    overflow: hidden;
}

.chat-therapist-recent-msg, .nd-review-name-star-wrapper {
    overflow: hidden;
}

.nd-review-lists p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.review-name-inner-wrapper .exclaimation-icon {
    padding-left: 2px;
}

.add-unread-class {
    position: relative;
}

    .add-unread-class::after {
        content: '';
        position: absolute;
        top: 3px;
        margin-top: 0 !important;
        right: 7px;
        background-color: var(--notification-bg-color);
        padding: 3px;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        font-size: 9px;
        text-align: center;
        line-height: 12px;
        margin-bottom: 0 !important;
        display: flex;
        justify-content: center;
        color: #fff;
    }

.no-records-found td {
    text-align: center !important;
    padding-top: 2rem !important;
}

@media(max-width: 767px) {
    .hr-admin-team-content {
        grid-template-columns: 60px auto;
        grid-gap: 15px;
    }

    .hr-admin-team-img-wrapper img {
        max-width: 2.8rem;
    }

    .hr-admin-team-content .audio-dash-new p {
        line-height: 19px;
    }

    .hr-admin-team-img-wrapper {
        align-items: flex-start;
        position: relative;
        top: 7px;
    }

    .nd-views-stats label {
        font-size: 12px;
    }

    .nd-learn-views-stats-inner {
        grid-gap: 10px;
    }

    .nd-views-stats .icon.ni {
        font-size: 17px;
    }

    .oc-learn-dashboard .before-hover-text p, .audio-dash-new p, .audio-wrapper-dash {
        font-size: 14.5px;
    }

    .over-all-statics-wrapper {
        right: 10px;
        top: 10px;
    }

    .overall-graph-icon {
        width: 90px;
        height: 90px;
    }

    .over-all-statics-label {
        line-height: 0.9rem;
        font-size: 0.7rem;
    }

    .nd-blog-bg-img1 {
        background-position: 0 0px;
    }

    .dash-appo-the-name .nd-doctor-name {
        white-space: nowrap;
    }
}

@media(max-width: 1252px) {
    .hr-admin-team {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .admin-head-exp-btn {
        align-items: center;
    }
}

@media(max-width: 1025px) {

    /*report download btn hide on mobile*/

    #export_Overview.expt-modi-btn, #export_Usage.expt-modi-btn,
    .teams-body .user-list-content #exportButton.export-btn-overview {
        display: none;
    }

    .teams-body .nd-blogs-wrapper-inner1 {
        pointer-events: none;
    }
}

.welcome-dash-moodal .dashboard-user {
    align-items: center;
}

.welcome-dash-moodal .chat-therapist-recent-msg {
    padding: 15px 0 15px;
}

.welcome-dash-moodal-link {
    text-align: center;
    margin-top: 15px;
}

.welcome-dash-moodal-names {
    text-align: left;
}

.welcome-dash-moodal-btns {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto;
    margin: 0 auto;
    text-align: center;
    gap: 20px;
}

.welcome-dash-moodal-link a {
    color: var(--on-secondary-color);
}

.welcome-dash-moodal-names label {
    color: var(--on-secondary-color);
}

.welcome-dash-moodal-names h5 {
    font-size: 1.11rem;
}

.welcome-dash-moodal-names label.nd-tag {
    font-weight: 400;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    color: #ffffff;
    padding: 1px 4px 1px;
    background-color: var(--primary-color);
    font-size: 8px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 6px !important;
}

.ph-manage-time-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .ph-manage-time-date label.dash-appo-the-date {
        margin: 0;
        align-self: flex-end;
    }

.my-appointment-btns-wrapper {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 15px;
    align-items: center;
}

@media(max-width: 360px) {
    .welcome-dash-moodal-btns {
        grid-template-columns: auto;
    }
}

@media(max-width: 767px) {
    .ph-ma-therapist-nd-btns {
        gap: 10px;
    }

    #welcomeDialog p.dashboard-user-inner-design {
        width: 100%;
    }

    .one-appt .ph-ma-therapist-nd-btns .dashboard-hc-btn {
        min-width: 135px;
    }

    .emergency-details.bg-cd-heading > .df-jcsb {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }

        .emergency-details.bg-cd-heading > .df-jcsb h3 {
            margin-bottom: 7px;
        }
}

.pract-container .table td,
.pract-container .table th {
    border: none;
}


.pract-container .dash-appo-the-name img {
    margin-left: 3px;
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
}

.pract-container .nd-completed-appointment .table-responsive.table-appointments td {
    padding: 7px 0px;
}

.pract-container .dash-appo-the-name {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.emergency-details.bg-cd-heading h3 {
    margin-bottom: 26px;
}

.secondary-header {
    margin-top: 35px;
}

.svg-green-zone {
    fill: rgb(118, 246, 221);
}

.svg-salmon-zone {
    fill: rgb(243, 167, 172);
}

.svg-yellow-zone {
    fill: rgb(249, 231, 145);
}

.session-available-svg-circle {
    fill: var(--light-grey-svg-color);
}

.session-available-svg-circle-stroke {
    stroke: var( --light-grey-svg-stroke);
}

.triangle-rotate {
    fill: var(--on-primary-color);
}

.session-available-svg-main-circle {
    fill: var(--light-grey-main-circle);
}

.dash-appo-the-name .nd-doctor-name {
    display: inline-block;
    word-break: break-word;
    min-width: 80px;
}

.ba-active-user-grid .icon.ni {
    font-size: 20px;
}

@media(max-width: 1024px) {
    .certificate-row .certf_size .fileUpload {
        top: calc(100% - 18px);
    }

    .certf_size .fileUpload span {
        font-size: 10px !important;
    }
}
/*dark mode css starts here*/
html[color-mode="dark"] .nd-ebook-wrapper {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .new-ebbok-wrapper .slick-center .nd-ebook-wrapper {
    background: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .nd-ebook-wrapper hr {
    border: 0.5px solid #403f3f;
}

html[color-mode="dark"] .slick-center .nd-ebook-wrapper hr {
    border: 0.5px solid var(--dark-primary-color);
}

html[color-mode="dark"] .admin-progress-wrapper {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .admin-progress-bar-vaule {
    color: var(--text-white);
}


html[color-mode="dark"] .ba-date-range-picker .report-range span {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .ba-active-user-grid {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .dx-datagrid-filter-row .dx-menu {
    margin-left: 0px;
    margin-top: 0px;
}

html[color-mode="dark"] .ba-upload-dd .drop {
    border: 1px solid var(--chat-dark-border-2);
    background: var(--chat-dark-border);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--chat-dark-border-2);
    border-left: 1px solid var(--chat-dark-border-2);
    border-right: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid var(--chat-dark-border-2);
    border-right: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers,
html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-rowsview,
html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--chat-dark-border-2);
    border-right: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .dx-datagrid-borders > .dx-datagrid-filter-panel,
html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .hc-live-participants img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: -15px;
    border: 1px solid var(--chat-dark-border-1);
}

html[color-mode="dark"] .condition-tag {
    color: var(--light-grey-dark) !important;
}

    html[color-mode="dark"] .condition-tag:hover {
        color: var(--light-grey-dark) !important;
    }

html[color-mode="dark"] .ph-lc-dashboard-placeload .condition-tag {
    border: 1px solid var(--bg-default);
    background-color: initial;
}

html[color-mode="dark"] .placeload {
    background: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .placeload .dashboard-hc-btn {
        border-color: transparent;
        border: none;
    }


html[color-mode="dark"] .nd-blogs-wrapper-inner1 .nd-label-head-wbg-line.nd-label-head span {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .main-head-steps-sp h1, html[color-mode="dark"] .nd-greetings-user, html[color-mode="dark"] .chat-text, html[color-mode="dark"] .meditation-oic-course-header-head {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .live-classes-row-actions-default:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .ph-lc-dashboard-placeload .active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(52 52 52) 0%, rgb(20 20 20) 100%);
}

html[color-mode="dark"] .ph-lc-dashboard-placeload .active-lc-tag::before {
    background: #7c7c7c;
}

/*html[color-mode="dark"] .active-lc-tag::before {
    background: #447cad;
}*/

html[color-mode="dark"] .ba-sir-boxes-add-user {
    background-color: var(--input-focus-dark);
}

html[color-mode="dark"] .ba-sir-boxes-book-cons {
    background-color: var(--salmon-dark-color);
}

html[color-mode="dark"] svg.ba-dp-down-arrow {
    background-color: var(--chat-dark-bg-2);
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .daterangepicker {
    background: var(--bg-default) !important;
    box-shadow: var(--bg-default-box-shadow) !important;
}

    html[color-mode="dark"] .daterangepicker .ranges li.active {
        background-color: var(--dark-primary-color) !important;
        color: var(--primary-color);
    }

    html[color-mode="dark"] .daterangepicker:after {
        border-bottom-color: var(--bg-default);
    }

    html[color-mode="dark"] .daterangepicker:before {
        border-bottom-color: var(--chat-dark-border-2);
    }

.daterangepicker:before {
    border-bottom-color: #fff !important;
}

.daterangepicker .calendar-table {
    font-family: var(--primary-font);
}

.daterangepicker .ranges li:hover {
    background-color: transparent !important;
    color: var(--primary-color);
}

html[color-mode="dark"] .daterangepicker:before {
    border-bottom-color: #2a2a2a !important;
}

html[color-mode="dark"] .dx-datagrid,
html[color-mode="dark"] ul.pagination li a,
html[color-mode="dark"] .pagination-detail .dropdown-menu li a {
    color: var(--on-primary-color) !important;
}

html[color-mode="dark"] ul.pagination li.active a {
    color: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .lc-start {
    border: 1px solid #ff4065;
    color: var(--primary-color);
    background-color: #ff4065;
}

html[color-mode="dark"] .hc-live-progress {
    background-color: var(--light-grey-dark);
    color: var(--bg-default) !important;
    padding-left: 14px;
}

html[color-mode="dark"] label.hc-live-progress::before {
    left: 12px;
}

html[color-mode="dark"] .hc-live-placeholder .hc-live-card-bottom-wrapper .hc-live-participants .hc-live-participant {
    border: 1px solid var(--chat-dark-bg-2);
}

html[color-mode="dark"] .headerinner-wrapper-learn.header-wrapper .drop-down-link > p {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .header-wrapper .drop-down-link > p em {
    color: var(--primary-color);
}


html[color-mode="dark"] .ui-menu-item.ui-state-focus,
html[color-mode="dark"] .ui-menu-item.ui-state-hover,
html[color-mode="dark"] .ui-menu-item.ui-widget-content .ui-menu-item.ui-state-focus,
html[color-mode="dark"] .ui-menu-item.ui-widget-content .ui-state-hover,
html[color-mode="dark"] .ui-menu-item.ui-widget-header .ui-state-focus,
html[color-mode="dark"] .ui-menu-item.ui-widget-header .ui-state-hover {
    background: var(--bg-default) !important;
}

html[color-mode="dark"] .hc-cp-main-wrapper ul.nav a.nav-link.active {
    background: var(--primary-color);
    color: var(--bg-default) !important;
}

html[color-mode="dark"] .hc-cp-main-wrapper ul.nav li a.nav-link {
    background-color: var(--card-bg-color);
}

html[color-mode="dark"] .table td,
html[color-mode="dark"] .table th,
html[color-mode="dark"] .hc-client-profile-tou table {
    border-color: var(--chat-inbox-border-color) !important;
}

html[color-mode="dark"] .hc-cp-help-support-tab .snj-panel .panel::after {
    background-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .modal-header {
    background-color: var(--chat-dark-bg-1);
    border-bottom: 1px solid var(--card-bg-color);
}

html[color-mode="dark"] .modal-content {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .modal .modal-dialog .btn {
    color: var(--bg-default);
}

html[color-mode="dark"] #localMediaErrorText {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .modal-title {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .video-page-message {
    background-color: var(--chat-dark-bg-1);
}

    html[color-mode="dark"] .video-page-message .video-msg-inner p {
        color: var(--secondary-color);
    }

html[color-mode="dark"] .dx-scheduler-work-space {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .img-thumbnail {
    background-color: var(--chat-dark-bg-1);
    border: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .form-group .chek-para, .form-group .para-text {
}

html[color-mode="dark"] .dx-button-mode-contained .dx-icon {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .dx-loadpanel-content-wrapper .dx-loadpanel-message {
    color: var(--light-grey-dark);
}

/*border color*/
html[color-mode="dark"] .dx-scheduler-date-table-cell,
html[color-mode="dark"] .clinical-notes-main-wrapper {
    border-color: var(--disabled-light-color);
}

html[color-mode="dark"] .cus-default-box-for-pract-profile {
    border: 1px solid var(--chat-dark-border);
}

html[color-mode="dark"] #div_clinical_notes_placeload {
    border-radius: 0;
}

html[color-mode="dark"] .ba-com-profile {
    background-color: var(--ot-bg-color);
}

html[color-mode="dark"] .ph-admin-ub-legends-inner svg {
    fill: #1f1f1f;
}

html[color-mode="dark"] .meditataion-therapy-legends {
    background-color: #62e3ca;
}

html[color-mode="dark"] .courses-legends {
    background-color: #fc969d;
}

html[color-mode="dark"] .video-therapy-legends {
    background-color: #f4e07f;
}

html[color-mode="dark"] .chat-therapy-legends {
    background-color: #81c3fa;
}

@media (min-width: 1253px) {
    html [color-mode="dark"] .mood-track-step-feeling span:hover, html [color-mode="dark"] .mood-track-step-feeling .MoodFeelingsStyle.mood-track-active {
        background: var(--dark-primary-color);
        border: 1px solid var(--dark-primary-color);
        color: var(--primary-color);
    }
}

@media (min-width: 1025px) {
    html[color-mode="dark"] .sidebar-mini .main-sidebar .nav-item svg, html[color-mode="dark"] .saved-classes em.icon {
        fill: var(--light-grey-dark);
    }
}


/*dark mode logo*/
.nd-ebook-wrapper .dark-mode-logo {
    display: none;
}

html[color-mode="dark"] #reportrange #Path_1278 {
    stroke: var(--on-primary-color);
}


@media(max-width: 1350px) {
    .active-lc-tag::before, .active-lc-tag::after {
        top: -20px;
    }

    .hc-live-top-categories {
        padding-top: 2rem;
        overflow-y: hidden;
    }
}

.prac-dash-tou .text-title {
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #343434;
    text-align: center;
    width: 100%;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 10px;
}

.prac-dash-tou .trm_con {
    height: 400px;
    overflow-y: Scroll;
}

.active-lc-tag::before {
    background: var(--tag-bg-mind-border-color);
}

.condition-tag-body.active-lc-tag::before {
    background: var(--tag-bg-body-border-color);
}

.condition-tag-body.active-lc-tag::after {
    background: linear-gradient( 180deg, #7946db5c 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-work.active-lc-tag::before {
    background: var(--tag-bg-work-border-color);
}

.condition-tag-work.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(46 204 113 / 51%) 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-addiction.active-lc-tag::before {
    background: var(--tag-bg-addiction-border-color);
}

.condition-tag-addiction.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(255 108 152 / 62%) 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-relsp.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(255 109 63 / 44%) 0%, rgb(255 109 63 / 0%) 100%);
}

.condition-tag-relsp.active-lc-tag::before {
    background: var(--tag-bg-relsp-border-color);
}

.condition-tag-pg.active-lc-tag::before {
    background: var(--tag-bg-pg-border-color);
}

.condition-tag-pastlive.active-lc-tag::before {
    background: var(--tag-bg-pastlive-border-color);
}

.condition-tag-pg.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(225 154 46 / 49%) 0%, rgba(254, 254, 255, 0) 100%);
}

.nd-blogs-wrapper.placeload, .ebook-placeholder.placeload {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    margin: 0;
}

    .nd-blogs-wrapper.placeload .nd-learn-wrapper {
        background-color: #f4f5f9;
        background-image: none;
    }

        .nd-blogs-wrapper.placeload .nd-learn-wrapper::after,
        .nd-blogs-wrapper.placeload .nd-creator-hc-inner::after {
            background-color: rgb(255 255 255);
        }

    .nd-blogs-wrapper.placeload .nd-label-head span::after {
        background-color: var(--tag-bg-color);
    }

    .nd-blogs-wrapper.placeload .nd-label-head span.loads {
        width: 75px;
        display: inline-block;
    }

    .nd-blogs-wrapper.placeload .nd-blogs-wrapper-tags {
        display: flex;
        align-items: center;
        max-width: 255px;
    }

    .nd-blogs-wrapper.placeload label.nd-tag-white.loads.image-placeholder {
        margin: 0;
        padding: 15px;
    }

    .nd-blogs-wrapper.placeload .nd-learn-wrapper-content {
        max-width: 80%;
        width: 100%;
    }

.ebook-placeholder.placeload {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .ebook-placeholder.placeload .slick-prev {
        left: 20px;
        bottom: -4px;
        top: initial;
    }

    .ebook-placeholder.placeload .slick-next {
        display: flex;
        bottom: -4px;
        top: initial;
        right: 20px;
    }

    .ebook-placeholder.placeload .slick-arrow {
        border: 1px solid #dee3ee;
        background-color: #d9e0ef;
        background-blend-mode: luminosity;
    }

    .ebook-placeholder.placeload .nd-ebook-wrapper {
        background-color: #fff;
    }

.ebook-header-placeload {
    position: absolute;
    left: 15px;
    top: 5px;
    width: 70px !important;
}

.ebook-placeload-header-content {
    display: inline-block;
    width: 100%;
    max-width: 400px;
}

    .ebook-placeload-header-content .image-placeholder:nth-child(2) {
        max-width: 250px;
    }

.ebook-author-placeload {
    max-width: 75px;
}

.ebook-logo-placeload {
    max-width: 65px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.ebook-placeholder.placeload .nd-ebook-wrapper hr {
    margin: 10px 0;
    border: 0.5px solid var(--chat-inbox-border-color);
    width: 100%;
}

.nd-blogs-wrapper-inner1 {
    height: 100%;
    width: 100%;
}

.nd-blogs-wrapper-inner1-center {
    transform: scale(1.02);
    position: relative;
    top: -4px;
    width: calc(100% + 180px);
    border: 0px solid var(--chat-inbox-border-color);
    border-radius: 15px;
    z-index: 9;
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 5%);
}

.ebook-placeloader-main-wrapper {
    height: 100%;
}

html[color-mode="dark"] .ebook-placeholder.placeload .slick-arrow {
    border: 1px solid #141414;
    background-color: #141414;
    background-blend-mode: luminosity;
}

html[color-mode="dark"] .ebook-placeholder.placeload .nd-ebook-wrapper {
    background-color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .ebook-placeholder.placeload .nd-ebook-wrapper hr {
        border: 0.5px solid var(--chat-dark-bg-1);
    }

html[color-mode="dark"] .nd-blogs-wrapper-inner1-center {
    box-shadow: 0px 0px 3px 2px rgb(18 18 18);
}

@media(max-width: 1024px) {
    .ebook-placeholder.placeload {
        margin-top: 38px;
    }
}

@media(max-width: 767px) {
    .nd-blogs-wrapper-inner1-center {
        transform: scale(1.02);
        width: calc(100% - 80px);
        position: absolute;
    }

    .ebook-placeholder.placeload {
        margin-top: 38px;
        position: relative;
    }
}

html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-blogs-wrapper.placeload {
    background: transparent !important;
}

html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-learn-wrapper,
html[color-mode="dark"] .placeload {
    background-color: transparent;
}

    html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-learn-wrapper::after,
    html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-creator-hc-inner::after {
        background-color: var(--chat-dark-bg-2);
    }

html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-label-head span::after {
    background-color: #141414;
}

html[color-mode="dark"] .nd-blogs-wrapper.placeload label.nd-tag-white.loads.image-placeholder {
    margin: 0;
    padding: 15px;
    border: transparent;
}

html[color-mode="dark"] .nd-live-classes-wrapper-placeholder {
    background-color: var(--chat-dark-bg-2) !important;
    margin-bottom: 30px;
}

html[color-mode="dark"] .new-dashboard-head-wrapper .nd-live-classes-wrapper-placeholder {
    box-shadow: none;
}

.qr-code-plumm-app {
    position: absolute;
    top: -26px;
    right: 15px;
    padding: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .qr-code-plumm-app p {
        margin-bottom: 2px;
        text-align: left;
        max-width: 185px;
        color: var(--primary-color);
        line-height: 1.2;
        font-size: 0.85rem;
    }

img.qr-scan-plumm-app {
    max-width: 75px;
    background-color: #fff;
    border-radius: 2px;
    padding: 0.08rem;
}

.condition-tag-all {
    color: #173571 !important;
    background: #76f6dd6e;
    border: 1px solid #13ebc0;
}

    .condition-tag-all:hover {
        background: #76F6DD;
    }


html[color-mode="dark"] .condition-tag-all,
html[color-mode="dark"] .condition-tag-all:hover {
    color: #173571 !important;
    background: #76F6DD;
    border: 1px solid #76F6DD;
}

@media(max-width: 991px) {
    img.qr-scan-plumm-app {
        max-width: 39px;
        top: -9px;
        padding: 3px;
    }

    .qr-code-plumm-app {
        display: none;
    }
}


/*wallet payment logo wise stripe logo starts here*/
.blue-wise-logo {
    fill: #00B9FF;
}

.dark-blue-wise-logo {
    fill: #2E4369;
}

.wise-logo {
    width: 123px;
    height: 28px;
}

.wallet-payment-stri-wis-wrapper {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

    .wallet-payment-stri-wis-wrapper .para-text {
        margin: 0;
    }

.stripe-accountdiv {
    margin-bottom: 0.8rem;
}

.wallet-update-msg a {
    font-weight: 500;
}

/*.payment-summary-modal .table > tbody > tr > td,
.payment-summary-modal .table > thead > tr > th {
    text-align: center;
}*/

.payment-summary-placeload {
    background-color: transparent;
    border-width: 0;
}


html[color-mode="dark"] .dark-blue-wise-logo {
    fill: #F7F8FA;
}

html[color-mode="dark"] .wallet-update-msg .con-hover {
    display: inline;
}

html[color-mode="dark"] .payment-summary-modal .table > tbody > tr > td, html[color-mode="dark"] .payment-summary-modal .table > thead > tr > th {
    text-align: center;
    color: var(--on-primary-color);
}

@media(max-width: 1500px) {
    .wise-logo {
        width: 100px;
        height: 22px;
    }
}

@media(max-width: 576px) {
    .wallet-payment-stri-wis-wrapper {
        gap: 0.6rem;
    }
}
/*wise logo starts here*/

.payment-summary-btn {
    cursor: pointer;
}

.payment-summary-modal .modal-header .close {
    font-weight: 200;
    font-size: 45px;
    margin-top: -10px;
    margin-right: 46px;
}

.payment-summary-modal .modal-body {
    min-height: 400px;
    max-height: 600px;
    overflow: auto;
}

.cur_re .badge {
    font-size: 20px;
    float: right;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.payment-summary-btn em.icon {
    color: var(--primary-color);
    font-size: 21px;
}

tbody.placeload.payment-summary-placeload {
    box-shadow: none;
}

.payment-summary-placeload tr:nth-child(2n+1) .image-placeholder:nth-child(1) {
    max-width: 100px;
}


.certificate-row .img-thumbnail {
    min-height: 202px;
    width: 100%;
    max-height: 202px;
    border-radius: var(--bs-border-radius);
    object-fit: contain;
}

.plm-past-classes-row {
    margin-top: 0;
}


.lpc-details-wrapper {
    position: absolute;
    left: 25px;
    bottom: 52px;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 14px;
}

.lcp-actions {
    min-height: 31px;
    position: absolute;
    left: 28px;
    bottom: 170px;
}

    .lcp-actions .learn-medi-detail-save-icon {
        flex-direction: column;
    }

    .lcp-actions .saved-icon {
        background-color: rgb(131 131 131 / 35%);
    }


.past-classes-live-video .wistia_embed {
    height: 100vh !important;
}

.lcp-profile img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    object-fit: cover;
    object-position: top;
}

.lcp-content-wrapper {
    text-align: left;
    color: var(--white-color);
    text-shadow: 1px 1px 2px rgb(0 0 0 / 85%);
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 35px;
}

.lcp-content-head {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.88rem;
    font-weight: 700;
}

p.lcp-content-para {
    margin-bottom: 0;
    font-size: 12px;
}

.meditation-past-classes.guided-meditation-main-wrapper .lcp-content-wrapper .learn-medi-detail-save-icon {
    justify-content: flex-start;
    margin-bottom: 0;
    margin-top: 0rem;
}

.lcp-actions {
    min-height: 31px;
}

.guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni {
    font-size: 16px;
    top: 0;
    top: 1px;
    left: 2px;
    width: 20px;
    height: 18px;
}

    .guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni.ni-heart-fill {
        font-size: 15px;
        top: 0;
        width: 18px;
        height: 15px;
    }

    .guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni.ni-bookmark,
    .guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni.ni-bookmark-fill {
        font-size: 1.05rem;
    }

.lcp-content-wrapper .saved-icon {
    width: 30px;
    height: 30px;
}

.lcp-content-wrapper .oc-dot {
    position: relative;
    top: -3px;
    margin: 4px;
}

.lcp-content-wrapper {
    color: #fff;
}

html[color-mode="dark"] .lcp-content-wrapper {
    color: #fff;
}


.plc-like-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.plc-saved-icon {
    border-radius: 50%;
    padding: 2px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(143 143 143 / 35%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

    .plc-saved-icon em.icon {
        font-size: 1.18rem;
        color: #fff;
    }

        .plc-saved-icon em.icon.ni-eye {
            cursor: default;
        }

        .plc-saved-icon em.icon.ni-heart-fill,
        .plc-saved-icon em.icon.ni-heart {
            font-size: 1.035rem;
            position: relative;
            top: 1px;
        }

        .plc-saved-icon em.icon.ni-eye {
            font-size: 1.035rem;
        }

.plc-like-count span {
    color: var(--white-color);
    font-size: 0.95rem;
    line-height: 15px;
    display: inline-block;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 77%);
}

.hc-live-box .ctf-pract-details {
    word-break: break-word;
    display: grid;
    grid-template-columns: 10px auto;
    gap: 0.4rem;
}

.hc-live-box .learn-list-instr-item .ctf-pract-details .oc-dot {
    position: relative;
    top: 1px;
}

.save-list-therapist .hc-live-data-inner-top {
    gap: 1rem;
}

@media(max-width: 1024px) {
    .lpc-details-wrapper {
        bottom: 62px;
    }
}

@media(max-width: 1100px) {
    .lcp-actions .learn-medi-detail-save-icon {
        flex-direction: inherit;
        gap: 30px;
    }

    .lcp-actions {
        bottom: 128px;
    }

    .plc-like-count {
        flex-direction: initial;
    }
}

@media(max-width: 767px) {
    .hc-live-box .ctf-pract-details {
        display: initial;
    }

    .hc-live-box .learn-list-instr {
        justify-content: center;
    }

    .lpc-details-wrapper {
        left: 50%;
        transform: translateX(-50%);
        align-items: flex-start;
        gap: 0.6rem;
        width: 100%;
        padding: 0 15px;
    }

    .lcp-content-head {
        font-size: 13px;
    }

    p.lcp-content-para {
        font-size: 13px;
        line-height: 1.25;
    }

    label.lcp-content-time-date {
        font-size: 13px;
    }

    .lcp-actions {
        left: 15px;
    }

    .fr strong {
        margin-bottom: 0.4rem;
        display: inline-block;
    }
}

html[color-mode="dark"] .plc-like-count span {
    color: var(--primary-color);
}

.chat-therapy-welcome-txt, p.chat-therapy-welcome-txt p {
    width: 100% !important;
}

    .chat-therapy-welcome-txt span {
        background-color: initial !important;
    }

.chat-therapy-welcome-video {
    margin-top: 1rem;
}

    .chat-therapy-welcome-video video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

.nd-live-classes-wrapper .hc-live-profile-image img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px;
    object-fit: cover;
    object-position: top;
    margin-right: 18px;
}

.nd-live-classes-wrapper .hc-live-box {
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
}

.nd-live-classes-wrapper .hc-live-profile-image {
    margin-right: 0 !important;
}

.nd-live-classes-wrapper .hc-live-cards-row-wrapper .hc-live-therap-head {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 0.93rem;
    line-height: 20px;
}

.nd-live-classes-wrapper .hc-live-profile-data .hc-live-time-date, .nd-live-classes-wrapper p.hc-live-therap-name {
    font-size: 14px;
    color: var(--on-primary-color);
    margin: 0;
}

.nd-live-classes-wrapper .hc-live-cards-row-inner-wrapper {
    display: flex;
    align-items: flex-start;
}

.nd-live-classes-wrapper .hc-live-data-inner-top {
    margin-bottom: 0;
}

.nd-live-classes-wrapper .hc-live-box {
    padding: 10px 20px !important;
}

.nd-live-classes-wrapper .col-md-12.hc-live-cards-cols {
    padding: 0;
}

html[color-mode="dark"] .modal-footer {
    border-color: var(--card-bg-color);
}

.modal-content button.btn-primary.end-session-popup {
    background-color: #fff;
    border-color: var(--input-focus-dark) !important;
    margin-right: 1rem;
    color: var(--primary-color);
    border: 1px solid var(--input-border-1) !important;
}

    .modal-content button.btn-primary.end-session-popup:hover {
        background: var(--theme-primary-color);
        color: #fff;
    }

html[color-mode="dark"] .modal-content button.btn-primary.end-session-popup {
    background-color: var(--input-focus-dark) !important;
    border-color: var(--input-focus-dark) !important;
}

.fam-acc-three-mem strong {
    font-style: normal;
}

.fam-acc-three-mem {
    display: block;
    color: #d50000 !important;
    font-style: italic;
    margin-top: 1.8rem !important;
}

.p-userlist #grid-reassign-selection .dx-button-content,
.p-userlist #grid-remove-user .dx-button-content,
.p-userlist #grid-clear-selection .dx-button-content {
    background-color: var(--p-btn-bg);
    min-width: 173px;
    color: var(--p-btn-txt);
    width: initial !important;
    border-radius: var(--border-radius-default);
    font-weight: 400;
    box-shadow: 0 1px 4px rgb(66 66 66 / 18%);
    Padding: 0.55rem 0.9rem;
    font-size: var(--base-font-size-lg);
}

.p-userlist #grid-reassign-selection,
.p-userlist #grid-remove-user,
.p-userlist #grid-clear-selection {
    margin-bottom: 1rem;
    background-color: initial;
    margin-right: 1rem;
}

.ba-active-user-grid #grid-remove-user .dx-button-content,
.ba-active-user-grid #grid-clear-selection .dx-button-content {
    margin-left: 10px;
}

    .ba-active-user-grid #grid-reassign-selection .dx-button-content .dx-button-text,
    .ba-active-user-grid #grid-remove-user .dx-button-content .dx-button-text,
    .ba-active-user-grid #grid-clear-selection .dx-button-content .dx-button-text {
        line-height: 1.5;
    }

html[color-mode="dark"] #grid-clear-selection {
    background-color: initial;
}

.reassign-chat-therapist-mod textarea {
    width: 100%;
    resize: none;
    height: 100px;
}

.reassign-chat-therapist-mod .modal-footer {
    justify-content: center;
    border: none;
}

.dob-input-rc {
    max-width: 200px;
    cursor: pointer;
}

.ctrm-grid {
    display: grid;
    grid-template-columns: 175px auto;
    align-items: center;
    gap: 0.6rem;
}

    .ctrm-grid label {
        margin-bottom: 0 !important;
    }

html[color-mode="dark"] .close, html[color-mode="dark"] .mailbox-attachment-close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #a3a3a3;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

html[color-mode="dark"] .dx-checkbox-checked .dx-checkbox-icon::before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    color: #524a4a;
}

.calendely-csm-modal .modal-content {
    background-color: transparent;
    border: none;
    backdrop-filter: initial;
}

.calendely-csm-modal .modal-header {
    border: none;
}

    .calendely-csm-modal .modal-header .close {
        top: 70px;
        right: 30px;
        z-index: 999;
        color: #000;
        opacity: 1;
        font-weight: 600;
        position: absolute;
        text-shadow: none;
    }

html[color-mode="dark"] .calendely-csm-modal .modal-content,
html[color-mode="dark"] .calendely-csm-modal .modal-header {
    background-color: transparent;
    border-bottom: transparent;
}


@media(max-width: 991px) {
    .ba-active-user-grid #grid-clear-selection .dx-button-content {
        margin-left: 0;
    }

    .ba-active-user-grid #grid-reassign-selection .dx-button-content,
    .ba-active-user-grid #grid-remove-user .dx-button-content,
    .ba-active-user-grid #grid-clear-selection .dx-button-content {
        min-width: 261px;
        padding: 9px 13px !important;
        font-size: 16px !important;
    }

    #exportButton.expt-modi-btn {
        min-width: 261px;
    }

    #grid-remove-user .dx-button-content {
        margin-left: 0 !important;
    }

    #RemoveUserFromScheduling table tr th {
        white-space: nowrap;
    }

    #ReassignmentModal .modal-title,
    #RemoveUserFromScheduling .modal-title {
        font-size: 19px;
        max-width: 100%;
        width: 100%;
    }
}

.snap-no-session-circle-wrapper-not-found-contract > div {
    font-weight: 600;
}

.snap-no-session-circle-wrapper-not-found-contract {
    font-size: 15px;
    min-height: 250px;
    color: #173571;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.2px;
}

.no-data-available-partner {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

html[color-mode="dark"] .ba-active-user-grid .dx-selection.dx-row:not(.dx-row-focused) .icon.ni {
    color: #333;
}

input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

html[color-mode="dark"] input::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

p.verify-documents {
    margin-top: 10rem;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.verify-documents:after {
    content: ".";
    animation: dots 2.5s steps(5, end) infinite;
    font-size: 2.4rem;
    line-height: 1;
    display: inline-block;
    margin-left: 0.4rem;
}

@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;
    }
}

.upload-progress {
    height: 18px;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-color: transparent;
    margin-bottom: 0 !important;
    margin-top: 1px;
}

    .upload-progress .progress-bar {
        height: 100%;
        border-radius: 3px;
        background-color: #359bec !important;
    }


.sidebar-mini .main-sidebar .nav-item .virtual-assistance-icon p {
    margin-left: 24px !important;
}

.mood-length-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    align-items: center;
}

    .mood-length-wrapper label {
        font-size: var(--base-font-size);
    }

.mood-history-track-wrapper {
    min-height: 480px;
}

.dis-if-appointment-action-btn {
    display: inline-flex;
    gap: 15px;
    align-items: center;
}

.join-reschedule-thera-btn {
    gap: 0.6rem;
}

.nd-live-classes-wrapper-table-inner .live-classes-row-actions-default {
    min-width: 130px;
    max-width: 130px;
}

.ebook-main-container {
    height: calc(100% - 1.2rem);
}

.download-ebook-txt {
    text-align: center;
    display: block;
    margin-top: 0.3rem;
    font-size: 0.8rem;
}

@media(max-width: 576px) {
    .ph-manage-appointment-inner-wrapper .dash-appo-the-name img {
        margin: 0 auto;
    }

    .ph-ma-therapist-nd .nd-doctor-name {
        font-size: 0.9rem;
    }

    .live-classes-row-details-time {
        justify-content: center;
    }

    .live-class-row .live-classes-row-details-time-progress {
        flex-direction: column;
    }

    .live-classes-row-details-time-progress span.md-dots {
        display: none;
    }

    label.thought-quotes {
        max-width: 300px;
    }

    .live-classes-dashboard-avatar {
        margin-bottom: 0.9rem;
    }
}

@media(max-width: 360px) {
    .ph-manage-appointment-inner-wrapper .dash-appo-the-name img {
        width: 70px;
        height: 70px;
    }

    .ph-manage-appointment-wrapper .dash-appo-the-name {
        grid-template-columns: auto;
        justify-content: center;
        text-align: center;
    }

    .ph-my-chat-therapy-inner .dashboard-user {
        text-align: center;
        display: grid;
        grid-template-columns: auto;
        align-items: center;
        justify-content: center;
        grid-gap: 22px;
    }

    .ph-my-chat-therapy-user .review-name-date-wrapper {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ph-my-chat-therapy-user {
        text-align: center;
    }

    .chat-therapist-recent-msg .plm-recent-msg-dashborad {
        justify-content: center;
    }

    .ph-my-chat-therapy-inner .dashboard-user .add-unread-class {
        margin: 0 auto;
    }

    .ph-manage-appoint-actions {
        text-align: center;
    }

    .review-name-date-wrapper,
    .ph-ma-therapist-nd-btns {
        flex-direction: column;
        gap: 0.2rem;
    }
}


@media(max-width: 330px) {
    label.thought-quotes {
        max-width: 270px;
    }
}

/*new sidebar modifier*/
.sidebar {
    width: 100%;
}

.plumm-icon {
    visibility: hidden;
    opacity: 0;
    margin: 0;
}

.main-header .navbar-nav .nav-item {
    margin: 0;
    display: flex;
    align-items: center;
}

.sidebar-collapse .plumm-icon {
    visibility: visible;
    opacity: 1;
}


.main-header.navbar-expand .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    padding-left: 0;
    cursor: pointer;
}

/*css for user profile starts here*/
.main-header {
    padding: 0 var(--default-container-gap);
}

    .main-header .nav-wrapper {
        z-index: 9;
    }

.top-nav-menu {
    gap: 1.2rem;
    align-items: center;
    justify-content: flex-end;
}

.p-header-icon-items {
    fill: var(--icon-color1);
    width: 1.45rem;
    height: 1.7rem;
}

.top-nav-menu-item .navbar-badge {
    right: -0.15em;
    top: 0.9em;
}

.top-nav-menu-item {
    width: 2.2rem;
    height: 2.2rem;
    justify-content: center;
    border-radius: 50%;
}

    .top-nav-menu-item .nav-link {
        padding: 0;
    }

.user-profile {
}

.pd-page-title {
    font-size: var(--base-font-size-h1);
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.user-profile > a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.user-profile-image {
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    border-radius: 50%;
}

    .user-profile-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        display: inline-block;
        border: 1px solid var(--primary-border-color);
    }

.gradient-img-border {
    display: inline-block;
    padding: 0.25em;
    border-radius: 50%;
    /*background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='69.996' viewBox='0 0 70 69.996'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M17254-4101a34.784,34.784,0,0,1-13.623-2.75,34.886,34.886,0,0,1-11.127-7.5,34.859,34.859,0,0,1-7.5-11.124A34.741,34.741,0,0,1,17219-4136a34.741,34.741,0,0,1,2.752-13.624,34.859,34.859,0,0,1,7.5-11.124,34.886,34.886,0,0,1,11.127-7.5A34.784,34.784,0,0,1,17254-4171a34.774,34.774,0,0,1,13.621,2.75,34.888,34.888,0,0,1,11.125,7.5,34.859,34.859,0,0,1,7.5,11.124A34.741,34.741,0,0,1,17289-4136a34.741,34.741,0,0,1-2.752,13.624,34.859,34.859,0,0,1-7.5,11.124,34.888,34.888,0,0,1-11.125,7.5A34.774,34.774,0,0,1,17254-4101Zm0-67a31.808,31.808,0,0,0-12.457,2.515,31.907,31.907,0,0,0-10.174,6.858,31.919,31.919,0,0,0-6.859,10.171A31.832,31.832,0,0,0,17222-4136a31.832,31.832,0,0,0,2.514,12.456,31.916,31.916,0,0,0,6.859,10.172,31.907,31.907,0,0,0,10.174,6.858A31.808,31.808,0,0,0,17254-4104a31.806,31.806,0,0,0,12.455-2.515,31.9,31.9,0,0,0,10.172-6.858,31.916,31.916,0,0,0,6.859-10.172A31.832,31.832,0,0,0,17286-4136a31.832,31.832,0,0,0-2.514-12.456,31.919,31.919,0,0,0-6.859-10.171,31.89,31.89,0,0,0-10.172-6.858A31.806,31.806,0,0,0,17254-4168Z' transform='translate(-15959 4191)' fill='%23359bec'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_6' data-name='Mask Group 6' transform='translate(-1260 -20.002)' clip-path='url(%23clip-path)'%3E%3Cg id='Blobs' transform='translate(1295 55) rotate(56)'%3E%3Cg id='Group_9033' data-name='Group 9033' transform='translate(-83.563 -78.108)'%3E%3Cpath id='Caminho_1655' data-name='Caminho 1655' d='M670.776,228.066c-10.415-2.851-10.6-19.4-8.723-30.5s5.611-25.628,1.833-47.549-3.346-34.594,2.268-45.383a25.6,25.6,0,0,1,25.419-13.877c8.975.982,22.252,10.073,25.755,31.7,3.962,24.447-.294,46.49-9.844,68.179C698.7,210.582,681.19,230.916,670.776,228.066Z' transform='translate(-585.217 -80.215)' fill='%23f9e791'/%3E%3Cpath id='Caminho_1657' data-name='Caminho 1657' d='M249.991,1.387c11.369,6.4,9.726,24.595,6.379,36.17S247.206,63.881,249,89.1s-.117,38.968-7.623,49.025c-7.612,10.2-20.373,11.01-30.081,7.21-9.963-3.9-23.847-18.042-25.36-42.85-1.712-28.042,5.529-50.863,18.673-71.628C216.691,11.761,238.622-5.014,249.991,1.387Z' transform='translate(-164.36 0)' fill='%2396cdfa'/%3E%3Cpath id='Caminho_1655-2' data-name='Caminho 1655-2' d='M32.5,191.85c-10.709-.023-14.467-16.073-15.051-27.368s-.108-26.419-8.513-46.75S-1.788,84.957,1.318,72.976A27.134,27.134,0,0,1,22.946,52.757c8.909-1.416,23.742,3.922,31.816,24.04,9.129,22.74,9.775,45.313,5.214,68.939C55.782,167.459,43.21,191.872,32.5,191.85Z' transform='translate(0 -46.509)' fill='%2376f6dd'/%3E%3Cpath id='Caminho_1658' data-name='Caminho 1658' d='M914.711,230.6c-9.78-5.545-8.362-23.533-5.481-35.126s7.889-26.473,6.355-51.139.11-38.306,6.57-48.685c6.551-10.522,17.529-12.16,25.88-9.063,8.57,3.179,20.51,16.166,21.807,40.448,1.466,27.447-4.768,50.351-16.08,71.623C943.36,218.219,924.49,236.146,914.711,230.6Z' transform='translate(-802.927 -75.407)' fill='%23f3a7ac'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");*/
    background-size: 100%;
}

.gradient-img-border-sm {
    padding: 0.21em;
}

.gradient-img-border img {
    border: none !important;
}

.user-name {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

    .user-name label {
        font-size: 0.98rem;
        color: var(--secondary-color);
    }

    .user-name span {
        font-size: 0.75rem;
        color: var(--on-primary-color);
    }

.un-dd {
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.125rem;
}

.p-emma-ai {
    font-size: 0.76rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.35rem;
    height: 2rem;
    flex-shrink: 0;
    font-weight: 500;
    cursor: pointer;
    gap: 0.32rem;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    border: 1px solid var(--theme-border-layout);
    min-width: 85px;
}

    .p-emma-ai span {
        text-align: left;
    }

    .p-emma-ai svg {
        fill: #007be1;
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
    }

    .p-emma-ai:hover svg {
        fill: #fff;
    }

    .p-emma-ai.p-btn-tn-wt {
        background: var(--background1);
    }

        .p-emma-ai.p-btn-tn-wt svg {
            fill: initial;
            stroke: #ffffff;
        }

    .p-emma-ai:hover {
        color: #fff;
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

/*.p-emma-ai.p-btn-tn-wt span {
    color: var(--p-icon-color);
}*/

.p-menu-icon-nav {
    cursor: pointer;
    position: relative !important;
    width: 1.95rem;
    height: 1.95rem;
    justify-content: space-evenly;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--theme-border-layout);
}

    .p-menu-icon-nav:hover,
    .p-ani-sec-btn .p-ani-btn.p-add-btn:hover,
    .p-ani-sec-btn-active .p-ani-btn.p-add-btn {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        color: #fff;
    }

        .p-menu-icon-nav:hover svg:not(.no-data-upd),
        .p-ani-sec-btn-active .p-ani-btn.p-add-btn svg {
            stroke: #fff !important;
        }

        .p-ani-sec-btn .p-ani-btn.p-add-btn:hover svg {
            fill: #fff;
        }

    .p-menu-icon-nav svg:not(.no-data-upd) {
        width: 1.32rem;
        height: 1.32rem;
        stroke: var(--theme-primary-color);
    }

    .p-menu-icon-nav .nav-link svg {
        width: 1.2rem;
        height: 1.2rem;
    }

    .p-menu-icon-nav:has(.nav-link[aria-expanded="true"]) {
        background-color: var(--theme-primary-color);
    }

        .p-menu-icon-nav:has(.nav-link[aria-expanded="true"]) .nav-link svg {
            stroke: #fff;
        }

/*default avatars*/
.avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

.avatar-3xs {
    height: 1.6rem;
    width: 1.6rem;
}

.avatar-xxs {
    height: 1.75rem;
    width: 1.75rem;
}

.avatar-xs {
    height: 2rem;
    width: 2rem;
}

.avatar-sm {
    height: 2.25rem;
    width: 2.25rem;
}

.avatar-sm-1 {
    height: 2.55rem;
    width: 2.55rem;
}

.avatar-md {
    height: 2.75rem;
    width: 2.75rem;
}

.avatar-md-1 {
    height: 2.95rem;
    width: 2.95rem;
}

.avatar-lg {
    height: 3.2rem;
    width: 3.2rem;
    max-width: 3.2rem;
}

.avatar-xl {
    height: 4rem;
    width: 4rem;
}

.avatar-xlh {
    height: 5rem;
    width: 5rem;
}

.avatar-xlh2 {
    height: 6rem;
    width: 6rem;
}

.avatar-xxl {
    height: 7rem;
    width: 7rem;
}

.avatar-2xl {
    height: 8.5rem;
    width: 8.5rem;
}

.avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--sec-light-color7);
}

@media(max-width: 1600px) {
    .avatar-2xl {
        height: 7rem;
        width: 7rem;
    }
}


@media(max-width: 576px) {
    .avatar-2xl {
        height: 5.8rem;
        width: 5.8rem;
    }
}


/*deafult switches starts*/

.custom-control-input {
    width: 1.25rem;
}

.p-switch-multi-label {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

    .p-switch-multi-label > label {
        padding-top: 0.3rem;
    }

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 0.625rem;
    padding-top: 0.33rem;
    cursor: pointer;
    margin-block: 0;
}

    .custom-switch.custom-switch-sm .custom-control-label::before {
        height: 1.35rem;
        width: 2.188rem;
        border-radius: 2rem;
        cursor: pointer;
        background-color: var(--input-border-1);
        border: 1px solid var(--input-border-1);
        border-color: transparent;
    }

.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-switch.custom-switch-sm[disabled="disabled"] .custom-control-label::before,
.custom-switch.custom-switch-sm[disabled="disabled"] .custom-control-label::after {
    cursor: not-allowed;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: calc(1rem - (1rem / 2));
    cursor: pointer;
    top: 0.40rem;
    left: -2.1rem;
    background-color: var(--chat-dark-bg-2);
}

/* 86c9ta97h switch track */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked:active ~ .custom-control-label::before,
.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.custom-switch .custom-control-label::before {
    transition: box-shadow .15s ease-in-out;
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.2rem));
}

.form-group .p-switch-multi-label label {
    font-weight: 400;
    color: var(--on-primary-color);
}
/*default switches ends*/

.dropdown-profile {
    min-width: 18.3125rem;
}

.up-comp-name {
    font-size: var(--base-font-size-xxs);
}

.dropdown-menu-list-icon {
    font-size: var(--base-font-size-lg);
    color: var(--on-primary-color);
    margin-top: 0.64rem;
    box-shadow: var(--default-border);
}

    .dropdown-menu-list-icon.dropdown-menu-lg {
        max-width: 284px;
        width: 284px;
    }

.top-nav-menu-item .dropdown-menu {
    margin-top: calc(1rem + -1px);
}

.dropdown-menu-list-icon li a {
    color: var(--primary-color);
    flex: 1;
}

    .dropdown-menu-list-icon li a svg,
    .dropdown-menu-list-icon li a .p-smiw,
    .dropdown-menu-list-icon li a > em,
    .p-dd-notifications svg {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--primary-color);
    }

    .dropdown-menu-list-icon li a.nav-link {
        gap: 0.7rem;
    }

.main-header.navbar-expand .navbar-nav .dropdown-menu-list-icon .nav-link {
    padding: 1rem 1.5rem;
    height: initial;
}

/*.main-header.navbar-expand .navbar-nav .dropdown-menu-list-icon .nav-link:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--border-radius-default) * 0.5);
    color: var(--primary-color);
}*/

.dropdown-menu-list-icon .nav-link {
    z-index: 1600;
    position: relative;
}

.logout-user {
    padding: 1rem 1.8rem 1rem;
    border-top: 1px solid var(--border-layout);
}

    .logout-user .btn {
        background-color: var(--p-btn-bg);
        color: #ffffff;
        font-size: var(--base-font-size);
        margin: 0 auto;
        border-radius: var(--border-radius-default);
        padding: 0.738rem 1.25rem;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        width: 100%;
        font-weight: 500;
        letter-spacing: 0.02em;
    }

        .logout-user .btn:hover {
            background: var(--theme-btn-hover);
            color: #fff;
        }

            .logout-user .btn:hover svg {
                stroke: #fff;
            }

    .logout-user svg {
        margin-right: 0.7rem;
        width: 1.4rem;
        height: 1.4rem;
        stroke: #ffffff;
        fill: none;
        stroke-width: 0.12rem;
    }

html[color-mode="dark"] .logout-user .btn:hover {
    background-color: var(--p-btn-bg);
}

.dropdown-menu-list-icon li .logout-user .btn:hover > em {
    fill: var(--chat-dark-bg-2);
}

.user-ptc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.2rem 0 0;
    gap: 0.3rem;
}

    .user-ptc a {
        font-size: var(--base-font-size-sm);
        color: var(--primary-color);
        padding: 0.2rem;
    }

@media(max-width: 991.98px) {
    .dropdown-position-fix .dropdown-menu {
        margin-top: 0;
    }

    .dropdown-position-fix .dropdown-menu-right {
        left: auto;
        width: 100%;
        max-width: 100%;
        margin-top: 6px;
    }
}
/*css for user profile ends here*/
/*css for notification msg*/
.notification-header {
    padding: 1.2rem 1.2rem 0.74rem;
    border-bottom: 1px solid var(--chat-inbox-border-color);
    margin-right: 0.4em;
}

    .notification-header a {
        font-size: 0.88rem;
    }

    .notification-header h5 {
        color: var(--primary-color);
        font-size: var(--base-font-size-h5);
        font-weight: 600;
    }

    .notification-header .btn,
    .view-all-txt a {
        font-size: 0.88rem;
    }

.notification-msg-list-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--on-primary-color);
    padding: 0.94rem 1.2rem;
    border-bottom: 1px solid var(--chat-inbox-border-color);
    cursor: pointer;
    margin-right: 0;
    position: relative;
}

    .notification-msg-list-item > * {
        flex: 0 0 auto;
    }

    .notification-msg-list-item.unread::before,
    .unread-msg::after {
        content: '';
        width: 0.35rem;
        height: 0.35rem;
        background-color: var(--theme-primary-color);
        right: 0.55rem;
        display: inline-block;
        position: absolute;
        border-radius: 50%;
    }


.unread {
    position: relative;
}

    .unread p, .unread h5, .unread label {
        cursor: pointer;
    }

.loader-notification {
    min-height: 27rem;
}

.nc-inner {
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .nc-inner h5 {
        font-size: var(--base-font-size-lg);
        margin-bottom: 0;
        font-weight: 500;
        color: var(--on-primary-color);
    }

    .nc-inner p {
        position: absolute;
        right: 0.5rem;
        top: 8px;
        font-size: 0.5rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.01888rem;
        text-transform: uppercase;
    }

.notification-msg-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.2rem;
}

.dropdown-menu:has(.notification-mw) {
    overflow: hidden;
}

.notification-msg-list-item.unread {
    background-color: var(--theme-secondary-color);
}

    .notification-msg-list-item.unread .nc-inner h5,
    .notification-msg-list-item.unread .nc-inner p,
    .notification-msg-list-item.unread .recent-msg-para,
    .unread-msg .p-email-sender,
    .unread-msg .p-email-date,
    .unread-msg .p-email-msg-body,
    .unread-msg .p-email-date {
        font-weight: 500;
        color: var(--primary-color);
    }

.unread-msg .p-email-sender,
.unread-msg .p-email-date,
.unread-msg .p-email-msg-body,
.unread-msg .p-email-date {
    font-weight: 400;
}

.unread-msg .p-email-subject {
    font-weight: 600;
}

.msg-att-date {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.msg-inb-actions {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    display: none;
}

    .msg-inb-actions .p-str-none-fill-pri {
        fill: var(--theme-primary-color);
    }

.p-email-list li:hover .msg-inb-actions {
    opacity: 1;
    visibility: visible;
    display: block;
}

.p-email-list li:hover .msg-att-date {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.p-email-list li:hover .msg-inb-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-mw {
    max-width: calc(100% - 0);
}

.notification-msg-content label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 280px;
    font-size: var(--base-font-size-xxs);
    font-weight: 300;
}

.loading-skeleton .notification-msg-list-item {
    flex: 1;
}

    .loading-skeleton .notification-msg-list-item .skeleton-img {
        border-radius: 50%;
        border: 1px solid var(--primary-border-color);
        height: 2.6rem;
        width: 2.6rem;
        overflow: hidden;
    }

.loading-skeleton .notification-msg-content {
    gap: 0.4rem;
}

.loading-skeleton .nc-inner h5 {
    width: 100%;
    max-width: 110px;
}

.p-email-container-sb .p-icon-circle {
    background: transparent !important;
}

    .p-email-container-sb .p-icon-circle:hover {
        background: var(--btn-light-bg) !important;
    }

/*css for notification msg*/
.main-footer {
    background-color: transparent;
    border-top: 1px solid var(--border-default);
    color: var(--on-primary-color);
    padding: 0.5rem;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    text-align: center;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-header, .brand-link {
    min-height: var(--nav-min-height);
}

a.brand-link {
    display: flex;
    align-items: center;
}

.brand-link .brand-image {
    max-width: 90px;
    margin-top: 0;
}


.main-footer {
    position: relative;
}

@media(max-width: 767px) {
    .main-footer {
        flex-direction: column;
    }

    .plumm-version-text {
        position: initial;
        transform: none;
        font-size: 0.75rem;
    }
}


@media(max-width: 1200px) {
    .main-header {
        gap: 1.2rem;
        min-height: var(--nav-min-height);
    }

    .pd-page-title {
        padding-left: 1.5rem;
    }

    .user-profile {
    }

    .main-header.navbar-expand a.nav-link[data-widget="pushmenu"] {
        padding: 0;
    }

    .nav_close_icon {
        display: none !important;
    }

    .navbar-expand .navbar-nav .nav-link em {
        font-size: 1.5rem;
        color: var(--theme-primary-color);
    }

    .main-sidebar .nav-sidebar {
        margin-top: 0;
    }
}

@media(max-width: 991px) {
    .main-footer {
        width: 100%;
    }
}

/*profile image uploader*/

/*avatar banner UI*/

.p-bp-grid {
    display: grid;
    grid-template-columns: 1fr 0.35fr;
    align-items: center;
    gap: var(--default-gap);
}

.p-bp-content {
    text-align: left;
    position: absolute;
}

.profile-cover {
    position: relative;
    height: 100%;
    padding: 1rem 1rem;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.profile-cover-content {
    position: relative;
    z-index: 1
}

.profile-cover-uploader {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 !important;
    cursor: pointer;
}

.profile-cover-content svg.p-icon.p-icon-sm {
    position: relative;
    top: -0.05em;
}

.profile-cover-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7.5rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
}

.profile-cover-avatar {
    display: -ms-flexbox;
    display: flex;
    background-color: var(--chat-dark-bg-2);
    border: 0.1em solid var(--chat-dark-bg-2);
    margin: -5.9rem 0 0.5rem 2rem;
    border-radius: 50%;
}

    .profile-cover-avatar.avatar img {
        border-color: var(--chat-dark-bg-2);
        border-width: var(--border-width-layout);
    }

.avatar-uploader-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

.profile-upd-mw:hover .avatar-uploader-trigger {
    opacity: 1;
    visibility: visible;
}

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

.avatar-uploader-icon, .cust-dx-upload-btn .dx-button-has-text .dx-button-content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--chat-dark-bg-2);
    border-radius: 50%;
    transition: .2s;
    width: 1.8rem;
    height: 1.8rem;
}

.avatar-uploader-trigger .icon.ni {
    font-size: 0.98rem;
}

.user-profile-container .dx-fileuploader-input {
    display: none;
}

.user-profile-container .dx-fileuploader-container,
.user-profile-container .dx-fileuploader-content {
    display: flex;
}

.profile-cover-content .dx-fileuploader-wrapper {
    padding: 0;
}

.user-profile-container .dx-fileuploader-input-wrapper {
    padding: 0;
    border: 3px dashed transparent;
}

.cust-dx-upload-btn .dx-button-has-text .dx-button-content {
    padding: 0.2rem 0.5rem;
}

.user-profile-container .icon.ni-camera {
    color: var(--on-primary-color);
    cursor: pointer;
    font-size: 1.1rem;
}

.user-profile-container .list-inline-item span {
    display: inline-block;
    font-size: var(--base-font-size);
    line-height: 1;
}

.user-profile-container .avatar .iconly--icon {
    width: 1.05rem;
    height: 1.05rem;
}

h5.page-header-title {
    color: var(--primary-color);
    font-weight: 700;
    font-size: var(--base-font-size-h2);
    margin-bottom: 0.5rem;
}

.p-mpc {
    margin-top: 6rem;
}

.user-profile-content-wrapper {
    margin-left: 2rem;
}

    .user-profile-content-wrapper .list-inline {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4rem 1rem;
        flex-wrap: wrap;
    }

    .user-profile-content-wrapper .list-inline-item {
        display: flex;
        align-items: center;
        line-height: 1.5;
        margin: 0;
        gap: 0.35rem;
    }

    .user-profile-content-wrapper .btn-status,
    .p-pro-sts .btn-status,
    .p-tal-stat-txt {
        border-radius: calc(var(--border-radius-default)) !important;
        padding: 0.3rem 0.55rem;
        font-size: calc(var(--base-font-size-xs)* 0.9) !important;
        line-height: 1.125;
        min-width: 5.25rem;
    }

        .p-tal-stat-txt span.btn-status {
            font-weight: 400;
        }

.user-profile-content-wrapper {
    margin-top: 0.6rem;
}

.icon-status-def {
    stroke: #31800b;
}

.p-tal-pro-cols-pro .avatar {
    height: 4.5rem;
    width: 4.5rem;
    max-width: 4.5rem;
}

    .p-tal-pro-cols-pro .avatar img {
        border: 1px solid var(--chat-dark-bg-2);
    }

.profile-main-container .dx-button-text {
    display: none;
}

.profile-main-container .dx-fileuploader-input-wrapper .dx-button,
.profile-main-container .dx-fileuploader-wrapper,
.avatar-uploader-trigger .dx-button-has-text .dx-button-content {
    background-color: transparent;
    padding: 0;
}

.profile-cover-img-wrapper {
    height: 100%;
}

.profile-cover-img {
    height: 100%;
}

.p-banner-stats {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    gap: 2.5rem;
}

.p-bs-left {
    display: grid;
    gap: 0.8rem;
}

.p-bs-left-con-item {
    display: grid;
    gap: 0.2rem;
}

.p-feat-legends-items {
    display: grid;
    gap: 0.75rem;
}

.p-bs-left-con-item h6 {
    font-size: var(--base-font-size-sm);
}

.p-bs-left-con-item p {
    font-size: var(--base-font-size-xxs);
}

.p-pb-gr-circle {
    --pb-gr-cricle-wh: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: var(--pb-gr-cricle-wh);
    height: var(--pb-gr-cricle-wh);
}

.p-bs-gr .skeleton-img {
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.p-bp-gr-leg {
    display: grid;
    gap: 0.35rem;
}

    .p-bp-gr-leg .p-fli-box {
        width: 0.8rem;
        height: 0.8rem;
    }

.p-banner-profile .ph-card {
    padding: calc(var(--box-padding) * 0.85);
}


@media(max-width: 1700px) {
    .p-bp-grid {
        grid-template-columns: 1fr 0.4fr;
    }

    .profile-cover {
        min-height: 15em;
    }

    .nd-label-head span {
        font-size: var(--base-font-size-xxl);
    }

    .p-bp-gr-leg {
        gap: 0.65rem;
    }

    h5.page-header-title {
        font-size: var(--base-font-size-h2);
    }
}


@media(min-width: 1701px) {
    .profile-cover {
        min-height: 16em;
    }
}

@media(min-width: 2100px) {
    .profile-cover {
        min-height: 19em;
    }

    .p-bp-grid {
        grid-template-columns: 1fr 0.4fr;
    }

    .p-pb-gr-circle {
        --pb-gr-cricle-wh: 10.5rem;
    }

    .p-feat-legends-items label {
        font-size: calc(var(--base-font-size));
    }

    .p-bp-gr-leg {
        gap: 0.45rem;
    }
}

@media(max-width: 1600px) {

    .p-pb-gr-circle {
        --pb-gr-cricle-wh: 7rem;
    }
}


@media(max-width: 991.98px) {
    .profile-cover-avatar {
        border: 0.15rem solid var(--chat-dark-bg-2);
        margin: -1.5rem 0 0.5rem 2rem;
    }

    .avatar-xxl {
        height: 4.5rem;
        width: 4.5rem;
    }

    .user-profile-content-wrapper .list-inline {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.4rem;
        flex-direction: column;
    }

    .user-profile-container .list-inline-item span {
        font-size: 0.85rem;
    }

    .user-profile-content-wrapper {
        margin-left: 1.05rem;
    }

    .avatar-uploader-icon, .cust-dx-upload-btn .dx-button-has-text .dx-button-content {
        width: 1.7rem;
        height: 1.7rem;
    }

    .profile-cover {
        min-height: 12em;
    }

    .profile-cover-avatar.avatar img {
        border-width: 1px;
    }
}

/*avatar banner UI*/

/*dafualt grid css starts here*/
.p-dg-cl {
    display: grid;
    grid-template-columns: calc(100% - var(--default-sidebar-width) - var(--default-gap)) var(--default-sidebar-width);
    gap: var(--default-gap);
}

    .p-dg-cl.p-dg-cl-reverse {
        grid-template-columns: var(--default-sidebar-width) calc(100% - var(--default-sidebar-width) - var(--default-gap));
    }

/*.p-dg-cl-left {

}*/

.p-dg-cl-left > .ph-card,
.p-dg-cl-right > .ph-card {
    height: 100%;
}

.p-dg-cl-right .ph-card h3 {
    margin-bottom: 0;
    padding-bottom: 2.2rem;
}
/*dafualt grid css starts here*/
/*css for horizontal menu starts*/
.ph-card h2,
.dashboard-heading {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.4rem;
    position: relative;
    left: -1px;
}


.ph-4 {
    font-size: var(--base-font-size-h4);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.2rem;
    position: relative;
    left: -1px;
}

.ph-2 {
    font-size: var(--base-font-size-h2);
    color: var(--primary-color);
    font-weight: 600;
}

.ph-3 {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.1rem;
}

.ph-sub-box h4,
.ph-card h4,
.attendance-main-container h4,
.ph-5 {
    font-size: var(--base-font-size-h5);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1rem;
}

.ph-6 {
    font-size: var(--base-font-size-h6);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.p-para-head {
    color: var(--primary-color);
    font-size: var(--base-font-size-xxl);
}

.pg-grid-layout {
    display: flex;
    align-items: flex-start;
    gap: var(--default-gap);
}

.pg-grid-layout-left {
    flex: 1;
    max-width: calc(100% - var(--default-sidebar-width) - var(--default-gap));
}

.pg-grid-layout-right {
    flex: 0 0 var(--default-sidebar-width);
    position: sticky;
    top: calc(var(--nav-min-height) + var(--default-gap));
    align-self: flex-start;
    min-height: calc(100vh - calc(var(--default-gap)* 2) - var(--nav-min-height));
}

    .pg-grid-layout-right .ph-card {
        flex: 1;
    }

.pg-grid-layout-reverse .pg-grid-layout-left {
    flex: 1;
    max-width: calc(100% - 320px - var(--default-gap));
}

.pg-grid-layout-reverse .pg-grid-layout-right {
    flex: 0 0 320px;
    max-width: 320px;
    z-index: 99;
}

/*.innerscroll-content-tab .innerscroll-activate {
    height: calc(100vh - var(--default-gap) - 51.5px);
    overflow: auto;
    padding: var(--box-padding);
    margin: calc(var(--box-padding)* -1);
}*/

.pggl-left-hf {
    display: flex;
    flex-direction: column;
}

.pggl-right-hf {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height));
    top: calc(calc(var(--nav-min-height)) + var(--default-container-gap));
}

.pw-main-container .pggl-right-hf {
    height: 100%;
}


.pggl-right-hf > *,
.pggl-left-hf-f1 {
    flex: 1;
}

.p-without-nav .pggl-right-hf {
    min-height: initial;
    align-self: stretch;
}

    .p-without-nav .pggl-right-hf .ph-card {
        height: 100%;
    }

.mb-1p8 {
    margin-bottom: var(--default-gap);
}

.ph-card.profile-main-container {
    padding: 2.2rem;
}

.pmenu-wrap {
    position: sticky;
    top: 61px;
    z-index: 9;
    /*border-radius: 0;
    background-color: var(--sec-light-color4);*/
    color: var(--primary-color);
}

    .pmenu-wrap.js-main-header-fix {
        top: calc(var(--nav-min-height) - var(--default-gap));
        z-index: 9;
        color: var(--primary-color);
        padding-top: var(--default-gap);
        display: flex;
        align-items: flex-end;
        background-color: var(--bg-default);
        margin-bottom: 0;
        /*transition: all 0.3s;*/
    }

    .pmenu-wrap .nav-link:not(.active):hover {
        color: var(--primary-color);
    }

/*html[color-mode="dark"] .pmenu-wrap.js-main-header-fix {
    transition: none;
}*/

.js-main-header-fix .ph-card {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.pmenu-wrap .ph-card {
    padding: 0.5rem 0.5rem;
    overflow: hidden;
    position: relative;
    flex: 1;
}

.pmenu-wrap .nav-item .nav-link {
    border: none;
    background-color: transparent;
    display: inline-block;
    min-width: initial;
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
    padding: 0.35rem 1rem;
}

.pmenu-wrap .nav-item:last-child .nav-link {
    margin-right: 0.6rem;
}

.pmenu-wrap .nav-item .nav-link.active {
    background-color: var(--sec-light-color7);
    color: var(--primary-color);
    border-radius: calc(var(--border-radius-default) * 0.7);
}

.pg-grid-layout-left .ph-card:not(last-child), .p-mb-grid {
    margin-bottom: var(--default-gap);
}

.cp-btns-wrapper {
    margin-top: 0.6rem;
}

.custom-item {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.cata-sub-nav {
    /*margin: 0 1.8rem 0 1.8rem;*/
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */
}

    .cata-sub-nav::-webkit-scrollbar {
        display: none;
    }

    .cata-sub-nav ul {
        margin: 0;
        display: flex;
        -webkit-padding-start: 0px;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .cata-sub-nav li {
        display: inline-table;
    }

.nav-prev, .nav-next {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.nav-prev {
    left: 0;
    display: none;
}

.prev-active.nav-prev,
.next-active.nav-next {
    display: flex;
}

.nav-next {
    right: 0rem;
}

.nav-prev,
.next-active {
    opacity: 0.4;
    cursor: default;
}

.prev-active,
.next-active {
    opacity: 1;
    cursor: pointer;
}

.nav-menu-arrow em.icon {
    line-height: 0.8;
    display: inline-block;
    cursor: pointer;
    z-index: 3;
    font-size: 1.6rem;
    color: var(--on-primary-color);
}

.cata-sub-nav .next-active::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: calc(100% - 0.2rem);
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0, var(--chat-dark-bg-2) 45%);
}

.cata-sub-nav .prev-active::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: calc(100% - 0.2rem);
    background: linear-gradient(90deg, var(--chat-dark-bg-2) 45%, rgb(255 255 255 / 0%));
}

@media(min-width: 1700px) {
    .nav-menu-arrow {
        display: none !important;
    }

    nav.cata-sub-nav::after,
    nav.cata-sub-nav .prev-active::before {
        display: none;
    }
}

.user-profile-content {
}
/*css for recent activity starts*/
.step-activity {
    position: relative;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: calc(1.5rem / -2);
    margin-left: calc(1.5rem / -2);
}

.step-activity-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-bottom: 2.25rem;
}

    .step-activity-item .step-avatar {
        font-size: .875rem;
        font-weight: 600;
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 50%;
        margin-right: 1rem;
    }

    .step-activity-item:not(:last-child) .step-avatar::after {
        position: absolute;
        top: 3.375rem;
        left: 1.15rem;
        height: calc(100% - 1.2rem);
        border-left: 0.1rem solid var(--primary-border-color);
        content: "";
    }

.step-content-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    align-items: center;
}

.step-divider {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    height: 1rem;
    font-size: calc(var(--base-font-size-xxs));
    font-weight: 500;
    color: var(--on-primary-color);
}

    .step-divider::after {
        position: absolute;
        top: 1.6rem;
        left: 1.1rem;
        height: calc(100% - 0.25rem);
        border-left: 0.1rem solid var(--primary-border-color);
        content: "";
    }

.step-content h5 {
    font-size: var(--base-font-size-xl);
    color: var(--primary-color);
    font-weight: 600;
}

.step-content p {
    font-size: var(--base-font-size-sm);
    font-weight: 300;
    color: var(--on-primary-color);
}

/*css for recent activity*/

/*css for form profile*/
.display_none {
    display: none;
}

.imgDiv,
.reports-user-icon,
.dropdown-container img {
    --img-wid-poup-manag: 2rem;
    max-width: var(--img-wid-poup-manag);
    width: var(--img-wid-poup-manag);
    height: var(--img-wid-poup-manag);
    background-color: var(--sec-light-color4);
    border-radius: 50%;
    flex: 0 0 auto;
}

    .imgDiv img,
    .reports-user-icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        /*border: 1px solid var(--input-border-1);*/
    }

.select-userlist-avatar {
    --img-wid-poup-manag: 2rem;
    max-width: var(--img-wid-poup-manag);
    width: var(--img-wid-poup-manag);
    height: var(--img-wid-poup-manag);
}

    .select-userlist-avatar .def-avat-name-ini {
        font-size: 0.68rem;
    }

.custom-field,
.dx-selectbox-popup-wrapper .dx-item-content,
.dropdown-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 400;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

    .custom-field img {
        width: 1.9rem;
        height: 1.9rem;
        border-radius: 50%;
        background-color: var(--bg-default);
        object-fit: cover;
    }

span.addUpdateIdProof,
span.uploadedIdProof,
.link-text,
.addUpdateDoc {
    display: flex;
    align-items: center;
    color: var(--primary-color);
    gap: 0.4rem;
    font-size: var(--base-font-size-lg);
    cursor: pointer;
}

.p-inline-upload {
    --p-inline-upload: 1.22rem;
    width: var(--p-inline-upload);
    height: var(--p-inline-upload);
    stroke: var(--primary-color);
}

.p-inline-delete {
    --p-inline-delete: 1.26rem;
    width: var(--p-inline-delete);
    height: var(--p-inline-delete);
    stroke: var(--p-icon-color);
}

.link-primary {
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
}

.img-uploder em.icon {
    color: var(--primary-color);
    font-size: 1.05rem;
}

/*.ph-sub-box {
    padding: 1.18rem;
    background-color: rgb(245 246 250 / 51%);
    border-radius: 0.5rem;
    margin-bottom: var(--default-gap);
}*/

.p-pro-tabs-mw .p-progress-def {
    flex: 1;
    min-width: 140px;
}


.img-uploder {
    display: flex;
    gap: 0.5rem 1rem;
    align-items: center;
    border: 0.1rem dashed var(--primary-border-color);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: 12.5rem;
    background-color: var(--grey-bg-1);
    position: relative;
}

.file-remove svg.p-grid-icon {
    --icon-v1: 1.4rem;
}

span.file-remove {
    position: absolute;
    right: 0.61rem;
    top: 50%;
    transform: translateY(-50%);
}

#SupportingDocsView .oneonone-document-view {
    position: absolute;
    right: 0.61rem;
    top: 50%;
    transform: translateY(-50%);
}

    #SupportingDocsView .oneonone-document-view .p-grid-icon {
        --icon-v1: 1.4rem;
    }

.uploadedIdProof {
    max-width: calc(100% - 1.5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img-uploder span.uploadedDoc {
    word-break: break-all;
    /*    max-width: 250px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    width:250px;*/
}

.label-note {
    font-size: var(--base-font-size);
}

.btn-submit-profile {
    text-align: right;
}

.ph-sub-box .img-uploder,
.inline-img-upoad .img-uploder {
    min-height: calc(1.5em + 0.75rem + 0.825em);
}

/*css for form profile*/
@media(min-width: 992px) {
    .js-search-icon, .close-emma-icon {
        display: none !important;
    }
}

@media(max-width: 1400px) {
    .pg-grid-layout-left {
        max-width: calc(100% - var(--default-sidebar-width) - var(--default-gap));
    }

    .pg-grid-layout-right {
        flex: 0 0 var(--default-sidebar-width);
    }
}

@media(max-width: 1024px) {
    .pg-grid-layout-left {
        max-width: 100%;
    }

    .pg-grid-layout-right {
        flex: 1;
    }
}

@media(max-width: 991.98px) {

    .img-uploder {
        flex-wrap: wrap;
    }

        .img-uploder span.uploadedDoc {
            max-width: 85%;
        }

    .global-serach-emma {
        display: none;
    }

    .js-global-emma-search {
        position: fixed;
        max-width: 100%;
        width: 100%;
        z-index: 999;
        min-height: 43px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        background-color: var(--card-bg-color);
        padding: 0.4rem 0.93rem;
        gap: 0.9rem;
    }

    .js-search-icon em.icon {
        font-size: 1.15rem;
        position: relative;
        left: 1px;
    }

    .js-global-emma-search .emma-search-input {
        width: 100%;
    }

        .js-global-emma-search .emma-search-input input {
            max-width: 100%;
        }

    .pg-grid-layout {
        flex-direction: column;
    }

    .pg-grid-layout-left {
        max-width: 100%;
    }

    .pg-grid-layout-right {
        flex: 1;
    }

    .emergency-form-main-wrapper > .df-jcsb {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .hc-cp-help-support-tab .snj-panel .panel::after {
        width: 3px;
    }
}

/*css for dx*/

.dx-scheduler-navigator .dx-button-mode-contained .dx-icon {
    color: var(--theme-primary-color);
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: var(--theme-primary-color);
}

.dx-radiobutton-icon::before {
    border: 1px solid var(--input-border-1);
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: var(--theme-primary-color);
}

.dx-master-detail-row .dx-datagrid {
    background-color: #FFF;
    padding-top: 2px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding-bottom: 15px;
}


.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
    -webkit-box-shadow: inset 0 0 0 1px var(--on-primary-color);
    box-shadow: inset 0 0 0 1px var(--on-primary-color);
}

.dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused {
    background-color: var(--theme-secondary-color);
}

.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
    background-color: var(--btn-light-bg);
}

.p-dx-search-left .dx-datagrid-focus-overlay {
    border: none;
}

.p-dx-search-left .dx-datagrid .dx-toolbar-after .dx-toolbar-item,
.p-dx-search-left .dx-datagrid .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0 0 0 0;
}

.dx-mention {
    background-color: transparent !important;
    color: var(--theme-primary-color) !important;
    font-weight: 500;
}

.dx-datagrid .dx-column-indicators {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.dx-datagrid-headers .dx-header-row .dx-command-select .dx-datagrid-checkbox-size .dx-checkbox-icon,
.dx-datagrid-checkbox-size .dx-checkbox-icon {
    height: 22px;
    width: 22px;
}

.dx-datagrid-headers .dx-header-row .dx-command-select .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon,
.dx-datagrid-table .dx-checkbox-checked .dx-checkbox-icon {
    font-size: 16px;
}

.dx-datagrid .dx-datagrid-header-panel .dx-datagrid-search-panel .dx-icon-clear::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404040'%3E%3Cpath d='M6 6L18 18' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M18 6L6 18' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    font-size: 0;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: var(--sec-light-color4);
}

.dx-list.dx-empty-collection .dx-empty-message {
    border-top: 0;
}

.dx-empty-message {
    text-align: center !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dx-popup-content {
    padding: 20px;
}

.dx-header-filter-menu .dx-popup-content {
    padding: 10px;
}


.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-item.dx-list-item {
    padding: 0 0.7rem;
}

.dx-selectbox-popup-wrapper .dx-list-select-all {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-list .dx-empty-message,
.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-list-item-content {
    padding: 8px;
}

.dx-header-filter-menu .dx-item.dx-list-item {
    border: none;
}

.dx-searchbox .dx-icon-search {
    left: 5px;
}

.dx-datagrid-header-panel .dx-searchbox .dx-icon-search {
    left: 0;
}

.dx-searchbox .dx-placeholder::before, .dx-searchbox .dx-texteditor-input {
    padding-left: 42px;
}

.pl-align .dx-texteditor-input-container input {
    padding-left: 0;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid var(--theme-primary-color);
}

.dx-header-filter-menu .dx-treeview-node {
    padding-left: 20px;
}

.dx-header-filter-menu .dx-treeview-item-with-checkbox .dx-checkbox {
    left: 24px !important;
    top: 6px;
}

.dx-header-filter-menu .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
    margin-left: -7px;
}

.dx-treeview-toggle-item-visibility {
    width: 25px;
}

.dx-treeview-item-with-checkbox .dx-checkbox {
    top: 7px;
    left: 9px;
}

.dx-treeview-node:has(.dx-treeview-item-content img) .dx-checkbox {
    top: 12.5px;
}

.dx-treeview-node-container .dx-treeview-node {
    padding-left: 0;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    padding: 8px 6px;
    padding-left: 36px;
}

body:has(#gridTerminatedUsersContainer) .dx-header-filter-menu .dx-treeview-node-is-leaf .dx-item.dx-treeview-item {
    padding-left: 51px;
}

.p-dx-treeview-mw .dx-popup-content {
    padding: 8px;
}

.dx-treeview-toggle-item-visibility::before {
    margin-left: -9px;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light-Outline/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Light-Outline/Arrow---Right-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Arrow---Right-2' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(4.000000, 7.500000)' fill='%23404040' fill-rule='nonzero'%3E%3Cpath d='M0.469669914,0.469669914 C0.735936477,0.203403352 1.15260016,0.1791973 1.44621165,0.397051761 L1.53033009,0.469669914 L8,6.939 L14.4696699,0.469669914 C14.7359365,0.203403352 15.1526002,0.1791973 15.4462117,0.397051761 L15.5303301,0.469669914 C15.7965966,0.735936477 15.8208027,1.15260016 15.6029482,1.44621165 L15.5303301,1.53033009 L8.53033009,8.53033009 C8.26406352,8.79659665 7.84739984,8.8208027 7.55378835,8.60294824 L7.46966991,8.53033009 L0.469669914,1.53033009 C0.176776695,1.23743687 0.176776695,0.762563133 0.469669914,0.469669914 Z' id='Stroke-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transition: all .3s;
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
    transform: rotate(90deg);
    transition: all .3s;
    width: 20px;
    height: 20px;
}

.dx-header-filter-menu .dx-popup-bottom.dx-toolbar {
    padding-bottom: 1.2rem;
}


.dx-toast-message {
    font-size: var(--base-font-size-xxl);
}

.dx-header-filter-menu .dx-list-select-all {
    padding: 11px 0px;
    border-bottom: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
    margin-bottom: 0.6rem;
    width: 100%;
}

/*.dx-header-filter-menu .dx-button-has-text .dx-button-content,
.dx-header-filter-menu .dx-toolbar-item-content .dx-state-hover,
.dx-header-filter-menu .dx-toolbar-item-content .dx-button-mode-contained.dx-state-focused,
.dx-popup-cancel.dx-button-mode-contained.dx-state-focused,
.dx-popup-cancel.dx-button-mode-contained.dx-state-hover,
.dx-popup-cancel[aria-label="Cancel"] {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    border: none !important;
    font-weight: 500;
    min-width: initial !important;
    padding: 0 !important;
}
*/

.dx-header-filter-menu .dx-popup-bottom .dx-toolbar-item-content .dx-button {
    min-width: 90px;
}

.dx-header-filter-menu .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    align-items: flex-end;
    gap: 1.5rem;
}

/*.dx-popup-bottom .dx-toolbar-item-content .dx-button[aria-label="Cancel"] .dx-button-content span {
    color: var(--on-secondary-color);
}*/

/*.p-tree-veiw-dd {
    padding: 0 1rem;
}
*/

.p-tree-veiw-dd {
    max-height: 400px;
}

    .p-tree-veiw-dd.p-dd-mh-ini {
        max-height: initial;
    }

.dx-command-select .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
    font-size: 9px;
}

.dx-datagrid {
    overflow: hidden;
}

.p-input-append .dx-dropdowneditor-button,
.p-input-append .dx-dropdowneditor-icon {
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-input-append .dx-datebox-list .dx-dropdowneditor-icon {
    width: 40px;
    height: calc(100% + 4px);
    border-radius: 0px;
    position: relative;
    left: -7px;
    top: -2px;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 0.7rem;
}

.dx-widget input, .dx-widget textarea, .dx-widget {
    font-family: var(--primary-font);
    line-height: 1.35715;
}

.dx-dropdownlist-popup-wrapper .dx-popup-content {
    padding: 0;
}

.dx-overlay-content {
    font-family: var(--primary-font);
}

.dx-list .dx-empty-message, .dx-list-item {
    color: var(--primary-color);
    font-weight: 400;
}

.pp-userList-selected .dx-list-select-all {
    padding: 9px 0px;
    width: 100%;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base-active-bg));
    color: var(--primary-color);
}

.dx-popover-wrapper .dx-popover-arrow::after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow::after {
    background: var(--chat-dark-bg-2);
    border-color: var(--input-border-1);
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: transparent;
}

/* Company Devices: the shared .dx-col-fixed transparency above lets horizontally scrolling
   columns show through the fixed checkbox column on the grids that have row selection (All,
   Assigned, Unassigned — Requests has no checkbox column). Restore an opaque background scoped
   to just those grids, reusing the same row/header surface tokens the existing fixed action
   column already uses (:has(.p-dd-wp-wrapper) below, and the header row background further
   down), so row hover/selection state colors (higher specificity) still take over. */
:where(#AllDevicesGrid, #AssignedDevicesGrid, #UnAssignedDevicesGrid) .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-command-select {
    background-color: var(--chat-dark-bg-2);
}

:where(#AllDevicesGrid, #AssignedDevicesGrid, #UnAssignedDevicesGrid) .dx-datagrid-headers .dx-datagrid-content-fixed .dx-datagrid-table .dx-command-select {
    background-color: var(--theme-shade-4);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: var(--light-new-blue);
    color: var(--primary-color);
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-all-day-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
    background-color: rgb(23 53 113 / 21%);
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color);
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

.dx-loadpanel {
    min-height: 170px;
}

.dx-scheduler-header {
    background-color: var(--table-head-bg);
    border: 1px solid var(--theme-border-2);
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected, .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before {
    background-color: var(--chat-dark-bg-2);
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: #FFF;
}

.dx-datagrid-group-closed,
.dx-datagrid-group-opened {
    transition: all .3s;
    min-height: 100%;
}

    .dx-datagrid-group-closed::before,
    .dx-datagrid-group-opened::before {
        font-size: 0;
        background-size: 1.1rem;
        background-repeat: no-repeat;
        position: absolute;
        height: 0.6rem;
        width: 1.3rem;
        top: 50%;
        left: 0.3rem;
        transform: translateY(-50%);
        background-position: center center;
    }

.dx-datagrid-group-closed {
    padding-top: 0;
}

.dx-datagrid-group-opened {
    padding-top: 0;
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
    padding-top: 0;
    vertical-align: middle !important;
}

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    padding: 0;
}


.dx-datagrid-rowsview tr.dx-row.dx-data-row td.dx-command-expand {
    padding-left: 10px;
}

.dx-master-detail-row .dx-datagrid {
    background-color: #FFF;
}

.dx-master-detail-row .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: var(--theme-shade-4);
}

.dx-datagrid-group-opened::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: translateY(-50%) rotate(180deg);
}

.dx-datagrid-group-closed::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

html[color-mode="dark"] .dx-datagrid-group-opened::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Bold/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Bold/Arrow---Right-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Arrow---Right-2' transform='translate(7.000000, 6.000000)' fill='%2378829A' fill-rule='nonzero'%3E%3Cpath d='M9.63078422,7.131 C9.57428154,7.189 9.36093522,7.437 9.16220166,7.641 C7.99707745,8.924 4.95762299,11.024 3.36678032,11.665 C3.12518266,11.768 2.51436922,11.986 2.18801754,12 C1.87530443,12 1.57720409,11.928 1.29274233,11.782 C0.938139308,11.578 0.653677545,11.257 0.497808086,10.878 C0.397467121,10.615 0.241597662,9.828 0.241597662,9.814 C0.0857282026,8.953 0,7.554 0,6.008 C0,4.535 0.0857282026,3.193 0.213346322,2.319 C0.227959084,2.305 0.383828544,1.327 0.554310765,0.992 C0.867023868,0.38 1.47783731,0 2.13151486,0 L2.18801754,0 C2.613736,0.015 3.5090112,0.395 3.5090112,0.409 C5.01412567,1.051 7.98343887,3.048 9.17681442,4.375 C9.17681442,4.375 9.51290794,4.716 9.65903556,4.929 C9.88699464,5.235 10,5.614 10,5.993 C10,6.416 9.87238188,6.81 9.63078422,7.131'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

html[color-mode="dark"] .dx-datagrid-group-closed::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Bold/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Bold/Arrow---Right-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Arrow---Right-2' transform='translate(7.000000, 6.000000)' fill='%2378829A' fill-rule='nonzero'%3E%3Cpath d='M9.63078422,7.131 C9.57428154,7.189 9.36093522,7.437 9.16220166,7.641 C7.99707745,8.924 4.95762299,11.024 3.36678032,11.665 C3.12518266,11.768 2.51436922,11.986 2.18801754,12 C1.87530443,12 1.57720409,11.928 1.29274233,11.782 C0.938139308,11.578 0.653677545,11.257 0.497808086,10.878 C0.397467121,10.615 0.241597662,9.828 0.241597662,9.814 C0.0857282026,8.953 0,7.554 0,6.008 C0,4.535 0.0857282026,3.193 0.213346322,2.319 C0.227959084,2.305 0.383828544,1.327 0.554310765,0.992 C0.867023868,0.38 1.47783731,0 2.13151486,0 L2.18801754,0 C2.613736,0.015 3.5090112,0.395 3.5090112,0.409 C5.01412567,1.051 7.98343887,3.048 9.17681442,4.375 C9.17681442,4.375 9.51290794,4.716 9.65903556,4.929 C9.88699464,5.235 10,5.614 10,5.993 C10,6.416 9.87238188,6.81 9.63078422,7.131'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dx-page[aria-label="Page >"] {
    font-size: 0;
}

.dx-datagrid-table-fixed .dx-data-row:hover {
    background-color: transparent;
}

.dx-master-detail-row .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed,
.dx-master-detail-row .dx-datagrid-content-fixed tr.dx-row,
.dx-master-detail-row .dx-datagrid-content-fixed tr.dx-row td:hover {
    background-color: transparent;
}
/*.dx-datagrid-table-fixed .dx-data-row td:nth-child(2) {
    box-shadow: -4px 0px 5px -4px rgba(13, 38, 58, 0.12);
}*/
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
    border-left: 0px solid var(--primary-border-color);
    border-right: 0px solid var(--primary-border-color);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--bg-default);
    color: var(--primary-color);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: none;
    border-top: none;
}

.dx-scheduler-work-space {
    border: 1px solid var(--theme-border-2);
}

.dx-datagrid-header-panel .dx-datagrid-search-panel .dx-texteditor-container {
    position: relative;
}

    .dx-datagrid-header-panel .dx-datagrid-search-panel .dx-texteditor-container .dx-texteditor-buttons-container {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.dx-show-clear-button .dx-icon-clear {
    color: var(--theme-primary-color);
    font-size: var(--base-font-size-h5);
}

.dx-header-filter-menu .dx-checkbox-icon,
.dx-list-search .dx-checkbox-container .dx-checkbox-icon,
.dx-popup-content .dx-checkbox-icon {
    border: 1px solid var(--input-border-1);
    background-color: #fff;
}

.dx-header-filter-menu .dx-item-content.dx-list-item-content {
    padding-left: 4px;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 0.25rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    position: absolute;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon::before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon::before {
    border: 1px solid var(--primary-border-color);
}

.dx-checkbox-checked .dx-checkbox-icon {
    font: 13px / 16px DXIcons;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: var(--primary-color);
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon::before {
    border-color: var(--input-border-1) !important;
}

.p-input-append .dx-invalid .custom-field > div {
    color: var(--placeholder-color);
}

.dob-input-rc {
    padding-right: 0.75rem !important;
}

.p-input-append .dx-datebox-list .dx-dropdowneditor-icon::before,
input::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9838 0.639648C12.3814 0.639648 12.7038 0.962003 12.7038 1.35965V1.98504C13.8351 2.07694 14.8257 2.45677 15.5657 3.16231C16.4303 3.98669 16.8592 5.16658 16.8554 6.57409V9.38952C16.8554 9.78716 16.533 10.1095 16.1354 10.1095C15.7377 10.1095 15.4154 9.78716 15.4154 9.38952V8.28473H1.77374V14.1562C1.77374 15.2897 2.11067 16.0751 2.63079 16.5793C3.15448 17.0869 3.95498 17.3975 5.05158 17.3975H7.11589C7.51354 17.3975 7.83589 17.7199 7.83589 18.1175C7.83589 18.5152 7.51354 18.8375 7.11589 18.8375H5.05158C3.6869 18.8375 2.48848 18.4468 1.62857 17.6133C0.765091 16.7763 0.33374 15.5811 0.33374 14.1562V6.57332C0.33374 5.16467 0.767277 3.9852 1.63358 3.16159C2.37446 2.45723 3.36435 2.07734 4.49316 1.98518V1.35965C4.49316 0.962003 4.81552 0.639648 5.21316 0.639648C5.61081 0.639648 5.93316 0.962003 5.93316 1.35965V1.96289H11.2638V1.35965C11.2638 0.962003 11.5861 0.639648 11.9838 0.639648ZM11.2638 4.11705V3.40289H5.93316V4.11705C5.93316 4.51469 5.61081 4.83705 5.21316 4.83705C4.81552 4.83705 4.49316 4.51469 4.49316 4.11705V3.43114C3.67457 3.51737 3.05576 3.79642 2.62578 4.20522C2.10848 4.69702 1.77374 5.46277 1.77374 6.57332V6.84473H15.4154V6.57332L15.4154 6.57121C15.4186 5.4601 15.0867 4.69526 14.572 4.2045C14.1438 3.79617 13.5253 3.51694 12.7038 3.43093V4.11705C12.7038 4.51469 12.3814 4.83705 11.9838 4.83705C11.5861 4.83705 11.2638 4.51469 11.2638 4.11705ZM10.2591 14.9322C10.2591 13.2821 11.5968 11.9439 13.2464 11.9439C14.8971 11.9439 16.2347 13.2822 16.2347 14.9322C16.2347 16.5819 14.8973 17.9195 13.2464 17.9195C11.5966 17.9195 10.2591 16.582 10.2591 14.9322ZM13.2464 10.5039C10.801 10.5039 8.81909 12.4873 8.81909 14.9322C8.81909 17.3773 10.8013 19.3595 13.2464 19.3595C15.6924 19.3595 17.6747 17.3774 17.6747 14.9322C17.6747 12.4872 15.6926 10.5039 13.2464 10.5039ZM13.2259 12.9688C13.6235 12.9688 13.9459 13.2911 13.9459 13.6888V14.7869L14.7675 15.2779C15.1088 15.4819 15.2201 15.924 15.0161 16.2654C14.8122 16.6067 14.3701 16.718 14.0287 16.514L12.8565 15.8134C12.639 15.6834 12.5059 15.4487 12.5059 15.1954V13.6888C12.5059 13.2911 12.8282 12.9688 13.2259 12.9688ZM4.84317 10.1836C4.44552 10.1836 4.12317 10.5059 4.12317 10.9036C4.12317 11.3012 4.44552 11.6236 4.84317 11.6236H4.85317C5.25081 11.6236 5.57317 11.3012 5.57317 10.9036C5.57317 10.5059 5.25081 10.1836 4.85317 10.1836H4.84317ZM4.12317 14.2415C4.12317 13.8438 4.44552 13.5215 4.84317 13.5215H4.85317C5.25081 13.5215 5.57317 13.8438 5.57317 14.2415C5.57317 14.6391 5.25081 14.9615 4.85317 14.9615H4.84317C4.44552 14.9615 4.12317 14.6391 4.12317 14.2415ZM8.36441 10.1836C7.96676 10.1836 7.64441 10.5059 7.64441 10.9036C7.64441 11.3012 7.96676 11.6236 8.36441 11.6236H8.37441C8.77205 11.6236 9.09441 11.3012 9.09441 10.9036C9.09441 10.5059 8.77205 10.1836 8.37441 10.1836H8.36441Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    font-size: 0;
    height: 1.25rem;
    font-size: 0;
    height: 1.25rem;
    background-size: 1.2rem;
    background-position: center center;
}

input::-webkit-calendar-picker-indicator {
    width: 0.7rem;
    background-size: 1.15rem;
}

.dx-datagrid .dx-header-filter::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9171 11.0577C11.4816 10.6474 10.7816 10.6474 10.3461 11.0577L6.50001 14.6812L2.65393 11.0577L2.65392 11.0577C2.2185 10.6474 1.51834 10.6474 1.08291 11.0577C0.639029 11.4759 0.639029 12.1604 1.08291 12.5786L1.08292 12.5786L5.71454 16.9423C6.14998 17.3526 6.85005 17.3526 7.28548 16.9423L11.9171 12.5786C12.361 12.1604 12.361 11.4759 11.9171 11.0577Z' fill='%23404040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.08293 6.19225C1.51836 6.6025 2.21843 6.6025 2.65386 6.19225L6.49999 2.56872L10.3461 6.19225L10.3461 6.19225C10.7815 6.6025 11.4817 6.6025 11.9171 6.19225C12.361 5.77403 12.361 5.08953 11.9171 4.6713L11.9171 4.6713L7.28546 0.307626C6.85002 -0.102623 6.14995 -0.102622 5.71452 0.307626L1.08293 4.6713C0.639026 5.08953 0.639026 5.77403 1.08293 6.19225Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    font-size: 0;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    background-size: 0.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -13px;
    right: -1.2rem;
}

.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty)::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9687 5.40639C12.1581 5.59865 12.2499 5.83542 12.2499 6.07119C12.2499 6.35349 12.1171 6.63479 11.8593 6.83412C11.6386 7.0047 11.3632 7.08667 11.0917 7.0834L1.07999 7.0835V7.08199C0.833888 7.07016 0.589789 6.98836 0.390589 6.83412C-0.0840112 6.46682 -0.132911 5.82834 0.281189 5.40639L5.26359 0.347086C5.48039 0.126532 5.79489 7.72297e-06 6.12499 7.72297e-06C6.45499 7.72297e-06 6.76949 0.126532 6.98629 0.347086L11.9687 5.40639Z' fill='%23404040'/%3E%3Cpath d='M0.28125 11.5936C0.09179 11.4014 0 11.1646 0 10.9288C0 10.6465 0.13281 10.3652 0.39062 10.1659C0.61133 9.9953 0.88672 9.91333 1.1582 9.9166L11.17 9.9165V9.91801C11.4161 9.92984 11.6602 10.0116 11.8594 10.1659C12.334 10.5332 12.3828 11.1717 11.9688 11.5936L6.98635 16.6529C6.76955 16.8735 6.45505 17 6.12495 17C5.79495 17 5.48045 16.8735 5.26365 16.6529L0.28125 11.5936Z' fill='%23404040'/%3E%3C/svg%3E%0A") !important;
}

.dx-context-menu.dx-datagrid .dx-submenu {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
}

.dx-menu-base .dx-submenu .dx-menu-item-content {
    padding: 7px 5px 7px;
}

.dx-menu-base .dx-submenu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.dx-menu-base .dx-submenu .dx-menu-item.dx-state-hover {
    color: var(--primary-color);
    background-color: var(--sec-light-color5);
}

.p-dx-dd .dx-dropdowneditor-icon::before {
    font-size: 0;
}

.p-dx-dd .input-icon-append {
    right: 0.45rem;
}

html[color-mode="dark"] .p-input-append .dx-datebox-list .dx-dropdowneditor-icon::before,
html[color-mode="dark"] -webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9838 0.639648C12.3814 0.639648 12.7038 0.962003 12.7038 1.35965V1.98504C13.8351 2.07694 14.8257 2.45677 15.5657 3.16231C16.4303 3.98669 16.8592 5.16658 16.8554 6.57409V9.38952C16.8554 9.78716 16.533 10.1095 16.1354 10.1095C15.7377 10.1095 15.4154 9.78716 15.4154 9.38952V8.28473H1.77374V14.1562C1.77374 15.2897 2.11067 16.0751 2.63079 16.5793C3.15448 17.0869 3.95498 17.3975 5.05158 17.3975H7.11589C7.51354 17.3975 7.83589 17.7199 7.83589 18.1175C7.83589 18.5152 7.51354 18.8375 7.11589 18.8375H5.05158C3.6869 18.8375 2.48848 18.4468 1.62857 17.6133C0.765091 16.7763 0.33374 15.5811 0.33374 14.1562V6.57332C0.33374 5.16467 0.767277 3.9852 1.63358 3.16159C2.37446 2.45723 3.36435 2.07734 4.49316 1.98518V1.35965C4.49316 0.962003 4.81552 0.639648 5.21316 0.639648C5.61081 0.639648 5.93316 0.962003 5.93316 1.35965V1.96289H11.2638V1.35965C11.2638 0.962003 11.5861 0.639648 11.9838 0.639648ZM11.2638 4.11705V3.40289H5.93316V4.11705C5.93316 4.51469 5.61081 4.83705 5.21316 4.83705C4.81552 4.83705 4.49316 4.51469 4.49316 4.11705V3.43114C3.67457 3.51737 3.05576 3.79642 2.62578 4.20522C2.10848 4.69702 1.77374 5.46277 1.77374 6.57332V6.84473H15.4154V6.57332L15.4154 6.57121C15.4186 5.4601 15.0867 4.69526 14.572 4.2045C14.1438 3.79617 13.5253 3.51694 12.7038 3.43093V4.11705C12.7038 4.51469 12.3814 4.83705 11.9838 4.83705C11.5861 4.83705 11.2638 4.51469 11.2638 4.11705ZM10.2591 14.9322C10.2591 13.2821 11.5968 11.9439 13.2464 11.9439C14.8971 11.9439 16.2347 13.2822 16.2347 14.9322C16.2347 16.5819 14.8973 17.9195 13.2464 17.9195C11.5966 17.9195 10.2591 16.582 10.2591 14.9322ZM13.2464 10.5039C10.801 10.5039 8.81909 12.4873 8.81909 14.9322C8.81909 17.3773 10.8013 19.3595 13.2464 19.3595C15.6924 19.3595 17.6747 17.3774 17.6747 14.9322C17.6747 12.4872 15.6926 10.5039 13.2464 10.5039ZM13.2259 12.9688C13.6235 12.9688 13.9459 13.2911 13.9459 13.6888V14.7869L14.7675 15.2779C15.1088 15.4819 15.2201 15.924 15.0161 16.2654C14.8122 16.6067 14.3701 16.718 14.0287 16.514L12.8565 15.8134C12.639 15.6834 12.5059 15.4487 12.5059 15.1954V13.6888C12.5059 13.2911 12.8282 12.9688 13.2259 12.9688ZM4.84317 10.1836C4.44552 10.1836 4.12317 10.5059 4.12317 10.9036C4.12317 11.3012 4.44552 11.6236 4.84317 11.6236H4.85317C5.25081 11.6236 5.57317 11.3012 5.57317 10.9036C5.57317 10.5059 5.25081 10.1836 4.85317 10.1836H4.84317ZM4.12317 14.2415C4.12317 13.8438 4.44552 13.5215 4.84317 13.5215H4.85317C5.25081 13.5215 5.57317 13.8438 5.57317 14.2415C5.57317 14.6391 5.25081 14.9615 4.85317 14.9615H4.84317C4.44552 14.9615 4.12317 14.6391 4.12317 14.2415ZM8.36441 10.1836C7.96676 10.1836 7.64441 10.5059 7.64441 10.9036C7.64441 11.3012 7.96676 11.6236 8.36441 11.6236H8.37441C8.77205 11.6236 9.09441 11.3012 9.09441 10.9036C9.09441 10.5059 8.77205 10.1836 8.37441 10.1836H8.36441Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

html[color-mode="dark"] .dx-datagrid .dx-header-filter::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.05247 2.07965C2.72121 2.07965 1.64251 3.15835 1.64251 4.4896V6.33339C1.64251 6.94631 1.87088 7.53754 2.28352 7.99145C2.28358 7.99151 2.28346 7.99138 2.28352 7.99145L6.1451 12.235C6.14519 12.2351 6.14502 12.2349 6.1451 12.235C6.70461 12.8483 7.01322 13.6486 7.01322 14.4773V17.0178C7.01322 17.6405 7.62948 18.0751 8.21627 17.8659M8.21627 17.8659L9.83857 17.2869C9.83864 17.2869 9.83851 17.2869 9.83857 17.2869C10.4283 17.0762 10.8225 16.5171 10.8225 15.8914V14.6155C10.8225 13.6767 11.233 12.7845 11.9471 12.174L16.4155 8.35472C16.4155 8.3547 16.4155 8.35473 16.4155 8.35472C16.9635 7.88616 17.2786 7.20248 17.2786 6.4819V4.4896C17.2786 3.15822 16.1997 2.07965 14.8695 2.07965H4.05247M0.202515 4.4896C0.202515 2.36306 1.92592 0.639648 4.05247 0.639648H14.8695C16.9952 0.639648 18.7186 2.36318 18.7186 4.4896V6.4819C18.7186 7.62375 18.2191 8.70725 17.3512 9.44925L12.8828 13.2685C12.8828 13.2685 12.8828 13.2685 12.8828 13.2685C12.4891 13.6052 12.2625 14.0973 12.2625 14.6155V15.8914C12.2625 17.1262 11.4854 18.2278 10.323 18.643L8.7003 19.2221C7.17629 19.7657 5.57322 18.6367 5.57322 17.0178V14.4773C5.57322 14.0059 5.39784 13.5524 5.08137 13.2056L1.21849 8.96062C0.564572 8.24147 0.202515 7.3045 0.202515 6.33339V4.4896Z' fill='%2378829A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.77502 6.56668C5.77502 6.16903 6.09738 5.84668 6.49502 5.84668H12.4262C12.8238 5.84668 13.1462 6.16903 13.1462 6.56668C13.1462 6.96432 12.8238 7.28668 12.4262 7.28668H6.49502C6.09738 7.28668 5.77502 6.96432 5.77502 6.56668Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

.dx-datagrid-header-panel {
    border-bottom: none;
    border: none;
}

.dx-datagrid-pager {
    border-top: 0px double #ddd;
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-top: none !important;
    border: none !important;
}

.dx-datagrid-content-fixed tr.dx-row, .dx-datagrid-content-fixed tr.dx-row td:hover {
    /*background-color: var(--chat-dark-bg-2);*/
    /*    border-radius: 0 !important;*/
}

    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-2-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-3-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-4-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-5-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-6-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-7-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-8-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-9-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-10-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-11-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-12-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-13-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-14-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-15-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-16-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-17-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-18-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-19-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-20-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-21-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-22-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-23-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-24-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-25-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-26-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-27-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-28-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-29-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-30-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-31-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-32-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-33-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-34-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-35-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-36-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-37-fixed"],
    .dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-38-fixed"] {
        background-color: transparent;
        background-color: var(--chat-dark-bg-2);
    }

.dx-datagrid .dx-row > td:has(.p-dd-wp-wrapper) {
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2);
}

/*.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}*/


.p-dd-ms-dx .dx-dropdowneditor-field-clickable .dx-dropdowneditor-button {
    position: absolute;
    right: 0;
}

.dx-scheduler-appointment-content > * {
    font-size: var(--base-font-size-xxs);
    border-radius: 0.15rem;
    line-height: 1.5;
}

.dx-widget {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    font-family: var(--base-font-size);
}

.dx-treeview-item.dx-state-hover,
.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.dx-overlay-wrapper {
    color: var(--on-primary-color);
}

.dx-widget {
    font-size: var(--base-font-size);
}

.dx-calendar-navigator .dx-calendar-caption-button {
    font-size: var(--base-font-size-lg);
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-icon-search::before,
.dx-searchbox .dx-icon-search::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8AA3'%3E%3Ccircle cx='11.2481' cy='10.7887' r='8.03854' stroke-width='1.5' stroke-linecap='square'%3E%3C/circle%3E%3Cpath d='M16.7369 16.7083L21.2904 21.2499' stroke-width='1.5' stroke-linecap='square'%3E%3C/path%3E%3C/svg%3E");
    font-size: 0;
    width: 1.1rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    left: 2px;
    top: 0px;
}

html[color-mode="dark"] .p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-icon-search::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='Iconly/Light/Search' stroke-width='1.5' stroke='%23d1d1d1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Search' transform='translate(2.000000, 2.000000)' stroke-width='1.5'%3E%3Ccircle id='Ellipse_739' cx='9.76659044' cy='9.76659044' r='8.9885584'%3E%3C/circle%3E%3Cline x1='16.0183067' y1='16.4851259' x2='19.5423342' y2='20.0000001' id='Line_181'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-placeholder::before,
.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-texteditor-input {
    padding-left: 40px;
    padding-right: 40px;
}

.p-dx-search-left .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 1.6rem;
    padding-left: 1.1rem;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-datagrid-search-panel {
    border-radius: var(--border-radius-default);
    border: none;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-icon-search {
    width: 42px;
    height: 42px;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-placeholder::before {
    padding: 10px 9px 8px;
    color: var(--placeholder-color);
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-texteditor-input {
    border-radius: var(--border-radius-default);
    min-height: calc(1.5em + 0.75rem + 9.6px);
}

.p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-datagrid-search-panel {
    margin: 0;
}

.p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    left: 0;
    right: initial;
    padding-left: 0;
}

.p-dx-search-left #divEmailAuditLogs .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    left: 327px;
    z-index: 999;
}


.dx-scheduler .dx-button-mode-contained.dx-state-focused {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.doc-avail-calender .dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.doc-avail-calender .dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: transparent;
}

.dx-datagrid .dx-datagrid-header-panel .dx-texteditor-input {
    height: calc(1.5em + 0.75rem + 4.5px);
}

.dx-datagrid-headers {
    overflow: hidden;
    /*border-radius: calc(var(--bs-border-radius) * 0.95);*/
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0.9rem;
}

.dx-datagrid-rowsview .dx-row:not(.dx-freespace-row):hover {
    background-color: transparent;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
.p-def-table tr:not(.dx-freespace-row):hover,
.p-dx-search-left .dx-datagrid-table .dx-data-row.dx-state-hover .dx-focused {
    /*    background-color: var(--theme-light-bg-def-1);*/
    background-color: var(--theme-shade-4) !important;
    color: var(--primary-color);
}

.p-trta-mw .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
.p-trta-mw .p-dx-search-left .dx-datagrid-table .dx-data-row.dx-state-hover td:has(.p-dd-wp-wrapper) {
    background-color: transparent !important;
}


/*.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    background-color: var(--chat-dark-bg-2) !important;
}*/
.dx-datagrid .dx-row > td:has(.p-dd-wp-wrapper) {
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2);
}

/*.p-dx-search-left:not(#teamRotaGrid) .dx-datagrid-table .dx-data-row.dx-state-hover td:has(.p-dd-wp-wrapper) {
    background: var(--theme-light-bg-def-1);
    background-color: var(--theme-light-bg-def-1) !important;
}*/

.dx-datagrid .dx-fixed-columns .dx-datagrid-content-fixed .dx-datagrid-table tr.dx-state-hover td:last-child {
    pointer-events: auto;
    /*  border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;*/
}

/* 86cb9bam0: Admin Attendance Geo Fencing grids — keep action kebab visible (headless QA cannot rely on dx-state-hover). */
#gridContainerWebData .dx-datagrid-rowsview .p-dd-wp-wrapper,
#gridContainerWebData .dx-datagrid-content-fixed .p-dd-wp-wrapper,
#gridContainerMobileData .dx-datagrid-rowsview .p-dd-wp-wrapper,
#gridContainerMobileData .dx-datagrid-content-fixed .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: initial;
}

.p-def-table.table-no-hover > table tr:hover {
    background-color: initial;
}

.dx-dropdowneditor-icon {
    color: var(--on-primary-color);
}

.dx-button-mode-contained {
    border-color: var(--primary-border-color);
    color: var(--on-primary-color);
}

.dx-datagrid-headers {
    color: var(--on-primary-color);
    border-bottom: none;
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: none;
    border-right: none;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: none;
}
/*
.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px solid var(--primary-border-color);
}*/

.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: var(--theme-shade-4);
    padding: var(--grid-table-padding);
}

/*.dx-gridbase-container.dx-datagrid {
    min-height: 400px;
}*/
#grid-Esign .dx-datagrid .dx-column-indicators {
    float: initial !important;
    position: initial;
    transform: inherit;
}

#grid-Esign .dx-header-row .dx-datagrid-text-content {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size);
    float: left;
    padding: 0 16px 0 0;
}

/* 86cb71fxa redo (2026-09-05): Applies As header matches Dates — inline sort arrow beside title. */
/* 86cb71fxa redo (2026-09-05): Shakib — header left-aligned like Name/Dates (not centered in wide cell). */
#BlackoutPeriodTable .dx-header-row > td.js-blackout-applies-as,
#BlackoutPeriodTable .dx-header-row > td.js-blackout-applies-as-header {
    white-space: nowrap;
    text-align: left !important;
}

    #BlackoutPeriodTable .dx-header-row > td.js-blackout-applies-as .dx-column-indicators,
    #BlackoutPeriodTable .dx-header-row > td.js-blackout-applies-as-header .dx-column-indicators {
        float: initial !important;
        position: initial !important;
        transform: none !important;
    }

    #BlackoutPeriodTable .dx-header-row > td.js-blackout-applies-as .dx-datagrid-text-content,
    #BlackoutPeriodTable .dx-header-row > td.js-blackout-applies-as-header .dx-datagrid-text-content {
        white-space: nowrap;
        float: left;
        width: auto;
        padding: 0 4px 0 0;
    }

.dx-header-row .dx-datagrid-text-content {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size);
}

.dx-button-content .dx-button-text {
    line-height: 1.5;
}

.dx-texteditor.dx-editor-outlined {
    background: var(--chat-dark-bg-2);
    border: none;
    border-radius: var(--bs-border-radius-lg) !important;
}

.dx-placeholder,
.p-place-holder {
    color: var(--placeholder-color);
}

.dx-datagrid .dx-column-lines > td {
    border-left: none;
    border-right: none;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.075);
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer,
.dx-datagrid .dx-row-lines > td {
    border-bottom: none;
}

.dx-datagrid-nodata {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.6 ) !important;
    font-size: var(--base-font-size);
}

.dx-datagrid .dx-link {
    color: var(--primary-color);
}

.dx-popup-content .dx-texteditor-container .dx-texteditor-buttons-container {
    position: absolute;
    right: 0;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px/14px DXIcons;
    color: var(--primary-color);
    text-align: center;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    color: var(--primary-color);
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid var(--border-layout);
    background: var(--th-dropdown-bg) !important;
    box-shadow: var(--default-shadow) !important;
    border-radius: calc(var(--border-radius-default)) !important;
    border: 1px solid var(--theme-border-2);
    backdrop-filter: blur(30px);
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow::after {
    border: 1px solid var(--input-border-1);
    background: var(--chat-dark-bg-2);
}

.dx-overlay-wrapper .dx-popup-content .dx-box-flex.dx-box {
    grid-row-gap: 0.8rem;
}

.dx-fileupload-btn .dx-button-has-text .dx-button-content {
    background-color: var(--primary-color);
    border-radius: 0.6rem;
    color: var(--card-bg-color);
}

    .dx-fileupload-btn .dx-button-has-text .dx-button-content:hover {
        background-color: var(--secondary-color);
    }

.dx-fileupload-btn .dx-fileuploader-input-wrapper,
.dx-fileupload-btn .dx-fileuploader-wrapper {
    padding: 0;
    border: none;
}

.dx-fileupload-btn {
    position: relative;
    top: -1.3rem;
    margin-top: 1.3rem;
}

    .dx-fileupload-btn .dx-fileuploader-input-container {
        display: none;
    }

.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
    padding: 0px;
}

#gridContainer .dx-editor-cell .dx-texteditor, #gridContainer .dx-texteditor-input {
    box-shadow: none;
}

.dx-datagrid-table .dx-datagrid-filter-row .dx-texteditor-input-container input {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 1px;
}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-focus-overlay {
    border: none;
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: transparent;
    border-color: transparent;
    color: var(--primary-color);
}

.dx-texteditor-container:focus .form-group .dx-texteditor.dx-editor-outlined {
    color: var(--primary-color);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    box-shadow: 0 0 0 .25rem hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
    color: var(--on-primary-color);
}


.dx-datagrid .icon.ni {
    color: var(--link-color);
    font-size: 1.125rem;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.dx-datagrid .dx-row > td,
.p-modal .dx-datagrid .dx-row > td {
    padding: var(--grid-table-padding);
}

.p-grid-emojee {
    font-size: calc(var(--base-font-size-h2) * 1.1);
}

.dx-list .dx-empty-message, .dx-list-item {
    border-top: 0;
}

.dx-header-filter-menu .dx-empty-message {
    text-align: center !important;
    border: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dx-toolbar {
    background-color: transparent;
}

.dx-datagrid {
    color: var(--on-primary-color);
    background-color: transparent;
}

.dx-datagrid-headers {
    margin-bottom: 0.6rem;
}
/*calender cutomization*/

.dx-cust-cal .dx-button-mode-contained.dx-state-hover {
    background-color: var(--sec-light-color4);
}

.dx-cust-cal .dx-calendar-cell.dx-calendar-selected-date,
.dx-cust-cal .dx-calendar-cell.dx-calendar-today,
.dx-cust-cal .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-cust-cal .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    color: var(--primary-color);
    -webkit-box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
    box-shadow: inset 0 0 0 1000px var(--sec-light-color4) !important;
}

.dx-cust-cal .dx-calendar-cell {
    color: var(--on-primary-color);
}

.dx-cust-cal .dx-calendar-today-button {
    color: var(--link-color);
}

.dx-cust-cal .dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 var(--primary-border-color);
    color: var(--on-primary-color);
}

.dx-cust-cal .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
.dx-cust-cal .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
.dx-cust-cal .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
.dx-cust-cal .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
.dx-cust-cal .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
.dx-cust-cal .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: var(--disabled-color);
}

.dx-cust-cal .dx-calendar {
    width: 100%;
    min-width: 282px;
    min-height: 390px !important;
}


.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    border-bottom: 2px solid var(--primary-color);
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell,
.dx-scheduler-date-time-indicator::before {
    color: var(--primary-color);
}

.dx-scheduler-group-header .grid-profile-wrapper {
    white-space: initial;
    align-self: flex-start;
    padding-top: 1.3rem;
}

    .dx-scheduler-group-header .grid-profile-wrapper p {
        font-size: var(--base-font-size);
        font-weight: 500;
        color: var(--primary-color);
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 74px;
    }

.grid-profile-wrapper .grid-avatar {
    flex: 0 0 auto;
}

.grid-pw-sm-label {
    line-height: 1.4;
}

    .grid-pw-sm-label p {
        font-weight: 600;
    }

    .grid-pw-sm-label small {
        display: block;
        font-size: calc(var(--base-font-size-xxs) * 0.88);
    }

.dx-scheduler-header-panel-cell {
    color: var(--on-primary-color);
}

.dx-scheduler-date-time-indicator {
    background-color: var(--primary-color);
}

.dx-datagrid .dx-header-filter {
    font-size: 0.6rem;
    color: var(--on-primary-color);
    margin-left: 4px;
}

/*dark mode css starts here*/

html[color-mode="dark"] .dx-overlay-content .dx-button-mode-contained {
    border-color: var(--primary-border-color);
    color: var(--on-primary-color);
}

html[color-mode="dark"] .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: transparent;
}

html[color-mode="dark"] .user-profile-container .iconly--icon {
    stroke: var(--primary-color);
}

html[color-mode="dark"] .step-activity-item .step-avatar::after,
html[color-mode="dark"] .step-divider::after {
    border-left: 0.1rem solid rgb(60 60 60);
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .ui-state-default, html[color-mode="dark"] .ui-widget-content .ui-state-default, html[color-mode="dark"] .ui-widget-header .ui-state-default {
    border: 1px solid var(--chat-dark-bg-1);
    background: var(--chat-dark-bg-1) url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: var(--primary-color);
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field, html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field:focus {
    color: var(--primary-color);
}

.dx-dropdownlist-popup-wrapper .dx-item.dx-list-item.dx-list-item-selected {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base-active-bg));
}

/*css for drag and drop*/

.p-modal .modal-body,
.p-modal .modal-header,
.p-modal .modal-footer {
    padding: calc(var(--box-padding)* 0.95);
    border: none;
    background-color: var(--chat-dark-bg-2);
}

.p-modal .modal-body {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.preview-modal-review .modal-body {
    padding-top: 4.5rem !important;
}

.p-modal .modal-header {
    padding-bottom: 1.1rem;
    padding-top: 1.1rem;
    border-bottom: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-default-border));
}

.p-modal .modal-footer {
    padding-top: 1.25rem;
    border: none;
    gap: 1.1rem;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

    .p-modal .modal-footer > * {
        margin: 0;
    }

.modal-content {
    border-radius: var(--border-radius-default);
    border: none;
    box-shadow: var(--default-shadow);
    background-color: var(--chat-dark-bg-2);
}

.modal-heading {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size-h2);
}

.hr-line {
    border-top: 1px solid var(--primary-border-color);
}

.table td, .table th {
    border-top: 1px solid var(--primary-border-color);
}

.circle-tag {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .circle-tag::before {
        content: '';
        width: 0.78rem;
        height: 0.78rem;
        display: inline-block;
        background-color: var(--sec-light-color3);
        border-radius: 0.2rem;
    }

.circle-yellow::before {
    background-color: var(--yell-btn-darkbg-color);
}

.circle-blue::before {
    background-color: var(--light-blue);
}

.circle-salmon::before {
    background-color: var(--salmon-new-color);
}

.circle-green::before {
    background-color: var(--green-color);
}

.circle-orange::before {
    background-color: var(--orange-color);
}

.circle-red::before {
    background-color: var(--red-color);
}

.p-status-start::before {
    background-color: var(--plm-dark-yellow2);
}

.p-status-progress::before {
    background-color: var(--light-blue);
}

.p-status-completed::before {
    background-color: var(--plm-dark-green1);
}

.p-status-cancelled::before {
    background-color: #F3A7AC;
}

.txt-green {
    color: var(--green-color);
}

.txt-orange {
    color: var(--orange-color);
}

.txt-yellow {
    color: var(--yellow-color);
}

.txt-red {
    color: var(--red-color);
}


.ml-draggable-wrapper .input {
    outline: none;
    border: 1px solid white;
    background-color: #0072ff;
    color: white;
    height: 50px;
    width: 250px;
    padding-left: 10px;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 16px;
    margin-left: -5px;
}

.ml-draggable-wrapper span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.8;
    cursor: pointer;
    transition: all 200ms;
    color: white;
    will-change: transform;
}

    .ml-draggable-wrapper span:hover {
        transform: rotate(180deg);
    }

.ml-draggable-wrapper ul {
    padding: 0px;
}

    .ml-draggable-wrapper ul .draggable {
        /*will-change: transform;*/
        min-height: 2.9rem;
        list-style-type: none;
        background-color: var(--card-btn-light-bg);
        border: 1px solid var(--primary-border-color);
        color: var(--on-primary-color);
        width: 100%;
        padding: 0 0.6rem 0 1rem;
        cursor: move;
        transition: all 200ms;
        user-select: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: calc(var(--border-radius-default));
        gap: 0.6rem;
    }

        .ml-draggable-wrapper ul .draggable:not(:last-child) {
            margin-bottom: 0.6rem;
        }

        .ml-draggable-wrapper ul .draggable:after {
            content: "drag me";
            right: 3.8rem;
            font-size: 10px;
            position: absolute;
            cursor: pointer;
            line-height: 5;
            transition: all 200ms;
            transition-timing-function: cubic-bezier(0.48, 0.72, 0.62, 1.5);
            transform: translateX(120%);
            opacity: 0;
            display: none;
        }

        .ml-draggable-wrapper ul .draggable:hover:after {
            opacity: 1;
            transform: translate(0);
        }

.mlc-filter-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
}

.manage-list-content input.form-control {
    box-shadow: none;
}

.over {
    transform: scale(1.1, 1.1);
}

.p-info-msg {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    background-color: var(--salmon-new-color2);
    padding: 0.55rem 0.75rem;
    border-radius: var(--border-radius-default);
    margin-bottom: 1.5rem;
    border: var(--border-width-layout) solid var(--salmon-new-color);
    margin-top: 1.5rem;
}



    .p-info-msg p {
        margin-bottom: 0;
        color: var(--primary-color);
        font-size: var(--base-font-size);
    }

    .p-info-msg.p-ol-im p {
        margin-bottom: 0;
    }

    .p-info-msg em.icon {
        font-size: 1.8rem;
        color: var(--primary-color);
    }

.p-info-msg-blue {
    background-color: var(--plm-light-blue2);
    border: var(--border-width-layout) solid var(--primary-light-color);
}

.p-info-msg-green {
    background-color: var(--complete-bg);
    border: var(--border-width-layout) solid var(--green-color);
}

.p-info-msg-amber {
    background-color: #fff2ca;
    border: var(--border-width-layout) solid #ffe085;
}

.p-icon-primary {
    stroke: var(--primary-color);
}

.p-info-msg-amber .info-icon-dialog {
    fill: #ffbf00;
    stroke: none;
}

.p-info-msg-green .info-icon-dialog {
    fill: var(--green-color);
    stroke: none;
}

.p-info-msg-green.p-info-msg p {
    color: var(--complete-tc);
}

.p-info-msg-ul {
    padding-left: 1.025rem;
    margin-top: 0.25rem;
    color: var(--primary-color);
}



ul.help-text {
    color: var(--primary-color);
    padding-left: 1.1rem;
}

.ls-info-msg .p-info-msg {
    border: 1px solid var(--primary-border-color);
    min-height: 72px;
    border-radius: var(--bs-border-radius);
    background-color: transparent;
}

    .ls-info-msg .p-info-msg ul.list-disc {
        list-style: none;
        padding: 0;
    }

.ls-info-msg ul li:not(:last-child) {
    margin-bottom: 0.75rem;
}

.ls-info-msg ul li:nth-child(1) {
    max-width: 75%;
}


.ls-info-msg ul li:nth-child(2) {
    max-width: 65%;
}

.ls-info-msg ul li:nth-child(3) {
    max-width: 50%;
}

.ls-info-msg .info-icon-dialog.info-icon-dialog-lg {
    fill: transparent;
    stroke: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.mlc-input {
    max-width: 250px;
}

.mlc-drag-cont {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    word-break: break-word;
    line-height: 1.2;
    color: var(--primary-color);
}

.ml-draggable-wrapper {
    margin-bottom: 1.5rem;
}

.manage-list-modal .modal-lg .modal-body {
}

.mlc-filter-cus {
    display: flex;
    gap: 0.3rem;
}

.mlc-filter-cus {
    display: flex;
    gap: 0.3rem;
    cursor: pointer;
}

.p-text-btn {
    border: none;
    font-size: 1rem;
    color: var(--primary-color);
    padding: 0rem;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
}

    .p-text-btn:hover {
        background-color: var(--theme-secondary-color);
    }

    .p-text-btn .dropdown-menu {
        padding: 0.35rem;
        border: 1px solid var(--input-border-1);
    }

    .p-text-btn a.dropdown-item {
        margin: 0rem;
        width: 100%;
        border-radius: calc(var(--bs-border-radius) * 0.5);
        overflow: hidden;
        color: var(--primary-color);
        font-size: var(--base-font-size-xxs);
        display: flex;
        align-items: center;
        gap: 0.6rem;
        line-height: 1;
        line-height: 1;
        padding: 0.35rem;
    }

    .p-text-btn .p-grid-action-btns svg, .p-text-btn svg.p-grid-icon {
        stroke: var(--primary-color);
    }

    .p-text-btn svg.p-grid-icon1p1 {
        --icon-v1: 1rem;
    }

    .p-text-btn svg.p-grid-icon1p3 {
        --icon-v1: 1.15rem;
    }

@media (min-width: 992px) {
    .manage-list-modal .modal-lg {
        max-width: 630px;
    }
}


/*css for Time Off css starts here*/

.p-leave-tt-head {
    color: var(--primary-color);
}

.p-leave-tt-para {
    margin-bottom: 0;
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.leave-time-guage {
    position: relative;
}

    .leave-time-guage svg {
        width: 210px;
        height: 210px;
    }

    .leave-time-guage span.remaing-session-chart {
        line-height: 1.3;
    }

.to-quotes-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

    .to-quotes-wrapper p {
        margin-bottom: 0;
        font-size: var(--base-font-size-lg);
    }

.to-quotes {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.to-quotes-wrapper > * {
    flex: 1;
}

.toq-icon svg {
    width: 6.5rem;
    height: 7.5rem;
    display: inline-block;
}

.to-graph-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.graphGuage {
    width: 380px;
    height: 200px;
    margin: 0 auto;
}

.ph-card.to-tabs,
.ph-card.p-defautlt-navs {
    padding: 0.65rem;
}

.p-defautlt-navs .nav-pills .nav-link {
    color: rgb(56 56 60);
    font-weight: 500;
    padding: 0.1rem 0rem 0.1rem;
    font-size: var(--base-font-size-xl);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .p-defautlt-navs .nav-pills .nav-link .p-tag-count {
        font-size: calc(var(--base-font-size-xxs) * 0.94);
        height: 1.4rem;
        min-width: 1.95rem;
        flex-shrink: 0;
        padding: 0.3em 0.45em;
        margin: 0;
        font-weight: 500;
        width: initial;
        color: var(--on-primary-color);
        background: rgb(255 255 255 / 1);
        border: 1px solid #ffffff;
        line-height: 1.25;
        background-color: rgb(243 248 255 / 79%);
        color: rgb(56 56 60);
        border-radius: 0.8rem;
    }

    .p-defautlt-navs .nav-pills .nav-link.active .p-tag-count {
        font-weight: 600;
        color: var(--theme-primary-color);
        background-color: var(--btn-light-bg) !important;
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25) !important;
    }

    .p-defautlt-navs .nav-pills .nav-link.active {
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
        font-weight: 600;
    }

.p-defautlt-navs .nav-link.active-saved-tab {
    border-bottom: 3px solid var(--theme-primary-color);
    border-radius: 0 !important;
    background-color: transparent;
    padding-bottom: 0.4rem;
    color: var(--theme-primary-color);
}

.p-defautlt-navs .tabsNavActiveBg {
    border: none;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--border-radius-default) * 1);
    color: var(--primary-color);
}


.ph-card.p-defautlt-navs {
    border: none;
    padding: 0;
    position: relative;
    box-shadow: none;
    background-color: transparent;
    padding: calc(var(--box-padding) * 0.25);
    background: none;
    backdrop-filter: none;
}

    .ph-card.p-defautlt-navs::after,
    .ph-card.p-defautlt-navs::before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 3px;
    }

.p-def-nav-wbg.ph-card.p-defautlt-navs::after {
    background-color: transparent;
}

.p-defautlt-navs .tabsNavActiveBg {
    height: 2px;
    bottom: 0;
    display: inline-block;
    position: absolute;
    z-index: 1;
    transition-duration: 0.4s;
}

.p-defautlt-navs .nav li {
    z-index: 2;
}

.p-defautlt-navs .nav {
    gap: 1.45rem;
}

.p-defautlt-navs.nav-pills .nav-item {
    margin-right: 0.5rem;
}

.grid-btn-abs {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}

#btnAddNewGoal.grid-btn-abs {
    z-index: 2;
}

.grid-btn-abs-right {
    left: initial;
    right: 0;
}

.header-top-abs {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 9;
}

#UserID .dx-texteditor.dx-editor-outlined,
#UserID .dx-editor-cell .dx-texteditor-input {
    border: none !important;
}

.mto-pg-grid-layout-right {
    min-height: initial;
    margin-bottom: 0;
}

.to-tabs-content {
    margin-bottom: 0 !important;
    height: calc(100% - var(--default-gap) - 51.5px);
}

.pg-grid-layout-left {
    align-self: stretch;
}

svg.icon-sidebar-plane {
    padding: 0.4rem;
}

/* leave Balances*/
.leave-balances-content {
    color: var(--primary-color);
}

.lt-list-items {
    background-color: var(--sec-light-color4);
    border-radius: var(--border-radius-default);
    padding: 0.4rem 1rem;
    font-size: 0.95rem;
}

.lt-list-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lt-list-date {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

    .lt-list-date p {
        color: var(--primary-color);
    }

    .lt-list-date label {
        align-self: flex-start;
        font-size: 0.75rem;
    }

.lt-days {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

    .lt-days p strong {
        font-size: var(--base-font-size-h2);
    }

.lt-list-date .lt-days:last-child {
    align-items: center;
}

.lt-days p {
    margin: 0;
    line-height: 1.35;
}

.lt-list-date small {
    text-align: center;
    font-size: var(--base-font-size-sm);
}

li.lt-list-items:not(:last-child) {
    margin-bottom: calc(var(--default-gap) * .5);
}

.lt-days svg {
    width: 1.9rem;
    height: 1.9rem;
    fill: var(--primary-color);
}

.lt-list-date small.p-to-str {
    font-weight: 400;
}

.grid-avatar {
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgb(231 234 243 / 95%);
}

.grid-avatar-md {
    object-fit: cover;
    border-radius: 50%;
}

.grid-avatar-md {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgb(231 234 243 / 95%);
}

.grid-profile-wrapper {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    /* white-space: nowrap;*/
    text-align: left;
    align-self: center;
}

    .grid-profile-wrapper p {
        margin-bottom: 0;
    }

.gp-content h6 {
    cursor: pointer;
    font-size: 0.84rem;
    color: var(--primary-color);
    margin-bottom: 0.1rem;
    font-weight: 600;
}

.gp-content {
    line-height: 1.4;
}

    .gp-content p {
        margin-bottom: 0;
        font-size: var(--base-font-size-xxs);
    }

.p-appo-actn-btn {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.ctop-notification .p-form-check {
    margin-bottom: 0.5rem;
}

#TimeOffCalender .dx-scheduler-appointment {
    background-color: transparent;
    min-height: 32px;
    max-height: 32px;
}

/* Keep the fixed-height card centered on its timeline slot instead of
   extending into the next employee or department row. DevExtreme owns transform. */
#TimeOffCalender .dx-scheduler-timeline .dx-scheduler-appointment {
    translate: 0 -50%;
}

#teamSummary .dx-scheduler-appointment {
    background-color: transparent;
}

#teamSummary .dx-scheduler-timeline .dx-scheduler-appointment,
#teamSummary .dx-scheduler-work-space-month .dx-scheduler-appointment {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#TimeOffCalender .dx-scheduler-all-day-appointment,
#TimeOffCalender .dx-scheduler-timeline .dx-scheduler-appointment,
#TimeOffCalender .dx-scheduler-work-space-month .dx-scheduler-appointment,
#TimeOffCalender .dx-scheduler-all-day-appointment.dx-state-hover,
#TimeOffCalender .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
#TimeOffCalender .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
    -webkit-box-shadow: inset 0px 0 0 0 rgba(0,0,0,.3);
    box-shadow: inset 0px 0 0 0 rgba(0,0,0,.3);
}


.borderBox,
.filBox {
    padding: 0.25rem;
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.borderBox {
    border: var(--border-width-layout) solid;
    color: var(--primary-color);
}

@media(max-width: 1600px) {
    .to-quotes p br {
        display: none;
    }
}

@media(max-width: 1024px) {
    .to-quotes-wrapper {
        flex-direction: column;
        margin-bottom: 2rem;
    }
}

@media(max-width: 991.98px) {

    .toq-icon svg {
        width: 5rem;
        height: 6.5rem;
        display: inline-block;
    }

    .to-tabs.p-defautlt-navs .nav-pills > * {
        flex: 1;
        white-space: nowrap;
        text-align: center;
    }

    .to-tabs.p-defautlt-navs .nav-pills {
        gap: 0.8rem;
    }

    .grid-btn-abs {
        position: relative;
        top: 0;
        text-align: right;
        margin-left: auto;
    }
}
/*css for Time Off css ends here*/

/*css for content hub starts here*/

.medi-banner-slider {
    position: relative;
}

.featured-meditation-controls {
    position: absolute;
    right: 0.8rem;
    bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

    .featured-meditation-controls em.ni.icon {
        font-size: var(--base-font-size-h3);
        color: var(--base-font-size-h3);
    }

    .featured-meditation-controls > * {
        cursor: pointer;
    }

.ch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--content-grid-width)), 1fr));
    gap: calc(var(--default-gap) * 0.5);
}

.ch-grid-item .ch-grid-img-wrapper {
    border-radius: var(--border-radius-default);
}

.ch-grid-img-wrapper {
    position: relative;
    display: flex;
    max-height: 10rem;
    background-color: var(--primary-border-color);
}

.ch-grid-content {
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    padding: calc(var(--box-padding) * 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.6rem;
    min-height: 7.5rem;
}

    .ch-grid-content h3 {
        font-size: 0.9rem;
        line-height: 1.4;
        margin-bottom: 0;
    }

.ch-blog h3 {
    align-self: flex-start;
    flex: 1;
}

.plmm-lr-img {
    width: 100%;
    object-fit: inherit;
    min-height: 100%;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

.ch-grid-img-wrapper {
    min-height: 10rem;
}

.ch-grid-actions-item a,
.ch-grid-actions-item label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--base-font-size);
    cursor: pointer;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
}

.ch-grid-actions-item svg,
.tc-eye-icon {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.ch-grid-actions-item svg {
    fill: none;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    --icon-v1: 1.2rem !important;
}

.tc-eye-icon {
    fill: var(--primary-color);
}

.tc-content .sm-gap-cen span {
    /*font-size: var(--base-font-size-xxs);*/
    font-size: 0.76rem !important;
}

.tc-img-wrapper,
.tc-img .p-video-bg-thumbnail {
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

.tc-img .ph-thumb-tag {
    position: absolute;
    z-index: 9;
    left: 0.4rem;
    top: 0.4rem;
    font-size: 0.74rem;
    padding: 0.05rem 0.45rem 0.1rem;
}

.tc-content .sm-gap-cen svg {
    width: 1.1rem;
}

.tc-content .sm-gap-cen {
    margin-top: 0.2rem;
}

.ch-grid .plmm-tag {
    font-size: var(--base-font-size-xs) 0.78rem;
    padding: 0.2rem 0.8rem;
    bottom: 0.5rem;
    left: 0.5rem;
}

.lr-time, .lr-date {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1;
    font-size: 0.75rem;
    color: var(--chat-dark-bg-2);
}

.ch-grid-content .ni.icon {
    color: var(--chat-dark-bg-2);
}

.ch-blog {
    align-self: flex-start;
}

.scheduling-rads {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    margin-bottom: 1.5rem;
}

.future-date-hide {
    display: none;
}

.ls-cont-hub .ch-grid-content,
html[color-mode="dark"] .ls-cont-hub .ch-grid-content {
    background-color: transparent;
    padding-left: 0;
}

.ls-cont-hub .ch-grid-actions {
    gap: 1rem;
}

    .ls-cont-hub .ch-grid-actions > * {
        flex: 1;
    }

.ls-cont-hub .ch-grid-actions-item svg,
html[color-mode="dark"] .ls-cont-hub .ch-grid-actions-item svg {
    height: 0.6rem;
    fill: transparent;
    stroke: transparent;
}

.ls-cont-hub .ch-grid-content h3:nth-child(2) {
    margin-top: 0.4rem;
    max-width: 110px;
}

html[color-mode="dark"] .ch-grid-content {
    background-color: var(--bg-default);
}

.promote-cont-img-wrap {
    border-radius: calc(var(--border-radius-default) * 0.5);
    overflow: hidden;
    position: relative;
}

    .promote-cont-img-wrap img {
        max-height: 250px;
        position: relative;
        width: 100%;
        object-fit: cover;
    }

.pos-event-promote {
    position: absolute;
    bottom: 0.95rem;
    left: 0.95rem;
}

.p-etime-icon {
    background-color: var(--sec-light-color4);
    padding: 0.2rem;
    border-radius: calc(var(--border-radius-default) * 0.5);
    width: 1.9rem;
    height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-etime-icon em.icon {
        font-size: 1.3rem;
    }

.event-time-inner {
    font-weight: 600;
    color: var(--primary-color);
    gap: 0.6rem;
    font-size: 0.82rem;
}

.event-time p {
    font-size: 0.88rem;
}
/*css for content hub ends here*/
/*css for academy starts here*/
.p-academy {
    padding: 0;
}

.clamp-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* Limit to 4 lines */
    overflow: hidden;
    line-height: 1.5; /* Adjust line height as needed */
}

.p-academy .to-graph-wrapper {
    padding: calc(var(--box-padding) * 0.3);
}

.medi-banner-slider .slick-track {
    display: flex;
}

.academy-banner {
    display: flex;
    min-height: 100%;
    align-items: stretch;
}

    .academy-banner > * {
        flex: 1;
    }

.ab-left-content {
    max-width: 360px;
}

#pieMeditation,
#pieCourses,
#pieSoundscapes {
    width: calc(100% - 0.5rem);
    height: 220px;
}

@media(min-width: 1600px) {
    .ab-left-content {
        max-width: 420px;
    }
}

.ab-left-content {
    position: relative;
    border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);
    overflow: hidden;
}

    .ab-left-content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right;
    }

.ab-right-content {
    background-color: var(--primary-color);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 15.5rem;
}

    .ab-right-content h4 {
        color: var(--chat-dark-bg-2);
        margin-bottom: 0.6rem;
    }

    .ab-right-content p {
        color: var(--default-border);
        font-size: var(--base-font-size-lg);
    }

.academy-tc {
    position: relative;
    width: 100%;
    border-radius: var(--border-radius-default);
    overflow: hidden;
    min-height: var(--pc-thumb-height);
}

.academy-bc {
    text-align: left;
    width: 100%;
    padding: 0.75rem 0 0;
    padding-left: 6px;
}

    .academy-bc h5 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: var(--base-font-size);
        margin-top: 0;
        margin-bottom: 0;
        min-height: 2.1rem;
        word-break: break-word;
        line-height: 1.3;
    }

.academy-bc-info {
    font-size: 0.8rem;
    color: var(--on-primary-color);
    display: flex;
    flex-direction: column;
    gap: 0.018rem;
}

    .academy-bc-info h6 {
        font-size: var(--base-font-size);
        margin-bottom: 0.1rem;
        font-weight: 600;
        color: var(--on-primary-color);
    }

.academy-feat-img,
.p-card-full-details-img-thumb > img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    min-height: var(--pc-thumb-height);
    max-height: var(--pc-thumb-height);
    object-position: top;
}

.academy-banner .p-add-btn em.icon {
    font-size: 1.4rem;
    color: var(--p-btn-txt);
}

.tc {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
}

    .tc:not(:last-child) {
        margin-bottom: calc(var(--default-gap) * 0.5);
    }

.tc-img-wrapper {
    position: relative;
    display: flex;
    flex: 0 0 7.2rem;
    overflow: hidden;
    border-radius: 0.35rem;
    cursor: pointer;
}

    .tc-img-wrapper .icon.ni.nd-play-btn {
        height: 30px;
        width: 30px;
        max-width: 30px;
        font-size: 18px;
    }

    .tc-img-wrapper:hover .play-btn-video {
        opacity: 1;
        visibility: visible;
    }

.tc-img {
    height: 4.2rem;
    border-radius: 0.35rem;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
}

    .tc-img img {
        height: 100%;
        width: 100%;
        display: inline-block;
        object-fit: cover;
    }

.tc-content h5 {
    font-size: var(--base-font-size);
    line-height: 1.2;
    margin-bottom: 0.1rem;
    padding-right: 0.5rem;
    font-weight: 500;
}

.tc-content label {
    font-size: var(--base-font-size-xxs);
    display: block;
}

.loading-skeleton .tc-content label {
    max-width: 4em;
    margin-top: 0.55rem;
}

.cw-scroll {
    height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height) - 57px);
    padding: var(--box-padding);
    margin: calc(var(--box-padding)* -1);
    overflow: visible;
}

/*.p-ss-h100 {
    height: 100%;

    overflow-y: auto !important;
    padding-right: 1.55rem;
    width: calc(100% + 1.55rem);
    padding-left: 0.25rem;
}*/

.p-modal-sw-ig {
    max-height: calc(100% - 6rem);
}

.add-sc-inner-sw > * {
    flex: 0 0 auto;
}

.p-tabs-mh {
    min-height: 800px;
}

@media(max-width : 1800px) {
    .p-tabs-mh {
        min-height: 730px;
    }
}


.p-tabs-mh-w-nav {
    min-height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height) - var(--nav-min-height));
}

html[color-mode="dark"] .ab-right-content {
    background-color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .ab-right-content h4 {
        color: var(--primary-color);
    }

    html[color-mode="dark"] .ab-right-content p {
        color: var(--on-primary-color);
    }

html[color-mode="dark"] .progress {
    background-color: #141414;
}

@media(max-width: 1600px) {
    .ab-left-content {
        max-width: 320px;
    }

    .ab-right-content {
        padding: 1.5rem;
    }
}

/*loader css*/

.loading-skeleton .academy-bc h5 {
    min-height: initial;
    margin-bottom: 2.5rem;
}

.loading-skeleton .academy-bc-info {
    gap: 0.3rem;
}

    .loading-skeleton .academy-bc-info label:nth-child(2) {
        max-width: 45%;
    }

    .loading-skeleton .academy-bc-info label:nth-child(3) {
        max-width: 35%;
    }

.loading-skeleton .p-content-grid-item .wb-inner-wrapper .skeleton-img {
    min-height: var(--pc-thumb-height);
    max-height: var(--pc-thumb-height);
    border-radius: var(--bs-border-radius);
}

/*css for academy ends here*/


/*css for wellbeing starts here*/

.p-wellbeing-banner {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: stretch;
}


.p-d-aff {
    position: relative;
}

.pos-cen {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.p-wellbeing {
    background: radial-gradient(circle, rgba(234,239,251,1) 30%, rgba(255,255,255,1) 100%);
}

html[color-mode="dark"] .p-wellbeing {
    background: radial-gradient(circle, rgb(24 25 29) 30%, rgb(0 0 0) 100%);
}

.wb-wrapper {
    position: relative;
    padding: 0 0.4rem;
}

.p-content-grid-item {
    max-width: 260px;
    min-width: 260px;
}

.wb-inner-wrapper,
.p-card-full-details-img-thumb,
.p-card-full-details-img-therap {
    position: relative;
    width: 100%;
    border-radius: var(--border-radius-default);
    overflow: hidden;
    min-height: var(--pc-thumb-height);
}

.loading-skeleton .wb-inner-wrapper,
.loading-skeleton .p-card-full-details-img-thumb,
.loading-skeleton .p-card-full-details-img-therap {
    background-color: transparent;
}

.wb-inner-wrapper::after,
.academy-tc::after {
    content: '';
    position: absolute;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    background-color: #141821;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: calc(var(--bs-border-radius) * 1.6);
}

.wb-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 100%;
    padding: 8px 15px;
    color: #fff;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 72%);
}

    .wb-content h5 {
        font-size: 0.8rem;
        color: #fff;
        margin-bottom: 0;
    }

.loading-skeleton .wb-content h5,
.loading-skeleton .wb-content .p-content-td {
}

.loading-skeleton .wb-content {
    width: 100%;
}

    .loading-skeleton .wb-content .p-content-td {
        width: 100%;
        max-width: 30%;
    }

.play-btn-video {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .20s linear .1s;
    transition: opacity .20s linear .1s;
}

.slider-container,
.cgl-rows {
    margin-bottom: 1.4rem;
}

.loading-skeleton .cgl-rows {
    overflow: hidden;
}

.header-oc h3 {
    margin: 0;
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    margin-left: 0.35rem;
}

.slider-container .slick-dots {
    bottom: -14px;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 650px;
    padding: 1.35rem 0 0.35rem;
}

.slick-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.slider-container .slider {
    position: relative;
}

    .slider-container .slider::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(270deg, var(--chat-dark-bg-2) 15%, rgb(255 256 255 / 0%));
        width: 105px;
    }

/*.slider-container.end-of-slides .slider::after {
    display: none;
}*/

@media(max-width: 1600px) {
    .p-content-grid-item {
        max-width: 260px;
        min-width: 260px;
    }
}
/*css for booking modals stats here*/
.two-btns {
    display: flex;
    gap: 1.3rem;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.p-bokgs-stp-mw {
    max-width: 1180px;
    margin: 0 auto;
}

.p-bokgs-stp-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    align-items: center;
    grid-gap: 1rem;
}

.p-def-hr-line {
    margin: 0;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-bokgs-stp-wrapper > .ph-4 {
    margin-bottom: 2rem;
}

.bokgs-dates-wrap {
    display: flex;
    grid-gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.4rem;
}

.bokgs-dates-btn {
    color: var(--primary-color);
    text-align: center;
    Padding: 0.32rem 0.5rem;
    text-decoration: none;
    border-radius: calc(var(--border-radius-default)* 0.75);
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: var(--base-font-size);
    font-weight: 500;
    border-radius: 25px;
}

    .book-slot-selected-date .bokgs-dates-btn,
    .bokgs-dates-btn:hover {
        background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
        color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

    .bokgs-dates-btn.bokgs-dates-btn-cal:hover {
        color: #fff !important;
    }


.bokgs-dates-btn-cal {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: #fff;
    margin-left: 1rem;
}

.book-slot-selected-date .bokgs-dates-btn-cal {
    background-color: var(--theme-primary-color);
    color: #fff;
}

.bokgs-dates-btn-cal:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.bokgs-slots-wrap {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 2rem;
}

.bokgs-slots-dayshift {
    flex: 0 0 130px;
}

@media(max-width: 767px) {
    .bokgs-slots-wrap {
        flex-direction: column;
    }

    .bokgs-slots-dayshift {
        flex: 0 0 auto;
    }

    .bokgs-dates-btn-cal {
        margin-left: 0.3rem;
    }

    .bokgs-btn-time {
        text-decoration: none;
    }
}

.bokgs-dayshift {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0;
}

.bokgs-day-shift-icons {
    width: 1.3rem;
    height: 1.3rem;
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.bokgs-slot-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.bokgs-btn-time {
    min-width: 5.1rem;
    padding: 0.3rem 0.4rem;
    display: inline-block;
    text-align: center;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
    cursor: pointer;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    box-sizing: border-box;
    border-radius: 25px;
    font-size: var(--base-font-size-xs);
}

    .bokgs-btn-time:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        color: var(--chat-dark-bg-2);
    }

.p-order-summary .order-summary-inner-div {
    padding: 0;
    border: none;
}

.p-order-summary .message-prac-div {
    display: flex;
    grid-gap: 1.4rem;
}

    .p-order-summary .message-prac-div label {
        flex: 0 0 150px;
    }

.bookses-txt {
    font-size: var(--base-font-size);
    font-weight: 400;
    color: var(--on-primary-color);
    padding-left: 5px;
}

.already-booked {
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #ccc;
    -webkit-text-decoration-color: #306376;
    text-decoration-skip-ink: none;
    text-decoration: underline;
    text-underline-offset: -40%;
    background: var(--primary-border-color);
    color: var(--on-secondary-color);
    border: 1px solid var(--primary-border-color);
}

    .already-booked:hover {
        cursor: not-allowed;
        text-decoration: line-through #306376;
    }

.bokgs-confirmation p {
    margin-bottom: 0;
}

.bokgs-confirmation label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-color);
}

.bokgs-confirmation .table td, .bokgs-confirmation .table th {
    border-top: 0;
    padding: 0.65rem 0;
}

h4.ph-4.booking-head {
    font-weight: 700;
}

.p-dot-notify {
    min-width: 0.65rem;
    height: 0.65rem;
    font-size: 0;
    position: initial;
}


.p-max-width-box {
    max-width: 768px;
    margin: 0 auto;
}

/*hoverside hover effect menu*/
.main-sidebar ul.nav.nav-treeview {
    padding-left: 0;
    padding-top: 0;
    padding: 0.3rem;
}

.p-sidebar {
    margin-top: 0;
    height: 100%;
    position: relative;
    overflow: visible;
    padding-right: 0.4rem;
    padding-left: 0.6em;
}

.sidebar-nav,
.main-sidebar .nav-sidebar {
    height: 100%;
}

/* Scroll only when content overflows; keep the scrollbar visually hidden until hover. */
.cw-scroll,
.p-scroll-overlay,
.kanban-drag,
.sidebar-dropdown-menu ul {
    overflow-y: auto;
    -ms-overflow-style: none; /* For IE and old Edge */
}

    .cw-scroll::-webkit-scrollbar,
    .p-scroll-overlay::-webkit-scrollbar,
    .kanban-drag::-webkit-scrollbar,
    .sidebar-dropdown-menu ul::-webkit-scrollbar {
        width: var(--def-sb-wid); /* Width of scrollbar */
        background: transparent; /* Make scrollbar transparent */
        transition: background-color 0.3s ease; /* Smooth transition for background color */
    }

    /* Scrollbar track styling (invisible by default) */
    .cw-scroll::-webkit-scrollbar-track,
    .p-scroll-overlay::-webkit-scrollbar-track,
    .kanban-drag::-webkit-scrollbar-track,
    .sidebar-dropdown-menu ul::-webkit-scrollbar-track {
        background: transparent; /* Invisible track */
    }

    /* Scrollbar handle styling */
    .cw-scroll::-webkit-scrollbar-thumb,
    .p-scroll-overlay::-webkit-scrollbar-thumb,
    .kanban-drag::-webkit-scrollbar-thumb,
    .sidebar-dropdown-menu ul::-webkit-scrollbar-thumb {
        background: transparent; /* Invisible thumb */
        transition: background-color 0.3s ease; /* Smooth color transition */
    }

    /* Handle hover styles */
    .cw-scroll:hover::-webkit-scrollbar-thumb,
    .p-scroll-overlay:hover::-webkit-scrollbar-thumb,
    .kanban-drag:hover::-webkit-scrollbar-thumb,
    .sidebar-dropdown-menu ul:hover::-webkit-scrollbar-thumb {
        background: #C1C7CF; /* Visible thumb on hover */
    }

    /* Custom scrollbar styles specifically for textarea */
    .kanban-drag::-webkit-scrollbar {
        width: 7px;
        cursor: pointer;
    }

.p-dd-sidebar svg.icon-sidebar,
.p-dd-sidebar .nav-item em {
    --icon-nav-wh: 2rem;
}

.p-sidemenu-dropdown {
    position: relative;
}

.p-dd-sidebar li.nav-item .nav-link {
    border-radius: calc(var(--bs-border-radius)* 2.25) !important;
}

/*.main-sidebar .nav-sidebar li .p-dd-sidebar a.nav-link:hover {
    background-color: var(--blue-light-bg);
}*/

.sidebar-dropdown-menu {
    display: none;
    margin-top: 0.125em;
    margin-left: -0.4em;
    border: none;
    padding: 0;
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--border-radius-default)* 0.8);
    z-index: 99999;
    cursor: pointer;
}

.p-sidebar.p-scroll-overlay:hover::-webkit-scrollbar-thumb {
    background: #d6d9e3;
}

.sidebar-dropdown-menu ul {
    max-height: calc(100vh - 6rem);
}

    .sidebar-dropdown-menu ul li {
        margin: 0.22rem 0;
    }

@media screen and (min-width: 576.99px) {

    .p-sidemenu-dropdown:hover .sidebar-dropdown-menu {
        display: block;
        overflow-y: clip;
        border-radius: var(--bs-border-radius);
    }

    .p-dd-sidebar {
        min-width: 12.55rem;
    }

    .sidebar-dropdown-menu::after {
        content: '';
        position: absolute;
        left: -16px;
        top: 0;
        width: 1.3rem;
        height: 100%;
        background-color: transparent;
        display: inline-block;
    }

    @supports (-moz-appearance: none) {
        .p-sidemenu-dropdown:hover .sidebar-dropdown-menu {
            overflow-y: initial;
        }

        .p-sidemenu-dropdown .sidebar-dropdown-menu::after {
            left: -19px;
            width: 2rem;
        }
    }
}

@media screen and (max-width: 576px) {
    .sidebar-dropdown-menu {
        display: inherit;
        transition: max-height 0.4s ease-out;
        max-height: 0;
        overflow: hidden;
        border: none;
        margin: 0;
        margin-top: 0.2rem;
        margin-left: 0.2rem;
        padding-left: 0.45rem;
    }

    .sidebar-dropdown-toggle[aria-expanded="true"] {
        background-color: var(--chat-dark-bg-2);
        border-radius: calc(var(--bs-border-radius) * 0.5);
    }

    .sidebar-dropdown-menu.show {
        display: inherit;
        max-height: 500px;
        overflow: visible;
    }

    .sidebar-nav .nav-bg-color,
    .sidebar-nav .nav-bg-color-dd {
        display: none;
    }

    .sidebar-dropdown-toggle[aria-expanded="true"] .ni-chevron-right {
        transform: rotate(90deg);
    }

    .main-sidebar .nav-sidebar li a.nav-link .icon.ni,
    .sidebar-dropdown-toggle[aria-expanded="true"] .ni-chevron-right {
        transition: all .3s;
    }

    /*.sidebar-dropdown-toggle[aria-expanded="true"]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0.38em;
        background-position: center 26%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='4' height='60' viewBox='0 0 4 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45L4 48V60H0V45Z' fill='%2376F6DD'/%3E%3Cpath d='M0 30L4 33.5V48L0 45V30Z' fill='%2396CDFA'/%3E%3Cpath d='M0 15H4V34L0 30V15Z' fill='%23F9E791'/%3E%3Cpath d='M0 0H4V19.5L0 15V0Z' fill='%23F3A7AC'/%3E%3C/svg%3E%0A");
    }*/

    .top-nav-menu {
        gap: 0.5rem;
    }

    .p-dd-sidebar li.nav-item .nav-link.active-im {
        background-color: var(--blue-light-bg);
        z-index: 1500;
        border-radius: var(--bs-border-radius) !important;
    }

    .p-emma-ai {
        width: 5.8rem;
    }

        .p-emma-ai.p-help-center {
            width: 6.3rem;
        }
}

.p-oc-action-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 99;
}

.p-oc-zoom,
.p-oc-focus-wrapper {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

button.p-oc-action-btn {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    button.p-oc-action-btn svg {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--primary-color);
    }

.p-oc-action-input {
    color: var(--on-primary-color);
    font-size: 0.85rem;
    min-width: 2.35rem;
    text-align: center;
}

.oc-card-wrapper {
    padding: calc(var(--box-padding) * 0.6);
    font-family: var(--primary-font);
    line-height: 1.5;
    height: 100%;
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color);
    box-shadow: var(--default-shadow);
}

    .oc-card-wrapper:hover,
    .highlight-search-res {
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
        box-shadow: 0 0 0 .25rem var(--sec-light-color4);
    }

.no-registered, .oc-emp-data {
    cursor: default;
}

.oc-card-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
}

.p-ocn-card-det {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.oc-emp-img {
    width: 2.2rem;
    height: 2.2rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
    margin: 0 auto;
    display: block;
}

.oc-emp-data {
    text-align: center;
    font-size: 0.8rem;
    margin: 0 auto;
    display: block;
    width: 8.5rem;
}

.p-ocn-card-det span {
    max-width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.oc-emp-name {
    color: var(--primary-color);
    font-weight: 600;
    text-align: left;
}

.p-ocn-card-det .p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

.oc-emp-country,
.oc-emp-title {
    color: var(--on-primary-color);
    font-size: 0.76rem;
}

.p-ocn-card-det:not(:last-of-type) {
    margin-bottom: 0.45rem;
}

.oc-emp-count-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    background-color: var(--card-bg-color);
    padding: 0.3rem 0.65rem;
    border-radius: 1.5rem;
    color: var(--primary-color);
    box-shadow: var(--default-shadow);
    border: 1px solid var(--primary-border-color);
}

.oc-emp-manages-count,
.oc-emp-all-count {
    display: flex;
    align-items: center;
    font-size: 0.81rem;
    line-height: 1;
    gap: 0.3rem;
}

.oc-emp-count {
    padding-top: 1px;
    font-family: var(--primary-font);
}

.oc-emp-count-icon {
    width: 1.15rem;
    height: 1.15rem;
    fill: var(--primary-color);
    display: inline-block;
}

.oc-updown-icon {
    height: 19px;
}

    .oc-updown-icon em.icon {
        font-size: 1.35rem;
    }

/*css for user list*/

.p-userlist .two-btns {
    justify-content: flex-start;
}

.p-userlist-head-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*css for course page */
.p-course-content-wrapper {
    padding: var(--box-padding);
    font-size: 0.9rem;
}

.p-df-aifs-g1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.3rem;
}

.p-gap-half {
    gap: 0.75rem;
}

.p-cc-o-data label {
    display: block;
}

.p-cc-o-title {
    margin-top: 1.2rem;
}

.title-head {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
}

.icon.pcc-gm-play-btn {
    font-size: 2.65rem;
}

.p-cc-gm-inner p {
    margin-bottom: 0;
}

.p-course-content-wrapper {
    padding: calc(var(--box-padding) * 1.3);
    font-size: 0.9rem;
}

.p-cc-pdf-icon {
    width: 1.7rem;
    height: 1.7rem;
    stroke: #ffffff;
    display: inline-block;
    cursor: pointer;
    margin: 0;
}

.p-cc-pdf-icon-wrap {
    padding: 0.5rem;
    background-color: #173571;
    border-radius: var(--bs-border-radius);
}

.p-pipe-divider {
    display: inline-block;
    padding: 0 0.75rem;
}

.duration-gm {
    font-size: 0.7rem;
}

.p-cc-o-data {
    margin-bottom: 1.1rem;
}

.sidebar-video-info .p-save-tag-wrap .ni.icon {
    font-size: 1.15rem;
    color: var(--white-color);
}

    .sidebar-video-info .p-save-tag-wrap .ni.icon.pc-bookmark-icon {
        font-size: 1.28rem;
    }

.ni-bookmark.save-video-item {
    font-size: 1.2rem;
}

#close-sidebar .ni.icon {
    font-size: 1.3rem;
}

.p-cv-wrapper {
    overflow: hidden;
}

a.side-menu-list {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.sidebar-dropdown svg.p-icon {
    flex: 0 0 auto;
}

.icon-file-icon {
    --play-btn-width: 2.8rem;
    fill: var(--primary-color);
}

.pc-desc-icons {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    justify-content: flex-start;
    gap: 1.1rem;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 91%) );
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
}

.pc-desc-icons-cont {
    max-width: 500px;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.p-crsh-download-icon {
    display: inline-block;
    stroke: var(--primary-color);
    line-height: 1.8;
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    align-self: flex-start;
    margin-top: 0.1rem;
    gap: 1.2rem;
}

.pc-desc-icons p {
    color: var(--primary-color);
    font-weight: 500;
}

.pc-desc-icons .icon-play-btn {
    flex: 0 0 2.8rem;
}

html[color-mode="dark"] .learn-like-count span,
html[color-mode="dark"] .sidebar-video-info .like-save-wrapper span,
html[color-mode="dark"] .sidebar-video-info .p-save-tag-wrap .ni.icon {
    color: var(--chat-bg-color);
}
/*css for Guided meditation detail page starts here*/
.p-gm-content {
    margin: 1.8rem 0;
}

.p-save-tag-gm {
    line-height: 1;
}

.gm-details-rm-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0;
}

.p-gm-content p {
    font-size: 1rem;
    min-height: 4.5rem;
}

.gm-details-rm-inner .ph-card {
    padding: var(--dash-card-padd);
    color: var(--primary-color);
}

/*.wistia_responsive_wrapper {
    background-color: #000;
}*/

.p-gm-det-video {
    overflow: hidden;
}

.p-cc-workbook {
    margin: 1.45rem 0 1.5rem;
}

.gm-play-icon.ni.icon {
    font-size: 2.3rem;
}

.gm-details-rm-con {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.gm-dc {
    display: flex;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
    width: 100%;
    overflow: hidden;
}

.gm-rm-hr-line {
    width: 100%;
    height: 2px;
    background-color: var(--sec-light-color3);
}

.gm-dc h5 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 0.88rem;
}

.recomended-meditation-list {
    padding: 0.82rem 0.6rem;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
    font-size: 0.88rem;
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}

.gm-td {
    font-size: 0.75rem;
    display: block;
    color: var(--primary-color);
}

.p-gm-lh {
    min-height: 34px;
}

.p-like-actions {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

/*ends here*/
.p-save-tag-wrap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-save-tag {
    border-radius: 50%;
    padding: 2px;
    background-color: var(--sec-light-color4);
    width: 2.1rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

.p-course-cate-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.p-course-cate-head-actns {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .p-sli-arrows.disabled,
    .p-course-cate-head-actns .p-sli-arrows.slick-hidden {
        display: none !important;
    }

    .p-course-cate-head-actns .p-sli-arrows,
    .featured-meditation-controls .slick-arrow {
        width: 1.6rem;
        height: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        border-radius: 50%;
        border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

        .p-course-cate-head-actns em.icon.ni,
        .featured-meditation-controls .slick-arrow em.icon.ni {
            color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
            font-size: 0.8rem;
        }

        .p-course-cate-head-actns .p-sli-arrows:hover,
        .featured-meditation-controls .slick-arrow:hover {
            background-color: var(--theme-primary-color);
        }

            .p-course-cate-head-actns .p-sli-arrows:hover em.icon.ni,
            .featured-meditation-controls .slick-arrow:hover em.icon.ni {
                color: #fff;
            }

            .p-course-cate-head-actns .p-sli-arrows:hover em.icon.ni {
                color: #fff;
            }

    .p-course-cate-head-actns em.icon.ni-forward-ios,
    .featured-meditation-controls em.icon.ni-forward-ios {
        position: relative;
        left: 0.1em;
    }

    .p-course-cate-head-actns em.icon.ni-back-ios,
    .featured-meditation-controls em.icon.ni-back-ios {
        position: relative;
        left: -0.05em;
    }

.p-prev-ctrl {
    cursor: pointer;
}

.p-next-ctrl, .p-prev-ctrl {
    cursor: pointer;
}

.slick-dots button[aria-label="1 of 1"] {
    display: none;
}

.slider-container .slick-track {
    margin-left: 0;
}

.p-slider-courses-wrapper .slick-prev {
    left: -11px;
    background-size: 18px;
}

.p-slider-courses-wrapper .slick-next {
    right: -11px;
    background-size: 18px;
}

.p-slider-courses-wrapper .slick-disabled {
    opacity: 0;
}

.p-slider-courses-wrapper .slick-prev, .p-slider-courses-wrapper .slick-next {
    width: 30px;
    height: 30px;
}

.p-slider-courses-wrapper .slick-prev,
.p-slider-courses-wrapper .slick-next {
    top: calc(50% - 1rem);
}

.pgc-loader-tag {
    min-width: 100px;
    border-radius: 0.4rem !important;
    display: inline-flex;
    min-height: 33px;
    margin-bottom: 0.4rem;
    margin-left: 0.35rem;
    border: 1px solid var(--primary-border-color);
}
/*css for org chart starts here*/
.p-org-cart-wrapper {
    min-height: calc(100vh - 16.5rem);
}

    .p-org-cart-wrapper .p-info-msg {
        margin: 1.5rem;
    }

.club-view-wrapper .dx-selectbox .dx-texteditor-input {
    border: none;
}

:not(:root):fullscreen::backdrop {
    background-color: var(--chat-dark-bg-2);
}

.svg-chart-container {
    background-color: var(--chat-dark-bg-2);
}

.org-chart-tooltip {
    padding: 0.7rem 1rem;
    color: var(--primary-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--sec-light-color4);
    font-family: var(--primary-font);
    font-weight: 300;
    line-height: 1.4;
    font-size: var(--base-font-size);
    border-radius: 0.25rem;
    min-width: 10.5rem;
}

    .org-chart-tooltip strong {
        display: block;
    }

    .org-chart-tooltip label {
        font-size: var(--base-font-size-sm);
        color: var(--on-primary-color);
    }

.org-ch-info-msg {
    margin: 3rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

    .org-ch-info-msg .p-info-msg {
        flex: 1;
    }

.p-info-msg li::marker {
    color: var(--primary-color);
}
/*club view*/
.club-view-main-wrapper {
    min-height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height));
}

.club-view-graph {
    width: 100%;
}

.cv-profile-img {
    width: 3rem;
    height: 3rem;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 8%);
    border-radius: 50%;
    cursor: pointer;
}

.club-view-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.club-view-inner-wrapper {
    min-height: 600px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    overflow: visible;
}

.dropdownlst {
    flex-shrink: 0;
    padding-right: 1.6rem;
}

.org-chart-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: calc(50% - 2px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid;
    border-bottom-color: var(--sec-light-color4);
}

.p-cv-filter-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 1.2rem;
}

.p-cv-filter {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.p-cv-filter-main-wrapper .dropdown-menu.p-dd-ms-dx {
    min-width: 13.12rem;
}

.cata-sub-nav .p-cv-filter-tags {
    margin: 0;
    display: flex;
    -webkit-padding-start: 0px;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: var(--base-font-size);
    color: var(--primary-color);
    font-weight: 500;
    gap: 1rem;
}

.cata-sub-nav .nav-menu-arrow em.icon {
    position: relative;
    top: -1px;
}

.p-cv-filter-tags label {
    cursor: pointer;
    color: var(--on-primary-color);
}

label.p-cv-filter-tags-active {
    font-weight: 500;
    color: var(--primary-color);
    border: none;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: calc(var(--border-radius-default) * 0.6);
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
}

.p-cv-cust-filter-btn {
    border: none;
    background-color: transparent;
    border: none;
}

.p-cv-filter-vline {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    color: var(--sec-light-color3);
    font-size: 0.95rem;
    font-weight: 300;
}

.p-cv-filter-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem 1.4rem;
    flex-wrap: wrap;
    font-size: var(--base-font-size-xxs);
}

    .p-cv-filter-tags label {
        cursor: pointer;
        padding: 0.35rem 0.8rem;
    }

button.p-cv-cust-filter-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    color: var(--on-primary-color);
}

    button.p-cv-cust-filter-btn em.ni.icon {
        position: relative;
        top: -0.05rem;
        color: var(--on-primary-color);
    }

.p-cv-filter-main-wrapper .dropdown-menu {
    border: none;
    padding: 0px;
}

.cv-tooltip {
    padding: 0.45rem;
    z-index: 999999;
}

.cv-tooltip-inner {
    max-width: 400px;
    min-width: 11.3rem;
    color: var(--primary-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--white-color);
    font-family: var(--primary-font);
    font-weight: 300;
    line-height: 1.4;
    padding: 0.5rem;
    font-size: var(--base-font-size-sm);
    border-radius: 0.3rem;
    border: solid 1px var(--primary-border-color);
}

    .cv-tooltip-inner strong {
        display: block;
    }

    .cv-tooltip-inner label {
        font-size: 0.73rem;
        color: var(--on-primary-color);
    }

.ls-cv {
    width: 100%;
    max-width: 850px;
    margin-right: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-self: flex-start;
    padding-top: 1.2rem;
}

    .ls-cv h6 {
        min-width: 35px;
    }

    .ls-cv .details p {
        min-width: 84px;
    }

    .ls-cv p.skeleton-img {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 50%;
        border: 1px solid var(--bg-default);
    }
/*css for company page*/
.p-com-profile-img-wrap {
    margin: 0;
    box-shadow: var(--default-shadow);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
    max-width: 160px;
    height: 160px;
    width: 100%;
    background-color: var(--chat-dark-bg-2);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
}

.p-com-profile-img-wrap-mw {
    padding: 1.05rem;
    height: 100px;
    max-width: 300px;
    min-height: initial;
}

.p-gs-handbook .p-com-profile-img-wrap-mw .p-add-btn-icon {
    max-width: 120px;
    margin: 0 auto;
}

.com-profile-action,
.p-hdc-edit {
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.325rem;
}

    .com-profile-action svg {
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        stroke: var(--background1);
        cursor: pointer;
    }

.p-com-profile-img-wrap:hover .com-profile-action,
p-hover-img-overlay-ic:hover {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.p-tal-can-pro-img.p-hover-img-overlay-ic {
    position: relative;
    overflow: hidden;
}

.p-com-profile-img-wrap:hover::after,
.p-hover-img-overlay-ic:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--modal-bg-color);
}

/*css related to light package starts here signup trial*/
section.ph-lite-cover {
    padding-bottom: 1.5rem;
}

.select-package-boxes, .box-default-onboard {
    overflow: visible;
    box-shadow: var(--default-shadow);
    border-radius: 6px;
    padding: 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.leading-none .text-6xl {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--secondary-color);
    line-height: 1;
    position: relative;
    bottom: -2px;
}

.leading-none {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.select-package-boxes h4 {
    margin-bottom: 0.7rem;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
    font-size: 1.05rem;
    line-height: 1.2;
}

.packages-illust {
    max-width: 14rem;
    height: 9.5rem;
    margin-bottom: 1rem;
}

.onboard-packge-divivder {
    max-width: 75%;
    margin: 1.5rem auto;
}

.select-package-boxes p {
    font-size: 0.92rem;
    margin: 0;
    margin-bottom: 0.2rem;
}

.sp-list-inclded ul li {
    margin: 0;
    margin-bottom: 0.7rem;
    color: var(--on-primary-color);
    font-weight: 400;
    display: flex;
    gap: 9px;
    align-items: flex-start;
}

.ph-form-group label {
    left: 2px;
}

.sp-list-inclded ul li em.icon.ni {
    font-size: 0.95rem;
    position: relative;
    top: 4px;
    color: var(--primary-color);
    font-weight: 800;
}

.sp-list-inclded {
    margin-top: 1rem;
}

    .sp-list-inclded ul {
        padding: 0;
        margin-top: 1rem;
        margin-bottom: 0;
    }

.package-note-text .para-text {
    text-align: left;
    font-size: 1rem;
    margin-top: 1.3rem;
    margin-bottom: 1.6rem;
    padding-left: 1.2rem;
    font-style: italic;
    letter-spacing: 0.21px;
    margin-bottom: 0.7rem;
}

.box-default-onboard {
    min-height: 500px;
    overflow: hidden;
    position: relative;
}

.view-proposal-content button {
    min-width: 11rem;
    padding: 0.5rem 0.85rem !important;
    font-size: 1rem;
}

.view-proposal-main-wrapper {
    position: relative;
    z-index: 9;
}

.continue-max-wid {
    max-width: 13rem;
    min-width: 13rem;
}

.ph-stripe-payment {
    max-width: 520px;
}

h4.secondary-sub-head {
    font-family: var(--secondary-font);
    font-size: 1.55rem;
    margin-bottom: 0.8rem;
}

.onboard-sub-heads.oh-mb-1,
.onboard-head {
    margin-bottom: 2rem;
    text-align: center;
}

.onboard-head {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    line-height: 1.3;
}

.opening-head-count {
    margin-top: 1rem;
}

.partner-tou-txt label {
    line-height: 1.35;
}

.seelct-package-wrapper h2.onboard-head.mb-2 {
    margin-bottom: 2.8rem !important;
}

@media(max-width: 768px) {
    .onboard-head {
        font-size: 1.4rem;
    }

    .onboard-sub-heads.oh-mb-1, .onboard-head {
        margin-bottom: 1.5rem;
    }
}
/*css related to light package starts here signup trial*/

/*css for my docs page starts here*/
.p-mydoc-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0;
}

.p-mydoc-grid-content {
    position: relative;
}

.p-mydoc-folder-action {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

    .p-mydoc-folder-action svg,
    .p-mydoc-fol-icon {
        display: inline-block;
        cursor: pointer;
    }

    .p-mydoc-folder-action svg {
        width: 1.35rem;
        height: 1.35rem;
        fill: var(--primary-color);
    }

.p-mydoc-fol-icon,
svg.p-mydoc-action-icons {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--on-primary-color);
    position: relative;
    top: -1px;
}

.p-mydoc-head .ph-4 {
    line-height: 1.5;
}

.p-mydoc-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.p-mydoc-list-item:not(.nav-item),
.p-vertical-def-nav .nav-link {
    padding: 0.7rem 0.65rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--border-radius-default));
    border: 1px solid var(--primary-border-color);
    cursor: pointer;
    font-size: var(--base-font-size-sm);
    color: var(--primary-color);
    position: relative;
    width: 100%;
    font-weight: 500;
    overflow: hidden;
    padding-left: 1rem;
    position: relative;
}

.p-default-navs li.nav-item.p-mydoc-list-item {
    margin-bottom: 0;
}

/*.p-mydoc-active::before,
.p-vertical-def-nav .nav-link.active::before,
.p-sb-scroll-spy-list-item a.active::before,
.p-sp-slide-bg:after {
    content: "";
    background-color: var(--secondary-color);
    width: var(--left-active-bw);
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
}*/

.loading-skeleton .p-mydoc-active::before,
.loading-skeleton .p-vertical-def-nav .nav-link.active::before {
    display: none;
}

.p-mydoc-active,
.p-vertical-def-nav .nav-link.active {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-border-color);
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

    .p-vertical-def-nav .nav-link.active svg.p-icon {
        stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    }

    .p-mydoc-active svg.p-mydoc-fol-icon {
        fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    }

li.p-mydoc-list-item.p-mydoc-active label.folderName {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important
}

li.p-mydoc-list-item.p-mydoc-active .p-mydoc-active svg.p-mydoc-fol-icon {
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.p-mydoc-list-item:not(:last-child),
.p-vertical-def-nav .nav-link:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-mydoc-list-item-cont,
.p-vertical-def-nav .nav-link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1.5;
    position: relative;
}

.p-head-with-sh span {
    display: block;
    font-size: var(--base-font-size);
    font-weight: 400;
    color: var(--on-primary-color);
}

.p-talent-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.p-head-with-sh {
    font-size: var(--base-font-size-lg);
}

/*.p-mydoc-list-item-cont .p-dd-wp-btn {
    width: 1.4rem;
    height: 1.4rem;
}*/

.p-v-nav-modifier.p-vertical-def-nav {
    gap: 1.25rem;
}

    .p-v-nav-modifier.p-vertical-def-nav .nav-link {
        width: initial;
        padding: 0.4rem 0.85rem;
        border-left: 1px solid var(--primary-border-color);
    }

        .p-v-nav-modifier.p-vertical-def-nav .nav-link:not(:last-child) {
            margin-bottom: 0;
        }

.p-mydoc-list-item-cont label {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    flex: 1;
    text-overflow: ellipsis;
    max-width: calc(100% - 0.2rem);
    color: var(--primary-color);
}

.p-mydoc-grid-upl-sea {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.p-mydoc-list-item-actions {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.65rem;
    opacity: 1;
    visibility: visible;
    z-index: 12;
}

.p-mydoc-no-folder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.p-mydoc-list-item-actions svg.p-mydoc-action-icons {
    fill: var(--link-color);
}

.p-mydoc-list-item-actions svg.p-mydoc-action-icons {
    fill: var(--link-color);
}

.p-mydoc-list-item.p-mydoc-active:hover::after {
    background: linear-gradient(-90deg, var(--sec-light-color4) 75%, transparent);
}

.loading-skeleton .p-mydoc-list-item {
    min-height: 40.32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: initial;
    border-left: 1px solid var(--primary-border-color);
}

.loading-skeleton .p-mydoc-list-item-cont {
    width: 100%;
    font-size: 0;
}

.loading-skeleton .p-mydoc-active svg.p-mydoc-fol-icon {
    fill: transparent !important;
}

.loading-skeleton.my-doc-head-skl {
    display: inline-block;
    width: 100%;
    max-width: 13.5rem;
}

    .loading-skeleton.my-doc-head-skl > .ph-4 {
        min-height: 1.25rem;
    }

.loading-skeleton .p-mydoc-list-item-actions {
    display: none;
}

.p-p-radio-group {
    display: flex;
    align-items: center;
    gap: 0.85rem 1.35rem;
    margin-bottom: 1.3rem;
    flex-wrap: wrap;
}


.pp-selected-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.38rem 0.75rem;
}

    .pp-selected-tags label,
    .p-tag-def {
        background-color: var(--sec-light-color4);
        padding: 0.3rem 0.85rem;
        border-radius: var(--border-radius-default);
        font-size: var(--base-font-size-xxs);
        color: var(--primary-color);
    }

.pp-users-group {
    display: flex;
    align-items: center;
}

    .pp-users-group .p-grid-btn {
        cursor: pointer;
    }

.pp-user-count {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.3rem;
}

.pp-user-imgs-wrapper {
    text-align: center;
    overflow: hidden;
    color: #707583;
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.pdf .pp-user-imgs-wrapper {
    flex: 0 0 auto;
}

.pp-users-count {
    /*background: linear-gradient(103deg, #76F6DD 14.3%, #96CDFA 33.09%, #F9E791 65.94%, #F3A7AC 91.57%);*/
    background: var(--theme-wizard-strip-bg);
    color: var(--theme-primary-color);
    margin-left: -1rem;
    text-align: center;
    height: 1.95rem;
    width: 1.95rem;
    vertical-align: middle;
    border: 1px solid var(--input-border-1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.pp-user-imgs {
    width: 1.95rem !important;
    height: 1.95rem !important;
    border-radius: 50%;
    margin-left: -1rem;
    background: #FFF;
    stroke: none;
    fill: var(--theme-border-2) !important;
}

span.pp-user-cont {
    line-height: 0.8;
    font-weight: 600;
}

.pp-user-cont,
.pp-selected-tags label {
    font-size: var(--base-font-size-xxs);
}

.p-form-check {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

    .p-form-check input[disabled="disabled"], .p-form-check input[disabled="disabled"] + label {
        opacity: 0.4;
        cursor: default;
    }

.custom-switch input[disabled="disabled"] + label,
.custom-switch input[disabled] + label {
    opacity: 0.75;
}

.custom-control-input[disabled="disabled"]:checked ~ .custom-control-label::before,
.custom-control-input[disabled]:checked ~ .custom-control-label::before {
    border-color: var(--disabled-color);
    opacity: 0.95;
}

/*.custom-control-input:disabled ~ .custom-control-label::before,
.custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5) !important;
}*/

.custom-switch input[disabled="disabled"] + label,
.custom-switch input[disabled="disabled"] + label::before,
.custom-switch input[disabled="disabled"] + label::after,
.custom-switch input[disabled] + label,
.custom-switch input[disabled] + label::before,
.custom-switch input[disabled] + label::after,
.p-acc-card input.custom-control-input[disabled] {
    cursor: default !important;
}

.form-group .p-p-radio-group .p-form-check .p-form-check-label,
.form-group .p-form-check .p-form-check-label,
.form-group.row .custom-switch input + label.custom-control-label {
    font-weight: 400;
}

.p-form-check-input,
.form-builder-wp input[type="checkbox"] {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

    .p-form-check-input[type="checkbox"],
    .form-builder-wp input[type="checkbox"] {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid var(--input-border-1);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        border-radius: 0.3rem;
        background-color: var(--chat-dark-bg-2);
    }

    .p-form-check-input[type="radio"]:checked {
        accent-color: var(--cb-blue);
    }

    .p-form-check-input:checked[type=checkbox],
    .form-builder-wp input:checked[type="checkbox"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

    .p-form-check-input:checked,
    .form-builder-wp input:checked[type="checkbox"] {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.formbuilder-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.checkbox-group .formbuilder-checkbox label {
    margin-bottom: 0;
}

.checkbox-group .formbuilder-checkbox:not(:last-child) {
    margin-bottom: 0.7rem;
}

/*css for radio custom sh*/
/* Hide the default radio button with specific type and class */
.p-form-check-input[type="radio"],
.form-builder-wp input[type="radio"] {
    flex-shrink: 0;
    width: 1.2em !important;
    height: 1.2em;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid var(--input-border-1);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    border-radius: 50%;
    float: left;
    background-color: var(--chat-dark-bg-2);
}

/* Change border color when the radio button is checked */
.p-form-check-input:checked[type=radio],
.form-builder-wp input:checked[type="radio"] {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.p-form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--sec-light-color6);
}

.formbuilder-radio-group .radio-group-field .radio-group {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.formbuilder-radio-group .radio-group-field {
    margin-top: 0.2rem;
}

    .formbuilder-radio-group .radio-group-field .radio-group {
        margin-bottom: 0.35rem;
    }
/*css for radio custom eh*/

.pp-users-count-nc {
    display: flex;
}

    .pp-users-count-nc .pp-user-imgs {
        background-color: var(--theme-light-bg-def);
        border: 1px solid var(--primary-border-color);
    }

    .pp-users-count-nc .pp-users-count {
        /*background: var(--bg-default);
        color: var(--on-secondary-color);*/
        border: 1px solid var(--input-border-1);
    }

    .pp-users-count-nc svg.pp-user-imgs {
        fill: var(--p-grey-1);
    }
/*.p-form-check {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    display: inline-flex;
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 2.25rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    line-height: 2.08;
    cursor: pointer;
}*/
/*.p-form-check-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}*/
/*.p-form-check-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
}

label.p-form-check-label {
    position: relative;
    margin-bottom: 0;
}

.p-form-check-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.p-form-check-label::before {
    border-radius: 50%;
}

.p-form-check-label::after {
    position: absolute;
    top: 0.24rem;
    left: -1.49rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
}

.p-form-check-input:checked ~ .p-form-check-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.p-form-check-input:checked ~ .p-form-check-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.p-form-check-input:focus ~ .p-form-check-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}*/
.form-group .p-form-check-label {
    margin-bottom: 0;
    cursor: pointer;
}

.p-sbc-input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex: 1;
}

    .p-sbc-input-group .form-group {
        width: 100%;
    }

#selectByConditionPopup .modal-body {
    min-height: 390px;
}

.p-sbc-input-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
    width: 100%;
    gap: 1rem;
}

    .p-sbc-input-main-wrapper .form-group {
        margin-bottom: 0 !important;
    }

svg.removeCondition {
    width: 1.2rem;
    height: 1.2rem;
    stroke: var(--primary-color);
    cursor: pointer;
}

.pp-userList-selected {
    overflow: hidden;
    padding-bottom: 1.8rem;
}

.p-clk-tt .pp-userList-selected .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.p-clk-tt .pp-userList-selected .dx-list {
    pointer-events: none;
    cursor: default;
}

.pp-userList-selected .product-name {
    color: var(--primary-color);
}

.pp-userList-selected .dx-texteditor.dx-editor-outlined {
    background: var(--chat-dark-bg-2);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--input-border-1);
    overflow: hidden;
    margin-bottom: 0.65rem;
}

.ultt-cb {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    cursor: pointer;
}

#UsersListTooltip {
    padding-top: 1.8rem;
}

.pp-userList-selected .dx-list-next-button .dx-button {
    color: var(--primary-color);
    border: 1px solid var(--sec-light-color3);
    background-color: transparent;
    padding: 0;
}

    .pp-userList-selected .dx-list-next-button .dx-button .dx-button-content {
        padding: 0;
    }

.pp-userList-selected .dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
}

.pp-userList-selected .dx-texteditor-input {
    height: inherit;
    border: none;
    min-height: 100%;
}

/* css for Admin pages*/
.graph-pos-cen {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: var(--box-padding);
}

.p-insight-stats-wrapper h3 {
    margin-bottom: 0.95rem;
}

.p-insight-stats-wrapper {
    margin: 1.3rem 0 2rem;
}

    .p-insight-stats-wrapper h4 {
        margin-bottom: 0.7rem;
    }

.p-insight-stats-wrapper {
    margin: 1.5rem 0 2rem;
    border-radius: 13px;
    background-color: var(--bg-default);
    padding: var(--box-padding);
    position: relative;
}

    .p-insight-stats-wrapper:last-child {
        margin-bottom: 0;
    }

.p-ins-wcc-cols {
    position: relative;
}

.insight-content .p-no-data {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: inherit !important;
    width: 100%;
}

.ins-con-ru-b1, ins-con-ru-b2, ins-con-ru-b3 {
    position: relative;
}


/*css for calender page Event page */

/*therapist banner updated starts here*/
.featured-banner-grid-main {
    overflow: hidden;
    min-height: 222px;
}

    .featured-banner-grid-main .fbg-cols {
        height: 100%;
        position: relative;
        width: 100%;
    }

.tfc-profile {
    --feature-img-h: 180px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--chat-dark-bg-2);
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
    min-height: var(--feature-img-h);
    max-height: var(--feature-img-h);
    position: relative;
}

.featured-banner-grid {
    --featured-graph-width: 400px;
    display: grid;
    grid-template-columns: calc(100% - var(--default-sidebar-width) - var(--default-gap)) var(--default-sidebar-width);
    align-content: center;
    gap: var(--default-gap);
}

.feature-event-main-wrapper,
.medi-banner-slider {
    flex: 1;
    height: 100%;
    position: relative;
    width: 100%;
}

.therap-feature-card {
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: var(--box-padding);
}


.thc-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    justify-content: space-between;
    align-self: flex-start;
}

    .thc-content small {
        color: var(--on-primary-color);
    }

.thcc-details-inner {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    align-items: flex-start;
}

.thc-content {
    height: 100%;
}

    .thc-content, .thc-content h4, .thc-content p {
        color: var(--primary-color);
        margin-bottom: 0;
    }

        .thc-content h4 {
            color: var(--primary-color);
            margin-bottom: 0.3rem;
            font-size: var(--base-font-size-h3);
        }

        .thc-content, .thc-content p {
            color: var(--primary-color);
            margin-bottom: 0;
        }

.thcc-details-inner p {
    font-size: var(--base-font-size-xxs);
}

.thcc-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    gap: 1rem;
}

.thc-content-top .thcc-details {
    margin-bottom: 0.2rem;
}

.tfc-thumbnail-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
}

.therap-feature-card .clamp-lines {
    -webkit-line-clamp: 4;
}

.fbg-cols .thc-content p {
    color: var(--on-primary-color);
    margin-bottom: 0.5rem;
}

.featured-banner-grid .cols.ph-card,
.featured-banner-grid .fbg-cols.ph-card {
    padding: calc(var(--box-padding)* 0.85);
}

    .featured-banner-grid .cols.ph-card > h4, .featured-banner-grid .fbg-cols.ph-card > h4 {
        margin-top: -0.45rem;
    }

.thc-content-top {
    flex: 1;
}

.therap-feature-card .pp-user-imgs-wrapper {
    margin-top: 0.18rem;
}

.thc-content .pdf small {
    color: var(--on-primary-color);
    white-space: nowrap;
}

.p-feat-chart-wrapper {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    height: 100%;
    justify-content: flex-start;
    width: 100%;
    min-height: 100px;
}

.p-feat-piechart-wrapper {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex: 1;
    justify-content: flex-start;
}

.p-feat-piechart svg {
    width: 135px;
    height: 135px;
    display: inline-block;
}

.p-feat-legends {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.9rem 2rem;
}

.p-feat-legends-items {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-fli-box {
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    border-radius: var(--bs-border-radius-lg);
    flex: 0 0 auto;
}

.p-feat-legends-items label {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxs)* 0.92);
    color: var(--primary-color);
}

.therap-feature-card .def-avat-name-ini {
    width: 7.3rem;
    height: 7.3rem;
    font-size: 1.9rem;
}

.featured-banner-grid .p-no-data,
.p-th-banner .p-no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: initial !important;
}

.p-no-data-progress {
    text-align: center;
    min-height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--chat-dark-bg-2);
}

.p-no-data-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: initial !important;
    flex-direction: column;
}

    .p-no-data-copy p {
        margin-top: 0.8rem;
        font-size: var(--base-font-size);
        color: var(--on-primary-color);
    }

.p-banner-profile .p-no-data {
    min-height: 170px !important;
}

@media(max-width: 1650px) {
    .p-feat-legends {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.65rem;
    }

    .featured-banner-grid {
        --featured-graph-width: 360px;
        gap: var(--default-gap);
    }

    .therap-feature-card {
        grid-template-columns: 260px 1fr;
    }

    .tfc-profile {
        --feature-img-h: 175px;
    }
}

@media(max-width: 1440px) {
    .p-feat-piechart-wrapper {
        gap: 1.5rem;
    }

    .fe-content-users {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.4rem;
    }
}

@media(max-width: 1400px) {
    .feature-event-main-wrapper .therap-feature-card .clamp-lines {
        -webkit-line-clamp: 3;
    }
}

@media(max-width: 1300px) {
    .therap-feature-card {
        grid-template-columns: 280px 1fr;
    }

    .feature-event-main-wrapper .therap-feature-card .clamp-lines {
        -webkit-line-clamp: 3;
    }
}


@media(max-width: 1250px) {
    .featured-banner-grid {
        grid-template-columns: 100%;
    }

    .p-feat-legends {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem 2rem;
    }

    .p-feat-piechart-wrapper {
        gap: 2rem;
        justify-content: center;
    }

    .fe-content-users {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 1.5rem;
    }

    .tfc-thumbnail-profile img {
        height: 160px;
    }

    .p-feat-chart-wrapper {
        min-height: 160px;
    }
}

@media(max-width: 1100px) {
    .p-feat-legends {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem 2rem;
    }
}

@media(max-width: 576px) {
    .therap-feature-card {
        grid-template-columns: auto;
    }
}



.loading-skeleton .thc-content {
    background-color: initial;
}

.feature-event-main-wrapper .p-no-data {
    min-height: 250px;
}

.loading-skeleton .tfc-thumbnail-profile .skeleton-img {
    width: 100%;
    border-radius: 0 !important;
    border: none;
}

.loading-skeleton .thcc-details-inner h4 {
    width: 100%;
    max-width: 30%;
}

.loading-skeleton .thcc-details-inner p:nth-child(2) {
    width: 100%;
    max-width: 45%;
    min-height: 0.6rem;
}

.loading-skeleton .thcc-details-inner p:nth-child(3) {
    width: 100%;
    max-width: 80%;
}

.loading-skeleton .thcc-details-inner p:nth-child(4) {
    width: 100%;
    max-width: 60%;
}

.loading-skeleton .descr p:nth-child(2) {
    max-width: 85%;
    margin-top: 0.35rem;
}

.loading-skeleton .thc-content,
.loading-skeleton .thcc-details-inner {
    gap: 0.35rem;
}

.loading-skeleton .tfc-profile {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .loading-skeleton .tfc-profile .skeleton-img,
    .pp-user-imgs .skeleton-img {
        border-radius: 50%;
    }

.loading-skeleton .pp-user-imgs {
    border-color: transparent;
    background: transparent;
}

/*therapist banner updated ends here*/
.dx-scheduler-appointment-tooltip-wrapper.dx-tooltip-wrapper .dx-overlay-content,
.dx-scheduler-appointment-tooltip-wrapper.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content,
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .p-cal-poup-wrapper {
    max-height: 500px !important;
}

.dx-scheduler-appointment-tooltip-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.dx-scheduler-appointment-tooltip-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.dx-scheduler-appointment-tooltip-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: initial !important;
}

.campaigns-calender .dx-scheduler-appointment-collector,
.campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-hover.dx-scheduler-appointment-collector,
.campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused.dx-scheduler-appointment-collector {
    box-shadow: none !important;
    border-radius: var(--bs-border-radius) !important;
    background-color: var(--primary-color);
    font-size: var(--base-font-size-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
    font-weight: 400;
}

    .campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused.dx-scheduler-appointment-collector.dx-state-active .dx-button-content {
        background-color: var(--primary-color);
    }

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-sidebar-scrollable::before {
    width: 125px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-header-scrollable {
    margin-left: 125px;
}

#eventPopupContainer {
    max-width: 400px;
    font-size: var(--base-font-size);
}

    #eventPopupContainer .dx-overlay-content {
        height: auto !important;
        border: none;
        border: 1px solid var(--primary-border-color);
    }

.p-cal-event-wrapper {
    background-color: transparent;
    font-size: var(--base-font-size);
    border-radius: calc(var(--border-radius-default)* 0.6);
    white-space: initial;
    text-align: left;
    color: var(--primary-color);
}

.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item {
}

.p-cal-pro-cont label {
    color: var(--on-primary-color);
}

.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    font-size: var(--base-font-size);
}

.p-cal-event-tooltip .tooltip-inner {
    padding: initial;
    text-align: initial;
    background-color: initial;
}

.x-axis-totals {
    fill: var(--on-primary-color);
    font-size: 0.7rem;
}

.p-x-locations text {
    fill: #404040;
    /*font-size: var(--base-font-size-xxs);*/
    font-size: 0.9rem;
    font-weight: 600;
    font-family: var(--primary-font);
}

.user-profile-circle2 {
    stroke-width: 0.125rem;
    box-shadow: 0 0.4rem 0.4rem rgb(59 59 59 / 90%);
    stroke: var(--dashboard-hr-color);
    cursor: pointer;
    mask-image: cover;
    -webkit-mask-size: cover;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

.user-profile-circle {
    /*stroke: rgb(202 204 210 / 70%);*/
    transition: all .1s ease-in-out;
    stroke-width: 2px;
    paint-order: stroke fill;
    stroke-linecap: round;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

pattern.grp-view-img {
    position: relative;
}

image.grp-view-img {
    width: 60px;
    height: auto;
    object-fit: cover;
}

    image.grp-view-img:hover {
        /*  width: 48px;*/
    }

.user-profile-circle .fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

    .user-profile-circle .fill img {
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%
    }

.cv-all-users {
    margin-top: 0.9rem;
}

.cv-all-users {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.4rem;
    padding: 0.5rem 0.2rem;
    max-height: 400px;
    overflow: visible;
}

.all-user-profile {
    width: 2.28rem;
    height: 2.28rem;
    border-radius: 50%;
    border: 2px solid var(--dashboard-hr-color);
    object-fit: cover;
    cursor: pointer;
}

.cv-members-head {
    font-size: var(--base-font-size-xxl);
    margin: 0 -0.6rem 0;
    padding: 0.05rem 0 0.6rem;
    border-bottom: 1px solid var(--card-bg-color);
    font-weight: 600;
}

.p-cal-event-tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.p-cal-event-tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--chat-dark-bg-2);
}

.p-cal-icon-label {
    display: flex;
    align-items: center;
}

.p-cal-event-title {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    margin-bottom: 0.85rem;
    line-height: 1.4;
}

.p-cal-icon {
    flex: 0 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.p-cal-icon-label.p-cal-icon-tl {
    align-items: flex-start;
}

.p-cal-event-wrapper hr {
    display: inline-block;
    margin: 0.3rem 0;
    width: 100%;
}

.p-cal-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: var(--primary-color);
    position: relative;
    top: -1px;
}

.p-cal-icon-label {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-cal-profile-img {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    overflow: hidden;
}

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

.p-cal-es-details {
    margin-bottom: 0;
}

.p-cal-pd-left {
    line-height: 1.5;
}

.p-cal-event-wrapper hr {
    width: calc(100% - 2.6rem);
    border-top: 1px solid var(--primary-border-color);
    display: flex;
    justify-content: flex-end;
    margin: 0.6rem 0 0.7rem auto;
}

.p-cal-pro-cont h5 {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

.p-cal-event-wrapper label {
    font-size: var(--base-font-size-sm);
    margin-bottom: 0;
}

.p-cal-event-wrapper .p-cal-js-note {
    margin-bottom: 0.4rem;
}

.p-cal-event-wrapper p {
    line-height: 1.5;
}

#eventPopupContainer .dx-popup-content {
    padding: calc(var(--box-padding) * 0.7);
}

.p-up-eve {
    display: grid;
    grid-template-columns: 6.8rem 0.015rem 1fr;
    align-items: flex-start;
    gap: 0.7rem;
    background-color: var(--plm-light-yellow2);
    padding: calc(var(--box-padding) * 0.8);
    margin-bottom: calc(var(--box-padding) * 0.5);
    border-radius: var(--bs-border-radius);
    color: #173571;
}

    .p-up-eve.p-up-eve-green {
        background-color: var(--plm-light-green1);
    }

        .p-up-eve.p-up-eve-green .p-up-eve-date {
            background-color: var(--plm-dark-green1);
        }

    .p-up-eve.p-up-eve-blue {
        background-color: var(--plm-light-blue2);
    }

        .p-up-eve.p-up-eve-blue .p-up-eve-date {
            /*background-color: var(--plm-light-blue);*/
            background-color: #404040;
            color: #FFF;
        }

.campaigns-calender {
    min-height: 500px;
}

.p-up-eve-date-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-up-eve-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--base-font-size);
    gap: 0.1rem;
    background-color: var(--plm-dark-yellow2);
    border-radius: calc(var(--border-radius-default) * 0.5);
    padding: 0.35rem 0.1rem;
}

    .p-up-eve-date label {
        font-size: 3rem;
        font-weight: 300;
        line-height: 3.2rem;
    }

.p-up-eve-head {
    font-size: var(--base-font-size-xs);
    flex-direction: column;
    display: flex;
    gap: 0.35rem;
    align-items: flex-start;
}

    .p-up-eve-head h5 {
        font-size: var(--base-font-size-lg);
        font-weight: 600;
        overflow: hidden;
        height: 35px;
    }

    .p-up-eve-head h5, .p-up-eve-head p {
        margin-bottom: 0;
        color: #173571;
        font-size: var(--base-font-size);
    }

    .p-up-eve-head p {
        font-size: var(--base-font-size-xxs);
    }

.p-up-eve-time {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .p-up-eve-time label {
        font-size: calc(var(--base-font-size-xxs));
    }

    .p-up-eve-time svg {
        width: 0.9rem;
        height: 0.9rem;
        display: inline-block;
        fill: var(--primary-color);
    }

.eve-clamp-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
}

.loading-skeleton .p-up-eve-head h5 {
    width: 65%;
    margin-bottom: 0.4rem;
}

.loading-skeleton .p-up-eve-head p:nth-child(2) {
    width: 100%;
}

.loading-skeleton .p-up-eve-head p:nth-child(3) {
    width: 65%;
    margin-bottom: 0.5rem;
}

.loading-skeleton .p-up-eve-date {
    min-height: 3.9rem;
    border-radius: 0.35rem;
}

.loading-skeleton .vert-event-divid {
    height: 100% !important;
}

.loading-skeleton .p-up-eve {
    background-color: transparent;
}
/* css for appointment page */
.p-my-appointment .ph-card {
    min-height: 300px;
}

.p-pract-profile-left {
    text-align: center;
    display: grid;
    grid-template-rows: repeat(2, min-content) auto min-content;
    gap: 1.1rem;
}

.p-ther-about-me {
    line-height: 1.5;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.p-pract-profile-left .avatar {
    margin: 0px auto;
}

.p-pact-profile-name h5 {
    font-size: var(--base-font-size-h2);
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1rem;
}

.loading-skeleton .p-pact-profile-name h5 {
    max-width: 55%;
    margin: 0 auto;
}

.loading-skeleton .p-pact-profile-name p {
    margin-bottom: 0.65rem;
}

    .loading-skeleton .p-pact-profile-name p:last-child {
        max-width: 35%;
    }

.p-pact-profile-name small {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
}

.gp-content .nd-doctor-name {
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size);
}

.p-exp-lang-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.p-exp-lang {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 1rem;
    width: 100%;
}

    .p-exp-lang strong, .p-lan-pract-profile strong,
    .p-ther-about-me strong {
        display: block;
        color: var(--primary-color);
        font-weight: 600;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.15rem;
    }

.p-exp-pract-profile {
    text-align: left;
}

.p-exp-lang p {
    font-size: var(--base-font-size-sm);
    margin-bottom: 0;
}

.p-thera-pro-slider .slick-slider,
.p-thera-pro-slider .slick-list,
.p-thera-pro-slider .slick-track,
.p-pract-profile-left {
    height: 100%;
}

.p-vr-line-profile {
    width: 1px;
    background-color: var(--chat-inbox-border-color);
    height: 100%;
}

.p-exp-pract-profile, .p-lan-pract-profile {
    flex: 1;
}

.p-lan-pract-profile {
    text-align: right;
}

.p-thera-pro-wrap {
    max-width: var(--default-sidebar-width);
}

    .p-thera-pro-wrap .slick-dots {
        bottom: -50px;
    }

.p-thera-pro-slider .loading-skeleton .skeleton-img {
    height: 7rem;
    border-radius: 50%;
    flex: 0 0 7rem;
}

.p-thera-bio {
    text-align: left;
    width: 100%;
    font-size: var(--base-font-size);
}

.loading-skeleton .p-exp-lang strong, .loading-skeleton .p-lan-pract-profile strong {
    max-width: 100px;
    margin-bottom: 0.45rem;
}

.loading-skeleton .p-exp-lang-wrapper p {
    max-width: 80px;
}

.loading-skeleton .p-lan-pract-profile strong,
.loading-skeleton .p-lan-pract-profile p {
    margin-left: auto;
}

.loading-skeleton .p-pact-profile-name > h4 {
    max-width: 110px;
}

.loading-skeleton .skel-pro-details p {
    margin-bottom: 0.42rem;
    max-width: initial;
}

    .loading-skeleton .skel-pro-details p:last-child {
        max-width: 80%;
    }

.skel-pro-details {
    flex: 1;
}

.p-th-banner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: calc(var(--default-gap) / 2);
}

.p-th-banner-2x {
    grid-template-columns: 2fr 1fr;
    gap: calc(var(--default-gap) / 2);
}

    .p-th-banner-2x .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg) * 0.98);
    }

.p-thc-gr {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-content: space-between;
}

.p-th-banner-w-txt {
    position: relative;
}

.p-th-banner-cont {
    /* position: absolute;
    bottom: 1.3rem;
    left: 1.3rem;*/
}

    .p-th-banner-cont h5, .p-th-banner-cont h6 {
        /* color: #ffffff;*/
        font-weight: 600;
    }

    .p-th-banner-cont p {
        /*color: #ffffff;*/
    }

.p-def-gr-banner {
    --ins-gr-cricle-wh: 9rem;
    margin: 0 auto;
    width: var(--ins-gr-cricle-wh);
    height: var(--ins-gr-cricle-wh);
}

picture.p-th-banner-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
}

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

.p-thc-gr-mw {
    position: relative;
}

.p-grl-bann-leg {
    display: grid;
}

.p-th-banner-cont .ph-5 {
    font-weight: 700;
}

.p-thc-grid-mw {
    display: grid;
    grid-template-columns: 2.5fr var(--default-sidebar-width);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: var(--default-gap);
}

.ph-card {
}

.p-thc-up-sess {
    grid-area: p-tc-up-sess;
}

.p-thc-com-sess {
    grid-area: p-tc-com-sess;
}

.p-thc-sidebar {
    grid-area: p-tc-sidebar;
}

.p-thc-grid-mw {
    grid-template-areas: "p-tc-up-sess p-tc-sidebar"
        "p-tc-com-sess p-tc-sidebar";
}

    .p-thc-grid-mw .ph-card {
        height: 100%;
    }


.div-therapy, .div-coach {
    background-size: cover;
    background-position: center;
    min-height: 220px;
    border-radius: calc(var(--bs-border-radius));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
}

.div-therapy {
    /*background-image: url('/Content/images/hey-plumm/ther-coach-b1-new.png');*/
}

.div-coach {
    /*background-image: url('/Content/images/hey-plumm/ther-coach-b2-new.png');*/
}

.div-therapy, .div-coach {
    /* background-position: 25% 65% !important;*/
    background: #fff;
    border: 1px solid var(--theme-border-layout);
    border-radius: var(--bs-border-radius);
    box-shadow: 0px 1px 1px rgba(13, 41, 66, 0.04);
}

/*.div-therapy {
    background-image: url('https://liveplummblob.blob.core.windows.net/content/04062024053428.png');
}

.div-coach {
    background-image: url('https://liveplummblob.blob.core.windows.net/content/04062024061556.png');
}*/
/*plumm pract details card*/
/*css for Goals page*/
.create-new-goal .input-group-text {
    font-weight: 500;
    line-height: 1.5;
    color: var(--primary-color);
    padding: 0.375rem 0.65rem;
    font-size: 1rem;
    background-color: transparent;
    border: 1px solid var(--sec-light-color4);
}

.create-new-goal .col-form-label {
    color: var(--primary-color);
    font-weight: 600;
    padding-top: 0;
}

.p-cg-visi-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    padding-top: 0.7rem;
    line-height: 1.8;
}

    .p-cg-visi-label label {
        margin-bottom: 0 !important;
    }

.create-new-goal small {
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.p-input-append {
    position: relative;
}

.p-input-append-link {
    flex: 1;
}

    .p-input-append-link .input-icon-append {
        height: initial !important;
    }

    .p-input-append-link input {
        padding-right: 4.5rem;
    }

.p-input-append .ph-default-link {
    color: var(--link-color);
}

.pcg-user-icon {
    width: 1.28rem;
    height: 1.28rem;
    display: inline-block;
    stroke: var(--p-icon-color);
}

.ch-filter-search .p-search-input svg {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-input-append .pcg-user-icon {
    stroke: var(--theme-icon-color);
}

.p-cg-per-inc-wrpaer li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color);
    width: 100%;
    border-radius: 0;
    gap: 0.6rem;
    font-size: var(--base-font-size);
    padding: 0.6rem 0.8rem;
    box-shadow: var(--default-shadow-1);
    border-radius: calc(var(--bs-border-radius));
    margin-right: 0;
}

    .p-cg-per-inc-wrpaer li input {
        color: var(--primary-color);
        height: 40.9px;
    }

    .p-cg-per-inc-wrpaer li label {
        margin-bottom: 0 !important;
        color: var(--on-primary-color);
        flex: 1;
    }

.p-cg-per-inc-wrpaer .p-listype-bg h6 {
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
    margin-bottom: 0.15rem !important;
}

.p-cg-per-inc-wrpaer .questionItem > input {
    background-color: transparent;
}

.p-cg-per-dd {
    display: grid;
    grid-template-columns: 1fr 120px;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-end;
}

.p-cg-per-inc-wrpaer li:not(:last-child) {
    margin-bottom: 0.9rem;
}

.loading-skeleton.p-cg-per-inc-wrpaer li {
    border-color: var(--sec-light-color7);
}

.loading-skeleton.p-cg-per-inc-wrpaer .p-listype-bg h6 {
    margin-bottom: 0.65rem !important;
}

#loaderApprovalRules.loading-skeleton.p-cg-per-inc-wrpaer .p-listype-bg {
    min-height: 60px;
    gap: 4.6rem;
}

.p-cg-per-dd .dropdown-item {
    font-size: var(--base-font-size-lg);
}

    .p-cg-per-dd .dropdown-item em.icon {
        margin-right: 0.95rem;
        font-size: var(--base-font-size-xl);
    }

.p-pp-question-list li.questionItem {
    min-height: 6rem;
    padding-left: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    justify-content: center;
    width: 100%;
}


    .p-pp-question-list li.questionItem svg.p-grid-icon {
        stroke: var(--on-primary-color);
    }

.p-pp-question-list .questionItem textarea {
    min-height: 3.4rem;
}

.p-pp-question-list li.questionItem .p-question-list-generated span.p-question-count {
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.p-pp-question-list .p-ql-ia-mw span.p-question-count {
    color: var(--on-primary-color);
}

.p-add-ques-sl .p-cg-per-inc-wrpaer li {
    min-height: 44px;
}

.p-add-ques-sl.loading-skeleton ul li {
    display: grid;
    grid-template-columns: 1fr 2.5em;
}

.p-pp-question-list.loading-skeleton ul li {
    min-height: 5.2rem;
    padding-left: 1.5rem;
}

.p-add-ques-sl.loading-skeleton ul p {
    margin-bottom: 0;
}

.p-add-ques-sl.loading-skeleton .p-ql-mw p:not(:last-child) {
    margin-bottom: 0.6rem;
    max-width: 5.4em;
}

.skeleton-grid-dot {
    width: 0.7em;
    height: 1.9em !important;
    margin-right: 0.6em;
}

.p-add-ques-sl.loading-skeleton ul li {
    display: grid;
    grid-template-columns: 1fr 2.5em;
    border-left: 1px solid var(--primary-border-color);
    gap: 3rem;
}

.p-goalcount-wrapper {
    display: inline-flex;
    align-items: flex-end;
    gap: 1.8rem;
}

    .p-goalcount-wrapper label {
        font-size: var(--base-font-size-xs);
    }

.p-goalcounts h3 {
    margin-bottom: 0.2rem;
    font-size: calc(var(--base-font-size-h1) * 1.1);
    line-height: 1;
    font-weight: 600;
    text-align: center;
}

.p-goalcounts-ring {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.05rem;
}

.circle-ring {
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    border: 0.3rem solid transparent;
    border-radius: 50%;
}

.half-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0.35rem solid;
    border-radius: 50%;
}

.cr-top-10 {
    top: -10px;
}

.half-circle-1 {
    border-color: var(--red-color);
    transform: rotate(90deg);
}

.half-circle-2 {
    border-color: transparent var(--green-color) var(--green-color) transparent;
    transform: rotate(-45deg);
}

.circle-ring-nd .half-circle-1 {
    border-color: var(--bg-default);
}

.circle-ring-nd .half-circle-2 {
    border-color: transparent var(--bg-default) var(--bg-default) transparent;
}

.p-cg-ring.circle-ring.circle-ring-nd {
    position: relative;
    top: 3px;
}

.step-avatar-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    padding: 0.55rem;
}

.step-activity-modi-ug .step-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-color);
    flex: 1;
    gap: 1.25rem;
}

    .step-activity-modi-ug .step-content h5 {
        margin-bottom: 0 !important;
        order: 2;
        align-self: flex-start;
        position: relative;
        top: 3px;
    }

.step-activity-modi-ug .step-activity-item {
    margin-bottom: 1.35rem;
}

    .step-activity-modi-ug .step-activity-item .step-avatar::after {
        top: 2.4rem;
    }

.step-activity-modi-ug .step-divider {
    text-transform: initial;
    font-size: var(--base-font-size-sm);
    font-weight: 500;
}

/* 86caze5rr: Home My 1:1 Activity Log — date headers are not connectors */
/* 86cbc3g95: pin icons to the top and join rows with padding (People #activityLog) */
#oneOnOneActivityLog .step-divider::after,
#oneOnOneActivityLog .step-activity-item .step-avatar::after {
    display: none;
}

#oneOnOneActivityLog .step-activity-item:not(.js-oneonone-activity-date):not(:last-child)::before {
    position: absolute;
    top: 0;
    left: 1.90rem;
    height: 100%;
    border-left: 0.1rem solid var(--primary-border-color);
    content: "";
    z-index: 0;
}

#oneOnOneActivityLog .step-content-wrapper {
    align-items: flex-start;
}

#oneOnOneActivityLog .step-avatar-svg {
    background-color: var(--theme-shade-4);
    position: relative;
    z-index: 1;
}

#oneOnOneActivityLog .step-activity-modi-ug .step-activity-item {
    padding-bottom: 30px;
    position: relative;
    margin: 0;
}

#oneOnOneActivityLog .activity-field-list {
    margin: 0.4rem 0 0;
    padding-left: 1.2rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

    #oneOnOneActivityLog .activity-field-list li {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

.check-badge {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-up-at-wrap {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem 3rem;
    flex-wrap: wrap;
}

.p-up-at-data {
    padding-top: 0.7rem;
}

#reportReviewBodyInModal .p-up-at-data {
    padding-top: 0.8rem;
}

.p-up-on-track {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-progress-def {
    flex: 1;
}


.p-def-datagrid .p-progress-def {
    min-width: 300px;
    max-width: 300px;
    margin-right: 1.5rem;
}

.p-green-tag-label {
    gap: 0.4rem;
    background-color: rgb(46 148 78 / 33%);
    border-radius: var(--border-radius-default);
    padding: 0.08rem 0.5rem;
    text-align: center;
    color: var(--green-color);
    font-size: calc(var(--base-font-size-xxs) * 0.95);
    font-weight: 500;
}

.update-goal h6 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: var(--base-font-size-h4);
}

.p-grid-action-btns {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    justify-content: flex-end;
}

.p-ani-dropdown:hover svg {
    stroke: var(--theme-btn-hover);
}

.p-ani-dropdown.open:hover svg {
    stroke: var(--primary-color);
}

.p-grid-action-btns svg,
svg.p-grid-icon {
    display: inline-block;
    --icon-v1: 1.25rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
    stroke: var(--on-primary-color);
    cursor: pointer;
}

/*svg.p-grid-icon1p1 {
    --icon-v1: 1.126rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/

/*svg.p-grid-icon1p2 {
    --icon-v1: 1.126rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}

svg.p-grid-icon1p2v1 {
    --icon-v1: 1.126rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/

.p-rel-l1 {
    position: relative;
    left: 1px;
}

/*svg.p-grid-icon1p1p5 {
    --icon-v1: 1.125rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/

/*svg.p-grid-icon1p3 {
    --icon-v1: 1.3rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/


.p-cg-per-inc-wrpaer li .questionItem input {
    flex: 1;
}

.p-new-obj-gm.p-cg-per-inc-wrpaer li:not(:first-child) {
    background-color: transparent;
    border: 1px solid var(--input-border-1);
}

.pgc-checkin-obj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
}

    .pgc-checkin-obj .form-control {
        flex: 0 0 220px;
    }

.psa-head-goals {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.step-activity-date-item {
    margin: 0.4rem 0 .8rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: var(--base-font-size-sm);
}

.step-inner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.1rem;
}

.psa-head-goals span {
    font-size: var(--base-font-size-xxs);
    font-weight: 500;
    min-width: 60px;
    align-self: flex-start;
    padding-top: 1px;
}

/* 86cb064ke / 86cbc4n9j: Notes History — badge-sized line between notes; never through date headings */
#div-notes-logs .step-activity-item:not(:last-child) .step-avatar::after {
    top: 2.4rem;
    height: calc(100% - 0.4rem);
}

#div-notes-logs .step-activity-item:has(+ .step-activity-date-item) .step-avatar::after {
    display: none;
}

#div-notes-logs .step-activity-date-item {
    position: relative;
}

    #div-notes-logs .step-activity-date-item::before {
        display: none;
        content: none;
    }

/*
.step-activity-modi-lc .step-activity-item::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.0125rem;
    height: calc(100% - 0.075rem);
    border-left: 0.1rem solid var(--primary-border-color);
    content: "";
    z-index: 1;
}*/
.step-activity-modi-lc .step-content {
    margin-top: 0.5rem;
    width: 100%
}
/*
.step-activity-modi-lc .step-activity-item {
    padding-bottom: 2.25rem;
}*/

.step-activity-modi-lc .step-content-wrapper {
    align-items: flex-start;
    z-index: 2;
}

.p-fb-graph {
    height: 360px;
    width: 100%;
}

    .p-fb-graph svg, #barChartLoader {
        width: 100%;
    }

.featured-banner-grid .p-fb-graph {
    height: 200px;
    width: 100%;
}

.goals-banner .p-feat-chart-wrapper,
.p-thc-gr-mw .p-feat-chart-wrapper {
    height: calc(100% - 3rem);
}

.p-thc-gr-mw .p-feat-piechart {
    width: 135px;
    height: 135px;
}

.loading-skeleton .p-goalcounts h3 {
    width: 35px;
}

.loading-skeleton .p-goalcounts {
    min-height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .loading-skeleton .p-goalcounts:nth-child(1) label {
        width: 71px;
    }

    .loading-skeleton .p-goalcounts:nth-child(2) label {
        width: 106px;
    }

.loading-skeleton .p-goalcounts-ring label {
    width: 119px;
}

.loading-skeleton .half-circle-2 {
    border-color: var(--bg-default);
    transform: rotate(-45deg);
}

.p-cgpw {
    margin-bottom: 1rem;
    background-color: var(--bg-default);
    padding: calc(var(--box-padding) * 0.55);
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

    .p-cgpw p {
        margin-bottom: 0;
        color: var(--primary-color);
        font-weight: 500;
    }

    .p-cgpw .p-progress-def {
        margin: 1rem 0 1.2rem;
    }

.p-dx-sg-top .dx-datagrid-header-panel {
    padding-bottom: 4.5rem;
}

.p-gcd-wrapper {
    position: absolute;
    top: 5.5rem;
    left: var(--box-padding);
    z-index: 9;
}

.p-cgp-date {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

@media (min-width: 992px) {
    .add-new-objective .modal-lg {
        max-width: 700px;
    }
}

.loading-skeleton-gsw {
    font-size: 0;
}

    .loading-skeleton-gsw .p-cgpw {
        border: 1px solid var(--primary-border-color);
        background-color: transparent;
    }

.loading-skeleton .circle-tag::before {
    background-color: transparent;
}

.loading-skeleton .circle-tag {
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 50%;
}

    .loading-skeleton .circle-tag span {
        min-width: 132px;
    }

.loading-skeleton-gsw .p-cgp-date label {
    min-width: 70px;
}

.loading-skeleton .cp-data-bottom {
    font-size: 0 !important;
    width: 27px;
    height: 18px !important;
    border-radius: calc(var(--bs-border-radius) * 0.6) !important;
    right: -0.6rem !important;
}

.loading-skeleton .pdf {
    min-width: 110px;
}

    .loading-skeleton .pdf span {
        display: inline-block;
    }

        .loading-skeleton .pdf span label {
            width: 70px;
            height: 9.6px;
        }
/*css for goals ends here*/
/*css for mood history modifier starts here*/
.p-mood-history-chart {
    min-height: 456px;
}

.mood-history-chat,
.mood-history-report .p-fb-graph {
    height: 350px;
}

.p-mood-track-hist .step-avatar {
    font-size: 2rem;
    line-height: 1.3;
}

.p-mood-track-hist .step-activity-item {
    margin-bottom: 1.05rem;
}

.p-mood-track-hist .step-divider::after {
    top: 1.05rem;
}

.p-mood-track-hist .step-activity-item .step-avatar::after {
    top: 2.7rem;
    height: calc(100% - 2rem);
}

.p-mood-track-hist .step-content {
    min-height: 2rem;
    display: flex;
    align-items: center;
}

    .p-mood-track-hist .step-content p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.4;
    }

.p-mood-track-hist {
    height: calc(100% - 4rem);
}

    .p-mood-track-hist .step-activity {
        margin-bottom: 0;
    }

mood-trcaker-step {
    min-height: calc(100% - 2.5rem);
}

.p-mood-tacker .mood-head-text {
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
}

.p-mood-tacker-inner {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.mood-tracker-step {
    flex: 1;
    position: relative;
}

.p-mood-inner-boxes {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 1rem);
    text-align: center;
}

    .p-mood-inner-boxes .main-wrapper-mood-track-step {
        max-width: 750px;
    }

    .p-mood-inner-boxes .msg-box-input-wrapper {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        justify-content: flex-start;
        text-align: left;
    }

    .p-mood-inner-boxes .webchat-load-msg-wrapper {
        text-align: left;
    }

.moon-tracker-chat {
    text-align: left;
}

.p-mt-chat-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    align-self: flex-end;
    padding-bottom: 0.42rem;
    min-height: 2.55rem;
}

.p-mood-inner-boxes .msger-header-new {
    align-self: flex-start;
}

.moon-tracker-chat.p-mood-inner-boxes {
    align-items: flex-start;
}

.mt-skip-btn {
    border: none;
    background-color: transparent;
    font-size: var(--base-font-size);
    color: var(--primary-color);
    text-decoration: none;
    padding: 0 0rem 0 1rem;
    font-weight: 500;
}

.moon-tracker-chat .send-message-btn {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase;
    height: initial;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    border: none;
}

.moon-tracker-chat .webchat-load-msg-main-wrapper {
    max-width: 480px;
    transition-duration: 0s;
    transition-property: max-width;
}

.moon-tracker-chat .webchat-load-msg-wrapper {
    background: var(--sec-light-color4);
    border: none !important;
    color: var(--primary-color);
    min-height: 38px;
    margin-left: 0px;
    margin-right: 0px;
    transition-duration: 0s;
    transition-property: margin-left, margin-right;
    word-break: break-word;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 10px;
    border-radius: 13px 13px 13px 14px;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    font-size: 0.85rem;
}

.p-chat-send-btn {
    width: 2rem;
    height: 2rem;
    stroke: var(--primary-color);
}

.moon-tracker-chat .msger-chat {
    padding: 15px 10px 15px 7px;
}

.moon-tracker-chat .webchat__bubble .webchat__bubble__content::before,
.moon-tracker-chat .webchat__bubble .webchat__bubble__content::after,
.moon-tracker-chat .webchat__bubble.webchat__bubble--from-user::after,
.moon-tracker-chat .webchat__bubble.webchat__bubble--from-user::before,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-left::after,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-left::before,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-right::after,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-right::before,
.moon-tracker-chat .chat-loader-inner .chat-left-loader .msg-bubble.placeload::after,
.moon-tracker-chat .chat-loader-inner .chat-left-loader .msg-bubble.placeload::before,
.moon-tracker-chat .chat-loader-inner .chat-right-loader .msg-bubble.placeload::after,
.moon-tracker-chat .chat-loader-inner .chat-right-loader .msg-bubble.placeload::before {
    bottom: -0.1rem;
    content: "";
    height: 1.4rem;
    position: absolute;
}

.moon-tracker-chat .webchat__bubble__content:before,
.moon-tracker-chat .webchat-load-msg-wrapper-left::before,
.moon-tracker-chat .chat-left-loader .msg-bubble.placeload::before {
    border-bottom-right-radius: 1rem 1.1rem;
    border-left: 1.2rem solid var(--sec-light-color4);
    left: -0.3rem;
    transform: translate(0, -0.1rem);
}

.moon-tracker-chat .webchat__bubble__content::after,
.moon-tracker-chat .webchat-load-msg-wrapper-left::after,
.moon-tracker-chat .chat-left-loader .msg-bubble.placeload::after {
    background-color: var(--chat-dark-bg-2);
    border-bottom-right-radius: 0.53rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.moon-tracker-chat .webchat__bubble--from-user::before,
.moon-tracker-chat .webchat-load-msg-wrapper-right::before,
.moon-tracker-chat .chat-right-loader .msg-bubble.placeload::before {
    border-bottom-left-radius: 1rem 1.1rem;
    border-right: 1.2rem solid var(--sec-light-color4);
    right: -0.3rem;
    transform: translate(0, -0.1rem);
}

.moon-tracker-chat .webchat__bubble--from-user::after,
.moon-tracker-chat .webchat-load-msg-wrapper-right::after,
.moon-tracker-chat .chat-right-loader .msg-bubble.placeload::after {
    background-color: #f5f6fa;
    border-bottom-left-radius: 0.53rem;
    right: -40px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.moon-tracker-chat .msger-header-new {
    border-bottom: none;
}

.moon-tracker-chat .emojionearea-editor {
    line-height: 2;
}

html[color-mode="dark"] .moon-tracker-chat .webchat__bubble--from-user::before,
html[color-mode="dark"] .moon-tracker-chat .webchat-load-msg-wrapper-right::before {
    border-right: 1.2rem solid var(--sec-light-color4);
}

html[color-mode="dark"] .moon-tracker-chat .webchat__bubble--from-user::after,
html[color-mode="dark"] .moon-tracker-chat .webchat-load-msg-wrapper-right::after {
    background-color: var(--sec-light-color4);
}

.moon-tracker-chat .webchat__bubble--from-user .webchat__bubble__content:before {
    display: none;
}

.moon-tracker-chat .webchat__stacked-layout__content,
.moon-tracker-chat .webchat__bubble,
.moon-tracker-chat .webchat__bubble__content {
    overflow: visible !important;
}

.moon-tracker-chat .webchat__bubble--from-user .webchat__bubble__content::after {
    display: none;
}

html[color-mode="dark"] .moon-tracker-chat .chat-left-loader .msg-bubble.placeload::before {
    border-left: 1.2rem solid #141414;
}

html[color-mode="dark"] .moon-tracker-chat .chat-right-loader .msg-bubble.placeload::before {
    border-right: 1.2rem solid #141414;
}

html[color-mode="dark"] .moon-tracker-chat .chat-left-loader .msg-bubble.placeload::after,
html[color-mode="dark"] .moon-tracker-chat .chat-right-loader .msg-bubble.placeload::after {
    background-color: #1f1f1f;
}

.p-modal-mood-his {
    min-height: 400px;
    position: relative;
    z-index: 1;
}

/*css for mood tracker ends here*/

/*css for default featured image starts here*/


/*css for 1 on 1s page starts here*/

.p-label-w-icon {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    cursor: pointer;
}

    .p-label-w-icon svg {
        width: 1.1rem;
        height: 1.1rem;
        display: inline-block;
        stroke: var(--p-icon-color);
        position: relative;
        top: -0.05rem;
    }

.p-side-content-sb {
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

.dx-datagrid .p-grid-action-btns {
    justify-content: center;
    cursor: default;
}


.ono-meeting-details {
    display: grid;
    gap: 10px;
    margin-bottom: 1rem;
    grid-template-columns: repeat(3, auto);
}

fieldset.pso-step {
    display: none;
}

    fieldset.pso-step.step-show {
        display: block;
    }

.pso-grid-wrapper {
    --pso-grid-gap: 1.4rem;
    --ps-grid-lc-wid: 170px;
    display: grid;
    grid-template-columns: var(--ps-grid-lc-wid) 1px calc(100% - var(--ps-grid-lc-wid) - var(--pso-grid-gap) - var(--box-padding));
    align-items: flex-start;
    gap: var(--pso-grid-gap);
    padding-bottom: 1rem;
}

.pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 13rem);
    max-height: var(--minmax-height-pso);
    height: var(--minmax-height-pso);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

/*.pso-def-tab-mh {
    max-height: calc(100% - 4rem);
    overflow: visible;
    padding-right: 0.7rem;
    width: calc(100% + 1rem);
}*/

.pso-head-st-top {
    position: sticky;
    top: 0;
    background-color: var(--chat-dark-bg-2);
    z-index: 9999;
    padding-bottom: 1rem;
}

.pp-pc-mw-grid:not(.pp-pc-grid-fs) .p-ss-h100 {
    height: 100%;
    overflow-y: auto !important;
    padding-right: 1.55rem;
    width: calc(100% + 1.55rem);
}

@media(min-width: 1601px) {
    .pso-form-wrapper {
        height: 35rem;
        min-height: initial;
    }
}

@media(min-width: 1901px) {
    .pso-form-wrapper {
        height: 40rem;
    }
}

@media(max-width: 1600px) {
    .pso-form-wrapper {
        max-height: 750px;
    }
}

@media(max-width: 1400px) {
    .pso-form-wrapper {
        --minmax-height-pso: calc(100vh - 12rem);
    }
}

@media(max-width: 1350px) {
    .pso-grid-wrapper {
        grid-template-columns: var(--ps-grid-lc-wid) 1px calc(100% - var(--ps-grid-lc-wid) - var(--pso-grid-gap) - var(--box-padding) - 0.5rem);
    }
}


.pso-timeline-list {
    display: flex;
    flex-direction: column;
    gap: var(--timeline-ver-gap);
}

.pso-timeline-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
    line-height: 1.2;
    max-width: calc(100% - 5px);
    color: var(--theme-placeholder-color);
}

    .pso-timeline-item > * {
        flex: 0 0 auto;
    }

    .pso-timeline-item .one-line-clamp,
    .pso-timeline-item .two-line-clamp {
        max-width: 100%;
    }

div#SurveyParticipantsDiv {
    min-height: 25em;
    padding-bottom: 2rem;
}

.pso-add-question {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.94rem;
}

    .pso-add-question .p-add-btn-icon {
        flex: 0 0 auto;
    }

.pso-circle {
    --pso-cw: 1.15rem;
    width: var(--pso-cw);
    height: var(--pso-cw);
    background-color: var(--input-border-1);
    display: inline-block;
    border-radius: 50%;
    position: relative;
}

    .pso-circle::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(var(--pso-cw) * 0.9);
        width: 0.085rem;
        background-color: var(--input-border-1);
        height: calc(var(--timeline-ver-gap) - calc(var(--pso-cw) * -0.1));
        border-radius: var(--bs-border-radius);
        z-index: 1;
    }

    .pso-circle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 0.45rem);
        height: calc(100% - 0.45rem);
        border-radius: 50%;
    }

.js-pso-timeline-item-completed .pso-circle:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.69918 4.66496L0.985743 3.1104L0.25 3.77792L2.69918 6L7.75 1.41752L7.01426 0.75L2.69918 4.66496Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-y: 1px;
    background-size: 100%;
}

.pso-timeline-item:not(.js-pso-timeline-item-completed):not(.js-pso-timeline-item-active) .pso-circle {
    background: var(--theme-border-3);
    border: 1px solid var(--theme-primary-color);
    opacity: 0.75;
}

.js-pso-timeline-item-active .pso-circle:before {
}

.pso-form-wrapper .form-group textarea {
    min-height: 300px !important;
}

.p-close-icon {
    width: 1.3rem;
    height: 1.3rem;
    display: inline-block;
    stroke: var(--on-primary-color);
    cursor: pointer;
}

.js-pso-timeline-item-active .pso-circle,
.js-pso-timeline-item-completed .pso-circle {
    background-color: var(--theme-primary-color);
}

.js-pso-timeline-item-active.pso-timeline-item,
.js-pso-timeline-item-completed.pso-timeline-item {
    color: var(--theme-primary-color);
    font-weight: 600;
}

.pso-timeline-item .pso-circle {
}

.js-pso-timeline-item-completed .pso-circle::after {
    background-color: var(--theme-primary-color);
}

.js-pso-timeline-item-completed .pso-circle {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}


.js-pso-timeline-item-active .pso-circle {
    /* background-color: var(--background1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);*/
}

.js-pso-timeline-item-completed .pso-circle:before {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    width: 12px;
    height: 14px;
    background-size: cover;
    background-position: center center;
}

.pso-vline-divider {
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary-border-color);
}

.pso-action-btns,
.pso-action-btns-msg {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.9rem;
}

.p-modal-sb-wizard .hire-stage-message-footer {
    flex-wrap: wrap;
    min-width: 0;
}

.p-modal-sb-wizard .hire-stage-message-footer > .hire-send-confirmation-warning {
    flex: 1 1 50%;
    width: auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.p-modal-sb-wizard .hire-stage-message-footer > .pso-action-btns-msg {
    flex: 0 0 auto;
    width: auto;
    margin-left: auto;
}

.pso-action-btns-msg-mw {
    flex-direction: column;
    gap: 0.25rem;
}

.p-modal-sb-wizard .hire-send-confirmation-warning {
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.pso-action-btns-msg {
    flex: 1;
    justify-self: flex-end;
    width: 100%;
}

.pso-action-btns .js-pso-back.ph-default-link {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
    font-size: var(--base-font-size);
    Padding: 0;
    min-width: initial;
    border-color: transparent;
    background-color: transparent !important;
    text-decoration: underline;
}

.pso-timeline-list .pso-timeline-item:last-child .pso-circle::after {
    height: 0;
}

.p-read-only-txt {
    margin-bottom: 0;
}

.p-read-only-txt-cent {
    margin-top: 0.7rem;
}

.pso-ss-details {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0.3rem;
}

    .pso-ss-details label {
        margin-bottom: 0;
        font-weight: 400;
        color: var(--on-primary-color);
    }

.p-generic-tag {
    background-color: var(--light-new-blue);
    padding: 0.35rem 0.85rem;
    border-radius: calc(var(--border-radius-default)* 0.75);
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    white-space: nowrap;
    min-width: 6.5rem;
    text-align: center;
}

.p-ono-modal-is {
    max-height: calc(100vh - 20.5rem);
    padding-right: 0.8rem;
    width: calc(100% + 0.8rem);
}


.p-generic-tag-label {
    position: absolute;
    right: 0.55rem;
    top: 0.55rem;
    cursor: pointer;
    z-index: 99;
    padding: 0.3rem 0.6rem;
    border-radius: var(--border-radius-default);
    line-height: 1.5;
    background-color: var(--tag-bg-body-border-color);
    color: var(--white-color);
    font-size: var(--base-font-size-xxs);
    opacity: 0.8;
}

.loading-skeleton .pso-ss-details label,
.loading-skeleton .p-up-at-data {
    color: transparent;
}

.user-profile-content-wrapper .list-inline-item em.icon.ni-edit-alt {
    font-size: var(--base-font-size-xxl);
}

.p-jt-jooble img {
    max-width: 74px;
}
/*step timeline full width sh*/
/*One on One Page*/
/*css for task list page starts here*/
.no-tl-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 3rem;
}

.tl-tasks-search-info {
    display: flex;
    align-items: center;
    gap: 3.2rem;
    width: 100%;
}

.tl-two-cols {
    display: inline-flex;
    gap: 4.4rem;
}

.pso-desig {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

    .pso-desig span {
        font-size: var(--base-font-size-xxs);
    }

.js-pso-step.ShowStep.pso-step {
    display: block !important;
}

.p-mtc-tag .p-icon {
    fill: #ffffff;
}

.p-mtc-tt .p-icon {
    fill: var(--p-icon-color);
    stroke: initial;
}

.p-mt-tt-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    min-width: 8.5rem;
    margin-bottom: 0.6rem;
}

span.mt-tt-text {
    font-size: calc(var(--base-font-size-xxs) * 0.96);
    display: block;
    color: var(--primary-color);
    text-align: center;
}

.p-mt-tt-emj {
    font-size: calc(var(--base-font-size-h2) * 1.6);
    line-height: 1.25;
}

.p-ts-tl p {
    margin-bottom: 0;
}


.p-label-sub-txt {
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-size: var(--base-font-size-sm);
}
/*css for task list page ends here*/
/*css for admin time off starts here*/
.p-acc-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--card-btn-light-bg);
    background-clip: border-box;
    border: 1px solid var(--hsla-input-border);
    border-radius: calc(var(--border-radius-default));
    overflow: hidden;
    padding-left: 0;
}

.blueLineRight {
    border-left: calc(var(--left-active-bw) * 0.75) solid var(--primary-color);
}

.p-acc-header {
    background-color: transparent;
    padding: 0.5rem 0.75rem;
    position: relative;
    /*border-top-left-radius: var(--border-radius-default);
    border-top-right-radius: var(--border-radius-default);*/
    background-color: var(--chat-dark-bg-2);
    width: 100%;
    background-color: transparent;
}


.p-acco-btn-wrapper,
.p-acco-btn-wrapper-wt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-acco-btn {
    flex: 1;
    text-align: left;
    border: none;
    background-color: transparent;
    height: 100%;
    color: var(--primary-color);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0.5rem;
    font-size: var(--base-font-size-xxl);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    font-weight: 500;
}

.p-acco-btn-w-icon::after,
.tr-chevron-down::after {
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.1rem;
    transition: transform .2s ease-in-out;
    opacity: .8;
}

.tr-chevron-down::after {
    display: inline-block;
}

span.tr-chevron-down {
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}

#policyTypesContainer .p-acc-header,
#policyTypesContainer .p-acco-btn {
    cursor: move;
}

.p-acco-btn-w-icon[aria-expanded="true"]::after,
.table-accord-inb tr[aria-expanded="true"] .tr-chevron-down {
    transform: rotate(-180deg);
}

.p-acco-btn-w-icon.p-acco-btn-w-text,
.p-acco-btn-w-icon {
    padding-left: 2.3rem;
}

    .p-acco-btn-w-text::after,
    .p-acco-btn-w-icon::after {
        position: absolute;
        left: 0.25rem;
        opacity: .8;
    }

    .p-acco-btn-w-icon.p-acco-btn-w-icon-rt::after {
        left: initial;
        right: 0.25rem;
    }

    .p-acco-btn-w-icon.p-acco-btn-w-icon-rt {
        padding-left: 0;
        padding-right: 2.3rem;
    }

.p-acc-card.p-acc-card-wb .p-acc-header,
.p-acc-card.p-acc-card-wb .accordion-collapse {
    border-left: 0;
}

.p-selected-col {
    border-left: var(--left-active-bw-lg) solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-selected-col-body {
    border-left: var(--left-active-bw-lg) solid rgb(137 24 156 / 30%);
}

.p-acc-card .p-btn-small {
    min-height: calc(var(--p-btn-min-height) * 0.5);
    padding: 0.4rem 0.75rem;
    font-size: var(--base-font-size-xxs);
}

.p-acc-card:not(:last-child) {
    margin-bottom: 0.8rem;
}

.add-avatar-from {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.e-notifi-warning {
    min-height: 6rem;
    padding: var(--box-padding);
}
/*dx input modifier*/
.input-group-append select.form-control,
.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-input-2x {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.1rem;
}

    .p-input-2x > * {
        flex: 1;
    }

.p-input-append .input-icon-append,
.p-input-append .input-icon-append-wcc,
.p-input-prepend .input-icon-append,
.p-input-append .input-icon-append-wc {
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    height: 1.5rem;
    cursor: pointer;
}

.input-icon-append.input-icon-append-txt {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divInputSectionForQus .hire_add_icon {
    right: 0;
    width: 4.5rem;
    justify-content: center;
}

.input-icon-append-wc.dropdown-toggle::after {
    display: none;
}

.p-dx-dd .dx-texteditor-buttons-container .dx-dropdowneditor-icon,
.p-dx-dd .dx-texteditor-buttons-container .dx-dropdowneditor-icon {
    background-color: transparent !important;
}

.p-dx-dd-tt .dx-lookup-arrow {
    font-size: 0;
}

    .p-dx-dd .dx-dropdowneditor-icon::before,
    .p-dx-dd-tt .dx-lookup-arrow::before {
        width: 44px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -1.75rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 0.9rem;
    }

html[color-mode="dark"] .p-dx-dd .dx-dropdowneditor-icon::before,
html[color-mode="dark"] .p-dx-dd-tt .dx-lookup-arrow::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

.p-input-append .dx-texteditor-input {
    border: none !important;
    padding-left: 0.85rem;
}

/*.p-input-append .dx-dropdowneditor-icon::before {
    margin-left: -13px;
}*/

.p-dx-select-sm .dx-texteditor-input {
    height: calc(1.5em + 0.75rem + 0.425em);
}

.dx-lookup-field,
.p-dx-msdd .dx-texteditor-input-container {
    padding: 2.2px 34px 2.2px 10px;
}

#ddlContractType .dx-lookup-field,
#ddlEditContractType .dx-lookup-field {
    color: var(--primary-color);
}

#ddlContractType.dx-lookup-empty .dx-lookup-field,
#ddlEditContractType.dx-lookup-empty .dx-lookup-field {
    color: var(--placeholder-color);
}

#ddlContractType.input-validation-error-custom,
#ddlEditContractType.input-validation-error-custom {
    border-color: var(--red-color) !important;
}

.p-dx-msdd .dx-texteditor-container {
    align-items: center;
}

.p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container {
    padding-right: 4rem;
    max-width: 100%;
}

.fw-normal label {
    font-weight: 400;
}

.po-user-count {
    position: absolute;
    right: 2.35rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--base-font-size-xs);
}

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

.p-dx-msdd.p-input-append .dx-tag {
    flex: 1;
}

.p-input-prepend .input-icon-append {
    left: 0.75rem;
    right: initial;
}

.p-input-prepend input,
.p-input-prepend select {
    padding-left: 2.6rem;
}

.p-input-append .dx-texteditor-input {
    border: none;
    min-height: 39px !important;
}

.p-input-append .dx-lookup-arrow {
    display: none;
}

.p-input-append .dx-tag {
    align-self: center;
}

.p-input-append .dx-texteditor-input-container {
    min-height: 39px !important;
}

.p-input-append .dx-tag-content {
    min-width: 40px;
    background-color: var(--btn-light-bg);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--primary-color);
    margin: 1px 0 0 7px;
    padding: 0.45em 1.85em 0.45em 0.55em;
}

.p-input-append .dx-tag-remove-button,
.select2-selection__choice__remove {
    overflow: hidden;
    position: absolute;
    border: none;
    padding: 0;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: transparent;
    color: var(--light-blue-dark);
    text-indent: 100%;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 0.21em;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: relative;
    color: transparent;
    position: absolute;
    right: 0.75rem;
    margin: 0 !important;
    margin-top: 0.3rem !important;
}

    .p-input-append .dx-tag-remove-button::after,
    .p-input-append .dx-tag-remove-button::before,
    .select2-selection__choice__remove::after,
    .select2-selection__choice__remove::before,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::after,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::before {
        position: absolute;
        top: 0.4em;
        left: calc(50% - .075em);
        width: 1px;
        height: 0.81em;
        border-radius: 1.125em;
        transform: rotate(45deg);
        background: currentcolor;
        content: "";
        right: initial;
        margin: 0;
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.92);
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear::after,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::before {
        color: var(--p-icon-color);
    }

    .p-input-append .dx-tag-remove-button::after,
    .select2-selection__choice__remove::after,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::after {
        transform: rotate(-45deg);
    }

.p-html-editor {
    border-radius: calc(var(--bs-border-radius)* 1.2);
    border: none;
}

.p-he-mhn {
    max-height: 300px;
}

.p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    border-bottom: 1px solid var(--input-border-1);
}

.p-html-editor .dx-button-mode-text .dx-icon {
    color: var(--on-primary-color);
}

.p-html-editor .dx-quill-container.ql-container {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    margin-top: 0rem;
    min-height: 7rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}


.p-html-editor .dx-htmleditor-content {
    padding: 0.6rem 0.8rem;
    height: 150px;
    color: var(--primary-color);
}

.p-html-editor.p-html-editor-xs .dx-quill-container.ql-container {
    min-height: initial;
}

.p-html-editor-xs .dx-htmleditor-content,
textarea.form-control-xs-ta {
    height: 80px;
}

.p-html-editor-sm .dx-htmleditor-content,
textarea.form-control-sm-ta {
    height: 210px;
}

.p-html-editor-md .dx-htmleditor-content,
textarea.form-control-md-ta {
    height: 240px;
}

.p-html-editor-lg .dx-htmleditor-content {
    height: 340px;
}

.p-html-editor-xl .dx-htmleditor-content {
    height: 450px;
}


@media(max-width: 1400px) {
    .p-html-editor-md .dx-htmleditor-content {
        height: 225px;
    }
}

.p-html-editor .dx-htmleditor-toolbar-separator {
    border-left-color: var(--input-border-1);
}

.p-html-editor-ol.p-html-editor .dx-quill-container.ql-container,
.p-html-editor-ol.p-html-editor .dx-htmleditor-content {
    min-height: initial;
    height: auto;
    overflow: hidden;
    border: none;
}

.p-html-editor-ol.p-html-editor p {
    margin-bottom: 0;
    /*white-space: nowrap;*/
}

.p-html-editor-ol {
    border: 1px solid var(--input-border-1) !important;
    border-radius: var(--bs-border-radius);
    border-color: var(--input-border-1) !important;
}

    .p-html-editor-ol .dx-htmleditor-toolbar {
        position: absolute;
        display: inline-flex;
        right: 0.85rem;
        justify-content: flex-end;
        max-width: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
    }

    .p-html-editor-ol .dx-htmleditor-toolbar-wrapper {
        border: none;
        padding: 0;
    }

.p-html-editor.p-html-editor-ol.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border: none;
}

.p-html-editor.p-html-editor-ol .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.p-html-editor-ol-body .add-recipent-email .dx-button .dx-icon {
    width: 20px;
    height: 20px;
}

.p-html-editor.p-html-editor-ol .dx-toolbar-text-auto-hide .dx-button .dx-button-content,
.p-html-editor-ol-body .add-recipent-email .dx-button-content {
    padding: 0;
}

.p-html-editor.p-html-editor-ol .dx-icon-add::before,
.p-html-editor-ol-body .add-recipent-email .dx-icon-add::before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C16.9709 3 21 7.02908 21 12C21 16.9699 16.9709 21 12 21C7.02908 21 3 16.9699 3 12C3 7.02908 7.02908 3 12 3Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.2989 12.002H8.69922' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8.70386V15.2967' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background-size: 100%;
}


.p-html-editor-ol-body .dx-toolbar-before {
    width: 100%;
}

.p-html-editor-ol-body .add-recipent-email {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}

.p-html-editor-ol-body .dx-toolbar-items-container {
    width: 100%;
}

.p-html-editor-ol .dx-htmleditor-content .dx-variable span,
.p-html-editor-ol-body .dx-htmleditor-content .dx-variable span {
    border-radius: 5rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: var(--theme-primary-color);
    font-size: var(--base-font-size-sm);
    padding: 0.28rem 0.8rem 0.3rem;
    font-weight: 400;
    /*    margin: 0 0.1rem;*/
    margin: 0.1rem 0.1rem;
    display: inline-block;
}

.p-html-editor-ol .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format),
.p-html-editor-ol .dx-button-mode-text.dx-state-hover,
.p-html-editor-ol-body .dx-button-mode-text.dx-state-hover,
.p-html-editor-ol-body .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format),
.p-html-editor-ol-body .dx-button-mode-text.dx-state-active,
.p-html-editor-ol .dx-button-mode-text.dx-state-active {
    background-color: transparent;
}

.p-html-editor.p-html-editor-ol .dx-button-content,
.p-html-editor-ol-body .add-recipent-email .dx-button-content {
    position: relative;
}

.p-form-ins-modal-hf {
    height: calc(100% - 1.75rem * 2);
}

.dx-device-mobile .dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator, .dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator {
    height: 28px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.075);
    color: var(--theme-primary-color) !important;
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

/*dx input modifier*/
.ctop-mb-inner {
    margin-bottom: 1.2rem;
}

.input-emoji .emojionearea.emojionearea-inline {
    height: 34px;
    height: calc(1.5em + 0.75rem + 8.5px);
    font-size: var(--base-font-size);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color) !important;
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    overflow: visible;
}

    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-button,
    .input-emoji .emojionearea > .emojionearea-button {
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-editor {
        height: 100%;
        min-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
        top: 0;
        left: 12px;
        right: 24px;
        padding: 6px 0;
        display: flex;
        align-items: center;
        color: var(--primary-color) !important;
        font-size: var(--base-font-size);
    }

.input-emoji .emojionearea .emojionearea-editor:empty:before {
    content: attr(placeholder);
    display: block;
    color: var(--placeholder-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.msger-inputarea.p-chat-em-fw-modi .emojionearea-editor {
    position: relative;
}

.input-emoji .emojionearea .emojionearea-button .emojionearea-button-open {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 21.75C10.3216 21.75 8.43658 21.1782 6.8332 20.1068C5.22982 19.0355 3.98013 17.5128 3.24218 15.7312C2.50423 13.9496 2.31114 11.9892 2.68735 10.0979C3.06355 8.20656 3.99215 6.46928 5.35571 5.10572C6.71927 3.74215 8.45656 2.81356 10.3479 2.43735C12.2392 2.06114 14.1996 2.25422 15.9812 2.99217C17.7628 3.73013 19.2855 4.97981 20.3568 6.58319C21.4282 8.18657 22 10.0716 22 12C21.9971 14.585 20.9689 17.0632 19.1411 18.8911C17.3132 20.7189 14.835 21.7471 12.25 21.75ZM12.25 3.75C10.6183 3.75 9.02326 4.23386 7.66655 5.14038C6.30984 6.0469 5.25242 7.33538 4.628 8.84287C4.00358 10.3504 3.8402 12.0092 4.15853 13.6095C4.47686 15.2098 5.26259 16.6799 6.41637 17.8336C7.57016 18.9874 9.04017 19.7731 10.6405 20.0915C12.2409 20.4098 13.8997 20.2464 15.4071 19.622C16.9146 18.9976 18.2031 17.9402 19.1096 16.5835C20.0162 15.2267 20.5 13.6317 20.5 12C20.4976 9.8127 19.6277 7.71567 18.081 6.16901C16.5343 4.62235 14.4373 3.75238 12.25 3.75Z' fill='%23B8BECB' /%3E%3Cpath d='M12.2494 16.5213C11.5725 16.5136 10.9065 16.3494 10.3037 16.0414C9.70083 15.7335 9.17741 15.2902 8.7744 14.7463C8.65319 14.5885 8.59964 14.389 8.62552 14.1917C8.6514 13.9945 8.75459 13.8155 8.9124 13.6943C9.0702 13.5731 9.26969 13.5196 9.46698 13.5454C9.66427 13.5713 9.84319 13.6745 9.96439 13.8323C10.2217 14.1996 10.5637 14.4994 10.9615 14.7064C11.3592 14.9133 11.801 15.0214 12.2494 15.0214C12.6978 15.0214 13.1396 14.9133 13.5373 14.7064C13.9351 14.4994 14.2771 14.1996 14.5344 13.8323C14.5944 13.7542 14.6692 13.6886 14.7546 13.6394C14.8399 13.5902 14.9341 13.5583 15.0318 13.5454C15.1295 13.5326 15.2288 13.5392 15.3239 13.5647C15.4191 13.5903 15.5083 13.6343 15.5864 13.6943C15.6645 13.7543 15.7301 13.8292 15.7793 13.9145C15.8285 13.9998 15.8605 14.0941 15.8733 14.1917C15.8861 14.2894 15.8795 14.3887 15.854 14.4838C15.8284 14.579 15.7844 14.6682 15.7244 14.7463C15.3214 15.2903 14.798 15.7336 14.1952 16.0415C13.5923 16.3495 12.9263 16.5137 12.2494 16.5213Z' fill='%23B8BECB' /%3E%3Cpath d='M8.975 10.0008C8.71658 10.0003 8.46889 9.89736 8.28616 9.71463C8.10342 9.5319 8.00053 9.2842 8 9.02577C7.99974 8.89774 8.02475 8.77093 8.07359 8.65259C8.12243 8.53424 8.19415 8.4267 8.28463 8.33612C8.37512 8.24554 8.48258 8.17371 8.60088 8.12474C8.71917 8.07578 8.84597 8.05065 8.974 8.05078C9.10204 8.05078 9.22882 8.076 9.34712 8.125C9.46541 8.174 9.57289 8.24581 9.66343 8.33635C9.75397 8.42689 9.82579 8.53437 9.87479 8.65266C9.92379 8.77096 9.949 8.89773 9.949 9.02577C9.949 9.15381 9.92379 9.2806 9.87479 9.3989C9.82579 9.51719 9.75397 9.62467 9.66343 9.71521C9.57289 9.80575 9.46541 9.87756 9.34712 9.92656C9.22882 9.97556 9.10204 10.0008 8.974 10.0008H8.975Z' fill='%23B8BECB' /%3E%3Cpath d='M15.475 10.0008C15.2166 10.0003 14.9689 9.89736 14.7862 9.71463C14.6034 9.5319 14.5005 9.2842 14.5 9.02577C14.4997 8.89774 14.5247 8.77093 14.5736 8.65259C14.6224 8.53424 14.6941 8.4267 14.7846 8.33612C14.8751 8.24554 14.9826 8.17371 15.1009 8.12474C15.2192 8.07578 15.346 8.05065 15.474 8.05078C15.602 8.05078 15.7288 8.076 15.8471 8.125C15.9654 8.174 16.0729 8.24581 16.1634 8.33635C16.254 8.42689 16.3258 8.53437 16.3748 8.65266C16.4238 8.77096 16.449 8.89773 16.449 9.02577C16.449 9.15381 16.4238 9.2806 16.3748 9.3989C16.3258 9.51719 16.254 9.62467 16.1634 9.71521C16.0729 9.80575 15.9654 9.87756 15.8471 9.92656C15.7288 9.97556 15.602 10.0008 15.474 10.0008H15.475Z' fill='%23B8BECB' /%3E%3C/svg%3E") !important;
    background-size: cover;
    width: 21px !important;
    height: 21px !important;
    background-position: center center !important;
}

html[color-mode="dark"] .input-emoji .emojionearea .emojionearea-button .emojionearea-button-open {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 21.75C10.3216 21.75 8.43658 21.1782 6.8332 20.1068C5.22982 19.0355 3.98013 17.5128 3.24218 15.7312C2.50423 13.9496 2.31114 11.9892 2.68735 10.0979C3.06355 8.20656 3.99215 6.46928 5.35571 5.10572C6.71927 3.74215 8.45656 2.81356 10.3479 2.43735C12.2392 2.06114 14.1996 2.25422 15.9812 2.99217C17.7628 3.73013 19.2855 4.97981 20.3568 6.58319C21.4282 8.18657 22 10.0716 22 12C21.9971 14.585 20.9689 17.0632 19.1411 18.8911C17.3132 20.7189 14.835 21.7471 12.25 21.75ZM12.25 3.75C10.6183 3.75 9.02326 4.23386 7.66655 5.14038C6.30984 6.0469 5.25242 7.33538 4.628 8.84287C4.00358 10.3504 3.8402 12.0092 4.15853 13.6095C4.47686 15.2098 5.26259 16.6799 6.41637 17.8336C7.57016 18.9874 9.04017 19.7731 10.6405 20.0915C12.2409 20.4098 13.8997 20.2464 15.4071 19.622C16.9146 18.9976 18.2031 17.9402 19.1096 16.5835C20.0162 15.2267 20.5 13.6317 20.5 12C20.4976 9.8127 19.6277 7.71567 18.081 6.16901C16.5343 4.62235 14.4373 3.75238 12.25 3.75Z' fill='%2378829A' /%3E%3Cpath d='M12.2494 16.5213C11.5725 16.5136 10.9065 16.3494 10.3037 16.0414C9.70083 15.7335 9.17741 15.2902 8.7744 14.7463C8.65319 14.5885 8.59964 14.389 8.62552 14.1917C8.6514 13.9945 8.75459 13.8155 8.9124 13.6943C9.0702 13.5731 9.26969 13.5196 9.46698 13.5454C9.66427 13.5713 9.84319 13.6745 9.96439 13.8323C10.2217 14.1996 10.5637 14.4994 10.9615 14.7064C11.3592 14.9133 11.801 15.0214 12.2494 15.0214C12.6978 15.0214 13.1396 14.9133 13.5373 14.7064C13.9351 14.4994 14.2771 14.1996 14.5344 13.8323C14.5944 13.7542 14.6692 13.6886 14.7546 13.6394C14.8399 13.5902 14.9341 13.5583 15.0318 13.5454C15.1295 13.5326 15.2288 13.5392 15.3239 13.5647C15.4191 13.5903 15.5083 13.6343 15.5864 13.6943C15.6645 13.7543 15.7301 13.8292 15.7793 13.9145C15.8285 13.9998 15.8605 14.0941 15.8733 14.1917C15.8861 14.2894 15.8795 14.3887 15.854 14.4838C15.8284 14.579 15.7844 14.6682 15.7244 14.7463C15.3214 15.2903 14.798 15.7336 14.1952 16.0415C13.5923 16.3495 12.9263 16.5137 12.2494 16.5213Z' fill='%2378829A' /%3E%3Cpath d='M8.975 10.0008C8.71658 10.0003 8.46889 9.89736 8.28616 9.71463C8.10342 9.5319 8.00053 9.2842 8 9.02577C7.99974 8.89774 8.02475 8.77093 8.07359 8.65259C8.12243 8.53424 8.19415 8.4267 8.28463 8.33612C8.37512 8.24554 8.48258 8.17371 8.60088 8.12474C8.71917 8.07578 8.84597 8.05065 8.974 8.05078C9.10204 8.05078 9.22882 8.076 9.34712 8.125C9.46541 8.174 9.57289 8.24581 9.66343 8.33635C9.75397 8.42689 9.82579 8.53437 9.87479 8.65266C9.92379 8.77096 9.949 8.89773 9.949 9.02577C9.949 9.15381 9.92379 9.2806 9.87479 9.3989C9.82579 9.51719 9.75397 9.62467 9.66343 9.71521C9.57289 9.80575 9.46541 9.87756 9.34712 9.92656C9.22882 9.97556 9.10204 10.0008 8.974 10.0008H8.975Z' fill='%2378829A' /%3E%3Cpath d='M15.475 10.0008C15.2166 10.0003 14.9689 9.89736 14.7862 9.71463C14.6034 9.5319 14.5005 9.2842 14.5 9.02577C14.4997 8.89774 14.5247 8.77093 14.5736 8.65259C14.6224 8.53424 14.6941 8.4267 14.7846 8.33612C14.8751 8.24554 14.9826 8.17371 15.1009 8.12474C15.2192 8.07578 15.346 8.05065 15.474 8.05078C15.602 8.05078 15.7288 8.076 15.8471 8.125C15.9654 8.174 16.0729 8.24581 16.1634 8.33635C16.254 8.42689 16.3258 8.53437 16.3748 8.65266C16.4238 8.77096 16.449 8.89773 16.449 9.02577C16.449 9.15381 16.4238 9.2806 16.3748 9.3989C16.3258 9.51719 16.254 9.62467 16.1634 9.71521C16.0729 9.80575 15.9654 9.87756 15.8471 9.92656C15.7288 9.97556 15.602 10.0008 15.474 10.0008H15.475Z' fill='%2378829A' /%3E%3C/svg%3E") !important;
}

.input-emoji .emojionearea-button.active > div.emojionearea-button-open {
    opacity: 0;
}

.input-emoji .emojionearea .emojionearea-button > div.emojionearea-button-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23B8BECB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23B8BECB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: cover;
    width: 1.5em;
    height: 1.5em;
    background-position: center center !important;
}

.input-emoji .emojionearea .emojionearea-picker .emojionearea-search > input {
    border-radius: calc(var(--bs-border-radius) * .5);
    padding: 0.35rem;
    border: 1px solid var(--input-border-1);
    font-size: calc(var(--base-font-size-xxs) * 0.95);
}

.input-emoji .emojionearea .emojionearea-picker .emojionearea-filters {
    background: var(--bg-default);
    padding: 0;
}

.input-emoji .emojionearea .emojionearea-picker {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
    background: var(--chat-dark-bg-2);
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
    background-color: var(--bg-default);
}

html[color-mode="dark"] .input-emoji .emojionearea .emojionearea-button > div.emojionearea-button-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%2378829A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%2378829A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.emojionearea.emojionearea-inline > .emojionearea-editor {
    line-height: 2;
}

.leaves-btn-type {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: flex-start;
    font-weight: 500;
}

    .leaves-btn-type span {
        font-size: var(--base-font-size-sm);
        font-weight: 400;
    }

/*css for amin time off ends here*/


/*css form saved page*/
.p-card-full-deatils-cols {
    margin-bottom: calc(var(--default-gap) * 0.7);
    cursor: pointer;
}

.p-card-full-details-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(var(--default-gap) * 0.75);
}

.p-card-full-details-img-therap,
.p-card-full-details-img-thumb {
    flex: 0 0 var(--content-grid-width);
}

.p-card-full-details-img-therap {
    background-color: var(--sec-light-color4);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/Content/images/hey-plumm/ther-coach-b1-new.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.p-type-coach {
    background-image: url(/Content/images/hey-plumm/ther-coach-b2-new.png);
}

.p-card-full-details-img-therap img {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    object-fit: cover;
}

.p-card-full-deatils-data {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    justify-content: center;
    flex: 1;
}

.ph-saved-video-row .ph-3 {
    margin: 1.6rem 0 0.9rem;
    font-size: calc(var(--base-font-size-h3) * 0.9);
}

.p-thera-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 0.1rem;
}

.p-card-full-deatils-data h4,
.p-card-full-deatils-data p,
.p-card-full-deatils-data .hc-live-therap-description {
    margin-bottom: 0;
}

.p-card-full-deatils-data .search-card-txt {
    max-width: calc(100% - 7.2rem);
}

.p-card-full-deatils-data .thcc-details-inner {
    gap: 0.3rem;
}

.hc-live-user-actions {
    flex: 0 0 auto;
}

.saved-main-container .hc-live-box.hc-live-placeholder.placeload {
    padding: 0;
    box-shadow: none;
    margin-bottom: calc(var(--default-gap) * 0.7);
}

.addPlummContentModal .p-card-full-deatils-cols:not(.loading-skeleton) .custom-control {
    padding-left: 0;
}
/*css for saved page ends here*/
/*css for task pages starts here*/
.p-mt-para-hover {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

svg.p-mt-para-hover-hide {
    opacity: 0;
    visibility: hidden;
    width: 0.9rem;
    height: 0.9rem;
    stroke: var(--link-color);
    order: 2;
    fill: none;
}

.p-mt-para-hover:hover svg.p-grid-icon {
    opacity: 1;
    visibility: visible;
}

.txt-algn-lnf tr th:not(:first-child),
.txt-algn-lnf tr td:not(:first-child) {
    text-align: center;
}

    .txt-algn-lnf tr td:not(:first-child) .grid-profile-wrapper,
    .txt-algn-lnf tr td:not(:first-child) .custom-item {
        justify-content: center;
    }

/*.gpw-left-align .grid-profile-wrapper {
    justify-content: flex-start;
}*/

.p-def-table tr {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .p-def-table tr td, .p-def-table tr th {
        border-top: none;
    }

td.p-acc-table:hover {
    background-color: initial !important;
}

.p-def-table tr th {
    background-color: var(--table-head-bg);
    overflow: hidden;
    font-weight: 500;
    color: var(--primary-color) !important;
    border: none;
}

.p-def-table table {
    border-collapse: collapse;
}

.p-def-table thead::after {
    content: "@";
    display: block;
    line-height: 10px;
    text-indent: -99999px;
}

.p-def-table tr th:first-child,
.p-def-table tr td:first-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover td:first-child,
.dx-datagrid-rowsview .dx-row.dx-selection td:first-child {
    /*border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);*/
}

.p-def-table tr th:last-child,
.p-def-table tr td:last-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover td:last-child,
.dx-datagrid-rowsview .dx-row.dx-selection td:last-child {
    /* border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);*/
}

.p-def-tl-nfc .circle-tag {
    justify-content: center;
}

.circle-tag span {
    min-width: 5rem;
}

.p-def-tl-nfc tr th:not(:first-child),
.p-def-tl-nfc tr td:not(:first-child) {
    text-align: center;
}

tr.accordion-toggle {
    cursor: pointer;
}

td.p-acc-table {
    padding: 0;
}

.p-acc-table-body table {
    width: calc(100% - 3rem);
    margin: 0.6rem auto 1rem;
}

.p-acc-table table thead tr th {
    font-weight: 500 !important;
}

.p-acc-table .table td, .p-acc-table .table th {
    padding: 0.6rem 0.75rem;
}

.p-accordian-chev {
    transform: rotate(-90deg);
    transition: all .3s;
}

.p-table-acc-toggle[aria-expanded="true"] .p-accordian-chev {
    transform: rotate(0deg);
}

/*css for task list ends here*/

/*css for integraton page starts here*/

.p-vertical-def-nav svg {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
}

.pi-content-actions {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: var(--box-padding);
    background-color: var(--bg-default);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color);
}

    .pi-content-actions svg {
        width: 4rem;
        height: 4rem;
        display: inline-block;
    }

.p-add-btn-icon svg {
    width: 1.05rem;
    height: 1.05rem;
    fill: #fff;
    stroke: var(--theme-primary-color);
}

.pi-content-actions {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}

.pi-content {
    display: grid;
    grid-template-columns: 1fr 300px;
    align-items: center;
    gap: 3rem;
}

.pi-content-inner ul {
    padding: 1rem;
}

    .pi-content-inner ul li:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.pi-slider-item {
    max-width: 300px;
    margin: 0.35rem;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.pi-baner-slider {
    margin: 0 calc(-0.25rem / 2);
    position: relative;
    margin-bottom: 1.8rem;
}

    .pi-baner-slider::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(270deg, var(--chat-dark-bg-2) 15%, rgb(255 256 255 / 0%));
        width: 105px;
    }

.p-inte-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: calc(var(--box-padding) * 0.5);
}

.p-inte-cards-content {
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    overflow: hidden;
}

.p-icc-iw,
.p-rect-iw {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.7rem;
    background-color: var(--theme-light-bg-def);
}

    .p-icc-iw svg {
        width: 3rem;
        height: 3rem;
        display: inline-block;
    }

.p-icc-details {
    padding: calc(var(--box-padding) *0.5);
}

    .p-icc-details a {
        font-size: var(--base-font-size-xxs);
    }

.p-iic {
    width: 0.95rem;
    height: 0.95rem;
    display: inline-block;
    line-height: 1.8;
    fill: var(--disabled-color);
}

.p-iic-active {
    fill: var(--green-color);
}

.p-rect-iw img {
    max-width: 120px;
    height: auto;
}

.p-rect-iw-rectangle img {
    max-width: 50px;
    height: 50px;
}
/*css for integraton page ends here*/
.p-sidebar .simplebar-track {
    z-index: -1;
}


/*css for workflow strrts here*/
.add-user-sequence {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.plus-icon {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    cursor: pointer;
    fill: var(--link-color);
}

.pw-mw .p-icon {
    stroke: var(--primary-color);
}

.pw-bw {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 3.5rem;
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
}

    .pw-bw > * {
        flex: 1;
    }

.pw-bw-items {
    min-height: 280px;
}

.ph-default-tag .new-aster::after {
    top: -2.3px;
}

.pw-mw .p-icon.p-icon-link {
    stroke: var(--link-color);
    cursor: pointer;
}

.p-icon-drpdown .dropdown-item:hover svg {
    stroke: #fff;
}

.ph-default-tag.p-tag-ci {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-right: 0.55rem;
}

.p-tag-ci svg.p-icon.p-icon-xs {
    cursor: pointer;
}

.pw-sl-wrapper {
    width: 100%;
    min-height: 150px;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
    max-height: 400px;
    overflow: visible;
    padding-right: 0.5rem;
}

.pw-sl-wrapper.scratch-report-selected-fields {
    overflow-y: auto;
    overflow-x: hidden;
}

.p-dx-treeview-mw {
    min-height: 450px;
}

.no-data-to-show p {
    margin-bottom: 0;
}

.pw-sl-wrapper svg.no-data {
    max-width: 60px;
    height: 60px;
    margin-bottom: 0.45rem;
}

.p-upload-input {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--box-padding);
}

.p-add-box:hover {
    cursor: pointer;
    background-color: var(--sec-light-color4);
}

.p-add-btn svg.p-icon {
    stroke: #fff;
}

.pw-sl-mw {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
}

.p-tl-cols-12b6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1.5rem;
}

.pw-eu-ad-stps .p-tl-cols-12b6:not(:last-child) {
    margin-bottom: 2.5rem;
}

.sc-select-days {
    min-width: 7rem;
}

/*css for permission page starts here*/
.p-permission-banner .ph-card {
    min-height: 185px;
    box-shadow: none;
    padding: calc(var(--box-padding) * 0.6);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    .p-permission-banner .ph-card h4 {
        margin-bottom: 0.3rem;
        font-size: var(--base-font-size-xxl);
    }

    .p-permission-banner .ph-card p {
        font-size: var(--base-font-size-xxs);
        line-height: 1.25;
        margin-bottom: 0;
    }

.p-permission-banner .ba-sir-boxes-count {
    position: initial;
    transform: none;
    min-height: 6.2em;
}

.permission-main-container tr td:first-child {
    min-width: 210px;
}

.permission-access-list .p-jp-head {
    line-height: 1.35;
}

.permission-access-list .p-hj-card-list {
    grid-template-columns: repeat(1, 1fr);
}


.permission-access-list .p-hj-card-title label {
    color: var(--primary-color);
}

.permission-access-list .p-hj-card-title label {
    min-width: 90px;
}

@media(max-width: 1950px) {
    .p-permission-banner .ph-card {
        min-height: 200px;
    }
}

/*css for handbook page starts here*/

#onOpenHandbooksEditModel .modal-body {
    padding-bottom: 1.6rem;
}

.p-handbook .pp-userList-selected .dx-scrollview-content .dx-item {
    cursor: default;
    pointer-events: none;
}

.p-vertical-def-nav .p-icon {
    stroke: var(--on-primary-color);
}

.p-tag-action {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xs);
    padding: 0.35rem 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.85);
    display: inline-block;
    font-family: var(--primary-font);
    position: relative;
    color: var(--primary-color);
    white-space: nowrap;
    border: 0.09rem solid var(--p-border-2);
    cursor: pointer;
}

    .p-tag-action-active,
    .p-tag-action:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        color: #fff;
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7 );
    }

.p-tag-length {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xs);
    padding: 0.35rem 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.85);
    display: inline-block;
    font-family: var(--primary-font);
    position: relative;
    color: var(--primary-color);
    white-space: nowrap;
    border: 0.09rem solid var(--p-border-2);
    cursor: pointer;
}

    .p-tag-length-active,
    .p-tag-length:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        color: #fff;
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7 );
    }

.ph-sw .ph-sw-items {
    margin-bottom: 0.9rem;
}

.ph-sw .ph-sw-items,
.add-sec-row {
    background-color: var(--bg-default);
    border: 1px solid var(--primary-border-color);
    color: var(--on-primary-color);
    width: 100%;
    border-radius: var(--border-radius-default);
    font-size: var(--base-font-size);
    padding: 0.65rem 0.8rem;
}

.ph-sw-items .form-group {
    margin-bottom: 0 !important;
}

.add-sec-row {
    margin-top: 1.6rem;
}

.add-section-btn {
    stroke: var(--primary-color);
    cursor: pointer;
}

.p-q-add {
    display: grid;
    grid-template-columns: 15.625rem 1fr auto;
    gap: var(--box-padding);
    background-color: var(--bg-default);
    color: var(--on-primary-color);
    width: 100%;
    border-radius: var(--border-radius-default);
    font-size: var(--base-font-size);
}

#sectionListView .p-q-add {
    align-items: center;
}

.p-q-add-wrapper .p-q-add {
    margin-top: 1.2rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--primary-border-color);
}

.ph-sw-items li.sectionItem:not(:last-child) {
    margin-bottom: calc(var(--box-padding) * 0.5);
}


.p-sections-gw {
    display: grid;
    grid-template-columns: var(--default-sidebar-width) 1fr;
    margin: 0;
    gap: 1rem;
    height: 100%;
}

.p-section-input .pso-form-wrapper {
    height: 100% !important;
    max-height: inherit;
}

.p-hs-list {
    height: 100%;
    max-height: calc(100vh - 130px);
    padding-right: 0.9rem;
}

@media(max-width: 1700px) {
    .p-hs-list {
        max-height: 550px;
    }
}

.p-edit-hb {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.p-edit-hb-inner {
    flex: 1;
}

.p-hs-list ul li {
    min-height: 43.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.p-hs-list .p-mydoc-list-item-cont {
    flex: 1;
}

/* 86cbba4cw Edit Handbook left list: ellipsis the section title; keep the three-dot visible. */
#sectionsListForView.p-hs-list .p-mydoc-list-item-cont,
.p-hs-list #sectionsListForView .p-mydoc-list-item-cont {
    min-width: 0;
}

    #sectionsListForView.p-hs-list .p-mydoc-list-item-cont > i,
    .p-hs-list #sectionsListForView .p-mydoc-list-item-cont > i,
    #sectionsListForView.p-hs-list .p-mydoc-list-item-cont .p-dd-wp-wrapper,
    .p-hs-list #sectionsListForView .p-mydoc-list-item-cont .p-dd-wp-wrapper {
        flex-shrink: 0;
    }

    #sectionsListForView.p-hs-list .p-mydoc-list-item-cont label.folderName,
    .p-hs-list #sectionsListForView .p-mydoc-list-item-cont label.folderName {
        flex: 1;
        min-width: 0;
        max-width: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* 124g39pbb35: only Admin Review Preview owns these nested layers. */
body.review-preview-open #StartReviewModal.review-preview-stack {
    z-index: 1510;
    pointer-events: none;
}

body.review-preview-open #StartReviewModal.review-preview-stack .modal-dialog {
    pointer-events: none;
}

body.review-preview-open #StartReviewModal.review-preview-stack .modal-content {
    pointer-events: auto;
}

body.review-preview-open .modal-backdrop.review-preview-backdrop {
    z-index: 1500;
}

/* 86cbbam7v Delete Handbook Section on Edit Handbook: even full-window dim, confirm above Edit. */
#deleteSectionModal.handbook-delete-section-stack {
    z-index: 1510;
}

body.handbook-delete-section-open #onOpenHandbooksEditModel {
    z-index: 1040;
}

body.handbook-delete-section-open .modal-backdrop,
body.handbook-delete-section-open .modal-backdrop.handbook-delete-section-backdrop {
    z-index: 1500;
    background-color: rgb(28 29 30 / 64%);
    opacity: 1;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.p-html-editor .dx-htmleditor {
    border-color: transparent;
}

.p-html-editor p {
    margin-bottom: 0.6rem;
    margin-top: 0.2rem;
}

.p-html-edit-fh .p-html-editor .dx-htmleditor-content,
.p-edit-hb-inner textarea.form-control {
    height: 100%;
    max-height: 430px;
    min-height: 220px;
}

.hb-details {
    margin-bottom: 2.2rem !important;
    position: relative;
}

.UsersListTooltipForView .pp-userList-selected .dx-scrollview-content,
.UsersListTooltipForDelView .pp-userList-selected .dx-scrollview-content {
    max-height: 200px;
    overflow: visible;
    padding: 0;
    margin: 0 !important;
}

    .UsersListTooltipForView .pp-userList-selected .dx-scrollview-content .dx-list-item.dx-state-focused,
    .UsersListTooltipForDelView .pp-userList-selected .dx-scrollview-content .dx-list-item.dx-state-focused {
        background-color: transparent;
    }



/* .hb-details::after {
        content: 'Handbook Sections';
        bottom: -2rem;
        position: absolute;
        left: 0;
        color: var(--secondary-color);
        font-weight: 500;
    }*/
.p-modal-fullscreen-m0 {
    padding-right: 0 !important;
}

.p-vf-content .p-view-profile {
    position: relative;
    padding-top: 28px;
}

.p-vf-head {
    background-color: #151414;
    border-bottom: 1px solid #000000;
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 0.5rem 0.85rem;
    color: #ebebeb;
    font-size: var(--base-font-size-lg);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 3rem;
}

    .p-vf-head svg.p-icon {
        stroke: #ebebeb;
    }

    .p-vf-head .btn-close {
        border: none;
        background-color: transparent;
    }

    .p-vf-head .btn-close {
        border: none;
        background-color: transparent;
    }

    .p-vf-head .close-dbg-btn {
        background-size: cover;
        width: 1.2rem;
        height: 1.2rem;
    }

.p-icon-pdf.p-icon {
    stroke: none;
}

.p-vf-head button {
    border: none;
    background-color: transparent;
    color: #ebebeb;
    padding: 0;
}

.p-vf-cen {
    justify-content: center;
}

.p-vf-rc {
    justify-content: flex-end;
}

.hb-vf-name {
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#titleSub_delete {
    font-size: var(--base-font-size-xl);
}
/*css for handbook ends here*/
/*css for talent page starts here*/
.pt-sq-mw {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--box-padding);
}

.pt-sq-lw .p-vertical-def-nav {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 0.6rem 0.6rem;
}

    .pt-sq-lw .p-vertical-def-nav button {
        margin-bottom: 0 !important;
    }

.pt-sq-lw,
.pt-sq-rw {
    border-radius: var(--bs-border-radius);
    box-shadow: none;
    padding: calc(var(--box-padding) * 0.6);
}

.pt-sq-mw .p-vertical-def-nav .nav-link {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
}

    .pt-sq-mw .p-vertical-def-nav .nav-link.active {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        font-weight: 500;
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35 );
    }

.p-summ-res ul li:not(:last-child) {
    margin-bottom: 0.9rem;
}

.share-candi-info p,
.share-candi-info .p-grey-bg-box ul li {
    color: var(--primary-color);
    overflow-wrap: break-word;
}

.can-sco-feedback p {
    overflow-wrap: break-word;
}

.share-candi-info .modal-body {
    border-radius: 0 var(--bs-border-radius) 0 var(--bs-border-radius);
}

.p-summ-res ul {
    padding-left: 1.1rem;
    color: var(--primary-color);
    margin-top: 0.8rem;
}

.pt-jdesc,
.talent-ske-load .pt-jdesc-sl {
    display: flex;
    gap: 0.45rem 1.8rem;
    justify-content: flex-start;
}

    .pt-jdesc p span {
        font-weight: 500;
    }

    .pt-jdesc p {
        margin-bottom: 0;
        color: var(--primary-color);
    }

        .pt-jdesc p span.strong {
            font-weight: 600;
        }

    .pt-jdesc .p-text-underline {
        cursor: pointer;
    }

.p-hire-top-det .ph-3 {
    flex-shrink: 0;
    font-size: var(--base-font-size-h5);
}

@media(max-width: 1600px) {
    .pt-jdesc,
    .talent-ske-load .pt-jdesc-sl {
        gap: 0.45rem 1rem;
    }

    .p-hire-top-det {
        gap: 1.5rem;
    }
}



.p-tal-step-sq {
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
}

.p-tal-step-wr .simplebar-content,
.cw-scroll .simplebar-content {
    height: 100%;
}

.label-attachment {
    color: var(--dark-blue-color);
    font-weight: 500;
}

    .label-attachment .p-grid-icon {
        stroke: var(--dark-blue-color);
    }

.p-la-sepe-head {
    padding: 0 calc(var(--box-padding) * 0.8);
    position: relative;
}

/* Keep the job screening email container and fields on the questions/method grid. */
#addScreeningStep .p-head-seperator-fw,
#editScreeningStep .p-head-seperator-fw,
#addScreeningStep .p-la-sepe-head,
#editScreeningStep .p-la-sepe-head {
    padding-inline: 0;
}

#addScreeningStep .p-head-seperator-fw,
#editScreeningStep .p-head-seperator-fw {
    padding-inline-start: 8px;
}

.p-add-pos-ap .control-group {
    margin-bottom: 0.6rem;
}

.p-add-pos-ap label.btn.btn-sm {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.p-add-pos-ap .btn-group-sm > .btn, .btn-sm {
    padding: 0.25rem 0.6rem;
}

.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled).active,
.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled):active,
.p-add-pos-ap .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-add-pos-ap .btn-group > .btn-group:not(:first-child),
.p-add-pos-ap .btn-group > .btn:not(:first-child) {
    margin-left: 0;
}

.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled).active:focus,
.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled):active:focus,
.p-add-pos-ap .show > .btn-secondary.dropdown-toggle:focus,
.p-add-pos-ap .btn-secondary.focus,
.p-add-pos-ap .btn-secondary:focus {
    box-shadow: none;
    background-color: initial;
    border-color: initial;
}

.p-tal-pro {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 1.05rem;
}

    .p-tal-pro .avatar.avatar-xxl {
        height: 5.3rem;
        width: 5.3rem;
    }

    .p-tal-pro .user-profile-content-wrapper p,
    .p-candi-info .user-profile-content-wrapper .list-inline-item {
        font-size: calc(var(--base-font-size-xs) * 0.985);
    }

.p-candi-info .ph-card {
    padding: calc(var(--box-padding) * 0.75);
}

    .p-candi-info .ph-card.p-defautlt-navs {
        padding: calc(var(--box-padding) * 0.25);
    }

.kanban-icons-rating svg.p-icon {
    --rating-color: #ffc700;
    fill: var(--rating-color);
    stroke: var(--rating-color);
}

#GridCompatabliltyOV .ni.ni-star-fill,
#GridCompatabliltyOV .ni.ni-star,
#GridCompatabliltyOV .ni-star-half-fill,
.p-rs-yellow .ni.ni-star-fill,
.p-rs-yellow .ni.ni-star,
.p-rs-yellow .ni-star-half-fill {
    color: #ffc700;
}

.icon-call-def {
    width: 0.95rem;
    height: 0.95rem;
}

.kanban-icon-item span {
    font-size: var(--base-font-size-xxs);
    line-height: 1.2;
    position: relative;
    top: 0.05em;
    color: var(--on-primary-color);
}

.p-tal-icon-call {
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
    left: 1px;
}


#GridCompatabliltyOV .ni.ni-star,
.p-rs-yellow .ni.ni-star {
    color: var(--p-grey-1);
}

.pt-cand-pro {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
    padding: calc(var(--box-padding) * 0.55);
}

.p-candi-info .modal-content {
}


.p-ci-details {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.p-ci-details-2x {
    display: flex;
    flex: 1;
    gap: 0.5rem;
}

    .p-ci-details-2x label {
        flex: 0 0 9em;
    }

.p-ci-socials svg {
    width: 1.45rem;
    height: 1.45rem;
    cursor: pointer;
    display: inline-block;
    stroke: var(--on-primary-color);
}

.p-ci-sections-items {
    margin-bottom: 1.6rem;
}

.p-ci-tags-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.p-ci-tags {
    font-size: var(--base-font-size-xxs);
    background-color: var(--theme-light-bg-def-1);
    color: var(--theme-primary-color);
    padding: 0.23rem 0.5rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    font-weight: 500;
    line-height: 1.25;
}

.p-ci-tags-wrap a.ph-default-link {
    font-size: var(--base-font-size-xxs);
    margin-left: 0.7rem;
    font-weight: 500;
}

.pdf-container {
    width: 100%;
    height: 700px; /* Adjust the height as needed */
    border: none; /* Optional: removes the border around the iframe */
}

.p-modal-fs-sf .modal-body {
    max-height: 100%;
    overflow: hidden;
}

.p-ci-grid-mw {
    height: 100%;
}

.p-ci-grid-hr {
    margin: 0;
    height: 100%;
    width: 1px;
    background-color: var(--primary-border-color);
}

.p-ci-grid-rc {
    background-color: var(--p-grey-2);
    padding: var(--box-padding);
    border-radius: var(--bs-border-radius);
}

.p-accor-button-type .p-acc-card.p-acc-heading .p-acc-header {
    display: inline-flex;
    padding: 0.75rem 0.95rem;
    padding-right: 3.6rem;
    width: initial;
    background-color: transparent;
}

.p-accor-button-type .p-acc-header .p-acco-btn {
    padding-right: 2rem;
}

.p-accor-button-type .p-acco-btn-w-icon::after {
    width: 0.9rem;
    height: 0.9rem;
    background-size: 0.9rem;
}

.p-accor-button-type .card-body {
    padding: 0.1rem 1.12rem 0.5rem;
}

.p-accor-button-type .p-acc-card .card-body {
    border-top: none;
}

.p-ci-grid-lc,
.p-ci-grid-rc {
    max-height: calc(100vh - 1rem);
    overflow: visible;
    padding-bottom: 3rem;
}

.p-sim-link span {
    cursor: pointer;
}

.p-sepe-icon svg {
    stroke: var(--primary-color);
}

.p-sim-link {
    color: var(--on-primary-color);
}

.p-ci-copy {
    cursor: pointer;
}

.p-candi-info .step-activity {
    margin-left: -0.4rem;
    margin-right: 0;
}

.p-ci-act-footer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    align-items: center;
}

    .p-ci-act-footer button.p-btn-small,
    .p-btn-sm-new {
        min-width: 4rem;
    }

.p-btn-sm-new {
    min-height: calc(var(--p-btn-min-height)* 0.5);
    padding: 0.4rem 0.75rem;
    font-size: var(--base-font-size-xxs);
}

.p-ncb-ic {
    display: flex;
    gap: 0.7rem;
    position: relative;
}

.reply-label {
    padding: 0.15rem 0.5rem;
    cursor: pointer;
    border-radius: var(--bs-border-width);
    font-size: var(--base-font-size-xs);
    font-weight: 500;
}

    .reply-label:hover {
        background: var(--theme-secondary-color);
        color: var(--theme-primary-color);
    }

.p-ci-grid-lc .form-group > label {
    font-size: var(--base-font-size-xl);
    margin-bottom: 0.55rem;
}

.p-rs-yellow .form-group > label {
    font-size: var(--base-font-size-xl);
}

.p-ci-notes-react {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .p-ci-notes-react svg {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--on-primary-color);
        cursor: pointer;
    }

.p-ncb-ic label.label-primary {
    margin-top: 0.45rem;
    margin-bottom: 0.6rem;
}

.p-nt-color {
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: var(--base-font-size-xxs);
}

span.tagged-txt {
    color: var(--secondary-color);
}

.p-ncb-ic.p-ncb-ic-reply {
    background-color: var(--p-grey-2);
    padding: 0.75rem;
    margin-left: 3rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    margin-bottom: 0.9rem;
    margin-top: 0.9rem;
}

.new-reply-container {
    width: 100%;
}

    .new-reply-container .p-ncb-ic.p-ncb-ic-reply {
        margin-left: 0;
    }

.p-ci-post-msg.input-group {
    flex-direction: column;
}

    .p-ci-post-msg.input-group input {
        width: 100%;
        border-radius: var(--bs-border-radius) !important;
    }

    .p-ci-post-msg.input-group .input-group-append {
        align-self: flex-end;
        margin-top: 0.9rem;
        margin-bottom: 0.5rem;
    }

.p-notes-comment-box {
    background-color: var(--chat-dark-bg-2);
    padding: 1.2rem;
    border-radius: var(--bs-border-radius);
}

.p-inte-cards-green-cb .p-rect-iw input[type="radio"] {
    flex-shrink: 0;
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid var(--grey-bg-3);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    border-radius: 50%;
    float: left;
    background-color: var(--chat-dark-bg-2);
    cursor: pointer;
}

.p-icgcb-pos.p-inte-cards-green-cb .p-rect-iw input {
    position: absolute;
    top: 0.6rem;
    left: 0.8rem;
}

.p-inte-cards-green-cb .p-rect-iw input:checked[type=radio] {
    border-color: #05c842;
    background-color: #05c842;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='14px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/*.p-ci-evo-scr .p-html-editor .dx-htmleditor-content {
    height: 110px;
}*/

.p-tal-can-pro-img img {
    width: 11.4em;
    height: 11.4em;
    object-fit: cover;
    border-radius: var(--bs-border-radius);
}

.tal-cand-upld-mw {
    display: grid;
    grid-template-columns: 100%;
    gap: 0.25rem;
    margin-bottom: 0.6rem;
}

    .tal-cand-upld-mw .p-tal-can-pro-img img {
        width: 100%;
    }

.p-ci-ring-grid {
    display: grid;
    grid-template-columns: 1fr 6.5rem;
    gap: 1.25rem;
}

.p-tal-candi-info-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-tal-candi-info-ring svg {
        width: 6.3em;
        height: 6.3em;
        padding: 0.1rem;
        margin: 0.15rem;
    }

    .p-tal-candi-info-ring svg {
        display: inline-block;
        position: relative;
    }

.p-tal-cir-count {
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    color: var(--primary-color);
    font-weight: 700;
    font-size: calc(var(--base-font-size-h2)* 1.25);
    z-index: 800;
    line-height: 1.25;
}

.p-sc-int-box-wh {
    text-align: center;
}

.p-modal-center-txt .modal-body {
    padding: 2.6em;
    text-align: center;
}

.p-modal-center-txt .modal-content {
    border-radius: calc(var(--bs-border-radius)* 2.5);
}

.ahead-time-modal .modal-content {
    max-width: 627px;
}

.ahead-time-modal .p-bl-head-1 {
    font-weight: 600;
    color: var(--primary-color);
}

.top-pl-align {
    padding-left: 2.8rem;
}

.p-cr-rad-mw {
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
}

.p-tag-v-top-grey {
    background-color: var(--btn-light-bg);
    margin: 0;
    display: inline-block;
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    margin-bottom: 0.1em;
    font-weight: 500;
}

.p-cg-per-inc-wrpaer.app-rules small.p-tag-sm.p-light-blue {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) );
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-radius: 0.45rem;
}

.interview-questions li.questionItem:not(.no-delete) {
    cursor: grab;
}

.hire-right-kb {
    padding-bottom: 0;
    overflow: hidden;
}

.hire-job-header {
    margin-bottom: 0.45rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-hire-tab-scroll {
    height: calc(100% - 17em);
    overflow: hidden;
    overflow: visible;
    padding-right: 0.5rem;
    align-items: flex-start;
}

    .p-hire-tab-scroll.p-scroll-report {
        height: calc(100% - 10em);
    }

/* Insights owns the remaining space below the job header and tabs. The other
   job tabs keep their existing kanban and file-grid sizing. */
.hire-main-container .p-def-lay1-mw:has(#MainDivGrid #pills-Reports.active) {
    min-height: 0;
}

#MainDivGrid:has(#pills-Reports.active) > .hire-right-kb > .h-100 {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#MainDivGrid:has(#pills-Reports.active) .hire-job-header,
#MainDivGrid:has(#pills-Reports.active) #kanBanNavs {
    flex-shrink: 0;
}

#MainDivGrid:has(#pills-Reports.active) .kanban-content {
    flex: 1;
    min-height: 0;
    height: auto !important;
}

#MainDivGrid #pills-Reports {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
}

.p-ci-interviews .p-la-sepe-head .p-grey-bg-box {
    margin-bottom: 1rem;
}

.p-ci-rec-mw {
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}

.p-tal-can-pro-img.p-hover-img-overlay-ic {
    width: 11.4em;
    height: 11.4em;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
}

.p-hover-img-overlay-ic:hover .p-hdc-edit {
    z-index: 99;
    visibility: visible;
    opacity: 1;
    stroke: #fff;
}

    .p-hover-img-overlay-ic:hover .p-hdc-edit svg {
        stroke: #fff;
    }

.p-ci-socials {
    margin-top: 0.05rem;
}

.p-mydoc-list-item-cont > .d-flex.one-line-clamp {
    width: 100%;
}

.p-hjl-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--box-padding);
    width: 100%;
}

.p-hjl-cards-item-in {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    cursor: pointer;
}

    .p-hjl-cards-item-in:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    }

        .p-hjl-cards-item-in:hover .p-icon-fill {
            fill: var(--theme-primary-color);
        }

            .p-hjl-cards-item-in:hover .p-icon-fill.p-icon-fill-green {
                fill: #349d00 !important;
            }

        .p-hjl-cards-item-in:hover .p-jp-head {
            color: var(--theme-primary-color);
        }


    .p-hjl-cards-item-in .p-sc-details-2x label {
        flex: initial;
        cursor: pointer;
    }

.p-hjl-cards-footer {
    padding: calc(var(--box-padding)* 0.5) calc(var(--box-padding)* 0.75);
    border-top: 1px solid var(--primary-border-color);
}

.p-hjl-head-mw {
    display: grid;
    grid-template-columns: 1fr auto;
    margin-bottom: 0.7rem;
    font-size: calc(var(--base-font-size-h5)* 0.98);
}

.p-jp-head {
    line-height: 1.5;
    font-weight: 500;
}

.leaves-btn-type p.fw-light {
    color: var(--on-primary-color);
}

.p-hjl-cards-item .p-sc-details {
    gap: 0.7rem;
}

.p-hjl-cards-footer a {
    color: #1985f4;
    font-weight: 500;
}

.p-hjl-cards-footer .card-link + .card-link {
    margin-left: 0.65rem;
}

.p-hjl-cards-item-in .card-body {
    padding: calc(var(--box-padding)* 0.5);
    position: relative;
    height: 100%;
}

.p-hjl-cards-item-in,
.p-def-grad-hov-bord {
    padding: 0.125em;
}

.p-def-grad-hov-bord {
    overflow: hidden;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

    .p-hjl-cards-item-in:hover,
    .p-def-grad-hov-bord:hover {
        /* background: linear-gradient(to right, #76F6DD, #96CDFA, #F9E791, #F3A7AC);
    padding: 0.125em;*/
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

        .p-hjl-cards-item-in:hover .card-body,
        .p-def-grad-hov-bord:hover .p-def-bord-bg {
            background-color: transparent;
            border-radius: calc(var(--bs-border-radius)* 0.7);
        }

.p-hjl-cards-item-in .p-dd-wp-btn.p-dd-wp-btn-small {
    margin-right: -0.45rem;
}

.p-hir-job-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.p-hjl-jobs-cl {
    max-height: 100%;
    overflow: visible;
    display: flex;
    padding-right: calc(var(--box-padding) + -0.3em);
    margin-right: calc(var(--box-padding)* -1 + 0em);
    align-items: flex-start;
    flex-direction: column;
}

.p-hjl-cards-item.loading-skeleton {
    min-height: 219px;
}

.loading-skeleton .p-tag-sm {
    min-height: 1.4rem;
    border-color: transparent !important;
    background-color: transparent !important;
    border: none;
}

.loading-skeleton label.card-count {
    border-color: var(--bg-default);
    min-height: 0.95rem;
    border-radius: 10px;
}

.loading-skeleton .p-cj-card-dets {
    margin: 0.65rem 0;
}

.loading-skeleton .p-aj-header {
    gap: 0.5rem;
}

.p-hjl-cards-item.loading-skeleton .p-sc-details {
    gap: 1rem;
}

.p-hjl-head-mw {
    align-items: center;
}

.p-txt-ai-generated span.onboardingCandidate {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.p-txt-ai-generated svg {
    stroke: #0d6efd;
}

.p-txt-ai-generated .completedCandidate {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.p-hj-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.p-hj-card-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    gap: var(--box-padding);
}

.p-cj-card-dets {
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    gap: 0.2rem 1rem;
}

.p-hj-card-title .p-hj-card-title .p-dd-wp-wrapper {
    position: absolute;
    right: 0.5rem;
}

.p-hj-card-title h5 {
    margin-right: 1rem;
}

.p-hjl-cards-item-in .card-count {
    font-size: 0.78rem;
}

.p-hcp-aj-list-grid {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}

.p-hcp-applied-jobs ul li {
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1.3rem;
    margin-bottom: 1.3rem;
}

ul.p-ol-timeline li {
    border: none;
    display: flex;
    gap: 1.4rem;
    align-items: center;
    margin: 0;
    padding: 0;
    padding-bottom: 0.4rem;
    position: relative;
}

    ul.p-ol-timeline li:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 7px;
        top: 19px;
        height: 0.8rem;
        background-color: var(--primary-border-color);
        width: 2px;
    }

.p-up-add-candi-mw {
    min-height: 11.5em;
    margin-top: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.p-up-add-candi {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--box-padding)* 1.2);
}

.p-modal-sb .p-up-add-candi {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    gap: calc(var(--box-padding)* 1.2);
}

.p-modal-sb .alert-dismissible .close {
    padding: 0.05rem 0.45rem;
}

.p-modal-sb .alert-dismissible {
    padding-right: 1.5rem;
}

.p-modal-sb .p-up-add-cand-or {
    align-self: center;
    text-align: center;
    text-transform: uppercase;
}

.p-ad-si-sim-dd .user-fl-n {
    width: 1.9rem;
    height: 1.9rem;
}

.p-ad-si-sim-dd svg.pcg-user-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.p-up-add-sc-input {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

    .p-up-add-sc-input label {
        flex: 0 0 auto;
    }

    .p-up-add-sc-input input {
        width: 100%;
    }

.p-hi-int-nfo {
    margin-bottom: 0.75rem;
}

@media(max-width: 1800px) {
    .p-hjl-cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .p-hj-card-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 1500px) {
    #myKanban::-webkit-scrollbar {
        height: 8px;
    }

    .p-hj-card-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(min-width: 1025px) {
    #myKanban::-webkit-scrollbar {
        height: 8px;
    }
}

#myKanban {
    position: relative;
}

#NoDataDivPipeline {
    z-index: 6;
    min-height: 14rem;
}

@media (min-width:992px) {
    .p-reject-candi-modal .modal-lg {
        max-width: 830px;
    }
}

@media(min-width: 1650px) {
    .pt-jdesc p {
        max-width: 370px;
    }
}
/*css for talent page ends here*/
.p-view-profile iframe {
    background-color: #333333;
    color: #ffff;
    padding: 0.8em;
}

.p-view-profile #viewSectionsList p {
    color: #ffff;
}

.grid-tiw {
    max-width: 5rem;
    height: 3rem;
    border-radius: calc(var(--bs-border-radius) * 0.65);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

    .grid-tiw img {
        width: 100%;
        height: 100%;
        display: inline-block;
        object-fit: cover;
    }

.p-uiw {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0.5rem;
    background-color: var(--primary-border-color);
}

    .p-uiw img {
        border-radius: calc(var(--bs-border-radius) * 0.65);
    }

.p-hs {
    position: relative;
}

.p-hs-item {
    opacity: 0;
    visibility: hidden;
    transition: all .15s;
    z-index: 99;
    color: #fff;
    cursor: pointer;
}

.p-hs:hover .p-hs-item {
    opacity: 1;
    visibility: visible;
}

.p-hs:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 54%);
}

.p-hs-item svg {
    stroke: #ffffff;
}

.step-mh {
    max-height: 15rem;
}


/*CSS for ROI Page*/

.roi-gl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* Divides the layout into 4 columns of equal width */
    grid-gap: var(--box-padding); /* Space between the grid items */
    margin-top: 1rem;
}

.overall-cost {
    grid-column: 1 / span 2; /* Spanning 2 columns for overall-cost */
}

.overall-time {
    grid-column: 3 / span 2; /* Spanning 2 columns for overall-time */
}

.hr-savings, .wellbeing-savings {
    grid-column: span 2; /* Each of these elements spans 2 columns */
}

/* These elements will each take up one column */
.recruitment-efficacy, .plumm-ai-help, .absenteeism, .wellbeing {
    grid-column: span 1;
}

.hr-engagement, .wellbeing-engagement {
    grid-column: span 2; /* Each of these elements spans all 4 columns */
}

.roi-gl .ba-box-shadows {
    min-height: 210px;
}

.ba-box-shadows h4 {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin-bottom: 0.6rem;
    position: relative;
    left: -1px;
    top: -4px;
}

.export-btn-usge.expt-modi-btn {
    display: none !important;
}

@media(max-width: 1600px) {
    .ba-box-shadows h4 {
        font-size: var(--base-font-size-xl);
    }
}

.p-si-ttw {
    padding: 0.3rem;
    cursor: pointer;
    color: var(--primary-text-inverse);
}

    .p-si-ttw h6 {
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.4rem;
        color: var(--background1);
    }

ul.p-tooltip-list {
    font-size: calc(var(--base-font-size-xs));
}

.p-smart-tt {
    cursor: pointer;
}

    .p-smart-tt img {
        max-width: 1.35rem;
        display: inline-block;
    }

.roi-gl .ph-ad-count-small {
    top: 10px;
}

.p-tooltip-list li {
    margin-bottom: 0.3rem;
}

.roi-rec-eff {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

    .roi-rec-eff h6 {
        margin-bottom: 0;
        font-size: var(--base-font-size-xl);
    }

.roi-con {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .roi-con > * {
        flex: 0 0 auto;
    }

    .roi-con label {
        font-size: calc(var(--base-font-size-h1) * 1.1);
        color: var(--secondary-color);
        font-weight: 600;
        line-height: 1.2;
    }

    .roi-con small {
        align-self: flex-end;
        position: relative;
        top: -1px;
        font-size: var(--base-font-size);
    }

.roi-up-con-tl small {
    font-size: 1rem;
    display: inline-block;
    margin-top: 0.15rem;
}

.roi-eng-ud {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 0.3rem 2rem;
}

.roi-dl p {
    margin-bottom: 0.25rem;
}

.label-data-chev {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

span.ld-chev-txt {
    font-size: var(--base-font-size);
    color: var(--on-primary-color) !important;
    font-weight: 400 !important;
}

.label-data-chev span {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.label-data-chev small {
    font-size: calc(var(--base-font-size-xxs) * 0.98);
    font-weight: 500;
    position: relative;
    top: 0.1em;
}

.label-data-chev em.icon {
    font-size: var(--base-font-size-h1);
    line-height: 0.6;
}

.label-data-chev-red em.icon,
.label-data-chev-red small {
    color: var(--red-color);
}

.label-data-chev-green small,
.label-data-chev-green em.icon {
    color: var(--green-color);
}



.roi-data-up-down {
    display: flex;
    align-items: center;
    gap: var(--box-padding);
    justify-content: space-around;
}

    .roi-data-up-down > * {
        flex: 0 0 auto;
    }

/*css ring*/
.roi-cir-pb {
    position: relative;
}

.roi-cir-pb-count {
    font-size: var(--base-font-size-h1);
    font-weight: 600;
    color: var(--primary-color);
}

.roi-cir-pb-svg {
    --progress-bar-stroke-width: 2.2;
    --progress-bar-size: 7rem;
    height: var(--progress-bar-size);
    width: var(--progress-bar-size);
    transform: rotate(-90deg);
}

.progress-bar__background {
    fill: none;
    stroke: #ebe4f9;
    stroke-width: var(--progress-bar-stroke-width);
}

.progress-bar__progress {
    fill: none;
    stroke: #7946DB;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: var(--progress-bar-stroke-width);
    transition: stroke-dashoffset 1s ease-in-out;
}


/*css ring ends here*/

/*css for review settings*/

.p-rev-ty-grid {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr) auto;
    align-items: center;
}

    .p-rev-ty-grid .p-icon-fill,
    .p-rev-fw .p-icon-fill {
        fill: var(--primary-color);
    }

    .p-rev-ty-grid p {
        font-size: var(--base-font-size-xs);
        line-height: 1.2;
    }

.p-utg .p-rev-ty-grid:not(:last-child),
.p-rev-fw .p-listype-bg:not(:last-child) {
    margin-bottom: 0.9rem;
}

.p-listype-bg .pp-users-count,
.p-listype-bg .pp-user-imgs {
    width: 1.8rem;
    height: 1.8rem;
}

.p-listype-bg .pp-user-cont {
    font-size: calc(var(--base-font-size-xxs) * 0.75);
}

.p-rev-ty-grid span.label-primary {
    font-size: var(--base-font-size-xs);
}

.p-drop-pop.p-dd-wp-btn {
    padding: 0.48rem 0.95rem;
    font-size: var(--base-font-size-xxs);
    border-radius: var(--border-radius-default);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--p-btn-txt);
    width: initial;
    height: inherit;
    cursor: pointer;
}

.pso-card {
    padding: calc(var(--box-padding) * 0.7);
    background-color: var(--bg-default);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color);
    position: relative;
}

.rev-rating-acc.p-acco-btn {
    padding: 0.2rem 0.5rem;
    padding-left: 2.3rem;
}

.p-inline-tag {
    background-color: var(--sec-light-color4);
    padding: 0.2rem 0.65rem;
    border-radius: 5rem;
    color: var(--primary-color);
}

.p-rem-msg-w .p-label-msg {
    margin-bottom: 0.35rem;
    font-weight: 500;
}


.p-rem-msg-w p {
    margin-bottom: 1.1rem;
}

.p-msg-grid {
    display: grid;
    gap: 0.55rem;
}

.p-rem-msg-w {
    font-size: var(--base-font-size-sm);
}

.ph-default-link svg.p-icon {
    stroke: var(--primary-color);
}

.label-primary small {
    color: var(--on-primary-color);
    line-height: 1.3;
    margin-top: 0.05rem;
}

.p-rv-cb {
    padding-left: 0.9rem;
}

.al-cb-cen .custom-switch {
    padding-left: 2.9rem;
}
/*css for form builder starts here*/

.p-fb-actn-btn {
    position: absolute;
    z-index: 2500;
    right: 1rem;
    bottom: 1.2rem;
}

.form-builder-wp {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0;
    border: none;
}

    .form-builder-wp .form-wrap.form-builder {
        position: relative;
        display: flex;
        flex: 1;
    }

    .form-builder-wp .ui-tabs .ui-tabs-panel {
        padding: 0;
        background-color: var(--bg-default);
    }

    .form-builder-wp .ui-widget-content {
        border: none;
        border-radius: 2px;
        padding: 0;
        height: 100%;
        flex: 1;
        background-color: var(--bg-default);
        display: flex;
    }

    .form-builder-wp .form-wrap.form-builder .stage-wrap {
        width: 100%;
        margin: calc(var(--default-gap) * 1.4);
        padding: calc(var(--default-gap) * 0.6);
        background-color: var(--chat-dark-bg-2);
        border-radius: var(--bs-border-radius);
        border: 1px solid var(--primary-border-color);
    }

.set-up-from-scratch .modal-body {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.form-builder-wp .ui-tabs .ui-tabs-nav {
    margin: 0;
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    background-color: var(--chat-dark-bg-2);
    padding: 0.55rem var(--default-gap);
    border-radius: var(--bs-border-radius);
    border-top: 1px solid var(--primary-border-color);
}

.cb-wrap {
    max-width: 26em;
    background-color: var(--chat-dark-bg-2);
    padding: var(--box-padding);
    border-left: 1px solid var(--sec-light-color7);
    margin-top: -1px;
    width: 100% !important;
    padding-top: 0;
}

.set-up-from-scratch .emoji-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.p-acc-card input.custom-control-input {
    z-index: 9999;
    cursor: pointer;
}

.emoji-cell {
    cursor: pointer;
}

.reminderRows {
    position: relative;
}

svg.p-if-remove {
    width: 1.1rem;
    height: 1.1rem;
    background-color: #da4545;
    padding: 0.1rem;
    border-radius: 50%;
    fill: #fff;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0;
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child {
    font-weight: 600 !important;
}

.form-wrap.form-builder .frmb .field-actions .btn {
    border-radius: calc(var(--bs-border-radius) * 0.5) !important;
    background-color: transparent !important;
}

.formbuilder-checkbox-group .checkbox-group {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

    .formbuilder-checkbox-group .checkbox-group label {
        margin-bottom: 0;
        line-height: 1.25;
    }

    .formbuilder-checkbox-group .checkbox-group input[type="checkbox"] {
        margin: 0 !important;
    }


#add-page-tab {
    background-color: transparent;
    position: sticky;
    right: 0;
    background: #fff;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.fb-add-section.ui-tabs-anchor[href="#new-page"] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

    .fb-add-section.ui-tabs-anchor[href="#new-page"]:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
        color: #fff !important;
    }

        .fb-add-section.ui-tabs-anchor[href="#new-page"]:hover em.icon.ni.ni-plus {
            color: #fff;
        }

.p-rev-tab-ed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    transition: opacity 0.5s;
    background-color: rgb(39 72 125 / 75%);
    gap: 0.5rem;
}

    .p-rev-tab-ed .p-icon {
        display: inline-block;
        stroke: #fff;
        line-height: 1.8;
    }

    .p-rev-tab-ed svg.p-grid-icon1p1 {
        --icon-v1: 0.9rem;
    }

    .p-rev-tab-ed .p-icon-sm {
        width: 1rem;
        height: 1rem;
    }

.fb-add-section {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .fb-add-section .p-dd-wp-btn.p-dd-wp-btn-small {
        width: 1.1rem;
        height: 1.1rem;
        padding: 0.15rem;
    }

    .fb-add-section .p-dd-wp-btn-small .p-dd-wp-dot-icon {
        flex-shrink: 0;
        padding: 0.12rem;
        width: 1rem;
        height: 1rem;
    }

.form-builder-wp .ui-state-default:hover .p-rev-tab-ed {
    opacity: 1;
    visibility: visible;
}

.form-builder-wp input[type="checkbox"] {
    width: 1.05rem !important;
    height: 1.05rem !important;
    padding: 0 !important;
}

@media(min-width: 1900px) {
    .cb-wrap {
        max-width: 27em;
    }
}

.set-up-from-scratch .modal-header {
    padding: 0.55rem var(--default-gap);
}

.form-builder-wp .ui-tabs .ui-tabs-nav li {
    color: var(--on-primary-color);
    margin: 0;
    font-size: var(--base-font-size);
}

.form-builder-wp .ui-state-default a, .form-builder-wp .ui-state-default a:link, .form-builder-wp .ui-state-default a:visited {
    color: var(--on-primary-color);
    text-decoration: none;
}

.form-builder-wp.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background-color: var(--chat-dark-bg-2);
    border-bottom: 1px solid var(--input-border-1);
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    padding: 0.55rem var(--default-gap);
    border-radius: 0;
    gap: calc(var(--default-gap) * 0.5);
    border-top: 1px solid var(--primary-border-color);
    overflow-x: auto;
    padding-right: 0 !important;
}

    .form-builder-wp.ui-tabs .ui-tabs-nav li {
        margin: 0;
        font-weight: 400;
        border-radius: calc(var(--bs-border-radius) * 0.5);
        flex-shrink: 0;
        overflow: hidden;
    }

        .form-builder-wp.ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: 0;
            padding-bottom: 0;
            border: none;
            color: var(--primary-color);
            background-color: var(--sec-light-color4);
            cursor: pointer;
        }

            .form-builder-wp.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
                color: var(--theme-primary-color);
                background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
                cursor: pointer;
            }

.form-builder-wp .ui-helper-clearfix:after, .form-builder-wp .ui-helper-clearfix:before {
    display: none;
}

.form-builder-wp .ui-state-focus,
.form-builder-wp .ui-state-hover,
.form-builder-wp .ui-widget-content .ui-state-focus,
.form-builder-wp .ui-widget-content .ui-state-hover,
.form-builder-wp .ui-widget-header .ui-state-focus,
.form-builder-wp .ui-widget-header .ui-state-hover {
    background: var(--chat-dark-bg-2);
    font-weight: 400;
    color: #212121;
}

.form-wrap.form-builder .stage-wrap.empty {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23cccccc' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='24' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: rgba(255,255,255,.25);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    border: none !important;
}

    .form-wrap.form-builder .stage-wrap.empty::after {
        color: var(--primary-color);
        font-weight: 400;
    }

.set-up-from-scratch .modal-body {
    padding: 0;
}

.form-wrap.form-builder .frmb-control {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    gap: 0.7rem;
}

    .form-wrap.form-builder .frmb-control li,
    .form-wrap.form-builder .frmb-control li:first-child {
        border-radius: calc(var(--bs-border-radius) * 0.75) !important;
        border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5 );
        box-shadow: none !important;
        color: var(--primary-color);
        padding-left: 3rem !important;
        position: relative;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb-control li:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
}

.form-wrap.form-builder .frmb-control li::before,
.form-wrap.form-builder .frmb-control li .control-icon {
    font-size: 16px;
    position: absolute;
    left: 0.8rem;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0 !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-position: center center;
    background-size: cover;
}

.formbuilder-icon-text:before,
.formbuilder-icon-header:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 12.9258H14.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 4.92578C11.1569 4.92578 12.5 6.26893 12.5 7.92578V17.9258C12.5 19.5826 11.1569 20.9258 9.5 20.9258' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 4.92578C13.8431 4.92578 12.5 6.26893 12.5 7.92578V17.9258C12.5 19.5826 13.8431 20.9258 15.5 20.9258' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.formbuilder-icon-textarea:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.76562H20.5M4.5 15.0986H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.formbuilder-icon-textarea:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.76562H20.5M4.5 15.0986H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.formbuilder-icon-checkbox-group:before,
.formbuilder-icon-radio-group:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 18.7617H20.5006' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 12.7617H20.5006' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 6.76172H20.5006' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.51132 6.74701V6.81099M4.77058 6.76076C4.77058 6.90478 4.65374 7.02153 4.50972 7.02153C4.36571 7.02153 4.24902 6.90478 4.24902 6.76076C4.24902 6.61675 4.36571 6.5 4.50972 6.5C4.65374 6.5 4.77058 6.61675 4.77058 6.76076Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.51132 12.8759V12.9399M4.77058 12.8897C4.77058 13.0337 4.65374 13.1504 4.50972 13.1504C4.36571 13.1504 4.24902 13.0337 4.24902 12.8897C4.24902 12.7457 4.36571 12.6289 4.50972 12.6289C4.65374 12.6289 4.77058 12.7457 4.77058 12.8897Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.51132 18.747V18.811M4.77058 18.7608C4.77058 18.9048 4.65374 19.0215 4.50972 19.0215C4.36571 19.0215 4.24902 18.9048 4.24902 18.7608C4.24902 18.6167 4.36571 18.5 4.50972 18.5C4.65374 18.5 4.77058 18.6167 4.77058 18.7608Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-wrap.form-builder .frmb-control li[data-type="ratingscale"] .control-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8118 10.3828C18.6743 10.3828 21.0006 12.7092 21.0006 15.5813C21.0006 18.4438 18.6743 20.7701 15.8118 20.7701C12.9396 20.7701 10.6133 18.4438 10.6133 15.5813' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.19659 13.6236C11.0668 13.6236 13.3932 11.2973 13.3932 8.42706C13.3932 5.55682 11.0668 3.23047 8.19659 3.23047C5.32635 3.23047 3 5.55682 3 8.42706C3 11.2973 5.32635 13.6236 8.19659 13.6236Z' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75684 6.86307V6.80469M9.69092 6.80469V6.86307' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.74023 9.55469C7.05645 9.99739 7.59255 10.2795 8.1987 10.2795C8.80486 10.2795 9.34096 9.99739 9.65717 9.55469' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3672 14.0086V13.9609M17.3013 14.0052V13.9643' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3506 17.4241C14.6668 16.9814 15.2029 16.6992 15.8091 16.6992C16.4152 16.6992 16.9513 16.9814 17.2675 17.4241' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lms-form-builder .form-wrap.form-builder .frmb-control .input-control[data-type="checkbox-group"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404040'%3E%3Cpath d='M17.5256 3V9.092' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M15.1172 5.41831L17.5248 3L19.9334 5.41831' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M3.00586 15.5802L6.95496 12.7133C8.41762 11.6506 10.4165 11.7479 11.7711 12.9381L19.465 19.8408' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M21.0002 15.482C20.1613 14.7113 18.8553 13.4832 17.0803 14.4388C16.1636 14.9351 15.3549 15.4528 14.9062 15.7545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20.9996 10.9576V15.9801C20.9996 18.9249 19.1565 21.0016 16.2126 21.0016H7.77823C4.83344 21.0016 3 18.9249 3 15.9801V8.03324C3 5.08845 4.84317 3.01172 7.77823 3.01172H11.3371' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    width: 1.3rem !important;
    height: 1.3rem !important;
}

.form-wrap.form-builder .frmb .field-actions a::before {
    font-size: 0 !important;
    width: 1.2rem;
    height: 1.2rem;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

a.formbuilder-icon-cancel.del-button::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

a.formbuilder-icon-cancel.del-button:hover::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
    background-color: var(--primary-color) !important;
}

a.formbuilder-icon-pencil::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Edit%3C/title%3E%3Cg id='Iconly/Light/Edit' stroke='%23404040' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Edit' transform='translate(3.000000, 3.000000)' stroke='%23404040' stroke-width='1.5' %3E%3Cline x1='10.7473996' y1='17.4429051' x2='18' y2='17.4429051' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M9.7800071,0.794792587 C10.5556498,-0.132213323 11.949987,-0.268144478 12.8962256,0.491732963 C12.9485416,0.532957985 14.6294799,1.83878843 14.6294799,1.83878843 C15.6689776,2.46719147 15.9919725,3.80310504 15.3493946,4.8225887 C15.3152754,4.877184 5.81194644,16.7644749 5.81194644,16.7644749 C5.49577537,17.1588981 5.01583223,17.3917638 4.50290722,17.3973347 L0.863527997,17.4430165 L0.0435303654,13.9723153 C-0.0713375414,13.4843002 0.0435303654,12.9717729 0.359701436,12.5773497 L9.7800071,0.794792587 Z' id='Stroke-3'%3E%3C/path%3E%3Cline x1='8.02082217' y1='3.00088838' x2='13.4730672' y2='7.18801364' id='Stroke-5'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

a.formbuilder-icon-pencil:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Edit%3C/title%3E%3Cg id='Iconly/Light/Edit' stroke='%23ffffff' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Edit' transform='translate(3.000000, 3.000000)' stroke='%23ffffff' stroke-width='1.5' %3E%3Cline x1='10.7473996' y1='17.4429051' x2='18' y2='17.4429051' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M9.7800071,0.794792587 C10.5556498,-0.132213323 11.949987,-0.268144478 12.8962256,0.491732963 C12.9485416,0.532957985 14.6294799,1.83878843 14.6294799,1.83878843 C15.6689776,2.46719147 15.9919725,3.80310504 15.3493946,4.8225887 C15.3152754,4.877184 5.81194644,16.7644749 5.81194644,16.7644749 C5.49577537,17.1588981 5.01583223,17.3917638 4.50290722,17.3973347 L0.863527997,17.4430165 L0.0435303654,13.9723153 C-0.0713375414,13.4843002 0.0435303654,12.9717729 0.359701436,12.5773497 L9.7800071,0.794792587 Z' id='Stroke-3'%3E%3C/path%3E%3Cline x1='8.02082217' y1='3.00088838' x2='13.4730672' y2='7.18801364' id='Stroke-5'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.form-wrap.form-builder .frmb .field-actions .copy-button:hover {
    background-color: var(--green-color) !important;
}

a.formbuilder-icon-copy::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5459 3.00195H17.5791C19.6874 3.00195 21.0009 4.49055 21.0009 6.59794V12.2828C21.0009 14.3893 19.6874 15.8779 17.5781 15.8779H11.5459C9.43652 15.8779 8.125 14.3893 8.125 12.2828V6.59794C8.125 4.49055 9.44334 3.00195 11.5459 3.00195Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8759 15.8774V17.4068C15.8759 19.5123 14.5712 20.997 12.457 20.997H6.42864C4.31347 20.997 3 19.5123 3 17.4068V11.721C3 9.61456 4.3232 8.12109 6.42864 8.12109H8.11962' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

a.formbuilder-icon-copy:hover::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5459 3.00195H17.5791C19.6874 3.00195 21.0009 4.49055 21.0009 6.59794V12.2828C21.0009 14.3893 19.6874 15.8779 17.5781 15.8779H11.5459C9.43652 15.8779 8.125 14.3893 8.125 12.2828V6.59794C8.125 4.49055 9.44334 3.00195 11.5459 3.00195Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8759 15.8774V17.4068C15.8759 19.5123 14.5712 20.997 12.457 20.997H6.42864C4.31347 20.997 3 19.5123 3 17.4068V11.721C3 9.61456 4.3232 8.12109 6.42864 8.12109H8.11962' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

a.sort-button-higher {
    transform: rotate(180deg);
}

    a.sort-button-lower::before,
    a.sort-button-higher::before {
        background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Arrow - Down%3C/title%3E%3Cg id='Iconly/Light/Arrow---Down' stroke='%23404040' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Arrow---Down' transform='translate(5.500000, 4.000000)' stroke='%23404040' stroke-width='1.5' %3E%3Cline x1='6.7743' y1='15.75' x2='6.7743' y2='0.75' id='Stroke-1'%3E%3C/line%3E%3Cpolyline id='Stroke-3' points='12.7987 9.7002 6.7747 15.7502 0.7497 9.7002'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.form-wrap.form-builder .frmb .field-actions .btn {
    width: 2.5rem !important;
    min-width: initial;
    height: 2rem;
    color: var(--primary-color);
    position: relative;
    transition: none;
}

.set-up-from-scratch .form-wrap.form-builder .hoverDropStyleInverse {
    background-color: var(--grey-bg-1);
    border: 1px dashed var(--input-border-1);
    min-height: 20px;
}

.set-up-from-scratch .form-wrap.form-builder .frmb li.form-field {
    padding: calc(var(--default-gap) * 0.6);
}

    .set-up-from-scratch .form-wrap.form-builder .frmb li.form-field:hover {
        border-color: var(--input-border-1);
        outline: 0;
        box-shadow: inset 0 0px 0px rgba(0,0,0,.1), 0 0 4px rgb(239 239 239 / 85%);
        border-radius: var(--bs-border-radius) !important;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb .field-label,
.set-up-from-scratch .form-wrap.form-builder .frmb .legend {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    display: inline-block;
    margin-bottom: 0.22rem;
    position: relative;
    line-height: 1.4;
}

.form-wrap.form-builder .frmb li.form-field:hover .field-actions {
    background-color: var(--chat-dark-bg-2);
    z-index: 9;
}

.set-up-from-scratch .form-wrap.form-builder .frmb li.form-field .close-field {
    color: var(--primary-color);
    bottom: 20px;
    background: transparent;
    border-top: none;
    border: none;
    border-right: none;
    font-weight: 500;
    text-decoration: underline;
}

    .set-up-from-scratch .form-wrap.form-builder .frmb li.form-field .close-field:hover {
        text-decoration: underline;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder select,
.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder input[type=text],
.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder textarea,
.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder input[type=number],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements [contenteditable].form-control,
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=text],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=number],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=date],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=color],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements textarea,
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements select {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    box-shadow: none;
    padding: 0.375rem 0.75rem;
    height: calc(1.5em + 0.75rem + 0.825em);
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
}

.set-up-from-scratch .p-btn-small {
    padding: 0.48rem 0.95rem;
    min-width: 7em;
    min-height: initial;
}

.form-wrap.form-builder .frmb .form-elements {
    padding: var(--box-padding) !important;
    background: var(--bg-default) !important;
    border-radius: var(--bs-border-radius) !important;
    margin: 0 !important;
    border: 1px solid var(--primary-border-color) !important;
    margin-top: 0.9rem !important;
}

.frm-holder {
    margin-top: 0.8rem;
}

.enableScoring span.custom-control-label {
    color: var(--primary-color);
}

.enableScoring .p-custom-checkbox:not(:last-child) {
    margin-bottom: 0.35rem;
}

.scale-opt-num.p-p-radio-group {
    gap: 2.45rem;
}

.set-up-from-scratch .rating-table .emoji-cell label {
    font-size: calc(var(--base-font-size-h1) * 1.7);
    margin-bottom: 0;
    cursor: pointer;
}

.set-up-from-scratch .rating-table.rating-number .emoji-cell label {
    font-size: calc(var(--base-font-size-h1) * 1.3);
}

.set-up-from-scratch .rating-table.rating-star .emoji-cell label {
    font-size: calc(var(--base-font-size-h1) * 1);
}

.form-builder-wp .form-wrap.form-builder .stage-wrap {
    overflow: visible;
    max-height: calc(100vh - 10rem);
}

/* Keep Review questions inside the builder's existing viewport height limit. */
#setUpFromScratch.review-question-editor .modal-body,
#setUpFromScratch.review-question-editor .form-builder-wp,
#setUpFromScratch.review-question-editor .fb-editor,
#setUpFromScratch.review-question-editor .form-wrap.form-builder {
    min-height: 0;
}

    #setUpFromScratch.review-question-editor .form-wrap.form-builder .stage-wrap {
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
    }

/* Match the Review editor's containment without changing other builders. */
#setUpFromScratch.survey-question-editor .modal-body,
#setUpFromScratch.survey-question-editor .form-builder-wp,
#setUpFromScratch.survey-question-editor .fb-editor,
#setUpFromScratch.survey-question-editor .form-wrap.form-builder {
    min-height: 0;
}

    #setUpFromScratch.survey-question-editor .form-wrap.form-builder .stage-wrap {
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
    }

.p-fbw {
    display: flex;
    height: 100%;
}

.p-fb-sb {
    display: flex;
    min-height: 100%;
    flex-grow: 3;
    transition: all 0.3s;
}

    .p-fb-sb.isClosed {
        flex-grow: 0;
    }

    .p-fb-sb ul.nav {
        display: flex;
        flex-direction: column;
        width: 100%;
        opacity: 1;
    }

        .p-fb-sb ul.nav.isClosed {
            display: none;
        }

.p-fbc {
    display: flex;
    min-height: 100%;
    flex-grow: 3;
    transition: all 0.3s;
    border-left: 1px solid var(--sec-light-color7);
    margin-top: -1px;
    z-index: 99;
    position: relative;
    background-color: var(--chat-dark-bg-2);
}

a.js-p-fbsb-close-btn {
    display: none;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.5);
}

.form-wrap.form-builder .frmb .field-actions .btn {
    border: none;
}

.form-wrap.form-builder .frmb .sortable-options > li {
    background-color: var(--chat-dark-bg-2) !important;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0.7rem calc(var(--box-padding) * 0.75) !important;
}

.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap button,
.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap input,
.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap select,
.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap textarea {
    font-size: var(--base-font-size);
    flex-shrink: 0;
}

.form-wrap.form-builder .frmb .sortable-options input[type="checkbox"] {
    width: 1.05rem;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li .remove {
    float: right;
    right: initial;
    height: 18px;
    width: 18px;
    top: initial;
    font-size: 0;
    background-color: #c10000;
    border-radius: 50%;
    color: #fff;
    padding: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    display: block;
}

.form-wrap.form-builder .frmb .radio-group-field .sortable-options li:nth-child(2) .remove,
.form-wrap.form-builder .frmb .radio-group-field .sortable-options li:nth-child(1) .remove {
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.form-wrap.form-builder .frmb .checkbox-group-field .sortable-options li:nth-child(2) .remove,
.form-wrap.form-builder .frmb .checkbox-group-field .sortable-options li:nth-child(1) .remove {
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li .remove::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    font-size: 0 !important;
    width: 0.85rem;
    height: 0.85rem;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li:nth-child(1) .remove {
    display: block;
    visibility: hidden;
    opacity: 0;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .option-actions {
    margin-top: 1rem;
}

    .set-up-from-scratch .form-wrap.form-builder .frmb .option-actions button,
    .set-up-from-scratch .form-wrap.form-builder .frmb .option-actions a {
        /*padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width2);
    font-size: var(--base-font-size);
    border-radius: var(--border-radius-default);
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-btn-bg);*/
        background: transparent;
        border: none;
        color: var(--primary-color);
        font-weight: 500;
        cursor: pointer;
        text-decoration: underline;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li input[type="text"] {
    flex: 1;
}

.set-up-from-scratch .fb-edit-action-btn {
    /*position: absolute;*/
    top: 0.65rem;
    right: 0.8rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
}

/*.set-up-from-scratch .form-wrap.form-builder .frmb .field-actions {
    position: absolute;
    top: 0.8rem;
    right: 13rem;
    opacity: 0;
}*/

.form-wrap.form-builder .frmb .field-actions .del-button:hover {
    background-color: #c66865 !important;
    color: #fff;
}

@media only screen and (max-device-width: 736px) and (orientation: portrait) {
    .p-fb-sb {
        flex-grow: 0;
    }

        .p-fb-sb.isClosed {
            width: 360px;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            z-index: 999;
            background-color: #fff;
        }
}

.p-fb-actions-btns .p-btn-small {
}


.p-qestion-mw {
    width: 100%;
    position: relative;
    transition: height 0.3s ease;
    min-height: calc(100% - 3.5rem);
    padding: var(--box-padding);
    background-color: var(--light-new-blue);
    border-radius: var(--bs-border-radius);
}

.p-question-item {
    width: 100%;
    height: 100%;
    display: none;
}

    .p-question-item.active {
        display: block;
    }

.pso-step .simplebar-content {
    height: 100%;
    padding-left: 0.2rem !important;
}

.p-rev-qa-mw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.p-qes-cta {
    /*position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;*/
    display: flex;
    align-items: center;
    gap: 1.2rem;
    justify-content: flex-end;
}

    .p-qes-cta button {
        background-color: transparent;
        border: none;
        border-radius: 50%;
        fill: var(--secondary-color);
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .p-qes-cta button > * {
            flex: 1;
        }

        .p-qes-cta button svg {
            --np-btn-wh: 2.4rem;
            width: var(--np-btn-wh);
            height: var(--np-btn-wh);
            display: inline-block;
        }

.rev-gt-icon svg {
    --rev-gt-icon: 1.35rem;
    width: var(--rev-gt-icon);
    height: var(--rev-gt-icon);
    display: inline-block;
    stroke: var(--primary-color);
    cursor: pointer;
}

    .rev-gt-icon svg:hover {
        fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.p-rv-gm-list {
    flex: 1;
    justify-content: flex-end;
}

    .p-rv-gm-list .p-progress-def {
        max-width: 17em;
    }

.goals-grid-table {
    display: grid;
    grid-template-columns: 200px auto 150px;
    align-items: center;
    gap: 2rem;
}

.rating-table {
    --bor-def-rt: var(--input-border-1);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

    .rating-table .emoji-row, .rating-table .label-row {
        display: flex;
    }

    .rating-table .emoji-cell, .rating-table .label-cell {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0.45rem;
        color: var(--primary-color);
    }

    .rating-table .emoji-row {
        border-radius: var(--bs-border-radius);
        overflow: hidden;
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
    }

    .rating-table .emoji-cell {
        border-left: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
        padding: 0.3rem;
        font-size: calc(var(--base-font-size-h1) * 1.7);
        background-color: var(--chat-dark-bg-2);
        cursor: pointer;
        min-height: 3.8rem;
    }

.rating-star .emoji-cell {
    font-size: calc(var(--base-font-size-h1) * 1.05);
}

.p-rev-all-quest .rating-table .label-cell {
    color: var(--on-primary-color);
}

.emoji-cell:hover,
.emoji-cell.es-active {
    background-color: var(--theme-border-3);
}

.p-rev-all-quest .label-cell.es-active {
    font-weight: 600;
    color: var(--primary-color);
}

.rating-table .emoji-cell:first-of-type {
    border-left: 0;
}

.rating-number .emoji-cell {
    font-size: 1.625rem;
}

.p-rev-ans {
    margin-top: 0.4rem;
}

.p-rev-aqa-list .p-rev-aqa-list-item:not(:last-child) {
    margin-bottom: 1.8rem;
}

svg.p-rev-close {
    stroke: var(--on-primary-color);
    fill: none;
    --rev-gt-icon: 1.4rem;
    position: relative;
    top: 0.2em;
}

.label-row .es-active {
    font-weight: 600;
}

#confetti-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.view-scr-row {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 3.5rem;
}

.p-rev-aqa-list-item h6, .p-revq-item h5 {
    font-size: var(--base-font-size-xl);
}

.p-revq-list {
    width: 100%;
    position: relative;
    padding: var(--box-padding);
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
}

.pso-grid-wrapper .p-revq-list {
    padding: 0;
    background-color: transparent;
}

    .pso-grid-wrapper .p-revq-list .p-revq-item {
        padding: calc(var(--box-padding) * 0.75);
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.04);
        border-radius: var(--bs-border-radius);
    }

.p-revq-list .p-revq-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.p-rev-score-iw {
    margin-top: 1rem;
}

.p-rev-cb {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 800;
}

    .p-rev-cb svg {
        width: 1.4rem;
        height: 1.4rem;
        display: inline-block;
    }

.p-def-circ-guage {
    position: relative;
    width: 16em;
    height: 16em;
    margin: 0 auto;
}

.p-def-gr-vs {
    height: 17.5em;
}

.p-rev-cb {
    position: absolute;
    right: 0;
    top: 0rem;
}

.inside-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--base-font-size-h1-lg);
    font-weight: 700;
    color: var(--primary-color);
}

/*css for form builder ends here*/

.p-chat-def .sup-chat-icon {
    fill: var(--on-primary-color);
}

.p-chat-def svg.supervision-chat-icon {
    width: 1rem;
    height: 1rem;
}

.p-chat-def .msger-new {
    display: flex;
    height: 100%;
    flex-grow: 1;
    flex-flow: column;
    min-width: 0;
    width: 100%;
    z-index: 1;
    position: relative;
}

.p-chat-def .msger-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem var(--chat-def-padding);
    z-index: 1;
    position: relative;
    background-color: var(--chat-dark-bg-2);
}

    .p-chat-def .msger-header-new::after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 1px;
        width: calc(100% - 2.9rem);
        background-color: var(--primary-border-color);
        left: 50%;
        transform: translateX(-50%);
    }

.p-chat-def .msger-header-title {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 10px;
}

    .p-chat-def .msger-header-title h5 {
        margin-bottom: 0;
        font-weight: 600;
        letter-spacing: 1px;
        margin-top: 0;
        padding: 0px 0;
        align-items: center;
        justify-content: center;
        display: flex;
        cursor: pointer;
    }

.emmaTitle .chat-user-image, .emmaTitle .chat-user-image img,
.p-chat-def .chat-user-image, .p-chat-def .chat-user-image img {
    --chat-prof-icon-width: 42px;
    height: var(--chat-prof-icon-width);
    min-height: var(--chat-prof-icon-width);
    width: var(--chat-prof-icon-width);
    min-width: var(--chat-prof-icon-width);
    border-radius: 50%;
    margin-right: 1rem;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
}

    .p-chat-def .sender-image-new > img, .p-chat-def .chat-user-image img, .p-chat-def .msg-side-nav-body .userProfileDiv img {
        background-color: var(--profile-img-border-color) !important;
        border: 0 solid var(--profile-img-border-color);
        object-fit: cover;
    }

.p-chat-def .chatWrapperName {
    margin-bottom: 0;
    line-height: 16px;
}

.p-chat-def .sender-name-left, .p-chat-def .head-chatbot-txt {
    display: flex;
    gap: 0.3rem;
}

.p-chat-def .head-chatbot-txt {
    font-size: 17px;
    color: var(--primary-color);
    font-weight: 700;
    cursor: pointer;
    letter-spacing: normal;
}

.p-chat-def .chatWrapperName small {
    display: block;
    font-size: 12px;
    margin-top: 0.1rem;
    font-weight: 400;
    color: var(--on-primary-color);
    cursor: pointer;
    letter-spacing: normal;
}

.p-chat-def .main-message-wrapper {
    height: 100%;
    position: relative;
    overflow: auto;
}

.hc-msg-modified .main-message-wrapper {
    background-color: var(--chat-dark-bg-2);
}

.p-chat-def .webchatMain {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: White !important;
    font-size: large !important;
    overflow: visible;
    font-weight: bold !important;
    padding: 6px 4px;
    overflow: auto;
}

.p-chat-def main.msger-chat {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    overflow: visible;
    padding: var(--chat-def-padding);
    min-height: 100%;
}

.p-chat-def .line-heading.line-heading-chat {
    color: var(--on-primary-color);
    border: 1px solid var(--chat-bg-color);
    background-color: var(--sec-light-color8);
    font-weight: 400;
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    overflow: hidden;
    text-align: center;
    letter-spacing: 0.1px;
    max-width: 34rem;
    margin: 1.8rem auto;
    padding: 0.3rem 0.7rem;
    border-radius: var(--bs-border-radius);
}

html[color-mode="dark"] .p-chat-def .line-heading.line-heading-chat {
    background-color: #0c1115;
}

.p-chat-def .line-heading:after, .p-chat-def .line-heading:before {
    background-color: var(--chat-inbox-border-color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    display: none;
}

.p-chat-def .line-heading:before {
    right: 10px;
    margin-left: -50%;
}

.p-chat-def .line-heading:after {
    left: 10px;
    margin-right: -50%;
}

.p-chat-def article.article-load-msg:not(:last-child) {
    margin-bottom: 1.9rem;
}

.p-chat-def .article-load-msg-right {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}

.p-chat-def .webchat-load-msg-main-wrapper {
    max-width: 30em;
    transition-duration: 0s;
    transition-property: max-width;
}

.p-chat-def .webchat-load-msg-wrapper,
.p-chat-def .msg-bubble {
    background: var(--chat-left-bubble);
    border: none !important;
    color: var(--primary-color);
    min-height: 2.3rem;
    margin-left: 0px;
    margin-right: 0px;
    transition-duration: 0s;
    transition-property: margin-left, margin-right;
    word-break: break-word;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0.6rem 0.75rem;
    position: relative;
    display: inline-block;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) var(--bs-border-radius) 0;
    align-self: flex-end;
    min-width: 11.8em;
}

.p-chat-def .article-load-msg-right .webchat-load-msg-wrapper,
.p-chat-def .right-msg .msg-bubble {
    background: var(--theme-secondary-color);
    color: var(--primary-color) !important;
}

.p-chat-def .webchat-load-msg-wrapper-right.webchat-load-msg-wrapper,
.p-chat-def .right-msg .msg-bubble {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 var(--bs-border-radius);
}

.p-chat-def .webchat-load-msg-main-wrapper {
    display: flex;
    position: relative;
    z-index: 1400;
    gap: 0.5rem;
}

.p-chat-def .msger-header-title {
    flex: 1;
}

.p-chat-def .chat-profile-img-wrapper {
    flex: 0 0 auto;
    min-width: 2.2rem;
    min-height: 2.2rem;
    align-self: flex-end;
    z-index: 99;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.chat-profile-img-wrapper span {
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    display: inline-block;
    margin-top: 0.35rem;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.1;
    color: var(--primary-color);
    font-weight: 600;
}

.p-chat-def .article-load-msg-right .chat-profile-img-wrapper {
    order: 2;
}

.p-chat-def .chat-time-txt {
    font-size: 0.75rem;
    line-height: 1.2;
    align-self: flex-end;
    margin-bottom: 0.25rem;
}

.p-chat-def img.chat-profile-img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 1px 2px rgb(0 0 0 / 6%) !important;
    border: 1px solid var(--primary-border-color);
}


.p-chat-def .webchat__bubble__content::after, .p-chat-def .webchat-load-msg-wrapper-left::after, .p-chat-def .chat-left-loader .msg-bubble.placeload::after {
    background-color: #f5f6fa;
    border-bottom-right-radius: 0.53rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.p-chat-def .webchat__bubble--from-user::before, .p-chat-def .webchat-load-msg-wrapper-right::before, .p-chat-def .chat-right-loader .msg-bubble.placeload::before {
    border-bottom-left-radius: 1rem 1.1rem;
    border-right: 1.2rem solid var(--primary-dark-color);
    right: -0.3rem;
    transform: translate(0, -0.1rem);
}

.p-chat-def .webchat__bubble--from-user::after, .p-chat-def .webchat-load-msg-wrapper-right::after, .p-chat-def .chat-right-loader .msg-bubble.placeload::after {
    background-color: #f5f6fa;
    border-bottom-left-radius: 0.53rem;
    right: -40px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.p-chat-def .webchat-load-msg-wrapper .chatbot-bubble, .p-chat-def .webchat-load-msg-wrapper p {
    font-size: var(--base-font-size);
    margin-bottom: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    color: var(--primary-color);
    z-index: 9;
    position: relative;
    line-height: 1.4;
    font-weight: 400;
}

.p-chat-def span.webchat-load-msg-time {
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    float: right;
    position: initial !important;
    margin: 10px -8px -3px 31px;
    margin: 10px 5px -3px 30px;
    display: inline-block;
}

.p-chat-def .user-rec-name {
    display: block;
    font-weight: 600;
    font-size: 0.785rem;
    margin-bottom: 0.3rem;
    color: var(--bs-blue);
}

.p-chat-def .emma-supervision .modal-content {
    overflow: hidden;
}

.p-chat-def .chatbot-bubble a {
    text-decoration: underline;
    color: #007bff;
}

.p-chat-def .placeload {
    background: var(--bg-default);
    pointer-events: none;
    margin: 10% 0 10%;
    position: relative;
    min-height: 320px;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) var(--bs-border-radius) 0;
}

/*.p-chat-def .loads {
    background: linear-gradient(to right, #ecf3fc 8%, #dce4ed 18%, #ecf3fc 33%);
    -webkit-background-size: 800px 104px;
    background-size: 1200px 104px;
    position: relative;
}
*/

.p-chat-def .chat-loader-inner .right-msg .msg-bubble,
.p-chat-def .chat-loader .msg-bubble.placeload {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

.p-chat-def .chat-loader .chat-left-loader .msg-bubble.placeload::after,
.p-chat-def .chat-loader .chat-right-loader .msg-bubble.placeload::after {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

.p-chat-def .chat-loader .chat-left-loader .msg-bubble.placeload::before {
    border-left-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

.p-chat-def .chat-loader .chat-right-loader .msg-bubble.placeload::before {
    border-right-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

@-webkit-keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.p-chat-def .chat-loader {
    margin-top: 0.7rem;
}

.p-chat-def .chatbot-end-chat-bubble-wrapper .webchat-load-msg-wrapper {
    padding: 0.25rem 0.9rem;
    background-color: #F9E791;
    box-shadow: 1px 1px 2px rgb(40 44 73 / 10%);
    margin: 1.2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.25rem !important;
    border-radius: var(--bs-border-radius-lg);
}

.p-chat-def .chatbot-end-chat-bubble {
    gap: 0.35rem;
    z-index: 9999;
    position: relative;
    padding: 0.2rem 0rem;
    align-items: center;
}

    .p-chat-def .chatbot-end-chat-bubble .end-chat {
        color: #303030;
        font-size: 1.2rem;
        transition: all .5s;
    }

.p-chat-def .chatbot-end-chat {
    color: #303030 !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.p-chat-def .chat-loader-inner {
    margin-bottom: 8px;
}

.p-chat-def .chat-right-loader, .p-chat-def .chat-left-loader {
    flex-direction: column !important;
}

.p-chat-def .chat-left-loader {
    align-items: flex-start !important;
}

    .p-chat-def .chat-left-loader .msg-bubble {
        align-self: flex-start;
    }

.p-chat-def .chat-loader .msg-bubble.placeload {
    margin: 0;
    min-height: inherit;
    display: initial;
    width: initial;
    border: none;
    box-shadow: none;
    max-width: 78%;
}

/*.p-chat-def .main-msg-box {
    background-color: var(--chat-dark-bg-2);
}*/

.chatbot-user-request-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0rem 1.3rem 0 1.3rem;
    height: calc(100vh - var(--nav-min-height) - 6em);
}

.chatbot-user-request-list-item,
.inbox-table-row {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    padding: 0.8rem 0.8rem;
    cursor: pointer;
    position: relative;
    background-color: var(--chat-dark-bg-2);
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    border-left: var(--left-active-bw) solid transparent;
}

.chatbot-user-request-list-item-text {
    font-size: var(--base-font-size-lg);
    color: var(--on-primary-color);
    position: relative;
}

.chatbot-user-request-list-item em.ni-chat-circle {
    font-size: 1.22rem;
    position: relative;
    top: 0.15rem;
    align-self: flex-start;
}

.plm-text-ellip {
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.chatbot-user-request-list .chatbot-user-request-list-item:hover {
    background-color: var(--sec-light-color7);
    /*border-left: var(--left-active-bw) solid var(--secondary-color) !important;*/
}

.chatbot-user-request-list .chatbot-user-request-list-item:hover, .chatbot-user-request-list-active,
.inbox-table-row-selected {
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

    .chatbot-user-request-list-active,
    .chatbot-user-request-list-active:hover,
    .inbox-table-row-selected,
    .inbox-table-row:hover {
        background-color: var(--ot-bg-color);
        /*border-left: var(--left-active-bw) solid var(--secondary-color) !important;*/
    }

.p-chat-def .chat-loader .loads {
    width: 100%;
    height: 8px;
}

    .p-chat-def .chat-loader .loads:not(:last-child) {
        margin-bottom: 8px;
    }

.p-chat-def .chat-right-loader .placeload:nth-child(1), .p-chat-def .chat-left-loader .placeload:nth-child(1) {
    width: 25%;
}

.p-chat-def .chat-right-loader .loads:nth-child(1), .p-chat-def .chat-left-loader .loads:nth-child(1) {
    max-width: 35%;
}

.p-chat-def .chat-loader .msg-bubble:not(:last-child) {
    margin-bottom: 10px;
}

.p-chat-def .chat-right-loader .placeload:nth-child(2),
.p-chat-def .chat-left-loader .placeload:nth-child(2) {
    width: 45%;
}

.p-chat-def .sup-chat-icon {
    fill: var(--bs-link-color);
    cursor: pointer;
}

.p-chat-def .p-chat-area textarea {
    resize: none;
    padding: 0.62rem 0.55rem 0.35rem;
    min-height: 2.5rem !important;
    line-height: 1.4;
}

.p-chat-def .va-input-area,
.p-chat-def .msger-inputarea .p-chat-area {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 91%) );
    border-top: 1px solid rgb(231 234 243 / 95%);
}

.p-tl-chat-ia-w {
    padding: 0 var(--chat-def-padding);
}

    .p-tl-chat-ia-w .p-chat-area {
        padding: calc(var(--box-padding) * 0.5) 0 !important;
    }

.p-tl-imsg {
    margin-bottom: 0.15rem;
    margin-left: 0.55rem;
}

    .p-tl-imsg small {
        font-size: calc(var(--base-font-size-xxs) * 0.95)
    }

.p-tl-case-info .ph-3 {
    text-align: center;
}

.input-emoji {
    position: relative;
}

.p-chat-area .btn-sendchat,
.btn-trnp {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin-bottom: 0;
    position: absolute;
    bottom: 0.5rem;
    right: 0.8rem;
}

    .p-chat-area .btn-sendchat .p-icon {
        fill: var(--theme-primary-color);
        stroke: none;
    }

.p-tl-msg-box {
    background-color: var(--bg-default);
    border: 1px solid var(--sec-light-color7);
    padding: 1.5rem;
    border-bottom: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.p-tl-case-info,
.p-tl-trust-msg {
    max-width: 100%;
    width: 100%;
    position: relative;
    margin-top: 1.1rem;
}

.p-tl-cs-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    text-align: center;
    justify-content: space-between;
}

.p-tl-cs-grid-itmes label span {
    font-weight: 400;
}

.p-tl-cs-grid-itmes label {
    color: var(--primary-color);
    font-weight: 600;
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.p-tl-cs-grid-itmes span.p-generic-tag {
    background-color: #E4ECF5;
    font-size: var(--base-font-size);
    color: #4EA5FF;
    padding: 0.3rem 0.7rem;
    margin-left: 0.2rem;
}

.p-tl-trust-msg {
    background-color: var(--salmon-new-color2);
    border: 1px solid var(--salmon-new-color);
    color: var(--primary-color);
}

    .p-tl-trust-msg p {
        text-align: left;
    }

    .p-tl-trust-msg h6 {
        text-align: center;
    }

.p-tl-mb-time {
    position: absolute;
    right: 0.5rem;
    bottom: 0.25rem;
    font-size: calc(var(--base-font-size-xxs) * 0.92);
}

.p-fp-content .main-msg-box {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 8rem;
}

.p-fp-content .p-chat-area {
    min-height: initial;
}

.p-fp-content.p-chat-def .p-chat-area textarea,
.p-chat-ta .p-chat-area textarea {
    padding-right: 3rem;
}

.p-tl-chat-ia {
    flex: 1;
}

    .p-tl-chat-ia .input-emoji .emojionearea .emojionearea-picker {
        z-index: 1600;
        box-shadow: var(--default-shadow);
    }

.p-tl-lacts .p-icon {
    stroke: var(--primary-color);
}

.p-tl-lacts {
    align-self: flex-end;
    margin-bottom: 0.45rem;
}

.p-tl-chat-ia .emojionearea .emojionearea-editor {
    display: block;
    height: auto;
    max-height: 150px;
    min-height: 2.65rem;
    border-radius: var(--bs-border-radius);
    overflow: auto;
    padding: 0.586rem 0.8rem;
    line-height: 1.5;
    font-size: inherit;
    color: var(--primary-color);
    background-color: transparent;
    cursor: text;
    box-shadow: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: none;
    padding-right: 5.4rem;
}

.p-tl-chat-ia .emojionearea, .p-tl-chat-ia .emojionearea.form-control {
    display: block;
    position: relative !important;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: var(--base-font-size);
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    box-shadow: none;
    overflow: visible;
}

    .p-tl-chat-ia .emojionearea.focused {
        border-color: var(--input-border-1);
        box-shadow: none;
    }

.p-tl-chat-ia .input-emoji .emojionearea .emojionearea-button .emojionearea-button-open {
    width: 100% !important;
    height: 100% !important;
}

.p-tl-chat-ia .emojionearea .emojionearea-button {
    top: initial;
    bottom: -0.25rem;
    right: 3.4rem;
    width: 1.95em;
    height: 1.95em;
}

.main-message-wrapper .simplebar-content {
    height: 100%;
}

@media(max-width: 1700px) {
    .p-chat-def .webchat-load-msg-main-wrapper {
        max-width: 26em;
    }
}

@media(max-width: 1024px) {
    .inbox-content-section .p-chat-def .msger-new {
        top: var(--nav-min-height);
        height: calc(100vh - var(--nav-min-height));
    }

    .sidenav-view-profile {
        height: calc(100% - var(--nav-min-height));
        top: var(--nav-min-height);
    }
}


@media(max-width: 991px) {
    .p-tl-chat-ia-w,
    .p-chat-def main.msger-chat,
    .p-chat-def .msger-header-new {
        padding: calc(var(--chat-def-padding) * 0.5);
    }

        .p-tl-chat-ia-w .p-chat-area {
            padding: 0 !important;
            min-height: initial;
        }

    .mt-skip-btn {
        padding: 0 0.4rem;
    }

    .p-mt-chat-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 1;
        align-self: center;
        padding-bottom: 0rem;
        min-height: 2.55rem;
    }

    .p-fp-content .main-msg-box {
        padding: 0 0rem;
        padding-top: 4rem;
    }
}


/*ends here*/

.brand-logo-tl {
    position: absolute;
    top: 1.1rem;
    left: 1.1rem;
}

.brand-logo {
    width: 2.9875rem;
    height: 2.9875rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
}

.brand-logo {
    background: var(--indigo-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    fill: #fff;
    padding: 0.35rem;
}

.p-mh-wh .modal-header {
    position: absolute;
    right: 0;
    z-index: 99;
}

.p-modal.p-mh-wh .modal-body {
    padding-top: 3.2rem;
}


.p-gp-cen .grid-profile-wrapper {
    justify-content: center;
}

.p-gp-cen .circle-tag {
    text-align: left;
}

.reminder-list .p-listype-bg:not(:last-child) {
    margin-bottom: 0.8rem;
}

.form-control.input-num-mw {
    max-width: 5rem;
}

.reminder-list h6 {
    font-size: var(--base-font-size-lg);
}

.reminder-list button.p-dd-wp-btn {
    width: 1.8rem;
    height: 1.8rem;
}

.p-files-wrapper {
    width: 3rem;
}

    .p-files-wrapper img {
        max-width: 100%;
        height: auto;
    }

    .p-files-wrapper svg {
        width: 3rem;
        height: 3rem;
    }

.pos-abs-right-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.download-icon-case-no {
    position: absolute;
    top: 0.85rem;
    right: 1.45rem;
    stroke: var(--primary-color);
    cursor: pointer;
}

.label-case-not-dt label {
    color: var(--primary-color);
    display: flex;
    gap: 0.45rem;
}

    .label-case-not-dt label span {
        font-weight: normal;
    }

.p-cn-mb {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cn-tab-mw {
    flex: 1;
}

    .cn-tab-mw .tab-content {
        height: 32em;
    }

        .p-modal-chat,
        .p-modal-chat .p-chat-def,
        .cn-tab-mw .tab-content .tab-pane {
            height: 100%;
        }

            .p-modal-chat .p-tl-chat-ia-w {
                background-color: var(--bg-default);
            }

            .p-modal-chat .p-chat-def .msger-new {
                border-radius: var(--bs-border-radius);
                overflow: hidden;
            }

            .p-modal-chat .p-chat-def main.msger-chat {
                padding: calc(var(--chat-def-padding) * 0.5);
            }

/*.main-message-wrapper::before {
    content: '';
    display: inline-block;
    position: sticky;
    width: 100%;
    height: 1rem;
    background: linear-gradient(180deg, var(--bg-default) 65%, transparent);
    left: 0;
    top: 0;
    z-index: 1600;
}*/
.p-cn-mb textarea.form-control {
    min-height: calc(7rem + 0.75rem + calc(var(--bs-border-width) * 2));
}

.p-tl-cn-notes {
}

.p-cc-res textarea.form-control {
    min-height: calc(8rem + 0.75rem + calc(var(--bs-border-width) * 2));
}

/*.case-number .p-fp-content.p-chat-def .main-message-wrapper {
    max-height: calc(100vh - 13.5rem); 
}
*/

.p-tt-case-conver .p-fp-content.p-chat-def .main-message-wrapper {
    border-bottom: 1px solid var(--primary-border-color);
}

.p-tl-chat-ia-w {
    position: sticky;
    bottom: 0;
    z-index: 9999;
}
/*css for trustline ends here*/
.cardCoursesRow {
    display: flex;
    flex-wrap: wrap;
}

    .cardCoursesRow .cardCourses {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .cardCoursesRow .cardCourses .row {
            width: 100%;
        }

        .cardCoursesRow .cardCourses .icon {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
        }

            .cardCoursesRow .cardCourses .icon em {
                font-size: 32px;
                background: #d3f8ff;
                padding: 8px;
                border-radius: 50%;
                border: 1px solid #52d3eb;
                color: #52d3eb;
            }

            .cardCoursesRow .cardCourses .icon h4 span {
                font-size: 26px;
                display: block;
            }

            .cardCoursesRow .cardCourses .icon h4 {
                text-align: left;
            }

/*ROI Page*/
.roi-up-con-tl {
    display: grid;
    line-height: 1;
    gap: 0.5rem;
    justify-content: center;
    text-align: center;
}

    .roi-up-con-tl label, .ins-label-primary {
        font-size: calc(var(--base-font-size-h1) * 1.75);
        color: var(--theme-primary-color);
        font-weight: 700;
        line-height: 1;
    }

.roi-hr-eng-cat-gr {
    flex: 1;
}

.roi-up-con small {
    color: var(--on-primary-color);
}

.overall-estimated-savings, .overall-time-savings {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

.p-ins-txt {
    margin-bottom: 0;
    color: var(--on-secondary-color);
    line-height: 1.4;
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    font-style: italic;
    font-weight: 300;
}

    .p-ins-txt sub {
        vertical-align: super;
        font-size: var(--base-font-size);
        margin-right: 0.15rem;
        position: relative;
        top: 4px;
    }

.roi-gl-up {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--box-padding);
    margin-top: 1rem;
}

.hr-engagement-category {
    grid-column: span 4;
}

svg.p-ins-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--primary-color);
}

.roi-hr-eng-cat-mw {
    display: grid;
    grid-template-columns: 26em 1fr;
    align-items: flex-start;
    gap: 2.3rem;
}

.p-ins-category {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    word-break: break-word;
}

.hr-engagement-category .p-ins-category {
    grid-template-columns: repeat(2, auto);
}

.p-ins-category-items {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.p-ins-wb-used-sess svg {
    --p-ins-wb-su: 17em;
    width: var(--p-ins-wb-su);
    height: var(--p-ins-wb-su);
}

@media(min-width: 1900px) {
    .p-ins-wb-used-sess svg {
        --p-ins-wb-su: 20em;
    }
}


.p-ins-wb-mw {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ins-cat-icon-data p {
    margin-bottom: 0;
    color: var(--primary-color);
    line-height: 1.2;
}

.p-ins-cat-icon-data span {
    font-size: var(--base-font-size);
    font-weight: 600;
    color: var(--secondary-color);
}

.p-ins-cat-icon {
    width: 3rem;
    height: 3rem !important;
    background-color: var(--theme-secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius) !important;
    flex-shrink: 0;
}

    .p-ins-cat-icon span {
        font-size: 1.18rem;
        color: var(--theme-primary-color);
        font-weight: 600;
    }

.hr-engagement-category .p-ins-cat-icon {
    width: 3.45rem;
    height: 3.45rem !important;
}

    .hr-engagement-category .p-ins-cat-icon span {
        font-size: 0.82rem;
        color: var(--secondary-color);
        font-weight: 700;
    }

.p-ins-cat-icon > * {
    flex: 0 0 auto;
}


.ins-con-ru-b1, .ins-con-ru-b1-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}

.p-list-gp-rd {
    text-align: left;
    padding-left: 0.95rem;
}

    .p-list-gp-rd.list-group-numbered {
        list-style-type: none;
        padding: 0;
    }

    .p-list-gp-rd li:not(:last-child) {
        margin-bottom: 0.7rem;
    }

.ins-con-ru-b2 h4.ph4 {
    font-size: var(--base-font-size);
    top: 0;
    margin-top: -0.2rem;
}

.p-list-gp-rd p {
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    justify-content: space-between;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.p-list-gp-rd span.badge {
    margin-top: 0;
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color);
    font-weight: 500;
    padding-top: 0.4em;
    min-width: 2.2em;
    display: inline-block;
    font-size: calc(var(--base-font-size-xxs)* 0.92);
}

.ins-pople-gg {
    display: grid;
    grid-template-columns: 22em repeat(2, 1fr);
    gap: var(--p-row-grid-gap);
}

.ins-poeple-gi,
.ins-con-gr {
    position: relative;
    min-height: 220px;
}

.ins-overvew-grid .ba-box-shadows {
    position: relative;
}

.ins-overvew-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--box-padding);
    grid-template-areas:
        "ga-tu ga-tu ga-tu ga-tru ga-tru ga-tru ga-ug ga-ug ga-ug ga-ug ga-ug ga-ug"
        "ga-ubd ga-ubd ga-ubd ga-ubd ga-ubd ga-ubd ga-acm ga-acm ga-acm ga-acm ga-acm ga-acm"
        "ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc";
}

.isn-ov-tu {
    min-height: 12em;
    grid-area: ga-tu;
}

.isn-ov-tru {
    grid-area: ga-tru;
}

.isn-ov-act-user {
    grid-area: ga-au;
}

.isn-ov-uwg {
    grid-area: ga-ug;
}

.isn-ov-ubd {
    grid-area: ga-ubd;
}

.isn-ov-cmt {
    grid-area: ga-acm;
    min-height: 19.3em;
}

.isn-ov-locations {
    grid-area: ga-loc;
}

.location-leg-list {
    list-style: none;
    padding: 0;
}

    .location-leg-list p label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        line-height: 1;
        gap: 1rem;
        min-width: 100px;
        text-align: left;
    }

    .location-leg-list.p-list-gp-rd p {
        display: inline-grid;
        grid-template-columns: 11em auto;
    }

    .location-leg-list p label span {
        font-size: var(--base-font-size-xxl);
        font-weight: 600;
        color: var(--primary-color);
        min-width: 2em;
    }

    .location-leg-list span.badge.rounded-pill, .p-def-badge {
        margin: 0;
        background-color: var(--btn-light-bg);
        color: var(--theme-primary-color);
        font-weight: 400;
        padding-top: 0.3em;
        min-width: 2.3em;
        font-size: var(--base-font-size-xs);
    }

.isn-ov-tu .ins-overview-gg,
.isn-ov-tru .ins-overview-gg {
    width: 100%;
    display: flex;
    justify-content: center;
}

.ins-overvew-grid .roi-con {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 0.4rem);
}

.ins-overvew-grid .ins-overview-gg.pos-cen {
    width: 100%;
}

.roi-con label {
    font-size: calc(var(--base-font-size-h1) * 1.5);
}

.note-w-aster strong {
    color: var(--primary-color);
}

    .note-w-aster strong sup {
        font-size: var(--base-font-size);
        top: -1px;
    }

.isn-ov-uwg .ins-overview-gg {
    min-height: 13em;
    position: relative;
}


@media(max-width: 1600px) {
    .ins-overvew-grid .label-data-chev em.icon {
        font-size: 0.85rem;
    }

    .ins-overvew-grid .roi-con small label,
    .ins-overvew-grid .roi-con small span,
    .ins-overvew-grid .roi-con small {
        font-size: 0.85rem;
    }

    .ins-overvew-grid .ins-overview-gg {
        width: 100%;
    }
}

@media(max-width: 1400px) {
    .ins-overvew-grid .label-data-chev em.icon {
        font-size: 0.8rem;
    }

    .ins-overvew-grid .roi-con small label,
    .ins-overvew-grid .roi-con small span,
    .ins-overvew-grid .roi-con small {
        font-size: 0.67rem;
    }

    .insight-content .p-icon.p-icon-sm {
        width: 0.98rem;
        height: 0.98rem;
    }

    .ins-overview-gg .roi-con .pdf-gap-5xs {
        gap: 0.18rem;
    }

    .ba-box-shadows h4 {
        font-size: var(--base-font-size);
    }
}

.ins-overvew-grid .roi-con small {
    align-self: center;
}

.isn-ov-locations .ins-overview-gg {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--default-gap);
    align-items: flex-start;
}

    .isn-ov-locations .ins-overview-gg .location-leg-list {
        display: inline-grid;
        grid-template-columns: repeat(2, max-content);
        gap: 0.35rem 2.5rem;
        justify-content: flex-start;
    }

.p-ins-wel-grid {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
    grid-template-rows: repeat(6, auto);
    gap: var(--default-gap);
}

.ins-well-session {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sessions-by-location {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sessions-by-departament {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
}

.ins-ask-a-therapist {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 2;
}

.ins-watched-content, .ins-wcbc, .ins-mood-tracker {
    grid-column: span 4;
}

.ins-timeoff {
}


.ins-well-loc-leg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    margin-top: 1rem;
}

    .ins-well-loc-leg .location-leg-list.p-list-gp-rd p {
        display: inline-grid;
        grid-template-columns: max-content auto;
    }

.sessions-by-location .dxm-background,
.isn-ov-locations-lcol .dxm-background {
    stroke: none;
}

.ins-loc-vec-map {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

.p-sssion-mw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.p-ins-ses-data .p-ins-cat-icon-data {
    flex: 1;
}

span.tt-aster-note-nl {
    display: block;
}

    span.tt-aster-note-nl sup {
        font-size: 0.85rem;
        line-height: 0.8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: -1px;
    }

.p-ins-sw-dc {
    margin-top: 0.45rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    justify-content: center;
}

.ins-ask-a-therapist .p-ins-sw-dc label.active {
    background-color: #76f6dd;
}

.ins-ask-a-therapist .p-ins-sw-dc label {
    background-color: #81c3fa;
    color: var(--primary-color);
}

.p-sess-booked {
    background-color: var(--theme-secondary-color);
    padding: calc(var(--box-padding) * 0.45);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    border: 1px solid var(--primary-border-color);
    text-align: center;
}

    .p-sess-booked .ins-label-primary {
        font-size: calc(var(--base-font-size-h1));
    }

    .p-sess-booked p {
        font-size: var(--base-font-size);
        color: var(--primary-color);
        font-weight: 500;
        margin-bottom: 0.65rem;
        line-height: 1.3;
        margin-top: 0;
        text-align: left;
    }

.p-session-avg-sess {
    display: grid;
    gap: 1.25rem;
    align-items: end;
}

.ins-label-primary-sub span {
    font-size: calc(var(--base-font-size-sm));
    font-weight: 300;
    position: relative;
    bottom: 0.05rem;
    color: var(--theme-primary-color);
}

.p-session-avg-sess .p-sess-booked {
    justify-self: flex-start;
    min-width: 15em;
}

.p-ins-ses-data.loading-skeleton .p-iw-thsl {
    display: grid;
    grid-template-columns: 11em 2em;
    gap: 2rem;
    justify-content: space-between;
}

.p-ins-sw {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 1.5rem;
}

.p-ins-sw-items {
    padding: calc(var(--box-padding) * 0.35);
    border-radius: calc(var(--bs-border-radius) * 0.5);
    color: var(--primary-color);
    background-color: var(--input-bg-sel-theme);
    border: 1px solid var(--primary-border-color);
}

.p-ins-sw-dc label {
    background-color: var(--blur2-bg-color);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color);
    padding: 0.125rem;
    min-width: 2.7rem;
    text-align: center;
    border-radius: 0.25rem;
    font-size: var(--base-font-size-xs);
}

    .p-ins-sw-dc label.active {
        background-color: var(--green-color);
    }

.p-ana-box-mh .ba-box-shadows {
    min-height: 434px;
}

.p-def-gr-he-la,
.p-ana-box-mh .p-fb-graph {
    height: 370px;
}

.ins-loc-vec-map {
    height: 17em;
}

    .ins-loc-vec-map.ins-loc-vec-map-wb {
        height: 16em;
    }

@media(max-width: 1800px) {
    .ins-loc-vec-map.ins-loc-vec-map-wb {
        height: 14em;
    }
}

@media(max-width: 1700px) {
    .ins-loc-vec-map.ins-loc-vec-map-wb {
        height: 19em;
    }

    .p-def-gr-he-la,
    .p-ana-box-mh .p-fb-graph {
        height: 300px;
    }

    .p-ana-box-mh .ba-box-shadows {
        min-height: 350px;
    }
}


.isn-ov-locations-lcol {
    min-height: 250px;
    position: relative;
}

.p-def-gr-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1rem;
    height: var(--ins-gr-cricle-wh);
}

.p-def-gr-circle-w {
    margin: 0 auto;
    height: var(--ins-gr-cricle-wh);
    margin-bottom: 1.5rem;
}

.p-session-cols {
    position: relative;
}

.p-def-badge-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.p-def-badge-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-def-badge-orange {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-def-fr-jcsb-fdc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.ins-wcbc .p-sess-booked {
    display: inline-block;
    min-width: 15em;
    margin-bottom: 1.75rem;
}

.ins-hr-divider {
    display: block;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 1.5rem 0 2.4rem !important;
}

.ins-con-ru, .ins-con-res-usa {
    display: grid;
    grid-template-columns: auto auto 50em;
    gap: 5rem;
}

.p-ins-2fr {
    display: grid;
    grid-template-columns: auto 50em;
    gap: 5rem;
}

.ins-wcbc .p-ins-category {
    grid-template-columns: repeat(3, 1fr);
}

.p-ins-mood-2x {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3rem;
}

.p-ins-cat-bx {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--default-gap) * .5);
    grid-template-rows: repeat(3, 6.5rem);
}

    .p-ins-cat-bx .p-sess-booked.mb-3 {
        margin-bottom: 0 !important;
        position: relative;
    }

    .p-ins-cat-bx .p-sess-booked .p-ins-cat-bx-emojee,
    .p-ins-cat-bx .p-sess-booked .ins-label-primary {
        position: absolute;
        top: calc(50% + 17px);
        transform: translate(-50%, -50%);
        left: 50%;
    }

.p-ins-emojee {
    font-size: calc(var(--base-font-size-h1) * 1.7);
}

.ins-con-ru-b2 {
    position: relative;
}

    .ins-con-ru-b2 .ba-box-shadows h4 {
        top: 0px;
    }


@media(min-width: 1850px) {
    .p-ins-wel-grid {
        grid-template-columns: 1fr 0fr 0fr 1fr;
    }
}

.loading-skeleton li {
    background: transparent;
}

    .loading-skeleton li .badge {
        min-width: 2.5em;
        min-height: 1.85em;
    }

.loading-skeleton .p-list-gp-rd {
    text-align: left;
    padding-left: 0;
}

    .loading-skeleton .p-list-gp-rd li:not(:last-child) {
        margin-bottom: 1.1rem;
    }

.loading-skeleton .p-ins-category-items p {
    min-width: 100px;
}

.loading-skeleton .p-ins-category-items span {
    min-width: 22px;
}

.loading-skeleton .p-ins-cat-icon-data {
    display: grid;
    gap: 0.5rem;
}

.loading-skeleton .p-ins-cat-icon {
    border-radius: var(--bs-border-radius);
}

.loading-skeleton svg.p-ins-icon {
    fill: none;
}

.loading-skeleton .p-ins-cat-icon-data label {
    max-width: 2em;
}

#div-leave-taken-by-policy-NoData {
    min-height: 15em;
}

.ins-timeoff {
    min-height: 26em;
}

.p-ins-cat-bx-emojee {
    font-size: calc(var(--base-font-size-h1) * 1.5);
    line-height: 1.1;
}

.roi-up-con-tl.loading-skeleton {
    min-height: 3.65em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 7em;
}

    .roi-up-con-tl.loading-skeleton label {
        min-width: 3.6rem;
    }

    .roi-up-con-tl.loading-skeleton small {
        min-width: 5rem;
        display: inline-block;
    }

.roi-dl.loading-skeleton {
    display: grid;
    gap: 0.4rem;
}



@media(min-width: 2400px) {
    .p-session-avg-sess {
        max-width: 24em;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 70em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 70em;
    }
}

@media(min-width: 1921px) {

    .p-session-avg-sess {
        max-width: 24em;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 60em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 60em;
    }
}

@media(max-width: 1800px) {
    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 48em;
        gap: 2rem;
    }

    .p-ins-2fr {
        grid-template-columns: auto 48em;
    }
}

@media(max-width: 1600px) {
    .p-ins-sw-items span {
        font-size: calc(var(--base-font-size) * 0.9);
    }

    .p-ins-sw-dc label {
        padding: 0.15rem;
        min-width: 2.5rem;
        border-radius: 0.25rem;
        font-size: calc(var(--base-font-size-xs) * 0.85);
    }

    .roi-up-con-tl label, .ins-label-primary {
        font-size: calc(var(--base-font-size-h1) * 1.5);
    }

    .p-ins-2fr {
        gap: 2rem;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 44em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 44em;
    }

    .p-ins-category-items {
        gap: 0.65rem;
        line-height: 1.25;
    }

    .p-ins-mood-2x {
        gap: 1rem;
    }
}

@media(max-width: 1400px) {
    .p-sssion-mw {
        gap: 2rem;
    }

    .p-ins-2fr {
        gap: 1.5rem;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 36em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 36em;
    }
}



/*dashboard css starts here*/
.p-db-grid-cont {
    display: grid;
    grid-template-columns: repeat(8, 1fr) repeat(4, 5.2em);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

@media(max-width: 1500px) {
    .p-db-grid-cont {
        grid-template-columns: repeat(8, 1fr) repeat(4, 4.4em);
    }

    .p-db-data-count-inner label {
        font-size: var(--base-font-size-xxs);
    }
}

.p-db-grid-cont .ph-card {
    padding: 0.85rem;
    padding-top: 3.25rem;
}

.p-dash-banner {
    grid-area: p-db-pro-banner;
}

.p-dash-my-activ {
    grid-area: p-db-my-acti;
}

.p-db-seperator {
    grid-area: p-db-seperator;
}

.p-db-ma-app {
    grid-area: p-db-ma-app;
}

.p-db-mcs {
    grid-area: p-db-mood-track;
}

.p-db-mtr {
    grid-area: p-db-chat-area;
}

.p-db-daf {
    grid-area: p-db-dai-aff;
    overflow: hidden;
}

.p-db-fm {
    grid-area: p-db-feat-medi;
}

.p-db-on-cr {
    grid-area: p-db-onli-cour;
}

.p-db-upcoming-events {
    grid-area: p-db-upcoming-events;
}

.p-db-appointments {
    grid-area: p-db-appointments;
}

.p-db-time-off {
    grid-area: p-db-time-off;
}

.p-db-goal-progress {
    grid-area: p-db-goal-progress;
}

.p-db-blogs {
    grid-area: p-db-blogs;
}

.p-db-ebooks {
    grid-area: p-db-p-db-ebooks;
}

.p-db-seperator {
    min-height: 3em;
}

.p-db-boxes-1 {
    grid-area: p-db-box-1;
}

.p-db-boxes-2 {
    grid-area: p-db-box-2;
}

.p-db-boxes-3 {
    grid-area: p-db-box-3;
}

.p-db-boxes-4 {
    grid-area: p-db-box-4;
}

.p-db-upcom-bday {
    grid-area: p-db-upcom-bday;
    /*    max-height: 336px;
    overflow: visible;
    box-sizing: border-box;
    padding-bottom: 0 !important;*/
}

.p-db-blog-atri {
    grid-area: p-db-blog;
}

    .p-db-blog-atri.loading-skeleton {
        background: var(--chat-dark-bg-2);
    }

        .p-db-blog-atri.loading-skeleton::before {
            background-color: initial;
        }

.p-db-grid-cont {
    grid-template-areas:
        "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
        "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
        "p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-blog p-db-blog p-db-blog p-db-blog"
}

    .p-db-grid-cont.dash-w-birthday {
        grid-template-areas: "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
            "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
            "p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
            "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
    }

/*GRID FOR MENTAL HEALTH*/
.package-mental-health .p-db-grid-cont {
    grid-template-areas:
        "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
        "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
        "p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-blog p-db-blog p-db-blog p-db-blog"
}

.package-mental-health .p-db-upcom-bday {
    display: none;
}

.p-db-blog-atri {
    grid-area: p-db-blog;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    background: url("https://liveplummblob.blob.core.windows.net/content/19012024042936.jpg") no-repeat center center;
    position: relative;
    padding: 0.8rem;
}

    .p-db-blog-atri .nd-label-head {
        color: #fff;
    }

    .p-db-blog-atri::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-color: #11173b69;
        width: 100%;
        height: 100%;
    }

.p-db-blog-atri-cont {
    color: #fff;
    position: absolute;
    bottom: 0.8rem;
    display: grid;
    gap: 0.4rem;
    max-width: calc(100% - 1.4rem);
}

    .p-db-blog-atri-cont p {
        margin-bottom: 0;
        font-size: var(--base-font-size-xxs);
        line-height: 1.5;
    }

    .p-db-blog-atri-cont .p-icon {
        stroke: #fff;
    }

/*
.package-full .p-db-blog-atri {
    display: none;
}*/

.p-events-card.p-upcom-birth h6 {
    margin-bottom: 0;
    font-size: var(--base-font-size);
}

.p-upcom-birth p {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxs) * 0.95);
}


.p-book-chat-ab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.p-db-data-count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.p-db-data-count-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 1rem;
    width: 100%;
}

    .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg)* 0.75);
        color: var(--primary-color);
        line-height: 1.3;
        display: inline-block;
    }

.p-ev-it-cont h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    --max-lines: 1;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
}

.p-ev-it-cont p,
.one-line-clamp,
.two-line-clamp,
.four-line-clamp,
.p-color-pri {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    --max-lines: 2;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
}

.one-line-clamp {
    -webkit-line-clamp: 1;
    --max-lines: 1;
}

.two-line-clamp {
    -webkit-line-clamp: 2;
    --max-lines: 2;
}

.four-line-clamp {
    -webkit-line-clamp: 4;
    --max-lines: 4;
}

.one-line-clamp-url {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: break-word;
}

.p-db-grid-cont .ph-default-link {
    color: var(--primary-color)
}

.mental-health-package .p-db-blogs, .mental-health-package .p-db-ebooks {
    margin-top: calc(var(--default-gap) * -1);
}

.p-cont-watching-widget {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 0.8rem;
}

.p-con-wath-thum {
    width: 15.2em;
    height: 100%;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
}

.loading-skeleton .p-con-wath-thum {
    height: 100%;
}

.p-con-wath-thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


@media(max-width: 1600px) {
    .p-db-seperator {
        min-height: 3em;
    }

    .p-db-grid-cont {
        grid-template-columns: repeat(8, 1fr) repeat(4, 4.4em);
    }

    .daily-affirmation-para {
        font-size: calc(var(--base-font-size-h2) * 0.8);
    }

    .p-con-wath-thum {
        width: 13.5em;
    }

    .p-con-wath-cont p, .nd-oc-course-desc {
        font-size: .76rem;
    }

    .p-con-wath-cont h5 {
        font-size: 0.84rem;
    }

    .p-con-wath-thum .ph-default-tag-label {
        padding: 0.3rem 0.4rem;
        font-size: 0.6rem;
    }

    .p-con-wath-thum .p-tag--pabs-tl {
        top: 0.4rem;
        right: 0.4rem;
    }
}

@media(max-width: 1400px) {
    .p-con-wath-thum {
        width: 13em;
    }

    .p-con-wath-cont p {
        font-size: 0.71rem;
        line-height: 1.4;
    }

    .p-tag--pabs-tl {
        position: absolute;
        top: 0.4rem;
        left: 0.4rem;
        font-size: 0.65rem;
    }

    span.nd-read-more {
        font-size: 0.7rem;
    }

    .p-con-wath-cont > h5 {
        font-size: 0.8rem;
    }
}

@media(max-width: 1300px) {
    .p-db-data-count {
        min-height: 9.5rem;
    }

    .p-cont-watching-widget {
        grid-template-columns: 1fr;
    }

    .p-con-wath-thum {
        width: 100%;
        height: 7.2rem;
    }

    .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg) * 0.95);
    }

    .p-banner-stats {
        padding-top: 0.6rem;
    }
}

@media(max-width: 1024px) {
    .mental-health-package .p-db-blogs, .mental-health-package .p-db-ebooks {
        margin-top: calc(var(--default-gap) * -2);
    }
}

@media(max-width: 1000px) {
    .p-db-grid-cont {
        grid-template-columns: repeat(12, 1fr);
    }

    .p-db-grid-cont {
        grid-template-areas:
            "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner"
            "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
            "p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
            "p-db-box-1 p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-box-4"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-blog p-db-blog p-db-blog p-db-blog"
            "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
    }

    /*GRID FOR MENTAL HEALTH*/
    .package-mental-health .p-db-grid-cont {
        grid-template-areas:
            "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner"
            "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
            "p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
            "p-db-box-1 p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-box-4"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
            "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-blog p-db-blog p-db-blog p-db-blog "
    }

    .p-banner-stats {
        align-items: center;
        justify-content: center;
        padding-top: 0.6rem;
        padding-bottom: 1rem;
    }

    .p-bp-gr-leg {
        gap: 0.65rem 1.7rem;
    }

    .p-bp-gr-leg {
        grid-template-columns: repeat(3, auto);
    }
}


@media(max-width: 991px) {
    .mental-health-package .p-db-blogs, .mental-health-package .p-db-ebooks {
        margin-top: 0;
    }

    .nd-blog-bg-img1 {
        margin-bottom: var(--default-gap);
    }
}



@media(max-width: 991.98px) {

    .feedback-emoji-wrapper {
        max-width: calc(100% - 4rem);
    }

    .daily-aff-wrapper {
        min-height: 10rem;
    }

    .p-db-seperator {
        min-height: 6em;
    }
}

@media(max-width: 576px) {
    .p-db-upcoming-events .p-nd-upd,
    .p-db-upcom-bday .p-nd-upd {
        min-height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: initial;
        transform: none;
    }

    .p-db-blog-atri {
        min-height: 230px;
        background-position: center;
    }
}
/*dashboard css ends here*/

.p-ev-it-mdt {
    --p-even-dt-box-wh: 5rem;
    width: var(--p-even-dt-box-wh);
    height: var(--p-even-dt-box-wh);
    display: flex;
    flex-direction: column;
    color: var(--theme-primary-color);
    justify-content: space-between;
    text-align: center;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    padding: 0.35rem;
    flex-shrink: 0;
}

    .p-ev-it-mdt > * {
        flex: 0 0 auto;
    }

.p-events-item {
    display: flex;
    align-items: flex-start;
    gap: 0.88rem;
    height: 100%;
}

.p-upcom-birth .p-events-item {
    align-items: center;
}

.p-ev-it-mdt small,
.p-ev-it-mdt label {
    /*text-transform: uppercase;*/
    font-weight: 300;
}

.p-ev-it-mdt small {
    font-size: calc(var(--base-font-size-xxs) * 0.75);
    font-weight: 500;
}

.p-ev-it-mdt label {
    font-size: calc(var(--base-font-size-h2) * 1.65);
    line-height: 0.9;
}

/*.p-ev-it-cont small {
    text-transform: uppercase;
}*/

.p-events-card.loading-skeleton .p-ev-it-mdt small,
.p-events-card.loading-skeleton .p-ev-it-mdt label {
    background: transparent;
}

.p-events-card,
.p-db-cgp-mw {
    display: grid;
    align-items: center;
    gap: 1.1rem;
}

.p-side-content-sb .p-events-card,
.p-side-content-sb .p-db-cgp-mw {
    width: 100%;
}

.p-db-grid-cont .p-events-card,
.p-db-cgp-mw {
    gap: 0.75rem;
}

    .p-events-card hr,
    .p-db-cgp-mw hr {
        height: 1px;
        width: 100%;
        background-color: var(--primary-border-color);
        margin: 0;
    }

.p-ev-it-cont {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-top: -0.2em;
    gap: 0.055rem;
}

    .p-ev-it-cont h6 {
        font-size: var(--base-font-size-xxs);
        line-height: 1.3;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .p-ev-it-cont small {
        /*text-transform: uppercase;*/
        font-size: calc(var(--base-font-size-xxs) * 0.95);
    }

#upcmoningEventsDiv .p-ev-it-cont {
    justify-content: space-between;
    margin-top: 0;
    height: 100%;
}

.bg-darkBlue {
    background-color: var(--theme-secondary-color);
}

.bg-lightBlue {
    background-color: var(--light-blue-dark)
}

.bg-lightSalmon {
    background-color: var(--light-blue-dark)
}

.bg-tealGreen {
    background-color: var(--tealGreen)
}

.p-events-card > hr:last-of-type,
.p-db-cgp-mw > hr:last-of-type {
    display: none;
}

.loading-skeleton .p-ev-it-cont {
    flex-grow: 1;
    gap: 0.5rem;
}

.loading-skeleton .p-ev-it-mdt {
    overflow: hidden;
    position: relative;
    padding: 0;
}

.loading-skeleton .p-ev-it-cont small {
    width: 100%;
    max-width: 10em;
}

.loading-skeleton .p-ev-it-cont h6 {
    width: 100%;
    max-width: 85%;
    min-height: initial;
}

.see-ph-link {
    text-align: center;
}

.fo-cols-widget {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: flex-start;
}

.p-db-time-off .p-ev-it-cont h6 {
    min-height: initial;
}

.p-db-goal-progress .p-db-cgp-mw h6 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--base-font-size-xxs);
    font-weight: 600;
    margin-bottom: 0;
    justify-content: space-between;
}

/*.p-db-goal-progress .p-db-cgp-mw h6 span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 10em;
    flex: 1;
}*/

.p-db-time-off .p-ev-it-cont p {
    font-weight: 600;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.p-generic-tag.p-generic-tag-sm {
    padding: 0.38rem 0.55rem;
    border-radius: calc(var(--border-radius-default) * 0.6);
    font-size: calc(var(--base-font-size-xs) * 0.85);
    min-width: 5rem;
    text-align: center;
}

.p-db-cgp-mw .p-progress-def {
    margin-bottom: 0.12rem;
}

.p-db-cgp-head {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.36rem;
    gap: 0.12rem;
}

.p-btn-sm-lb.pl-event-joined {
    background-color: var(--btn-light-bg);
    color: var(--disabled-text-color);
    border-color: var(--disabled-border-color);
}

button:not(:disabled).p-btn-sm-lb.pl-event-joined {
    cursor: not-allowed !important;
    pointer-events: none;
}

.p-btn-sm-lb.p-btn-disabled {
    background-color: var(--disabled-color) !important;
    border-color: transparent !important;
    color: #fff !important;
    cursor: default !important;
}

.p-db-cgp-head small {
    color: var(--on-primary-color);
    font-size: calc(var(--base-font-size-xxs) * 0.95);
}

.p-con-wath-cont p,
.nd-oc-course-desc {
    margin-bottom: 0;
    font-size: var(--base-font-size-sm);
    line-height: 1.4;
}

.p-db-oc-imgw {
    position: relative;
}

.p-db-oc-imgw-inn img {
    width: 100%;
    height: 15.5em;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.p-sl-cgp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .p-sl-cgp .p-generic-tag {
        width: 77px;
        height: 24px;
    }

    .p-sl-cgp p {
        width: 100%;
    }

@media(min-width: 1500px) {
    .p-db-oc-imgw-inn img {
        height: 16em;
    }
}

@media(min-width: 1600px) {
    .p-db-oc-imgw-inn img {
        height: 18em;
    }
}

@media(min-width: 1800px) {
    .p-db-oc-imgw-inn img {
        height: 19em;
    }

    /*    .minimise-on-pin .nav_bg_title_logo {
        left: 115px !important;
    }*/
}

.p-db-oc-cw {
    padding: var(--dash-card-padd);
}

.p-db-main-head {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    color: var(--primary-color);
}

.p-db-oc-cw-iw h5 {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
}

.p-db-oc-tt .p-icon {
    stroke: var(--primary-color)
}

.p-db-oc-iw {
    display: grid;
    grid-template-rows: auto 1fr max-content;
    height: 100%;
}

.p-db-oc-tt {
    padding: var(--dash-card-padd);
}

    .p-db-oc-tt label {
        color: var(--primary-color);
        font-size: var(--base-font-size-xs);
    }

label#courseDuration {
    position: relative;
    top: 1px;
}

.p-db-oc-tt .p-icon-sm {
    width: 1.05rem;
    height: 1.05rem;
}

.p-db-oc-cw-iw .p-generic-tag {
    flex-shrink: 0;
}

.p-db-on-cr {
    min-height: 31.5em;
}

.loading-skeleton .p-con-wath-cont h4 {
    max-width: 3.5em;
}

.loading-skeleton .p-con-wath-cont p {
    margin-bottom: 0.75rem
}

    .loading-skeleton .p-con-wath-cont p:last-of-type {
        max-width: 45%;
    }

@media(max-width: 1600px) {
    .p-ev-it-mdt {
        --p-even-dt-box-wh: 4.3rem;
    }

        .p-ev-it-mdt label {
            font-size: calc(var(--base-font-size-h2) * 1.35);
        }

    .p-events-item {
        gap: 0.68rem;
    }

    .p-db-grid-cont .ph-card {
        padding-top: 2.65rem;
    }
}

@media(max-width: 680px) {
    .p-db-grid-cont {
        display: flex;
        flex-direction: column;
        margin-top: var(--default-gap);
    }

    .p-bp-grid {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        gap: 7.2rem;
    }

    .profile-main-container .p-bp-grid {
        gap: 10.5rem;
    }

    .p-mpc {
        margin-top: var(--default-gap);
    }
}

@media(max-width: 576px) {


    .p-db-grid-cont > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .p-cont-watching-widget {
        grid-template-columns: auto;
    }

    .daily-aff-wrapper {
        min-height: 15em;
    }

    .mood-inner-boxes,
    .p-db-mt-gr-wr {
        min-height: 22em;
    }

    .p-db-mtr {
        min-height: 26.5em;
    }

    .p-banner-stats {
        grid-template-columns: auto;
        gap: 1.5rem;
    }

    .p-bp-gr-leg {
        display: flex;
        gap: 0.35rem 0.85rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .p-feat-legends-items label {
        font-size: calc(var(--base-font-size-xs));
    }

    .p-feat-legends-items {
        gap: 0.45rem;
    }

    .nd-upcoming-div-main-wrapper {
        padding-top: 1.2rem;
    }

    .p-con-wath-thum {
        width: 100%;
        height: 10rem;
    }
}


/*css for trustline starts here*/

.p-fp-content {
    height: 100%;
}

.trustline-card {
}

.p-tl-box {
    text-align: center;
    border-radius: var(--bs-border-radius);
    padding: var(--box-padding);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 24rem;
    max-width: 30rem;
    width: 100%;
    overflow: hidden;
}


svg.p-tl-bl {
    width: 3.0875rem;
    height: 3.0875rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-top: -2.2rem;
}

.p-tl-box.p-tl-case-pp {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.p-tl-case-pp svg.p-tl-bl {
    margin-top: 0;
}

.p-lbl-ii {
    display: flex !important;
    align-items: center;
    gap: 0.25rem;
}

    .p-lbl-ii .p-icon {
        position: relative;
        top: 0;
    }

.p-tl-box h6 {
    font-size: var(--base-font-size-lg);
    line-height: 1.4;
}

.p-tl-case-cta-w {
    display: grid;
    gap: 0.5rem;
}

    .p-tl-case-cta-w span {
        margin-top: 0.4rem;
    }

.p-tl-im svg {
    width: 1.8rem;
    height: 1.8rem;
    stroke: var(--primary-color);
    cursor: pointer;
}


html[color-mode="dark"] .p-tl-im svg {
    stroke: #173571;
}

.p-tl-ud .p-upload-input {
    min-height: 8rem;
}

.p-grid-link {
    color: #007bff;
    cursor: pointer;
}

.p-cn-input {
    max-width: 250px;
    margin: 2.3rem auto;
}

.p-cd-textarea {
    min-height: 15rem;
}

.p-txt-underline {
    text-decoration: underline;
}

.p-case-subb {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    align-items: center;
    min-height: 10rem;
    margin-top: 0.6rem;
}

.p-fp-content.p-chat-def .webchat-load-msg-main-wrapper {
    max-width: 42em;
}

.p-fp-content .p-tl-chat-ia-w {
    padding: 0.8rem;
    background: var(--theme-secondary-color);
    border: 1px solid var(--primary-border-color);
    border-top: 0;
}

.p-fp-content.p-chat-def .main-message-wrapper {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    border-bottom: 0;
}

.p-fp-content.p-chat-def .chat-profile-img-wrapper {
    width: 2.2rem;
    text-align: center;
}

.p-fp-content.p-chat-def .emojionearea-button {
    display: none !important;
}

.p-fp-content.p-chat-def .p-tl-chat-ia .emojionearea .emojionearea-editor {
    padding-right: 3.5rem;
}

.p-fp-content.p-chat-def .p-tl-imsg {
    padding: 0.75rem 0.85rem;
    background-color: var(--chat-dark-bg-2);
    margin: 0;
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
}

.tl-sys-msg-mw {
    display: flex;
    justify-content: center;
}

    .tl-sys-msg-mw .tl-sys-msg span.chatbot-bubble {
        font-weight: 400;
        font-size: calc(var(--base-font-size-xs) * 0.92);
        text-align: center;
        color: var(--on-primary-color);
        line-height: 1.25;
    }

    .tl-sys-msg-mw .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper {
        background-color: var(--bg-default);
        border-radius: var(--bs-border-radius);
        padding: 0.55rem 0.55rem 0.6rem;
        border: none;
        text-align: center;
        color: var(--on-primary-color) !important;
    }

.tl-sys-msg {
    line-height: 1;
}

.p-fp-content.p-chat-def .tl-sys-msg-mw .webchat-load-msg-main-wrapper {
    max-width: 70%;
}

.p-switch-lwi .icon.ni-info {
    display: inline-block;
    margin-top: 0.45rem;
}

.pos-tt-txt-area {
    position: absolute;
    left: 0.8rem;
    top: 0.4rem;
}

.inbox-table-row, .chatbot-user-request-list-item {
    margin-bottom: 0.6rem;
}

.side-msg-list-inner-wrapper {
    border-right: 1px solid var(--primary-border-color);
}
/*css for trustline ends here*/

/*css for reiew page people sh*/

.start-review-banner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: var(--box-padding);
}

    .start-review-banner p {
        font-size: var(--base-font-size-lg);
    }

.pso-form-wrapperDiv {
    height: calc(100vh - 13rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    max-height: 27rem;
}

.grid-rating-star {
    cursor: pointer;
}

/*css for meditation and course page starts here*/
.p-grid-mc-inner,
.p-grid-course-inner {
    display: grid;
    grid-template-columns: var(--default-sidebar-width) 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: var(--default-gap);
}

.p-glg-col-video {
    grid-area: p-cm-v;
}

.p-glg-col-video-det {
    grid-area: p-cm-vd;
}

.p-glg-col-sb {
    grid-area: p-cm-sb;
}

.p-grid-mc-inner {
    grid-template-areas:
        "p-cm-sb p-cm-v"
        "p-cm-sb p-cm-vd";
}

/*courses inner*/

.p-grid-course-inner {
    grid-template-columns: var(--default-sidebar-width) 1fr;
}

.p-gci-lsb {
    grid-area: p-gci-lsb;
}

.p-gci-mc-vid {
    grid-area: p-gci-mc-vid;
}

.p-gci-mc-vid-cont {
    grid-area: p-gci-mc-vid-cont;
}

.p-grid-course-inner {
    grid-template-areas:
        "p-gci-lsb p-gci-mc-vid"
        "p-gci-lsb p-gci-mc-vid-cont";
}

.pgm-data-title h2 {
    font-size: var(--base-font-size-h2);
}

.p-sb-mw-head {
    margin-bottom: 0;
    padding-bottom: 1.9rem;
    background-color: transparent;
    z-index: 1000;
    position: relative;
}

.bck-to-mc {
    transition: all 0.5s;
    z-index: 99;
    justify-self: flex-start;
}

.p-mc-title-top {
    display: grid;
    grid-template-columns: 0.3fr 1fr 0.3fr;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    text-align: center;
    padding: 0.85rem;
}

.p-mc-title-head {
    font-size: calc(var(--base-font-size-h3) * 1.1);
    text-shadow: 0px 1px 2px rgb(0 0 0 / 60%);
    color: #fff;
}

.p-mc-title-top .p-save-tag-wrap .ni.icon {
    font-size: 1.15rem;
    color: var(--white-color);
    text-shadow: 0px 1px 2px rgb(0 0 0 / 35%);
}

.p-mc-title-top svg {
    stroke: #fff;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    stroke-width: 2px;
}

.p-mc-title-top .like-save-wrapper {
    justify-content: flex-end;
}

/*css for meditation and course page ends here*/
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.add-new-policy label.col-form-label {
    padding-top: 0;
}


.disbaled-emoji {
    opacity: 0.7;
    filter: grayscale(100%);
}

.ins-emoji-sl .skeleton-img {
    width: 2.065rem;
    height: 2.065rem;
    border-radius: 50%;
    margin-bottom: 0;
    border: none;
}

.ins-lbl-sl-inn {
    width: 1.8rem;
    height: 0.65rem;
}

.ins-emoji-sl.loading-skeleton .skeleton-img::after,
.loading-skeleton .ins-lbl-sl-inn {
    --skeleton-color-1: #e1eaf4;
    --skeleton-color-2: #cad3de;
}

.p-cus-ds-mw {
    position: sticky;
    top: 0px;
    background-color: var(--chat-dark-bg-2);
    padding: 0.55rem;
    margin-top: -2px;
}

input.dropdown-search {
    display: block;
    height: calc(1.5em + 0.75rem + 0.525em);
    padding: .375rem 0.8rem;
}

    input.dropdown-search::placeholder,
    .p-q-add input::placeholder,
    .pso-add-question input::placeholder,
    .delete-conf-iw::placeholder,
    .ch-filter-search input::placeholder,
    input.p-show-ph::placeholder,
    textarea.p-show-ph::placeholder {
        opacity: 1;
        visibility: visible;
    }

.msg-count label.dash-side-msg-count-label {
    position: initial;
}

.js-open-sw {
    display: none;
}

.p-sw-link {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    position: relative;
    gap: 0.3rem;
    color: var(--primary-color);
    font-weight: 500;
    padding: 0;
}

    .p-sw-link svg {
        stroke: var(--primary-color);
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
    }


/*css for moodtracker new sh*/
.p-mt-fb .featured-banner-grid {
    align-content: flex-start;
}

.p-mt-fb .feedback-emoji-wrapper {
    max-width: calc(100% - 4rem);
}

.p-mt-fb .fbg-cols {
    position: relative;
    display: block;
}

.p-amr-txt {
    margin-top: 1.4rem;
    width: 100%;
}

    .p-amr-txt h1 {
        font-weight: 700;
        font-size: 4.2rem;
        margin-bottom: 0;
    }

    .p-amr-txt.loading-skeleton h1 {
        min-height: 5rem;
        max-width: 4.5em;
        border-radius: 0.45rem !important;
    }

.mt-rcol::before {
    content: '';
    position: absolute;
    left: -3rem;
    transform: translateY(-50%);
    top: 50%;
    width: 1px;
    height: calc(100% + calc(var(--box-padding) * 2));
    background-color: var(--primary-border-color);
}

.p-mood-inner-boxes {
    flex: 1;
}

.p-fb-mt-emj {
    min-height: 8.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mts-gmw-boxes {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 31em;
    height: 100%;
}

.mt-emj {
    min-height: 31em;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mt-emj > * {
        flex: 0 0 auto;
    }

.mts-modal .modal-dialog {
    max-width: 900px;
}

.mts-gmw-boxes h3.ph-3 {
    font-size: calc(var(--base-font-size-h1) * 1.2);
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0 !important;
}

.mts-gmw-boxes .mood-track-step-feeling {
    max-width: 42em;
    margin: 0 auto;
}

.mts-gmw-boxes .mood-track-step-feeling {
    gap: 1rem 1.4rem;
}

    .mts-gmw-boxes .mood-track-step-feeling span {
        padding: 0.5rem 1.25rem;
        font-size: var(--base-font-size-xl);
    }

.mts-ta .main-wrapper-mood-track-step {
    max-width: 50em;
    margin: 0 auto;
}

.mts-ta textarea.form-control {
    min-height: 13.5rem;
    width: 100%;
}

.mts-ta textarea::placeholder {
    opacity: 1;
    visibility: visible;
}

.mt-emj > * {
    flex: 1;
}

.mood-history-report {
    margin-left: -4px;
}

.mts-gmw .main-message-wrapper {
    min-height: 31em;
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.p-mt-hw-stb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.4rem;
}

.p-fl-al .form-group label {
    padding-left: 0.125rem;
}

@media (max-width: 1200px) {
    .p-mt-fb .featured-banner-grid {
        grid-template-columns: auto auto;
    }

    .p-mt-fb .feedback-emoji-wrapper {
        max-width: 500px;
    }

    .p-amr-txt {
        margin-top: 1rem;
        width: 100%;
    }

        .p-amr-txt h1 {
            font-size: 3.5rem;
            margin-bottom: 0;
        }

    .feature-event-main-wrapper .pos-cen {
        position: static;
        transform: none;
    }

    .feature-event-main-wrapper .p-no-data {
        min-height: 250px !important;
    }
}

@media (max-width: 991px) {
    .feedback .emojis-wrapper:not(:last-child) {
        margin-right: 0;
    }

    .p-mt-fb .featured-banner-grid {
        grid-template-columns: auto;
    }

    .mt-rcol::before {
        display: none;
    }

    .p-amr-txt {
        margin-top: 1rem;
        width: 100%;
        position: initial;
        transform: none;
    }

        .p-amr-txt h1 {
            font-size: 4rem;
            text-align: center;
        }

    .p-mt-hw-stb {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .p-amr-txt h1 {
        font-size: 3.6rem;
        margin-bottom: 0;
    }

    .mood-track-step-feeling {
        margin: 12px 0;
        gap: 0.5rem 0.55rem;
    }

        .mood-track-step-feeling span {
            font-size: var(--base-font-size-xxs);
        }

        .mood-track-step-feeling span {
            padding: 0.4rem 0.75rem;
        }

    .feedback-emoji-wrapper {
        max-width: calc(100% - 1rem);
    }
}

/*css for moodtracker new eh*/
/*right side widget open in mobile view sh*/
@media (max-width: 1024px) {
    .p-sw-btn-df {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .js-open-sw {
        display: flex;
    }

    .js-sw {
        width: var(--default-sidebar-width);
        position: fixed;
        right: calc(var(--default-sidebar-width) * -1);
        top: 0;
        height: 100%;
        background-color: #f1f1f1;
        transition: 0.5s;
        z-index: 2500 !important;
    }

        .js-sw.active {
            right: 0;
        }

    .body-overlay {
        overflow: hidden;
    }

        .body-overlay::after {
            overflow: hidden;
            position: fixed;
            width: 100%;
            height: 100% !important;
            top: 0;
            left: 0;
            background-color: rgb(10 30 68 / 64%);
            z-index: 2400;
            content: '';
        }

    .cw-scroll {
        height: calc(100vh - 57px);
    }

    .js-sw .ph-3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .btn-close-sw svg {
        width: 1.4rem;
        height: 1.4rem;
        display: inline-block;
        stroke: var(--primary-color);
    }

    .btn-close-sw {
        border: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .p-defautlt-navs .nav-pills .nav-link.active {
        border: none;
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        border-radius: calc(var(--border-radius-default) * 0.6);
        color: var(--primary-color);
    }

    .p-defautlt-navs .tabsNavActiveBg {
        display: none;
    }

    .p-defautlt-navs .nav-pills .nav-link {
        padding: 0.55rem 1rem;
    }

    .to-tabs.p-defautlt-navs .nav-pills {
        gap: 0.8rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: -0.7rem;
        padding-bottom: 0.6rem;
    }

    .pg-grid-layout-reverse .pg-grid-layout-left {
        flex: 1;
        max-width: 100%;
    }
}

@media(max-width: 991px) {


    .campaigns-calender .dx-scheduler-navigator, .time-off-calender .dx-scheduler-navigator {
        min-width: 18.5em;
    }

    .ch-filter-wrapper {
        flex-direction: column;
        gap: 1.1rem;
        align-items: flex-start;
    }

        .ch-filter-wrapper .js-open-sw {
            align-self: flex-end;
        }

    .ch-filter-action {
        width: 100%;
    }

    .ch-filter-wrapper element.style {
        align-self: flex-end;
    }
    /*res for grid main sh*/
    .p-dg-cl {
        grid-template-columns: auto;
    }

    .p-thera-pro-wrap {
        max-width: 100%;
    }
    /*res for grid main eh*/


    /*res for timeline UI sh*/
    .pso-grid-wrapper {
        grid-template-columns: auto;
        gap: 1rem;
    }

    .pso-timeline-list {
        flex-direction: initial;
        flex-wrap: wrap;
        gap: 1.05rem calc(var(--timeline-ver-gap) * 0.6);
    }

    .pso-timeline-item {
        position: relative;
    }

    .pso-circle::after {
        display: none;
    }

    .pso-timeline-item:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -1.55rem;
        transform: translateY(-50%);
        top: 50%;
        height: 0.1875rem;
        background-color: var(--input-border-1);
        width: 1rem;
        border-radius: var(--bs-border-radius);
    }

    .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
        background-color: var(--secondary-color);
    }

    .pso-timeline-item {
        gap: 0.6rem;
    }

    .p-ss-h100 > div {
        padding: 0;
    }

    .p-tabs-mh {
        min-height: initial;
    }
    /*res for timeline UI eh*/

    /*res for legends and graph UI sh*/
    .p-feat-piechart-wrapper {
        gap: 1.1rem;
        justify-content: center;
        flex-direction: column;
    }

    .p-feat-legends {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.45rem 1.3rem;
    }
    /*res for legends UI eh*/
    .p-dx-search-left {
        margin-top: 1.3rem;
    }

    .p-events-card, .p-db-cgp-mw {
        width: 100%;
    }

    .smily-gif-wrapper {
        margin-left: 0;
    }

    .p-th-banner {
        grid-template-columns: auto;
    }

    .div-therapy, .div-coach {
        border-radius: calc(var(--bs-border-radius) * 0.55);
    }

    .p-thc-grid-mw {
        display: flex;
        flex-direction: column;
    }

    .gp-content .nd-doctor-name {
        white-space: nowrap;
    }

    .p-dx-search-left .dx-datagrid-header-panel .dx-toolbar {
        margin-bottom: 1.5rem;
        padding-left: 1rem;
    }

    .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
        padding-right: 15px;
    }

    /*generic css changes sh*/
    .play-btn-video {
        opacity: 1;
        visibility: visible;
    }

    .p-banner-profile .ph-card {
        min-height: 150px;
    }
    /*generic css changes eh*/
    /*profile css changes sh*/
    .p-head-btn-sb {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.8rem;
    }
    /*profile css changes eh*/

    .pso-action-btns {
        gap: 1.5rem;
    }

    .ono-meeting-details {
        flex-direction: column;
    }

    .p-read-only-txt-cent {
        margin-top: 0.2rem;
    }

    .event-cal-wrapper .ph-3 {
        margin-bottom: 0;
    }

    .p-vf-rc {
        justify-content: flex-end;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 1;
    }

    .p-vf-head {
        grid-template-columns: auto auto;
        gap: 0.8rem;
    }
}

@media(max-width: 576px) {
    /*res for timeline UI sh*/
    .tfc-thumbnail-profile img {
        height: 206px;
    }

    .ch-filter-search {
        align-items: flex-start;
        gap: 1.1rem;
        flex-direction: column;
    }

        .ch-filter-wrapper .p-search-input,
        .btn-slect-dropdown-wli,
        .btn-slect-dropdown-wli .p-add-btn,
        .p-search-input-icon-left input,
        .ch-filter-search > form {
            max-width: 100%;
            width: 100%;
        }

    .p-defautlt-navs .nav {
        gap: 0.25rem;
    }

    .ch-filter-wrapper:has(.cirlce-icon-align-search) .p-search-input {
        max-width: calc(100% - 3.5rem);
    }

    #pills-admin-Review .cirlce-icon-align-search {
        left: calc(100% - 2.5rem);
    }

    /*res for timeline UI eh*/
    .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-datagrid-search-panel,
    .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
        width: 100% !important;
        max-width: 100%;
        min-width: 100%;
    }

    .js-sw {
        width: 100% !important;
        right: -100%;
        max-width: initial !important;
    }

    .tfc-profile {
        --feature-img-h: initial;
    }
}
/*right side widget open in mobile view eh*/

.document-pic-parc {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.import-field-mw td.sheetName {
    background-color: #f8fbfd;
}

td.statusIconCell {
    text-align: center;
    line-height: 1;
}

.p-icon.p-im-stop {
    stroke: var(--red-color);
}

.p-icon.p-im-check {
    stroke: var(--green-color);
}

.report-data-con-modal {
    max-height: calc(100vh - 11rem);
}

/*.report-data-con-tl {
    height: 440px;
}


@media(min-width: 1600px ) {
    .report-data-con-tl {
        height: 490px;
    }
}

@media(min-width: 1800px ) {
    .report-data-con-tl {
        height: 570px;
    }
}


@media(max-width: 1400px ) {
    .report-data-con-tl {
        height: 400px;
    }
}*/

/*.file-delete svg.p-grid-icon {
    stroke: var(--on-primary-color);
}*/

.file-delete {
    line-height: 1;
}

.p-upload-fnd {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--primary-color);
    justify-content: space-between;
    font-weight: 500;
    word-break: break-all;
}

    .p-upload-fnd:not(:last-child) {
        margin-bottom: 0.35rem;
    }

th.p-def-tab-actn-btn {
    text-align: center !important;
    max-width: 90px;
    width: 90px;
}

.p-ts-general .admin-loader-loading-text,
.p-ts-ono .admin-loader-loading-text,
.p-ts-email .admin-loader-loading-text {
    top: 50%;
}

#div-score-by-category {
    height: 260px;
}

@media(max-width: 1000px) {
    .p-chat-area .p-tl-chat-ia {
        width: 100%;
        flex: 1;
    }

    .p-tl-imsg {
        margin-bottom: 0;
    }

    .show-live-type-status {
        left: 1.8rem;
        top: -1.5rem;
    }

    .content-wrapper.inbox-content-section {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
    }

    .inbox-content-section .hc-msg-modified,
    .inbox-content-section .inbox,
    .inbox-content-section .w-100p,
    .inbox-content-section .p-chat-def .msger-new {
        height: 100% !important;
        min-height: initial;
    }

    .inbox-content-section .msger-header-new {
        margin-top: 0;
    }

    .layout-navbar-fixed .wrapper .content-wrapper.inbox-content-section {
        padding-top: var(--nav-min-height) !important;
        margin-top: 0;
    }

    .inbox-content-section .p-chat-def .msger-new {
        position: initial;
    }

    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        bottom: 5rem !important;
    }

    .p-tl-chat-ia .emojionearea .emojionearea-button {
        right: 3.4rem !important;
    }

    .p-tl-chat-ia-w, .p-chat-def .msger-header-new {
        padding: calc(var(--chat-def-padding) * 0.25) calc(var(--chat-def-padding) * 0.5);
    }

    .p-chat-def main.msger-chat {
        padding: calc(var(--chat-def-padding) * 0.5);
    }
}

@media(max-width: 767px) {
    .chat-filter-therapist-action-btns {
        max-width: initial !important;
    }
}

.input-validation-error-custom,
.form-group .select2-container--default .select2-selection--multiple.input-validation-error-custom {
    border: 1px solid var(--red-color) !important
}

.p-sticky-top {
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: var(--chat-dark-bg-2);
}

.p-cn-cn .form-group.p-sticky-top::before {
    content: '';
    position: absolute;
    top: -27px;
    width: 100%;
    height: 35px;
    background-color: #fff;
    z-index: -1;
}

.p-cn-cn .form-group.p-sticky-top {
    padding-bottom: 1rem;
}

.oci-video-page .p-glg-col-sb .cw-scroll {
    height: 100%;
}

.p-asu-details-mw .p-info-msg {
    margin-bottom: 1.35rem;
    margin-top: -0.5rem;
}

.p-th-banner-cont .hc-default-btn {
    background: var(--chat-dark-bg-2);
    color: var(--theme-primary-color);
    font-weight: 500;
    min-height: initial;
    padding: 0.45rem 0.85rem;
}

.sidebar-generic {
    height: 100%;
    width: var(--sidebar-width);
    position: fixed;
    top: 0;
    right: calc(var(--sidebar-width) * -1); /* Start off-screen to the right */
    background-color: var(--chat-dark-bg-2);
    transition: right 0.8s; /* Transition for sliding effect */
    z-index: 2770;
}

.sidebar-generic-md {
    max-width: 470px;
    right: -470px;
    width: 100%;
}

.sidebar-generic-xl {
    max-width: var(--sidebar-width-lg);
    right: calc(var(--sidebar-width-lg) * -1);
    width: 100%;
}

.sidebar-generic-xxl {
    max-width: var(--sidebar-width-xxl);
    right: -1000px;
    width: 100%;
    max-width: 1000px;
}

/* Keep Publish Changes scrolling inside its grid, between a fixed header/footer. */
.PublishChanges .p-sidebar-gen-mw {
    width: 100%;
    min-width: 0;
}

.PublishChanges .p-sb-gene-header,
.PublishChanges .p-sb-gene-footer-up {
    flex-shrink: 0;
}

.PublishChanges .p-sidebar-gen-mw .p-sb-gene-body {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
}

.PublishChanges .rota-publish-table,
.PublishChanges .publish-container {
    min-width: 0;
}

.sidebar-generic.open {
    right: 0; /* Slide in */
}

.p-sb-gene-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--box-padding)* 0.9) var(--box-padding);
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid var(--p-grey-5);
    background-color: var(--chat-dark-bg-2);
}

.p-sb-gene-body {
    padding: var(--box-padding);
    position: relative;
}

.org-ch-details-item {
    margin-bottom: 1.3rem;
}

    .org-ch-details-item .label-primary {
        margin-bottom: 0.12rem;
        color: var(--primary-color);
        font-weight: 600;
    }

.p-sb-gene-pc > * {
    margin-bottom: 0;
}

.p-sb-gene-pc {
    display: grid;
    margin-top: 0;
    text-align: left;
    gap: 0.1rem;
}

.p-sb-gene-prof {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem;
    align-items: center;
}

.p-sb-gene-pc h5 {
    font-size: calc(var(--base-font-size-h3) * 1.1);
    font-weight: 600;
}

.p-sb-gene-pc .JobTitle {
    display: block;
    font-size: calc(var(--base-font-size-xxl) * 1.015);
    font-weight: 500;
}

.p-sb-gene-pc small {
    font-size: calc(var(--base-font-size-xxs) * 0.92);
}

.org-ch-details-item p {
    color: var(--on-primary-color);
    font-weight: 400;
}

.p-inte-cont-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.p-card-full-details-img-thumb {
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3 )
}

.p-integrations-mw .p-card-full-details-img-thumb svg {
    --integs-icon: 7em;
    max-width: var(--integs-icon);
    width: var(--integs-icon);
    height: auto;
    margin: 0 auto;
    display: block;
}

.p-integrations-mw .p-card-full-details-img-thumb.p-inte-thumb svg {
    --integs-icon: 9.2em;
}

.p-integrations-mw .p-card-full-deatils-data {
    align-self: flex-start;
}

.p-integrations-mw .p-card-full-details-contents:not(:last-child) {
    margin-bottom: var(--box-padding);
}

.p-inte-cont-cta .ph-4 {
    margin-bottom: 0.4rem;
}

.p-sc-cont-w {
    display: grid;
    gap: 0.3rem;
    padding: calc(var(--default-gap) * .5);
    font-size: var(--base-font-size-sm);
}

    .p-sc-cont-w li {
        font-size: var(--base-font-size-sm);
    }

    .p-sc-cont-w > * {
        margin: 0;
    }

    .p-sc-cont-w ul li:not(:last-child) {
        margin-bottom: 0.6rem;
    }

    .p-sc-cont-w p {
        margin-bottom: 0.45rem;
        margin-top: 0.25rem;
    }

.locations-wrapper h3.condition-tag {
    margin-bottom: 1.4rem;
}

.pi-slider-card {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

.p-sc-img-w {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10.5rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-bottom: 0;
    position: relative;
}

    .p-sc-img-w img {
        max-width: 60%;
        margin: 0 auto;
        display: block;
    }

.p-hotl a,
.p-hotl button {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #ffffff;
    padding: 0.32rem 0.9em;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    font-size: 0.72rem;
    border: none;
}

    .p-hotl a svg {
        stroke: #fff;
    }

@media(max-width: 576px) {
    .pi-baner-slider::after {
        display: none;
    }

    .location-items .p-sc-cont-w {
        padding: calc(var(--default-gap) * 0.7);
    }

    .location-items .pi-slider-item {
        max-width: 320px;
    }
}

.p-yellow-btn.p-hotl a {
    background-color: var(--plm-light-yellow);
    color: var(--primary-color);
}

.p-yellow-btn.p-hotl svg {
    stroke: var(--primary-color);
}

.chat-user-image.avatar {
    margin: 0;
}

#btnUserProfileDiv button {
    border: none;
    background-color: transparent;
    padding: 0;
}

    #btnUserProfileDiv button svg {
        stroke: var(--primary-color);
    }

.p-revq-item-txt::first-letter {
    text-transform: capitalize;
    display: inline-block;
}

button#loadMoreBtn {
    margin-top: 1.5rem;
}

.p-checkbox-dd .dx-list-item {
    padding: 0.1rem 0.8rem;
}

.emoji-sl-circle {
    width: 6rem;
    height: 6rem !important;
    display: inline-block;
    border-radius: 50% !important;
}

.p-amr-txt {
    display: flex;
    align-items: center;
    justify-content: center;
}

#avgMoodRating span {
    font-size: 5.7rem;
}

.p-hotlines-mw .pi-slider-card {
    margin-left: 1px;
}

.p-hotlines-mw .p-icon {
    flex-shrink: 0;
}

.p-info-link {
    color: var(--link-color);
}

.pos-rel-t1 {
    position: relative;
    top: 1px;
}

.pos-rel-t2 {
    position: relative;
    top: 2px;
}

.cri-desc-cont {
    min-height: 2.4rem;
}

.p-sc-min-h {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 11.2rem;
}

.p-marketpl-card-mw .p-sc-min-h {
    min-height: 8.2rem;
}

.p-marketpl-card-mw .cri-desc-cont {
    min-height: 6em;
}

.p-ms-time-off {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 16.2rem;
    z-index: 999;
    margin-top: 1px;
}

    .p-ms-time-off .p-input-append {
        position: relative;
        width: 600px;
    }


@media(min-width: 1800px) {
    .p-ms-time-off .p-input-append {
        width: 750px;
    }
}

@media(max-width: 1400px) {
    .p-ms-time-off .p-input-append {
        width: 400px;
    }
}

.p-ms-time-off .p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container,
.p-ms-time-off-sb .p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container {
    padding-right: 2.5rem;
    padding-left: 0.65rem;
    justify-content: flex-start;
}

.p-ms-time-off .p-input-append.p-add-dd.p-dx-msdd .po-user-count,
.p-ms-time-off-sb .p-input-append.p-add-dd.p-dx-msdd .po-user-count {
    right: 1.25rem;
}

.p-ms-dx-input .dx-tag-content {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    justify-content: flex-start;
    font-size: var(--base-font-size-xs);
}

    .p-ms-dx-input .dx-tag-content::before {
        display: none;
    }

.p-ms-dx-input img.tag-img {
    border-radius: 50%;
}

.p-ms-dx-input.p-input-append.p-add-dd .dx-texteditor-input-container {
    background-image: none;
    padding: 0;
}

.p-asu-docs-mw .label-w-info {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    white-space: nowrap;
}

    .p-asu-docs-mw .label-w-info .icon.ni-info {
        top: 0;
    }

.p-asu-docs-mw tr td:nth-child(2) {
    word-break: break-all;
}

/*.p-dx-treeview-rev {
    min-height: 300px;
}*/

.p-para-block {
    margin-bottom: 1.25rem;
}

.p-jobs-banner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 15em;
    padding: var(--box-padding);
}

.p-jobs-logo {
    margin-bottom: 0.6rem;
}

.p-jobs-banner h3.ph-3 {
    margin-bottom: 0.2rem;
}

.p-form-inner-box {
    background-color: var(--bg-default);
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
}

.p-jobs-logo img {
    width: 130px;
    height: auto;
    display: inline-block;
}

.p-jobs-banner p, .p-jobs-banner .ph-default-link {
    line-height: 1.3;
    font-size: var(--base-font-size-sm);
    color: var(--on-primary-color);
}

.p-jobs-logo {
    max-width: 130px;
    height: auto;
    display: inline-block;
}

.p-jobs-tabs-mw {
    background-color: var(--chat-dark-bg-2);
}

    .p-jobs-tabs-mw .ph-card {
        position: sticky;
        top: 0;
        z-index: 1200;
        display: block;
        background-color: var(--chat-dark-bg-2);
    }

    .p-jobs-tabs-mw .to-tabs-content {
        max-width: 720px;
        margin: 0 auto;
        padding: var(--box-padding);
        position: relative;
        z-index: 1;
    }

.link-btn-wi {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: var(--base-font-size);
    font-weight: 400;
}

    .link-btn-wi svg {
        stroke: var(--link-color)
    }

.p-ul-align {
    padding-left: 0.96rem;
}

.p-dot-seperator::before {
    content: "\B7";
    width: 3px;
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0.15rem;
}

.js-jobs-form-container {
    display: none;
    margin-top: 1.2rem;
}

.ph-3.p-head-w-sepe-line {
    position: relative;
    padding-bottom: 0.8rem;
    margin-top: 1.6rem;
    margin-bottom: 1.4rem;
}

    .ph-3.p-head-w-sepe-line::after {
        content: '';
        display: block;
        height: 1px;
        background-color: var(--primary-border-color);
        width: 100%;
        bottom: 0;
        left: 0;
        position: absolute;
    }

.p-btn-sm {
    padding: 0.45rem 0.98rem;
    font-size: var(--base-font-size);
    border-radius: calc(var(--border-radius-default));
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--p-btn-txt);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    gap: 0.5rem;
    min-width: 116px;
}

    .p-btn-sm:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
        color: #fff;
        border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
    }

.p-sf-ques-mw .p-btn-sm {
    min-width: 116px;
    min-height: 36px;
}

.p-sf-ques-mw .loader-new {
    font-size: 1.85px;
}

.p-btn-sm em.icon.ni {
    color: #fff;
}

.p-form-expand-mw {
    margin-bottom: 2.25rem;
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child {
    text-transform: initial !important;
}

.live-past-classes-vid .oci-thumbnails-inner-image {
    background-color: #131315;
}

.live-past-classes-vid .learn-medi-detail-save-icon {
    right: inherit;
    top: initial;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
    bottom: 7.8rem;
    left: 2.1rem;
}

.live-past-classes-vid .lcp-content-head {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: #fff;
}

.live-past-classes-vid .back-to-library.saved-icon {
    left: 33px;
    top: 20px;
}

.live-past-classes-vid .saved-icon em.icon {
    font-size: 17px;
    top: 0.8px;
}


.counter span {
    display: block;
    transition: transform 2s ease-out;
    transform: translateY(100%);
}

.counter.active span {
    transform: translateY(0);
}

.user-fl-n {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    font-family: var(--primary-font);
}

#ViewFileUploadDiv a {
    word-break: break-all;
    line-height: 1.35;
}

    #ViewFileUploadDiv a svg {
        flex-shrink: 0;
    }

.grp-digit-fs {
    font-size: 1.15rem;
    font-weight: 500;
    fill: var(--theme-primary-color);
}

.dx-checkbox-icon {
    border: 1px solid var(--input-border-1) !important;
}

.dx-checkbox-checked span.dx-checkbox-icon {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.dx-checkbox.dx-checkbox-checked.dx-state-hover .dx-checkbox-icon {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: var(--theme-primary-color);
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    color: #fff;
}

.dx-checkbox-icon {
    border-radius: 0.35rem !important;
}

.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
    border-color: var(--input-border-1);
}

.files-icon {
}

.SurveyFormSelfSurveyCreateMode #formStepError {
    align-self: flex-start;
    min-height: 21px;
}

.sfsscm-actn-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.p-sf-ques-mw {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.SurveyFormSelfSurveyCreateMode.p-sf-ques-mw {
    height: calc(100% - 0.5rem);
}

.files-icon {
    width: 100px;
    height: 120px;
}


.p-count-data-mw {
}

.lt-list-date {
}


.p-doc-upload-modal .img-uploder {
    min-height: 20.5rem;
}

.p-btn-add-link {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background-color: transparent;
    border: none;
    color: var(--link-color);
    padding: 0;
}

    .p-btn-add-link em.icon {
        color: var(--link);
        font-size: 0.85rem;
        position: relative;
        top: 0.05em;
    }

@media (min-width: 992px) {
    .p-doc-upload-modal .modal-lg {
        max-width: 770px;
    }
}

.p-count-data-mw .lt-list-date small {
    text-align: left;
    min-width: initial;
}

.p-count-data-mw .lt-list-date .lt-days:last-child,
.p-count-data-mw .lt-days {
    align-items: flex-start;
}

.p-count-data-mw hr {
    margin: 0;
    min-height: 40px;
    width: 1px;
    border: none;
    background-color: var(--primary-border-color);
    line-height: 1.25;
}

.p-count-data-mw .lt-list-date {
    gap: 1rem;
}

.p-count-data-mw .lt-days p {
    margin: 0;
    font-weight: 600;
    font-size: var(--base-font-size-h4);
    color: var(--primary-color);
}

.p-count-data-mw .lt-days span {
    font-weight: 600;
    min-width: 38px;
    text-align: left;
}

.p-count-data-mw .lt-days {
    color: var(--primary-color);
}

.p-count-data-mw .p-progress-def {
    min-width: 125px;
}

.participants-list-wpb .lt-list-date {
    justify-content: flex-end;
    align-items: end;
    display: grid;
    grid-template-columns: repeat(3, auto) 180px;
}

.participants-list-wpb .lt-days p strong {
    font-size: var(--base-font-size-h3);
}

.participants-list-wpb .p-count-data-mw .lt-days p {
    align-self: center;
    line-height: 1.25;
    font-size: var(--base-font-size-xl);
}

.participants-list-wpb .p-count-data-mw .lt-days span {
    font-size: var(--base-font-size-xl);
}

.sf-overall-score {
    align-items: center;
    gap: 1.25rem;
}

.sf-os-2x {
    display: flex;
    width: 100%;
    padding: 1.65rem;
    justify-content: space-around;
    align-items: flex-end;
    gap: 1.25rem;
}

    .sf-os-2x > * {
        flex: 0 0 auto;
    }

    .sf-os-2x hr {
        margin: 0;
        width: 1px;
        height: 5em;
        background-color: var(--primary-border-color);
    }

.p-res-distr {
    display: flex;
    width: 100%;
    min-height: 31px;
    overflow: hidden;
    margin-bottom: 0.5rem;
    border-radius: calc(var(--bs-border-radius)* 0.15);
    border: 1px solid var(--p-grey-5);
    padding: 0.3rem;
}

    .p-res-distr .p-smart-tt:not(:last-child) {
        margin-right: 4px;
    }

    .p-res-distr .p-smart-tt {
        border-radius: calc(var(--bs-border-radius)* 0.45);
    }

.respp-dist-tt-cont h5 {
    font-size: var(--base-font-size-h5);
    font-weight: 600;
    padding-left: 1rem;
    position: relative;
    color: #ffffff;
}

    .respp-dist-tt-cont h5::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0.35rem;
        height: 100%;
        border-radius: 0.1rem;
    }

.respp-dist-tt-cont.resp-negative h5::before {
    background-color: #f2143f;
}

.respp-dist-tt-cont.resp-moderate h5::before {
    background-color: #feb94a;
}

.respp-dist-tt-cont.resp-positive h5::before {
    background-color: #91bf5e;
}

.respp-dist-tt-cont p {
    margin-bottom: 0;
}

.p-list-group-item {
    display: flex;
    gap: 1.8rem;
    font-size: var(--base-font-size-xs);
    font-weight: 400;
    align-items: center;
}

    .p-list-group-item label {
        font-size: var(--base-font-size-xl);
        font-weight: 600;
        color: var(--primary-color);
        position: relative;
        min-width: 33px;
    }

.sur-feed-results .p-list-group-item label::after {
    content: "";
    position: absolute;
    right: -0.95rem;
    top: 50%;
    transform: translateY(-50%);
    height: 17px;
    background-color: var(--primary-color);
    width: 2px;
}

.sur-feed-results .p-list-group-item p {
    font-weight: 500;
    flex-grow: 1;
}

.p-list-group-item:not(:last-child) {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-res-red-zone {
    width: 20%;
    background-color: #f2143f;
}

.p-res-yellow-zone {
    width: 30%;
    background-color: #feb94a;
}

.p-res-green-zone {
    background-color: #91bf5e;
    width: 50%;
}

.sur-feed-results {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--default-gap);
}

    .sur-feed-results .ba-box-shadows,
    .inner-sur-res .ba-box-shadows {
        min-height: 17em;
    }

.p-bck-btn-mw {
    color: var(--primary-color);
}

.inner-sur-res {
    display: grid;
    grid-template-columns: 450px 1fr;
    gap: var(--default-gap);
}

.p-inn-res-distri .p-progress-def {
    font-size: var(--base-font-size-sm);
}

    .p-inn-res-distri .p-progress-def:not(:last-child) {
        margin-bottom: 1.7rem;
    }

.sf-participation .p-progress-def {
    min-width: 180px;
}

.insight-def-label {
    font-size: calc(var(--base-font-size-h1) * 1.325);
    color: var(--primary-color);
    font-weight: 700;
    line-height: 1.2;
}

.p-cur-poi {
    cursor: pointer;
}

.sur-feed-emoji {
    font-size: 2.75rem;
}

.sf-sum-lbl {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin-bottom: 0.15rem;
}

@media(max-width: 1400px) {
    .sur-feed-results .p-icon.p-icon-sm {
        width: 0.98rem;
        height: 0.98rem;
    }
}

.drag-handle {
    cursor: move;
}

    .drag-handle .bi-arrows-move {
        font-size: 0.9rem;
    }

.pgab-icons.dx-button .dx-button-content {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 0.45rem 0.45rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.45;
}

.p-sl-scroll {
    /*    max-height: 500px;*/
    overflow: visible;
    margin-right: -1.25rem;
    padding-right: 0.95rem;
}

.grid-rating-star em.icon {
    font-size: 1.16rem;
}

.hire-left-sc-pos {
    max-height: 100%;
    overflow: auto;
}

.p-def-lay1-left {
    display: flex;
    flex-direction: column;
    flex: 0 0 320px;
    max-width: 320px;
    z-index: 99;
    height: 100%;
}

.p-def-lay1-mw {
    height: calc(100vh - calc(var(--default-container-gap)* 2) - var(--nav-min-height));
}

.hire-main-container .p-def-lay1-mw {
    min-height: 800px;
}

.kanban-content .tab-content {
    /*overflow-x: hidden;*/
    width: 100%;
}

.kanban-content {
    display: flex;
}

.p-def-lay1-left > .ph-card {
    flex: 1;
}

.p-fdc-h100 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.hire-right-kb .tab-content > .active {
    display: flex;
}
/*step timeline full width sh*/
/* 86cbhtnbt: Add/Edit Job stages share one content scroller below the help and stepper. */
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .modal-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .modal-body > .p-idea-note,
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-timeline-list {
    flex: 0 0 auto;
}

:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-grid-wrapper,
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-cols:not(.pso-timeline-list),
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) :is(#setupForm, #setupEditForm),
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-cols > div > form,
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) fieldset.pso-step.step-show,
:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-form-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: auto !important; /* Override the shared h-100 utility on setupEditForm. */
    max-height: none;
}

:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-grid-wrapper {
    align-items: stretch;
}

:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-form-wrapper > .p-ss-h100 {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: auto;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

:is(#onOpenAddNewPositionModel, #onOpenEditPositionModel) .pso-action-btns {
    flex: 0 0 auto;
    position: static;
    margin-left: 0;
    margin-right: 0;
}

/* Add Screening nests its footer in the stage content in the existing Razor.
   Position it against the wrapper and reserve its existing button/padding height. */
#onOpenAddNewPositionModel #addScreeningStep .pso-form-wrapper {
    position: relative;
    padding-bottom: calc(var(--p-btn-min-height) + 1.6rem);
}

#onOpenAddNewPositionModel #addScreeningStep .p-ss-h100 {
    position: static;
}

#onOpenAddNewPositionModel #addScreeningStep .pso-action-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.step-fw-modal .pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 9.3rem);
    max-height: var(--minmax-height-pso);
    height: var(--minmax-height-pso);
}

/*.step-fw-modal .p-ss-h100 {
    width: calc(100% + 1.45rem);
}*/

.step-fw-modal .p-html-editor-lg .dx-htmleditor-content {
    height: calc(100vh - 21.5rem);
    max-height: initial;
}

.p-add-pos-ap {
    height: 100%;
}

.step-fw-modal iframe::-webkit-scrollbar {
    width: 5px; /* for horizontal scrollbars */
    height: 5px; /* for vertical scrollbars */
}

.step-fw-modal iframe::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

.p-dx-ul .dx-texteditor-container {
    align-items: center;
}

.p-dx-ul .dx-tag {
    align-self: center;
    max-width: calc(100% - 0.6rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-dx-ul .userNameDiv {
    max-width: calc(100%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-dx-ul .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
    border: none;
    padding: initial;
    height: initial;
}

.p-dx-ul .dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
    justify-content: flex-start;
    padding-bottom: 0;
}

.p-dx-ul .dx-texteditor-input {
    border: none !important;
}

.p-dx-ul .dx-texteditor-input-container {
    padding-right: 1rem;
    padding-left: 0.55rem;
}

.p-dx-ul .po-user-count {
    right: 0.55rem;
}

.p-add-bord .dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1);
}

.p-help-cent .wb-inner-wrapper {
    --pc-thumb-height: initial;
    border: 1px solid var(--input-border-1);
    min-height: var(--pc-thumb-height);
    box-shadow: 0 2px 6px rgb(20 54 111 / 4%);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    cursor: pointer;
}

.p-hel-cot-item {
    min-width: 210px;
    max-width: 210px;
}

    .p-hel-cot-item .academy-bc h5 {
        font-size: var(--base-font-size-xxs);
        font-weight: 500;
    }

.p-hps-head-mw {
    padding-left: 0.38rem;
}

.sidebar-generic,
.df-fdc-hc {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Keep the Help drawer's videos and filters scrollable within the panel. */
.js-sidebar2.how-to-videos-open > .p-sb-gene-body {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #9ca3af transparent;
}

.js-sidebar2.how-to-videos-open > .p-sb-gene-body::-webkit-scrollbar {
    width: 8px;
}

.js-sidebar2.how-to-videos-open > .p-sb-gene-body::-webkit-scrollbar-thumb {
    background-color: #9ca3af;
    border-radius: 4px;
}

.p-sb-gene-body,
.help-center-mw {
    flex: 1;
}

#msg-side-nav-header-text svg {
    cursor: pointer;
}

.p-sb-gene-footer.text-center {
    padding: 0.7rem 1.2rem;
    background-color: var(--p-grey-2);
    display: flex;
    justify-content: space-between;
    position: sticky;
    bottom: 0;
    margin-left: -1.1rem;
    width: calc(100% + calc(var(--box-padding) * 2));
    z-index: 1200;
}

.p-sb-gene-footer span {
    color: var(--primary-color);
    position: relative;
    top: 0.02rem;
}

.p-help-cent-mw .academy-feat-img {
    --pc-thumb-height: 7.5rem;
}

.msg-side-nav-header-text #backToHelpMenus {
    position: relative;
    top: 0.02em;
}

.p-help-cent-mw .slick-prev,
.p-help-cent-mw .slick-next {
    top: calc(50% - 1.2rem);
}

.p-help-cent-mw:not(:last-child) {
    margin-bottom: 1.2rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.phc-tab-slides-content .ch-filter-wrapper .p-search-input,
.phc-tab-slides-content .btn-slect-dropdown select {
    max-width: 100% !important;
    width: 100%;
}

.phc-tab-slides-content .ch-filter-search {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    flex: 1;
}

.help-center-video-modal .modal-content {
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}

.wb-inner-wrapper::after, .academy-tc::after {
    background-color: transparent;
}

.modal.over-sb {
    z-index: 8888;
}

.p-bg-overlay-over-pp::before {
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px );
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8879;
    transition: all 0.6s;
}

.p-hc-lv-mw {
    height: 112px;
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    height: 110px;
    width: 209px;
}

    .p-hc-lv-mw iframe {
        height: 112px;
        width: 210px;
    }

.p-eve-muted-img-mw svg {
    fill: var(--p-grey-1);
}

.p-eve-card-muted.p-events-card.p-upcom-birth h6,
.p-eve-card-muted .p-ev-it-cont p,
.p-eve-card-muted .p-ev-it-cont small,
.p-eve-muted-img-mw svg,
.p-muted-ma .p-feat-legends-items label,
.p-eve-card-muted .p-ev-it-cont h6,
.muted-txt h5,
.muted-txt label {
    color: var(--on-primary-color);
    opacity: 0.75;
    cursor: default;
}

.muted-txt .tc-content {
    text-align: left;
}

.muted-txt .tc-img-wrapper {
    opacity: .5;
}

.p-muted-graph .p-fb-graph {
    height: 170px;
}

.muted-txt .p-ins-txt {
    text-align: left;
}

.p-muted-ma .p-bp-gr-leg .p-fli-box, .p-eve-card-muted .bg-darkBlue, .p-eve-card-muted .p-btn-sm-lb {
    opacity: 1;
    color: #fff;
}

.p-muted-ma .p-ins-txt {
    color: var(--on-primary-color);
    opacity: 0.85;
    text-align: left;
    font-size: .7rem;
    margin-top: 0.8rem;
    display: flex;
    text-align: left;
    align-self: flex-start;
}

.p-muted-graph {
    padding-bottom: 1.1rem;
}

.p-feat-chart-wrapper .p-inst-pos-abs {
    position: absolute;
    bottom: -13px;
}

.p-muted-ma .p-banner-stats.p-pie-chart-sl {
    margin-bottom: 0.8rem;
}

.p-muted-graph .p-inst-pos-abs {
    bottom: -10px;
}

.p-inst-pos-abs {
    position: absolute;
    bottom: 0;
}

.p-muted-ma .p-ins-txt sub {
    top: 5px;
}

.loading-skeleton.p-eve-card-muted .skeleton-img,
.loading-skeleton.p-eve-card-muted .skeleton-img::after,
.loading-skeleton.p-eve-card-muted h1,
.loading-skeleton.p-eve-card-muted h2,
.loading-skeleton.p-eve-card-muted h3,
.loading-skeleton.p-eve-card-muted h4,
.loading-skeleton.p-eve-card-muted h5,
.loading-skeleton.p-eve-card-muted h6,
.loading-skeleton.p-eve-card-muted p,
.loading-skeleton.p-eve-card-muted li,
.loading-skeleton.p-eve-card-muted .btn,
.loading-skeleton.p-eve-card-muted label,
.loading-skeleton.p-eve-card-muted .form-control,
.loading-skeleton.p-eve-card-muted a,
.loading-skeleton.p-eve-card-muted small,
.loading-skeleton.p-eve-card-muted strong,
.loading-skeleton.p-eve-card-muted svg,
.loading-skeleton.p-eve-card-muted .skeleton-img::after,
.loading-skeleton.p-eve-card-muted .def-avat-name-ini::after,
.loading-skeleton.p-eve-card-muted .p-add-btn,
.loading-skeleton.p-eve-card-muted .p-btn-small,
.loading-skeleton.p-eve-card-muted .progress,
.loading-skeleton.p-eve-card-muted .progress .cp-data-bottom,
.loading-skeleton.p-eve-card-muted .circle-tag,
.loading-skeleton.p-eve-card-muted .p-btn-sm-lb {
    background: var(--p-grey-1);
    opacity: 0.5;
}

.loading-skeleton.p-eve-card-muted .p-bar-chart-sl:before,
.loading-skeleton.p-eve-card-muted .p-bar-chart-sl:after {
    background: var(--p-grey-1);
    opacity: 0.25;
}

.loading-skeleton.p-eve-card-muted.p-events-card hr,
.loading-skeleton.p-eve-card-muted.p-db-cgp-mw hr {
    background: var(--bg-default);
    opacity: 0.85;
}

.p-muted-graph .p-bp-gr-leg {
    display: flex;
    gap: 1.1rem;
}

.p-muted-pie {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: conic-gradient(#c5ccdd 30%, #d8dde9 0 60%, #a9aebc 0 0%, #c5ccdd 0%);
    opacity: 0.75;
}

.p-feat-chart-wrapper .p-muted-pie {
    width: 135px;
    height: 135px;
}

.p-muted-slice {
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 50%, 100% 50%, 100% 0);
    background: inherit;
    border-radius: 50%;
}

.p-muted-ma .p-bp-gr-leg .p-fli-box,
.p-eve-card-muted .bg-darkBlue,
.p-eve-card-muted .p-btn-sm-lb {
    background: var(--p-grey-1);
    opacity: 0.7;
    color: #edf0f7;
}

.p-muted-ma .p-feat-legends-items label {
    text-align: left;
}

.p-muted-slice:nth-child(1) {
    transform: rotate(0deg);
}

.p-muted-slice:nth-child(2) {
    transform: rotate(90deg);
}

.p-muted-slice:nth-child(3) {
    transform: rotate(180deg);
}

.p-muted-slice:nth-child(4) {
    transform: rotate(270deg);
}

.p-muted-ma {
    position: relative;
    flex: 1;
}

.p-nd-upd.p-muted-ma {
    padding-top: 0;
}

/*.main-sidebar {
    padding-bottom: 4.6rem !important;
}*/

.icon-scroll-down-indi.ni.icon {
    color: var(--primary-color) !important;
    font-size: 1.4rem;
    font-weight: 300;
}

.nav-menu-scroll-indi-mw {
    position: absolute;
    bottom: 0;
    z-index: 999;
    left: 46%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-bg-6);
    padding: 1.25rem 0 1.4rem;
    border-bottom-right-radius: 2.5rem;
}

/*.p-sidebar.p-scroll-overlay {
    padding-bottom: 5rem;
}*/

.p-muted-graph-labels {
    position: absolute;
    top: 0;
}

.p-bck-btn {
    stroke-width: 2;
}

.p-bg-grey {
    background-color: var(--p-grey-2);
}

.p-grey-mh {
    min-height: 58px;
}

.sur-feed-results .p-list-group-item {
    cursor: pointer;
}

.sur-feed-results .p-list-group-item {
    cursor: pointer;
}

.show-results-modal .modal-body {
    min-height: 520px;
}

.head-wb-btn {
    margin: 1rem 0 1.25rem;
}

    .head-wb-btn .pdf {
        font-size: var(--base-font-size-xs);
    }

.p-inn-res-distri {
    margin-bottom: 1rem;
}


.p-nr-to-show {
    max-width: 470px;
    margin-top: 0.5rem;
}

#ddlPolicyList .dx-lookup-field {
    padding-right: 2.5rem;
}

.modal-fullscreen .p-cn-mb .pso-form-wrapper.pso-form-details {
    max-height: calc(100vh - 6rem) !important;
}

.help-center-loader .wb-inner-wrapper .skeleton-img {
    min-height: var(--pc-thumb-height);
    max-height: var(--pc-thumb-height);
    border-radius: var(--bs-border-radius);
}

/*#ChatTherapy.chat-small-icon span.msg-count {
    right: 1.6em;
    top: 0.45em;
}*/

.dx-datagrid-header-panel .dx-datagrid-export-button,
.download-circle .dx-icon-export-excel-button,
.p-icon-circle {
    width: 2.535rem;
    height: 2.535rem;
    position: relative;
    background-color: var(--btn-light-bg) !important;
    border-radius: 50% !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25) !important;
}

    .p-icon-circle.p-icon-circle-sm {
        width: 2.1rem;
        height: 2.1rem;
    }

.p-swap-fdi .min-w-95px select.form-control {
    min-height: 40.75px;
}

.dx-datagrid-header-panel .dx-datagrid-export-button .dx-icon-export-excel-button::before,
.download-circle .dx-icon-export-excel-button::after {
    content: ""; /* Remove Font Awesome icon */
    background-image: none; /* Clear old background */
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
}

.dx-datagrid-header-panel .dx-datagrid-export-button:hover .dx-icon-export-excel-button::before,
.download-circle:hover .dx-icon-export-excel-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M1 16.1724V18.4483C1 20.9621 3.03788 23 5.55172 23H18.4483C20.9621 23 23 20.9621 23 18.4483V16.1724M12 15.4138V1M12 15.4138L7.06897 10.1034M12 15.4138L16.931 10.1034' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.6rem;
    padding-top: 0.4rem;
}

.p-task-content .dx-datagrid.dx-gridbase-container .dx-toolbar-items-container {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-top: 6px;
    gap: 1rem;
}

#TeamOneOnOnesGrid .dx-datagrid.dx-gridbase-container .dx-toolbar-items-container {
    gap: 0;
}

#pills-team-oneonone .js-tkl-team-oneonone.tkl-ws {
    z-index: 20;
}

#pills-team-oneonone.is-team-oneonone-loading #TeamOneOnOnesGrid {
    visibility: hidden !important;
    opacity: 0 !important;
}

    #pills-team-oneonone.is-team-oneonone-loading #TeamOneOnOnesGrid .dx-datagrid-content-fixed,
    #pills-team-oneonone.is-team-oneonone-loading #TeamOneOnOnesGrid .p-dd-wp-wrapper,
    #pills-team-oneonone.is-team-oneonone-loading #TeamOneOnOnesGrid .p-dd-wp-btn,
    #pills-team-oneonone.is-team-oneonone-loading #TeamOneOnOnesGrid .p-dd-wp-dot-icon,
    #pills-team-oneonone.is-team-oneonone-loading .p-dd-wp-content {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

.p-task-content .dx-datagrid.dx-gridbase-container .dx-toolbar-after,
.p-task-content .dx-datagrid.dx-gridbase-container .dx-toolbar-before {
    position: initial;
    padding-top: 0;
}

.p-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-icon-circle:hover {
        background: var(--theme-primary-color) !important;
    }

        .p-icon-circle:hover svg {
            stroke: #fff !important;
        }

.cirlce-icon-align-search {
    position: absolute;
    left: 320px;
    z-index: 9;
    top: 1px;
}
/*.p-userlist .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
}*/
.download-circle .dx-icon-export-excel-button {
    width: 2.7rem;
    height: 2.7rem;
}

    .dx-datagrid-header-panel .dx-datagrid-export-button:hover,
    .download-circle .dx-icon-export-excel-button:hover {
        background-color: var(--theme-primary-color) !important;
    }

/*.filter-active::after {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    top: -2px;
    right: -1px;
}*/

.filter-active {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

    .filter-active .p-icon-grey-s {
        stroke: #fff !important;
    }

.try-hr-modal .modal-content {
    max-width: 675px;
}

    .try-hr-modal .modal-content .modal-body {
        padding: 2rem 2rem !important;
        padding-bottom: 1rem !important;
    }

.p-b-frame img {
    filter: drop-shadow(0px 39.831px 46.86px rgba(205, 205, 205, 0.16));
    border-radius: 1.1rem;
    border: 12px solid rgba(255, 255, 255, 0.24);
    background: rgb(244 247 252 / 14%);
    position: relative;
    left: 0.9rem;
    width: 100%;
    height: 100%;
    max-width: initial;
    object-fit: cover;
    border-bottom-right-radius: 48px;
    object-position: left;
    object-position: top;
}

.p-b-frame {
    max-width: 411px;
    margin: 0 auto;
    height: 245px;
}

.try-hr-modal .modal-content .modal-body p {
    font-size: var(--base-font-size-lg);
}

.p-try-hr-actn-btn {
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2rem;
    max-width: 320px;
    margin: 0 auto;
    margin-top: 2.1rem;
}

    .p-try-hr-actn-btn button.hc-default-btn {
        min-height: 3rem;
    }

.try-hr-modal-content {
    position: relative;
}

.pattern-blue {
    background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 88.02%);
    stroke-width: 2.5px;
    stroke: var(--Color-Greadient, #76F6DD);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.02)) blur(100px);
    position: absolute;
    width: 550px;
    height: 210px;
    bottom: 150px;
    z-index: 0;
    left: -50px;
    transform: rotate(-31deg);
    z-index: 0;
}

.p-try-hr-actn-btn button.hc-default-btn.btn-cancel {
    font-size: var(--base-font-size-xl);
}

.ai-delete {
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}

.allow-incr-table tr:hover .ai-delete {
    visibility: visible;
    opacity: 1;
}

.allow-incr-table .p-small-input {
    max-width: 90px;
    min-width: initial;
    padding-right: 0.6rem;
}

.allow-incr-table tr td {
    vertical-align: middle;
}

.p-add-btn-sm.p-add-btn {
    min-height: inherit;
    min-width: initial;
    padding: 0.45rem 0.7rem;
}

.allow-incr-table.p-def-table tr td,
.allow-incr-table.p-def-table tr th {
    padding: 0.5rem;
}

table.allow-incr-table {
    width: 100%;
    table-layout: fixed;
}

    table.allow-incr-table th, table.allow-incr-table td {
        width: 18%;
    }

@media(max-height: 700px) {
    .try-hr-modal .modal-content .modal-body {
        padding: 1.5rem !important;
        padding-bottom: 0.6rem !important;
    }
}

/*iphone 14 mockup*/
.iframe-in-device {
    height: 100%;
    width: 100%;
}


.iphone, .ipad {
    display: block;
    color: #fff;
    text-align: center;
    background-size: auto 200%, cover;
    background-repeat: no-repeat, no-repeat;
    border: solid var(--primary-color);
    margin-bottom: 2em;
    position: relative;
    transition: all 0.1s linear, line-height 0s linear;
    background-position: 50% 100%, center;
    overflow: hidden;
    background: var(--bg-default);
}

.ipad {
    height: 73vmin;
    width: 53vmin;
    border-width: 1.2vmin;
    border-radius: 2.8vmin;
    z-index: 100;
}

.step-fw-modal .pso-grid-wrapper {
    padding-bottom: 0;
}

.talent-ske-load .p-grey-bg-box {
    background-color: transparent;
    border: 1px solid var(--bg-default);
}

.talent-ske-load h3 {
    min-height: 0.9rem;
    margin-bottom: 1.1rem;
    max-width: 7.5em;
}

.talent-ske-load .p-search-input input {
    border: none !important;
    min-height: 42px;
}

.talent-ske-load .kanban-board-header h5 {
    min-width: 6.2rem;
    min-height: 0.9rem;
    margin-bottom: 0;
}

.talent-ske-load .kanban-title-board .card-count {
    margin-right: 0.35rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.3rem;
    font-size: 0.7rem;
    border-radius: 1.18rem !important;
    border: none;
}

.talent-ske-load header.kanban-board-header::after {
    background-color: var(--bg-default);
}

.talent-ske-load .kanban-header .pdf .p-icon {
    stroke: transparent;
}

.talent-ske-load .kanban-footer .kanban-icons label {
    height: 0.7rem;
    min-width: 2.6rem;
}

.talent-ske-load .kanban-item {
    border-color: var(--bg-default);
}

.talent-ske-load .kanban-board-header em.icon.ni-plus {
    color: var(--skeleton-color-2);
}

.talent-ske-load .pt-jdesc-sl p {
    margin-bottom: 0.3rem;
    min-height: 0.73rem;
}

.talent-ske-load .kanban-tabs-container {
    overflow: hidden;
}
/**/
.step-fw-modal .p-html-editor-lg .dx-htmleditor-content {
    height: calc(100vh - 25rem);
}

.p-gene-ai-wp {
}

.ls-textbox.sl-gai-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 4rem;
}

/* Keep the description step stable while its editor is excluded from display, and show the loader inside a visible body instead of floating over blank space. */
.p-html-editor-w-ai.hire-jd-generating {
    min-height: calc(100vh - 25rem);
    background-color: var(--card-bg-color);
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 1.2);
}

.p-gai-wp-iw {
    margin-top: 1.3rem;
}

    .p-gai-wp-iw img {
        max-width: 6em;
        margin: 0 auto;
        display: block;
    }

.p-gene-ai-content {
    max-width: 25em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    text-align: center;
    margin-top: 1.4rem;
}

    .p-gene-ai-content h4.ph-4 {
        font-size: var(--base-font-size-h3);
    }

    .p-gene-ai-content p {
        font-size: var(--base-font-size-xxl);
        font-weight: 400;
        color: var(--primary-color);
    }

.progress-bar-grad.progress-bar {
    background: var(--primary-color);
}

.p-gene-ai-content .custom-progress.progress {
    background-color: #e9edf2;
}

/*ai generation process sh*/
.p-ai-gene-process {
    --animation-duration: 1.5s;
    --purple-color: #3699ff;
    --green-color: #4CAF50;
    --transition-duration: 0.3s;
    --box-shadow-color: rgb(54 153 255 / 84%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.p-ai-gen-pro-container {
    list-style: none;
}

.p-ai-gen-pro-step {
    padding: 0.525rem;
    margin: 0.3125rem 0;
    position: relative;
    overflow: hidden;
    font-size: var(--base-font-size);
    transition: all var(--transition-duration) ease;
    padding-left: 2.5rem;
}

.p-ai-gen-pro-indicator {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: var(--secondary-color);
    box-shadow: 0 0 0.625rem 0 var(--box-shadow-color); /* Added box shadow */
    position: absolute;
    top: 50%;
    left: 0.625rem;
    transform: translateY(-50%) scale(1);
    transition: background-color var(--transition-duration) ease, transform var(--transition-duration) ease;
}

.p-ai-gen-pro-active .p-ai-gen-pro-indicator {
    animation: scaleUpDown var(--animation-duration) infinite alternate;
}

.p-ai-gen-pro-completed .p-ai-gen-pro-indicator {
    background-color: var(--green-color);
    transform: translateY(-50%) scale(1.2); /* Start at a slightly larger size to transition to checkmark */
    box-shadow: 0 0 0.625rem 0 rgba(76, 175, 80, 0.5);
}

    .p-ai-gen-pro-completed .p-ai-gen-pro-indicator::after {
        content: '';
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        font-size: 1.125rem;
        transition: transform var(--transition-duration) ease;
        animation: appearCheckmark var(--transition-duration) forwards;
        background: url("data:image/svg+xml,%0A%3Csvg width='14px' height='14px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 0.05rem 0.05rem;
        background-size: 0.75rem;
    }

@keyframes scaleUpDown {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        box-shadow: 0 0 0.625rem 0 var(--box-shadow-color);
    }

    50% {
        transform: translateY(-50%) scale(1.2);
        box-shadow: 0 0 0.9375rem 0 var(--box-shadow-color);
    }
}

@keyframes appearCheckmark {
    to {
        transform: translate(-50%, -50%) scale(1);
    }
}
/*ai generation process eh*/

.p-tal-ins-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

.p-tal-tot-app {
    grid-area: pt-tot-app;
}

.p-tal-off-made {
    grid-area: pt-off-made;
}

.p-tal-hire-made {
    grid-area: pt-hire-made;
}

.p-tal-sources {
    grid-area: pt-tal-sources;
}

.p-tal-loca {
    grid-area: pt-tal-loca;
}

.p-tal-gender {
    grid-area: pt-tal-gender;
}

.p-tal-experience {
    grid-area: pt-tal-experience;
}

.p-tal-applicationtrend {
    grid-area: pt-tal-applicationtrend;
}

/*OVERVIEW*/
.p-tal-ov-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

.p-talov-tot-app {
    grid-area: pt-tot-app;
}

.p-talov-off-made {
    grid-area: pt-off-made;
}

.p-talov-hire-made {
    grid-area: pt-hire-made;
}

.p-talov-sources {
    grid-area: pt-tal-sources;
}

.p-talov-loca {
    grid-area: pt-tal-loca;
}

.p-talov-gender {
    grid-area: pt-tal-gender;
}

.p-talov-experience {
    grid-area: pt-tal-experience;
}

.p-talov-applicationtrend {
    grid-area: pt-tal-applicationtrend;
}

/**/
.p-tal-ins-grid {
    grid-template-areas:
        "pt-tot-app pt-tot-app pt-tot-app pt-off-made pt-off-made pt-off-made pt-hire-made pt-hire-made pt-hire-made"
        "pt-tal-sources pt-tal-sources pt-tal-sources pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend"
        "pt-tal-gender pt-tal-gender pt-tal-gender pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience"
        "pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca";
}

.p-tal-ov-grid {
    grid-template-areas:
        "pt-tot-jobs pt-tot-jobs pt-tot-app pt-tot-app pt-off-made pt-off-made pt-off-made pt-hire-made pt-hire-made"
        "pt-tal-sources pt-tal-sources pt-tal-sources pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend"
        "pt-tal-gender pt-tal-gender pt-tal-gender pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience";
    /*"pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca";*/
}

.p-tal-tot-app, .p-tal-off-made, .p-tal-hire-made, .p-tal-applicationtrend {
    min-height: 14em;
}

.p-talov-tot-jobs, .p-talov-tot-app, .p-talov-off-made, .p-talov-hire-made, .p-talov-applicationtrend {
    min-height: 14em;
}

.p-tal-ins-grid .roi-con {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 0.4rem);
}

.p-tal-ins-grid .pos-cen.mt-2 {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

.p-tal-ins-grid .roi-con small {
    align-self: center;
}

.p-tal-loca .ins-overview-gg {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--default-gap);
    align-items: flex-start;
}

.p-tal-ins-grid .ins-loc-vec-map {
    height: 19.5em;
}

.p-tal-ins-grid .ins-overview-gg {
    gap: 0;
}


.p-tal-ins-grid .isn-ov-locations-lcol {
    min-height: initial;
}

.p-tal-loca .location-leg-list p label span {
    min-width: 1em;
}

.p-tal-ins-grid .location-leg-list {
    max-height: 230px;
    overflow: visible;
}

.p-tal-ins-grid .p-banner-stats {
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
}

.p-tal-ins-grid .p-muted-pie {
    width: 11rem;
    height: 11rem;
}

/*.p-tal-sources .p-def-gr-circle-w {
    --ins-gr-cricle-wh: 11rem;
}*/

.p-hire-overview .p-def-gr-circle-w {
    height: 260px;
    width: 260px;
}

.p-tal-sources .p-pb-gr-circle {
    --pb-gr-cricle-wh: 11rem;
    margin-top: 1.5rem;
}

.p-inp-border a {
    color: var(--on-primary-color);
    margin: 0.2rem 0rem;
    display: inline-block;
}

.p-tal-ov-grid .roi-con {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 0.4rem);
}

.p-tal-ov-grid .pos-cen.mt-2 {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

.p-tal-ov-grid .roi-con small {
    align-self: center;
}


.p-tal-ov-grid .ins-loc-vec-map,
.p-tal-ov-grid .p-def-gr-he-la {
    height: 19.5em;
}

.p-tal-ov-grid .isn-ov-locations-lcol {
    min-height: initial;
}


.p-tal-ov-grid .location-leg-list {
    max-height: 230px;
    overflow: visible;
}

.p-tal-ov-grid .p-banner-stats {
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
}

.p-tal-ov-grid .p-muted-pie {
    width: 11rem;
    height: 11rem;
}

@media(max-width: 1500px) {
    .p-tal-loca .ins-overview-gg {
        grid-template-columns: auto;
    }

    .location-leg-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.3rem 1.7rem;
        justify-content: space-between;
    }

    .p-tal-ins-grid .ins-loc-vec-map,
    .p-tal-ins-grid .p-def-gr-he-la {
        height: 16em;
    }

    .p-tal-ov-grid .ins-loc-vec-map,
    .p-tal-ov-grid .p-def-gr-he-la {
        height: 16em;
    }
}

.form-group .p-dx-tag-ml .dx-texteditor.dx-editor-outlined {
    padding: 4px 6px;
}

.p-input-append.p-dx-tag-ml .dx-tag-content {
    margin: 0.18em .2em;
    padding: 0.4em 1.85em 0.4em 0.55em;
    line-height: 1.25;
}

.p-input-append.p-add-si .dx-texteditor-input-container {
    padding-right: 2.5rem;
}

.p-input-append.p-add-si.p-ad-si-sim-dd .dx-texteditor-input-container {
    background: none;
}

.p-input-append.p-dx-tag-ml .dx-tag-container.dx-texteditor-input-container {
    padding-top: 0;
    padding-bottom: 0;
}

.p-input-append.p-dx-tag-ml .dx-texteditor-input-container,
.p-input-append.p-dx-tag-ml .dx-texteditor-input {
    min-height: 33px !important;
}

.p-sc-form-ol {
    display: grid;
    grid-template-columns: repeat(3, 1fr) auto;
    gap: 1.3rem;
    margin-bottom: 1rem;
}

.p-label-wrc {
    display: flex !important;
    justify-content: space-between;
    gap: 1rem;
}

    .p-label-wrc span {
        font-weight: 400;
        color: var(--link-color);
        cursor: pointer;
        padding-right: 0.125rem;
        padding-right: 0.125rem;
        font-size: var(--base-font-size-xs);
        padding-top: 1px;
    }

/* CSS styles for the file uploader */

.modal-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.p-fu-mw .file-uploader-container .dx-fileuploader-input-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    gap: 0.5rem 1rem;
    border: 0.1rem dashed hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    height: 400px;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
    position: relative;
    position: relative;
}

.p-fu-mw .file-uploader-container:hover {
    border-color: var(--p-grey-1);
}

.p-fu-mw .file-uploader-container .drag-text {
    font-size: 16px;
    color: #666;
    margin: 10px 0;
}

.p-fu-mw .dx-fileuploader-content {
    position: relative;
    border-radius: var(--bs-border-radius);
}

.p-fu-mw .dx-fileuploader-wrapper {
    padding: 0;
}

.p-fu-mw .dx-fileuploader-files-container {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 2.8rem);
    padding: 0;
}

.dx-fileuploader-files-inner-container {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}

.p-fu-mw .dx-fileuploader-file-container {
    position: relative;
    width: 200px;
    border: 1px solid var(--sec-light-color7);
    padding: 0.7em;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    min-height: 4.8em;
    height: 160px !important;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 88%) );
}

.p-fu-mw .dx-fileuploader-file-name {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    overflow: hidden;
    white-space: normal;
    text-align: left;
    text-overflow: ellipsis;
    max-width: 100% !important;
    width: 100%;
}

.p-fu-mw .dx-fileuploader-file-name,
.p-fu-mw .dx-fileuploader-file {
    color: var(--on-primary-color);
}

.p-fu-mw .dx-fileuploader-cancel-button {
    position: absolute;
    top: 9px;
    right: 5px;
}

.p-fu-mw .dx-fileuploader-button-container .dx-fileuploader-upload-button {
    position: absolute;
    top: 9px;
    right: 29px;
    padding-right: 0 !important;
}

.p-fu-mw .dx-fileuploader-file-info {
    text-align: center;
}

.p-fu-mw .dx-fileuploader-file-size {
    display: block;
    position: absolute;
    bottom: 0.5em;
    left: 0.7em;
    font-size: 0.73rem;
    color: var(--on-primary-color);
    padding: 0;
    margin: 0;
}

.p-fu-mw .dx-progressbar-animating-container {
    border-radius: 5px;
    -webkit-animation: 2s linear infinite dx-loader;
    animation: 2s linear infinite dx-loader;
    background-image: linear-gradient(-90deg,transparent 5%, var(--dark-blue-color),transparent 95%);
    background-repeat: no-repeat;
}

.p-fu-mw .dx-fileuploader-file-status-message {
    text-align: center;
    color: green;
    position: absolute;
    bottom: 0.4em;
    right: 0.7em;
    font-size: 0.73rem;
}

.p-fu-mw .dx-fileuploader-button-container .dx-button-mode-contained .dx-icon {
    color: var(--background1);
    font-size: 0.73rem;
    background-color: var(--dark-blue-color);
    border-radius: 0.15rem;
}

.p-fu-mw .dx-fileuploader-file-container .dx-button {
    width: 22px;
    height: 22px;
    margin-right: 0;
    background: transparent;
}

.p-fu-mw .dx-fileuploader-cancel-button.dx-button-mode-contained {
    background-color: transparent;
}

.p-fu-mw .dx-fileuploader-show-file-list:not(.dx-fileuploader-empty) .dx-fileuploader-files-container {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    border-radius: var(--bs-border-radius);
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
    z-index: 999;
    border: 1px solid var(--primary-border-color) !important;
    max-height: max-content;
    overflow: auto;
}

.p-fu-mw .dx-fileuploader-content > .dx-fileuploader-upload-button {
    margin: 0;
    margin-top: 10px !important;
    left: 0;
}

    .p-fu-mw .dx-fileuploader-content > .dx-fileuploader-upload-button .dx-button-content {
        background-color: var(--p-btn-bg);
        color: white;
        border-radius: var(--bs-border-radius);
        position: relative;
        top: -1px;
        left: 1px;
    }

        .p-fu-mw .dx-fileuploader-content > .dx-fileuploader-upload-button .dx-button-content:hover {
            background-color: var(--p-btn-hover);
        }

.p-fu-mw .dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
    padding-top: 0.7rem;
}

.p-fu-mw .dx-fileuploader-input-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.p-fu-mw .dx-fileuploader-input-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 3rem;
    color: var(--on-primary-color);
}

.p-fu-mw .dx-fileuploader-input-wrapper .dx-button {
    float: left;
    z-index: 999;
    margin-left: 8.5rem;
}

.p-fu-mw .dx-fileuploader-input-container {
    position: absolute;
}

.p-fu-mw .dx-fileuploader-dragover .dx-fileuploader-input-container {
    display: block;
    border: 0.15em dashed var(--p-grey-1);
    width: calc(100% + 3px);
    border-radius: var(--bs-border-radius);
    margin: 0;
    height: calc(100% + 3px);
}

.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-has-text .dx-button-content {
    color: var(--link-color) !important;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    color: #fff;
    cursor: pointer;
    padding: 0;
    font-weight: 500;
}

.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-back.dx-state-hover .dx-button-content,
.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-normal.dx-state-hover .dx-button-content,
.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-mode-contained.dx-state-hover,
.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-mode-contained.dx-state-focused {
    background-color: transparent;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-def-uploader-head {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
}

.ml-draggable-wrapper li.draggable .icon.ni {
    color: var(--theme-primary-color);
}


.insight-main-container .no-data {
    max-width: 170px;
    height: 100px;
}

.pract-container .appointment-div {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

.appointment-div.nd-creator-hc {
    padding: 0;
}

.p-prac-grid-dash {
    display: grid;
    grid-template-columns: 1.1fr 28.5em 1fr;
    gap: 2rem;
}


.p-fu-mw .p-muf-img {
    width: 100%;
    height: 97px;
    object-fit: cover;
    border-radius: calc(var(--bs-border-radius)* 0.5);
}

.p-muf-doc {
    height: 97px;
}

.p-fu-mw .p-muf-name {
    font-size: 0.73rem;
    margin-top: 0.25rem;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.p-fu-mw .dx-fileuploader-file {
    padding-top: 0;
    display: block;
}

@media(max-width: 1500px) {
    .nd-creator-hc-inner .nd-learn-wrapper-content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        max-width: calc(100% - 1.25rem);
        flex-direction: column;
        text-align: left;
    }

    .nd-creator-hc-btn-wrapper {
        align-self: flex-start;
        padding-right: 0px;
        margin-top: 1rem;
    }
}

@media(max-width: 1099px) {
    .p-prac-grid-dash {
        grid-template-columns: 100%;
    }
}

.table-check-import input.ml-1.p-form-check-input {
    margin-left: 2.6rem !important;
}

.p-si-ttw .p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ahead-time-modal .modal-body p {
    font-size: var(--base-font-size-xl);
}

.p-fb-cb-align-left, .required-wrap, .multiple-wrap, .allowComments-wrap, .removeNeutral-wrap {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 81.533333% !important;
    margin-left: auto !important;
    text-align: left;
}

    .p-fb-cb-align-left label:first-child,
    .required-wrap label:first-child,
    .multiple-wrap label:first-child,
    .allowComments-wrap label:first-child,
    .removeNeutral-wrap label:first-child {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    .p-fb-cb-align-left .input-wrap,
    .required-wrap .input-wrap,
    .multiple-wrap .input-wrap,
    .allowComments-wrap .input-wrap,
    .removeNeutral-wrap .input-wrap {
        width: 32px !important;
        margin-left: 0 !important;
    }

.lock-check-align {
    position: relative;
    top: -0.18em;
    z-index: 9;
    flex-shrink: 0;
}

.dis-cour-vl {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
}

    .dis-cour-vl label, .dis-cour-vl input, .dis-cour-vl small {
        cursor: default !important;
    }

.p-slider-def-arrows {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.p-slider-def-arrows {
    margin-bottom: 1.25rem;
}

svg.p-sda-icons {
    width: 1.45rem;
    height: 1.45rem;
    stroke: var(--primary-color);
    cursor: pointer;
}

.p-marketpl-card-mw {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

    .p-marketpl-card-mw .p-sc-img-w {
        height: 10.5rem;
    }

        .p-marketpl-card-mw .p-sc-img-w img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-fit: cover;
        }

.market-place-loader.loading-skeleton svg {
    stroke: none;
}


@media(min-width: 1800px) {
    .p-marketpl-card-mw {
        grid-template-columns: repeat(4, 1fr);
    }
}


.p-tl-box-xl.p-tl-box {
    max-width: 55rem;
}

.p-tl-box-xl .p-tl-box-modi-sceen hr {
    margin: 1.3rem 0;
}


.ana-sc-main-cont {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-tl-box-xl .p-sc-details {
    gap: 0.2rem;
}

.p-ana-sc-det {
    display: flex;
    justify-content: flex-start;
    gap: 0.4rem 4.5rem;
    flex-wrap: wrap;
}

.leave-ther-move {
    display: flex;
    align-items: center;
    padding-left: 0.4rem;
    padding-right: 0.6rem;
}

    .leave-ther-move svg {
        width: 1.2rem;
        height: 1.1rem;
        display: inline-block;
        stroke: var(--primary-color);
    }

.p-mov-icon-acc {
    display: flex;
    align-items: center;
}

/*css for talent pool starts here*/

.p-cp-modal-mw .iconly--icon {
    stroke: var(--on-secondary-color);
    width: 1.1rem;
    height: 1.1rem;
}

.p-cp-modal-mw .p-ci-socials svg {
    width: 1.35rem;
    height: 1.35rem;
}

.p-cp-modal-mw .p-ci-socials {
    margin-left: 1.5rem;
}
/*css for talent pool ends here*/

.screening-pre-video .p-sc-details {
    gap: 0.9rem;
}

.p-icon-btn-he:hover {
    border-radius: 50%;
    background-color: var(--p-grey-2);
    stroke: var(--primary-color);
    cursor: pointer;
}

.p-icon-btn-he {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2em;
}

    .p-icon-btn-he svg.p-icon {
        stroke: var(--primary-color);
    }
/*css for hire over view page*/
.ins-overvew-grid .ba-box-shadows {
    position: relative;
}

.p-hire-overview .roi-con {
    flex-direction: column;
}

.p-hire-overview {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: var(--box-padding);
    grid-template-areas:
        "p-ho-act-job p-ho-act-job p-ho-tot-appli p-ho-tot-appli  p-ho-off-sent p-ho-off-sent p-ho-new-hires p-ho-new-hires"
        "p-ho-source p-ho-source p-ho-gender p-ho-gender p-ho-phases p-ho-phases p-ho-phases p-ho-phases"
        "p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports"
        "p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location";
}

.p-ho-act-job {
    min-height: 12em;
    grid-area: p-ho-act-job;
}

.p-ho-tot-appli {
    grid-area: p-ho-tot-appli;
}

.p-ho-off-sent {
    grid-area: p-ho-off-sent;
}

.p-ho-new-hires {
    grid-area: p-ho-new-hires;
}

.p-ho-source {
    grid-area: p-ho-source;
}

.p-ho-reports {
    grid-area: p-ho-reports;
}

.p-ho-gender {
    grid-area: p-ho-gender;
    min-height: 19.3em;
}

.p-ho-phases {
    grid-area: p-ho-phases;
}

.p-ho-location {
    grid-area: p-ho-location;
}

.p-ho-rtu {
    grid-area: p-ho-rtu;
}

.notification-msg-list-item {
    transition: background-color 0.3s ease;
}

    .notification-msg-list-item:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
        cursor: pointer;
    }

.p-ho-act-job,
.p-ho-tot-appli,
.p-ho-off-sent,
.p-ho-new-hires {
    min-height: 14em;
}

.p-hire-overview .pos-cen {
    width: calc(100% - 2rem);
}

.p-hire-overview .roi-con small {
    align-self: center;
}

.p-ho-location-row {
    display: flex;
}




@media(max-width: 1500px) {
    .location-leg-list.p-list-gp-rd p {
        display: inline-grid;
        grid-template-columns: 9rem auto;
    }
}

@media(max-width: 1366px) {
    .isn-ov-locations .ins-overview-gg .location-leg-list {
        gap: 0.35rem 1.5rem;
    }

    .location-leg-list.p-list-gp-rd p {
        grid-template-columns: 7rem auto;
    }
}



/*css for hire over view page ends*/
.people-progress-grid .p-def-datagrid .p-progress-def {
    min-width: 230px;
    max-width: 230px;
    margin-right: 1.5rem;
}

.p-dx-grid-align-txt {
    position: absolute;
    left: calc(21em + 1.5rem);
    top: 0;
    z-index: 9;
}

    .p-dx-grid-align-txt.p-dx-grid-align-txt-download {
        left: calc(22em + 1.5rem);
    }

#JobsGrid tr td,
.p-dx-tab-cp tr td {
    cursor: pointer;
}

.p-td-top-details {
    display: flex;
    justify-content: space-between;
    gap: var(--default-gap);
    align-items: flex-start;
}

.p-btn-second-bord,
.p-btn-sec-bord-red {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: var(--secondary-color);
    font-size: var(--base-font-size);
    margin: 0 auto;
    border-radius: var(--border-radius-default);
    padding: 0.625rem 1.25rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    font-weight: 500;
    border: 0.15em solid var(--secondary-color);
    cursor: pointer;
    min-width: 11.5em;
}

    .p-btn-second-bord:hover,
    .p-btn-second-bord-fill {
        background-color: var(--secondary-color);
        color: #ffffff;
    }

.p-btn-sec-bord-red,
.app-int-connect-btn.p-btn-sec-fill-red {
    background: #ffe9e9;
    border: 1px solid #DE3B40 !important;
    color: #DE3B40;
}

    .p-btn-sec-bord-red:hover,
    .app-int-connect-btn.p-btn-sec-fill-red:hover {
        background: #DE3B40 !important;
        color: #fff;
        border-color: #DE3B40 !important;
        border-width: 2px;
    }

    .app-int-connect-btn.p-btn-sec-fill-red svg {
        stroke: #DE3B40;
    }

    .app-int-connect-btn.p-btn-sec-fill-red:hover svg {
        stroke: #ffffff;
    }

.p-btn-sec-fill-red {
    background-color: #DE3B40;
    border-color: #DE3B40;
    color: #ffffff;
}

    .p-btn-sec-fill-red:hover {
        background-color: #c42227;
        border-color: #c42227;
        color: #ffffff;
    }


.p-btn-sec-bord-red:hover {
    background-color: #DE3B40;
    color: #ffffff;
}

.p-ci-sections-mw.loading-skeleton .p-icon {
    fill: transparent;
    stroke: transparent;
}

.loading-skeleton .step-avatar-svg {
    background-color: transparent;
}

.loading-skeleton .step-avatar .skeleton-img,
.grid-avatar .skeleton-img {
    border-radius: 50%;
    flex-shrink: 0;
}

.loading-skeleton li.step-activity-item {
    background: transparent;
    height: inherit;
}

.p-int-img-mw {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-int-img-mw img {
        width: 12em;
        min-height: initial;
    }

.p-gad-img-mw img {
    width: 7.5em;
    min-height: initial;
}

.p-integrations-mw .p-card-full-details-img-thumb {
    min-height: 11.2em;
}

.p-integrations-mw .p-add-btn {
    min-width: 13.2em;
}

.p-lk-com-if-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 2px solid var(--border-layout);
    box-shadow: var(--default-shadow-1);
}

.p-lk-inpt-cta {
    display: flex;
    align-items: center;
    gap: var(--default-gap);
}

.p-lk-inpt-cta-ilw {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--default-gap)* 0.5);
}

    .p-lk-inpt-cta-ilw label {
        flex: 0 0 auto;
        align-self: center;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0;
    }

.p-lk-inte-mod-mw h5.ph5 {
    font-size: var(--base-font-size-xl);
}

.p-head-with-border {
    border-bottom: 1px solid var(--input-border-1);
    padding-bottom: 0.3rem;
    margin-bottom: 1.1rem;
}

    .p-head-with-border h5 {
        font-size: var(--base-font-size-h4);
    }

.loading-skeleton label.btn-status {
    min-height: 1.8rem;
}


.p-tl-pos-cent-abs {
    position: absolute;
    bottom: 1.7rem;
    left: 50%;
    transform: translateX(-50%);
}

.p-ap-to-slideup {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -300px;
    background: var(--chat-dark-bg-2);
    padding: var(--box-padding);
    transition: bottom 0.3s ease-in-out;
    z-index: 1050;
    border: 1px solid var(--primary-border-color);
    box-shadow: 0px -8px 20px 0px rgba(13, 41, 66, 0.28);
}

.p-ap-to-visible {
    bottom: 0;
}

.p-ap-to-hidden {
    bottom: -300px;
}

.p-ap-to-cta-wrapper {
    text-align: right;
}

.modal-app-tor .badge {
    font-weight: 400;
}

.active-rejection-box .modal-dialog::after {
    background: rgb(255 255 255 / 72%);
    backdrop-filter: blur(4px);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: default;
    pointer-events: none;
}



/*css for lms course starts here*/
.custom-cc-content .p-progress-def {
    max-width: 22em;
}

.p-course-stru-list {
    width: 100%;
}

    .p-course-stru-list label {
        flex: 1;
    }

.ph-card-xs {
}

.p-lms-create-course .pg-grid-layout-reverse .pg-grid-layout-right {
    flex: 0 0 355px;
    max-width: 355px;
}

.p-cusr-str-mw .p-ul-align li:not(:last-child) {
    margin-bottom: 0rem;
}

.p-cusr-str-mw .sidebar-dropdown label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-lms-cs-ct-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--default-gap);
}

.p-hire-cs-ct-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--default-gap);
}

.p-lms-cs-ct-grid .phc-hm-item {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

.p-hire-cs-ct-grid .phc-hm-item {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-hire-cs-ct-grid .phc-hm-item:hover {
        border-color: var(--theme-primary-color);
        background-color: var(--card-btn-light-bg);
    }

.p-lms-cs-ct-grid .phc-hm-item:hover .icon-box-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
}

.p-hire-cs-ct-grid .phc-hm-item:hover .icon-box-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
}

.sidebar-dropdown {
    transition: all .3s;
}

    .sidebar-dropdown .icon-cd-lms {
        transition: all .3s;
    }

    .sidebar-dropdown.active .icon-cd-lms {
        transform: rotate(180deg);
        transition: all .3s;
    }

.ph-default-link-blue {
    font-weight: 400;
    color: var(--link-color);
}

    .ph-default-link-blue em.icon.ni {
        color: var(--link-color);
    }

.p-vid-mw {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
}

    .p-vid-mw video {
        width: 100%;
        height: 100%;
    }

.btn-close-vid-sec {
    position: absolute;
    top: -0.7rem;
    right: -0.3rem;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

.p-lms-cs-video-sec {
    position: relative;
    margin-top: -0.2rem;
}

.p-btn-link-icon,
.btn-def-link {
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

.btn-def-link {
    color: var(--theme-primary-color);
    font-weight: 500;
}

.btn-def-link {
    color: var(--theme-primary-color);
    text-decoration: underline;
    text-underline-offset: 4px;
}

    .btn-def-link.p-up-at-data {
        padding-top: 0.7rem;
    }

.custom-cc-content .p-card-full-details-img-thumb {
    cursor: pointer;
}

.custom-cc-content .p-card-full-deatils-cols {
    margin-bottom: calc(var(--default-gap)* 1);
}

.p-lms-content-dura input.form-control {
    max-width: 4.3em;
}

.p-lms-content-dura-iw {
    position: relative;
}

    .p-lms-content-dura-iw input {
        padding-right: 1.5rem;
    }

    .p-lms-content-dura-iw span {
        position: absolute;
        right: 0.9em;
        top: 0.85rem;
        line-height: 1;
        font-size: 0.98rem;
    }

.p-lms-cd-min span {
    right: 0.4em;
}

.p-lms-cl-mod-cont {
    cursor: pointer;
}

.courses-main-cont .academy-bc h5 {
    min-height: initial;
}

.p-btn-sec-bord-red.p-btn-sec-bord-red-confirm {
    min-width: 9.26em;
}

.p-tal-can-pro-img.p-hover-img-overlay-ic.p-img-thumbnail-size {
    width: 20em;
}

.p-img-thumbnail-size.p-tal-can-pro-img img {
    width: 100%;
    height: 11.4em;
}

.p-img-thumbnail-size .p-hdc-edit {
    gap: 1.8rem;
}

.p-cusr-str-mw .sidebar-wrapper .sidebar-menu ul li .side-menu-list {
    padding: 0.7rem 0.85rem;
    cursor: grab;
}

    .p-cusr-str-mw .sidebar-wrapper .sidebar-menu ul li .side-menu-list .oic-side-menu-list {
        cursor: grab;
    }

.p-course-stru-list-actns {
    flex-direction: row-reverse;
}

.qm-align-fb {
    /*    padding: calc(var(--default-gap)* 1.1);*/
}

.p-lms-create-course .pg-grid-layout-right {
    min-height: calc(100vh - calc(var(--default-container-gap)* 2) - var(--nav-min-height) - var(--default-gap));
}

.p-label-w-input-il {
    margin-bottom: 1.25rem;
}

    .p-label-w-input-il input {
        max-width: 3.8em;
        height: initial;
        text-align: center;
    }

.add.add-opt {
    cursor: pointer;
}

.lms-form-builder .form-builder-wp {
    height: initial;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}

    .lms-form-builder .form-builder-wp .form-wrap.form-builder .stage-wrap {
        max-height: initial;
        margin-top: 0;
        margin: calc(var(--default-gap)* 0);
        margin-right: calc(var(--default-gap));
        min-height: 400px !important;
    }

.lms-form-builder .cb-wrap {
    max-width: 30em;
}

@media(max-width: 1600px) {
    .lms-form-builder .cb-wrap {
        max-width: 18em;
    }
}

.lms-form-builder .form-wrap.form-builder .frmb .prev-holder label {
    font-weight: normal;
    margin: 0;
    cursor: pointer;
}

.form-builder-wp input[type="radio"] {
    cursor: pointer;
}

.lms-form-builder .cb-wrap {
    padding: 0;
    padding-left: calc(var(--default-gap));
}

.p-course-stru-list-actns .p-dd-wp-dot-icon {
    width: 1.3rem;
    height: 1.3rem;
    padding: 0.22rem;
}

.icon-cd-lms.more-btn {
    cursor: pointer;
}

.p-vid-mw iframe {
    height: auto;
    width: 100%;
    aspect-ratio: 17 / 9;
}

.p-cusr-str-mw .p-ul-align li:hover {
    background-color: var(--theme-secondary-color);
    border-radius: calc(var(--bs-border-radius) * 0.55);
    cursor: pointer;
}

.sidebar-submenu .p-ul-align li:has(button.p-link-wicon.p-link-wicon-sm) {
    background: transparent;
}

.sidebar-submenu .p-ul-align li label {
    cursor: pointer;
}

li.add-content-cs:hover {
    background-color: transparent !important;
}

.lms-cour-feat-btn .img-uploder,
.lms-cour-feat-img img {
    height: 12.1rem;
}

.p-question-lms-ql .p-cques-inner {
    padding: 2rem;
}

.p-lms-cs-ct-grid.loading-skeleton h6.label-primary {
    max-width: 110px;
    margin-bottom: 0.5rem !important;
    display: block;
}

.p-hire-cs-ct-grid.loading-skeleton h6.label-primary {
    max-width: 110px;
    margin-bottom: 0.5rem !important;
    display: block;
}

.p-question-lms-ql .p-cques-answ {
    min-height: 36em;
}

.p-lms-content-dura-align.p-lms-content-dura input.form-control {
    max-width: 6.7em;
}

.p-lms-quiz-ws {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: var(--default-gap);
}

.p-lms-quiz-fs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--default-gap)* 0.5);
    margin-bottom: 2rem;
}

    .p-lms-quiz-fs-grid .phc-hm-item strong {
        font-size: var(--base-font-size-xxl);
        color: var(--primary-color);
        margin-top: 0.5rem;
        display: inline-block;
        font-weight: 500;
    }

.p-lms-quiz-res-mw {
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

.p-lms-quiz-fs-grid .phc-hm-item {
    padding: calc(var(--box-padding)* 0.5);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-green {
    background: rgba(118, 246, 221, 0.30);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-salmon {
    background: rgba(243, 167, 172, 0.30);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-yellow {
    background: rgba(249, 231, 145, 0.30);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-green svg {
    stroke: #5FD9C2;
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-salmon svg {
    stroke: #E35D66;
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-yellow svg {
    stroke: #a98d06;
}

.p-lms-quiz-res-mw .phc-hm-item {
    cursor: default;
}

.p-cent-lms-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    max-width: 170px;
}

.lms-down-cen-sc p {
    margin-bottom: 0;
    font-weight: 400;
}

.lms-down-cen-sc .p-cques-banner {
    gap: 2.4rem;
}

.set-up-from-scratch.lms-form-builder .form-wrap.form-builder .frmb .sortable-options > li:nth-child(1) .remove {
    display: none;
}

.page-container-mw ul {
    padding-left: 0.95rem;
}

.mc-overview-indi-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

.over-indi-break-ass {
    grid-area: ga-mc-break-ass;
}

.over-indi-compen-rate {
    grid-area: ga-mc-compen-rate;
}

.over-indi-start-cour {
    grid-area: ga-mc-start-cour-tab;
}

.mc-overview-indi-grid {
    grid-template-areas:
        "ga-mc-break-ass ga-mc-break-ass ga-mc-break-ass ga-mc-break-ass ga-mc-compen-rate ga-mc-compen-rate ga-mc-compen-rate ga-mc-compen-rate"
        "ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab";
}

.p-def-comp-rate {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

    .p-def-comp-rate .roi-con {
        flex-direction: column;
        text-align: center;
        width: calc(100% - 0.4rem);
    }

        .p-def-comp-rate .roi-con small {
            align-self: center;
            position: relative;
            top: -1px;
            font-size: var(--base-font-size);
        }

.mc-overview-indi-grid .ba-box-shadows,
.p-learn-overview .ba-box-shadows {
    min-height: 20em;
}

.p-course-slv .like-save-wrapper em.icon.ni {
    position: relative;
    top: -0.05rem;
    font-size: 1.1rem;
}

.p-course-slv .like-save-wrapper em.pc-bookmark-icon.ni {
    font-size: 1.18rem;
}

.p-course-slv .p-save-tag-wrap span {
    color: var(--primary-color);
    min-width: 11px;
    text-align: center;
}

.p-sq-main-scr.p-cci-main {
    height: initial;
}

.btn-cour-prev-acts {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    margin-top: 1.25rem;
}

    .btn-cour-prev-acts .p-btn-small-txt {
        flex: 1;
        border: 1px solid var(--secondary-color);
    }

    .btn-cour-prev-acts .p-ani-btn.p-add-btn.ani-btn-lg {
        min-width: initial;
        padding: 0;
        width: var(--p-btn-min-height);
        height: var(--p-btn-min-height);
    }

    .btn-cour-prev-acts .p-ani-btn.p-add-btn.ani-btn-sm {
        --p-btn-min-height: 2rem;
    }

    .btn-cour-prev-acts .p-ani-btn.p-add-btn.ani-btn-lg.ani-btn-md {
        border: none;
        background: transparent;
        --p-btn-min-height: initial;
    }

.p-hire-top-det {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

    .p-hire-top-det span.hr-pipe {
        color: var(--input-border-1);
        font-size: 1rem;
        font-weight: 300;
    }

.btn-tag-hire.p-ani-sec-btn .p-add-btn svg.p-icon {
    stroke: var(--on-primary-color);
    width: 1.45rem;
    height: 1.45rem;
    padding: 0.25rem;
}

    .btn-tag-hire.p-ani-sec-btn .p-add-btn svg.p-icon:hover {
        background: var(--sec-light-color7);
    }

.p-kb-tags-w-dd-opt {
    position: relative;
}

.p-dd-kb-list .dropdown-menu {
    z-index: 1200;
    padding: 0.38rem !important;
}

.p-kb-tags-w-dd svg.p-dd-wp-dot-icon-ver {
    padding: 0;
    width: 0.9rem;
    height: 0.9rem;
}

.btn-tag-hire .p-ani-dropdown {
    padding: 0.75rem;
    overflow: visible;
}

.btn-tags-hire-mw {
    margin-top: 0.9rem;
    position: relative;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    z-index: 90;
    align-items: center;
}

.p-ani-dropdown .btn-tags-hire-mw {
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    align-items: flex-start;
}

.p-kb-tags-w-dd span {
    line-height: 1.35;
    font-weight: 400;
}

.p-kb-tags-w-dd {
    padding: 0.25rem 0.725rem 0.25rem;
    position: relative;
}

.p-kb-tag.p-kb-tags-w-dd.p-kb-tag-editing {
    background: transparent;
    padding: 0;
    gap: 0;
    min-width: 0;
    max-width: 100%;
}

.p-kb-tag.p-kb-tags-w-dd.p-kb-tag-editing .p-dd-kb-list {
    display: none !important;
}

.p-kb-tag.p-kb-tags-w-dd.p-kb-tag-editing > .p-hire-tag-edit-input {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.cirlce-icon-align-search.ci-bs {
    position: absolute;
    left: 300px;
    z-index: 9;
    top: 2px;
}

.p-kb-tags-w-dd .p-dd-kb-list {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--p-grey-2);
    padding: 0.15rem 0.5rem;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    z-index: 1500;
    cursor: pointer;
    align-items: center;
    gap: 0.2rem;
}

    .p-kb-tags-w-dd:hover .p-dd-kb-list, .p-kb-tags-w-dd .p-dd-kb-list.show {
        opacity: 1;
        visibility: visible;
    }

label.hire-tag-message {
    line-height: 1.2;
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.p-kb-tag-count {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.65rem;
    display: flex;
    align-items: center;
    background: var(--p-grey-2);
    justify-content: center;
    padding: 0.25rem;
    font-weight: 400;
}

.btn-tags-hire-sel {
    position: relative;
    z-index: 1;
}

.p-kb-tags-w-dd .p-ani-dropdown button:hover {
    background-color: transparent;
}

.p-kb-tags-w-dd .p-pm-dropdown li a {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 0.45rem 0.85rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.45;
    font-weight: 400;
    border-radius: var(--bs-border-radius);
}

    .p-kb-tags-w-dd .p-pm-dropdown li a:hover {
        background: var(--sec-light-color7);
    }

    .p-kb-tags-w-dd .p-pm-dropdown li a svg {
        width: 1.1rem;
    }

.form-control-sm {
    padding: .25rem .85rem;
}

input.form-control-sm::placeholder {
    font-size: 0.78rem;
}

.p-dd-wp-dot-icon-ver {
    transform: rotate(90deg);
}

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-btn.p-add-btn:hover {
    color: #ffffff;
    background-color: var(--theme-primary-color) !important;
}

    .btn-cour-prev-acts .p-ani-sec-btn .p-ani-btn.p-add-btn:hover .p-ani-icon-ac svg {
        fill: var(--background1);
    }

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-dot {
    width: 1.2rem;
    height: 1.2rem;
}

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-icon-ac {
    background-color: transparent;
}

.btn-cour-prev-acts .p-btn-small.p-btn-small-wt {
    min-width: initial;
    padding: 0;
    width: var(--p-btn-min-height);
    height: var(--p-btn-min-height);
    border: 1px solid var(--secondary-color);
}

@media(max-width: 991px) {
    .p-hi {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.35rem;
    }

    .p-sc-int-welcome {
        grid-template-columns: 100%;
    }

    .p-hlo {
        padding: 0.85rem;
    }

    .p-hlo {
        padding: 0.75rem 1.05rem;
    }

    .p-sc-que-head {
        grid-template-columns: 100%;
    }

    .p-sc-ques-mw {
        padding: 1rem 0rem;
    }

    .ana-sc-main-cont {
        align-items: flex-start;
        justify-content: center;
        padding: 1.15rem 0;
    }
}
/* plumm learn overview */
.plo-cou-ins {
    grid-area: ga-cou-ins;
}

.plo-over-status {
    grid-area: ga-over-status;
}

.plo-cour-trends {
    grid-area: ga-cour-trends;
}

.plo-pop-cou {
    grid-area: ga-pop-cou;
}

.plo-datagrid {
    grid-area: ga-plo-datagrid;
}

.plo-over-cou-report {
    grid-area: ga-report;
}

.p-lms-ppc-item {
}

.p-lms-ppc-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    margin-bottom: var(--box-padding);
}

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

.p-lms-ppc-content h4 {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    margin-bottom: 0.025rem;
}

.p-lms-ppc-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    margin-bottom: calc(var(--box-padding)* 0.85);
    max-height: 260px;
    height: 260px;
}

.p-learn-overview {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

#div-breakup-of-assignment-loader .p-def-gr-circle,
#breakup-of-groups .p-def-gr-circle {
    height: var(--ins-gr-cricle-wh);
    width: var(--ins-gr-cricle-wh);
}

.p-learn-overview {
    grid-template-areas:
        "ga-cou-ins ga-cou-ins ga-cou-ins ga-cou-ins ga-over-status ga-over-status ga-over-status ga-over-status ga-pop-cou ga-pop-cou ga-pop-cou ga-pop-cou"
        "ga-cour-trends ga-cour-trends ga-cour-trends ga-cour-trends ga-cour-trends ga-cour-trends ga-report ga-report ga-report ga-report ga-report ga-report"
        "ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid";
}

.p-rep-types-grid.p-lms-cs-ct-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(var(--default-gap)* 0.75);
}

.p-rep-types-grid.p-hire-cs-ct-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--default-gap)* 0.5);
}

.p-def-table-wnw tr th,
.p-def-table-wnw tr td {
    vertical-align: middle;
    white-space: nowrap;
    border: none;
}

.plo-over-status .roi-con label {
    font-size: calc(var(--base-font-size-h1) * 2);
}

.plo-over-status .p-def-comp-rate .roi-con small {
    font-size: var(--base-font-size-xxl);
}

.p-course-slv {
}

@media(min-width: 1600px) {
    .p-lms-create-course .pg-grid-layout-right {
        min-height: calc(100vh - calc(var(--default-container-gap)* 2) - var(--nav-min-height) - var(--default-gap) - 53px);
    }
}
/*lms ends here*/
/*css for payroll starts here*/
.pp-7 {
    padding-top: 4.3rem !important;
}

.p-two-inp-or-sepe {
    display: grid;
    grid-template-columns: 6.5em auto 1fr;
    align-items: flex-start;
    gap: 1rem;
}

.p-align-cb-input {
    min-height: 43px;
    display: flex;
    align-items: center;
}

.mana-pay-main-container .p-tabs-mh {
    min-height: calc(100vh - calc(var(--default-container-gap)* 3.9) - var(--nav-min-height));
}
/*css for payroll ends here*/

.tdi-p-ani {
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.32rem;
}

.ani-btn-lg {
    min-width: 7.4rem;
    gap: 0.8rem;
}

.step-activity-item .step-inner-content ul {
    list-style-type: disc;
}

.ph-card.p-defautlt-navs {
    margin-left: -0.35rem;
}

.p-pay-tiles {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.7rem;
    margin-top: 1rem;
}

.p-pay-tiles-items {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 0.65);
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    justify-content: space-between;
}

.p-pay-tiles-items-yd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--input-border-1);
    padding: 0.4rem 0.2rem;
    gap: 0.2rem;
    flex: 1;
}

.p-pay-tiles-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem 0.2rem;
    background-color: var(--p-grey-3);
    color: var(--primary-color);
}

.p-pay-tiles-items.loading-skeleton {
    border-color: var(--sec-light-color7);
}

.p-pay-tiles-status label,
.p-pti-dates {
    text-transform: uppercase;
    font-size: 0.65rem;
}

.p-pay-tiles-items-yd label {
    font-size: 0.78rem;
}

@media(max-width: 1700px) {
    .p-pti-dates span {
        width: 90px;
        display: inline-block;
    }
}

@media(max-width: 1540px) {
    .p-pay-tiles {
        gap: 0.325rem;
    }

    .p-pay-tiles-status label, .p-pti-dates {
        font-size: 0.62rem;
    }

    .p-pay-tiles-items-yd label {
        font-size: 0.75rem;
    }
}

.p-pay-com-det-mw .p-sli-arrows,
.p-pay-tiles-items-yd label,
.p-pay-tiles-status label {
    cursor: pointer;
}

.p-pay-tiles-items:hover {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
}

.p-pt-status-green,
.p-pt-status-green-active,
.p-pt-status-green-active:hover {
    background-color: #b0f8ca6e;
    color: var(--green-color);
    border-color: var(--green-color)
}

    .p-pt-status-green-active .p-pay-tiles-items-yd {
        border-color: var(--green-color);
    }

.p-pt-status-blue,
.p-pt-status-blue-active,
.p-pt-status-blue-active:hover {
    background-color: #d6ecff;
    color: #3699ff;
    border-color: #3699ff;
}

    .p-pt-status-blue-active .p-pay-tiles-items-yd {
        border-color: #84c1ff;
    }

.p-pt-status-yellow,
.p-pt-status-yellow-active,
.p-pt-status-yellow-active:hover {
    background-color: #fff6d9;
    color: var(--yellow-color);
    border-color: var(--yellow-color) !important
}

    .p-pt-status-yellow-active .p-pay-tiles-items-yd {
        border-color: var(--yellow-color);
    }

.p-pt-status-grey, .p-pt-status-grey-active {
    background-color: #dce0e7;
    color: #465161;
}

    .p-pt-status-grey-active .p-pay-tiles-items-yd {
        border-color: #e5e5e5;
    }

.pp-pc-mw-grid {
    height: 100%;
    flex: 1;
    display: grid;
    grid-template-columns: 170px 1px calc(100% - 217px);
    align-items: flex-start;
    gap: var(--box-padding);
}

.pp-pc-dat-com {
    height: 100%;
}

.pp-cp-divider-ver {
    width: 1px;
    height: 100%;
    background-color: var(--primary-border-color);
    margin: 0;
}

.p-small-action-icon {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.175rem;
    border-radius: calc(var(--bs-border-radius));
    transition: all .3s;
    width: 1.45rem;
    height: 1.45rem;
    background: var(--btn-light-bg);
}

.p-back-btn {
    flex-shrink: 0;
}

    .p-back-btn.p-back-btn-dark-bg {
    }

.p-def-back-btn {
    padding: calc(var(--box-padding)* 0.75);
}

    .p-def-back-btn > .pdf.pdf-gap-3xs {
        flex: 1 1 auto;
        min-width: 0;
    }

    .p-def-back-btn h5.ph-5 {
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

.p-small-action-icon:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-back-btn-lg.p-small-action-icon:hover .p-icon-xs {
    stroke: #fff !important;
}

.p-small-action-icon svg.p-dd-wp-dot-icon {
    width: 1.15rem;
    height: 1.15rem;
    padding: 0.1rem;
}

    .p-small-action-icon svg.p-dd-wp-dot-icon:hover {
        background-color: transparent;
    }

.p-back-btn-lg.p-small-action-icon {
    width: 2.25rem;
    height: 2.25rem;
}

    .p-back-btn-lg.p-small-action-icon .p-icon-xs {
        width: 1.25rem;
        height: 1.25rem;
        stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

#reviewSelfLoaderDiv .ph-card {
    min-height: 310px;
}

/*.p-back-btn .p-icon-blue.p-icon {
    stroke: var(--sec-light-color3);
}*/

.pso-form-wrapper-pp-cp,
.pp-pc-mw-grid-rt {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pp-cp-content-tl-tb {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .pp-cp-content-tl-tb .pso-step {
        height: 100%;
    }

.p-icon-salmon {
    fill: var(--yellow-dark-color);
}

.p-cp-com-det label {
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
    color: var(--primary-color);
}

.p-cp-com-det p {
    font-size: var(--base-font-size-xxs);
    line-height: 1.25;
}

.pso-timeline-list-hroi.pso-timeline-list.pso-tieline-fw {
    flex-direction: initial;
    flex-wrap: initial;
    gap: 0;
    justify-content: space-between;
}

    .pso-timeline-list-hroi.pso-timeline-list.pso-tieline-fw .pso-timeline-item:not(:last-child) {
        width: 100%;
        flex: 1;
    }

        .pso-timeline-list-hroi.pso-timeline-list.pso-tieline-fw .pso-timeline-item:not(:last-child)::after {
            right: 2em;
            width: calc(100% - 8rem);
        }

.p-def-tr-cpn td {
    cursor: default !important;
    pointer-events: none;
}

small.p-sm-count {
    color: var(--on-primary-color);
    display: inline-block;
    margin-left: 0.15rem;
    font-size: calc(var(--base-font-size-xxs) * 0.88);
    position: relative;
    top: -1px;
}

.p-sm-count-minus {
    color: #DE3B40 !important;
}

.p-sm-count-add {
    color: #349d00 !important;
}

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

.p-def-table-sm td {
    padding: 0.3rem 0.6rem;
}

.p-def-tr-cpn td {
    padding: 0.7rem 0.6rem !important;
}

.pp-cp-sb-sub-head label,
.pp-cp-sb-sub-total strong {
    color: var(--primary-color);
}

.p-la-sepe-head.loading-skeleton .pp-cp-sb-sub-total strong {
    height: 0.9rem;
}

.pp-cp-sb-mw {
    margin-bottom: 1rem;
}

.text-primrary-color-muted {
    color: #747e94;
    opacity: 0.75;
}

.p-icon-pension {
    fill: var(--p-grey-1);
    width: 1.2rem;
    height: 1.2rem;
}

.p-add-btn-icon.p-add-btn {
    border-width: 0.1em;
    font-weight: 500;
}

    .p-add-btn-icon.p-add-btn.p-btn-sec em.icon {
        color: var(--theme-primary-color);
    }

    .p-add-btn-icon.p-add-btn:hover em.icon {
        color: #ffffff;
    }

.p-sal-cal-group {
    margin-bottom: 0.6rem;
}

.p-dd-bts .pgab-icons a {
    color: var(--primary-color);
}

.p-dd-bts .dropdown-menu {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}

.p-sal-cal-group h4.ph-4 {
    font-size: var(--base-font-size-h5);
}

.p-sc-details-lg .p-sc-details-2x label {
    flex: 0 0 10em;
}

.p-sc-details-lg .p-sc-details-2x {
    gap: 1.5rem;
}

.p-sc-details-xl .p-sc-details-2x label {
    flex: 0 0 13.5em;
}


.pp-pc-review .p-la-sepe-head, .pp-pc-process .p-la-sepe-head {
    max-width: 680px;
}

.pp-pc-review .pp-cp-sb-mw {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.pp-cp-pro-pay-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-bottom: 1px solid var(--primary-border-color);
    margin-bottom: 1.4rem;
    padding-bottom: 1.4rem;
}

.p-icon-fill.p-icon-fill-green {
    fill: #349d00;
}

.p-icon-fill.p-icon-fill-red {
    fill: #DE3B40;
}

.p-icon-fill.p-icon-fill-yellow {
    fill: #ffc107;
}

.p-icon-fill.p-icon-fill-orange {
    fill: #FF5722;
}

.p-icon-fill.p-icon-fill-blue {
    fill: #007bff;
}

.p-icon-fill.p-icon-fill-grey {
    fill: var(--on-primary-color);
}

.ppcppi-icon {
    position: relative;
    top: -2.4px;
}

.pay-cycle-main-container .pp-pc-mw-grid-rt .p-ss-h100 {
    /*height: calc(100% - 4.6rem);*/
}

.pay-cycle-main-container .pp-pc-mw-grid-rt .p-ss-h100 {
    min-height: 600px;
}

.p-ci-sections-items .p-dd-wp-content .p-grid-action-btns .pgab-icons span {
    font-weight: 400;
}

.p-exp-gene-mw-inner {
    margin-bottom: 2.2rem;
}

.p-sb-gene-footer-up button span,
.p-sb-gene-footer-up .p-btn-sec-bord-red:hover span {
    color: #fff;
}

.p-sb-gene-footer-up .p-btn-sec-bord-red span {
    color: #DE3B40;
}

.p-exp-gene-mw .p-sc-details-lg .p-sc-details-2x label {
    font-weight: 400;
}

.p-sidebar-gen-mw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.p-sidebar-gen-mw-wh {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.p-sb-gene-footer-up {
    padding: var(--box-padding);
    padding-top: 1rem;
    padding-bottom: calc(var(--box-padding)* 0.85);
    background-color: var(--chat-dark-bg-2);
    border-top: 1px solid var(--chat-dark-bg-2);
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-default-border));
}

.p-sidebar-gen-mw .p-sb-gene-body {
    overflow: auto;
    height: calc(100vh - 9.1rem);
    background: var(--chat-dark-bg-2);
}

/* Keep the Update Shift form between its header and footer at every height. */
.updateShift .p-sb-gene-header,
.updateShift .p-sb-gene-footer-up {
    flex-shrink: 0;
}

.updateShift #shiftChangeForm {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

    .updateShift #shiftChangeForm > .p-sb-gene-body {
        flex: 1;
        min-height: 0;
        height: auto;
    }

.expense-sb {
    color: var(--primary-color);
    display: grid;
    gap: 0.8rem;
}

.p-text-secondary {
    color: var(--on-primary-color);
}

.expense-sb strong {
    font-weight: 500;
}

.pfc-foc-none:focus {
    box-shadow: none;
    border-color: var(--input-border-1);
}

.p-cj-card-apps {
    margin-top: 0.525rem;
}

.head-with-info .icon.ni.ni-info {
    font-size: 0.85rem;
    position: relative;
    top: 1px;
    color: var(--on-primary-color);
    cursor: pointer;
}

.p-sb-gene-body .p-head-seperator-fw h4.ph-4 {
    font-size: var(--base-font-size-h5);
}

/*make modal in sidebar*/
.p-modal-sb .modal-dialog {
    -ms-flex-direction: column;
    flex-direction: inherit;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    right: 0;
    position: absolute;
    width: 100%;
    max-width: var(--sidebar-width);
    margin: 0px !important;
    max-height: 100vh !important;
}

.p-modal-sb .btn-submit-profile {
    width: 100%;
}

.p-modal-sb-sz-1 .modal-dialog {
    max-width: 560px;
}

.p-modal-sb-sz-2 .modal-dialog {
    max-width: var(--sidebar-width-lg);
}

.p-modal-sb-sz-3 .modal-dialog {
    max-width: 850px;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.p-modal-sb .modal-dialog.show {
    transform: translateX(0); /* Slide in from the right */
}

@media (min-width: 576px) {
    .p-modal-sb .modal-dialog .modal-content {
        height: 100vh;
        border-radius: 0;
        max-height: calc(100vh - 0rem);
    }
}


.p-modal-sb.modal.fade.show .modal-dialog {
    animation: fadeInRight 0.5s ease;
}

.p-modal-sb.modal.fade .modal-dialog {
    transform: translate(0, 0)
}

#AddEditBenefitsModal .input-icon-append .pcg-user-icon,
.input-icon-append.p-sear-inp-icon svg {
    width: 1.18rem;
    height: 1.18rem;
}

.p-modal-sb .modal-footer .btn-cancel,
.p-modal-sb .modal-footer .hc-default-btn-cancel {
    display: none !important;
}

.p-modal-sb .modal-footer .hc-default-btn,
.p-sb-gene-footer-up .hc-default-btn,
.p-modal-sb .modal-footer .p-btn-small,
.p-modal-sb .two-btns {
    width: 100%;
}

.p-form-modal-hf {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .p-form-modal-hf .modal-body {
        max-height: calc(100vh - 9rem);
    }

.benefits-box-rerere {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 1.4rem;
}

    .benefits-box-rerere .bb-res {
        padding: 0.8rem 1rem;
        border: 1px solid var(--primary-border-color);
        border-radius: var(--bs-border-radius);
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        min-width: 9.1rem;
        align-items: flex-start;
    }

label.bb-res-amm {
    font-size: var(--base-font-size-h4);
    color: var(--primary-color);
    font-weight: 500;
}

.bb-res-tag.p-tag-sm {
    font-size: 0.7rem;
    padding: 0.12rem 0.35rem;
}

.bb-res-sepe {
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
}

.bb-res.show-sidebar-btn[data-target],
.bb-res.show-sidebar-btn[data-target] *,
.bb-res-cp,
.bb-res-cp * {
    cursor: pointer;
}

.expense-sb hr {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid var(--primary-border-color);
}

.expense-sb .p-sb-clr-total strong {
    font-weight: 600;
}

.mana-pay-main-container .p-acco-btn-wrapper .p-acco-btn {
    font-size: var(--base-font-size);
    font-weight: 500;
}

.mana-pay-main-container .p-sc-details-2x label,
.p-sb-gene-body .form-group .avatar {
    font-weight: 500;
}

.mana-pay-main-container .p-sc-details-2x span {
    color: var(--primary-color);
}

.pp-cp-pension .p-goalcounts h3 {
    margin-bottom: 0.5rem;
    font-size: calc(var(--base-font-size-h1) * 1.15);
    line-height: 1;
    font-weight: 500;
}

.pp-cp-pension .p-goalcount-wrapper {
    gap: 3.5rem;
}

.pp-cd-report .p-form-check-label {
    color: var(--primary-color);
    font-weight: 600;
}

    .pp-cd-report .p-form-check-label small {
        color: var(--on-primary-color);
    }

.p-form-check-ml input {
    align-self: flex-start;
    position: relative;
    top: 3px;
}

.peroid-end-cta {
    padding-top: 4px;
}

    .peroid-end select,
    .peroid-end-cta button {
        min-width: 200px;
    }

.inpu-grp-sel-curr select {
    max-width: 190px !important;
}

.inpu-grp-sel-curr .dx-dropdowneditor,
.inpu-grp-sel-curr .dx-texteditor {
    max-width: 190px;
    min-height: 38px;
}

    .inpu-grp-sel-curr .dx-texteditor.dx-editor-outlined {
        border-radius: 0.25rem;
    }

.inpu-grp-sel-curr .dx-texteditor-input {
    min-height: 38px;
    height: 38px;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.p-cut-exp-btn-grid {
    position: absolute;
    top: 0;
    left: 260px;
    z-index: 12;
}

.p-cut-exp-btn-grid {
    position: absolute;
    top: 0;
    left: 260px;
    z-index: 12;
}

    .p-cut-exp-btn-grid .p-back-btn-lg.p-small-action-icon {
        width: 2.45rem;
        height: 2.35rem;
        margin-top: 3px;
    }

        .p-cut-exp-btn-grid .p-back-btn-lg.p-small-action-icon .p-icon-xs {
            width: 1.45rem;
            height: 1.45rem;
        }

/*.pp-pc-mw-grid-rt .pso-form-wrapper-pp-cp .pso-action-btns {
    padding-top: 1rem;
}*/

.pp-cp-navs .ph-card.p-defautlt-navs.to-tabs.mb-1p8 {
    margin-bottom: 1.05rem;
}

.loading-skeleton .p-pay-tiles-status.p-pt-status-green {
    min-height: 19.6px;
    background-color: transparent;
}

.loading-skeleton .p-pti-dates {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.loading-skeleton .p-pay-tiles-items-yd {
    gap: 0.63rem;
    padding: 0.658rem 0.2rem;
}

.p-pay-tiles-mw {
    min-height: 160px;
}

.p-input-append-foc-hid .input-icon-append {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.p-input-append-foc-hid input:focus + .input-icon-append {
    opacity: 1;
    visibility: visible;
}


.p-def-gr-circle-br {
    overflow: hidden;
    border-radius: 50%;
}

.p-def-comp-rate.loading-skeleton label {
    height: 24px;
}

.p-def-comp-rate.loading-skeleton .roi-con {
    gap: 0.7rem;
}

#employeeGridLoader.tkl-ws {
    top: 3.8rem;
}

.pp-cp-pro-pay-item.loading-skeleton svg {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.pp-cp-pro-pay-item.loading-skeleton {
    margin-top: 1.45rem;
}

    .pp-cp-pro-pay-item.loading-skeleton .ppcppi-content h5.ph-5 {
        max-width: 35%;
        margin-bottom: 0.75rem !important;
    }

#detailGrid_Tech .p-def-datagrid .p-progress-def {
    min-width: 270px;
    max-width: 270px;
    margin-right: 1.5rem;
}

.p-lms-ppc-mw {
    margin-top: 0.9rem;
}

.p-add-btn.p-small-select {
    max-width: 230px;
    padding-right: 2.3rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color) !important;
    min-width: 230px;
    --p-btn-min-height: 2.4rem;
}

.loading-skeleton.p-sc-details {
    gap: 1.2rem;
}

.loading-skeleton .p-sc-details-2x {
    align-items: center;
}

.plm-grad-app {
    width: 65.70681rem;
    height: 37.43531rem;
    transform: rotate(15deg);
    flex-shrink: 0;
    background: linear-gradient(90deg, #F9E791 0%, #F3A7AC 32.89%, #96CDFA 65.89%, #76F6DD 100%);
    opacity: 0.3;
    filter: blur(100px);
    position: absolute;
    right: 0;
}

#adduserToPayScaleModal .pay-schedule-cycle-note {
    display: block;
    margin-top: 8px;
    padding-inline: 13px;
}

select.form-control {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-btn-inline {
    padding: 0.28rem 0.65rem;
    font-size: var(--base-font-size);
    border-radius: calc(var(--border-radius-default)* 0.7);
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-btn-bg);
    cursor: pointer;
    gap: 0.35rem;
    font-weight: 500;
    font-size: var(--base-font-size-xxs);
}

    .p-btn-inline svg.p-grid-icon {
        stroke: #ffffff;
    }

.p-wtgc-list {
}

    .p-wtgc-list hr {
    }

.p-well-tg-img-mw img {
    max-width: 100%;
    height: auto;
}

.p-well-ther-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: var(--default-gap);
}

    .p-well-ther-grid p {
        margin: 0;
    }

.p-well-tg-cont {
    display: flex;
    gap: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
}

.featured-banner-para {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
}

.p-well-tg-img-mw {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-select2-input .select2-container--default .select2-selection--single {
    border-radius: var(--bs-border-radius);
    height: calc(1.5em + 0.75rem + 0.825em);
    padding: .375rem .75rem;
}

.p-select2-input .select2-selection__arrow {
    width: 30px !important;
    height: 100% !important;
    display: inline-block;
    font-size: 0;
    top: 0 !important;
    right: 0 !important;
}

    .p-select2-input .select2-selection__arrow b {
        font-size: 0;
        border: none !important;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--input-border-1) !important;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

#changePassword .hide-show span {
    margin: -4px -1% 0;
}

.p-model-sb .p-up-on-track {
    align-items: flex-start;
    gap: 0.9rem;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.p-model-sb .p-progress-def {
    flex: 1;
    width: 100%;
}

/*.p-modal-sb .p-cg-per-inc-wrpaer li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}*/

.p-modal-sb .p-cg-per-inc-wrpaer.p-cg-per-inc-wrpaer-row li {
    flex-direction: row;
}

.p-modal-sb .modal-footer button {
    flex: 1;
}

#gridContainerGoal .dx-datagrid-rowsview {
    position: relative;
    z-index: 999;
    min-height: 500px;
}

.loading-skeleton .form-control {
    border-color: transparent !important;
}

.cta-sticky-position {
    position: sticky;
    bottom: 0;
    padding: 2rem 0 1rem;
    background: var(--background1);
}

.p-sb-stick-button {
    position: sticky;
    bottom: 0;
    background: var(--background1);
    padding: 2rem calc(var(--box-padding) - 7.5px) 1rem;
    z-index: 15;
}

.p-sb-menu-sticky-inner {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}

.p-sb-menu-sticky::after {
    content: '';
    position: absolute;
    width: calc(100% + 13px);
    height: 60px;
    background: #ffffff;
    z-index: -1;
    left: -8px;
    bottom: -3px;
}


.p-sb-menu-sticky {
    display: flex !important;
    height: 100% !important;
    align-items: flex-end;
    justify-content: flex-start;
    position: sticky !important;
    width: calc(100% + 0.3rem);
    bottom: 0;
    z-index: 99999;
    left: 0;
    padding-bottom: 0 !important;
    padding-top: 0.4rem !important;
}

.p-sb-menu-sticky-inner::after {
    content: '';
    position: absolute;
    right: -12px;
    top: 0;
    width: 0.9rem;
    height: 100%;
    background-color: transparent;
    display: inline-block;
    z-index: 9999;
}

.p-sb-menu-sticky-inner {
    position: relative;
    width: 100%;
}

    .p-sb-menu-sticky-inner::before {
        content: '';
        position: absolute;
        top: -36px;
        width: calc(100% + 1.05rem);
        margin-left: -0.6rem;
        border-bottom: 1px solid var(--border-layout);
        left: 0;
        height: 30px;
        background: linear-gradient(0deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05), transparent);
        pointer-events: none;
    }

.main-sidebar[p-toggle-menu="minimise-on"] .p-sb-menu-sticky::before {
    width: calc(100% + 0.55rem);
}

/*.main-sidebar[p-toggle-menu="minimise-on"] .p-sb-menu-sticky {
    width: calc(var(--custom-sidebar-width)* 0.98);
}*/

/*.p-sb-menu-sticky-inner:hover a.sidebar-dropdown-toggle {
    background: var(--btn-light-bg);
    border-radius: calc(var(--bs-border-radius)* 0.8);
}*/

.p-sb-gene-body-in-form {
    padding-bottom: 0;
}

/* Profile Add/Edit forms must scroll inside the fixed-height drawer. */
.profile-scroll-drawer {
    max-width: 100vw;
}

    .profile-scroll-drawer > .p-sidebar-gen-mw-wh > .p-sb-gene-header {
        flex-shrink: 0;
    }

    .profile-scroll-drawer > .p-sidebar-gen-mw-wh > .p-sb-gene-body-in-form {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }

    /* Grow with fields instead of letting a 100%-height form hide them under Save. */
    .profile-scroll-drawer .profile-scroll-content {
        min-height: 100%;
    }

.p-grid-course-inner.oci-video-page .sidebar-wrapper .sidebar-menu {
    border-top: 0;
}

.p-grid-course-inner.oci-video-page .sidebar-wrapper {
    border-right: 0;
}

.p-acknowledge-mod-grid.p-grid-course-inner {
    grid-template-areas:
        "p-gci-lsb p-gci-mc-vid"
        "p-gci-lsb p-gci-mc-vid";
}

.p-info-msg.p-info-msg-green li::marker {
    color: var(--complete-tc);
}

#DivEditInfoLeaves .p-info-msg.p-info-msg-green ul {
    padding-left: 1.05rem;
}

.p-ar-as-list hr {
    margin: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--sec-light-color7);
    margin-bottom: 0.7rem;
    margin-top: 0.25rem;
}

.p-list-view-body {
    flex-grow: 1;
}

    .p-list-view-body .p-cj-card-dets,
    .p-list-view-body .p-cj-card-apps {
        margin: 0;
    }

    .p-list-view-body .lt-list-date small {
        min-width: 70px;
    }

.loading-skeleton li.p-list-view-items {
    min-height: 68.08px;
}

.loading-skeleton .p-list-view-body,
.loading-skeleton .p-hj-card-title {
    height: 100%;
}


.p-pro-mw ph-card {
    display: flex;
    background: transparent;
}

.p-pro-mw.ph-card {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.ph-card-wos {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
}

.p-prof-ic-grid {
    --profile-sb-width: 220px;
    display: grid;
    align-items: flex-start;
    grid-template-columns: var(--profile-sb-width) calc(100% - var(--profile-sb-width) - var(--default-gap));
    gap: var(--default-gap);
}

.p-pro-tabs-mw .p-defautlt-navs ul {
    justify-content: flex-start;
    gap: 4.6rem;
}

.p-defautlt-navs.p-defautlt-navs-wi .nav-pills .nav-link {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.p-pro-mw-content hr {
    width: 100%;
    height: 1px;
    margin: 0.5rem 0 0.6rem;
    border-bottom: 1px solid var(--light-blue-1);
}

.p-pro-mw-content {
    flex: 1;
}

.p-defautlt-navs .nav-pills .nav-link.active svg {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1)
}

.p-dd-more .p-dd-wp-dot-icon {
}

label.p-pro-label {
    display: block;
}


.p-sb-scroll-spy-list-item.active,
.p-sb-scroll-spy-list-item {
    color: var(--primary-color);
    position: relative;
    /*border-bottom: 1px solid var(--primary-border-color);*/
    border-radius: calc(var(--bs-border-radius)* 0.35);
    overflow: hidden;
}

    /*.p-sb-scroll-spy-list-item:hover {
    background-color: var(--sec-light-color4);
}*/

    .p-sb-scroll-spy-list-item a {
        padding: 0.65rem 0.35rem;
        border: none;
        cursor: pointer;
        position: relative;
        width: 100%;
        font-weight: 400;
        overflow: hidden;
        padding-left: 1rem;
        position: relative;
        overflow: hidden;
        display: block;
        border-radius: calc(var(--bs-border-radius));
        font-size: var(--base-font-size-sm);
        color: var(--primary-color);
        z-index: 1;
    }

.p-prof-ic-stick {
    position: sticky;
    top: calc(var(--nav-min-height) + var(--default-gap));
}

.p-sp-slide-bg {
    position: absolute;
    width: 100%;
    height: 40px;
    transition: top 0.3s;
    z-index: 1;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
    z-index: 1;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}


.p-prof-ic-left {
    height: calc(100vh - calc(var(--nav-min-height) + var(--default-gap)) - var(--default-gap));
    overflow: visible;
}

.p-sp-section .ph-card {
    min-height: 240px;
}

.p-sb-scroll-spy-list {
    position: relative;
    border-radius: 0.35rem;
}

.p-pro-mw-content .list-inline-item:not(:last-child) {
    margin-right: 1.1rem;
}

.p-pro-mw-content .list-inline-item {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/*.p-pro-mw-content .list-inline-item span {
    color: var(--primary-color);
}*/

.p-pro-sts span.btn-status {
    display: inline-flex;
    gap: 0.35rem;
    color: var(--complete-tc);
    justify-content: center;
}

    .p-pro-sts span.btn-status .iconly--icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.p-cd-wb {
    border: 1px solid var(--sec-light-color5);
    border-radius: var(--bs-border-radius);
    background-color: var(--background1);
    padding: 0.15rem 0.45rem;
}

.p-pro-mw-content .p-ani-btn-wrpr .p-ani-btn {
    /*border: 1px solid var(--p-border-2) !important;*/
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.permission-tt-main-wrap.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: rgb(254 255 255);
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-color: transparent transparent white white;
    transform: rotate(135deg);
    top: 2px;
    z-index: -1;
    box-shadow: 0 0 3px #53535340;
}

.p-pro-form-mw {
    position: relative;
}

.profile-loading-loader {
    min-height: 20rem;
}

svg.p-grid-icon.p-icon-sm1 {
    --icon-v1: 1.1rem;
}

.p-sb-scroll-spy-list-item a.active {
    background: var(--theme-secondary-color);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-grid-data-light {
    opacity: 0.5;
}


.p-upload-doc-gen {
    display: flex;
    padding: calc(var(--box-padding) * 0.75);
    align-items: center;
    border-radius: 1rem;
    background: rgba(209, 209, 219, 0.10);
    width: 100%;
    justify-content: space-between;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='9' ry='9' stroke='%23D1D1DBFF' stroke-width='2.6' stroke-dasharray='5.7' stroke-dashoffset='1.7' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 9px;
}

    .p-upload-doc-gen > * {
        flex: 0 0 auto;
    }

.p-label-cta {
    display: flex;
    padding: calc(var(--box-padding)* 0.55);
    align-items: center;
    border-radius: var(--bs-border-radius);
    background-color: var(--p-grey-2);
}

    .p-label-cta * {
        cursor: pointer;
    }

.p-upload-doc-gen .p-add-btn.p-add-btn-icon {
    background-color: var(--background1);
    color: var(--primary-color);
    border-color: var(--input-border-1);
}

.p-upload-doc-gen .p-add-btn svg.p-icon {
    stroke: var(--primary-color);
}

.p-upload-doc-gen .p-add-btn.p-add-btn-icon:hover {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

.p-upload-doc-gen .p-add-btn:hover svg.p-icon {
    stroke: #fff;
}

.pc-desc-pdf {
    align-items: center;
}

.pc-desc-icons.pc-desc-pdf {
    gap: 0.7rem;
}

.pc-desc-pdf .p-crsh-download-icon {
    align-self: center;
    cursor: pointer;
}

.pc-desc-pdf .icon-file-icon {
    --play-btn-width: 2.7rem;
}

.pc-desc-pdf.pc-desc-icons .icon-play-btn {
    flex: 0 0 2.7rem;
}

.pc-desc-pdf-cont hr {
    height: 50px;
    width: 1px;
    background-color: var(--sec-light-color6);
    margin: 0;
    align-items: stretch;
}

span.p-pipe-divider {
    color: var(--sec-light-color6);
}

.pc-desc-pdf-fn {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 228px;
}

.p-sb-permi-pro ul.p-ul-align li {
    color: var(--primary-color);
}

    .p-sb-permi-pro ul.p-ul-align li::marker {
        color: var(--on-primary-color);
        font-weight: 300;
        font-size: 0.75rem;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 0.3rem;
}

/*.p-pro-form-mw .gridMainDiv,
.profile-my-task .p-dx-search-left{
    padding-top: 3.6rem !important;
}*/

.prof-docs .p-mydoc-list-item {
    border: none;
}

.p-bg-overlay .dx-overlay-wrapper.dx-lookup-popup-search {
    z-index: 3501 !important;
}

td.checkbox-permission {
    text-align: right !important;
}


.pro-job-icon-ali {
    margin-right: 0.15rem;
    position: relative;
    left: 2px;
}

.p-modal-sb .sur-feed-results {
    grid-template-columns: repeat(1, 1fr);
}

.p-modal-sb .inner-sur-res {
    display: grid;
    grid-template-columns: 100%;
    gap: var(--default-gap);
}

.p-modal-sb .p-chat-def .msger-new {
    justify-content: flex-end;
}

.p-modal-sb .case-number .p-fp-content.p-chat-def .main-message-wrapper {
    max-height: calc(100vh - 10.7rem);
    min-height: 400px;
    flex: 1;
}

.p-modal-sb-wizard .pso-grid-wrapper {
    grid-template-columns: auto;
}

.p-modal-sb-wizard .pso-form-wrapper {
    max-height: initial !important;
}

.p-modal-sb-wizard .pso-form-wrapper {
    --minmax-height-pso: 100%;
    height: var(--minmax-height-pso);
}

.p-modal-sb-wizard fieldset.pso-step,
.p-modal-sb-wizard #setupForm,
.p-modal-sb-wizard .pso-cols form {
    height: 100%;
}

.p-modal-sb-wizard form {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* 86c7cxyup redo: Add Location fields must paint. Wizard 100% height collapses this modal. */
#addLocation.p-modal-sb-wizard form,
#addLocation form.form-contact-new {
    height: auto;
    min-height: 0;
}

#addLocation.p-modal-sb-wizard .pso-grid-wrapper,
#addLocation .pso-grid-wrapper {
    height: auto;
    min-height: 20rem;
    flex: 1 1 auto;
    width: 100%;
}

#addLocation.p-modal-sb-wizard .pso-form-wrapper,
#addLocation .pso-form-wrapper {
    height: auto !important;
    max-height: none !important;
    min-height: 16rem;
}

#addLocation.p-modal-sb-wizard fieldset.pso-step,
#addLocation fieldset.pso-step.step-show {
    height: auto;
}

#addLocation .pso-grid-wrapper {
    grid-template-columns: minmax(8rem, 170px) minmax(16rem, 1fr);
}

#addLocation #partialDivLocation,
#addLocation #partialDivLocation.h-100,
#addLocation .pso-form-details,
#addLocation .p-ss-h100 {
    height: auto !important;
    min-height: 12rem;
    overflow: visible !important;
    visibility: visible;
}

#addLocation #Name,
#addLocation #Address,
#addLocation #City,
#addLocation #StateProvince,
#addLocation #ZipPostalCode,
#addLocation #Country {
    display: block !important;
    visibility: visible !important;
    width: 100%;
    min-height: 2.25rem;
}

#addLocation .pso-cols:not(.pso-timeline-list) {
    height: auto;
    min-height: 16rem;
    width: 100%;
}

/* Location steps use the drawer height; only their contents scroll above the actions. */
#addLocation .modal-body {
    display: flex;
    flex-direction: column;
}

#addLocation form.form-contact-new {
    flex: 1 1 0;
    min-height: 0;
}

#addLocation .pso-grid-wrapper {
    min-height: 0;
    align-items: stretch;
}

#addLocation .pso-cols:not(.pso-timeline-list),
#addLocation #partialDivLocation {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0 !important;
    min-width: 0;
}

#addLocation fieldset.pso-step.step-show {
    /* All active steps must stretch their form wrapper, including Details. */
    display: flex !important;
    visibility: visible !important;
    overflow: visible !important;
    flex: 1 1 0;
    min-height: 0 !important;
    min-width: 0;
}

#addLocation .pso-form-wrapper.pso-form-details {
    flex: 1 1 0;
    min-height: 0 !important;
    min-width: 0;
}

#addLocation .pso-form-details > .p-ss-h100 {
    flex: 1 1 0;
    min-height: 0 !important;
    overflow-y: auto !important;
}

#addLocation .pso-action-btns {
    flex: 0 0 auto;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
}

/* Location Details/Schedule rows have no container gutter to offset their margins. */
#addLocation fieldset[data-step="1"] .p-ss-h100 > div > .row,
#addLocation fieldset[data-step="3"] .p-ss-h100 > div > .row {
    margin-left: 0;
    margin-right: 0;
}

    #addLocation fieldset[data-step="1"] .p-ss-h100 > div > .row > .col-sm-12,
    #addLocation fieldset[data-step="1"] .p-ss-h100 > div > .row > .col-md-12,
    #addLocation fieldset[data-step="3"] .p-ss-h100 > div > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

#pills-Sites #locationActionWrapper {
    z-index: 40;
    pointer-events: auto;
}

#pills-Sites #locationActionLoadder {
    z-index: 1;
    pointer-events: none;
}

#addLocation #CalendarId,
#addLocation #CalendarId.dx-selectbox {
    max-width: 100%;
    width: 100%;
}

    #addLocation #CalendarId .dx-texteditor-input {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.location-calendar-option {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.dx-dropdowneditor-overlay .location-calendar-option {
    display: block;
}

.p-modal-sb-wizard .pso-vline-divider {
    display: none;
}

.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list {
    --pso-tl-verti-mh: 65px;
    min-height: var(--pso-tl-verti-mh);
    flex-wrap: nowrap;
    gap: 1.3rem;
    justify-content: center;
    align-items: center;
    background: var(--theme-wizard-strip-bg);
    z-index: 1600;
    border-radius: var(--bs-border-radius);
    width: 100%;
    padding-top: 0.2rem;
}


.p-modal-sb-wizard .pso-timeline-item {
    --timeline-width: 120px;
    text-align: center;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.35rem;
}

.p-modal-sb-wizard .pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    right: calc(6rem / 2* -1.5);
    transform: none;
    top: 0.5rem;
    width: 7.8rem;
}

.p-modal-sb-wizard.p-modal-sb .modal-dialog {
    max-width: var(--sidebar-width-xl);
}

.p-modal-sb .modal-dialog.modal-dialog-xxl {
    max-width: var(--sidebar-width-xxl);
    max-width: 1000px;
}

.p-modal-sb .modal-dialog.modal-dialog-3xl {
    max-width: 1080px;
}

.p-modal-sb-wizard.p-modal-sb .modal-dialog-4xl,
.p-modal-dialog-4xl {
    max-width: 1240px !important;
}

.p-modal-sb-wizard.p-modal-sb .modal-dialog-4xl,
.p-modal-dialog-4xl {
    max-width: 1220px !important;
}

.modal-dialog-5xl {
    max-width: 1260px !important;
}

.modal-dialog.p-modal-dialog-vl {
    width: 90%;
    max-width: 1600px;
}

.p-modal-sb-wizard .pso-cols:not(.pso-timeline-list) {
    height: 100%;
    flex: 1;
    width: 100%;
}

.p-modal-sb-wizard .pso-grid-wrapper {
    grid-template-columns: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
}

.p-modal-sb-wizard .p-modal .modal-body {
    padding-bottom: 0;
}

.p-modal-sb-wizard .pso-action-btns {
    position: sticky;
    bottom: 0;
    padding: 0.8rem 1.2rem;
    background: var(--chat-dark-bg-2);
    margin-left: -1.2rem;
    left: 0;
    z-index: 139;
    margin-right: -1.2rem;
}

.p-modal-sb-wizard .modal-dialog-scrollable .modal-body {
}

#addDeviceModal .modal-body {
    overflow-x: hidden;
}

.p-modal-sb-wizard span.p-revq-item-txt {
    word-break: break-word;
}

.project-mamagement-grid .pp-userList-selected {
    padding-bottom: 0;
}

/*.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list::after {
    content: '';
    position: absolute;
    bottom: -1.2rem;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) );
    width: calc(100%);
    height: 1.3rem;
    left: 0;
}*/

.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list.pso-with-scroll {
    justify-content: flex-start;
}

.p-modal-sb-wizard .pso-with-scroll .pso-timeline-item {
    --timeline-width: 130px;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.6rem;
    white-space: nowrap;
}

.loading-skeleton label.p-pro-label {
    max-width: 150px;
}

.loading-skeleton .form-group .read-only-input {
    height: initial !important;
    display: inline-block;
    min-width: 60px;
}


.p-link-break {
    word-break: break-all;
    overflow-wrap: break-word;
}

.p-pro-form-mw .read-only-input {
    word-break: break-all;
    overflow-wrap: break-word;
    line-height: 1.55;
    display: inline-block;
}

#gridContainerDependents .dx-datagrid-rowsview,
.p-pro-work-tab .dx-datagrid-rowsview {
    max-height: 300px;
}

.p-pro-tabs-mw .p-nd-upd {
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: initial;
    transform: none;
}

.btn-link:hover {
    color: var(--primary-color);
}

.sec-name-ellip {
    max-width: 100%;
    padding-right: 0px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.p-rev-ans .p-form-check {
    margin-bottom: 0.4rem;
}

hr.p-hr-hori {
    border-bottom: 1px solid var(--primary-bg-color);
    height: 1px;
    width: 100%;
    margin-bottom: 1.9rem;
}

.fps-inner-list-mw .p-cg-per-inc-wrpaer .p-listype-bg h6 {
    margin-bottom: 0 !important;
}

.p-def-table .text-muted {
    opacity: 0.45;
}

.sidebar-generic .p-def-table tr th {
    white-space: nowrap;
}

.label-wi-icon {
    display: grid;
    grid-template-columns: 25px 1fr;
    align-items: center;
    gap: 1.05rem;
}

    .label-wi-icon span {
        display: flex;
        align-items: center;
    }

        .label-wi-icon span em.icon {
            padding: 0.15rem;
            border-radius: 0.8rem;
            font-size: 0.95rem;
        }

        .label-wi-icon span.ni-equal {
            background-color: var(--sec-light-color4);
        }

        .label-wi-icon span .ni-plus {
            color: var(--complete-tc);
            background-color: #EEFBF4;
            border: 1px solid #DEFBEA;
        }

        .label-wi-icon span .ni-minus {
            color: var(--red-color);
            background-color: #fbf7f7;
            border: 1px solid #fbf7f7;
        }

        .label-wi-icon span .ni-equal {
            background-color: var(--sec-light-color4);
        }

.ch-filter-wrapper .ba-date-range-picker {
    width: initial;
}

    .ch-filter-wrapper .ba-date-range-picker .report-range span {
        min-height: 40.5px;
        display: flex;
        align-items: center;
        min-width: 220px;
    }

.ch-filter-wrapper .ba-dp-down-arrow {
    width: 45px;
    height: 43px;
    padding: 0.5rem;
}

span.grid-status-cir {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background-color: var(--green-color);
}

.bg-orange {
    background-color: #FF5722 !important;
}

.p-def-table-valgn-mid.table td {
    vertical-align: middle;
}

.code-block {
    color: var(--primary-color);
    overflow-x: auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: var(--base-font-size);
    line-height: 1.6;
    text-align: left;
    margin: 0;
    word-break: break-word;
    white-space: normal;
}

    .code-block a {
        color: #003f7f;
        font-family: 'Courier New', Courier, monospace !important;
    }


.p-cardborder {
    padding-left: 0px;
    cursor: pointer;
}

    .p-cardborder .p-acc-header {
        border-radius: var(--bs-border-radius);
    }

    .p-cardborder:hover, .show-hover-li-box li:hover,
    li.p-acc-card:hover {
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.p-clk-tt.UsersListTooltip .avatar-md {
    width: 2rem;
    height: 2rem;
}

#eSignInternal .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
}


.cbah-label {
    position: relative;
    padding-right: 0.9rem;
    margin-right: 0.4rem;
}

    .cbah-label::after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: var(--sec-light-color6);
    }

    .cbah-label span {
        font-size: var(--base-font-size);
        min-width: 0.9rem;
        text-align: center;
    }

.cta-bulk-action-hire .p-add-btn svg.p-icon {
    stroke: var(--theme-icon-color);
    transform: rotate(-90deg);
}

.export-btn-candidate .p-icon {
    stroke: var(--theme-icon-color);
}

.cta-bulk-action-hire .p-ani-sec-btn .p-ani-btn.p-add-btn:hover svg {
    stroke: #fff;
}

.cbah-label em.ni.icon {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.more-option-selected .cbah-label em.ni.icon {
    color: var(--p-btn-txt);
    font-size: 1.2rem;
}

.more-option-selected .cbah-label::after {
    background-color: var(--th-dropdown-bg);
}

.cta-bulk-action-hire .more-option-selected .p-add-btn svg.p-icon {
    stroke: #ffffff;
}

#setupFormSendOffer {
    height: 100%;
}

.align-add-pol .pp-user-count {
    margin-bottom: 0.6rem;
}

.align-add-pol .p-p-radio-group {
    margin-bottom: 0.7rem;
}

#gridIncome {
    min-height: 250px; /* Adjust the height as needed */
}

.pso-head-wrapper {
    margin-bottom: 1rem;
}

.review-progress .ph-card.loading-skeleton {
    min-height: 270px;
}

#frmCreateEmailTask .p-input-append .select2-container--default .select2-selection--multiple .select2-selection__clear {
    right: 1.15rem;
    font-size: 15px;
}

/*css for new dashboard starts here*/

.p-db-grid-main {
    display: grid;
    grid-template-columns: 1fr 1fr 340px;
    gap: var(--default-gap);
}


.daily-aff-wrapper {
    background-image: url(https://liveplummblob.blob.core.windows.net/content/01082024054324.png);
    background-size: cover;
    background-position: bottom center;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
}

.p-db-grid-main-cols {
    align-self: flex-start;
}

.pdb-mh-dff-hc {
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

.p-db-grid-main-cols .p-banner-stats {
    margin-top: 0.9rem;
}

.p-dash-my-activ .nd-label-head {
    min-width: initial;
}

    .p-dash-my-activ .nd-label-head span {
        font-size: var(--base-font-size-h5);
        font-weight: 600;
    }

    .p-dash-my-activ .nd-label-head p {
        margin: 0.1rem 0 0;
        color: #687082;
        font-size: var(--base-font-size-sm);
        line-height: 1.25;
    }

.p-dash-my-activ.mwcm-activity {
    min-height: 245px;
}

.p-dash-my-activ > .p-banner-stats {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-content: stretch;
    gap: 1rem;
    box-sizing: border-box;
    padding-top: 3.1rem;
    padding-bottom: 0.35rem;
}

    .p-dash-my-activ > .p-banner-stats > .p-bs-center,
    .p-dash-my-activ > .p-banner-stats > .p-bs-center > .p-bs-gr {
        width: 100%;
        min-width: 0;
    }

.p-dash-my-activ #div-dashboard-piechart {
    width: 100%;
    height: 165px;
}

.p-dash-my-activ #div-dashboard-piechart-Legends {
    min-width: 7rem;
    max-width: 9rem;
    align-content: center;
    gap: 0.45rem;
}

    .p-dash-my-activ #div-dashboard-piechart-Legends .p-feat-legends-items {
        display: block;
    }

        .p-dash-my-activ #div-dashboard-piechart-Legends .p-feat-legends-items label {
            margin: 0;
            color: #687082;
            font-size: var(--base-font-size-sm);
            line-height: 1.25;
            white-space: normal;
        }

.nd-cus-conatiner #mwcmSessionAssigned {
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

    .nd-cus-conatiner #mwcmSessionAssigned .mwcm-therapist-photo-wrap {
        width: 130px;
        height: 130px;
        border-radius: 12px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .nd-cus-conatiner #mwcmSessionAssigned .mwcm-therapist-photo {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
    }

    .nd-cus-conatiner #mwcmSessionAssigned .mwcm-tag-hidden {
        display: none;
    }

    .nd-cus-conatiner #mwcmSessionAssigned .mwcm-tags.is-expanded .mwcm-tag-hidden {
        display: inline-flex;
    }

    .nd-cus-conatiner #mwcmSessionAssigned .mwcm-tag-more {
        cursor: pointer;
    }

.p-db-mg-tw-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--default-gap);
}

.p-db-data-count {
    min-height: 175px;
}

.p-db-sticky-top {
    position: sticky;
    top: -230px;
}

@media(max-width: 1500px) {
    .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg)* 0.6);
    }
}

.p-db-mg-tw-grid .ph-default-link {
    font-weight: 500;
    font-size: var(--base-font-size-xxs);
}

    .p-db-mg-tw-grid .ph-default-link:hover {
        text-decoration: underline;
    }

.p-select-audi-dd {
    z-index: 99999 !important;
}

    .p-select-audi-dd .dx-popup-content {
        padding: 12px 6px;
    }

    .p-select-audi-dd .dx-list-item {
        border: none !important;
    }


.p-dx-dd .dx-texteditor.dx-editor-outlined {
    border-radius: var(--bs-border-radius) !important;
}

.p-dx-dd .dx-texteditor.dx-state-hover {
    border-color: var(--input-border-1) !important;
}

.p-db-upld-mw {
    max-width: 417px;
}

.p-upload-upd {
    --btn-min-height-upld: 41px;
    display: flex;
    align-items: stretch;
    gap: 0.6rem;
    color: var(--primary-color);
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    min-height: var(--btn-min-height-upld);
    cursor: pointer;
}

.p-upload-upd-icon {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 0.8rem;
    margin-right: 0.2rem;
}

    .p-upload-upd-icon::after {
        content: '';
        width: 1px;
        height: var(--btn-min-height-upld);
        background-color: var(--input-border-1);
        display: inline-block;
        right: 0;
        position: absolute;
    }

.p-upload-upd-txt {
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.p-upd-prev-doc-icon-type {
    width: 48px;
    height: auto;
}

.p-upd-uploaded-doc-wrapper {
    margin-top: 1.3rem;
}

.p-upd-uploaded-img-mw,
.p-img-rounded {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-upd-uploaded-img-mw {
    margin-bottom: 0.7rem;
}

    .p-upd-uploaded-img-mw img {
        min-height: 235px;
        object-fit: cover;
    }

.p-input-append-dot {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-input-append-dot::before {
        content: '';
        width: 1px;
        height: 43px;
        background-color: var(--input-border-1);
        display: inline-block;
        left: -12px;
        position: absolute;
        top: -7px;
    }

.post-db-img-mh img {
    width: 100%;
    height: auto;
}

.p-padd-card {
    padding: calc(var(--box-padding) * 0.5)
}

.p-card-footer {
    border-top: 1px solid var(--light-blue-1);
}

.social-widget {
    flex-grow: 1;
    padding: 0.65rem;
    gap: 0.7rem;
    color: var(--on-primary-color);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .social-widget:hover, .ph-card-hover:hover {
        background-color: var(--theme-border-layout);
        color: var(--theme-primary-color);
    }

        .social-widget:hover svg.p-icon {
            stroke: var(--theme-primary-color);
        }

    .social-widget svg.p-icon,
    .p-icon-grey-s {
        stroke: var(--on-primary-color);
    }

.p-icon-grey-f {
    fill: var(--on-primary-color);
}

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

.p-mention-atr {
    color: #38BEFF;
}

.p-db-posts-mw .p-card-header span {
    font-weight: 400;
}

.p-db-posts-mw .p-card-body p:not(:last-child) {
    margin-bottom: 0.25rem;
    word-break: break-word;
}

.polls-answer ul {
    list-style-type: none;
    padding: 0;
    color: var(--primary-color);
}

.polls-answer li {
    position: relative;
    cursor: pointer;
    transition: all .3s;
}

    .polls-answer li small {
        font-size: calc(var(--base-font-size-xxs)* 0.952);
    }

.p-polls-ans-opt {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    font-weight: 500;
    font-size: var(--base-font-size-lg);
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--theme-primary-color);
}

.polls-answer .custom-progress.progress {
    height: 2.4rem !important;
    /*    background-color: transparent;*/
    border: 1px solid var(--input-border-1) !important;
    border-radius: calc(var(--border-radius-default)* 0.9) !important;
    overflow: hidden;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.polls-answer .p-ul-align li:not(:last-child) {
    margin-bottom: 0.7rem;
}

li.poll-anser-before:hover .custom-progress.progress {
    background-color: var(--theme-primary-color);
    transition: all 0.3s;
}

li.poll-anser-before:hover .p-polls-ans-opt {
    color: #fff;
}

li.poll-anser-before .p-polls-ans-opt {
    font-weight: 400;
}

.polls-answer .progress .progress-bar {
    background-color: #f3f2f2;
}

.polls-answer .p-progress-def {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.polls-answer .cp-data-bottom {
    font-weight: 500;
    font-size: var(--base-font-size-lg);
    min-width: 55px;
}

.pol-ans-check {
    display: none;
}

.poll-answer-active .pol-ans-check {
    display: block;
    stroke: #fff;
}

.fo-cols-widget.loading-skeleton .social-widget svg.p-icon {
    stroke: none;
    fill: none;
    width: 40px;
    height: 20px;
}

.p-red-dot-sm {
    width: 5px;
    height: 5px;
    background: #FF4423;
    border-radius: 50%;
}

.p-card-header .ph-5 {
    margin-bottom: 0.125rem;
}

.p-db-posts-mw .p-card-header span {
    font-size: var(--base-font-size);
}

.p-input-pre-img.p-input-prepend input {
    padding-left: 3.3rem;
    border-radius: 3.1rem;
}

.p-input-pre-img.p-input-prepend .input-icon-append {
    left: 0.65rem;
}

.p-db-post-lists-mw .p-ncb-ic:not(:last-child)::after {
    background-color: transparent;
}

.p-db-post-lists-mw .p-dd-wp-wrapper {
    margin-top: 0rem;
    margin-right: -0.25rem;
}

.df-flex-col {
    display: flex;
    flex-direction: column;
}

.p-fg-1 {
    flex-grow: 1;
}

.p-db-posts-mw {
    overflow: visible;
    padding-right: 0.25rem;
    margin-right: -0.25rem;
}

.p-db-mg-tw-grid-cols .see-ph-link {
    padding-bottom: 0.7rem;
}

.p-db-no-post-yet svg {
    fill: var(--theme-no-data-svg);
    height: 450px;
    width: 100%;
    max-width: 75%;
}

.p-db-grid-main #showMoreDiv,
.p-db-grid-main #btn-upcmoning-events,
.p-db-grid-main-cols .see-ph-link {
    display: none !important;
}

.p-db-grid-main .p-defautlt-navs {
    margin-top: -0.4rem !important;
}

.p-db-posts-mw .post-item:not(:last-child) {
    margin-bottom: calc(var(--default-gap));
}

@media(min-width: 2100px) {
    #div-dashboard-piechart.p-pb-gr-circle {
        --pb-gr-cricle-wh: 8.5rem;
    }
}


@media(max-width: 1750px) {
    .p-db-data-count {
        min-height: 155px;
    }

    .p-db-grid-main {
        display: grid;
        grid-template-columns: 1fr 1fr 320px;
    }

    .p-db-mg-tw-grid,
    .p-db-grid-main {
        gap: calc(var(--default-gap) * 0.7);
    }

        .p-db-grid-main .mb-1p8,
        .p-db-posts-mw .post-item:not(:last-child) {
            margin-bottom: calc(var(--default-gap) * 0.7);
        }
}

@media(max-width: 1550px) {
    .p-db-grid-main {
        display: grid;
        grid-template-columns: 1fr 1fr 290px;
        gap: 1.6rem;
    }

    .p-db-mg-tw-grid,
    .p-db-grid-main {
        gap: calc(var(--default-gap) * 0.7);
    }

        .p-db-grid-main .p-padd-card,
        .p-db-grid-main .ph-card {
            padding: calc(var(--box-padding)* 0.7);
        }

    .p-db-data-count {
        min-height: 135px;
    }

    .main-sidebar .nav-sidebar > li > a.nav-link p {
        font-size: calc(var(--base-font-size-sm)* 0.92);
    }

    .p-db-grid-main-cols .p-banner-stats {
        gap: 1.3rem;
    }
}
/*css for new dashboard ends here*/

.sh-sb-mn {
    position: absolute;
    bottom: 5rem;
    right: -12px;
    border-radius: 50% !important;
}

.btn-icon {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    cursor: pointer;
    z-index: 9999;
}

.btn-icon-sm {
    width: 1.5rem;
    height: 1.5rem;
}

.btn-icon-xs {
    width: 1.3rem;
    height: 1.3rem;
}

.btn-icon-sm em.icon {
    font-size: 0.9rem;
}

.p-bg-primary {
    background-color: var(--primary-color);
}

.p-bg-primary-inverse, .p-bg-primary-inverse em.icon {
    color: #fff;
}

.main-sidebar[p-toggle-menu="minimise-on"],
.p-sb-minimised .popup-planned-maintenence {
    --custom-sidebar-width: 4rem;
}

    .main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li > a.nav-link p,
    .main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li.p-sb-menu-sticky .p-sb-menu-sticky-inner > a.nav-link p {
        visibility: hidden;
        transition: all .3s;
        opacity: 0;
        font-size: 0;
        white-space: nowrap;
        flex: 1;
    }

    .main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li > a.nav-link, .main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li.p-sb-menu-sticky .p-sb-menu-sticky-inner > a.nav-link {
        max-width: 43px;
        height: 43px;
    }

.p-sb-menu-sticky-inner a.nav-link {
    min-height: 43px;
}

.main-sidebar[p-toggle-menu="minimise-on"] li.nav-item .side-menu-ti {
    min-width: 100px;
}

nav.sidebar-nav > ul > li.main-sidebar-seperator label {
    transition: all .3s;
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li.main-sidebar-seperator label {
    font-size: calc(var(--base-font-size-xxs)* 0.85);
    position: relative;
    width: 44px;
    text-align: center;
}

.p-sb-minimised.layout-navbar-fixed .wrapper .brand-link,
.p-logo-brand-icon {
    padding: 0.5rem 0.6rem;
}

.p-menu-nav-sb {
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    padding: 0;
}

.p-icon-menu {
    width: 1.9rem;
    height: 1.9rem;
    stroke: var(--primary-color);
    stroke-width: 2;
    position: relative;
    top: -2px;
}

.main-sidebar[p-toggle-menu="minimise-on"] .nav-sidebar li a.nav-link .icon.ni {
    right: -16px;
    padding-top: 0.1rem;
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li {
    height: 42px;
}

.main-sidebar[p-toggle-menu="minimise-on"] #ChatTherapy span.msg-count {
    right: 0.3em;
    top: 11px;
}

.main-sidebar nav.sidebar-nav > ul > li {
    height: 42px;
}

    .main-sidebar nav.sidebar-nav > ul > li > a {
        min-height: 42px;
    }

.main-sidebar .nav-bg-color.active-slide-bg {
    min-width: 100%;
}

.p-sidenav-logo {
    transition: all .3s;
}

.p-sidenav-logo {
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.p-sb-minimised .p-sidenav-logo {
    transition: all .3s;
    /*    width: 1.7rem;
    height: 1.7rem;*/
    border-radius: 0.3rem;
}

@media (min-width: 768px) {
    body.p-sb-minimised:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body.p-sb-minimised:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body.p-sb-minimised:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        --custom-sidebar-width: 4rem;
    }
}

@media(max-width: 1024px) {
    .p-db-grid-main {
        grid-template-columns: auto;
    }

    .sh-sb-mn {
        display: none !important;
    }
}

/*report UI fix*/
.p-rep-tem-grid {
    display: grid;
    grid-template-columns: 245px auto;
    gap: 1rem;
}

.p-rep-temp .ch-filter-search {
    max-width: 226px;
}

.p-ref-left-cols {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
}

    .p-ref-left-cols::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        border-right: 1px solid var(--input-border-1);
        height: calc(100vh - 70px);
    }

.p-tem-card-list-item {
    max-width: 215px;
    border: 1px solid var(--grey-bg-3);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-tem-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--default-gap);
}

.p-tem-card-list-item:hover {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    cursor: pointer;
}

.p-rep-list-mw {
    margin-top: -0.55rem;
}

.p-tem-card-list-item-cont {
    padding: 0.75rem;
    color: var(--primary-color);
    font-size: var(--base-font-size-xl);
}

.p-rep-template-list-mw li.nav-item .nav-link {
    color: var(--on-primary-color);
    padding: 0.55rem 0.7rem;
    margin-left: 1rem;
}

.p-rep-list-mw > li.nav-item .nav-link {
    color: var(--primary-color);
    font-weight: 500;
}

.p-rep-list-mw li.nav-item .nav-link:hover,
.p-rep-list-mw li.nav-item .nav-link.active-link {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: calc(var(--bs-border-radius)* 0.75);
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-rep-list-mw li.nav-item .nav-link:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-rep-list-mw .p-accor-button-type .p-acc-card.p-acc-heading .p-acc-header {
    padding: 0.35rem 0.8rem;
}

.template-content {
    margin-bottom: 2.1rem;
}

.p-rep-sticky-top {
    position: sticky;
    top: 0;
    height: 100vh;
}

.template-content h4.ph-4 {
    margin-bottom: 0.65rem;
}

.p-ref-right-cols {
    padding-top: 62px;
}

li.p-acc-card.p-cur-poi.p-list-inactive {
    cursor: default !important;
}

/*.p-list-inactive .p-acc-header {
    border-left: var(--left-active-bw-lg) solid rgb(10 22 47 / 50%);
}
*/
/*.p-list-inactive .p-jp-head,
.p-list-inactive .p-tag-sm,
.p-list-inactive .lt-days {
    opacity: 0.5;
}*/

.insights-lists li.p-acc-card {
    cursor: pointer;
}

.p-input-sm-inline {
    width: 96px;
    min-width: initial;
    margin: 0 0.4rem;
    padding: 0.45rem 0.6rem;
    padding-right: 0.8rem;
}

.p-input-sm-select {
    margin: 0 0.4rem;
    padding: 0.45rem 0.6rem;
    min-width: initial;
    padding-right: 2.85rem;
}

.p-cb-w-input .p-custom-checkbox .custom-control-label::before {
    top: 0.49rem;
}

.p-cb-w-input .p-custom-checkbox .custom-control-label::after {
    top: 0.4rem;
}

.p-at-widget {
    z-index: 99959 !important;
    padding: 0.5rem 0.7rem;
    min-height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    bottom: 15px;
    left: 15px;
    min-width: 215px;
    transition: all 0.3s ease;
    height: auto;
    cursor: grab;
    max-width: 20.5rem;
    border: 2px solid var(--p-grey-5);
}

    .p-at-widget.expanded {
        min-width: 13.5rem;
        height: initial !important;
    }

.p-at-min-exp-toggle {
    position: absolute;
    right: 7px;
    top: 7px;
}

.p-at-pause.js-at-pause {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-at-pause-cont {
    display: grid;
    gap: 0.2rem;
}

.fw-semibold {
    font-weight: 600;
}

.fw-medium {
    font-weight: 500;
}

.p-at-pause-cont .pdf {
    display: grid;
    grid-template-columns: 30px auto;
}

.p-at-min-exp-iw,
.btn-icon-bg {
    background-color: var(--sec-light-color4);
    transition: all .3s;
}

    .p-at-min-exp-iw:hover,
    .btn-icon-bg:hover {
        background-color: var(--sec-light-color6);
    }

.play-pause-is {
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
}

.p-at-time-bg {
    background-color: var(--p-grey-3);
    padding: 2px 6px;
    border-radius: 0.22rem;
    color: var(--primary-color);
    font-weight: 600;
}


.p-at-details-bottom svg.p-icon-fill {
    flex-shrink: 0;
}

.p-att-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

    .p-att-actions svg {
        width: 3rem;
        height: 3rem;
        flex-shrink: 0;
        fill: var(--theme-primary-color);
    }

.p-att-dates-list-items .pdf {
    min-width: 112px;
}

.p-at-details-bottom-inner > .d-flex {
    flex: 0 0 auto;
}

.p-att-actions-play svg {
    position: relative;
    left: 2px;
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.p-at-details-top {
    width: calc(100% + 1.4rem);
    margin-left: -0.7rem;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.3rem;
    border-radius: 0.375rem 0.375rem 0rem 0rem;
    background: linear-gradient(180deg, rgba(233, 237, 241, 0.10) 0%, rgba(233, 237, 241, 0.70) 100%);
    padding: 1rem;
}

.p-at-details-paused {
    background: linear-gradient(180deg, rgba(249, 231, 145, 0.00) 0%, rgba(249, 231, 145, 0.39) 100%);
}

.p-at-details-bottom {
    padding-top: 0.8rem;
}

.p-at-details-top h2.ph-2 {
    margin: 0;
    font-weight: 700;
    font-size: 1.55rem;
}

.p-at-green {
    background: var(--theme-primary-color);
}

.p-at-yellow {
    background: var(--yellow-color);
}

.p-at-white {
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
}

.p-at-work-report .p-at-details-top {
    background: initial;
}

.p-at-work-report {
    padding: 0.8rem;
    padding-top: 0;
}

.p-at-details-top label {
    font-size: var(--base-font-size-h5);
}

.p-res-distr.p-res-distr-att {
    min-height: 42px;
    border-radius: calc(var(--bs-border-radius)* 1.15);
    border: 2px solid var(--p-grey-5);
    padding: 0.2rem;
}

.p-res-distr-att div {
    border-radius: calc(var(--bs-border-radius) * 0.4);
}

    .p-res-distr-att div:first-child {
        border-top-left-radius: calc(var(--bs-border-radius) * 0.7);
        border-bottom-left-radius: calc(var(--bs-border-radius) * 0.7);
    }

    .p-res-distr-att div:last-child {
        border-top-right-radius: calc(var(--bs-border-radius) * 0.7);
        border-bottom-right-radius: calc(var(--bs-border-radius) * 0.7);
    }

.p-bg-gray {
    background-color: var(--grey-bg-4);
}

/*.p-sb-gene-footer-up {
    border: 1px solid var(--primary-border-color);
    background-color: var(--grey-bg-4);
}*/

.p-sb-gene-footer-up .p-btn-sec:not(.p-btn-sec-bord-red) span {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-sb-gene-footer-up .p-btn-sec:hover span {
    color: #fff;
}

.p-at-details-bottom hr {
    margin: 0.6rem 0;
    border-top: 1px solid var(--p-grey-5);
}

.p-at-time-tarc-grid .p-res-distr.p-res-distr-att {
    min-height: 25px;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    border: 1px solid var(--p-grey-5);
    padding: 0.3rem;
}

.p-at-time-tarc-grid .loading-skeleton .p-res-distr.p-res-distr-att {
    border: 1px solid var(--sec-light-color7);
}

.p-at-work-legends-sm .p-feat-legends-items {
    font-size: var(--base-font-size-xs);
}

.p-at-work-legends-sm .p-fli-box {
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
    top: -0.5px;
}

.p-at-head sub {
    position: relative;
    top: -1px;
    font-size: 0.9rem;
}

.p-at-work-legends-sm .p-feat-legends-items {
    gap: 0.35rem;
}

.p-at-time-tarc-grid {
    display: grid;
    grid-template-columns: 290px 1fr var(--default-sidebar-width-sm);
    gap: var(--default-gap);
}

    .p-at-time-tarc-grid.mb-4.hide-team-attendance {
        grid-template-columns: 1fr var(--default-sidebar-width-sm);
    }

@media(max-width: 1100px) {
    .p-at-time-tarc-grid {
        display: flex;
        flex-wrap: wrap;
        gap: var(--default-gap);
    }
}

.hide-team-attendance-none {
    display: none !important;
}

.p-at-overtime,
.p-at-schedule {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
}

    .p-at-overtime strong,
    .p-at-schedule strong,
    .p-at-head {
        font-size: 1.4rem;
        color: var(--primary-color);
        font-weight: 600;
    }

    .p-at-schedule .p-sc-details {
        gap: 0.3rem;
    }

.p-sc-details-2x label {
    flex: 0 0 5rem;
}

.p-at-week select {
    min-width: 5.8rem;
    height: calc(1.5em + 0.75rem + 0.325em);
}

.p-at-date-lr {
    display: flex;
    align-items: center;
    height: calc(1.5em + 0.75rem + 0.6em);
    width: initial;
    gap: 0.75rem;
}

.p-rotate-180 {
    transform: rotate(180deg);
}

.p-atd-lr-arr {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-at-date-lr-nav {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.p-atd-lr-arr::after {
    content: '';
    position: absolute;
    top: -6px;
    right: 0;
    background-color: var(--sec-light-color6);
    width: 1px;
    height: calc(1.5em + 0.75rem + 0.325em);
}*/

.p-sb-gene-header-sub {
    background: var(--p-grey-3);
    padding: calc(var(--box-padding)* 0.9) var(--box-padding);
    position: sticky;
    top: 0;
    z-index: 1600;
}

.sb-att-request-details .p-sb-gene-header-sub {
    position: static;
}

.p-comment-def-mw .p-sb-gene-header-sub {
    margin-bottom: 1.3rem;
    border-radius: var(--bs-border-radius);
}

.p-btn-sec-wi .p-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.p-btn-sec.p-btn-sec-wi {
    font-weight: 500;
    min-height: initial;
    border-radius: calc(var(--border-radius-default)* 0.85);
}

.p-textarea-w-cta .p-btn-sec-wi {
    margin-top: 1rem;
    margin-left: auto;
}

.p-textarea-w-cta {
}

.sb-att-request-details .p-ev-it-mdt {
    background: var(--sec-light-color7);
    color: var(--primary-color);
}

    .sb-att-request-details .p-ev-it-mdt small {
        font-weight: 400;
    }

    .sb-att-request-details .p-ev-it-mdt label {
        font-size: calc(var(--base-font-size-h2)* 1.3);
        line-height: 0.9;
        margin-bottom: 0.35rem;
    }

.sb-att-request-details .p-ev-it-mdt {
    --p-even-dt-box-wh: 4.5rem;
}

.sb-att-request-details .p-head-seperator-fw h5.ph-5 {
    font-size: var(--base-font-size-lg);
}

.p-att-cico .web-clock-ins-item {
    padding: 0.55rem;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-att-cico .web-clock-ins-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.p-att-cico label.label-primary {
    margin-bottom: 0.32rem;
}

.p-att-cico span.text-secondary-color {
    font-size: var(--base-font-size-xs);
}

.p-head-seperator-green {
    background-color: var(--complete-bg);
}

    .p-head-seperator-green .ph-5,
    .p-head-seperator-green {
        color: #1f6936;
    }

.p-sb-ca-at h5 {
    padding-bottom: 0.12rem;
}

.p-inf-msg-wb.p-info-msg {
    border: none;
    gap: 0.7rem;
}

.p-sb-ca-at .p-inf-msg-wb.p-info-msg {
    gap: 0.7rem;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.p-dot {
    width: 4px;
    height: 4px;
    display: inline-block;
    flex-shrink: 0;
    border-radius: 50%;
    margin-top: 2px;
}

.p-dot-sm {
    width: 3px;
    height: 3px;
}

.p-dot-grey {
    background-color: var(--sec-light-color3);
}

.p-dot-green {
    background-color: #1f6936;
}

.p-dot-red {
    background-color: #F53D6B;
}

.p-head-seperator-red {
    background: #FEF0F4;
}

.p-head-seperator-yellow {
    background: #fbf6db;
}

.p-head-seperator-red .ph-5,
.p-head-seperator-red {
    color: #F53D6B;
}

.p-ana-card {
    display: flex;
    flex-direction: column;
}

.p-ana-2x-cont-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.55rem 0.5rem;
}

.mhwbd-mw {
    max-width: 290px;
}

.p-ana-2x-cont-grid-item label {
    font-weight: 500;
}

.p-at-as-ts-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px; /* Adjust the gap as needed */
}

.p-at-as-ts-grid-item label {
    margin-bottom: 0.3rem;
}

.p-att-summ-card-pd-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--default-gap);
}

.p-sb-if-bf-mw {
    position: relative;
    overflow: auto;
    height: calc(100vh - 4.2rem);
    display: flex;
    flex-direction: column;
}

.p-sb-gene-body-if {
    height: 100%;
    padding: calc(var(--box-padding) * 0.95);
    overflow-y: auto;
}

.p-ins-wid-grid {
    display: grid;
    grid-template-columns: 1fr 1px 400px;
    gap: 0;
    height: 100%;
}

.p-ins-wid-col-sep {
    height: 100%;
    border-right: 1px solid var(--primary-border-color-2);
}

.form-control.form-control-sm {
    height: calc(1.5em + 0.75rem + 0.225em);
    font-size: var(--base-font-size-xxs);
}

.p-border-top-1 {
    border-top: 1px solid var(--primary-border-color-2) !important;
}

.p-border-bottom-1 {
    border-bottom: 1px solid var(--primary-border-color-2);
}

.p-cont-wb {
    padding: 0.75rem 1.05rem 0.75rem;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(1) {
    height: 70%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(2) {
    height: 80%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(3) {
    height: 90%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(4) {
    height: 45%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(5) {
    height: 55%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(6) {
    height: 60%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(7) {
    height: 83%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(8) {
    height: 43%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars-wr {
    height: 100%;
}

.p-btn-group label.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
}

.p-chart-icons-switch {
    width: 0.9rem;
    height: 0.9rem;
    stroke: var(--primary-color);
    display: inline-block;
}

.p-btn-group {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-btn-group label.btn.active {
        background-color: var(--theme-primary-color);
    }

    .p-btn-group label.btn:focus,
    .p-btn-group label.btn.focus {
        box-shadow: 0 0 0 .25rem var(--sec-light-color4);
        border: 1px solid var(--input-border-1) !important;
    }

    .p-btn-group label.btn.active .p-chart-icons-switch {
        stroke: #ffffff;
    }

    .p-btn-group label.btn {
        border-radius: .25rem;
    }

.fw-normal {
    font-weight: 500 !important;
}

.p-sub-dd-wp-content {
    display: none;
    position: absolute;
    top: 0;
    left: 100%; /* Open to the right by default */
    z-index: 9999;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.pgab-icons:hover > .p-sub-dd-wp-content {
    display: block;
}

.pgab-icons {
    position: relative;
    padding-right: 20px; /* Adjust padding to make space for the chevron */
}

.p-grid-action-btns .review-peer-nominations-action {
    padding-right: 0.45rem;
}

.p-grid-action-btns .review-peer-nominations-action:hover {
    color: var(--theme-primary-color);
}

.p-sub-dd-wp-item.pgab-icons::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8L14 12L10 16' stroke='%23212117' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: center center;
    background-size: cover;
}


.pgab-icons.p-sub-dd-wp-item::before {
    content: '';
    position: absolute;
    right: -20px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.p-rad-tline {
    margin-top: -0.15rem;
}

.pl-options-inner {
    padding-left: 1.65rem;
}

.p-fs-normal {
    font-size: var(--base-font-size);
}

.p-rad-align-wcb {
    padding-left: 2.05rem;
}

    .p-rad-align-wcb .p-form-check {
        margin-bottom: 0.7rem;
    }

.p-rad-align .p-form-check .p-form-check-label {
    margin-top: -0.15rem;
}

.p-rad-align .p-form-check {
    margin-bottom: 0.7rem;
    align-items: flex-start;
}

.p-mw-80px {
    max-width: 80px !important;
}

.p-mw-60px {
    max-width: 60px !important;
}

.p-inp-def-grp-wt .input-group-append {
    max-width: 70px;
}

.p-dd-wp-wrapper .ph-default-link, .p-dd-wp-wrapper .ph-default-link em.icon {
    color: var(--primary-color);
    font-weight: 500;
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn .p-dd-wp-dot-icon {
    width: 1rem;
    height: 1rem;
    padding: 0;
    fill: var(--theme-primary-color);
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
    display: inline-flex;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    gap: 0.6rem;
    font-weight: 500;
    user-select: none;
    min-width: 7.4rem;
    gap: 0.8rem;
    border-radius: calc(var(--border-radius-default) * 1.25) !important;
    padding: 0.48rem 0.95rem;
    min-height: 39.2px;
}

    .p-dd-wp-wrapper-wl .p-dd-wp-btn:hover {
        background-color: var(--theme-primary-color);
        color: #fff;
        border: 1px solid var(--theme-primary-color);
    }

        .p-dd-wp-wrapper-wl .p-dd-wp-btn:hover svg {
            fill: #fff;
        }

#OffboardUserSideBar.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list {
    gap: 1rem;
}

.p-smart-tt {
    line-height: 1;
}

.ins-def-mb {
    margin-bottom: var(--grid-ana-gap);
}

.p-row-gutter {
    margin-left: -7px;
    margin-right: -7px;
}

    .p-row-gutter > [class*='col-'] {
        padding: 0 10px;
    }

.custom-gutter {
    margin-left: -7px;
    margin-right: -7px;
}

    .custom-gutter > [class*='col-'] {
        padding: 10px;
    }

    .custom-gutter .ins-def-mb {
        margin-bottom: 0;
        height: 100%;
    }

.custom-widget {
    height: 100%;
    min-height: 370px;
}

.custom-gutter .ba-box-shadows .p-icon-sm {
    width: 1.05rem;
    height: 1.05rem;
}

.custom-gutter .ba-box-shadows {
    height: 100%;
}

.p-att-graph-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.p-att-graph-bar {
    display: flex;
    width: 100%;
    height: 20px;
    background-color: #e0e0e0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.p-att-bar-section {
    background-color: var(--tag-bg-body-border-color);
    height: 100%;
}

.p-att-section-1 {
    width: 40%;
}

.p-att-section-2 {
    width: 10%;
    background-color: #decdff;
}

.p-att-section-3 {
    width: 10%;
}

.p-att-section-4 {
    width: 40%;
    background-color: #decdff;
}

.p-att-arrow {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #b0bec5;
}

.p-att-time-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

    .p-att-time-info div {
        width: 33%;
    }

        .p-att-time-info div span {
            display: block;
        }

.p-att-title {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
}

.p-att-value {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
    color: var(--primary-color);
}

.p-att-dates-list-items {
    margin-bottom: 0.65rem;
}

.attendance-main-container .pg-grid-layout-right {
    flex: 0 0 var(--default-sidebar-width-sm);
    min-height: initial;
    position: initial;
    min-width: var(--default-sidebar-width-sm);
}

.attendance-main-container .pg-grid-layout-left {
    max-width: calc(100% - var(--default-sidebar-width-sm) - var(--default-gap));
    min-width: 0;
    min-height: 0;
}

    .attendance-main-container .pg-grid-layout-left .ph-card {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-height: 0;
    }


.attendance-main-container .p-tabs-mh {
    min-height: 650px;
}

.p-db-like-inner-emoji,
.p-db-like-inner {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

    .p-db-like-inner-emoji span:first-child {
        font-size: 1.2rem;
        line-height: 0.9;
        position: relative;
        top: -2px;
    }

.mh-db-card {
    min-height: 320px;
}

.p-cg-per-inc-wrpaer .p-ncb-ic {
    margin-bottom: 0.4rem;
}

.p-img-wrap {
    width: 100%;
    height: auto;
    border-radius: calc(var(--bs-border-radius) * 0.85);
}

.fo-cols-widget.loading-skeleton {
    height: initial;
}

.post-item .p-html-editor-ol.p-html-editor .dx-quill-container.ql-container {
    height: initial;
    overflow: visible;
}

.post-item .p-html-editor-ol.p-html-editor .dx-htmleditor-content {
    min-height: 40px;
    height: initial;
    padding-right: 4.55rem;
}

.post-align-top .pdf span.pdf.p-icon-xxs {
    width: 0.95rem;
    height: 0.95rem;
    position: relative;
    top: 1px;
}

.p-db-post-reply .editor-button {
    border: none;
    background-color: transparent;
    padding: 0;
    margin-left: 0.45rem;
    position: absolute;
    right: 0.45rem;
}

    .p-db-post-reply .editor-button svg {
        stroke: none;
        fill: var(--theme-primary-color);
    }

.post-avatar-reply {
    height: 32px;
    width: 32px;
    position: relative;
    top: 0.2rem;
    margin-right: 0.15rem;
}

.p-db-reply-emoji {
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 1000;
    font-size: 18px !important;
    transform: translateY(-50%);
}

.disbaled-send-btn.editor-button {
}

.p-db-reply-emoji .dx-button-content {
    padding: 0 !important;
}

.p-db-show-raection-mw .p-db-reactions span {
    width: 23px;
    height: 23px;
    background: #ffefc5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin-left: -0.85rem;
    border: 1px solid #f2d960;
    line-height: 1.15;
    font-size: 0.98rem;
    line-height: 1.15;
    font-size: 0.98rem;
    padding-bottom: 1px;
    justify-content: center;
}

.p-sroke-none {
    stroke: none !important;
}

.p-db-com-mw {
    background-color: var(--sec-light-color8);
    padding: 0.45rem 0.7rem;
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
}

.p-rec-like-button-sm-inner {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

    .p-rec-like-button-sm-inner .p-db-show-raection-mw {
        margin: 0;
    }

span.p-rec-dot {
    width: 3px;
    height: 3px;
    background: var(--sec-light-color3);
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    top: 1px;
}

.p-rec-like-button-sm {
    margin-top: 0.4rem;
}

    .p-rec-like-button-sm .p-rec-emoji-dropdown {
        bottom: 26px;
    }

    .p-rec-like-button-sm .p-rec-like-button {
        font-size: 0.87rem;
        position: relative;
        top: -1px;
    }

        .p-rec-like-button-sm .p-rec-like-button span {
            margin-right: 0.2rem;
        }

.p-db-show-raection-mw .p-db-reactions {
    margin-left: 0.85rem;
}

    .p-db-show-raection-mw .p-db-reactions small {
        margin-left: -0.25rem;
        font-size: var(--base-font-size-xxs);
    }

.p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span {
    width: 18px;
    height: 18px;
    font-size: 0.75rem;
    padding-left: 0;
}

.p-db-show-raection-mw .p-db-reactions span.reactiontype_like {
    background: #ffefc5;
    border-color: #f2d960;
}

.p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    background: #ffd3d2;
    border-color: #ff9695;
}

.p-db-reply-emoji .dx-button-content .dx-button-text {
    transform: scale(1.15);
    display: inline-block;
}

.p-db-show-raection-mw .p-db-reactions span.reactiontype_like {
    background: linear-gradient(195deg, #4CA4FF 11.06%, #0674E6 83.29%);
    border-color: #fff;
}

.p-db-post-reply .p-html-editor-ol.p-html-editor p {
    word-break: break-word;
}

#audit-grid .dx-loadpanel {
    min-height: initial;
}

#permission-d-grid .dx-toolbar-items-container .dx-toolbar-before {
    display: none;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-rowsview tr.dx-row a {
    color: var(--primary-color);
}

.p-db-posts-mw .dx-htmleditor {
    border-color: var(--input-border-1) !important;
}

.ph-sw-items .p-dd-wp-content {
    z-index: 159;
}

.grid-main-family {
    grid-template-columns: 1fr 1fr;
    max-width: 1440px;
    margin: 0 auto;
}


    .grid-main-family .p-db-grid-main {
        grid-template-columns: 1fr 1fr;
    }

    .grid-main-family .pdb-mh-dff-hc {
        min-height: 260px;
    }

.ins-place-bot {
    position: absolute;
    bottom: 15px;
}

.summary-section #NoDataDivGridTasks {
    position: initial;
    transform: none;
}

.p-up-at-wrap .avatar-md,
.p-up-at-wrap .pp-user-imgs,
.p-up-at-wrap .pp-users-count {
    height: 2.25rem !important;
    width: 2.25rem !important;
}

.p-up-at-wrap .pp-user-cont {
    font-size: var(--base-font-size);
}

.p-db-posts-mw .nav-link svg.p-icon,
.sidebar-create-post .p-defautlt-navs-wi .nav-link svg.p-icon {
    stroke: var(--on-primary-color);
}

.p-db-posts-mw .nav-link span,
.sidebar-create-post .p-defautlt-navs-wi .nav-link span {
    font-weight: 400;
    font-size: var(--base-font-size-lg);
}

.sidebar-create-post .p-defautlt-navs-wi li a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-db-posts-mw .nav-link svg.p-icon {
    stroke: var(--on-primary-color);
    margin-right: 0.05rem;
    margin-bottom: 0.1rem;
}

p-db-posts-mw .nav-link:hover svg, .sidebar-create-post .p-defautlt-navs-wi .nav-link:hover svg {
    stroke: var(--theme-primary-color);
}

.p-db-posts-mw .nav-link.active svg.p-icon,
.sidebar-create-post .p-defautlt-navs-wi .nav-link.active svg.p-icon {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-db-posts-mw .nav-link.active span,
.sidebar-create-post .p-defautlt-navs-wi .nav-link.active span {
    font-weight: 500;
}

.goals-trun-txt {
    max-width: 188px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-up-achieve .p-up-at-wrap {
    gap: 1.5rem 1.9rem;
}

#gridContainerPeopleGoal.p-def-datagrid .p-progress-def {
    max-width: 510px;
}


.sidebar-create-post .p-default-navs .nav {
    gap: 0.3rem;
}

.p-select-audi-dd .dx-scrollview-content {
    height: calc(100vh - 430px);
}

.p-select-audi-dd .dx-list-next-button .dx-button {
    padding: 0;
}

.p-default-navs .nav.nav-pills {
    gap: 1.3rem;
}

    .p-default-navs .nav.nav-pills .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

@media(max-width: 1600px) {
    .p-select-audi-dd .dx-scrollview-content {
        max-height: 400px;
    }
}

.pso-form-wrapper .p-dd-wp-content {
    z-index: 9999;
}

.p-ana-welbeing-head {
    display: inline-grid;
    min-width: 210px;
}

@media(max-width: 1470px) {
    .pdb-mh-dff-hc .nav-pills .nav-link {
        padding: .3rem 0.6rem;
    }
}

@media(max-width: 1350px) {
    .pdb-mh-dff-hc .nav-pills .nav-link {
        padding: .3rem;
    }

    .p-db-posts-mw .nav-link span {
        font-size: var(--base-font-size-xs);
    }

    .p-db-posts-mw .p-icon-sm {
        width: 0.95rem;
        height: 0.95rem;
    }

    .pdb-mh-dff-hc .nav-pills.nav {
        gap: 1.2rem;
    }

    .plm-grad-app {
        width: 32.70681rem;
        height: 12.43531rem;
    }
}

#createtemplateReport.p-modal-sb-wizard .pso-grid-wrapper {
    height: initial;
    flex: 1;
}

.p-db-reactions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

    .p-db-reactions span {
        line-height: 1.15;
        font-size: 0.98rem;
    }

.p-db-rea-list {
}

    .p-db-rea-list ul li {
    }

.p-rec-like-button {
    position: relative;
    cursor: pointer;
}

.p-rec-like-icon {
    transition: background-color 0.3s ease;
}

.p-rec-emoji-dropdown {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 7px;
    display: inline-flex;
    justify-content: space-around;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--background1);
    box-shadow: var(--default-shadow-1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 10;
    gap: 0.6rem;
    width: 100%;
    min-width: 240px;
}

    .p-rec-emoji-dropdown::after {
        content: '';
        position: absolute;
        background: transparent;
        width: 100%;
        height: 22px;
        bottom: -13px;
        z-index: 99999;
    }

    .p-rec-like-button:hover .p-rec-emoji-dropdown,
    .p-rec-emoji-dropdown:hover {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

.p-rec-emoji {
    font-size: 26px;
    opacity: 0;
    transform: translateY(50px) scale(0.8);
    animation: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.p-db-rea-list {
    padding: 0;
    list-style: none;
}

    .p-db-rea-list li {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--primary-border-color);
    }

.p-rec-like-button:hover .p-rec-emoji:nth-child(1),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(1) {
    animation: bubbleEffect 0.6s ease forwards 0.1s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(2),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(2) {
    animation: bubbleEffect 0.6s ease forwards 0.2s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(3),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(3) {
    animation: bubbleEffect 0.6s ease forwards 0.3s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(4),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(4) {
    animation: bubbleEffect 0.6s ease forwards 0.4s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(5),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(5) {
    animation: bubbleEffect 0.6s ease forwards 0.5s;
}

/* Emoji hover scale effect */
.p-rec-emoji span {
    transition: all 0.2s ease;
}

.p-rec-emoji:hover span {
    transform: scale(1.35); /* Slight scale effect */
    display: inline-block;
}

/* Keyframes for the emoji bubble effect */
@keyframes bubbleEffect {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.8);
    }

    60% {
        opacity: 1;
        transform: translateY(-10px) scale(1.2);
    }

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

.p-db-show-raection-mw {
    margin-top: 1.8rem;
    margin-bottom: -0.15rem;
}

.p-db-comments:hover {
    color: var(--p-text-link);
    cursor: pointer;
}

span.p-db-comments {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    line-height: 1.2;
}

.p-db-comments span {
    display: inline-block;
    position: relative;
    padding-top: 0.07rem;
}

.p-inp-group {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding)* 0.85);
    border: 1px solid var(--input-border-1);
    padding-bottom: 0.25rem;
}

    .p-inp-group:not(:last-child) {
        margin-bottom: 1rem;
    }

.p-inp-group-td {
    text-align: right;
    margin-top: 0.1rem;
}

.loading-skeleton .p-at-green {
    background: var(--sec-light-color4);
}

.loading-skeleton .p-at-time-tarc-grid .p-res-distr.p-res-distr-att {
    border: 1px solid var(--sec-light-color4);
}

.web-clock-ins-list,
.attendance-adjustments-list {
    display: grid;
    gap: 0.55rem;
}

.attendance-main-container .loading-skeleton h4.ph-4 {
    max-width: 130px;
    margin-bottom: 0.95rem !important;
}

.loading-skeleton .p-att-time-info label.p-att-title {
    display: block;
    margin-bottom: 0.45rem;
}

.p-cal-tags {
    border-radius: 0.15rem;
    padding: 0.28rem 0.65rem;
    line-height: 1.25;
    display: flex;
    min-width: 90px;
    margin: 4px 0px;
    align-items: center;
    gap: 0.425rem;
    min-height: 32px;
    justify-content: center;
    font-size: 0.7rem;
    width: 100%;
    color: var(--primary-color);
    border-left: 5px solid;
}

    .p-cal-tags.p-cal-tags-sm {
        border-radius: 0.12rem;
        min-width: initial;
        gap: 0.425rem;
        min-height: initial;
        width: initial;
        border-left: 4px solid;
    }

.late-tag.p-cal-tags {
    background-color: #ffeab9;
    border-color: var(--yellow-color);
}

.regularize-tag.p-cal-tags {
    background-color: #c2f5d3;
    border-color: var(--green-color);
}

.woff-tag.p-cal-tags {
    background-color: #c6dfff;
    border-color: #3b75d0;
    border-width: 0px !important;
    border-left-width: 4px !important;
}

.missing-tag.p-cal-tags {
    background-color: #ffc8cc;
    border-color: var(--overdue-tc);
}

.p-cal-tags.awol-tag {
    border-color: #09090b;
    background-color: rgb(213 211 211);
}

.p-cal-tags.holiday-tag {
    border-color: #b421a3;
    background-color: #ffd6fa;
}

.p-cal-tags.leave-tag {
    border-color: #4316CA;
    background-color: #d5c7ff;
}

.p-cal-tags.p-tag-grey {
    border-left-color: #737373cc;
}

.p-cal-tags .p-icon-sm1 {
    width: 0.95rem;
    height: 0.95rem;
}

.p-cal-tags .p-icon-sm2 {
    width: 1rem;
    height: 1rem;
    position: relative;
    left: 1px;
}

.p-cal-tags .p-icon-sm3 {
    width: 1rem;
    height: 1rem;
}

.p-cal-tags .p-icon-sm-reg {
    width: 0.9rem;
    height: 0.9rem;
    position: relative;
    left: -0.05rem;
}

.p-cal-tags span {
    text-align: center;
    min-width: 40px;
}

@media(max-width: 1380px) {
    .p-cal-tags {
        min-width: 80px;
        gap: 0.225rem;
        font-size: 0.7rem;
    }
}



.holiday-tag svg.p-icon {
    stroke: #006654;
}


/*.leave-style svg.p-icon {
    stroke: #4316CA;
}*/

.p-cal-tags svg {
    display: none;
}

.regularize-tag svg.p-icon {
    stroke: #17663A;
}

.p-cal-grey {
}

.no-entries-tag {
    background-color: red;
    color: white;
}

.day-cell {
    text-align: left;
    padding-left: 0.05rem;
    color: var(--primary-color);
}

.p-att-mt-all-tags {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.dx-scheduler-timeline-week .p-att-mt-all-tags {
    min-height: 100px;
    height: initial;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    cursor: pointer;
}

.attendance-main-container .dx-template-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}

.attendance-main-container .dx-scheduler .dx-scheduler-header {
    display: none;
}

.attendance-main-container .dx-scheduler .dx-scheduler-work-space {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.attendance-main-container .dx-scheduler-work-space {
    border: 1px solid var(--theme-border-2);
    border-radius: var(--bs-border-radius);
}

.attendance-main-container .dx-scheduler-header-panel {
    margin: 0;
}

.attendance-main-container .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable {
    padding-bottom: 40px;
    margin-bottom: -40px;
}

.attendance-main-container .dx-scheduler-work-space-month .dx-scheduler-date-table tr.attendance-unused-week-row {
    display: none !important;
}

.attendance-main-container #scheduler.attendance-scheduler-month {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}

    .attendance-main-container #scheduler.attendance-scheduler-month > .dx-scheduler,
    .attendance-main-container #scheduler.attendance-scheduler-month.dx-scheduler {
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
    }

.attendance-main-container #scheduler.attendance-scheduler-week {
    min-height: 660px;
    max-height: none;
    overflow-y: visible;
}

.attendance-main-container .dx-scheduler-work-space-month {
    height: auto !important;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}

    .attendance-main-container .dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
        overflow: hidden;
        max-height: none;
    }

    .attendance-main-container .dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
    .attendance-main-container .dx-scheduler-work-space-month .dx-scrollable-content,
    .attendance-main-container .dx-scheduler-work-space-month .dx-scheduler-date-table {
        height: auto;
        min-height: 0;
    }

.share-candi-info {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 20px;
}

.loading-skeleton .p-tal-candi-info-ring {
    visibility: hidden;
    opacity: 0;
}

.loading-skeleton .p-ci-socials svg,
.loading-skeleton .p-sim-link {
    display: none;
}

.loading-skeleton .pd-ci-tags {
    border: 1px solid transparent;
}

.loading-skeleton .p-head-seperator-fw {
    color: transparent;
}

.p-at-date-lr .pcg-user-icon {
    width: 1.1rem;
    height: 2.1rem;
    display: inline-block;
    stroke: var(--p-icon-color);
}

.p-input-date-picon {
    position: relative;
}

    .p-input-date-picon::after {
        background-image: url("data:image/svg+xml,%3Csvg id='Calendar' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40967 9.66406C3.40967 9.24985 3.74545 8.91406 4.15967 8.91406H20.2011C20.6153 8.91406 20.9511 9.24985 20.9511 9.66406C20.9511 10.0783 20.6153 10.4141 20.2011 10.4141H4.15967C3.74545 10.4141 3.40967 10.0783 3.40967 9.66406Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8145 2.25C16.2287 2.25 16.5645 2.58579 16.5645 3V5.96174C16.5645 6.37595 16.2287 6.71174 15.8145 6.71174C15.4002 6.71174 15.0645 6.37595 15.0645 5.96174V3C15.0645 2.58579 15.4002 2.25 15.8145 2.25Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.54395 2.25C8.95816 2.25 9.29395 2.58579 9.29395 3V5.96174C9.29395 6.37595 8.95816 6.71174 8.54395 6.71174C8.12973 6.71174 7.79395 6.37595 7.79395 5.96174V3C7.79395 2.58579 8.12973 2.25 8.54395 2.25Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.71498 4.95257C5.634 4.07898 6.91309 3.67188 8.36992 3.67188H15.9903C17.4504 3.67188 18.7302 4.07866 19.6479 4.95324C20.5712 5.83328 21.0304 7.094 21.0262 8.60132C21.0262 8.60154 21.0262 8.60177 21.0262 8.60199L21.0262 16.8137C21.0262 18.3212 20.5649 19.5831 19.6415 20.4646C18.7234 21.341 17.4437 21.7504 15.9825 21.7504H8.36992C6.90859 21.7504 5.62787 21.3322 4.70972 20.4423C3.78785 19.5488 3.32617 18.2716 3.32617 16.7456V8.59984C3.32617 7.09167 3.79016 5.83167 4.71498 4.95257ZM5.74843 6.03976C5.18727 6.57317 4.82617 7.40215 4.82617 8.59984V16.7456C4.82617 17.9683 5.18958 18.8185 5.75368 19.3652C6.32151 19.9156 7.18767 20.2504 8.36992 20.2504H15.9825C17.1726 20.2504 18.0398 19.9198 18.6057 19.3796C19.1663 18.8445 19.5262 18.013 19.5262 16.8137V8.59984L19.5262 8.59768C19.5297 7.39945 19.1716 6.57144 18.613 6.03908C18.0486 5.50115 17.1815 5.17188 15.9903 5.17188H8.36992C7.18317 5.17188 6.31539 5.50083 5.74843 6.03976Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4307 13.376C11.4307 12.9618 11.7665 12.626 12.1807 12.626H12.1813C12.5956 12.626 12.9313 12.9618 12.9313 13.376C12.9313 13.7902 12.5956 14.126 12.1813 14.126H12.1807C11.7665 14.126 11.4307 13.7902 11.4307 13.376Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4307 16.8525C11.4307 16.4383 11.7665 16.1025 12.1807 16.1025H12.1813C12.5956 16.1025 12.9313 16.4383 12.9313 16.8525C12.9313 17.2668 12.5956 17.6025 12.1813 17.6025H12.1807C11.7665 17.6025 11.4307 17.2668 11.4307 16.8525Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.41113 13.376C7.41113 12.9618 7.74692 12.626 8.16113 12.626H8.16181C8.57603 12.626 8.91181 12.9618 8.91181 13.376C8.91181 13.7902 8.57603 14.126 8.16181 14.126H8.16113C7.74692 14.126 7.41113 13.7902 7.41113 13.376Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.41113 16.8525C7.41113 16.4383 7.74692 16.1025 8.16113 16.1025H8.16181C8.57603 16.1025 8.91181 16.4383 8.91181 16.8525C8.91181 17.2668 8.57603 17.6025 8.16181 17.6025H8.16113C7.74692 17.6025 7.41113 17.2668 7.41113 16.8525Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4404 13.376C15.4404 12.9618 15.7762 12.626 16.1904 12.626H16.1911C16.6053 12.626 16.9411 12.9618 16.9411 13.376C16.9411 13.7902 16.6053 14.126 16.1911 14.126H16.1904C15.7762 14.126 15.4404 13.7902 15.4404 13.376Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4404 16.8525C15.4404 16.4383 15.7762 16.1025 16.1904 16.1025H16.1911C16.6053 16.1025 16.9411 16.4383 16.9411 16.8525C16.9411 17.2668 16.6053 17.6025 16.1911 17.6025H16.1904C15.7762 17.6025 15.4404 17.2668 15.4404 16.8525Z' fill='%23404040'%3E%3C/path%3E%3C/svg%3E");
        font-size: 0;
        width: 1.1rem;
        height: 1.1rem;
        background-size: cover;
        background-position: center center;
        content: '';
        display: inline-block;
        position: absolute;
        right: 0.7rem;
        top: 50%;
        transform: translateY(-50%);
    }

.p-at-date-lr.p-input-date-picon {
    min-width: 290px;
    padding-right: 2.1rem;
}

.p-at-date-lr .pcg-user-icon {
    stroke: var(--on-primary-color);
}

.p-att-no-record .p-nd-upd img {
    max-width: 150px;
    margin-bottom: 0.8rem;
}

.p-att-no-record .p-nd-upd {
    margin: 0rem 0 0rem;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.3rem;
}

.p-att-time-info.lt-list-date-ng {
    gap: 0.4rem;
    justify-content: flex-start;
}

.lt-list-date-ng .lt-days {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
}

.lt-list-date-ng.lt-list-date small {
    text-align: left;
}

.lt-list-date-ng.lt-list-date .lt-days:last-child {
    align-items: flex-start;
}

.p-cb-input-valid {
    display: inline-flex;
    flex-direction: column;
    margin: 0 0.4rem;
}

/* Keep reminder validation below the sentence without widening its controls. */
#divRemindApproverAfterDays {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.4rem;
}

    #divRemindApproverAfterDays > .p-cb-input-valid {
        display: contents;
    }

    #divRemindApproverAfterDays .text-danger {
        order: 1;
        flex-basis: 100%;
        min-width: 0;
        left: 0;
        overflow-wrap: anywhere;
    }

.p-cb-input-valid input,
.p-input-sm-select {
    margin: 0;
}

.p-cb-input-valid .text-danger {
    line-height: 1.2;
    margin-top: 0;
}

#addPenalisationSettingModalStepDiv .p-inp-def-grp-wt .p-read-only-text {
    margin-left: 0;
}

.ba-box-shadows h4.pdf.justify-content-between {
    justify-content: flex-start !important;
    gap: 0.1rem;
}

.cta-bulk-action-hire .p-btn-sec,
#btnExportPDF {
    min-width: 100px;
    min-height: 33px;
}

.static-button svg {
    width: 1.2rem;
    height: 1.2rem;
    stroke: var(--primary-color);
}

.p-ani-dropdown .static-button button:hover {
    border-radius: calc(var(--bs-border-radius)* 1);
}

.p-att-shift-group-mw .p-input-append,
.p-input-box {
    background: var(--theme-light-bg-def-1);
    margin-bottom: 1.1rem;
    padding: 0.85rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--theme-border-layout);
}

.p-att-shift-group-mw .p-input-append {
    background: transparent;
    border: 1px solid var(--input-border-1);
}

.p-att-shift-group {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    min-height: 78px;
}

.p-att-shift-time-group {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.p-cb-shift-wd {
    align-self: center;
    min-width: 34px;
}

.p-att-shift-group-mw .text-danger {
    line-height: 1;
    top: 2px;
}

.view-shifts .p-att-shift-group {
    min-height: 74px;
}

.view-shifts label.p-cb-shift-wd {
    padding-top: 11px;
}

.class-form-control .dropdown-menu {
    width: 100%;
}

.pso-action-btns.pdf-gap-sm {
    gap: 1rem !important;
}

.pso-revi-btn-pos {
    margin-bottom: 1.5rem;
}

    .pso-revi-btn-pos .grid-btn-abs.grid-btn-abs-right {
        top: -25px;
    }

.attendance-main-container .dx-template-wrapper {
    min-height: 100px;
}

#scheduler {
    /* Prevent horizontal scrollbars */
}

.attendance-main-container .dx-scheduler-timeline .dx-scheduler-date-table-cell,
.attendance-main-container .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
    width: 90px !important;
}

.attendance-main-container .dx-template-wrapper.disabled-cell {
    flex: 1;
}

.p-icon-dp {
    position: relative;
}

    .p-icon-dp::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9838 0.639648C12.3814 0.639648 12.7038 0.962003 12.7038 1.35965V1.98504C13.8351 2.07694 14.8257 2.45677 15.5657 3.16231C16.4303 3.98669 16.8592 5.16658 16.8554 6.57409V9.38952C16.8554 9.78716 16.533 10.1095 16.1354 10.1095C15.7377 10.1095 15.4154 9.78716 15.4154 9.38952V8.28473H1.77374V14.1562C1.77374 15.2897 2.11067 16.0751 2.63079 16.5793C3.15448 17.0869 3.95498 17.3975 5.05158 17.3975H7.11589C7.51354 17.3975 7.83589 17.7199 7.83589 18.1175C7.83589 18.5152 7.51354 18.8375 7.11589 18.8375H5.05158C3.6869 18.8375 2.48848 18.4468 1.62857 17.6133C0.765091 16.7763 0.33374 15.5811 0.33374 14.1562V6.57332C0.33374 5.16467 0.767277 3.9852 1.63358 3.16159C2.37446 2.45723 3.36435 2.07734 4.49316 1.98518V1.35965C4.49316 0.962003 4.81552 0.639648 5.21316 0.639648C5.61081 0.639648 5.93316 0.962003 5.93316 1.35965V1.96289H11.2638V1.35965C11.2638 0.962003 11.5861 0.639648 11.9838 0.639648ZM11.2638 4.11705V3.40289H5.93316V4.11705C5.93316 4.51469 5.61081 4.83705 5.21316 4.83705C4.81552 4.83705 4.49316 4.51469 4.49316 4.11705V3.43114C3.67457 3.51737 3.05576 3.79642 2.62578 4.20522C2.10848 4.69702 1.77374 5.46277 1.77374 6.57332V6.84473H15.4154V6.57332L15.4154 6.57121C15.4186 5.4601 15.0867 4.69526 14.572 4.2045C14.1438 3.79617 13.5253 3.51694 12.7038 3.43093V4.11705C12.7038 4.51469 12.3814 4.83705 11.9838 4.83705C11.5861 4.83705 11.2638 4.51469 11.2638 4.11705ZM10.2591 14.9322C10.2591 13.2821 11.5968 11.9439 13.2464 11.9439C14.8971 11.9439 16.2347 13.2822 16.2347 14.9322C16.2347 16.5819 14.8973 17.9195 13.2464 17.9195C11.5966 17.9195 10.2591 16.582 10.2591 14.9322ZM13.2464 10.5039C10.801 10.5039 8.81909 12.4873 8.81909 14.9322C8.81909 17.3773 10.8013 19.3595 13.2464 19.3595C15.6924 19.3595 17.6747 17.3774 17.6747 14.9322C17.6747 12.4872 15.6926 10.5039 13.2464 10.5039ZM13.2259 12.9688C13.6235 12.9688 13.9459 13.2911 13.9459 13.6888V14.7869L14.7675 15.2779C15.1088 15.4819 15.2201 15.924 15.0161 16.2654C14.8122 16.6067 14.3701 16.718 14.0287 16.514L12.8565 15.8134C12.639 15.6834 12.5059 15.4487 12.5059 15.1954V13.6888C12.5059 13.2911 12.8282 12.9688 13.2259 12.9688ZM4.84317 10.1836C4.44552 10.1836 4.12317 10.5059 4.12317 10.9036C4.12317 11.3012 4.44552 11.6236 4.84317 11.6236H4.85317C5.25081 11.6236 5.57317 11.3012 5.57317 10.9036C5.57317 10.5059 5.25081 10.1836 4.85317 10.1836H4.84317ZM4.12317 14.2415C4.12317 13.8438 4.44552 13.5215 4.84317 13.5215H4.85317C5.25081 13.5215 5.57317 13.8438 5.57317 14.2415C5.57317 14.6391 5.25081 14.9615 4.85317 14.9615H4.84317C4.44552 14.9615 4.12317 14.6391 4.12317 14.2415ZM8.36441 10.1836C7.96676 10.1836 7.64441 10.5059 7.64441 10.9036C7.64441 11.3012 7.96676 11.6236 8.36441 11.6236H8.37441C8.77205 11.6236 9.09441 11.3012 9.09441 10.9036C9.09441 10.5059 8.77205 10.1836 8.37441 10.1836H8.36441Z' fill='%23404040'/%3E%3C/svg%3E%0A");
        font-size: 0;
        width: 1.25rem;
        font-size: 0;
        height: 1.25rem;
        background-size: 0.95rem;
        background-position: center center;
        content: '';
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        right: 0.65rem;
        background-repeat: no-repeat;
    }

.p-icon-disabled-date::after {
    opacity: 0.75;
}

.project-mamagement-grid .pp-user-imgs-wrapper.pp-users-count-nc,
.p-at-as-ts-grid .pp-users-count-nc {
    margin-left: -16px;
}

.p-att-shift-group-cols .input-group input.form-control {
    max-width: 118.1px;
}

.break-time-result {
    min-width: 90px;
}

.view-shifts .input-group-append .input-group-text.p-read-only-text {
    background: var(--disabled-light-color);
}

.view-shifts .p-form-check {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: default;
}

.p-multi-select-row {
    display: inline-flex;
    gap: 1.25rem;
}

    .p-multi-select-row select {
        min-width: 335px;
        max-width: 335px !important;
    }

#summaryTable .p-progress-def {
    margin-right: 100px;
}

.form-builder .header-field.form-field label.field-label {
    min-height: 19px;
}

#leaveBalancesAccordian .lt-list-date .lt-days small {
    color: var(--on-primary-color);
    text-transform: capitalize;
}

.profile-main-container .dx-datagrid-content-fixed tr.dx-data-row,
.profile-main-container .dx-datagrid-content-fixed tr.dx-data-row td:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: 0 !important;
}

.pl-options-inner .p-dd-wp-content {
    max-height: 450px;
    overflow: auto;
}

.p-lbc-acc-body b {
    text-transform: capitalize;
}

.p-wc-time-wmsg {
    display: grid;
    grid-template-columns: 90px auto;
    gap: 0.5rem;
}

.p-lh-1 {
    line-height: 1;
}

.loading-skeleton .pp-users-count-nc .pp-user-imgs {
    border-radius: 50%;
}

.pp-users-group.loading-skeleton .pp-users-count-nc .pp-users-count {
    border: 1px solid var(--sec-light-color6);
}

.pp-users-group.loading-skeleton label.pp-user-cont {
    margin-bottom: 0;
}

.pp-users-group.loading-skeleton svg.pp-user-imgs {
    fill: var(--theme-secondary-color) !important;
    stroke: none !important;
    background: var(--theme-light-bg-def-1);
}


.loading-skeleton span.hc-live-rounded-circle label {
    width: 100%;
    height: 100%;
}

.p-dx-search-left #SummaryGrid tr.dx-data-row td {
    cursor: default;
}

.attendance-main-container .pg-grid-layout-right .ph-card {
    flex: 1;
    min-height: 738px;
}

.att-reg-sb-det {
    display: flex;
    flex-direction: column;
}

#DailyAttendanceDetailsSection hr.p-daily-summary-hr {
    border-top: none;
    border-bottom: 1px solid var(--primary-border-color);
}

.attendance-main-container .dx-scheduler-date-table-cell.dx-state-focused:has(.disabled-cell),
.attendance-main-container .dx-scheduler-date-table-cell.dx-state-hover:has(.disabled-cell) {
    cursor: default;
    box-shadow: none;
    background: transparent;
}

.web-clock-ins-item .pdf.pdf-gap-3xs span.text-primary-color {
    min-width: 87px;
    text-align: left;
}

@media (max-height: 950px) {
    .pl-options-inner .p-dd-wp-content {
        max-height: 320px;
    }
}

#gridContainerOffboardingDocs a {
    word-break: break-all;
    line-height: 1.4;
    color: var(--primary-color);
}

    #gridContainerOffboardingDocs a:hover {
        text-decoration: underline;
    }

.p-as-loading {
    position: relative;
    top: 2px;
}

.align-head-w-sm-icon .p-lh-1 {
    height: 15px;
    display: flex;
    align-items: center;
}

.sb-att-request-details .p-ncb-ic label.label-primary {
    margin-top: 0.18rem;
    margin-bottom: 0.3rem;
}

.sb-att-request-details .p-ncb-ic {
    margin-top: 1.3rem;
    margin-bottom: 1.3rem;
}

.input-group-text-icon {
    cursor: pointer;
}

.loading-skeleton .p-tal-candi-info-ring.p-tal-candi-info-ring-sm .circle-loader {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
    border: 6px solid var(--sec-light-color7);
    border-radius: 50%;
}

.p-def-back-btn.loading-skeleton .p-tal-candi-info-ring {
    visibility: visible;
    opacity: 1;
}

.p-link:hover,
label.underline.productcursorfiles:hover {
    text-decoration: underline;
}

select.form-control-sm {
    background-size: 0.688rem;
}


label.underline.productcursorfiles {
    font-weight: 400;
}

.ml-draggable-upd-ml.ml-draggable-wrapper ul .draggable {
    padding: 0.75rem 1rem;
}

.sign-content-mw .p-tag {
    gap: 0.25rem;
}
/*survey updated*/

.p-sur-upd-2x {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 3rem;
    align-items: flex-end;
}

    .p-sur-upd-2x p {
        color: var(--primary-color);
        font-weight: 500;
        margin-top: 0.8rem;
    }

.insight-def-label.insight-def-label-sm {
    font-size: var(--base-font-size-h1);
}

.p-sur-upd-2x .p-tal-candi-info-ring svg {
    padding: 0;
    margin: 0;
}

.show-results-modal-upd .sur-feed-results .ba-box-shadows,
.show-results-modal-upd .inner-sur-res .ba-box-shadows {
    min-height: 13.5em;
}


.ba-box-shadows-sb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-sur-upd-res-dist .p-tal-candi-info-ring {
    margin-bottom: -2px;
}

.p-sur-upd-partic .participation-score-per {
    position: relative;
    bottom: -4px;
}

.p-sur-upd-2x-view {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-end;
}

.p-dot.p-dot-lg {
    width: 5px;
    height: 5px;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
    }
}
/*safari*/
.p-safari .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    background: #ffd3d2;
    border-color: #ff9695;
    font-size: 0.75rem;
    padding-top: 1px;
}

.p-safari .p-db-show-raection-mw .p-db-reactions span {
    margin-left: -0.85rem;
    line-height: 1.15;
    font-size: 0.85rem;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-top: 1px;
}

.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.62rem;
    padding-left: 1.9px;
    padding-top: 5px;
}

.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad {
    font-size: 0.7rem;
    padding-left: 0.8px;
    padding-top: 2px;
}

.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like {
    font-size: 0.65rem;
    padding-left: 0.5px;
    padding-top: 1.7px;
}

/*mac chrome*/

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.7rem;
    padding-top: 4.5px;
    padding-left: 4.8px;
    justify-content: center;
}

.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.8rem;
    padding-top: 2.9px;
    padding-left: 2.5px;
}

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad {
    padding-top: 4px;
    padding-left: 3.6px;
}

.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing {
    padding-top: 0.15rem;
    padding-left: 0.08rem;
}

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_like,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_like,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_like {
    font-size: 0.73rem;
    padding-left: 4px;
    padding-top: 3.5px;
}

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span,
.p-firefox .p-db-show-raection-mw .p-db-reactions span,
.p-edge .p-db-show-raection-mw .p-db-reactions span {
    margin-left: -0.85rem;
    line-height: 1.15;
    font-size: 0.85rem;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-top: 1px;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.62rem;
    padding-left: 3px;
    padding-top: 4px;
    justify-content: center;
}

.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.62rem;
    padding-left: 2px;
    padding-top: 2px;
}

.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad {
    padding-top: 3.8px;
    padding-left: 0.7px;
    font-size: 0.7rem;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad,
.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad {
    font-size: 0.7rem;
    padding-left: 2.25px;
    padding-top: 3.3px;
}

.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing {
    font-size: 0.7rem;
    padding-left: 0.75px;
    padding-top: 3.3px;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like,
.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like {
    font-size: 0.65rem;
    padding-left: 2.5px;
    padding-top: 3.7px;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_celebrate,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_celebrate,
.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_celebrate {
    font-size: 0.6rem;
    padding-top: 3px;
    padding-left: 1px;
}

/*firefix overide*/
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    padding-top: 3.5px;
}

.p-code-block {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.row-report-dds {
    flex-grow: 1;
}

    .row-report-dds .btn-slect-dropdown .p-add-btn {
        min-width: 100%;
        width: 100%;
    }

#CourseUserModal .ch-filter-search,
#CourseModal .ch-filter-search {
    flex-wrap: nowrap;
    align-items: flex-end;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

#CourseUserModal .js-learn-course-report-filter,
#CourseModal .js-learn-course-report-filter {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    column-gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

    #CourseUserModal .js-learn-course-report-filter > [class*="col-"],
    #CourseModal .js-learn-course-report-filter > [class*="col-"] {
        min-width: 0 !important;
        flex: 1 1 0% !important;
        max-width: none !important;
        width: auto !important;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        overflow: hidden;
    }

    #CourseUserModal .js-learn-course-report-filter > .learn-course-report-run,
    #CourseModal .js-learn-course-report-filter > .learn-course-report-run {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        overflow: visible;
        padding-left: 0.5rem;
    }

    #CourseUserModal .js-learn-course-report-filter .dx-dropdowneditor,
    #CourseUserModal .js-learn-course-report-filter .dx-texteditor,
    #CourseModal .js-learn-course-report-filter .dx-dropdowneditor,
    #CourseModal .js-learn-course-report-filter .dx-texteditor {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #CourseUserModal .js-learn-course-report-filter .btn-slect-dropdown .p-add-btn,
    #CourseModal .js-learn-course-report-filter .btn-slect-dropdown .p-add-btn {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

#CourseUserModal .learn-course-report-run,
#CourseModal .learn-course-report-run {
    flex: 0 0 auto;
    width: auto;
}

    #CourseUserModal .js-learn-course-report-filter > .learn-course-report-run .p-add-btn,
    #CourseModal .js-learn-course-report-filter > .learn-course-report-run .p-add-btn,
    #CourseUserModal .learn-course-report-run .p-add-btn,
    #CourseModal .learn-course-report-run .p-add-btn {
        min-width: 100px !important;
        width: auto !important;
        max-width: none !important;
        position: relative;
        z-index: 1;
        white-space: nowrap;
    }

.p-cp-mw {
    position: relative;
}

    .p-cp-mw .p-cp-dd {
        width: 100%;
    }

.table-with-border .table {
}

.table-with-border .table-bordered thead td,
.table-with-border .table-bordered thead th {
    border-bottom-width: 1px;
    font-weight: 600;
}

.grey-bg-bor-cols tr td,
.grey-bg-bor-cols tr th,
.grey-bg-bor-cols.table-responsive > .table-bordered {
    border-color: var(--input-border-1);
}

.grey-bg-bor-cols.table-with-border .table {
    background: #fff;
}


.p-roata-shift th,
.p-roata-shift tr td:first-child {
    background-color: var(--grey-bg-6);
}

.team-assign-select-mw {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    max-width: 786px;
}

.team-assign-select,
.p-input-120 {
    width: 15rem;
}


.p-arrow {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 8px;
    margin: 0 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='8' viewBox='0 0 160 8' fill='none'%3E%3Cpath d='M159.354 4.35357C159.549 4.15831 159.549 3.84172 159.354 3.64646L156.172 0.46448C155.976 0.269218 155.66 0.269218 155.464 0.46448C155.269 0.659742 155.269 0.976324 155.464 1.17159L158.293 4.00001L155.464 6.82844C155.269 7.0237 155.269 7.34029 155.464 7.53555C155.66 7.73081 155.976 7.73081 156.172 7.53555L159.354 4.35357ZM-4.37114e-08 4.5L159 4.50001L159 3.50001L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%230D1530'/%3E%3C/svg%3E");
}

.team-assign-container .p-arrow {
    margin-top: 1.35rem;
}

.team-assign-select-mw-label .p-arrow {
    margin: 0;
}

.team-assign-select,
.team-assign-select-mw-label label.fw-normal {
    max-width: 15rem !important;
}

.team-assign-select-mw-label label.fw-normal {
    flex: 1;
}


.team-assign-select-mw-label label.fw-normal {
    margin-top: 0.6rem;
}

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


.p-cus-dd-mw-hs {
    height: calc(1.5em + 0.75rem + 0.085em);
    padding: 0.325rem 0.75rem;
    min-width: 210px;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-cus-dd-selected .p-cus-dd-option {
    padding: 0px;
}

.p-dd-pipe {
    display: inline-block;
    margin: 0 0.5rem;
}

.p-inp-box-label-mw {
    text-align: center;
}

.p-inp-box-label {
    display: inline-block;
    width: 8.8125rem;
    padding: 0.55rem 0.75rem;
    justify-content: center;
    align-items: center;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    background: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-inp-box-label-mw {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.p-inp-box-label-mw-inp-grp {
    display: flex;
    color: var(--primary-color);
    gap: 1rem;
    padding-bottom: calc(var(--box-padding)* 0.85);
}

.p-fw-to-we {
    display: flex;
    gap: 1.75rem;
    flex-wrap: wrap;
}

    .p-fw-to-we .p-inp-group:not(:last-child) {
        margin-bottom: 0;
    }

    .p-fw-to-we h5.ph-5 {
        font-size: calc(var(--base-font-size-h5)* 0.92);
        margin-bottom: 0;
    }

.p-team-rota-heading {
    font-weight: 600;
    text-align: left;
}

.p-team-rota-employee-name {
    font-weight: 600;
    font-size: 1rem;
}

.p-team-rota-general-break {
    padding: 10px;
}

.p-team-rota-weekly-off {
    padding: 10px;
    background-color: #F0FAFF;
}

.p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-holiday-mw {
    border: 1px solid var(--primary-border-color) !important;
    vertical-align: middle !important;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    cursor: pointer;
}

.rota-cl-container .p-def-table tr th:first-child,
.rota-cl-container .p-def-table tr td:first-child {
    border-top-left-radius: calc(var(--bs-border-radius) * 0.75);
    border-bottom-left-radius: calc(var(--bs-border-radius) * 0.75);
}

.rota-cl-container .p-def-table tr th:last-child,
.rota-cl-container .p-def-table tr td:last-child {
    border-top-right-radius: calc(var(--bs-border-radius) * 0.75);
    border-bottom-right-radius: calc(var(--bs-border-radius) * 0.75);
}

#teamRotaGrid .dx-datagrid-rowsview .dx-row:hover td:last-child {
    border-top-right-radius: calc(var(--bs-border-radius) * 0.75);
    border-bottom-right-radius: calc(var(--bs-border-radius) * 0.75);
}

/* 86caruprt: My Request / Team Request — full-row hover, Actions not a rounded chip. */
#Shift-Change-Request .dx-datagrid-table-fixed .dx-data-row:hover > td,
#Shift-Change-Request .dx-datagrid-table .dx-data-row.dx-state-hover > td,
#TeamRequestsGrid .dx-datagrid-table-fixed .dx-data-row:hover > td,
#TeamRequestsGrid .dx-datagrid-table .dx-data-row.dx-state-hover > td,
#Shift-Change-Request .dx-datagrid-table .dx-data-row.dx-state-hover td:has(.p-dd-wp-wrapper),
#TeamRequestsGrid .dx-datagrid-table .dx-data-row.dx-state-hover td:has(.p-dd-wp-wrapper) {
    background-color: var(--theme-shade-4) !important;
    border-radius: 0;
}

#Shift-Change-Request .dx-datagrid-rowsview .dx-row:hover td:last-child,
#TeamRequestsGrid .dx-datagrid-rowsview .dx-row:hover td:last-child {
    border-radius: 0 !important;
}


.p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs {
    background-color: #ffffff;
}

    .p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs label {
        color: var(--on-primary-color);
    }

td.p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs label svg {
    stroke: var(--on-primary-color);
}

#teamRotaGrid .p-tag.p-tag-sm.p-tag-black {
    min-width: initial;
    border-radius: calc(var(--border-radius-default)* 0.55) !important;
    padding: 0.15rem 0.55rem 0.25rem;
    margin-left: 6px;
    line-height: 1.25;
}

table.team-rota-table {
    border-collapse: separate;
    border-spacing: 8px;
    margin: 0 -8px;
}

.team-rota-table.table thead tr th:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -10px;
    height: 100%;
    width: 20px;
    top: 0;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

td.p-team-rota-weekly-off-no-logs::after {
    border-color: var(--theme-primary-color);
}

.team-rota-table.table thead tr th {
    position: relative;
    font-weight: 600;
    overflow: visible;
    vertical-align: middle;
}

.p-team-rota-general-break {
    min-width: 200px;
}

.p-team-rota-shift-duration-time, .p-team-rota-break-duration {
    display: none;
}

.p-team-rota-general-break,
.p-team-rota-weekly-off,
.p-team-rota-holiday-mw {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 220px;
}

.p-team-rota-employee {
    max-width: 200px;
    min-width: 200px;
}

.p-team-rota-employee-name {
    margin-bottom: 0.15rem;
}

.p-team-rota-employee .grid-profile-wrapper {
    align-self: flex-start;
    cursor: default;
    gap: 0.5rem;
}

.prt-shift-icon {
    width: 0.92rem;
    height: 0.92rem;
    stroke: var(--primary-color);
}

.prt-time-icon {
    width: 0.87rem;
    height: 16.5px;
    color: var(--primary-color);
    stroke: var(--primary-color);
}
/*td.p-team-rota-employee {
    border-bottom: 1px solid var(--primary-border-color);
    border-top: 1px solid var(--primary-border-color);
}*/
.p-rota-week-off, .p-rota-no-logs, .p-team-rota-holiday {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.p-team-rota-weekly-off-bg-tra {
    background-color: var(--plm-light-blue2);
}

.p-team-rota-weekly-off-no-logs {
    background-color: var(--chat-dark-bg-2);
}

.p-nl-op-add {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    justify-content: center;
}

.p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs {
    opacity: 0;
    visibility: hidden;
}

.p-dx-search-left tr.dx-data-row td:hover .p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs {
    opacity: 1;
    visibility: visible;
}

.p-text-blue-dark {
    color: #007bff;
}

.p-team-rota-weekly-off .p-cal-tags {
    align-self: center;
}

.p-team-rota-body .grid-profile-wrapper .grid-avatar {
    align-self: flex-start;
    margin-top: 3px;
    flex-shrink: 0;
}

.p-team-rota-weekly-off-no-logs .p-cal-tags,
.p-team-rota-weekly-off-bg-tra.p-team-rota-weekly-off .woff-tag.p-cal-tags {
    max-width: 140px;
}


/*td.p-team-rota-employee {
    border-bottom: 1px solid var(--primary-border-color);
    border-top: 1px solid var(--primary-border-color);
    cursor:default !important;
}*/

.rota-cl-container .dx-datagrid-rowsview .dx-row:hover td.p-team-rota-employee {
    border-radius: 0;
}

.p-rota-week-off svg.p-icon {
    stroke: #007bff;
}

@media(max-width: 1600px) {
    .p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-employee, .p-team-rota-holiday-mw {
        padding: 6px;
    }

    /*    .p-team-rota-weekly-off, .p-team-rota-employee {
        min-width: 160px;
    }*/

    .p-team-rota-shift-duration {
        font-size: calc(var(--base-font-size)* 0.92);
    }

    /*    .p-team-rota-employee-role, .p-team-rota-employee-hours {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 120px;
    }*/
}

td.p-team-rota-general-break::after {
    content: '';
    position: absolute;
    left: 0.5rem;
    height: calc(100% - 16px);
    background-color: var(--primary-color);
    border-radius: 0.38rem;
    border: 0.125rem solid var(--theme-primary-color);
}

td.p-team-rota-general-break {
    position: relative;
    padding-left: 20px;
}

td.p-team-rota-general-break {
    flex-direction: column-reverse;
}

td.p-team-rota-general-break {
}

td.p-team-rota-weekly-off {
}

.p-tag.p-tag-black {
    background-color: var(--theme-primary-color);
    color: #fff;
}

.team-rota-table .p-tag-black {
    background-color: var(--primary-color);
    color: #fff;
    min-width: initial;
    line-height: 1.2;
    padding: 0.2rem 0.45rem;
    margin-left: 0.25rem;
    border-radius: 0.25rem !important;
}

.p-team-rota-break-type,
.p-team-rota-break-duration,
.p-team-rota-shift-duration-time {
    color: var(--primary-color);
}

.p-team-rota-shift-duration {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 3px;
    display: flex;
    gap: 0.3rem;
    font-size: 0.9rem;
    white-space: nowrap;
}

.p-trta-mw {
    --mh-cell-draft: 100px;
}

.p-team-rota-multi-shift-cell {
    display: flex;
    flex-direction: column;
    gap: var(--grid-table-padding);
    height: var(--mh-cell-draft);
}

    .p-team-rota-multi-shift-cell .p-team-rota-shift-entry {
        flex: 1;
    }

    .p-team-rota-multi-shift-cell .p-team-rota-general-break {
        min-height: inherit !important;
        padding-top: 2px;
        padding-bottom: 2px;
        height: 100%;
    }

    .p-team-rota-multi-shift-cell .tr-sh-td .badge,
    .p-badge-tag-cir {
        position: absolute;
        min-width: 18px;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 5px;
        border-radius: 50%;
        font-size: 0.68rem;
        font-weight: 400;
    }

.p-badge-tag-cir {
    position: initial;
}

.p-rota-leave-tag,
.team-rota-legend .legend-badge-t {
    background: #cb9900 !important;
    color: #fff !important;
}

.p-rota-week-off-tag {
    background: #dd5012;
    color: #fff;
    font-size: 0.65rem;
}

.p-team-rota-holiday-tag,
.team-rota-legend .legend-badge-h {
    background: #2092eb !important;
    color: #fff !important;
}

.p-team-rota-holiday-tag {
    font-size: 0.69rem;
}

.p-team-rota-shift-entry .badge {
    border-radius: 0.25rem;
}

.p-trta-mw .p-team-rota-break-type {
    padding-bottom: 2px;
}

.p-team-rota-multi-shift-cell .p-team-rota-shift-entry:has(.badge) .p-team-rota-shift-duration {
    padding-left: 1.35rem;
}

.p-team-rota-multi-shift-cell .p-rt-sh-mw {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.p-team-rota-multi-shift-cell .p-team-rota-weekly-off {
    height: 100%;
    min-height: 100%;
}

.p-team-rota-multi-shift-cell .p-team-rota-shift-duration {
    font-size: 0.8rem;
    margin: 0;
}

.p-team-rota-multi-shift-cell .tr-sh-td .p-dd-wp-wrapper {
    top: 3px;
    right: 7px;
}

.p-team-rota-multi-shift-cell .tr-sh-td .p-dd-wp-dot-icon {
    width: 1.36rem;
    height: 1.36rem;
    padding: 0.25rem;
    position: relative;
    left: 3px;
}

.p-team-rota-multi-shift-cell .notes-icon {
    bottom: 6px;
    right: 7px;
}

    .p-team-rota-multi-shift-cell .notes-icon .p-icon-sm {
        width: 0.98rem;
        height: 0.98rem;
    }

.p-team-rota-multi-shift-cell .p-team-rota-break-type {
    font-size: 0.9rem;
}

.tr-sh-td {
    margin-bottom: 0.1rem;
    justify-content: space-between;
}

    .tr-sh-td .p-dd-wp-dot-icon {
        width: 1.5rem;
        height: 1.5rem;
        padding: 0.275rem;
        position: relative;
        left: 3px;
    }

.p-team-rota-break-type {
    display: flex;
    justify-content: space-between;
}

.p-team-rota-break-type {
    padding-right: 85px;
}

td.p-shift-drafted {
    background-color: #fff9db;
}

.p-icon-yellow {
    stroke: #d9932b;
}

.loading-skeleton tbody.p-team-rota-body label {
    display: block;
}

    .loading-skeleton tbody.p-team-rota-body label:not(:last-child) {
        margin-bottom: 0.7rem;
        max-width: 130px;
    }

    .loading-skeleton tbody.p-team-rota-body label:last-child {
        max-width: 77px;
    }

    .loading-skeleton tbody.p-team-rota-body label span,
    .loading-skeleton tbody.p-team-rota-body label svg {
        display: none;
    }

.loading-skeleton td.p-team-rota-general-break,
.loading-skeleton td.p-team-rota-weekly-off {
    border-left: 1px solid var(--primary-border-color) !important;
    background-color: transparent;
}

.p-shift-time-ig .p-att-shift-time-group .p-att-shift-group-cols input {
    min-width: 214px;
}

#myRotaOpenShiftRequestModal .p-att-shift-time-group {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    gap: 12px;
}

#myRotaOpenShiftRequestModal .p-att-shift-group-cols {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
}

#myRotaOpenShiftRequestModal .p-shift-time-ig .p-att-shift-time-group .p-att-shift-group-cols input {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

#openShiftModal .modal-header {
    align-items: flex-start;
}

#openShiftModal .open-shift-header-stack {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

#openShiftModal .open-shift-helper {
    margin: 0.25rem 0 0;
    padding: 0;
    color: #6b7280;
}

#openShiftModal .p-open-shift-when .p-att-shift-time-group {
    width: auto;
    box-sizing: border-box;
    gap: 0;
}

#openShiftModal #openShiftDate {
    min-width: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

.p-team-rota-employee-role, .p-team-rota-employee-hours {
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
}

.rota-cl-container .table-responsive.loading-skeleton {
    overflow-y: hidden;
}

.p-inte-cards-bene {
    display: flex;
    flex-direction: column;
}

    .p-inte-cards-bene .p-rect-iw {
        position: relative;
        cursor: pointer;
        padding: 1.1rem;
        flex-direction: row-reverse;
        align-items: center;
        min-height: 77px;
        justify-content: flex-end;
    }

        .p-inte-cards-bene .p-rect-iw label {
            padding-left: 0.65rem;
            margin: 0 !important;
            cursor: pointer;
        }

        .p-inte-cards-bene .p-rect-iw img {
            max-height: 42px;
            height: auto;
            width: 42px;
            object-fit: contain;
        }

.p-inte-cards-content:hover {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.show-mulit-select-ph input::placeholder {
    opacity: 1;
    visibility: visible;
}

.show-mulit-select-ph .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    border: 0;
    margin-top: 4px;
    margin-left: 0px;
}

.rota-my-dx-cal .appointment-container {
    padding: 0.3rem !important;
    padding-left: 14px !important;
    color: var(--on-primary-color);
    padding-left: 0.3rem !important;
    padding-bottom: 0 !important;
}

.appointment-container .appointment-title {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.88rem;
}

.appointment-break {
    font-size: 1rem;
}

.rta-appointment-time {
    color: var(--primary-color);
    font-weight: 600;
}

.clear-both::after {
    content: '';
    display: block;
    white-space: nowrap;
    clear: both;
}

.rota-my-dx-cal .appointment-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.3rem;
}

.rota-my-dx-cal .p-team-rota-shift-duration {
    margin: 0px 0;
}

.rota-my-dx-cal .p-team-rota-shift-duration {
    order: -1;
}


.p-pipeline-list-legends {
    width: 18px;
    height: 18px;
    border-radius: 0.18rem;
}

.p-bg-teal-green {
    background-color: var(--plm-dark-green1);
}

.p-bg-teal-blue {
    background-color: var(--plm-light-blue);
}

.p-bg-yellow {
    background-color: var(--yell-btn-darkbg-color);
}

.p-bg-salmon {
    background-color: var(--salmon-new-color);
}

.p-bg-crimsonred {
    background-color: #D33D44;
}

.p-bg-purple {
    background: #9795D8;
}

.p-bg-orange {
    background: #FF8781;
}

.p-bg-green {
    background-color: #A5D93F;
}

.p-bg-lightpink {
    background-color: #FFB6C1;
}

.p-bg-blueviolet {
    background-color: #8A2BE2;
}

.p-pipeline-list-mw {
    padding: 0.6rem;
    background-color: var(--p-grey-3);
    border-radius: calc(var(--bs-border-radius)* 0.72);
    margin-bottom: 0.85rem;
}


/* Shared theme actions across Screening, Pipeline and Auto-Reject steps. */
#frmAddPostitions .hire-position-theme-action,
#frmEditPostitions .hire-position-theme-action {
    color: var(--theme-primary-color);
}
#frmAddPostitions .hire-position-theme-action svg,
#frmEditPostitions .hire-position-theme-action svg {
    fill: currentColor;
    stroke: currentColor;
}
#frmAddPostitions .hire-position-theme-action:hover,
#frmEditPostitions .hire-position-theme-action:hover,
#frmAddPostitions .hire-position-theme-action:focus-visible,
#frmEditPostitions .hire-position-theme-action:focus-visible {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}
#frmAddPostitions .hire-position-theme-action:active,
#frmEditPostitions .hire-position-theme-action:active {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
}
#frmAddPostitions .hire-position-theme-action:focus-visible,
#frmEditPostitions .hire-position-theme-action:focus-visible {
    outline-color: var(--theme-primary-color);
}

/* Shared Add/Edit Job Pipeline company theme, including dark mode. */
.jobs-pipelines .p-pipeline-list-mw {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
}

    .jobs-pipelines .p-pipeline-list-mw:hover,
    .jobs-pipelines .p-pipeline-list-mw:focus-within {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
        border-color: var(--theme-primary-color);
    }

.jobs-pipelines .p-pipeline-tone-1 {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
}

.jobs-pipelines .p-pipeline-tone-2 {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.6);
}

.jobs-pipelines .p-pipeline-tone-3 {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
}

.jobs-pipelines .p-pipeline-tone-4 {
    background-color: var(--theme-primary-color);
}

.jobs-pipelines .p-pipeline-action-icon,
.jobs-pipelines .p-link-wicon svg,
.jobs-pipelines .hire-add-icon svg {
    stroke: var(--theme-primary-color);
}

.jobs-pipelines .p-link-wicon,
.jobs-pipelines .hire-add-icon,
.jobs-pipelines .p-acco-btn {
    color: var(--theme-primary-color);
}

.jobs-pipelines .p-pipeline-edit-input {
    width: 150px;
}

.jobs-pipelines input::placeholder {
    color: var(--theme-placeholder-color);
}

.jobs-pipelines input {
    border-color: var(--theme-border-2);
}

/*.jobs-pipelines button:hover,
.jobs-pipelines .p-pipeline-action-icon:hover,
.jobs-pipelines .hire-add-icon:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    color: var(--theme-primary-color);
}

.jobs-pipelines button:focus-visible,
.jobs-pipelines input:focus-visible {
    outline: 2px solid var(--theme-primary-color);
    outline-offset: 2px;
    border-color: var(--theme-primary-color);
}*/

.pso-form-wrapper.jobs-pipelines .p-acco-btn {
    position: relative;
    padding-left: 30px;
}

    .pso-form-wrapper.jobs-pipelines .p-acco-btn::before {
        position: absolute;
        top: 10px;
        left: 5px;
        flex-shrink: 0;
        width: 0.65rem;
        height: 0.65rem;
        content: "";
        background: none;
        border-right: 2px solid var(--theme-primary-color);
        border-bottom: 2px solid var(--theme-primary-color);
        transform: rotate(45deg);
        transition: transform .2s ease-in-out;
        opacity: .8;
    }

    .pso-form-wrapper.jobs-pipelines .p-acco-btn[aria-expanded="true"]::before {
        transform: rotate(225deg);
    }

.p-cur-poi-tr tr td {
    cursor: pointer;
}

.width-ini {
    width: initial !important;
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
    background-color: var(--theme-primary-color);
}

.dx-item.dx-scheduler-appointment:has(.booked-appointment) {
    border-left: 0.15rem solid #38beff !important;
}


#gridContainerPeopleGoal .p-def-datagrid .p-progress-def {
    min-width: 100%;
}

.visi-hid-opa-zero {
    visibility: hidden;
    opacity: 0;
}

.input-group-w-del {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .input-group-w-del > *:not(:last-child) {
        flex: 1;
    }

/*.input-group-w-del .form-group:first-child{
    max-width: 285px;
}*/

.p-ar-yer-mon {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1rem;
}

    .p-ar-yer-mon input {
        min-width: 80px !important;
    }

    .p-ar-yer-mon .input-group {
        flex-wrap: nowrap;
    }

.p-filter-cond-list .p-filter-cond-list-item:not(:last-child) {
    margin-bottom: 1.55rem;
    padding-bottom: 0.55rem;
}

.p-filter-cond-list .p-filter-cond-list-item {
    position: relative;
    text-align: center;
    margin: 20px 0; /* Adds spacing between each item */
}

    /* Line with 'AND' in the middle */
    .p-filter-cond-list .p-filter-cond-list-item:not(:last-child)::after {
        content: var(--pseudo-content, "OR");
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 2px 12px 3px;
        background-color: var(--chat-dark-bg-2);
        color: var(--primary-color);
        font-weight: 500;
        border-radius: var(--bs-border-radius);
        z-index: 1;
        font-size: 0.66rem;
        border: 1px solid var(--input-border-1);
    }

    /* Horizontal line before and after 'AND' */
    .p-filter-cond-list .p-filter-cond-list-item:not(:last-child)::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: var(--theme-secondary-color);
        z-index: 0;
        margin: 0 3px;
    }

.save-filter-mw {
    max-width: 240px;
}

.p-cus-dd-options {
    text-align: left;
}


.tax-notice-list .tax-notice-list-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.tax-notice-head-icon svg {
    stroke: #4316CA;
    width: 3.375rem;
    height: 3.375rem;
    flex-shrink: 0;
}

.tax-notice-head {
    text-align: center;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tax-notice-head-icon {
    width: 6.6875rem;
    height: 6.6875rem;
    flex-shrink: 0;
    display: flex;
    background: #F4F1FD;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 0.8rem;
}

.tax-notice-list-item label.text-primary-color {
    min-width: 50px;
}

.p-ul-align {
    padding-left: 0.9rem;
}

.tax-notice-list {
    margin-bottom: 1.65rem;
    margin-left: -3px;
}

.tax-notice-head-icon-red {
    background: #FEF0F4;
}

    .tax-notice-head-icon-red svg {
        stroke: #D50B3E;
    }

#gridContainerGoal .custom-progress.progress {
    min-width: 150px;
}

#gridContainerPeopleGoal .p-progress-def {
    width: 100%;
    min-width: initial;
}

.p-jobs-quest-ans-mw .p-jobs-quest-ans-list:not(:last-child) {
    margin-bottom: 2.2rem;
}

.p-jobs-quest-ans-mw .p-inp-group {
    background-color: var(--p-grey-2);
}

.p-jobs-quest-ans-mw h4.ph-4 {
    font-size: var(--base-font-size-xxl);
}

.p-jobs-quest-ans-mw .p-bg-white-inp,
.p-jobs-quest-ans-mw .p-form-check {
    border: 1px solid var(--primary-border-color);
}

.p-jobs-quest-ans-mw .p-cques-answ-optns .p-form-check label {
    top: 0.01em;
}

.p-jobs-quest-ans-mw.p-inp-group {
    padding-bottom: 1.25rem;
}

.p-jobs-quest-ans-mw .p-cques-answ-optns {
    gap: 0.6rem;
}

.p-cques-answ-optns .p-form-check-label,
.p-cques-answ-optns .custom-control-label {
    justify-content: space-between;
    gap: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    font-size: var(--base-font-size);
}

.p-check-answered .p-form-check-input:checked[type=radio],
.p-check-answered .custom-control-input:checked ~ .custom-control-label::before {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-check-answered .p-custom-checkbox .custom-control-label::before,
.p-check-answered .p-custom-checkbox .custom-control-label::after {
    top: 0.2rem;
}

.p-check-answered .p-tag {
    padding: 0.15rem 0.55rem;
    font-weight: 500;
    height: 20px;
}

.p-jobs-quest-ans-mw-answered .p-cques-answ-optns .p-form-check,
.p-jobs-quest-ans-mw-answered .p-bg-white-inp {
    padding: calc(var(--box-padding)* 0.5);
    min-height: 46px;
}

.p-jobs-quest-ans-mw-answered .p-check-answered {
    padding-top: calc(var(--box-padding)* 0.4);
    padding-bottom: calc(var(--box-padding)* 0.4);
}


.p-jobs-quest-ans-mw-answered.p-jobs-quest-ans-mw h4.ph-4 {
    font-size: var(--base-font-size-xl);
    margin-bottom: 0.9rem;
}

.AddRotation .custom-dropdown-wrapper {
    max-width: 240px;
}

.AddRotation .p-cus-dd-option {
    min-width: 240px;
    max-width: 240px;
}

.gap-0 {
    gap: 0;
}

.permission-tt-content label {
    margin: 0;
}

.tooltip-inner:has(.permission-tt-content) {
    background-color: #fff !important;
    color: var(--primary-color);
    border: 1px solid var(--primary-border-color) !important;
    box-shadow: var(--default-shadow-1) !important;
    padding: 0.65rem;
    max-width: 300px;
}

h5.ph-5-sm {
    font-size: calc(var(--base-font-size-h5)* 0.95) !important;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.permission-tt-content label {
    margin: 0;
    color: var(--primary-color);
    padding: 2px 10px;
    border: 1px solid var(--primary-border-color);
    background-color: var(--sec-light-color7);
    border-radius: calc(var(--bs-border-radius)* 0.55);
}

.permission-tt-tags {
    display: flex;
    align-items: center;
    gap: 0.55rem 0.8rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.p-pro-mw-content .p-btn-small {
    background-color: #fff !important;
}

    .p-pro-mw-content .p-btn-small:hover {
        background-color: var(--p-btn-bg) !important;
    }

.kanban-icons-calender span {
    white-space: nowrap;
}

.p-bank-alpf-list ul.p-ul-align {
    list-style: none;
    padding-left: 0;
}

.p-bank-alpf-list .p-ul-align li:not(:last-child) {
    margin-bottom: 1.3rem;
}

.p-bank-alpf-list .p-ul-align h6 {
    font-size: var(--base-font-size);
    padding-left: 0.2rem;
}

.posit-banks-dot {
    position: absolute;
    top: 0.35rem;
    width: 100%;
    padding: 0 0.6rem;
}

    .posit-banks-dot label.p-tag {
        min-width: initial;
        padding: 0.2rem 0.65rem 0.25rem;
        border-radius: calc(var(--border-radius-default) * 0.6) !important;
        background: var(--theme-secondary-color);
        border: 1px solid var(--theme-secondary-color);
        color: var(--theme-primary-color);
    }

    .posit-banks-dot .p-dd-wp-dot-icon {
        width: 1.7rem;
        height: 1.7rem;
    }

.p-rect-iw {
    min-height: 9.7rem;
}

.p-bank-alpf-list .p-inte-cards {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

p-bank-alpf-list .p-inte-cards-content:hover {
    border-color: transparent;
}

.p-mw-40px {
    max-width: 40px;
}


#eSignSignatureRequestTable,
#eSignSignatureRequestTable-contract {
    table-layout: auto;
}

.p-ivcw .p-sim-link label {
    font-weight: 400;
}

.p-team-rota-break-type {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    --max-lines: 1;
    position: relative;
    max-height: calc(var(--lh)* var(--max-lines));
    overflow: hidden;
    max-width: 200px;
    font-size: 0.88rem;
}


.add-leave-link a {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    text-decoration: underline;
}

.p-hire-sig-req-mw {
    display: grid;
    gap: 1rem;
    word-break: break-word;
    grid-template-columns: 1fr 1fr;
}
/*
.p-hire-sig-req-mw p.text-primary-color strong {
    display: block;
}*/


.p-team-rota-holiday span {
    position: relative;
    top: -1px;
    color: #04aa8c;
    font-weight: 500;
}

.p-team-rota-holiday svg.p-icon {
    stroke: #04aa8c;
}

.p-team-rota-holiday-mw {
    background: #ebfffb;
}

.tooltip-inner h4.p-tt-html {
    color: #fff;
    font-size: var(--base-font-size-xl);
}

.map-mw-ig-config {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--input-border-1);
    height: 400px;
}

.p-sc-details-modif {
    gap: 0.05rem;
    margin-top: 0.15rem;
}

    .p-sc-details-modif .label-primary {
        font-weight: 500;
        flex: initial;
    }

.part-mw-esign {
    display: grid;
    gap: 0.5rem;
}

.p-cust-grid-es {
    display: grid;
    grid-template-columns: 1fr 2fr auto;
    gap: 1rem;
}

.p-es-req-mw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.notes-icon {
    position: absolute;
    right: 10px;
    bottom: 9.5px;
    gap: 0.3rem;
    display: flex;
}

.p-team-rota-weekly-off {
    position: relative;
}


.p-hire-overview .location-leg-list {
    max-height: 430px;
    overflow: auto;
}

.p-hire-overview .location-leg-list {
    max-height: 430px;
    overflow: auto;
    margin-left: -20px;
}

.ack-learn .p-la-sepe-head .read-only-input {
    font-size: var(--base-font-size);
}


.sign-content-mw.sign-content-mw-sb,
.p-modal-sb .sign-content-mw {
    min-height: 220px;
}

.min-wid-ini {
    min-width: initial !important;
}

.min-height-ini {
    min-height: initial !important;
}

.mt-n1-sm {
    display: block;
    margin-top: -3px;
}

.sign-content-mw .fw-semibold {
    font-weight: 500;
}


.p-ad-accordion .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 0.8rem;
}

.p-dg-modi-com.p-dg-cl {
    --default-sidebar-width: 420px;
}

    .p-dg-modi-com.p-dg-cl .ph-card .select-package-boxes {
        padding: 0;
    }

    .p-dg-modi-com.p-dg-cl .seelct-package-wrapper h2.onboard-head.mb-2 {
        margin-bottom: 1rem !important;
        font-size: var(--base-font-size-h1);
    }

    .p-dg-modi-com.p-dg-cl .select-package-boxes h4 {
        font-weight: 600;
        font-size: 0.95rem;
        margin-top: 1.8rem !important;
    }

    .p-dg-modi-com.p-dg-cl .onboard-sub-heads.oh-mb-1 {
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .p-dg-modi-com.p-dg-cl .p-ad-accordion .accordion-button span {
        font-size: var(--base-font-size-xl);
    }

.p-ad-accordion .accordion-button::after {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.p-ad-accordion .pe-4 {
    padding-right: 1.05rem;
}

.p-ad-accordion .p-packeg-featu-amount {
    font-weight: 500;
    display: inline-block;
    color: var(--primary-color);
    padding-right: 2.4rem;
}

.p-ad-accordion .accordion-body {
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.p-ad-accordion .accordion-header {
    margin-bottom: 0;
}

.current-ip-add {
}

.text-red {
    color: #dc3545 !important;
}

.folder-dd-mw .dx-popup-content {
    padding: 0;
}


.align-cb-right {
    display: flex;
    justify-content: flex-end;
}

.p-form-check-selecta-all-end {
    display: flex;
    flex-direction: row;
    padding-left: 8px;
}

.align-link-tb {
}

.p-gs-handbook .p-upload-btn-wrpper {
    width: 100%;
}

.p-gs-handbook .p-upload-input img {
    border: none;
    max-width: 100%;
    border-radius: var(--bs-border-radius);
    padding: 0;
}

.dd-abs-ght {
    min-width: 120px;
}

.main-sign-course-mw {
    padding: var(--box-padding);
}

.question-block-checkbox-group .p-inn-res-distri .p-progress-def:not(:last-child) {
    margin-bottom: 2.2rem;
}


.notification-sm-cir .badge {
    display: inline-flex;
    padding: 0.35em 0.4em 0.55em;
    font-size: 85%;
    font-weight: 500;
    min-width: 1.35rem;
    min-height: 1.35rem;
    align-items: center;
    justify-content: center;
}

.ti-loans .form-group small,
.p-pro-form-mw .form-group small {
    font-size: var(--base-font-size);
}

.p-inte-cont-cta .p-btn-sec-wi .p-icon {
    width: 1.1rem;
    height: 1.1rem;
}


/* Hide the entire second column by default on mobile */
@media (max-width: 1253px) {
    .sidebar-closed li.nav-item.p-sidemenu-dropdown {
        visibility: hidden;
        opacity: 0;
    }
}

@media (max-width: 576px) {
    #searchContainer {
        display: none;
    }

        #searchContainer.search-show {
            display: flex;
        }

    #closeSearch {
        display: inline-block;
    }

    .search-nav-wrap {
        flex-wrap: nowrap;
    }

    .p-menu-icon-nav-search svg.p-help-icon {
        width: 1.15rem;
        height: 1.15rem;
    }

    .serach-global-mob-view {
        position: absolute;
        z-index: 9999999999;
        left: 0;
        width: 100%;
        height: var(--nav-min-height);
        background: var(--chat-dark-bg-2);
        align-items: center;
        gap: 0.7rem;
    }

    .p-db-sticky-top {
        position: relative;
        top: initial;
    }

    .p-db-posts-mw {
        height: initial !important;
    }

    .layout-navbar-fixed .wrapper .brand-link::after {
        display: none;
    }
}

/* Hide mobile search icon on desktop */
@media (min-width: 577px) {
    #mobileSearchIcon {
        display: none;
    }
}


#leaveBalancesAccordian .lt-list-date .lt-days p small {
    display: inline-block;
    min-width: initial;
    margin-left: 5px;
    font-size: calc(var(--base-font-size-xxs)* 0.92);
}

.leave-hr {
    display: inline-block;
    border-bottom: 1px solid var(--sec-light-color7);
    height: 1px;
    width: 100%;
    margin: 28px 0;
}

.p-lbc-acc-body .mb-3 b.mr-2 {
    min-width: 92px;
    display: inline-block;
}

#leaveBalancesAccordian .card-body {
    border-top: 1px solid var(--primary-border-color);
}

#leaveBalancesAccordian .p-acc-header .p-acco-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
}


.p-custom-checkbox-wl.p-custom-checkbox.p-custom-checkbox-wl-left {
    right: -1.11rem;
}

.p-acc-card.policy-sort.p-cardborder .p-selected-col {
    border-left: none;
}

.top-ini {
    top: initial;
}

.time-off-calender {
}

.min-wid-to {
    width: 120px;
}

.time-off-calender .p-search-input {
    min-width: 240px;
}

.time-off-calender .grid-btn-abs {
    right: 22px;
}

.p-dd-wp-wrapper .p-icon-circle:hover svg {
    background: transparent;
    stroke: none;
}

.p-dd-wp-wrapper .p-icon-circle svg {
    width: 1.65rem;
    height: 1.65rem;
    fill: var(--theme-primary-color);
}

.p-dd-wp-wrapper .p-icon-circle:hover svg {
    fill: #fff;
}

.custom-appointment-class {
    color: #fff;
}

.align-dd-with-gs {
}

#div-resources-usage-chart {
    height: 500px;
}

.table-month-view-pro {
    min-width: 400px;
}

.table-month-view td:nth-child(1)::after,
.table-month-view th:nth-child(1)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    z-index: 9;
    border-right: 1px solid var(--primary-border-color);
}

.table-month-view tr:last-child th:nth-child(1),
.table-month-view tr:last-child td:nth-child(1),
.table-month-view tr:last-child th:nth-child(2),
.table-month-view tr:last-child td:nth-child(2) {
    padding-bottom: 6px !important;
}

.custom-appointment {
    height: 30px !important; /* Fixed height */
    overflow: hidden; /* Hide overflow text */
    line-height: 30px !important; /* Vertical alignment */
    width: calc(100% - 10px) !important;
    margin: 1px 0; /* Spacing between appointments */
    white-space: nowrap; /* Prevent text wrapping */
    text-overflow: ellipsis; /* Add ellipsis for long text */
}

.campaigns-calender-eve .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 6px;
    padding-left: 10px;
    border-left: 2px solid #d33d44;
}

.p-cal-poup-wrapper {
    padding: 0.35rem;
}

.rota-my-dx-cal .dx-scheduler-date-table-cell {
    cursor: default;
}

.main-sign-course-mw-inner {
    max-width: 534px;
    margin: 0 auto;
}

    .main-sign-course-mw-inner .sign-content-mw {
        min-height: 300px;
    }

.dx-tagbox.dx-tagbox-only-select .dx-placeholder::before {
    padding: 7px 13px 8px;
}

.p-pro-tabs-mw .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}

.ad-rota-list-rot .lt-days {
    min-width: 90px;
}

.ad-rota-list-rot .lt-list-date .lt-days .p-tag-sm {
    min-width: 78px;
}

.rota-my-dx-cal .dx-item-content.dx-scheduler-appointment-content {
    cursor: default;
}


.acc-sec-head {
    font-weight: 600;
    font-size: var(--base-font-size-xl);
    padding-left: 0.55rem;
}

.dx-tag-wi .dx-tag {
    margin-left: 10px;
    margin-top: 5px;
}

.dx-tag-wi .dx-selectbox-container {
    position: relative;
    padding-right: 2.7rem;
}

.dx-tag-wi dx-tag-wi .dx-texteditor-input-container {
    cursor: pointer;
    padding-right: 2.5rem;
    gap: 0.8rem;
}

.dx-tag-wi .p-dx-dd-tt .dx-texteditor-input-container {
    background-image: none;
}

.loading-skeleton .p-sb-scroll-spy-list-item a {
    margin-bottom: 0.9rem;
    min-height: 39px;
}

.min-w-160px {
    min-width: 160px !important;
}

.min-w-120px {
    min-width: 120px;
}

.min-w-100px {
    min-width: 100px !important;
}

.min-w-105px {
    min-width: 105px !important;
}

.min-w-95px {
    min-width: 95px;
}

.max-w-95px {
    max-width: 95px;
}

.text-italic-lg {
    transform: skewX(-3deg);
    letter-spacing: 0.2px;
    font-style: italic;
}

.algn-g-btn {
    margin-right: 1.3rem;
}

.p-ap-container {
    display: flex;
    gap: 0;
    justify-content: space-around;
    align-items: flex-start;
    padding: 2rem 0;
    gap: 2rem;
    width: 100%;
}

    .p-ap-container > * {
        flex: 1;
    }

.p-ap-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-ap-box {
    width: 250px;
    height: auto;
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    border-radius: var(--bs-border-radius);
    text-align: center;
    padding: 0;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
}

    .p-ap-box.selected,
    .p-ap-box:hover {
        border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
        box-shadow: 1px 1px 5px hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
        cursor: pointer;
    }

        .p-ap-box.selected ~ .p-ap-text h5,
        .p-ap-box:hover ~ .p-ap-text h5 {
            color: var(--primary-color);
        }

    .p-ap-box img {
        width: 100%;
        height: auto;
    }

.p-ap-text {
    margin-top: 10px;
    font-size: 14px;
    color: var(--on-primary-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
}

    .p-ap-text h5 {
        color: var(--primary-color);
        font-size: var(--base-font-size-h5);
        padding-left: 0.3rem;
        font-weight: 500;
    }

.filter-inp-grp {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding-right: 2rem;
}

    .filter-inp-grp:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-ani-dropdown.p-ani-dropdown-lg {
    max-width: 630px;
    width: 100%;
    min-width: 600px;
    padding: 0.85rem;
    box-shadow: var(--default-shadow);
}

.filter-inp-grp .p-btn-af-del {
    position: absolute;
    right: 1.2rem;
}

.p-fiter-lg-mw button {
    width: initial;
}

    .p-fiter-lg-mw button.p-btn-sec {
        width: initial;
        border: 1px solid var(--input-border-1);
        border-radius: var(--bs-border-radius-lg) !important;
    }

.p-fiter-lg-mw {
    min-width: 780px;
}

.ob-video-wrap {
    background-color: transparent;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-ob-head {
    margin-bottom: 1.45rem;
}

    .p-ob-head h2 {
        font-size: 1.2rem;
        font-weight: 600;
    }

.p-ob-mw .pp-cp-divider-ver {
    opacity: 1;
    margin-left: -20px;
}

.p-ob-steps {
    /*    background: #fff;
    padding: 0.75rem 1rem;
    border-radius: var(--bs-border-radius);
    margin-bottom: var(--default-gap);
    border: 1px solid var(--input-border-1);*/
    margin-bottom: 1.4rem;
}

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

.p-ob-impo-list .p-dd-wp-wrapper {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.p-icon-circle.p-icon-circle-sm {
    width: 2.05rem;
    height: 2.05rem;
}

span.comment-span {
    cursor: pointer;
}

.p-input-sm-inline.p-input-xs-inline {
    width: 75px;
}

.count-more {
    min-width: initial;
    min-height: initial;
    line-height: 1.25;
    padding: 0.15rem 0.55rem;
    font-size: 0.68rem;
    margin-left: 0.25rem;
}

.filter-content .p-filter-cond-list .p-filter-cond-list-item:first-child {
    margin-top: 0.5rem;
}

/*.filter-content .p-input-box {
    max-height: 390px;
    overflow: auto;
    height: auto;
}*/

.ad-manager-img-mw img {
    max-width: 160px;
    min-height: initial;
    max-height: initial;
}

.p-int-size-3 img {
    max-width: 75px;
    min-height: initial;
    max-height: initial;
}

.p-lk-inte-mod-mw .p-ul-align {
    padding-left: 1.1rem;
}

.p-int-dl-acc .card-body .form-group:last-child {
    margin-bottom: 0.25rem;
}

.p-integrations-mw .p-inte-cont-cta .p-btn-sec.p-btn-sec-wi {
    min-width: 170px;
}

.p-inte-go-container .p-grey-bg-box {
    background-color: var(--sec-light-color8);
}

/*email box css starts here*/
.p-email-container {
    display: flex;
}

.p-mb-sidebar {
    width: 27.5rem;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--primary-border-color);
    background: var(--card-bg-color);
    padding: 1.25rem;
}

.p-filter-and-new-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.15rem;
}

.p-email-list {
    list-style-type: none;
    padding: 0;
    margin-top: 1rem;
}

    .p-email-list li,
    .p-email-list-nested-inner {
        padding: 0.8rem calc(var(--box-padding)* 0.8);
        cursor: pointer;
        border-bottom: 1px solid var(--primary-border-color);
        display: flex;
        align-items: center;
        gap: 0.3rem;
        background: var(--chat-dark-bg-2);
        border-radius: var(--bs-border-radius);
        margin-bottom: 0.8rem;
        box-shadow: 0px 1px 6px -5px rgb(13 41 66 / 13%);
        position: relative;
    }

.p-email-list-nested-inner {
    border-bottom: 0;
}

.p-email-list-nested-inner {
    padding: 0.6rem calc(var(--box-padding)* 0.8);
}

.p-email-list-nested .p-email-list li {
    margin-bottom: 0;
}

.p-email-list li.active, .p-mb-filter-list li.active, .p-mb-filter-list li:hover {
    background: var(--theme-light-bg-def-1);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-mb-filter-list li.active {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-email-list-nested-inner[aria-expanded="true"] .p-icon.p-icon-chevron {
    transform: rotate(90deg);
    stroke: var(--theme-primary-color);
}

.p-email-list-nested-inner[aria-expanded="true"],
.p-email-list-nested.p-fol-item-acc .p-email-list-nested:has(.p-email-list-nested-inner[aria-expanded="true"]) {
    transition: all .3s;
    background-color: var(--theme-light-bg-def-1);
}


.p-email-info p::after,
.p-ellp-text-white::after {
    content: "";
    width: 45px;
    position: absolute;
    height: 100%;
    right: -1px;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    top: 0;
}

.p-email-info .p-email-sender {
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.prof-docs .p-email-list-nested-inner {
    padding: 0.6rem calc(var(--box-padding) * 0.4) 0.5rem;
}

.p-email-list-nested-inner[aria-expanded="true"] p {
    color: var(--theme-primary-color);
}

.p-email-list-nested-inner[aria-expanded="true"] .folder-icon-docs {
    fill: var(--theme-primary-color);
}

@media(max-width: 1499px) {
    .p-email-info .p-email-sender {
        max-width: 140px;
    }
}

.p-ellp-text-white {
    position: relative;
    width: 100%;
}

    .p-ellp-text-white::after {
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    }

.p-email-list li.active .p-email-info p::after,
.p-mb-filter-list li.active .p-ellp-text-white::after,
.p-mb-filter-list li:hover .p-ellp-text-white::after,
.p-email-list-nested-inner[aria-expanded="true"] .p-ellp-text-white::after,
.p-email-list-nested.p-fol-item-acc .p-email-list-nested:has(.p-email-list-nested-inner[aria-expanded="true"]) .p-ellp-text-white::after {
    background: linear-gradient(-90deg, var(--theme-light-bg-def-1) 20%, transparent);
}

.p-email-list-nested .p-email-info p::after,
.p-ellp-text-white.p-ellp-text-white-gr-bg,
.p-email-list-nested-inner[aria-expanded="true"] .p-email-info .p-ellp-text-white::after {
    background: linear-gradient(-90deg, var(--theme-light-bg-def-1) 20%, transparent);
}

.p-email-list-nested .p-email-list li.active {
    background: var(--theme-light-bg-def-2);
}

    .p-email-list-nested .p-email-list li.active .p-email-info p::after {
        background: linear-gradient(-90deg, var(--theme-light-bg-def-2) 20%, transparent);
    }

.p-email-list-nested .p-email-list li {
    background: var(--theme-light-bg-def-1);
    margin-bottom: 0;
}

.p-email-list-nested .collapse {
    background-color: var(--grey-bg-6);
}

.unread-msg .p-email-sender {
    font-weight: 600;
}

.p-email-subject {
    font-size: var(--base-font-size-lg);
    font-weight: 400;
    color: var(--primary-color);
    margin-bottom: 0.17rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 1000%;
    display: inline-block;
    max-width: 100%;
}

.p-email-date {
    font-size: 0.725rem;
    color: var(--on-primary-color);
    margin-left: 1rem;
    white-space: nowrap;
}

.p-email-sender {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    font-weight: 400;
}

.p-email-info {
    display: flex;
    gap: 0.07rem;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    flex-direction: column;
}

    .p-email-info p {
        margin: 0;
        position: relative;
        word-break: break-word;
    }

.p-email-container-sb .p-mb-sidebar {
    border-right: 0;
    border-radius: var(--bs-border-radius);
    padding: 1.05rem;
    width: 24.5rem;
    position: sticky;
    top: 0.2rem;
    height: 100vh;
}

.p-user-count {
    background: var(--sec-light-color8);
    border-radius: 50%;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 0.85rem;
    border: 1px solid var(--p--border-1);
    color: var(--primary-color);
    padding: 0.35rem;
    padding-right: 0.5rem;
    gap: 0.05rem;
}

span.p-user-count em.icon {
    font-size: 0.72rem;
    color: var(--primary-color);
    position: relative;
    top: 0px;
}

.loading-skeleton.p-email-list li {
    height: initial;
}
/* Search Bar and New Message Button */
.p-email-content {
    flex-grow: 1;
    padding: 1.25rem;
    width: 100%;
    flex: 1;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    position: relative;
}

    .p-email-content .p-no-data {
        min-height: initial !important;
    }

.p-mb-sidebar {
    overflow: visible;
}

.p-cc-bcc {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

    .p-cc-bcc input {
        width: 48%;
    }

.p-email-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

    .p-email-actions button {
        padding: 1rem 2rem;
        cursor: pointer;
    }

        .p-email-actions button:hover {
            background-color: #0056b3;
        }

.p-email-message {
    display: none;
}

.email-body {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1.5rem;
    margin-bottom: 0.5rem;
}

    .email-body p {
        line-height: 1.6;
    }

.bg-grey-wbr span.p-pipe-divider {
    color: var(--sec-light-color5);
}

.bg-grey-wbr {
    background: var(--sec-light-color8);
    display: inline-flex;
    padding: 0.55rem 1.15rem;
    border-radius: var(--bs-border-radius);
    padding-left: 0.75rem;
    border: 1px solid var(--sec-light-color8);
}

.email-header-name {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.email-hb-mw .avatar {
    align-self: flex-start;
}

.icon-actions {
    display: flex;
    gap: 1.4rem;
    align-items: center;
    justify-content: flex-end;
}

.email-header {
    margin-bottom: 0.9rem;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 0.9rem;
}

.email-hb-mw-inner {
    flex: 1;
}

.p-email-content .p-head-with-border .dx-selectbox {
    min-width: 240px;
}

.p-email-content.hire-emial-content .p-head-with-border .dx-selectbox {
    width: 100%;
}

.p-inp-bb-inner label {
    color: var(--primary-color);
}

small#LoadEmailSentDate {
    white-space: nowrap;
}

.p-email-list-cub-msg {
    display: flex;
    gap: .25rem;
    align-items: center;
    margin-top: 0.15rem;
}

.p-email-list-cub-msg-cont {
    flex: 1;
    flex: 1;
    overflow: hidden;
    max-width: 100%;
}
/* Styles for email attachments */
.p-email-attachments {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

    .p-email-attachments .p-attachment {
        margin-right: 1rem;
    }

        .p-email-attachments .p-attachment a {
            text-decoration: none;
            color: #007bff;
        }

.p-filter-bar select.form-control {
    height: initial;
    padding-right: 1.5rem;
    background-position: calc(100% - 0.77rem);
    background-size: 0.788rem;
}

.p-btn-sm-icon.p-btn-sm em.icon.ni {
    font-size: 0.8rem;
}

.p-inp-bb-mw {
    border-bottom: 1px solid var(--input-border-1);
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.p-msg-to-pro {
    background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius);
    padding: 0.32rem 0.3rem;
    padding-right: 0.7rem;
}

.p-inp-bb {
    border: none;
    flex: 1;
}

.p-ch-add-em-dd .p-inp-bb {
    width: 100%;
}

.pm-ext-msg {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

    .pm-ext-msg small {
        color: var(--on-primary-color);
    }

.p-input-append.p-dx-select-sm .dx-texteditor-input-container {
    min-height: 36px !important;
}

.p-input-append.p-dx-select-sm.dx-texteditor.dx-editor-outlined {
    height: calc(1.5em + 0.75rem + 0.425em);
}

.p-inp-bb-inner {
    flex-wrap: wrap;
    flex: 1;
}

.p-email-list-cub-msg .p-tag-sm {
    min-width: 70px;
    text-align: center;
}

    .p-email-list-cub-msg .p-tag-sm.p-tag-grey {
        background-color: var(--theme-border-2);
        color: var(--theme-primary-color);
        border: 1px solid var(--theme-primary-color);
    }

.p-filter-and-new-message .p-icon-circle:hover svg {
    stroke: var(--theme-primary-color) !important;
}

.p-dd-def-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.55rem;
    border-radius: calc(var(--bs-border-radius));
    color: var(--on-primary-color);
    gap: 0.2rem;
    border: 1px solid var(--input-border-1);
}

.p-mb-att-mw {
    flex-wrap: wrap;
    gap: 0.8rem;
}



.p-mb-att-mw-item {
    min-width: 200px;
    position: relative;
    overflow: hidden;
    min-height: 62px;
}

.p-mb-att-mw-item {
    width: 220px;
}

.p-txt-ellip-grad {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 130px;
    position: relative;
    width: 100%;
    max-width: 160px;
}

    .p-txt-ellip-grad::after {
        content: "";
        width: 45px;
        position: absolute;
        height: 100%;
        right: -5px;
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
        background: linear-gradient(-90deg, var(--sec-light-color8) 20%, transparent);
    }

.p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    /*    background: linear-gradient(-90deg, #f3faf8 20%, transparent);*/
    width: 66px;
    right: 10px;
}

.p-mb-att-mw-item:hover {
    background-color: var(--sec-light-color6);
}

    .p-mb-att-mw-item:hover .p-txt-ellip-grad::after {
        background: linear-gradient(-90deg, var(--sec-light-color6) 20%, transparent);
    }

.p-upld-file-inp {
    background: transparent;
    border: 2px dashed var(--sec-light-color5);
    border-spacing: 1px;
}

.p-mb-links-attach {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.p-mb-att-mw-item:hover .p-mb-links-attach {
    opacity: 1;
    visibility: visible;
}

.p-mb-att-mw-item .p-btn-icon {
    background-color: var(--theme-primary-color);
    z-index: 9;
    width: 1.8rem;
    height: 1.8rem;
}

    .p-mb-att-mw-item .p-btn-icon svg.p-icon {
        stroke: #fff;
    }

.p-mb-att-mw-item:hover .p-mb-links-attach::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--th-dropdown-border);
    content: '';
}

.p-mb-links-attach svg,
.p-mb-links-attach span {
    z-index: 5;
    font-size: 1rem;
    font-weight: 500;
}

.p-email-list-nested ul.p-email-list {
    margin-top: 0;
}

.p-email-list-nested .p-email-list li {
    border-radius: 0;
}

.p-email-list-nested {
    overflow: hidden;
    border-bottom: 1px solid var(--primary-border-color);
    background: var(--chat-dark-bg-2);
    box-shadow: 0px 1px 6px -5px rgb(13 41 66 / 13%);
}

    .p-email-list-nested .p-email-list li:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .p-email-list-nested ul.p-email-list {
        margin: 0;
    }

.p-email-list-nested-inner.collapsed {
    margin: 0;
}

.p-email-list-nested .p-email-list .p-email-info {
    padding-left: 0.25rem;
}

.p-email-list-nested .p-email-list-nested-inner .p-email-info .p-email-sender {
    font-weight: 400;
}

.p-email-image.p-email-draft {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: 50%;
}

.p-email-list-nested-inner {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

    .p-email-list-nested-inner.collapsed {
        border: none;
    }

    .p-email-list-nested-inner .p-icon-chevron {
        stroke: var(--sec-light-color3);
        transition: all .3s;
    }

.p-email-list-nested .p-email-date {
    margin: 0;
    font-size: 0.75rem;
    white-space: nowrap;
}

.p-inb-na-ac-mw-mh {
    min-height: 1.5rem;
}

.p-email-container-message .p-email-list {
    margin-top: 0;
}

.p-mb-sidebar-filter {
    width: 280px;
}

ul.p-mb-filter-list {
    padding: 0;
    list-style: none;
}

.p-mb-filter-list li {
    padding: 0.8rem;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 1px 6px -5px rgb(13 41 66 / 13%);
    display: flex;
    gap: 0.35rem;
    white-space: nowrap;
}

.p-mb-filter-list svg.p-icon {
    position: relative;
    top: 1px;
}

.p-mb-sidebar-filter .label-primary {
    width: 100%;
}

.p-email-container-message {
    gap: 1.4rem;
}

    .p-email-container-message .p-mb-sidebar-filter,
    .p-email-container-message .p-mb-sidebar {
        height: calc(100vh - var(--nav-min-height) - var(--box-padding) - var(--box-padding));
        position: sticky !important;
        top: calc(var(--nav-min-height) + var(--box-padding));
    }

.p-eb-box {
}

.p-eb-box-head {
    padding: 0.25rem calc(var(--box-padding) * 0.8);
    border-bottom: 1px solid var(--primary-border-color);
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.p-email-container-sb .p-eb-box-head {
    border-bottom: 0;
}

.loading-skeleton.tooltip-inner {
    border: none !important;
    padding: 0 !important;
}

    .loading-skeleton.tooltip-inner .p-cal-pro-cont h5 {
        font-size: var(--base-font-size);
        margin-bottom: 0.5rem;
    }

    .loading-skeleton.tooltip-inner .p-cal-poup-wrapper .p-cal-icon {
        height: 32px;
    }

        .loading-skeleton.tooltip-inner .p-cal-poup-wrapper .p-cal-icon img {
            flex-grow: 1;
        }

@media(max-width: 1700px) {
    .p-mb-sidebar {
        width: 22.5rem;
    }
}

@media(max-width: 1500px) {
    .p-mb-sidebar {
        width: 20rem;
    }

    .p-mb-sidebar-filter {
        width: 240px;
    }
}


.loading-skeleton .p-ocn-card-det svg.p-icon {
    display: none;
}

.loading-skeleton .p-ocn-card-det label {
    min-width: 100px;
}

.candidate-popup {
    width: 100%;
    max-width: 400px;
    border-radius: var(--bs-border-radius);
    z-index: 999;
    display: none;
    background-color: var(--chat-dark-bg-2);
    max-height: 300px;
    overflow: visible;
    border: 1px solid var(--input-border-1);
    position: absolute;
    top: 30px;
    left: 0;
}

.candidate-item {
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    color: var(--primary-color);
}

.candidate-item-name {
    font-weight: 600;
}

.p-ch-add-em-dd {
    flex: 1
}

.candidate-item:hover {
    background-color: #f1f1f1;
}

.OKCancelButtonsClass .dx-button {
    min-width: 92px;
}

.p-btn-icon[aria-expanded="false"] svg.p-icon {
    transform: rotate(-180deg);
}

.dx-treeview-select-all-item {
    border-color: var(--primary-border-color);
    padding: 9px 0 11px 8px;
}

.dx-treeview .dx-treeview-node-container .dx-treeview-node:has(.dx-treeview-toggle-item-visibility) {
    padding-left: 15px;
}

    .dx-treeview .dx-treeview-node-container .dx-treeview-node:has(.dx-treeview-toggle-item-visibility) .dx-checkbox {
        left: 19px;
    }

.dx-treeview .dx-treeview-node-container .dx-treeview-node-container .dx-treeview-node {
    padding-left: 15px;
}

.cus-search-btn {
    height: calc(100% - 0px);
    min-height: 130px;
}

.p-btn-icon svg {
    transition: all .3s;
}

.cus-search-btn .dx-treeview-item-with-checkbox .dx-checkbox {
    top: 13px;
}

.dx-popup-flex-height .dx-popup-content:has(.cus-search-btn) {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

.OKCancelButtonsClass {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    bottom: 0;
    gap: 1rem;
}

.ul-nested-point {
    list-style: disc;
    margin-top: 0.45rem;
}

    .ul-nested-point li p {
        margin-bottom: 0.4rem;
    }

.p-lk-inte-mod-mw {
    color: var(--primary-color);
}

.ul-nested-main-point > li {
    margin-bottom: 0.85rem !important;
}

.p-inte-go-container {
    width: 100%;
    text-align: left;
}

.p-inte-go-sign-up {
    margin: 20px 0;
}

.p-inte-go-google-sign-in {
    border: 1px solid var(--input-border-1);
    background: #fff;
    border-radius: var(--bs-border-radius-lg);
    padding: 0.65rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-width: 229px;
    font-weight: 500;
}

    .p-inte-go-google-sign-in svg {
        width: 20px;
        height: 20px;
    }

    .p-inte-go-google-sign-in:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.p-int-cta-go {
    gap: 0.3rem;
    margin-bottom: 1.8rem;
    flex-direction: column;
}

.p-inte-go-note ul.p-info-msg-ul li:not(:last-child) {
    margin-bottom: 0.25rem;
}

.p-info-msg li::marker {
    color: var(--primary-color);
    font-size: 0.82rem;
    line-height: 1;
}

.p-la-sepe-head .loading-skeleton .p-acc-header .p-acco-btn {
    min-height: 36px;
}

.p-la-sepe-head .loading-skeleton .p-acco-btn-w-text::after,
.p-la-sepe-head .loading-skeleton .p-acco-btn-w-icon::after {
    background: var(--sec-light-color7);
    border-radius: 6px;
}

.p-input-append.p-dx-msdd .dx-texteditor-input {
    padding-left: 0.15rem;
}

.p-white-box {
    background: var(--chat-bg-2);
    padding: var(--box-padding);
    border-radius: var(--bs-border-radius);
    margin-bottom: var(--default-gap);
    border: 1px solid var(--input-border-1);
}

.p-inp-inline-lbl {
    display: flex;
    gap: 0.95rem;
}

    .p-inp-inline-lbl .p-inp-inline-lbl-alg {
        padding-top: 0.7rem;
        color: var(--primary-color)
    }

.p-lbl-mvc {
    display: flex
}

    .p-lbl-mvc .icon.ni-info {
        font-size: 0.85rem;
        color: var(--on-primary-color);
    }

.p-ws-ad-hl {
    margin: 1.4rem 0 1.2rem;
}

.p-inp-inline-lbl-iw {
    max-width: 373px;
    width: 100%;
}

.p-ws-mp-pro .p-wdhrs label.control-label {
    font-weight: 400;
    font-size: var(--base-font-size);
}

.p-inp-d-alg {
    width: 100%;
    max-width: 372px !important;
}

.p-ws-mp-pro .p-wdhrs-note {
    color: var(--primary-color);
}

.p-wdhrs .pw-dh input[type="number"] {
    max-width: 112px;
}

.p-wdhrs-sm.p-wdhrs .pw-dh input[type="number"] {
    max-width: 70px;
}

.fte-total-p .fte-total-p-inp-mw {
    max-width: 372px;
    width: 100%;
}

.fte-total-p .p-inp-def-grp-wt .input-group-text {
    min-width: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.fte-total-cacl-hr {
    padding-top: 1.5rem;
}

.cust-work-patt .fte-total {
    max-width: 484px;
}

.p-max-wid-200,
.p-max-wid-160 {
    max-width: 160px !important;
}

td.p-def-tab-pb {
    vertical-align: middle;
    padding-bottom: 1.3rem;
    min-width: 140px;
}

.lp-sign-off-mw {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.lp-sign-off-inner {
    flex: 0 0 calc(50% - 1rem);
}

.cus-search-btn .dx-treeview .dx-empty-message {
    min-height: 90px;
    position: initial;
    transform: none;
}

.p-def-back-btn .p-icon:not(.p-icon-fn):hover {
    background-color: var(--theme-primary-color);
    stroke: #fff;
    border-color: var(--btn-light-bg);
}

.p-def-back-btn .p-icon-circle .p-icon:hover {
    background-color: transparent;
}


.p-email-container-sb .p-email-list-nested {
    border-radius: var(--bs-border-radius);
}

.p-email-container.p-email-container-sb {
    height: inherit;
}

.loading-skeleton .email-body .bg-grey-wbr {
    min-height: 50px;
}

.loading-skeleton .p-head-with-border,
.loading-skeleton .email-header {
    border-color: var(--sec-light-color7);
}


.warning-msg {
    background: #fff8d3;
    padding: 0.45rem 0.85rem;
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
    line-height: 1.35;
    border: 1px solid #f2ebc3;
}
/*css screening sh*/
.p-scr-container {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%;
    background: var(--chat-dark-bg-2);
}

.p-scr-call-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm);
}

.p-scr-timer-container {
    font-size: var(--font-size-xl);
    font-weight: bold;
    color: var(--text-color);
}

.p-scr-control-buttons {
    display: flex;
    gap: var(--spacing-md);
}

.p-scr-btn {
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
    color: var(--text-color);
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: all var(--transition-fast) ease;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

    .p-scr-btn:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

.p-scr-btn-danger {
    background-color: var(--danger-color);
    color: white;
    border: none;
}

    .p-scr-btn-danger:hover {
        background-color: #d32f2f;
    }

.p-scr-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg) 0;
}

.p-scr-avatar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: var(--spacing-xl);
}

/* Waveform Animation */
.p-scr-waveform {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    height: 6rem;
    padding: 1rem;
    background-color: transparent;
    width: 12rem;
    margin: 0 auto;
}

.p-scr-wave-bar {
    width: 0.6rem;
    height: 1.5rem;
    background-color: white;
    border-radius: 1rem;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(1) {
    animation: sound 1.2s linear infinite alternate;
    animation-delay: 0.1s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(2) {
    animation: sound 1s linear infinite alternate;
    animation-delay: 0.3s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(3) {
    animation: sound 1.3s linear infinite alternate;
    animation-delay: 0.5s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(4) {
    animation: sound 0.9s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(5) {
    animation: sound 1.1s linear infinite alternate;
    animation-delay: 0.4s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(6) {
    animation: sound 1.2s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(1) {
    animation: soundActive 0.7s linear infinite alternate;
    animation-delay: 0.1s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(2) {
    animation: soundActive 0.6s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(3) {
    animation: soundActive 0.5s linear infinite alternate;
    animation-delay: 0.3s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(4) {
    animation: soundActive 0.8s linear infinite alternate;
    animation-delay: 0s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(5) {
    animation: soundActive 0.7s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(6) {
    animation: soundActive 0.6s linear infinite alternate;
    animation-delay: 0.1s;
}

@keyframes sound {
    0% {
        height: 0.4rem;
        background-color: var(--sound-color);
    }

    50% {
        height: 0.7rem;
        background-color: var(--sound-color);
    }

    100% {
        height: 1.2rem;
        background-color: var(--sound-color);
    }
}

@keyframes soundActive {
    0% {
        height: 1rem;
        background-color: var(--sound-color);
    }

    50% {
        height: 2.5rem;
        background-color: var(--sound-color);
    }

    100% {
        height: 4rem;
        background-color: var(--sound-color);
    }
}

.p-scr-question {
    max-width: 40rem;
    text-align: center;
    padding: var(--spacing-lg);
    font-size: var(--font-size-lg);
    color: var(--text-color);
    font-weight: 500;
    margin: 0 auto;
}

/* Interviewer Info */
.p-scr-interviewer-info {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    border: 1px solid var(--input-border-1);
    padding: var(--spacing-sm);
    border-radius: var(--bs-border-radius);
    max-width: 15rem;
    transition: all var(--transition-medium) ease;
    z-index: 50;
    background: var(--chat-dark-bg-2);
}

.p-scr-interviewer-avatar {
    width: 3rem;
    height: 3rem;
    border-radius: var(--border-radius-full);
    object-fit: cover;
}

.p-scr-interviewer-details {
    display: flex;
    flex-direction: column;
}

.p-scr-interviewer-name {
    font-weight: bold;
    font-size: var(--font-size-sm);
}

.p-scr-interviewer-designation {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

/* Audio Controls */
.p-scr-audio-controls {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    background-color: var(--bg-secondary);
    padding: var(--spacing-sm);
    border-radius: var(--border-radius-lg);
    transition: all var(--transition-medium) ease;
    z-index: 100;
}

.p-scr-audio-status {
    color: var(--text-secondary);
    display: flex;
    gap: var(--spacing-xs);
    align-items: center;
    font-size: var(--font-size-sm);
}

.p-scr-audio-buttons {
    display: flex;
    gap: var(--spacing-md);
}

.p-scr-audio-btn {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--border-radius-full);
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
    color: var(--text-color);
    font-size: var(--font-size-lg);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all var(--transition-fast) ease;
}

    .p-scr-audio-btn:hover {
        background-color: rgba(0, 0, 0, 0.05);
        transform: translateY(-2px);
    }

    .p-scr-audio-btn.p-scr-active {
        background-color: var(--accent-color);
        color: white;
        border: none;
    }

.im-count {
    padding-right: 1.1rem;
    font-weight: 400;
    margin-bottom: 0.6rem;
    text-align: right;
    color: var(--primary-color);
    font-weight: 600;
}

/* Speaking animation for audio button */
.p-scr-audio-btn.p-scr-active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid var(--accent-color);
    animation: ripple 1.5s infinite ease-out;
}

.p-ai-sc-mw .p-cci-main {
    padding: 0;
}

.dx-popover-without-title.dx-lookup-popup-search .dx-searchbox .dx-texteditor-input {
    padding-right: 35px;
}

.dx-placeholder::before {
    padding: 9px 9px 8px 13px;
}

.p-swap-fdi .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    gap: 5.8rem;
    padding-top: 0.5rem;
}

.p-swap-fdi .cirlce-icon-align-search {
    left: 262px;
}

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

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

/* Hidden class */
.p-scr-hidden {
    display: none;
}

.p-scr-pulse {
    width: 0.75rem;
    height: 0.75rem;
    background-color: var(--danger-color);
    border-radius: var(--border-radius-full);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 0.5rem rgba(234, 67, 53, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 67, 53, 0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .p-scr-main-content {
        gap: var(--spacing-lg);
    }

    .p-scr-waveform {
        width: 8rem;
    }

    .p-scr-question {
        font-size: var(--font-size-md);
        padding: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .p-scr-call-controls {
        flex-direction: column;
        gap: var(--spacing-sm);
    }

    .p-scr-control-buttons {
        width: 100%;
        justify-content: space-between;
    }

    .p-scr-waveform {
        width: 6rem;
    }

    .p-scr-wave-bar {
        width: 0.4rem;
    }
}
/*css for screening eh*/

.text-normal-cp {
    text-transform: initial !important;
}

.p-html-editor .ql-editor img,
.email-body img {
    max-width: 100%;
    height: auto;
}

.lt-list-date-text-sm lt-days p strong {
    font-size: var(--base-font-size-xl);
}

.lt-list-date-gap-sm {
    gap: 1rem;
}


.switch-back-cta {
    border: none;
    background: var(--chat-dark-bg-2) border-box;
    border-radius: var(--bs-border-radius);
    padding: 0.2rem 0.6rem;
    font-weight: 500;
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    min-width: 99px;
}


.layout-fixed:not(.p-sb-minimised) {
}

.btn-sb-toggle {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    display: none;
}

.btn-sb-toggle-show.btn-sb-toggle {
    visibility: visible;
    opacity: 1;
}

.btn-top-head-sb {
}

.btn-top-sidebar-sb {
}

@media(max-width: 991px) {
    .btn-sb-toggle {
        display: none;
    }
}

svg.btn-sb-toggle-icon {
    width: 1rem;
    height: 1rem;
    fill: var(--on-primary-color);
    transition: all .3s;
}

.minimise-on-pin .btn-top-head-sb,
aside[p-toggle-menu="minimise-on"] .btn-sb-toggle {
    display: none;
}

.minimise-on-pin .content-wrapper {
    /* margin-left: var(--custom-sidebar-margin) !important;*/
}

.minimise-on-pin .main-header {
    /*    margin-left:0 !important;*/
}

.main-sidebar .nav-sidebar {
    padding-top: 0.5rem !important;
    gap: 0.2rem;
    height: calc(100% - 3px);
    flex-wrap: nowrap;
}

.btn-top-head-sb {
    position: relative;
    /*    left: -37px;*/
    left: -6px;
    /*    position: fixed;
    left: 65px;
    right: 0;.new_top_navigation
    top: 40px;
    z-index: 1040;*/
}

/*.btn-sb-toggle {
    border: 1px solid var(--theme-border-2);
    border-radius: 50%;
    background: var(--theme-border-2);
}*/

.new_nav_icon {
    stroke: var(--primary-color);
    width: 1.15rem;
    height: 1.15rem;
}

.close_side_nav_icon {
    position: absolute;
    right: -10px;
    z-index: 999999;
    top: 20px;
}

body:not(.layout-fixed) .main-sidebar {
}

.main-sidebar {
    margin: calc(var(--default-container-gap) / 2);
    border-radius: calc(var(--border-radius-default) * 0.75);
    box-shadow: 0px 2px 4px rgba(13, 41, 66, 0.08);
    overflow: hidden;
    height: calc(100% - calc(var(--default-container-gap) * 2));
    background-color: var(--chat-dark-bg-2) !important;
}

.p-nl-sm-mb-mw {
    flex: 1 1 0%;
    display: flex;
    position: relative;
    min-height: 100%;
}

.p-nl-sm {
    position: fixed;
    top: var(--nav-min-height);
    height: calc(100vh - var(--nav-min-height));
    z-index: 1001;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    left: 0;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .minimise-on-pin .content-wrapper, .minimise-on-pin .main-header {
        margin-left: 0 !important;
    }

    .p-sidebar {
        margin-top: 9px;
    }
}

.show-alert-banner.layout-navbar-fixed .wrapper .main-header,
.show-alert-banner.layout-fixed .main-sidebar {
    top: var(--aleart-msg-mh);
}

.show-alert-banner.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(var(--nav-min-height) + var(--aleart-msg-mh));
}

.shareLeaves .p-custom-checkbox .custom-control-label,
.shareLeaves .p-form-check-label {
    color: var(--primary-color);
}

.pay-view-steps .p-ar-as-list {
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--primary-border-color);
    padding: 0.35rem 1.1rem;
    position: relative;
    border-radius: calc(var(--border-radius-default) * 0.8);
}

.invoice-desc {
    text-align: right;
    max-width: 500px;
}

.p-str-none-fill-pri {
    stroke: none !important;
    fill: var(--on-primary-color);
}

.p-vertical-def-nav .nav-link.active svg.p-icon.p-icon-md.p-str-none-fill-pri {
    stroke: none !important;
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-sb-sign-sbs .sign-content-mw-cc .img-uploder {
    min-height: 7.2rem;
}

.p-sb-sign-sbs .sign-content-mw.sign-content-mw-cc {
    padding: 1.4rem;
}

.p-sb-sign-sbs img.uploaded-signature {
    max-width: 300px;
}

.p-tag-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    border-radius: 50%;
    /*    border: 1px solid var(--primary-border-color);*/
    margin-right: 0.2rem;
    margin-left: -0.2rem;
    color: var(--theme-primary-color);
}

.show-msg-ew-p-abs-ind {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: var(--bs-border-radius);
    background: var(--table-head-bg);
    padding: 0.15rem 1rem;
    margin-bottom: var(--default-gap);
}

.show-msg-free-trial p {
    color: var(--theme-primary-color);
    font-weight: 600;
}

.btn-icon-no-bg {
    background: transparent;
    border: none;
}

.white-btn-icon svg {
    stroke: white;
}

.show-msg-ew-p-abs-ind .white-btn-icon svg {
    stroke: var(--theme-primary-color);
}

.show-msg-ew-p-abs-ind .show-msg-free-trial {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.p-cb-input-valid-mw-val {
    max-width: 190px;
}

    .p-cb-input-valid-mw-val .p-small-input {
        width: 100%;
    }

.ack-learn .p-up-at-wrap {
    gap: 5.4rem;
}

.to-re-on-in input.form-control,
.to-re-on-in select.form-control {
    border: none;
    background: transparent !important;
    padding: 0 !important;
    height: initial;
    width: initial;
    min-width: initial;
    max-width: 90px;
    font-weight: 500;
}

.to-re-on-in-da {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--primary-color);
}

.p-box-border .form-group {
    margin: 0;
}

.to-re-on-in-da em.icon {
    margin: 0 0.65rem;
    color: var(--sec-light-color3);
}

.p-box-border {
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    padding: 0.45rem 0.75rem;
}

.p-box-ctlr-lbl {
    margin-bottom: 0.25rem;
    font-size: var(--base-font-size-sm);
}

.p-box-border .bg-grey-wbr {
    border-radius: calc(var(--bs-border-radius) * 0.6);
    padding-left: 0.75rem;
    margin-left: -0.15rem;
    margin-bottom: 0.1rem;
}

.to-req-upd-dp {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    gap: 1.5rem;
}

.to-req-upd-dp-3h {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.to-re-on-sel select.form-control {
    text-align: center;
    background: var(--overdue-tc) !important;
    color: #fff !important;
    font-size: var(--base-font-size-xxs);
    display: inline-block;
    padding: 0.15rem 2.4px !important;
}

.gutter-mb-3 {
    margin-right: -8px;
    margin-left: -8px;
}

    .gutter-mb-3 > [class^="col-"],
    .gutter-mb-3 > [class*=" col-"] {
        padding-right: 8px;
        padding-left: 8px;
    }

.p-to-req-hist {
    margin-top: 0.2rem;
}

.p-to-req-hist-item:not(:last-child) {
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-box-ctlr-lbl-cm {
    margin-top: 0.1rem;
}

.p-link-wicon {
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: 0.05rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    font-size: var(--base-font-size-sm);
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 500;
    cursor: pointer;
}

    .p-link-wicon svg.p-icon {
        stroke: var(--theme-primary-color);
        margin-left: -0.2rem;
    }

.label-wic-link {
    display: flex !important;
    flex-wrap: wrap;
    row-gap: 1rem;
}

.p-link-wicon::after {
    content: '';
    position: absolute;
    bottom: 0.2px;
    width: 100%;
    height: 1px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    left: 0;
}

button.p-link-wicon {
    padding: 0 !important;
    position: relative;
    border: none;
    border-radius: 0;
    color: var(--theme-primary-color);
}

    button.p-link-wicon:hover {
        background: transparent;
        border-radius: 0;
    }

.p-jobs-quest-ans-list > .ph-5,
.sb-att-request-details .qa .p-acc-card .card-body .ph-5 {
    font-size: var(--base-font-size);
    margin-bottom: 0.4rem;
    font-weight: 500;
    padding-left: 0.2rem;
}

.sb-att-request-details .p-cques-answ-optns .p-form-check label {
    top: inherit;
}

.p-jobs-quest-ans-list {
    margin-bottom: 0.6rem;
}

span.user-gray-text {
    font-size: var(--base-font-size-sm);
}

.sb-att-request-details .inp-grp-def {
    padding: 0.95rem 1rem;
}

.grid-ava-lh {
    line-height: 1.45;
}

.p-ver-pipe {
    font-weight: 300;
    color: var(--sec-light-color5);
    margin: 0 0.5rem;
}

.p-modal-sub-head {
    font-size: var(--base-font-size-h3);
    font-weight: 500;
}

.sb-att-request-details .lt-days .p-to-str {
    font-size: var(--base-font-size-xs);
}

.sb-att-request-details .qa-img-options {
    gap: 1.2rem 2.5rem;
    grid-template-columns: repeat(2, 1fr);
}

.sb-att-request-details .qa-img-option-image {
    height: 250px;
}

.sb-att-request-details .p-form-check.p-form-flex {
    align-items: flex-start;
}

.sb-att-request-details .qa-img-option .p-form-check-input[type="radio"] {
    flex-shrink: 0;
}

.sb-att-request-details .flex-inner-div .image-ans {
    flex-shrink: 0;
    margin-left: 0.8rem;
}

.sb-att-request-details .flex-inner-div {
    text-align: left;
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}

.lp-sign-off-mw .sign-content-mw-sb img.img-sign {
    max-height: 130px;
}

.lp-sign-off-mw .sign-content-mw.sign-content-mw-sb,
.lp-sign-off-mw .p-modal-sb .sign-content-mw {
    min-height: 300px;
}

.p-sep-cmt {
    margin-top: 1.8rem;
}

    .p-sep-cmt .p-head-seperator-fw {
        margin-bottom: 0.85rem;
    }

.p-inp-notes {
    line-height: 1.33;
    display: inline-block;
    margin-top: 0rem;
    min-height: 2.9rem;
    margin-bottom: 0.6rem;
    font-size: var(--base-font-size-xxs);
}

.p-filter-and-new-message button {
    border: none !important;
}

.p-dd-msg-filter {
    stroke: var(--on-primary-color);
    fill: none;
    position: relative;
    top: 1px;
    width: 1.9rem;
    height: 1.9rem;
}

.btn-bs-dd .dropdown-menu button:hover,
.btn-bs-active button {
    background: var(--theme-secondary-color) !important;
}

.btn-bs-dd .dropdown-menu {
    padding: 0.35rem;
}

    .btn-bs-dd .dropdown-menu button {
        background: var(--chat-dark-bg-2);
        border-radius: var(--bs-border-radius);
    }

        .btn-bs-dd .dropdown-menu button:hover .p-grid-icon,
        .btn-bs-dd .dropdown-menu .btn-bs-active .p-grid-icon {
            stroke: var(--theme-primary-color);
        }

        .btn-bs-dd .dropdown-menu button:hover .p-grid-icon,
        .btn-bs-dd .dropdown-menu .btn-bs-active .p-grid-icon {
            stroke: var(--theme-primary-color);
        }

        .btn-bs-dd .dropdown-menu button:hover span,
        .btn-bs-dd .dropdown-menu .btn-bs-active span {
            color: var(--theme-primary-color);
        }

.btn-group.show > button {
    background: var(--theme-secondary-color) !important;
}

.p-inp-notes.p-inp-notes-cm {
    margin-top: 0.6rem;
}

.p-smart-tt svg.p-icon {
    width: 0.97rem;
    height: 0.97rem;
}

.label-primary .p-smart-tt.tip {
    margin: 0;
}

.dx-header-filter-menu .dx-scrollable[aria-label="No data to display"] .dx-scrollable-wrapper,
.dx-header-filter-menu .dx-scrollable[aria-label="No data to display"] .dx-scrollable-content,
.dx-header-filter-menu .dx-scrollable[aria-label="No data to display"] .dx-scrollview-content {
    height: 100%;
}

.condition-sh-cal .pp-selected-tags {
    margin-bottom: 0.75rem;
}

.lt-list-date-text-sm .vo-re-cfs strong {
    font-size: 0.86rem;
    min-height: 1.2rem;
    display: inline-block;
}

.text-cap {
    text-transform: capitalize !important;
}

.mw-100-ov-hid {
    overflow: hidden;
    max-width: 100%;
}

.p-box-border-lg.p-box-border {
    padding: 1.05rem 0.75rem;
}

.p-box-border-lg .p-to-req-hist-item:not(:last-child) {
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.mh-ov-requ {
    min-width: 110px;
}

.text-unlimited {
    font-size: 1.3rem !important;
    margin-bottom: 0.25rem;
}

.p-max-wid-250 {
    max-width: 250px !important;
}

.p-max-wid-280 {
    max-width: 280px !important;
}

.p-badge-set-color {
    max-width: 190px;
    width: initial;
    min-width: 110px;
    font-weight: 400;
    padding-top: 4px;
    display: inline-block;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
}

    .p-badge-set-color::after {
        background: linear-gradient(-90deg, #ffc107 25%, transparent);
        width: 18px;
    }

.candidate-item-tooltip {
    display: flex;
    align-items: center;
}

.avatar.avatar-xs-tooltip {
    flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    background-color: var(--primary-border-color);
}

    .avatar.avatar-xs-tooltip .user-img-tooltip {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.user-img-tooltip {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.candidate-item-cont-tooltip {
    flex-grow: 1;
}

.candidate-item-name-tooltip {
    font-weight: 500;
    font-size: var(--base-font-size);
    margin-bottom: 1px;
}

.candidate-item-job-tit-tooltip {
    font-size: var(--base-font-size-xxs);
    color: #dedede;
    word-break: break-word;
}

.candidate-item-email-tooltip {
    font-size: var(--base-font-size-xxs);
    color: #dedede;
    word-break: break-word;
}

.ba-date-range-picker.dp-range-dp .report-range {
    min-width: 205px;
    display: flex;
}

    .ba-date-range-picker.dp-range-dp .report-range span {
        padding: 9px 12px;
        width: 100%;
    }

.dp-range-dp select {
    height: initial;
    min-height: 38.8px;
    padding-right: 2.5rem;
    min-width: 205px;
}

.notification-popper .dx-list-search .dx-texteditor-container .dx-texteditor-buttons-container {
    position: absolute;
    top: 50%;
    right: 0;
}

.notification-popper .dx-list-search .dx-searchbox .dx-texteditor-input {
    padding-left: 42px;
    padding-right: 2.3rem;
}

.pl-hf {
    padding-left: 0.14rem;
}

.p-eb-box-head .p-icon-circle {
    background-color: transparent !important;
}

    .p-eb-box-head .p-icon-circle:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
    }

.ph-card-box-head {
    border-bottom: 1px solid #fff;
}

.ph-card-box-body {
    padding: calc(var(--box-padding) * 0.7) calc(var(--box-padding) * 1);
}

.ph-card-box-head {
    padding: calc(var(--box-padding) * 0.35) calc(var(--box-padding) * 1);
}

.p-ul-align-new {
    padding-left: 1.1rem;
}

    .p-ul-align-new li::marker {
        font-size: 0.8rem;
    }

    .p-ul-align-new li:not(:last-child) {
        margin-bottom: 0.4rem;
    }

/*css for hire scorecard starts here*/
.can-sco-container {
    max-width: 50rem;
    margin: 2rem auto;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
    background: var(--card-bg);
}

    .can-sco-container[class*="status-"] {
        transition: background-color 0.4s ease;
    }

    .can-sco-container.status-nohire {
        background-color: var(--nohire);
    }

    .can-sco-container.status-notsure {
        background-color: var(--notsure);
    }

    .can-sco-container.status-average {
        background-color: var(--average);
    }

    .can-sco-container.status-hire {
        background-color: var(--hire);
    }

    .can-sco-container.status-musthire {
        background-color: var(--musthire);
    }

.can-sco-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.can-sco-feedback {
    margin-bottom: 2.1rem;
}

.can-sco-options {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.can-sco-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--sec-light-color7);
    border-radius: var(--bs-border-radius-lg);
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--primary-color);
    background: var(--chat-dark-bg-2);
}

    .can-sco-btn[data-rating="nohire"].active,
    .can-sco-btn[data-rating="nohire"]:hover {
        background-color: #ffd5d5;
        border-color: #ffbebe;
    }

    .can-sco-btn[data-rating="notsure"].active,
    .can-sco-btn[data-rating="notsure"]:hover {
        background-color: #fff5a9;
        border-color: #f7e097;
    }

    .can-sco-btn[data-rating="average"].active,
    .can-sco-btn[data-rating="average"]:hover {
        background-color: #d0e2ff;
        border-color: #d0e2ff;
    }

    .can-sco-btn[data-rating="hire"].active,
    .can-sco-btn[data-rating="hire"]:hover {
        background-color: #cbffde;
        border-color: #cbffde;
    }

    .can-sco-btn[data-rating="musthire"].active,
    .can-sco-btn[data-rating="musthire"]:hover {
        background-color: #dedfff;
        border-color: #dedfff;
    }

.can-sco-textarea {
    width: 100%;
    height: 6rem;
    padding: 1rem;
    font-size: 1rem;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    resize: vertical;
}

.can-sco-scorecard h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.can-sco-scorecard-interview {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.95rem;
}

    .can-sco-scorecard-interview .can-sco-skill {
        margin-bottom: 0;
    }

.can-sco-skill {
    background: var(--chat-dark-bg-2);
    padding: 0.8rem 0.9rem;
    margin-bottom: 0.8rem;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    border-radius: var(--bs-border-radius);
}

.can-sco-skill-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.can-sco-label {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
    color: var(--primary-color);
}

.can-sco-rating-group {
    display: flex;
    gap: 1.4rem;
    align-items: center;
}

.can-sco-stars {
    display: flex;
    gap: 0.3rem;
}

    .can-sco-stars i {
        font-size: 1.3rem;
        color: #ccc;
        cursor: pointer;
        transition: transform 0.3s ease, color 0.3s ease;
    }

        .can-sco-stars i:hover,
        .can-sco-stars i.selected {
            color: #f4b000;
        }

.can-sco-actions {
    font-size: 1.2rem;
    color: var(--sec-light-color7);
    cursor: pointer;
}

    .can-sco-actions .fa-thumbs-up {
        color: var(--like);
    }

    .can-sco-actions .fa-thumbs-down {
        color: var(--dislike);
    }

.can-sco-desc {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

.psc-add-eve-ins {
    max-width: 150px;
}

    .psc-add-eve-ins textarea {
        min-height: calc(1.5em + 0.75rem + 0.625em);
        height: initial;
    }

.p-scr-hire td {
    vertical-align: top !important;
}

    .p-scr-hire td .p-dd-wp-wrapper {
        margin-top: 0.4rem;
    }
/*css for hire scorecard ends here*/

.pnd-banner .p-nd-add-wid-cta {
    visibility: hidden
}

.pnd-banner:hover button.p-nd-add-wid-cta {
    visibility: visible;
}

/* 86cbc3739: live Home banner must show Customise / upload without hover (QA + Login as). */
#js-dashboard-grid .pnd-banner .p-nd-add-wid-cta,
#js-dashboard-grid .pnd-banner button.p-nd-add-wid-cta {
    visibility: visible;
}

.p-upload-input.img-uploder.email-banner-container,
.p-upload-input.img-uploder.dash-board-banner-container,
.dashboard-banner-loadder .loading-skeleton .p-acc-wc-loader {
    height: 225px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-upload-input.img-uploder.email-banner-container,
.email-banner-loadder .loading-skeleton .p-acc-wc-loader,
.email-banner-container img {
    height: 178px !important;
    max-width: 600px;
}

    .p-upload-input.img-uploder.email-banner-container .form-group {
        margin-bottom: 0;
    }

.p-br-banner.img-uploder {
    padding: 0;
    border: none;
    background: transparent !important;
    justify-content: center !important;
}

.p-br-banner.p-com-profile-img-wrap-mw {
    border: 1px solid var(--theme-border-2);
}

    .p-br-banner.p-com-profile-img-wrap-mw img {
        max-width: 220px;
        margin: 0 auto;
    }

.p-br-banner .p-upload-btn-wrpper .p-hs {
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}

.email-banner-container img, .dash-board-banner-container img {
    height: 13rem;
    object-fit: cover;
}

.p-upload-input.img-uploder.logo-img-container {
    width: 13rem;
    height: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-hs .pdf.pdf-gap-xxs.p-hs-item {
    gap: 0.2rem;
}

.logo-img-container img {
    height: 10rem;
    width: 10rem;
}

.img-uploder {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
    border: 0.1rem dashed hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
}

.logo-delete-btn {
    position: relative;
}

    .logo-delete-btn button {
        position: absolute;
        left: 11rem;
        bottom: 0;
    }

.setting-image-label.fw-normal, .validation-message {
    padding-left: 0.3rem;
}

/* Base background color */
.bg-shade-1,
.bg-shade-2 {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    position: relative;
    height: 150px;
    isolation: isolate; /* Creates a new stacking context */
}

    /* ===== Shade 1 (Original Design) ===== */
    .bg-shade-1::before,
    .bg-shade-1::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.5;
        mask-size: cover;
        mask-repeat: no-repeat;
    }

    /* Darker Blob (Shade 1) */
    .bg-shade-1::before {
        background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) - 10%), calc(var(--primary-lightness) - 10%), 0.3);
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M0,87.17C17.574,88.462,38.55,91.967,51.259,79.761C64.185,67.346,54.191,44.451,61.51,28.091C68.736,11.94,93.011,4.334,92.918,-13.36C92.827,-30.639,72.614,-40.059,61.085,-52.93C49.777,-65.554,42.427,-84.461,25.893,-88.185C9.373,-91.906,-4.675,-76.023,-20.968,-71.409C-37.486,-66.732,-59.718,-74.435,-70.326,-60.938C-81.046,-47.299,-68.726,-27.299,-69.265,-9.959C-69.726,4.867,-77.183,19.152,-73.26,33.457C-69.003,48.981,-59.617,63.048,-46.635,72.566C-33.227,82.397,-16.581,85.951,0,87.17'/%3E%3C/svg%3E");
    }

    /* Lighter Blob (Shade 1) */
    .bg-shade-1::after {
        background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) + 10%), calc(var(--primary-lightness) + 10%), 0.1);
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M252 242.942C269.213 240.923 284.408 232.478 298.794 222.813 312.925 213.319 323.677 200.868 334.357 187.611 348.453 170.114 372.374 155.293 371.268 132.852 370.177 110.714 344.019 99.589 329.206 83.101 314.714 66.971 306.658 39.953 285.173 37.024 263.126 34.019 249.078 61.339 228.319 69.349 210.086 76.384 184.824 65.932 172.009 80.687 159.196 95.439 173.481 119.081 168.675 138.02 162.984 160.444 134.998 178.242 141.626 200.407 148.02 221.795 176.746 226.656 197.577 234.684 215.052 241.418 233.399 245.124 252 242.942'/%3E%3C/svg%3E");
    }

    /* ===== Shade 2 (Your Custom Shape) ===== */
    .bg-shade-2::before,
    .bg-shade-2::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.5;
        mask-size: cover;
        mask-repeat: no-repeat;
    }

    /* Darker Blob (Shade 2 - Your SVG) */
    .bg-shade-2::before {
        background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) - 15%), calc(var(--primary-lightness) - 15%), 0.3 );
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M0,99.25C18.181,95.786,25.403,73.692,40.305,62.716C53.863,52.73,73.584,51.825,83.178,37.986C93.318,23.36,96.235,4.132,93.061,-13.38C89.938,-30.614,75.979,-42.784,65.939,-57.136C54.59,-73.36,49.607,-98.826,30.281,-103.127C10.68,-107.489,-3.344,-82.663,-22.56,-76.833C-41.505,-71.085,-64.351,-81.312,-80.296,-69.577C-96.784,-57.442,-108.488,-35.615,-106.209,-15.27C-103.945,4.943,-79.078,13.848,-68.975,31.5C-60.231,46.778,-64.112,67.884,-51.554,80.219C-38.215,93.321,-18.367,102.75,0,99.25'/%3E%3C/svg%3E");
    }

    /* Lighter Blob (Shade 2 - Your SVG) */
    .bg-shade-2::after {
        background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) + 15%), calc(var(--primary-lightness) + 15%), 0.1);
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M252 200.016C262.278 198.819 273.117 201.927 282.276 197.111 291.775 192.116 298.556 183.059 302.908 173.249 307.232 163.504 306.615 152.801 306.666 142.14 306.726 129.656 310.343 115.868 303.233 105.606 296.021 95.197 281.961 92.9 269.892 89.066 257.566 85.15 244.9 79.953 232.352 83.087 219.611 86.269 209.157 95.561 201.416 106.169 194.049 116.264 191.618 128.694 190.026 141.089 188.455 153.323 187.498 165.905 192.284 177.272 197.147 188.821 205.114 200.275 216.824 204.735 228.108 209.033 240.006 201.413 252 200.016'/%3E%3C/svg%3E");
    }

.p-wd-course-card a.p-wd-btn-sm {
    min-width: 100px;
    flex-shrink: 0;
}


.p-tem-card-list-item-img-mw.p-ap-box.bg-shade-1 {
    border-radius: 0;
    border: none;
    height: 125px;
    max-width: 100%;
}

.p-tem-card-list-item-img-mw .p-ap-box-icon {
    width: 3.35rem;
    height: 3.35rem;
}

}

.preview-eye-icon {
    gap: 0.5rem;
}

    .preview-eye-icon .p-icon-sm1 {
        width: 1.5rem;
        height: 1.5rem;
    }

    .preview-eye-icon h6 {
        cursor: pointer;
    }

    .preview-eye-icon .p-icon {
        stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
    }

.dropdown-icon-svg.p-icon-sm {
    width: 2.1rem;
    height: 2.1rem;
}

.dx-list-item.dx-state-hover .dx-checkbox-icon {
    border-color: #BCBCC3 !important;
}

.select-package-boxes {
    background-color: transparent !important;
}

.custom-modal-heading.form-group .dx-texteditor.dx-editor-outlined {
    border: none !important;
    background-color: transparent !important;
}

.custom-modal-heading.form-group .dx-texteditor-input {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
    background-color: transparent !important;
    padding: 0 !important;
    min-height: unset;
    height: auto
}

.p-dx-dd-mor-det {
    padding: 8px;
    line-height: 1.4;
}

    .p-dx-dd-mor-det h6 {
        margin-bottom: 0.015rem;
        font-weight: 500;
        font-size: var(--base-font-size-h5);
    }

    .p-dx-dd-mor-det label {
        display: block;
        font-size: 0.9em;
        color: #666;
        margin: 2px 0;
    }

.p-dx-dd-mor-det {
    position: relative;
}

.p-dx-dd-mor-det {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-left: 1.05rem;
}

    .p-dx-dd-mor-det::after {
        content: "";
        position: absolute;
        left: 0.3rem;
        height: calc(100% - 16px);
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        border-radius: 0.38rem;
        border: 0.12rem solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

.detail-item span {
    font-weight: 300;
    color: var(--primary-color);
}

.p-dx-dd-mor-det .detail-label {
    font-weight: 400;
}

.details-wrapper {
    display: grid;
    gap: 0.225rem;
}

.p-wid-qa-grid-2x {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.3rem;
}

.p-def-table .table-column-filters tr td {
    cursor: move;
}

.drag-template {
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.dx-sortable-dragging > * {
    border-color: rgba(51, 122, 183, .5);
    -webkit-box-shadow: 0 4px 6px rgb(0 0 0 / 11%);
    box-shadow: 0 4px 6px rgb(0 0 0 / 11%);
}

.dx-sortable-placeholder {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.p-upload-btn-wrpper .form-group {
    margin-bottom: 0;
}

.custom-selectbox input.dx-texteditor-input {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size-h5);
    line-height: 1;
    height: initial;
    max-width: initial;
    width: auto;
    display: inline-block;
    max-width: 220px;
    border-radius: var(--bs-border-radius-lg);
}

.save-dashboard-btn-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.p-dd-wp-content .p-grid-action-btns svg[data-toggle="tooltip"] {
    margin-right: 0.35rem;
}

.overtime-content-div, .align-inp-cb {
    padding-left: 1.85rem;
}

.p-inp-def-grp-wt .input-group-append {
    max-width: 60px;
}

.p-inp-def-grp-wt.p-inp-def-grp-wt-sm input {
    height: 33.88px;
}

.p-wd-sc-int-item:not(:last-child) {
    margin-bottom: 1rem;
}

.select-aud .dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1);
}

.custom-emoji-button .dx-button-content .dx-button-text {
    line-height: 0.9;
    font-size: 1.35rem;
}

.custom-emoji-button .dx-button-content {
    padding-left: 0.7rem !important;
}

.p-wd-acc-tb tr th {
    white-space: nowrap
}

.dx-scheduler-header .dx-scheduler-navigator .dx-button {
    background: var(--chat-dark-bg-2) !IMPORTANT;
}

.pnd-name-ellip.p-txt-ellip-grad-white::after {
    right: -1px;
    width: 30px;
}

.pnd-name-ellip.p-txt-ellip-grad {
    flex-shrink: 0;
    min-width: 130px;
    max-width: 130px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
}

.p-wid-qa-grid-2x p, .p-wid-qa-grid p {
    font-size: 0.76rem;
}

.p-wd-ono-item label.p-txt-ellip-grad.mw-100 {
    max-width: calc(100% 538.656px - 2rem) !important;
}

.p-nd-tt-mw .p-wd-ono-details {
    margin-bottom: 0.9rem;
    margin-top: 0.25rem;
}

.loading-skeleton .p-to-req-hist-item:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1.1rem;
}

.loading-skeleton .p-box-border {
    border-color: var(--theme-secondary-color);
}

}

.p-bar-chart-sl-bars .skeleton-img {
    border: none;
}

.join-reschedule-thera-btn button {
    min-width: 125px !important;
}

.p-acco-btn-wrapper .p-dd-wp-wrapper {
    z-index: initial !important;
}

.loading-skeleton .p-hj-card-title svg.p-icon-fill {
    display: none;
}

.p-rep-types.loading-skeleton {
    display: grid;
    gap: 1rem;
}

.permission-access-list .p-hj-card-title .pdf .p-icon-fill.p-icon-fill-yellow {
    stroke: var(--theme-primary-color) !important;
}

.permission-access-list .p-hj-card-title .pdf .p-icon-fill.p-icon-fill-green,
.permission-access-list .p-hjl-cards-item-in:hover .p-hj-card-title .pdf .p-icon-fill.p-icon-fill-green {
    fill: var(--theme-primary-color) !important;
}

/*#userListInSelectByNameUserListPopup .dx-item.dx-list-item {
    padding: 0 8px;
}
*/
.min-w-175px {
    min-width: 175px;
}

.preview-widget-modal .p-nd-widget-drag-handle {
    cursor: move;
}

.error-content strong {
    margin-bottom: 0.4rem;
    display: inline-block;
}

.error-content ul {
    margin-bottom: 0.25rem !important;
    display: inline-block;
}

.error-content strong {
    margin-bottom: 0.3rem;
    display: inline-block;
    font-size: var(--base-font-size-h5);
}

.has-error {
    position: relative;
}

    .has-error::after {
        content: "!";
        position: absolute;
        top: -11px;
        right: 15px;
        width: 22px;
        height: 22px;
        min-width: 22px;
        background-color: orange;
        color: var(--primary-color);
        border-radius: 50%;
        border: 2px solid white;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

.p-idea-note {
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
}

ul.deduction-example.p-ul-align {
    padding-left: 1.1rem;
}

.p-gd-mw-fh {
    display: flex;
    align-items: flex-start;
    gap: var(--default-gap);
    height: calc(100vh - var(--nav-min-height) - calc(var(--default-gap) * 3) - 65px);
}

.p-gd-mw-fh-left {
    flex: 0 0 400px;
    max-width: 400px;
    z-index: 99;
}

.p-gd-mw-fh-right {
    flex: 1;
    max-width: calc(100% - 400px - var(--default-gap));
}


.p-chat-box-pc .p-fp-content.p-chat-def .main-message-wrapper {
    border: none;
    background: transparent;
}

.p-chat-box-pc .p-chat-def main.msger-chat {
    padding: calc(var(--chat-def-padding) * 0.7);
}

.p-chat-box-pc .p-fp-content .p-tl-chat-ia-w {
    padding: 0.8rem;
    background: var(--theme-secondary-color);
    border: none;
    border-top: 0;
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.p-chat-box-pc .p-tl-chat-ia-w .p-chat-area {
    padding: 0 0 !important;
}

.p-chat-box-pc .p-chat-def .p-chat-area textarea,
.vir-age-chat-box-inner.p-textarea-w-cta textarea {
    padding: 0.65rem 1.05rem 0.68rem;
    min-height: 2.9rem !important;
    padding-right: 4rem !important;
}

.vir-age-chat-box-inner.p-textarea-w-cta textarea {
    height: initial;
    transition: initial;
}

.p-chat-box-pc .p-chat-area .btn-sendchat {
    bottom: 0.55rem;
}

.btn-sendchat.p-icon-ag-mw {
    border-radius: 50%;
    background: var(--theme-primary-color);
}

    .btn-sendchat.p-icon-ag-mw svg {
        fill: #fff !important;
    }


.p-chat-box-pc .p-chat-area textarea::placeholder,
.vir-age-chat-box-inner.p-textarea-w-cta textarea::placeholder {
    font-size: var(--base-font-size);
    color: var(--placeholder-color);
    position: relative;
    top: 3px;
}

.vir-age-chat-box-inner.p-textarea-w-cta {
    border: none;
    border-radius: initial;
    background: transparent;
}

.p-chat-box-pc .p-chat-area textarea::placeholder {
    font-size: var(--base-font-size);
}

.p-ticket-id {
    font-size: 0.96rem;
    font-weight: 600;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

svg.p-ticket-icon {
    width: 1.3rem;
    height: 1.3rem;
    fill: var(--on-primary-color);
    position: relative;
    top: 1px;
}

.p-ticket-feature {
    color: #64748b;
    margin: 0.5rem 0;
}


.p-tic-sts-rs {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.p-tic-box .p-tag.p-tag-xxs {
    border-radius: 1.15rem !important;
    font-size: var(--base-font-size-xxs);
    min-width: 62px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.8rem;
}

.p-ticket-meta.p-tic-box span {
    font-size: var(--base-font-size-xs);
}

.p-ticket-meta.p-tic-box span {
    gap: 0.6rem;
    display: flex;
}

.p-tic-box-1:has(.p-tag-red) {
    background: #fff5f6;
    border: 1px solid #ffe6e7;
}

.p-tic-box-1:has(.p-tag-yellow) {
    background: rgb(255 249 230 / 33%);
    border: 1px solid #f4e7bc;
}

.p-tic-box-1:has(.p-tag-grey) {
    background: #f9f9f9;
    border: 1px solid #ededed;
}

.p-def-back-btn:has(.p-tic-sts-rs) {
    padding: calc(var(--box-padding) * 0.55);
}

.ticket-comment-action {
    z-index: 1222;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
    align-self: flex-end;
    padding-bottom: 1px;
}

    .article-load-msg:hover .ticket-comment-action,
    .ticket-comment-action:hover,
    .ticket-comment-action.p-dd-wp-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .ticket-comment-action .p-dd-wp-btn:hover svg {
        fill: var(--theme-primary-color);
    }

.webchat-load-msg-main-wrapper:has(.ticket-comment-action):has(.p-dd-wp-open) {
    z-index: 9999;
}

.ticket-comment-action .p-dd-wp-btn svg {
    stroke: none;
}

.webchat-load-msg-main-wrapper:has(.ticket-comment-action) .p-dd-wp-open .p-dd-wp-btn {
    /*    visibility: hidden;
    opacity: 0;*/
}

.ticket-comment-action .pgab-icons {
    gap: 0.4rem;
    font-size: var(--base-font-size-sm);
    font-weight: 500;
    padding: 0.45rem 0.45rem;
}

/*.p-grid-action-btns .pgab-icons:hover {
    color: var(--overdue-tc) !important;
}

.ticket-comment-action .nav-bg-color {
    background: #ffe9e9;
}

.ticket-comment-action .p-dd-wp-content .p-grid-action-btns svg,
.ticket-comment-action .p-grid-action-btns .pgab-icons:hover svg {
    stroke: var(--overdue-tc);
}*/

.ticket-comment-action .p-dd-wp-content {
    pointer-events: auto;
}

.ticket-comment-action .p-dd-wp-content {
    padding: 0.15rem;
}

.ticket-comment-action .p-dd-wp-btn {
    width: 25px;
    height: 25px;
    min-width: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 0;
    background: transparent;
    border-radius: 50%;
}

    .ticket-comment-action .p-dd-wp-btn:hover {
        background: var(--theme-secondary-color);
    }

.ticket-comment-action .p-dd-wp-dot-icon {
    width: 16px;
    height: 16px;
    display: block;
    color: #e583b5;
    fill: #e583b5;
}

.ticket-comment-more-dot {
    color: var(--theme-primary-color);
    font-size: 19px;
    line-height: 1.2;
}

.ticket-comment-action .p-dd-wp-content {
    min-width: 120px;
}

.webchat-load-msg-wrapper:has(.ticket-comment-action) {
    position: relative;
}

.ticket-comment-deleted {
    color: #8a8f98;
    font-style: italic;
    background: transparent;
    display: inline-block !important;
}

.p-tic-box {
    border-radius: 2rem;
    padding: 0.35rem;
    padding-left: 1.05rem;
}

.p-tic-box-2 {
    background: transparent;
    border: 1px solid var(--theme-border-1);
}

.p-tags-container {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.p-tag.p-tag-xxs {
    min-width: initial;
    padding: 0.15rem 0.45rem;
    border-radius: 0.35rem !important;
    min-height: initial;
}

/* Reusable compact tag for dense card metadata. */
.p-tag.p-tag-3xs {
    min-width: initial;
    padding: 0.05rem 0.35rem;
    border-radius: 0.35rem !important;
    min-height: initial;
    font-size: 0.74rem;
}

.p-tag-yellow.border-0 {
    border: 0 !important;
}

.p-ticket-meta-item {
    display: inline-block;
    margin-right: 1rem;
}

.p-ts-container hr {
    border: none;
    border-top: 1px solid var(--theme-secondary-color);
    margin: 1.2rem 0;
}

.p-section-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.p-description {
    margin: 0.5rem 0;
    white-space: pre-line;
}

.p-ticket-owner {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

.p-ticket-owner-label {
    color: #64748b;
}

.p-ticket-owner-name {
    font-weight: 500;
}

.p-ts-attach-mw .p-ts-attach-item:not(:last-child) {
    margin-bottom: 0.5rem;
}

.p-ts-attach-mw .p-ts-attach-item {
    color: var(--primary-color);
}

    .p-ts-attach-mw .p-ts-attach-item:hover {
        color: var(--theme-primary-color);
    }

        .p-ts-attach-mw .p-ts-attach-item:hover .p-ts-attach-icon {
            stroke: var(--theme-primary-color);
        }

.p-scroll-auto {
    overflow: visible;
}


.comp-logo-wnav-bar {
    max-width: 130px;
    max-height: 40px;
}

.p-dd-multi-al-dx-sear {
    display: flex;
    align-items: center;
    gap: 1rem;
    left: 18.6rem;
    right: initial;
}

    /*.btn-slect-dropdown .p-add-btn {
    min-width: 100%;
}*/

    .p-dd-multi-al-dx-sear .btn-slect-dropdown {
        width: 100%;
        max-width: 200px;
    }

        .p-dd-multi-al-dx-sear .btn-slect-dropdown .p-add-btn {
            min-width: 100%;
            min-height: 42px;
        }

.grid-lt-elllp.p-txt-ellip-grad {
    width: 400px !important;
    overflow: hidden !important;
    max-width: 400px !important;
    display: inline-block;
}

    .grid-lt-elllp.p-txt-ellip-grad::after {
        right: 0;
    }

.p-idea-note .p-link {
    font-weight: 500;
}

.p-lt-show-wi {
    gap: 0.32rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0;
}

.attendance-adjustments-item .text-primary-color,
.web-clock-ins-item .text-primary-color {
    min-width: 95px;
}

.attendance-adjustments-item.justify-content-between,
.web-clock-ins-item.justify-content-between {
    gap: 3.3rem;
}

    .attendance-adjustments-item.justify-content-between .pdf,
    .web-clock-ins-item.justify-content-between .pdf {
        min-width: 145px;
    }

        .attendance-adjustments-item.justify-content-between .pdf.pdf-gap-3xs,
        .web-clock-ins-item.justify-content-between .pdf.pdf-gap-3xs {
            gap: 0.3rem;
        }

.p-lt-show-wi:not(:first-child) {
    padding-top: 0;
}

.dx-template-wrapper.late-style:has(.p-lt-show-wi) {
    justify-content: flex-start;
}

.p-lt-show-wi-yellow {
    color: #f09d00;
}

    .p-lt-show-wi-yellow svg,
    .orange-yellow {
        fill: #f09d00;
    }

.p-lt-show-wi-purple {
    color: #89189c;
}

    .p-lt-show-wi-purple svg,
    .icon-purple-icon {
        stroke: #89189c;
    }

.p-lt-show-wi span {
    position: relative;
    top: 1px;
}

a.bulk-action-menu {
    cursor: pointer;
}

/*.p-att-time-info:has(.overtimeSummaryDiv) {
    flex-wrap: wrap;
    row-gap: 0.8rem;
}

.p-att-time-info:has(.overtimeSummaryDiv) {
    justify-content: space-between;
}

.p-att-time-info:has(.overtimeSummaryDiv) div {
    width: 48%;
}*/

.p-att-time-info:has(.overtimeSummaryDiv) {
    justify-content: space-between;
}

    .p-att-time-info:has(.overtimeSummaryDiv) div {
        width: initial;
    }

    .p-att-time-info:has(.overtimeSummaryDiv) .lt-days p strong {
        font-size: calc(var(--base-font-size-h2) * 0.88);
    }

    .p-att-time-info:has(.overtimeSummaryDiv).lt-list-date small {
        min-width: initial;
    }

.user-policy-details-sb .lt-days-left-mw {
    flex-wrap: wrap;
}

.user-policy-details-sb .lt-days {
    gap: 0.1rem;
    width: 120px;
}

.time-off-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 2px;
    padding-left: 6px;
}

.pmr-al-cell.p-cal-tags {
    border-left: 1px;
    border-radius: 0.3rem;
    border: 1px solid var(--sec-light-color7);
}

.p-ch-aud-btn-icon {
    width: 1.35rem;
    height: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background: transparent;
}

.p-ch-aud-btn {
    position: absolute;
    right: 2.7rem;
    bottom: -0.35rem;
    transform: translate(-50%, -50%);
}

.p-ch-aud-btn-icon svg {
    stroke: var(--theme-primary-color);
    width: 1.35rem;
    height: 1.35rem;
}

.p-chat-box-pc .p-chat-def .p-chat-area textarea[disabled] {
    height: 45px;
}

#myTicketsGrid .dx-row.dx-data-row p {
    margin-bottom: 0;
}

.p-chat-box-pc .msg-bubble.msg-bubble-img-type .doc-name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    word-break: initial;
    font-weight: 600;
    cursor: pointer;
    max-width: 260px;
    color: var(--primary-color);
    font-size: 0.85rem;
}

.p-chat-box-pc .upload-img-wrapper svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    stroke: var(--primary-color);
}

.p-chat-box-pc .msg-bubble.msg-bubble-img-type {
    width: 100%;
    max-width: 380px;
    padding: 3px;
}

.p-chat-box-pc .docs-name-icon-wrapper {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    background-color: var(--theme-border-layout);
    border-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.p-chat-box-pc .docs-time-size-wrapper {
    padding: 3px 5px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.p-chat-box-pc .msg-bubble.msg-bubble-img-type {
    min-height: initial;
}

.p-chat-box-pc .upload-file-size {
    min-width: initial;
}

.p-chat-box-pc .docs-time-size-wrapper p {
    margin: 0;
}

p.upload-img-wrapper {
    margin: 0;
}

.p-chat-box-pc .docs-time-size-wrapper p,
.p-chat-box-pc .docs-time-size-wrapper span {
    font-size: 10px !important;
    letter-spacing: 0.5px;
    font-weight: 400;
    display: inline-block;
    color: var(--on-primary-color);
}

.p-chat-box-pc svg.download-docs-icon {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-right: 10px;
}

.p-chat-box-pc .webchat-load-msg-main-wrapper .msg-bubble.msg-bubble-img-type {
    min-width: 370px;
}

.p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper {
    min-width: 0;
    max-width: 100%;
}

    .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble {
        display: block;
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble video,
        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble iframe,
        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble img,
        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble embed,
        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble object {
            max-width: 100%;
            height: auto;
            display: block;
        }

        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble iframe {
            width: 100%;
        }

        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble table {
            width: 100% !important;
            max-width: 100%;
            table-layout: fixed;
        }

        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble td,
        .p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .chatbot-bubble th {
            word-break: break-word;
        }

/* Markdown pipe-table rendering for ticket comments/AI answers (shared conversation table fix). */
.p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .ticket-md-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    margin: 0.4rem 0;
}

.p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .ticket-md-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 100%;
}

.p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .ticket-md-table th,
.p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .ticket-md-table td {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0.3rem 0.5rem;
    text-align: left;
    word-break: break-word;
    vertical-align: top;
}

.p-chat-box-pc .p-chat-def .webchat-load-msg-wrapper .ticket-md-table th {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.04);
}

.ot-section label.p-form-check-label {
    color: var(--primary-color);
}

.back-btn-icon {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px;
    margin-right: 4px;
    stroke: var(--theme-primary-color);
    position: relative;
    top: 1px;
}

    .back-btn-icon:hover {
        background: var(--theme-border-layout);
    }

.bg-shade-3 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bg-shade-3::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(0px);
        background: var(--theme-placeholder-color);
    }

    .bg-shade-3 h5 {
        color: #fff;
        font-size: 0.92rem;
    }

.play-btn-circle {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.play-btn-circle {
    background: #fff;
}

    .play-btn-circle svg {
        fill: var(--theme-primary-color);
        margin-left: 2px;
    }

.ts-record-cntrls {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: flex-end;
}

.record-wave-area {
}

.ts-record-cntrls-item .p-icon {
    width: 1.9rem;
    height: 1.9rem;
    stroke: var(--theme-primary-color);
    border-radius: 50%;
    cursor: pointer;
    padding: 0.3rem;
    transition: all .3s;
}

    .ts-record-cntrls-item .p-icon:hover {
        background: var(--theme-border-layout);
    }

.notes-aligne p {
    display: inline;
    margin: 0;
}

.p-video-bg-thumbnail {
    background: linear-gradient(45deg, #8f8f8f, transparent);
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: var(--bs-border-radius);
}

.p-video-dot-grid {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 80%;
    background-image: radial-gradient(circle, #cbd3ff 2px, transparent 2px);
    background-size: 34px 34px;
    transform: rotate(0deg);
    mask-image: linear-gradient(to right, transparent 30%, black 90%);
    -webkit-mask-image: linear-gradient(to right, transparent 30%, black 90%);
    background-position: right bottom;
}

.ch-grid-img-wrapper .plmm-tag {
    background: rgb(255 255 255 / 85%);
    border-radius: calc(var(--border-radius-default));
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
    backdrop-filter: blur(10px);
    color: var(--primary-color);
    position: absolute;
    top: 8px;
    bottom: initial;
}

/*app integration css starts here*/
.app-int-container {
    max-width: 60rem;
    margin: 0 auto;
    padding: 2rem;
}

.app-int-heading {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #000;
}

.app-int-subheading {
    font-size: 1rem;
    color: #666;
    margin-bottom: 2rem;
}

.app-int-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.app-int-item {
    position: relative;
    background: #fff;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
}

.app-int-item-body {
    padding: 0.75rem;
}

.app-int-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    padding-bottom: 0;
}

.app-int-item-body {
    padding: 0 0.75rem;
}

.app-int-item-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    flex-direction: column;
}

.app-int-item p {
    margin: 0;
}

.app-int-logo {
    border-radius: 4px;
    object-fit: contain;
    max-width: 75px;
    height: auto;
}

.app-int-item-title {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin: 0;
}

.app-int-item-desc {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    margin-bottom: 0.75rem;
    line-height: 1.35;
}

.app-int-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding: 0.38rem 0.75rem;
    border-top: 1px solid var(--theme-border-layout);
}

.app-int-connect-btn {
    background: var(--theme-border-layout);
    color: var(--theme-primary-color);
    border: none;
    padding: 0.3rem 0.8rem;
    border-radius: var(--bs-border-radius-lg);
    font-size: var(--base-font-size-sm);
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
    border: 1px solid var(--theme-primary-color);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

    .app-int-connect-btn svg {
        stroke: var(--theme-primary-color);
    }

    .app-int-connect-btn:hover svg {
        stroke: #fff;
    }

    .app-int-connect-btn:hover {
        background: var(--theme-btn-hover);
        color: #fff;
    }

.app-connection-stats {
    display: flex;
    align-items: center;
}

/*app integration css ends here*/

.dx-header-filter-menu .dx-item.dx-list-item p {
    margin: 0;
}

.ptc-pro-desig {
    line-height: 1.35;
}

    .ptc-pro-desig span {
        display: block;
    }

.p-ds-tc-content {
    display: flex;
    gap: 1.1rem;
}

.p-ds-tc-content {
    padding: 0.75rem;
    padding-top: 0;
}

.p-ds-tc-head {
    padding: 0.65rem 0.75rem;
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid;
}

.p-ds-tc-mw .p-ds-tc-mw-item {
    border-radius: var(--bs-border-radius);
}

.p-ds-tc-rp-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-wd-ono-item-light-green .p-ds-tc-head {
    border-color: #daf6ef;
}

.p-wd-ono-item-light-blue .p-ds-tc-head {
    border-color: #d1e4ff;
}

.p-wd-ono-item-light-yellow .p-ds-tc-head {
    border-color: #f9f1cb;
}

.p-wd-ono-item-light-purple .p-ds-tc-head {
    border-color: #ddd8fc;
}

.p-grad-pos-r-0::after {
    right: 0;
}

.p-wd-ono-item-light-green .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-green-bg) 20%, transparent);
}

.p-wd-ono-item-light-blue .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-blue-bg) 20%, transparent);
}

.p-wd-ono-item-light-yellow .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-yellow-bg) 20%, transparent);
}

.p-wd-ono-item-light-purple .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-purple-bg) 20%, transparent);
}

.ptc-pro-desig span {
    color: var(--on-primary-color);
}

.p-ds-tc-lp-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.p-ds-tc-rp-content .p-dd-wp-wrapper {
    margin-left: auto;
}

.p-ds-tc-mw .p-ds-tc-mw-item:not(:last-child) {
    margin-bottom: 1rem;
}


.p-nd-us-lk-widget {
}

.p-nd-us-lk-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.p-nd-us-lk-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.p-nd-us-lk-item {
    margin-bottom: 0.5rem;
}

    .p-nd-us-lk-item:last-child {
        margin-bottom: 0;
    }

.p-nd-us-lk-link-content {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.p-nd-us-lk-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: var(--primary-color);
    padding: 0.5rem 0.75rem;
    border-radius: calc(var(--bs-border-radius) * 0.65);
    transition: all 0.2s ease;
    font-size: var(--base-font-size);
    border: 1px solid var(--theme-border-layout);
}

    .p-nd-us-lk-link:hover {
        background-color: var(--theme-border-2);
        color: var(--theme-primary-color);
    }

        .p-nd-us-lk-link:hover svg.p-icon {
            stroke: var(--theme-primary-color);
        }

.p-nd-us-lk-icon {
    margin-left: 0.5rem;
    opacity: 1;
}

.p-nd-us-lk-item .p-icon-primary {
    stroke: var(--theme-primary-color);
}

.p-nd-us-lk-link:hover .p-nd-us-lk-icon {
    opacity: 1;
}

.af-md-filter {
    max-width: 32%;
}

.af-log-dd-whe {
    max-width: 90px;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
}

.p-fiter-lg-mw .form-group .dx-texteditor.dx-editor-outlined {
    height: calc(1.5em + 0.75rem + 0.525em);
}

.p-fiter-lg-mw .p-input-box {
    border-radius: 0.8rem;
}

.p-nd-us-lk-link-content .p-smiw {
    display: none;
}

.ph-thumb-tag {
    border-radius: 0.3rem;
    text-transform: capitalize;
    backdrop-filter: blur(10px);
    color: var(--primary-color);
    font-size: 0.78rem;
    padding: 0.18rem 0.5rem 0.2rem;
    text-align: center;
}

.p-vid-thum-acti-pos {
    position: absolute;
    top: 8px;
    left: 10px;
    width: calc(100% - 20px);
}

    .p-vid-thum-acti-pos .p-dd-wp-content {
        --th-dropdown-bg: rgb(255 255 255 / 90%);
    }

    .p-vid-thum-acti-pos .p-dd-wp-dot-icon {
        background: rgb(255 255 255 / 85%);
        border-radius: calc(var(--border-radius-default));
        text-transform: capitalize;
        border: 1px solid var(--chat-dark-bg-2);
    }

.ch-grid-img-wrapper h3,
.cv-thum-heading {
    font-size: 0.88rem;
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: #fff;
    font-weight: 400;
    width: calc(100% - 35px);
}

.p-video-bg-thumbnail.bg-shade-3 {
    min-height: 100%;
}

.ch-grid-img-wrapper .p-vid-thum-acti-pos .p-dd-wp-wrapper {
    opacity: 0;
    visibility: hidden;
}

.ch-grid-img-wrapper:hover .p-vid-thum-acti-pos .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
}

.tfc-profile .cv-thum-heading {
    color: #ffff;
    margin-bottom: 0.5rem;
}

.onboarding-mw .pso-form-wrapper {
    height: calc(100vh - 15.2rem) !important;
}

.align-sm-tag-bl {
    padding-left: 0.6rem;
    margin-top: 0.1rem;
}

.onboarding-mw .pp-pc-mw-grid {
    grid-template-columns: 180px 1px calc(100% - 260px);
}

.onboarding-mw .p-form-check .p-form-check-label {
    color: var(--primary-color);
}

.ob-ts-cont ul li:not(last-child) {
    margin-bottom: 0.35rem;
}

.MoreEmails .p-clk-tt[data-popper-placement^="bottom"] #popper-arrow {
    top: -3px;
    margin-left: 8px;
    z-index: 999;
}

.MoreEmails #popper-arrow::before {
    transform: rotate(225deg);
}

.MoreEmails .pp-userList-selected {
    padding-bottom: 0.8rem;
}

.MoreEmails .pp-user-imgs-wrapper {
    padding: 0;
}

.p-def-table.v-align-top th,
.p-def-table.v-align-top td {
    vertical-align: middle;
    white-space: nowrap;
}

.assigned-device-screen {
    width: 160px;
    height: 110px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--bs-border-radius) * 0.4);
}

.dx-grid-cd {
    max-width: 100%;
    height: auto;
    border-radius: calc(var(--bs-border-radius) * 0.4);
    display: inline-block;
    height: auto;
    width: 100% !important;
    max-width: 115px;
    max-height: 65px;
    object-fit: contain;
    border: 1px solid var(--theme-border-layout);
    padding: 3px;
}

.assigned-device-screen .grid-product-img {
    width: 100%;
    height: auto;
    max-height: 95px;
    object-fit: contain;
}

.icon-no-dev-bg {
    fill: #C9CFDE;
    max-width: 75px;
    height: 48px;
}

.p-onb-isz {
    width: 2.95rem;
    height: 2.95rem;
}

.loading-skeleton .assigned-device-screen {
    border: none;
    padding: 0;
}

.assigned-device-screen .skeleton-img {
    width: 100%;
    border: none;
}

.p-inp-border-box {
    border: 1px solid var(--theme-border-layout);
    padding: 0.8rem;
    border-radius: 0.85rem;
}

    .p-inp-border-box:not(:last-child) {
        margin-bottom: 1rem;
    }

.view-data-one-line {
    display: flex;
    gap: 1rem;
    max-width: 80%;
    justify-content: space-between;
}

    .view-data-one-line .pso-ss-details {
        margin-top: 0rem;
    }

    .view-data-one-line .p-read-only-txt-cent {
        margin-top: 0.4rem;
    }

    .view-data-one-line .form-group > label {
        padding-left: 0;
    }

.p-aud-bank-cont {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .p-aud-bank-cont span {
        text-align: center;
        color: var(--primary-color);
        font-weight: 500;
    }

.p-btn-sm1.p-btn-sec {
    min-width: 100px;
    gap: 0.3rem;
    min-height: initial;
    padding: 0.4rem 1rem;
}

.p-cb-inp-dx-inline {
    display: flex;
    align-items: flex-start;
}

    .p-cb-inp-dx-inline .p-input-append .dx-texteditor-input-container {
        min-height: 36px !important;
    }

    .p-cb-inp-dx-inline .form-group .dx-texteditor.dx-editor-outlined {
        height: calc(1.5em + 0.75rem + 0.2em);
    }

    .p-cb-inp-dx-inline .p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container {
        min-width: 180px;
    }

    .p-cb-inp-dx-inline .p-cb-input-valid,
    .p-cb-inp-dx-inline .p-input-append.p-dx-msdd {
        margin-top: -0.32rem;
    }

.p-cb-w-input .p-cb-inp-dx-inline .p-custom-checkbox .custom-control-label::before {
    top: 0.1rem;
}

.p-cb-w-input .p-cb-inp-dx-inline .p-custom-checkbox .custom-control-label::after {
    top: -0.3px;
}

.p-cb-inp-dx-inline .p-input-append.p-dx-msdd.p-add-dd {
    margin-left: 0.4rem;
}


/*css for overview device invertary starts here*/
/* Grid Areas */
.total-devices {
    grid-area: total-devices;
}

.assigned-devices {
    grid-area: assigned-devices;
}

.unassigned-devices {
    grid-area: unassigned-devices;
}

.pending-return {
    grid-area: pending-return;
}

.department-assignment {
    grid-area: department-assignment;
}

.location-assignment {
    grid-area: location-assignment;
}

.recent-activity {
    grid-area: recent-activity;
}

.low-inventory {
    grid-area: low-inventory;
}

/* Responsive Grid Layout */
.device-invertory-grid .ba-box-shadows h4 {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative;
    left: -1px;
    top: -4px;
}

.device-invertory-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: var(--default-gap);
}

.p-ovev-def-gr-wrap .loading-skeleton .p-def-gr-circle-w {
    height: 260px;
}

.p-ovev-def-gr-wrap {
    width: 260px;
    height: 260px;
    position: relative;
    margin: 0 auto;
}

#departmentChart {
    height: 280px;
}

.p-ovev-def-gr-wrap .p-wd-to-chart {
    width: 100%;
    height: 100%;
    position: relative;
}

.p-ovev-def .p-wd-to-progress-number {
    color: var(--primary-color);
    text-align: center;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .device-invertory-grid {
        grid-template-areas:
            "total-devices total-devices assigned-devices assigned-devices unassigned-devices unassigned-devices pending-return pending-return"
            "department-assignment department-assignment department-assignment department-assignment location-assignment location-assignment location-assignment location-assignment"
            "recent-activity recent-activity recent-activity recent-activity low-inventory low-inventory low-inventory low-inventory";
    }
}

@media (max-width: 1199px) {
    .device-invertory-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "total-devices assigned-devices"
            "unassigned-devices pending-return"
            "department-assignment location-assignment"
            "recent-activity low-inventory";
    }

    .stat-box, .chart-container, .half-width-chart {
        grid-column: span 1;
    }
}

@media (max-width: 767px) {
    .device-invertory-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "total-devices"
            "assigned-devices"
            "unassigned-devices"
            "pending-return"
            "department-assignment"
            "location-assignment"
            "recent-activity"
            "low-inventory";
    }
}

@media (min-width: 1200px) {
    .device-invertory-grid.apps-invertory-grid {
        grid-template-areas:
            "total-devices total-devices assigned-devices assigned-devices unassigned-devices unassigned-devices pending-return pending-return"
            "department-assignment department-assignment department-assignment department-assignment low-inventory low-inventory low-inventory low-inventory "
            "location-assignment location-assignment location-assignment location-assignment location-assignment location-assignment location-assignment location-assignment";
    }
}


.p-apps-lis-w-lbl:not(:last-child) {
    margin-bottom: 1.25rem;
}

.location-map-ov {
    height: 250px;
}

.pca-logo-det {
    max-width: 95px;
    height: auto;
}

.p-dd-wp-dot-icon-sm {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.3rem;
}

.p-mb-att-mw .bg-grey-wbr.p-mb-att-mw-item {
    gap: 0.4rem !important;
}

/*css for overview device invertary ends here*/
/*css for App */
.p-apps-cards .app-int-logo {
    height: 38px;
}

.p-apps-cards-actn {
    position: absolute;
    right: 0.7rem;
    top: 0.7rem;
}

    .p-apps-cards-actn .app-connection-stats {
        justify-content: flex-end;
    }

.p-apps-cards .app-int-item {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    padding-left: 1.1rem;
    gap: 0.3rem;
    flex-direction: column;
}

.p-apps-cards .app-int-item-desc {
    margin-bottom: 0;
}

.app-iconimg-mw img {
    max-width: 55px;
    height: 40px;
    border-radius: 4px;
    object-fit: contain;
    max-width: 80px;
}

.apps-inp-box .assined-device-info {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}

.assined-device-info.apps-inp-box > div {
    width: 95px;
}

/*hr agent admin css starts shere*/

.plummbot-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    padding: 20px;
}

.header-section {
    grid-column: span 12;
    padding: 30px;
    text-align: center;
}

.preview-section {
    grid-column: span 8;
    padding: 20px;
}

.knowledge-gaps {
    grid-column: span 4;
    padding: 20px;
}

.setup-section {
    grid-column: span 5;
    padding: 20px;
}

.video-section {
    grid-column: span 7;
    padding: 20px;
}

/* Maintain your existing styling classes */
.plummbot-grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    grid-template-areas:
        "intro intro intro intro knowledge knowledge knowledge knowledge header header header header "
        "faq faq faq faq faq faq faq faq setup setup setup setup";
}

/* Named Grid Areas */
.intro-area {
    grid-area: intro;
}

.header-area {
    grid-area: header;
}

.knowledge-area {
    grid-area: knowledge;
}

.faq-area {
    grid-area: faq;
}

.setup-area {
    grid-area: setup;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .plummbot-grid-container {
        grid-template-areas:
            "intro intro intro intro intro intro header header header header header header"
            "knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge"
            "faq faq faq faq faq faq faq faq setup setup setup setup";
    }
}

@media (max-width: 768px) {
    .plummbot-grid-container {
        grid-template-areas:
            "intro intro intro intro intro intro intro intro intro intro intro intro"
            "header header header header header header header header header header header header"
            "knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge knowledge"
            "faq faq faq faq faq faq faq faq faq faq faq faq"
            "setup setup setup setup setup setup setup setup setup setup setup setup";
    }
}


.header-area {
    grid-area: header;
}

.preview-area {
    grid-area: preview;
    padding: 20px;
}

.knowledge-area {
    grid-area: knowledge;
    padding: 20px;
}

.setup-area {
    grid-area: setup;
    padding: 20px;
}

.video-area {
    grid-area: video;
    padding: 20px;
}

/* Maintain all your existing styles */
.p-ho-act-job {
    padding: 20px;
}

/* Video responsive container */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 15px;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    cursor: pointer;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.knowledge-gaps-box {
    padding: 20px;
    border-radius: 8px;
}

.knowledge-gaps-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .knowledge-gaps-list li {
        margin-bottom: 0.9rem;
        cursor: pointer;
    }

        .knowledge-gaps-list li:last-child {
            border-bottom: none;
        }

.gap-title {
    font-weight: 500;
    color: var(--theme-primary-color);
}

.df-lin-sep {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 0.25rem;
    height: 100%;
}

.p-box-sub-head {
    font-size: var(--base-font-size-lg);
    margin-top: -0.25rem;
}

span.gap-title:hover {
    text-decoration: underline;
}

.agent-ad-mw label.p-smart-tt.tip {
    padding-left: 0.2rem;
}

.avatar-rounder-md img {
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    border-radius: 50%;
}

.agent-preview-mw {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-list-item p {
    margin-bottom: 0;
}

.fa-list-item {
    margin-bottom: 1rem;
}

.device-invertory-grid .roi-con {
    flex-direction: column;
}

.mh-350px {
    min-height: 350px;
}

/* Avatar Section */
.avatar-upload-container {
    margin-bottom: 20px;
}

.avatar-edit-wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    cursor: pointer;
}

.avatar-preview {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #f0f0f0;
}

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

.avatar-edit-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 50%;
}

/* Desktop (1200px and up) - 4 cards in first row, then two 2x2 */
/* General Grid Container */
.age-over-grid {
    display: grid;
    grid-gap: var(--default-gap); /* Use a CSS variable for consistent spacing */
}

.p-ho-source.department-usage {
    max-height: 480px;
    overflow: visible;
}

/* Desktop (1200px and up) - Adjusted for the new layout */
@media (min-width: 1200px) {
    .age-over-grid {
        grid-template-columns: repeat(12, 1fr); /* More granular control with 12 columns */
        grid-template-areas:
            "total-chats total-chats total-chats total-chats active-users active-users active-users active-users repeat-users repeat-users repeat-users repeat-users" /* Top 4 stats, 2 columns each */
            "department-usage department-usage department-usage department-usage module-usage module-usage module-usage module-usage user-feedback user-feedback user-feedback user-feedback" /* Three charts in the second row */
            "total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends"; /* Full-width line chart */
    }

        .age-over-grid.age-over-grid-fluid-module-usage {
            grid-template-columns: repeat(12, 1fr); /* More granular control with 12 columns */
            grid-template-areas:
                "total-chats total-chats total-chats total-chats active-users active-users active-users active-users repeat-users repeat-users repeat-users repeat-users" /* Top 4 stats, 2 columns each */
                "department-usage department-usage department-usage department-usage module-usage module-usage module-usage module-usage module-usage module-usage module-usage module-usage" /* Three charts in the second row */
                "total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends total-chat-trends"; /* Full-width line chart */
        }

    /* Assign grid areas */
    .total-chats {
        grid-area: total-chats;
    }

    .active-users {
        grid-area: active-users;
    }

    .repeat-users {
        grid-area: repeat-users;
    }

    .fourth-stat-box {
        grid-area: fourth-stat-box;
    }
    /* Ensure this is defined if present */

    .department-usage {
        grid-area: department-usage;
    }

    .module-usage {
        grid-area: module-usage;
    }

    .user-feedback {
        grid-area: user-feedback;
    }

    .total-chat-trends {
        grid-area: total-chat-trends;
    }
}

/* Tablet (768px-1199px) - 2 columns */
@media (max-width: 1199px) and (min-width: 768px) {
    .age-over-grid {
        grid-template-columns: repeat(2, 1fr); /* Two columns for tablet */
        grid-template-areas:
            "total-chats active-users"
            "repeat-users fourth-stat-box"
            "department-usage department-usage" /* Department usage spans 2 columns */
            "module-usage module-usage" /* Module usage spans 2 columns */
            "user-feedback user-feedback" /* User feedback spans 2 columns */
            "total-chat-trends total-chat-trends"; /* Total chat trends spans 2 columns */
    }

    /* Assign grid areas */
    .total-chats {
        grid-area: total-chats;
    }

    .active-users {
        grid-area: active-users;
    }

    .repeat-users {
        grid-area: repeat-users;
    }

    .fourth-stat-box {
        grid-area: fourth-stat-box;
    }
    /* Ensure this is defined if present */

    .department-usage {
        grid-area: department-usage;
    }

    .module-usage {
        grid-area: module-usage;
    }

    .user-feedback {
        grid-area: user-feedback;
    }

    .total-chat-trends {
        grid-area: total-chat-trends;
    }
}

/* Mobile (up to 767px) - single column */
@media (max-width: 767px) {
    .age-over-grid {
        grid-template-columns: 1fr; /* Single column for mobile */
        grid-template-areas:
            "total-chats"
            "active-users"
            "repeat-users"
            "fourth-stat-box" /* Ensure this is defined if present */
            "department-usage"
            "module-usage"
            "user-feedback"
            "total-chat-trends";
    }

    /* Assign grid areas */
    .total-chats {
        grid-area: total-chats;
    }

    .active-users {
        grid-area: active-users;
    }

    .repeat-users {
        grid-area: repeat-users;
    }

    .fourth-stat-box {
        grid-area: fourth-stat-box;
    }
    /* Ensure this is defined if present */

    .department-usage {
        grid-area: department-usage;
    }

    .module-usage {
        grid-area: module-usage;
    }

    .user-feedback {
        grid-area: user-feedback;
    }

    .total-chat-trends {
        grid-area: total-chat-trends;
    }
}

.p-page-ana-pro-header {
    background: #4a6cf7;
    color: white;
    padding: 15px 20px;
}

    .p-page-ana-pro-header h1 {
        font-size: 20px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
    }

.p-page-ana-pro-section {
    margin-bottom: 11px;
    padding-bottom: 11px;
    margin-top: 0.9rem;
}

    .p-page-ana-pro-section:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.p-page-ana-pro-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px;
}

.p-page-ana-pro-section .p-progress-def {
    margin-top: 4px;
}

.p-page-ana-pro-section-title {
    font-size: var(--base-font-size);
    font-weight: 500;
    color: var(--primary-color);
}

.p-page-ana-pro-section-stats {
    text-align: right;
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.p-page-ana-pro-section-header span {
    color: var(--on-primary-color);
    font-weight: 400;
}

.p-page-ana-pro-users, .p-page-ana-pro-adoption {
    font-weight: 500;
}

.p-page-ana-pro-users {
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
    margin-bottom: 3px;
}

.p-page-ana-pro-adoption {
    font-size: var(--base-font-size-xxs);
    color: var(--primary-color);
}

/* Progress bar styles */
.p-progress-def {
    margin-top: 10px;
}

.progress.animated-progress.custom-progress {
    height: 7px;
    background: #fff;
    border-radius: 3px;
    /*overflow: hidden;*/
}

.progress-bar {
    height: 100%;
    border-radius: 3px;
    position: relative;
    transition: width 1s ease-in-out;
}

/* Department-specific colors */
.p-page-ana-pro-hr .progress-bar {
    background: #4f9cff;
}

.p-page-ana-pro-eng .progress-bar {
    background: #ff7e5f;
}

.p-page-ana-pro-sales .progress-bar {
    background: #42e695;
}

.p-page-ana-pro-mkt .progress-bar {
    background: #ff6b6b;
}

.p-page-ana-pro-fin .progress-bar {
    background: #a166ab;
}

.p-page-ana-pro-ops .progress-bar {
    background: #636363;
}

/* Animation for progress bars */
@keyframes p-page-ana-pro-slideIn {
    from {
        width: 0%;
    }

    to {
        width: var(--progress-width);
    }
}

.progress-bar {
    animation: p-page-ana-pro-slideIn 1.2s ease-out forwards;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .p-page-ana-pro-section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .p-page-ana-pro-section-stats {
        text-align: left;
    }

    .p-page-ana-pro-content {
        padding: 15px;
    }
}

/* Ensure all grid items are properly assigned */
.total-employees {
    grid-area: total-employees;
}

.active-employees {
    grid-area: active-employees;
}

.open-positions {
    grid-area: open-positions;
}

.pending-approvals {
    grid-area: pending-approvals;
}

.department-distribution {
    grid-area: department-distribution;
}

.location-distribution {
    grid-area: location-distribution;
}

.recent-hr-activity {
    grid-area: recent-hr-activity;
}

.hiring-pipeline {
    grid-area: hiring-pipeline;
}

.faq-content .p-acc-card {
    background: transparent;
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--border-radius-default) * 0.5);
}

.faq-content .p-acc-header {
    padding: 0;
}

.faq-content .p-acc-card .card-body {
    border-top: none;
    padding: 0.3rem 0.8rem;
    color: var(--primary-color);
    font-weight: 400;
}

.faq-content .p-acco-btn {
    font-size: var(--base-font-size);
}

.faq-content .p-acco-btn-w-text::after,
.faq-content .p-acco-btn-w-icon::after {
    position: absolute;
    right: 1rem;
    opacity: .8;
    left: initial;
}

.faq-content .p-acco-btn-w-icon.p-acco-btn-w-text,
.faq-content .p-acco-btn-w-icon {
    padding-left: 0.8rem;
    padding-right: 2rem;
}

.faq-content .p-acco-btn[aria-expanded="true"],
.faq-content .accordion-collapse .card-body {
    background: var(--theme-border-4) !important;
}

.faq-content .p-acco-btn-w-icon::after,
.faq-content .tr-chevron-down::after {
    width: 1rem;
    height: 0.9rem;
}

.p-ag-id-form-mw {
    max-width: 750px;
}

.avatar-edit-overlay .p-icon {
    z-index: 999;
    stroke: #fff;
}

.age-over-grid .roi-con {
    flex-direction: column;
}

.faq-content {
    margin-top: 0.9rem;
}

/*timeline agent starts here*/
.p-ver-st-timeline {
    position: relative;
    padding-left: 2rem;
}

    /* Vertical line */
    .p-ver-st-timeline::before {
        /* content: '';
    position: absolute;
    left: 8px;
    top: 5px;
    bottom: 0;
    width: 1px;
    background: var(--theme-border-layout);
    height: calc(100% - 64px);*/
    }


.p-ver-st-step {
    position: relative;
    padding-bottom: 1rem;
    padding-top: 0.08rem;
}

    .p-ver-st-step:last-child {
        padding-bottom: 0;
    }

    /* Step dot */
    .p-ver-st-step::before {
        content: '';
        position: absolute;
        left: -2rem;
        top: 3px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 2px solid var(--theme-light-bg-def-2);
        background: white;
        z-index: 1;
    }

    .p-ver-st-step.p-ver-st-completed::before {
        background: var(--theme-primary-color);
        border-color: var(--theme-primary-color);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
    }

    .p-ver-st-step.p-ver-st-active::before {
        border-color: var(--theme-primary-color);
        animation: p-ver-st-pulse 1.5s infinite;
    }

@keyframes p-ver-st-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--theme-primary-color);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(67, 97, 238, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(67, 97, 238, 0);
    }
}

.p-ver-st-step-title {
    font-weight: 600;
    margin-bottom: 0.05rem;
    color: var(--primary-color);
}

.p-ver-st-step-content {
    color: var(--on-primary-color);
    margin-bottom: 0.25rem;
}

.p-ver-st-completed .p-ver-st-step-title,
.p-ver-st-completed .p-ver-st-step-content {
}

.p-ver-st-active .p-ver-st-step-title {
}

.p-ver-st-step-link {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-underline-offset: 3px;
    text-decoration: underline;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
    cursor: pointer;
}

    .p-ver-st-step-link:hover {
        color: var(--theme-primary-color);
    }

    .p-ver-st-step-link svg {
        margin-left: 4px;
        width: 16px;
        height: 16px;
        stroke: var(--theme-primary-color);
        stroke-width: 0.1rem;
        margin-top: 3px;
    }

.p-ver-st-step-actions {
    margin-bottom: 0.65rem;
}

.setup-area .p-ver-st-step {
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    padding: 0.5rem 1rem;
    padding-left: 2.7rem;
}

.setup-area .p-ver-st-timeline {
    position: relative;
    padding-left: 0;
}

.setup-area .p-ver-st-step::before {
    left: 12px;
    top: 11px;
}

.p-ver-st-step-link svg {
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 0.4rem;
}

.p-ver-st-step:not(:last-child) {
    margin-bottom: 0.8rem;
}
/*timeline agent ends here*/

.sidebar-dropdown-menu::before {
    border-radius: var(--bs-border-radius);
}

.js-add-nested-filter svg.p-icon {
    stroke: var(--theme-primary-color) !important;
}

.p-clk-tt.show {
    display: block;
}

.input-validation-error-custom, .form-group .p-input-append.input-validation-error-custom,
.ph-form-group select.input-validation-error {
    border-color: var(--red-color) !important;
}

.borading-step-msg {
    position: absolute;
    top: 1.1rem;
    right: 1.1rem;
}

.location-grid-75p {
    display: grid;
}

.p-show-hided-three-dot .p-dd-wp-wrapper {
    opacity: 0;
    visibility: hidden;
}

.app-int-item:hover .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
}

.app-int-item-title-wrap.Ad-Manager-Plus .app-int-logo,
.app-int-item-title-wrap.Productive .app-int-logo {
    max-width: 130px;
}

.app-int-item-title-wrap.Google-Workspace .app-int-logo,
.app-int-item-title-wrap.Microsoft-Active-Directory .app-int-logo {
    height: 38px;
}

.dx-datagrid .box-image {
    height: 35px;
    border-radius: 4px;
    object-fit: contain;
    max-width: 80px;
}

.app-iconimg-mw {
    display: flex;
    min-width: 80px;
    padding-top: 0.3rem;
}

.apps-inp-box .assined-device-info {
    max-width: 100%;
}

.apps-inp-box.p-inp-border-box {
    padding-left: 1.15rem;
}

.p-app-nm-mw-elp {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 170px !important;
}

.rt-0::after {
    right: 0 !important;
}

.apps-inp-box .assined-device-info > * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.app-image-name-wrapper {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.app-info-container {
    display: flex;
    align-items: center;
    gap: 1.85rem;
    max-width: 550px;
}

    .app-info-container > * {
        flex: 1;
    }

.app-image-container {
    min-width: 86px;
    text-align: center;
    border: 1px solid hsl(0deg 0% 53.39% / 12.5%);
    padding: 0.4rem;
    border-radius: calc(var(--bs-border-radius) * 0.4);
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .app-image-container img {
        object-fit: contain;
        max-width: 70px;
        height: auto;
        border-radius: 4px;
        max-height: 35px;
    }

.app-name p {
    margin: 0;
    color: var(--primary-color);
    font-weight: 600;
}

.apps-cate {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .apps-cate label {
        font-weight: 600;
    }

    .apps-cate span {
        color: var(--on-primary-color);
        font-weight: 400;
    }

.text-capitalize {
    text-transform: capitalize;
}

.feature-section .p-ad-pack-list-inclded ul li:after {
    content: "";
    font-family: "Nioicon" !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;
    left: 0;
    position: absolute;
    color: var(--theme-primary-color);
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
}

.feature-section .p-ad-pack-list-inclded ul {
    position: relative;
    list-style-type: none;
    padding-left: 0;
}

    .feature-section .p-ad-pack-list-inclded ul li {
        margin-bottom: 0.7rem;
        position: relative;
        padding-left: 1.5rem;
    }

.p-ad-pack-list-inclded li:has(.ni-check)::after {
    display: none;
}

.p-ad-pack-list-inclded li:has(.ni-check) {
    padding-left: 0.12rem !important;
}

@media(max-width: 767px) {
    .p-modal-sb .modal-dialog {
        align-items: flex-start;
    }

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

    .p-tl-box {
        width: calc(100% - 30px);
    }
}


/*agent starts here*/
.p-ag-ad-header {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-ag-ad-title-container {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.p-ag-ad-title-icon {
    background: var(--theme-border-layout);
    color: white;
    width: 30px;
    height: 30px;
    border-radius: calc(var(--bs-border-radius) * 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

    .p-ag-ad-title-icon svg {
        stroke: var(--theme-primary-color);
    }

.p-ag-ad-title {
    font-size: var(--base-font-size-h5);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0 !important;
}

.p-ag-ad-subtitle {
    font-size: 15px;
    color: #718096;
}

.p-ag-ad-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.p-ag-ad-stats-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
    margin-bottom: 0;
}

.p-ag-ad-stat-label-qs {
    font-size: var(--base-font-size-lg);
    color: var(--primary-color);
    font-weight: 500;
}

.p-ag-qs-lbl {
    color: var(--primary-color);
    font-weight: 600;
}

.p-ag-ad-stat-card-qs .p-tag {
    min-width: initial;
    color: var(--primary-color);
    padding: 0.25rem 0.65rem;
}

.p-ag-ad-stat-card-qs .custom-control {
    margin-right: -12px;
}


.p-ag-ad-stat-card {
    transition: all 0.3s ease;
}

.p-ag-ad-stat-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
}

.p-ag-ad-stat-icon {
    font-size: 24px;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ag-ad-stat-card:nth-child(1) .p-ag-ad-stat-icon {
    background: #ffeff0;
}

.p-ag-ad-stat-card:nth-child(1) svg {
    stroke: #d64f58;
}

.p-ag-ad-stat-card:nth-child(2) .p-ag-ad-stat-icon {
    background: var(--plm-light-green1);
}

.p-ag-ad-stat-card:nth-child(2) svg {
    stroke: #00906a;
}

.p-ag-ad-stat-card:nth-child(3) .p-ag-ad-stat-icon {
    background: #e2effa;
    color: #118ab2;
}

.p-ag-ad-stat-card:nth-child(3) svg {
    stroke: #0073f2;
}

.p-ag-ad-stat-icon svg.p-icon.p-icon-md {
    width: 1.5rem;
    height: 1.5rem;
}

.p-ag-ad-stat-value {
    font-size: var(--base-font-size-h3);
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 3px;
    line-height: 1.25;
    margin-top: -2px;
}

.p-ag-ad-stat-label {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    font-weight: 400;
}

.p-ag-ad-stat-label-qs {
}

.p-ag-ad-stat-card-qs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--bs-border-radius) * 0.8);
    padding: 0.3rem;
    padding-right: 0.85rem;
}

    .p-ag-ad-stat-card-qs:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    .p-ag-ad-stat-card-qs .p-ag-ad-stat-icon {
        background: var(--theme-border-4);
    }

        .p-ag-ad-stat-card-qs .p-ag-ad-stat-icon svg.p-icon {
            stroke: var(--theme-primary-color);
        }

.p-ag-ad-trend {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.p-ag-ad-trend-up {
    color: #06d6a0;
}

.p-ag-ad-trend-down {
    color: #ef476f;
}

.p-ag-ad-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, #e2e8f0, transparent);
    margin: 30px 0;
}

.p-ag-ad-button {
    background: #4361ee;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 12px rgba(67, 97, 238, 0.25);
}

    .p-ag-ad-button:hover {
        background: #3a56d4;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(67, 97, 238, 0.35);
    }

.p-ag-ad-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-ag-ad-note {
    font-size: 14px;
    color: #718096;
    max-width: 60%;
}

@media (max-width: 768px) {
    .p-ag-ad-stats-container {
        grid-template-columns: 1fr;
    }

    .p-ag-ad-container {
        padding: 25px;
    }

    .p-ag-ad-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .p-ag-ad-footer {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .p-ag-ad-note {
        max-width: 100%;
    }
}
/*agent ends here*/


.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li.main-sidebar-seperator {
    position: relative;
    /*min-width: 54px;*/
}

    .main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li.main-sidebar-seperator[data-module="attendance"]::after {
        background: linear-gradient(-90deg, #ffffff 49%, transparent);
        position: absolute;
        right: -10px;
        bottom: 0;
        content: '';
        height: 20px;
        width: 15px;
    }


.p-eac-card {
    --fs-base-card: 0.82rem;
    max-width: 320px;
    background: #fff;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--sec-light-color7);
    font-weight: 400;
    margin-top: 0.85rem;
    box-shadow: 0px 1px 0px rgba(13, 41, 66, 0.05);
    font-size: var(--fs-base-card);
    color: var(--primary-color);
}

.p-eac-card-header {
    display: flex;
    align-items: center;
    padding: 0.65rem;
    border-bottom: 1px solid var(--sec-light-color7);
    background: var(--theme-border-layout);
}

    .p-eac-card-header img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 12px;
        object-fit: cover;
    }

.p-eac-info h2 {
    font-size: var(--base-font-size-xxl);
    margin: 0;
    color: var(--primary-color);
    font-weight: 600;
}

.p-eac-info p {
    margin: 2px 0 0;
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    font-weight: 400;
}

.p-eac-rating {
    display: flex;
    align-items: center;
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    margin-top: 1px;
}

    .p-eac-rating span {
        margin-right: 6px;
    }

.p-eac-card-body {
    padding: 0.65rem;
}

    .p-eac-card-body p {
        line-height: 1.35;
        margin-bottom: 0.55rem;
    }

.p-eac-meta {
    display: flex;
    justify-content: space-between;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.p-eac-tags {
    margin-bottom: 0.5rem;
}

.p-eac-details span {
    font-weight: 300;
    color: var(--on-primary-color);
    margin: 0 0.25rem;
    display: inline-block;
}

.p-eac-tag {
    display: inline-block;
    background: var(--theme-border-layout);
    color: var(--theme-primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 2px 7px 3px 7px;
    border-radius: 5px;
    margin-right: 6px;
    font-weight: 400;
}

.p-eac-desc {
    font-size: 13px;
    color: #444;
    margin-bottom: 12px;
}

p.p-eac-details {
    margin-bottom: 0.6rem !important;
}

.p-eac-btn {
    text-align: center;
    background: var(--theme-primary-color);
    color: #fff;
    text-decoration: none;
    padding: 0.45rem 1rem;
    border-radius: var(--bs-border-radius-lg);
    font-weight: 500;
    font-size: var(--base-font-size);
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

    .p-eac-btn svg {
        stroke: #fff;
        width: 0.58rem;
        height: 0.58rem;
        stroke-width: 1.9px;
    }

.p-eac-footer {
    text-align: center;
    font-size: 0.7rem;
    color: var(--on-primary-color);
    margin-top: 0.15rem;
}

.p-org-card-disable .oc-card-wrapper::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--theme-border-layout);
    top: 0;
    left: 0;
    backdrop-filter: blur(7px);
    border-radius: 1.15rem;
    border: 1px solid var(--theme-border-layout);
}

.p-org-card-disable .oc-card-wrapper {
    position: relative;
}

.node-foreign-object-div.p-org-card-disable {
    pointer-events: none;
}

.js-vir-age-as .p-ag-ta-mw {
    padding-left: 20px;
}
/* AI Agent Status Container */
.ai-agent-status {
    display: flex;
    align-items: flex-start;
    font-size: 0.79rem;
    margin-left: 10px;
    padding: 3px 7px;
    border-radius: calc(var(--bs-border-radius) * 0.7);
    background-color: #f0f0f0;
    color: #333;
    white-space: nowrap;
    transition: all 0.3s ease;
    line-height: 1.2;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: -21px;
    padding: 0.4rem 0.75rem 0.4rem;
    border: 1px solid #fff;
    font-weight: 500;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 1.1rem;
    min-height: 50px;
}

    /* Status Dot */
    .ai-agent-status .status-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-right: 6px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s ease;
        margin-top: 0.05rem;
        display: none;
    }

    /* Status Text */
    .ai-agent-status .status-text {
        font-weight: 400;
    }

    /* Color Classes for Different States */

    /* Operational (Green) */
    .ai-agent-status.is-operational .status-dot {
        background-color: #28a745; /* Green */
    }

    .ai-agent-status.is-operational {
        background-color: #e6ffe6;
        color: #1a6b2d;
        border: 1px solid #d6f9d6;
    }

    /* Partial Outage (Yellow) */
    .ai-agent-status.is-partial-outage .status-dot {
        background-color: #ffc107; /* Yellow/Amber */
    }

    .ai-agent-status.is-partial-outage {
        background-color: #fffacd;
        color: #8c6a00;
        border-color: #f2eecb;
    }

    /* Not Available (Red) */
    .ai-agent-status.is-not-available .status-dot {
        background-color: #dc3545; /* Red */
    }

    .ai-agent-status.is-not-available {
        background-color: #ffe6e6;
        color: #8a242f;
        border-color: #ffc9c9;
    }

.p-ag-inactive.vir-age-chat-box-inner {
    background: #f6f6f6;
}

.p-ag-inactive textarea {
    background: transparent;
}

.p-ag-inactive .p-icon-ag-mw svg {
    stroke: var(--sec-light-color3);
}

.p-ag-inactive .p-icon-ag-mw {
    background-color: #ebebeb;
    opacity: 0.7;
}

.p-ag-inactive > * {
    cursor: not-allowed;
    pointer-events: none;
}

.p-ag-inactive .pp-ask-ai-send {
    background: #ebebeb;
}

    .p-ag-inactive .pp-ask-ai-send svg {
        fill: var(--sec-light-color3);
    }

    .p-ag-inactive .pp-ask-ai-send:not(.send-btn-enable) {
        opacity: 0.7;
    }

.p-ag-inactive .typing-indicator {
    color: #ccced6;
}

.icon-loaders {
    position: relative;
    top: -3px;
}

.p-trta-mw .dx-datagrid-rowsview .dx-row {
    border-top: 1px solid var(--sec-light-color7);
    border-bottom: 1px solid var(--sec-light-color7);
}

.p-dx-search-left .p-trta-mw tr.dx-data-row > td {
    border-right: 1px solid var(--sec-light-color7);
}

    .p-dx-search-left .p-trta-mw tr.dx-data-row > td:last-child {
        border-right: 0 solid var(--sec-light-color7);
    }

.p-trta-mw .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-row > td {
    --grid-table-padding: 0.3rem;
}

.p-trta-mw .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    padding: 0.8rem 0.8rem !important;
}

.p-trta-mw .p-team-rota-general-break,
.p-trta-mw .p-team-rota-weekly-off,
.p-trta-mw .p-team-rota-holiday-mw {
    border: none !important;
    border-radius: 0.4rem;
    cursor: pointer;
}

#teamRotaGrid .dx-datagrid-rowsview .dx-row:hover td {
    border-radius: 0.25rem !important;
}

.loading-skeleton .team-rota-table.table thead tr th:not(:last-child)::after {
    right: -8px;
    width: 8px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

.p-trta-mw .dx-datagrid-content {
    padding-bottom: 1.5rem;
}

.p-team-rota-weekly-off.p-team-rota-weekly-off-bg-tra,
.pmr-al-cell,
.p-att-mt-all-tags-mw:has(.no-logs-cell) {
    --stip-bg-color1: rgb(246 246 247 / 68%);
    background: repeating-linear-gradient(-45deg, var(--stip-bg-color1), var(--stip-bg-color1) 12px, var(--stip-bg-color2) 12px, var(--stip-bg-color2) 20px);
    --stip-bg-color2: var(--sec-light-color7);
}

.pmr-al-cell,
.p-att-mt-all-tags-mw:has(.no-logs-cell) {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    max-height: 92px;
}

    .pmr-al-cell .no-logs-cell, .mr-iwt,
    .p-att-mt-all-tags-mw:has(.no-logs-cell) .no-logs-cell {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
        text-transform: uppercase;
    }

    .p-att-mt-all-tags-mw:has(.no-logs-cell) .no-logs-cell {
        color: var(--on-primary-color);
    }

.mr-app-cont-mw {
    border: none !important;
    border-radius: 0.4rem;
    cursor: pointer;
    padding: 10px;
    padding-left: 17px;
    position: relative;
    position: relative;
    background-color: rgba(137, 24, 156, 0.2);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    color: var(--primary-color);
    min-height: 100px;
    justify-content: center;
}

    .mr-app-cont-mw::after {
        content: '';
        position: absolute;
        left: 0.5rem;
        height: calc(100% - 11px);
        background-color: var(--primary-color);
        border-radius: 0.38rem;
        border: 0.125rem solid rgb(137, 24, 156);
        top: 50%;
        transform: translateY(-50%);
    }

.pmr-al-cell span {
    color: var(--sec-light-color1);
    position: relative;
    top: 1px;
}

.p-trta-mw .p-team-rota-general-break {
    min-height: var(--mh-cell-draft);
}

.p-team-rota-weekly-off svg.p-icon.p-icon-md {
    position: relative;
    top: -1px;
}

.p-team-rota-weekly-off-bg-tra .p-text-blue-dark {
    color: var(--sec-light-color1);
}

.p-team-rota-weekly-off-bg-tra .p-rota-week-off svg.p-icon {
    stroke: var(--sec-light-color1);
}

.p-trta-mw .p-team-rota-break-type {
    line-height: 1.2;
}

td.p-team-rota-general-break:has(.notes-icon .badge) .p-team-rota-break-type {
    max-width: 72px;
}

#teamRotaGrid .p-team-rota-weekly-off-no-logs:has(.p-nl-op-add) {
    padding-left: 10px;
    background: var(--th-dropdown-border);
    border: 1.5px dashed var(--theme-placeholder-color) !important;
}

.p-team-rota-weekly-off-no-logs:has(.p-nl-op-add)::after {
    border: none;
}

.p-trta-mw .p-nl-op-add svg {
    stroke: var(--theme-primary-color);
    width: 1.45rem;
    height: 1.45rem;
}

.p-trta-mw .p-nl-op-add span {
    color: var(--theme-primary-color);
    font-weight: 500;
}

.p-trta-mw .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: transparent !important;
}

.prt-da-us-nw .p-team-rota-employee-hours {
    margin-top: 0.32rem;
    gap: 0.28rem !important;
}

.p-trta-mw .p-team-rota-employee-hours span {
    font-weight: 400;
}

.prt-da-us-nw > span {
    font-weight: 600;
    padding: 0.1rem 0.45rem 0.2rem;
    border-radius: 0.32rem;
    display: inline-block;
}

.prt-da-us-nw:has(.p-tag-black) > span {
    background: var(--primary-color);
    color: #fff;
}

.prt-da-us-nw .p-tag-black {
    display: none;
}

.p-trta-mw .dx-datagrid-headers {
    margin-bottom: -0.2px;
}

.p-rt-sh-mw {
    margin-bottom: 0.13rem;
}

    .p-rt-sh-mw .badge {
        line-height: 1;
        border-radius: 0.32rem;
    }

/*timer screening*/
.timer-wrapper {
    text-align: center;
}

    .timer-wrapper .circular-timer {
        text-align: center;
        display: inline-block;
        position: absolute;
        z-index: 999;
        right: 15px;
        top: 15px;
    }

.circular-timer {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

    .circular-timer svg {
        transform: rotate(-90deg);
        width: 100%;
        height: 100%;
    }

.circle-bg {
    fill: #ffffff;
    stroke-width: 13;
    stroke: var(--theme-light-bg-def-1);
}

.circle-progress {
    fill: none;
    stroke: var(--theme-primary-color);
    stroke-width: 13;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear, stroke 0.3s ease;
}

    .circle-progress.warning {
        stroke: #d32f2f;
    }

.timer-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: calc(100% - 1rem);
}

.timer-display {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--primary-color);
    letter-spacing: -1px;
    line-height: 1;
}

.timer-message {
    font-size: 11px;
    font-weight: 600;
    color: #d32f2f;
    display: none;
    width: 100%;
    text-transform: uppercase;
    line-height: 1.25;
}

    .timer-message.show {
        display: block;
    }

.controls {
    display: none;
    gap: 15px;
    justify-content: center;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.control-btn {
    width: 18px;
    height: 18px;
    border: none;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    padding: 0.15rem;
}

.circular-timer:has(.warning) .timer-display {
    color: #d32f2f;
}

.control-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.control-btn:active {
    transform: scale(0.95);
}

.control-btn svg {
    width: 24px;
    height: 24px;
    fill: #333;
}

/*timer screening*/
.tr-sh-td .p-dd-wp-wrapper {
    opacity: 0;
    visibility: hidden;
}

.tr-sh-td .p-dd-wp-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
}

.p-trta-mw tr.dx-data-row .p-team-rota-shift-entry:hover .p-dd-wp-wrapper,
.p-trta-mw tr.dx-data-row .p-team-rota-open-shift-entry .p-team-rota-general-break:hover .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
}

#teamRotaGrid .dx-datagrid-rowsview:has(.js-team-rota-open-shift-card) .dx-datagrid-nodata,
#teamRotaGrid .dx-datagrid-rowsview:has(.js-team-rota-people-empty-row) .dx-datagrid-nodata {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden;
}

#teamRotaGrid tr.js-team-rota-people-empty-row > td {
    height: auto !important;
    min-height: 14rem;
    padding: 2.5rem 1rem 3rem;
    text-align: center;
    vertical-align: middle;
    border: none !important;
    background: transparent !important;
}

#teamRotaGrid tr.js-team-rota-people-empty-row .js-team-rota-people-empty-art {
    display: block;
    width: 100%;
}

#teamRotaGrid tr.js-team-rota-people-empty-row svg.no-data-upd {
    display: inline-block;
    width: 70px;
    height: 70px;
    fill: var(--p-grey-icon);
}

#teamRotaGrid .open-shifts-table-row > td {
    padding: 0.5rem;
    overflow: hidden !important;
    vertical-align: top;
    background-color: var(--theme-border-5) !important;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-entry {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    height: 100%;
    min-height: 0;
    padding: 0.05rem;
    overflow: hidden;
}

/* Open Shift cards determine the row height so every vacancy remains visible. */
#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-cards {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 0;
    overflow: visible;
    width: 100%;
}

#teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-card.p-team-rota-general-break {
    min-height: auto;
    height: auto;
    flex: 0 0 auto;
    justify-content: flex-start;
    overflow: visible;
    background-color: var(--chat-dark-bg-2) !important;
    background-image: none !important;
}

#teamRotaGrid .js-team-rota-assigned-open-shift-card.p-team-rota-general-break {
    background-color: rgba(255, 139, 43, 0.2) !important;
    background-image: none !important;
}

#teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-card .p-rt-sh-mw {
    min-width: 0;
    max-width: 100%;
    padding-right: 1.75rem;
    overflow: hidden;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-kebab {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

    #teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-kebab .p-dd-wp-dot-icon {
        width: 1.5rem;
        height: 1.5rem;
        padding: 0.275rem;
    }

    #teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-kebab.p-dd-wp-open {
        z-index: 30;
    }

    #teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-kebab .p-dd-wp-content.active {
        z-index: 40;
    }

.open-shifts-table-row .team-rota-empty-open-shift-cell {
    height: 1px;
}

#teamRotaGrid .open-shifts-table-row .team-rota-open-shift,
#teamRotaGrid .open-shifts-table-row .p-team-rota-weekly-off-no-logs {
    background-color: var(--chat-dark-bg-2) !important;
    border-style: dashed !important;
    border-color: var(--theme-placeholder-color) !important;
    border-width: 0.05rem !important;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shift-entry .p-team-rota-weekly-off-no-logs {
    flex: 0 0 96px;
    min-height: 96px;
    border-width: 1.5px !important;
}

#teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-add {
    visibility: visible;
    opacity: 1;
    background: transparent !important;
    border-color: transparent !important;
    flex: 1 1 96px !important;
    height: auto;
    min-height: 96px;
}

    #teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-add .p-nl-op-add {
        visibility: hidden;
        opacity: 0;
    }

    #teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-add:hover {
        background: var(--theme-secondary-color) !important;
        border-color: var(--theme-placeholder-color) !important;
    }

        #teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-add:hover .p-nl-op-add {
            visibility: visible;
            opacity: 1;
        }

#teamRotaGrid .open-shifts-table-row > td:first-child {
    padding: 1.75rem 1.25rem;
    border-left: 0 !important;
    vertical-align: top !important;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shifts-header,
#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shifts-header-row {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

#teamRotaGrid .open-shifts-table-row > td:first-child .p-team-rota-open-shifts-header {
    height: auto;
    min-height: 0;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shifts-header-row {
    flex-wrap: nowrap;
    gap: 0.5rem;
    width: 100%;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shifts-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}

#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shifts-header-row .p-team-rota-employee-name,
#teamRotaGrid .open-shifts-table-row .p-team-rota-open-shifts-header-row .p-team-rota-employee-role {
    margin: 0;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-department {
    display: block;
    width: 0;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#teamRotaGrid .open-shifts-table-row > td:last-child {
    border-right: 0 !important;
}

.team-rota-empty-open-shift-cell .p-team-rota-open-shift-entry,
.team-rota-empty-open-shift-cell .p-team-rota-weekly-off-no-logs {
    height: 100%;
    min-height: 100%;
}

.timer-time-icon-mw {
}

.p-sc-details ul.p-ul-align {
    margin-bottom: 0rem;
}

.p-sc-que-steps-mw .ph-card {
    padding: 0;
}

.p-trta-mw .dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top: 1px solid var(--sec-light-color6);
    border-bottom: 1px solid var(--sec-light-color6);
}

.p-trta-mw .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p-trta-mw .pdf-gap-6xs {
    gap: 0.15rem;
    min-height: 17px;
}

.p-trta-mw .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: var(--primary-color);
    background-color: var(--theme-border-4);
}

.p-trta-mw .dx-datagrid-rowsview:has(.dx-datagrid-group-space) .dx-row:not(.dx-freespace-row):hover {
    background: var(--theme-border-4);
}

.p-trta-mw .dx-datagrid-rowsview .dx-row.dx-group-row {
    font-weight: 600;
}

.slack-description {
    word-break: break-word;
}

/*notification drawer*/
/* Users Header */
.psr-users-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 26px;
    width: 100%;
    padding-left: 8px;
    z-index: 10;
}

.hc-btn-w-icon .button-textNew {
    gap: 0.25rem;
}

.hc-default-btn.hc-btn-w-icon {
    min-height: 41px;
}

.psr-counter {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    font-weight: 400;
}

.psr-icon-tiny {
    width: 17px;
    height: 17px;
    stroke: var(--on-primary-color);
    position: relative;
    top: 0.015rem;
}

.psr-drawer-body .p-dx-search-left .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 1.3rem;
}

.psr-form-group {
    margin-bottom: 1.35rem;
}

.psr-label {
    margin-bottom: 0.2rem;
    color: var(--on-primary-color);
    font-weight: 400;
}

.psr-survey-name {
    color: var(--primary-color);
    font-weight: 600;
}

p.psr-drawer-description {
    margin-bottom: 0 !important;
}


.p-search-input {
    max-width: 240px;
}

/* Select All */
.psr-select-all-wrapper {
    background-color: rgba(91, 155, 213, 0.05);
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    margin-bottom: 0.5rem;
}

.psr-select-all {
    padding: 0.75rem 1rem;
}

/* User List */
.psr-user-list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.psr-user-item {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    border: 1px solid var(--theme-border-layout);
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
    border-radius: var(--bs-border-radius);
}

    .psr-user-item:hover {
        border-color: rgba(91, 155, 213, 0.3);
        background-color: rgba(91, 155, 213, 0.02);
    }

.psr-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    cursor: pointer;
    flex-shrink: 0;
}

    .psr-checkbox:checked {
        accent-color: #5b9bd5;
    }

.psr-user-info {
    flex: 1;
    min-width: 0;
}

.psr-user-name {
    font-size: 0.875rem;
    font-weight: 500;
    color: #2c3e50;
}

.psr-user-email {
    font-size: 0.75rem;
    color: #6c757d;
}

.psr-badge {
    padding: 0.2rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--theme-primary-color);
    background-color: var(--theme-secondary-color);
    border-radius: 9999px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Drawer Footer */
.psr-drawer-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    background-color: rgba(248, 249, 250, 0.5);
}

.psr-btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #5b9bd5;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.2s, opacity 0.2s;
}

    .psr-btn-send:hover:not(:disabled) {
        background-color: #4a8bc2;
    }

    .psr-btn-send:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.psr-users-header label.psr-label {
    color: var(--primary-color);
    font-weight: 600;
}

.py-2\.5 {
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
}

.perm-sb-cbs-mw {
    position: relative;
}

/* Responsive */
@media (max-width: 768px) {
    .psr-drawer {
        max-width: 100%;
    }

    .psr-title {
        font-size: 2rem;
    }

    .psr-cards-grid {
        grid-template-columns: 1fr;
    }
}

.psr-drawer-body .perm-sb-cbs-mw .p-form-check-selecta-all, .p-form-check-selecta-all-end {
    padding-right: 0.24rem;
}

.zi-nn {
    z-index: 99;
}

.p-team-rota-general-break:has(.notes-icon) .p-team-rota-break-type {
    padding-right: 1.1rem;
}

.p-icon-tib {
    stroke: #fff;
}
/* Company Documents acknowledgement panel: keep actions visible at every viewport. */
#policyAckPeopleModal .modal-content {
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
}

#policyAckPeopleModal .modal-body,
#policyAckPeopleModal .form-contact-new,
#policyAckPeopleModal .p-sb-if-bf-mw {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: auto;
    overflow: hidden;
}

#policyAckPeopleModal .p-sb-gene-body-if {
    flex: 1;
    min-height: 0;
    height: auto;
    padding: 0;
    overflow: hidden;
}

#policyAckPeopleModal .policy-ack-drawer-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

#policyAckPeopleModal .policy-ack-summary {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
    margin: 0;
    padding: 0.75rem var(--box-padding);
    border-bottom: 1px solid var(--theme-border-layout);
}

#policyAckPeopleModal .policy-ack-summary-title {
    flex: 1 1 12rem;
    min-width: 0;
}

#policyAckPeopleModal .policy-ack-summary-meta {
    color: var(--secondary-text-color);
    font-size: var(--base-font-size-sm);
}

#policyAckPeopleModal .policy-ack-people-section {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    padding: 0.75rem 0 0;
}

#policyAckPeopleModal .p-sb-gene-footer-up {
    display: flex;
    flex-shrink: 0;
    gap: 0.75rem;
}

    #policyAckPeopleModal .p-sb-gene-footer-up .btn-cancel {
        display: inline-flex;
        justify-content: center;
    }

#policyAckPeopleModal .policy-ack-table {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

#policyAckPeopleModal .policy-ack-people-list {
    padding: 0 0 0.75rem;
    list-style: none;
}

#policyAckPeopleModal .policy-ack-person {
    padding: 1rem var(--box-padding);
}

#frmAddPostitions .hire-auto-reject-error,
#frmEditPostitions .hire-auto-reject-error {
    display: block;
    position: static;
    text-align: left;
    width: 100%;
    margin-top: 4px;
}

    #frmAddPostitions .hire-auto-reject-error:empty,
    #frmEditPostitions .hire-auto-reject-error:empty {
        display: none;
    }

#frmAddPostitions .hire-auto-reject-invalid,
#frmEditPostitions .hire-auto-reject-invalid {
    border: 1px solid var(--danger, #dc3545);
}

#policyAckPeopleModal .policy-ack-toolbar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 100%;
    margin-bottom: 0.75rem;
    padding: 0 var(--box-padding);
}

    #policyAckPeopleModal .policy-ack-toolbar .p-search-input {
        flex: 1;
        width: 100%;
        max-width: none !important;
    }

#policyAckPeopleModal #policyAckPeopleSearch {
    width: 100%;
    max-width: none;
}

    #policyAckPeopleModal #policyAckPeopleSearch::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }

#policyAckPeopleModal .policy-ack-search-clear {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

    #policyAckPeopleModal .policy-ack-search-clear .p-close-icon {
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
    }

#policyAckPeopleModal .policy-ack-person,
#policyAckPeopleModal .policy-ack-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 30%) 6.5rem;
    align-items: center;
    gap: 0.75rem;
}

#policyAckPeopleModal .policy-ack-columns {
    position: sticky;
    top: 0;
    z-index: 9;
    padding: 0.75rem var(--box-padding);
    background-color: var(--chat-dark-bg-2);
    background-image: linear-gradient(var(--theme-secondary-color), var(--theme-secondary-color));
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
}

#policyAckPeopleModal #policyAckNoMatches,
#policyAckPeopleModal .policy-ack-people-list > li:not(.policy-ack-person) {
    padding: 0.75rem var(--box-padding);
}

#policyAckPeopleModal .policy-ack-person-details,
#policyAckPeopleModal .psr-user-info {
    min-width: 0;
}

#policyAckPeopleModal .policy-ack-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    background: var(--theme-secondary-color);
    color: var(--primary-color);
}

    #policyAckPeopleModal .policy-ack-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#policyAckPeopleModal .policy-ack-checkbox {
    padding: 0;
    min-height: 20px;
    width: 20px;
    justify-self: end;
}

    #policyAckPeopleModal .policy-ack-checkbox .custom-control-label::before,
    #policyAckPeopleModal .policy-ack-checkbox .custom-control-label::after {
        left: 0;
    }

    #policyAckPeopleModal .policy-ack-checkbox .custom-control-label {
        display: block;
        width: 20px;
        min-height: 24px;
    }

#policyAckPeopleModal .psr-badge {
    justify-self: start;
    max-width: 100%;
    white-space: normal;
}

#policyAckPeopleModal .policy-ack-checkbox .policy-ack-select-all-label {
    position: absolute;
    right: 0;
    width: max-content;
    padding-right: 28px;
    white-space: nowrap;
}

    #policyAckPeopleModal .policy-ack-checkbox .policy-ack-select-all-label::before,
    #policyAckPeopleModal .policy-ack-checkbox .policy-ack-select-all-label::after {
        left: auto;
        right: 0;
    }

#policyAckPeopleModal .policy-ack-person.hidden {
    display: none;
}

#policyAckPeopleModal .policy-ack-person,
#policyAckPeopleModal #policyAckItemTitle {
    overflow-wrap: anywhere;
}

/* Handbooks acknowledgement reminder */
#handbookAckPeopleModal .modal-content,
#handbookAckPeopleModal .p-sb-gene-footer-up {
    background-color: var(--chat-dark-bg-2);
}

#handbookAckPeopleModal .p-sb-if-bf-mw {
    overflow: hidden;
}

#handbookAckPeopleModal .p-sb-gene-body-if {
    flex: 1;
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

#handbookAckPeopleModal .handbook-ack-drawer-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

#handbookAckPeopleModal .handbook-ack-summary {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 0.75rem var(--box-padding);
    border-bottom: 1px solid var(--theme-border-layout);
}

#handbookAckPeopleModal .handbook-ack-summary-title {
    min-width: 0;
}

#handbookAckPeopleModal .handbook-ack-summary .psr-label {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    font-weight: 400;
}

#handbookAckPeopleModal .handbook-ack-summary-meta {
    flex: 0 0 auto;
    margin-top: 0;
    color: var(--secondary-text-color);
    font-size: var(--base-font-size-sm);
    text-align: right;
    white-space: nowrap;
}

#handbookAckPeopleModal .handbook-ack-people-section {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    padding: 0.75rem var(--box-padding) 0;
}

#handbookAckPeopleModal .handbook-ack-toolbar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 100%;
    margin-bottom: 0.75rem;
}

    #handbookAckPeopleModal .handbook-ack-toolbar .p-search-input {
        flex: 1;
        width: 100%;
        max-width: none !important;
    }

#handbookAckPeopleModal .handbook-ack-people-header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    color: var(--secondary-text-color);
    font-size: var(--base-font-size-xs);
    font-weight: 600;
}

#handbookAckPeopleModal .handbook-ack-select-all-control {
    flex: 0 0 auto;
    padding-left: 1.55rem;
    color: var(--theme-primary-color);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

    #handbookAckPeopleModal .handbook-ack-select-all-control .custom-control-label {
        color: var(--theme-primary-color);
        font-size: var(--base-font-size);
    }

    #handbookAckPeopleModal .handbook-ack-select-all-control .custom-control-input:disabled ~ .custom-control-label {
        opacity: 0.5;
        cursor: default;
    }

#handbookAckPeopleModal .policy-ack-people-list {
    flex: 1;
    min-height: 0;
    margin: 0;
    padding: 0 0 0.75rem;
    overflow-y: auto;
    list-style: none;
}

#handbookAckPeopleModal .handbook-ack-person-row {
    display: grid;
    grid-template-columns: 1.7rem 2.4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    min-height: 3.65rem;
    padding: 0.2rem 0;
}

#handbookAckPeopleModal .handbook-ack-checkbox {
    width: 1.7rem;
    min-height: 1.3rem;
    padding-left: 1.6rem;
}

    #handbookAckPeopleModal .handbook-ack-checkbox .custom-control-label {
        min-height: 1.3rem;
    }

#handbookAckPeopleModal .handbook-ack-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--theme-secondary-color);
    color: var(--primary-color);
    font-size: var(--base-font-size-sm);
    font-weight: 500;
}

    #handbookAckPeopleModal .handbook-ack-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#handbookAckPeopleModal .handbook-ack-person-info {
    min-width: 0;
}

#handbookAckPeopleModal .handbook-ack-person-name,
#handbookAckPeopleModal .handbook-ack-person-email {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#handbookAckPeopleModal .handbook-ack-person-name {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    font-weight: 600;
}

#handbookAckPeopleModal .handbook-ack-person-email {
    color: var(--secondary-text-color);
    font-size: var(--base-font-size-sm);
}

#handbookAckPeopleModal .handbook-ack-pending-badge {
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background-color: var(--theme-secondary-color);
    color: var(--secondary-text-color);
    font-size: var(--base-font-size-xs);
    font-weight: 500;
}

#handbookAckPeopleModal .handbook-ack-list-message {
    padding: 1.25rem 0;
    color: var(--secondary-text-color);
    text-align: center;
}

@media (max-width: 575px) {
    #handbookAckPeopleModal .modal-dialog {
        max-width: 100%;
    }

    #handbookAckPeopleModal .handbook-ack-summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    #handbookAckPeopleModal .handbook-ack-summary-meta {
        text-align: left;
    }

    #handbookAckPeopleModal .handbook-ack-person-row {
        grid-template-columns: 1.7rem 2.4rem minmax(0, 1fr);
    }

    #handbookAckPeopleModal .handbook-ack-pending-badge {
        display: none;
    }
}
/*notifction send survey ends here*/

.success-checkmark {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.badge-path {
    animation: checkBadgeAnimation 0.8s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    transform-origin: center;
}

@keyframes checkBadgeAnimation {
    0% {
        opacity: 0;
        transform: scale(0) rotate(-45deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.1) rotate(5deg);
    }

    75% {
        transform: scale(0.95) rotate(-2deg);
    }

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

/* Modal backdrop */
#successModal .modal-content {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Add smooth fade-in for modal */
#successModal.show .modal-dialog {
    animation: modalSlideIn 0.3s ease-out;
}

#successModal .modal-dialog {
    max-width: 450px;
}

.suc-lead-head-txt {
}

.suc-lead-para-txt {
    font-size: 0.96rem;
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/*td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    background-color: transparent !important;
}*/

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

.pso-form-wrapper .form-group.pso-ta-sm textarea {
    min-height: 120px !important;
}

td#tdOfferLetter {
    min-width: 160px;
}

.p-att-no-record svg.p-icon {
    stroke: var(--theme-primary-color);
}

.view-to-lbl-sts-pos {
    position: absolute;
    right: 6px;
}

.dx-scheduler-navigator-calendar-popover.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-scheduler-navigator-calendar .dx-button-mode-contained.dx-state-hover .dx-button-content {
    color: #fff !important;
}

.dx-calendar-navigator .dx-state-hover.dx-button .dx-button-content .dx-icon {
    color: #fff !important;
}

.dx-scheduler-navigator-calendar-popover .dx-calendar {
    background-color: transparent;
}

.dx-list .dx-empty-message,
.dx-empty-message {
    color: var(--theme-primary-color);
}

element.style {
    width: 1.7rem;
    height: 1.7rem;
}

.p-ingo-msg-salmon {
    background-color: #fce9eb;
    border: var(--border-width-layout) solid #ffdcdf;
}

    .p-ingo-msg-salmon p {
        color: #821c10;
    }

/*candidate info*/

.p-candi-info .modal-content {
    display: flex;
    flex-direction: row;
    height: 100%;
    border-radius: 0;
}

.p-candi-info .p-candidate-navigation {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 300px;
}

.p-candi-info .p-candidate-nav-btn {
    background: none;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
}

.p-mh-cu-fx {
    min-height: 50px;
}

.p-candi-info .p-candidate-nav-btn:hover {
    background-color: var(--theme-secondary-color);
    border-color: var(--theme-border-layout);
}

.p-candi-info .p-candidate-nav-btn:active {
    background-color: #e5e7eb;
}

.p-candi-info .p-candidate-nav-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

    .p-candi-info .p-candidate-nav-btn:disabled:hover {
        background-color: transparent;
        border-color: #d1d5db;
    }

.p-candi-info .p-candidate-nav-btn svg {
    width: 20px;
    height: 20px;
    stroke: var(--theme-primary-color);
}

.p-candi-info .p-candidate-nav-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    flex: 1;
}

.p-candi-info .p-candidate-nav-link {
    color: #6b7280;
    cursor: pointer;
    transition: color 0.2s;
}

    .p-candi-info .p-candidate-nav-link:hover {
        color: #3b82f6;
    }

.p-candi-info .p-candidate-nav-separator {
    color: #9ca3af;
}

.p-candi-info .p-candidate-nav-current {
    color: #111827;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Main Content Area */
.p-candi-info .p-modal-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Notes Sidebar */
.p-candi-info .p-notes-sidebar {
    width: 450px;
    border-left: 1px solid var(--theme-border-layout);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.p-notes-sidebar-content:has(svg.no-data) {
    justify-content: center;
}

.p-candi-info .p-notes-sidebar-header {
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
}

    .p-candi-info .p-notes-sidebar-header h5 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #111827;
    }

.p-candi-info .p-notes-sidebar-actions {
    display: flex;
    gap: 8px;
}

    .p-candi-info .p-notes-sidebar-actions button {
        background: none;
        border: none;
        padding: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        transition: background-color 0.2s;
    }

        .p-candi-info .p-notes-sidebar-actions button:hover {
            background-color: #f3f4f6;
        }

    .p-candi-info .p-notes-sidebar-actions svg {
        width: 20px;
        height: 20px;
        color: #6b7280;
    }



/* Notes Content */
.p-candi-info .p-notes-sidebar-content {
    flex: 1;
    overflow: visible;
    padding: 24px;
}

.p-candi-info .p-note-card {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.p-candi-info .p-note-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.p-candi-info .p-note-card-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.p-candi-info .p-note-card-body {
    font-size: 14px;
    line-height: 1.6;
    color: #374151;
    margin-bottom: 12px;
}

.p-candi-info .p-note-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #6b7280;
}

.p-candi-info .p-note-author {
    display: flex;
    align-items: center;
    gap: 4px;
}

.p-candi-info .p-note-timestamp {
    color: #9ca3af;
}

/* Notes Input Area */
.p-candi-info .p-notes-sidebar-footer {
    padding: 16px 24px;
    border-top: 1px solid #e5e7eb;
    background: #ffffff;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.p-candi-info .p-notes-input-wrapper {
    position: relative;
}

.p-candi-info .p-notes-input {
    width: 100%;
    min-height: 80px;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    resize: vertical;
    font-family: inherit;
}

    .p-candi-info .p-notes-input:focus {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

.p-candi-info .p-notes-input-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
}

    .p-candi-info .p-notes-input-actions button {
        padding: 8px 16px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s;
        position: relative;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
    }

.p-candi-info .p-notes-btn-cancel {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #374151;
}

    .p-candi-info .p-notes-btn-cancel:hover {
        background: #f9fafb;
    }

.p-notes-btn-save svg.p-icon-age-send {
    width: 1.7rem;
    height: 1.7rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff;
    position: absolute;
}

.p-candi-info .p-notes-btn-save:hover {
    background: #2563eb;
}

.p-candi-info .p-notes-btn-save.disbtn {
    opacity: 0.5;
    cursor: not-allowed;
}

.p-candi-info .p-notes-btn-save {
    background: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.p-notes-input-wrapper {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding-bottom: 2.5rem;
}

    .p-notes-input-wrapper .p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child,
    .p-notes-input-wrapper .p-html-editor .dx-quill-container.ql-container {
        border: none;
    }

/* Empty State */
.p-candi-info .p-notes-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

    .p-candi-info .p-notes-empty-state svg {
        width: 64px;
        height: 64px;
        color: #d1d5db;
        margin-bottom: 16px;
    }

    .p-candi-info .p-notes-empty-state p {
        color: #6b7280;
        font-size: 14px;
        margin: 0;
    }

.p-notes-sidebar-footer .p-html-editor-md .dx-htmleditor-content {
    height: 85px;
}

.p-notes-sidebar-footer .p-html-editor .dx-quill-container.ql-container {
    min-height: initial;
}
/* Responsive adjustments */
@media (max-width: 1400px) {
    .p-candi-info .p-notes-sidebar {
        width: 380px;
    }
}

@media (max-width: 1200px) {
    .p-candi-info .p-notes-sidebar {
        width: 350px;
    }
}

@media (max-width: 992px) {
    .p-candi-info .modal-content.p-modal {
        flex-direction: column;
    }

    .p-candi-info .p-notes-sidebar {
        width: 100%;
        max-height: 40vh;
        border-left: none;
        border-top: 1px solid #e5e7eb;
    }
}

/* Scrollbar styling */
.p-candi-info .p-notes-sidebar-content::-webkit-scrollbar {
    width: 6px;
}

.p-candi-info .p-notes-sidebar-content::-webkit-scrollbar-track {
    background: #f9fafb;
}

.p-candi-info .p-notes-sidebar-content::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

    .p-candi-info .p-notes-sidebar-content::-webkit-scrollbar-thumb:hover {
        background: #9ca3af;
    }

/* Match Score Circle Adjustment */
.p-candi-info .modal-header {
    border-bottom: 1px solid var(--theme-border-layout);
}

/* Ensure modal body takes full height */
.p-candi-info .modal-body {
    overflow-y: auto;
}

/* Main content wrapper */
.p-candi-info .p-candidate-main-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 24px;
}

/* Tab content should be scrollable */
.p-candi-info .p-ci-content {
    overflow: visible;
}

    .p-candi-info .p-ci-content::-webkit-scrollbar {
        width: 6px;
    }

    .p-candi-info .p-ci-content::-webkit-scrollbar-track {
        background: #f9fafb;
    }

    .p-candi-info .p-ci-content::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 3px;
    }

        .p-candi-info .p-ci-content::-webkit-scrollbar-thumb:hover {
            background: #9ca3af;
        }

/* Notes List Container */
.p-notes-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
}

/* Note Group Wrapper */
.dvNote {
    background: #ffffff;
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    overflow: hidden;
    margin-bottom: 12px;
    padding: 10px 20px;
}

/* Note Item (Main + Replies) */
.p-ncb-ic-body {
    padding: 13px;
}

/* Reply Item (Indented) */
.p-ncb-ic-reply {
    display: flex;
    gap: 12px;
    padding: 16px;
    padding-left: 68px; /* Indent for replies */
    align-items: flex-start;
    background: #f9fafb;
    border-top: 1px solid #f3f4f6;
}

    /* Avatar */
    .p-ncb-ic .avatar,
    .p-ncb-ic-reply .avatar {
        flex-shrink: 0;
    }

    /* Content Area */
    .p-ncb-ic .flex-grow-1,
    .p-ncb-ic-reply .flex-grow-1 {
        flex: 1;
        min-width: 0;
    }

    /* Author Name + Time Header */
    .p-ncb-ic .label-primary,
    .p-ncb-ic-reply .label-primary {
        font-weight: 600;
        font-size: 14px;
        color: #111827;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

/* Timestamp */
.p-nt-color {
    font-size: 12px;
    color: #6b7280;
    font-weight: 400;
    white-space: nowrap;
}

/* Note Text */
.p-ncb-ic p,
.p-ncb-ic-reply p {
    font-size: var(--base-font-size);
    line-height: 1.6;
    color: var(--on-primary-color);
    margin: 0 0 9px 0;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

    /* Remove bottom margin from last paragraph */
    .p-ncb-ic p:last-of-type,
    .p-ncb-ic-reply p:last-of-type {
        margin-bottom: 0;
    }

/* Reply Actions Section */
.p-ci-notes-react {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0.4rem 0.7rem;
    border-top: 1px solid var(--theme-border-layout);
    justify-content: flex-end;
}

/* Empty State */
.p-no-notes {
    text-align: center;
    padding: 60px 20px;
    color: #9ca3af;
}

    .p-no-notes p {
        font-size: var(--base-font-size);
        margin: 0;
        color: var(--on-primary-color-1);
    }

/* PDF utility classes (if not already defined) */
.pdf {
    display: flex;
    align-items: center;
}

.pdf-gap-sm {
    gap: 8px;
}

.justify-content-between {
    justify-content: space-between;
}

.therapist_name {
    max-width: 180px;
    display: block;
    word-break: break-word;
}

.kudos-progress-bar {
    height: 10px !important;
}

.kudos-title-font {
    font-size: var(--base-font-size-xs) !important;
}

.kudous-number {
    color: var(--theme-primary-color);
    font-size: 1rem;
}

.nn-dots .nn-dot-icon-lbl {
    position: absolute;
    font-size: 0.66rem;
    top: 7px;
    left: 9px;
    color: var(--primary-color);
    font-weight: 600;
}

.minimise-on-pin .nn-dots .nn-dot-icon-lbl {
    /*    top:30px;
    left:48px;*/
}

.nn-dots .p-menu-nav-sb {
    position: relative;
    top: 10px;
}

.kudoso-date-pciker .p-icon.ba-dp-down-arrow {
    display: none;
}

.kudos-date-picker-parent {
    width: auto;
    margin-bottom: 0;
}

.ba-date-range-picker .report-range.kudoso-date-pciker {
    gap: 0
}

.widget-scroll-cotnainer {
    height: 12rem;
    overflow: visible;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

    .widget-scroll-cotnainer:hover {
        scrollbar-color: #cfd4dc transparent;
    }

    .widget-scroll-cotnainer::-webkit-scrollbar {
        width: 6px;
    }

    .widget-scroll-cotnainer::-webkit-scrollbar-track {
        background: transparent;
    }

    .widget-scroll-cotnainer::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 6px;
        transition: background-color 0.2s ease;
    }

    .widget-scroll-cotnainer:hover::-webkit-scrollbar-thumb {
        background-color: #cfd4dc;
    }

        .widget-scroll-cotnainer:hover::-webkit-scrollbar-thumb:hover {
            background-color: #b8bec8;
        }

#pinPadSection {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0) translateX(0);
    will-change: transform;
    opacity: 1;
}

    #pinPadSection.slide-out-top {
        transform: translateY(-200%) translateX(0);
    }

#clockInSection {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 100vh));
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

    #clockInSection.slide-in-bottom {
        transform: translate(-50%, -50%);
    }

@media(min-width:768px) and (max-width:820px) {
    .global-search-emma {
        right: 100px;
        width: 250px;
    }

    #addKioskModal .p-modal .modal-header {
        padding-top: 2rem;
    }

    #addKioskModal .p-sb-gene-footer-up {
        padding-bottom: calc(var(--box-padding)* 2);
    }
}

.p-nd-upd-grid.surv-box-nd {
    min-height: 180px;
    max-width: 280px;
    margin: 0 auto;
}

    .p-nd-upd-grid.surv-box-nd svg.no-data-upd {
        fill: var(--theme-btn-hover);
        width: 70px;
        height: 70px;
        opacity: 0.5;
    }

.p-btn-inline-btn-lod {
    min-width: 91px;
    min-height: 32px;
    padding: 0.28rem 0.95rem;
}

#ProgressViewModal .p-cques-answ-optns .p-form-check {
    pointer-events: none;
}

.pp-users-group:not(.loading-skeleton) .pp-users-count-nc svg.pp-user-imgs:first-child {
    display: none;
}

.pickr {
    position: relative;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
}

    .pickr::before {
        content: '';
        position: absolute;
        top: -0.2px;
        left: -0.2px;
        right: -0.2px;
        bottom: -0.3px;
        border-radius: 50%;
        z-index: -1;
        background: conic-gradient(from 90deg, #ff4139 0deg, #f51fdd 45deg, #3c55fe 90deg, #3060e9 130deg, #00d1ff 180deg, #9eff31 225deg, #ffa500d4 270deg, #ff6b39 335deg, #ff4139fc 360deg);
    }

.ph-picker .pickr .pcr-button {
    border: 5px solid transparent;
}

.pickr::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: white;
    z-index: -1;
}

.pickr button:focus {
    box-shadow: none !important;
}

.esign-label {
    color: var(--theme-primary-color) !important;
}

.from-step-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    margin-bottom: 1.5rem;
}

.form-step-svg {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f6ff;
    border-radius: 12px;
}

    .form-step-svg svg {
        width: 22px;
        height: 22px;
        stroke: #2563eb;
    }

.form-step-text h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #101828;
}

.form-step-text p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #667085;
    line-height: 1.4;
}


.guideLineBox {
    background: #FFF7ED;
    border: 1px solid #F5C07A;
    border-radius: 12px;
    padding: 16px 18px;
    max-width: 100%;
    font-family: Arial, sans-serif;
}

    .guideLineBox ul li span {
        color: var(--primary-color);
    }

.guideLineBoxList {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.warning_svg {
    flex-shrink: 0;
    margin-top: 2px;
}

    .warning_svg svg {
        width: 20px;
        height: 20px;
        stroke: #F59E0B;
    }

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

.guideLineBox li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
    color: #1F2937;
    font-size: 14px;
    line-height: 1.5;
}

    .guideLineBox li svg {
        width: 14px;
        height: 14px;
        margin-top: 3px;
        flex-shrink: 0;
        stroke: #d97706;
    }


    .guideLineBox li span {
        display: inline-block;
    }

    .guideLineBox li:last-child {
        margin-bottom: 0;
    }

.assistance_box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    padding: 18px 20px;
    max-width: 100%;
    margin-top: 2rem;
}

.assistance_box_user_svg {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f6ff;
    border-radius: 12px;
}

    .assistance_box_user_svg svg {
        width: 22px;
        height: 22px;
        fill: #2563EB;
        stroke: #2563EB;
    }

.assisstance_box_text {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .assisstance_box_text h2 {
        font-size: 16px;
        font-weight: 600;
        color: #111827;
        margin: 0;
    }

    .assisstance_box_text p {
        font-size: 14px;
        color: #4B5563;
        margin: 0;
        line-height: 1.5;
    }

.assisstance_box_mail_box {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    font-size: 14px;
}

    .assisstance_box_mail_box svg {
        width: 16px;
        height: 16px;
        stroke: #4B5563;
    }

    .assisstance_box_mail_box a {
        color: #2563EB;
        font-weight: 500;
        text-decoration: none;
    }

        .assisstance_box_mail_box a:hover {
            text-decoration: underline;
        }

    .assisstance_box_mail_box span {
        color: #6B7280;
    }

.menue-icon-heading {
    color: var(--on-primary-color);
    font-size: var(--base-font-size-xs);
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.menu-border-box {
    border-bottom: 1px solid var(--theme-border-layout);
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}


.tabs-wrapper {
    max-width: 900px;
}

/* Tabs Header */
.tab-container {
    display: flex;
    gap: 36px;
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 8px;
}

/* Tab */
.tab {
    position: relative;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 500;
    color: #6B7280;
    cursor: pointer;
    transition: color 0.2s ease;
}

    /* Hover */
    .tab:hover {
        color: #2563EB;
    }

    /* Active */
    .tab.active {
        color: #2563EB;
        font-weight: 600;
    }

        /* Active underline */
        .tab.active::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -9px;
            width: 100%;
            height: 2px;
            background: #2563EB;
            border-radius: 2px;
        }

/* Content Wrapper */
.tab-content-wrapper {
    padding-top: 24px;
}

/* Tab Content */
.partner-upload-tab-content {
    display: none;
}

    .partner-upload-tab-content.active {
        display: block;
    }

    /* Text */
    .partner-upload-tab-content h3 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .partner-upload-tab-content p {
        font-size: 14px;
        color: #6B7280;
        margin-bottom: 16px;
    }

.tab-inner-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

/* LEFT PANEL */
.tab-left-panel {
    flex: 1;
    max-width: 420px;
}

/* Info box */
.info-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

/* SVG container */
.info-svg {
    width: 46px;
    height: 46px;
    background: #2563EB;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .info-svg.ino-svg-holiday {
        background: #7c3aed !important;
    }

    .info-svg.info-svg-office-location {
        background: #c026d3 !important;
    }

    .info-svg svg {
        width: 38px;
        height: 25px;
        stroke: #ffff;
    }

/* Info text */
.info-box span {
    font-size: 14px;
    /*    color: #1F2937;*/
    color: #6b7280;
    line-height: 1.4;
}

.info-box h2 {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}

.tab-right-panel {
    flex: 1;
}

.upload-video-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #E5E7EB;
}

.upload-video-container {
    position: relative;
    width: 100%;
    padding-top: 9rem;
    padding-bottom: 9rem;
    background: #000;
}

    .upload-video-container iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.info-card {
    max-width: 320px;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px;
}

    .info-card strong {
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .info-card span {
        font-size: 13px;
        color: #6B7280;
    }


/* Default card (inactive) */
.document_upload_tab_card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px 16px;
    width: 260px;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Icon default */
.upload_card_svg {
    width: 56px;
    height: 56px;
    background: #f2f2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    transition: all 0.2s ease;
}

    .upload_card_svg svg {
        width: 26px;
        height: 26px;
        fill: #9ca3af;
        stroke: #9ca3af;
        transition: all 0.2s ease;
    }

.document_upload_card_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
}

.upload_card_text h2 {
    font-size: 1rem;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.2rem;
}

/* Text */
.upload_card_text p {
    font-size: 14px;
    line-height: 1.5;
    color: #6b7280;
    margin: 0;
}

.document_upload_tab_card.active {
    background: #f3f7ff;
    border: 2px solid #2f66ff;
}

    .document_upload_tab_card.active .upload_card_text h2 {
        color: var(--theme-primary-color);
    }

    .document_upload_tab_card.active .upload_card_text p {
        color: #6b7280;
    }

    .document_upload_tab_card.active::after {
        content: "";
        position: absolute;
        top: 14px;
        right: 14px;
        width: 10px;
        height: 10px;
        background: #2f66ff;
        border-radius: 50%;
    }

    .document_upload_tab_card.active .upload_card_svg {
        background: #2f66ff;
    }

    .document_upload_tab_card.active svg {
        stroke: #ffffff
    }

.document_upload_tab_card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}


.data-power-plumm {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .data-power-plumm span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .data-power-plumm svg {
        width: 18px;
        height: 18px;
        stroke: #6366f1;
    }

    .data-power-plumm p {
        margin-bottom: 0;
        line-height: 1.4;
        color: var(--primary-color)
    }

.power-card-data {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background-color: #f3f4f6;
    max-width: 720px;
    margin-bottom: 1rem;
}

.power-card-svg {
    width: 34px;
    height: 34px;
    border-radius: 14px;
    background-color: #2463eb1a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .power-card-svg svg {
        width: 18px;
        height: 22px;
        stroke: #0f1729;
    }

.power-card-text h2 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.power-card-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #6b7280;
}


.sidebarTagContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 1rem;
}

.sidebarTag {
    margin: 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    background-color: #f3f4f6;
    border-radius: 9999px;
    line-height: 1;
    white-space: nowrap;
}

.sectionUpdateData {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sectionUpdateTag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #2563eb;
    background-color: #eef2ff;
    border-radius: 9999px;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap;
    cursor: auto;
}

    .sectionUpdateTag svg {
        width: 14px;
        height: 14px;
        stroke: #2563eb;
    }

    .sectionUpdateTag span {
        color: #2563eb;
    }

.upload_card_label {
    align-items: center;
    display: flex;
    gap: 0.3rem;
    color: var(--on-primary-color);
    margin-top: 0.3rem;
}

    .upload_card_label svg {
        stroke: #6b7280;
    }

    .upload_card_label .upload_card_label_span {
        color: var(--theme-primary-color);
    }

.upload_card_svg_container {
    background: #f3f4f6;
    padding: 10px;
    border-radius: 12px;
    justify-content: center;
    display: inline-block;
}

    .upload_card_svg_container svg {
        stroke: #6b7280;
        width: 24px;
        height: 24px;
    }

.upload_card_label_container {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.uploaded_file_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #ffff;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 500px;
}

    /* Left content */
    .uploaded_file_box > div:first-child {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .uploaded_file_box svg.p-icon-sm {
        width: 16px;
        height: 16px;
        stroke: var(--theme-primary-color)
    }

.uploaded_file_tag {
    color: #2563eb;
    background-color: #d8dff88a;
    border-radius: 9999px;
    cursor: pointer;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
}

.uplaoed_file_name {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploaded_file_time {
    font-size: 12px;
    color: #6b7280;
}

/* Right action buttons */
.uploaded_file_action_buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .uploaded_file_action_buttons button {
        background: transparent;
        border: none;
        padding: 6px;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

    .uploaded_file_action_buttons svg.p-icon-sm {
        stroke: var(--on-primary-color);
    }

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

.uploaded_file_action_buttons button:hover {
    background-color: #e5e7eb;
}

.uploaded_file_action_buttons button svg {
    width: 16px;
    height: 16px;
    fill: #374151;
}

.upload_card_svg_container.uploaded_file_icon {
    background: #d8dff88a !important
}

    .upload_card_svg_container.uploaded_file_icon svg {
        stroke: var(--theme-primary-color) !important;
    }

.template_card_download_icon {
    stroke: #6b7280;
}

.download_template_card_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

    .download_template_card_container span {
        font-size: 0.9rem;
        font-weight: 500;
    }

.new-red-badge {
    position: absolute;
    top: 4px;
    right: 1rem;
    background-color: #ff3b30;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 4px;
    border-radius: 4px;
    line-height: 1;
    z-index: 10;
}

.notify-red-dot {
    position: absolute;
    /*    top: 1.5rem;
    right: 1rem;*/
    width: 8px;
    height: 8px;
    background: #ff3b30;
    border-radius: 50%;
    z-index: 10;
    top: 0;
    right: 0;
}

.why-partner-us-section {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
}

.partner-heading-section h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 60px;
    color: #111827;
}

.why-partner-us-section > div:not(.partner-heading-section) {
    display: inline-block;
    width: 280px;
    margin: 0 40px;
    vertical-align: top;
}

.partner-svg {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #f3f6ff;
}

    .partner-svg svg {
        width: 32px;
        height: 32px;
        fill: none;
        stroke: #2563eb;
    }

/* Text Section */
.partner-text-section h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000;
}

.partner-text-section p {
    font-size: 15px;
    color: #6b7280;
    margin: 0;
}

/* Different Background Colors */
.why-partner-us-section > div:nth-child(2) .partner-svg {
    background: #eaf1ff;
}

.why-partner-us-section > div:nth-child(3) .partner-svg {
    background: #e9f9ef;
}

.why-partner-us-section > div:nth-child(4) .partner-svg {
    background: #fff6e5;
}

.ready-to-start-section {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
}

    .ready-to-start-section h2 {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 12px;
        color: #111827;
    }

    .ready-to-start-section .get-start-span {
        display: block;
        font-size: 16px;
        color: #6b7280;
        margin-bottom: 20px;
    }

.icon-palm-tree {
    fill: transparent !important;
    stroke: #c69601 !important;
    width: 1rem !important;
}

.p-nd-widget .p-dd-wp-wrapper {
    visibility: hidden;
}

.p-nd-widget .p-wd-ono-details:hover .p-dd-wp-wrapper,
.p-nd-widget .p-wd-task-item:hover .p-dd-wp-wrapper,
.p-nd-widget .post-item:hover .p-dd-wp-wrapper,
.p-wd-to-request:hover .p-dd-wp-wrapper,
.p-wd-ono-container .p-wd-ono-item:hover .p-dd-wp-wrapper {
    visibility: visible;
}

[data-action-name="GetDashboardOneOnonesWidget"] .p-wd-ono-item:hover .p-dd-wp-wrapper,
[data-action-name="GetDashboardTeamQuickActionsWidget"] .p-wd-ono-container:hover .p-dd-wp-wrapper,
[data-action-name="GetDashboardQuickActionsWidget"] .p-wd-ono-container:hover .p-dd-wp-wrapper {
    visibility: visible;
}


[data-action-name="GetDashboardPendingReviewsWidget"] .p-def-table tr:hover .p-dd-wp-wrapper {
    visibility: visible;
}

.p-nd-widget > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.p-nd-card-head {
    flex-shrink: 0;
}

.p-nd-card-body {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 0;
}

    .p-nd-card-body::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

.grid-stack-item .ui-resizable-handle.ui-resizable-se {
    visibility: hidden;
    width: 20px;
    height: 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 16px;
    cursor: se-resize;
}

.p-nd-widget {
    /*border: 0 !important;*/
    /*    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
    box-shadow: 0px 2px 4px rgba(13, 41, 66, 0.08);
}

.grid-stack-item:hover .ui-resizable-handle.ui-resizable-se {
    visibility: visible;
}

.time-off-accordion-card .p-acc-card .card-body {
    background: none !important;
}

.time-off-accordion-card .lt-days-left-mw .lt-days {
    background: #fff;
    width: 120px;
    padding: 10px 20px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    align-items: center;
    height: 100px;
    justify-content: center;
}

.time-off-accordion-card .lt-days-left-mw {
    gap: 0.8rem !important;
}

.time-off-accordion-card .divCurrentBalanceInner {
    background: var(--theme-border-2) !important;
    border-color: var(--theme-border-2) !important;
}

.time-off-accordion-card .lt-days-left-mw .lt-days small {
    min-width: 0;
}

.time-off-accordion-card .lt-list-date.lt-list-lr-mw {
    flex-direction: column;
}

.custom-breakdown-wrapper {
    margin-top: 15px;
}

.breakdown-input {
    display: none;
}

.breakdown-header {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
    font-size: 14px;
    user-select: none;
    gap: 1rem;
}

.breakdown-content .header-left {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--primary-color);
}

.breakdown-input:not(:checked) ~ .breakdown-header .text-hide {
    display: none;
}

.arrow-icon {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-right: 5px;
}

.breakdown-input:checked ~ .breakdown-header .arrow-icon {
    transform: rotate(-135deg);
}

.breakdown-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.3s;
    opacity: 0;
}

.breakdown-input:checked ~ .breakdown-content {
    max-height: 500px;
    opacity: 1;
}

.calculation-card {
    background: #f1f5f94d;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin-top: 10px;
}

.calc-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.calc-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 13.5px;
}

.dotted-border {
    border-top: 1px dotted #ccc;
}

.breakdown-content .pro-rata-col {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.breakdown-content .sub-label {
    font-size: 11px;
    color: var(--on-primary-color);
    /*  margin-left: 20px;*/
}

.breakdown-content .value {
    font-weight: 600;
    color: var(--primary-color);
}

.breakdown-content .calc-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 5px;
    border-top: 1px solid #ddd;
    color: var(--primary-color);
}

.breakdown-content .footer-label, .footer-value {
    font-weight: 600;
    font-size: 15px;
}

.time-off-accordion-card .lt-days-left-mw {
    align-items: center !important;
    flex-wrap: wrap;
}

.time-off-accordion-card .lt-list-date small {
    font-size: 11px !important;
}

.time-off-accordion-card small.text-normal-cp {
    font-size: 10px !important;
}

.time-off-accordion-card .add-icon {
    font-size: 21px;
    color: var(--on-primary-color);
}

/* 86c5hbcry: expanded policy tiles wrap instead of clipping on Chrome/Safari */
.time-off-accordion-card .lt-list-date,
.time-off-accordion-card .base-allowance-div {
    flex-wrap: wrap;
    min-width: 0;
}

.time-off-accordion-card .p-lbc-acc-body,
.time-off-accordion-card .p-acc-card,
.time-off-accordion-card .card-body {
    min-width: 0;
    max-width: 100%;
}

.time-off-accordion-card .p-lbc-acc-body {
    overflow-x: auto;
}

.time-off-accordion-card .lt-list-date .lt-days,
.time-off-accordion-card .lt-days-left-mw .lt-days {
    flex-shrink: 0;
}

    .time-off-accordion-card .lt-days-left-mw .lt-days small,
    .time-off-accordion-card .lt-list-date .lt-days small {
        min-width: 0;
    }

.gridMainDiv.table-responsive,
.p-def-table.table-responsive,
.p-dx-search-left.table-responsive,
.p-dx-table-ete,
.p-dx-cp-inner-cp,
.p-def-table.p-dx-search-left {
    height: 100%;
    margin-left: calc(var(--box-padding) * -0.9);
    width: calc(100% + calc(var(--box-padding) * 0.9) * 2);
}

.pso-step .gridMainDiv.table-responsive,
.pso-step .p-def-table.table-responsive,
.pso-step .p-dx-search-left.table-responsive:not(.box-rem-min-wid),
.pso-step .p-dx-table-ete,
.pso-step .p-dx-cp-inner-cp,
.pso-step .p-def-table.p-dx-search-left,
.pp-pc-mw-grid-rt .p-dx-search-left {
    height: 100%;
    margin-left: 0;
    width: 100%;
}

.ba-box-shadows-minus-wid,
.tkl-ws.p-load-min {
    margin-left: calc(var(--box-padding) * -0.75);
    width: calc(100% + calc(var(--box-padding) * 0.75) * 2);
}

.p-dx-table-ete-sb,
.import-field-mw .pso-def-tab-mh {
    margin-left: calc(var(--box-padding) * -1);
    width: calc(100% + calc(var(--box-padding) * 1) * 2);
}

.p-wd-sc-acc-sm .card-body:has(.p-def-table.p-def-table-vm) {
    padding-left: 0;
}

.p-insight-grid-data .ba-box-shadows .ph-4 {
    position: absolute;
    left: calc(var(--box-padding) * 0.75);
    top: 28px;
}

.p-insight-grid-data .dx-datagrid-header-panel .dx-toolbar {
    padding-right: calc(var(--box-padding) * 0.75);
}

.p-insight-grid-data .dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.p-insight-grid-data .ba-box-shadows .p-def-gr-he-la {
    margin-left: calc(var(--box-padding) * -0.75);
    width: calc(100% + calc(var(--box-padding) * 0.75) * 2);
}

.card-body:has(.p-def-table.p-def-table-vm),
.p-dx-search-left .card-body:has(.dx-datagrid),
.ba-box-shadows.over-indi-start-cour:has(.dx-datagrid) {
    padding-left: 0;
}

#userReviewFormDivContainer > .p-acc-card > .accordion-collapse > .card-body:has(> [id^="innerReviewsGrid"]) {
    padding-right: 0;
}

/*.p-def-table.table-responsive {
    height: 100%;
    margin-left: calc(var(--box-padding) * -0.9);
    width: calc(100% + calc(var(--box-padding) * 0.9) * 2);
}*/
/*.card-body .p-def-table.table-responsive {
    margin-left: initial;
    width: inherit;
}*/
.dx-datagrid-pager.dx-pager {
    padding: 10px 16px;
}

/*.layout-fixed .main-sidebar {
    z-index: 1036;
}
*/
/*.minimise-on-pin.layout-fixed .main-sidebar{
    z-index:1038 !important;
}

.minimise-on-pin .content-wrapper{
    padding-left:2rem !important;
}

.content-wrapper.inbox-content-section{
    padding-bottom:0 !important;
}*/


/* Resize handle strip */
.main-sidebar {
    position: relative;
}

.js-sidebar-resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    cursor: e-resize;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
    background: transparent;
    transition: background 0.15s, opacity 0.2s;
}

    .js-sidebar-resize-handle:hover {
        background: rgba(255, 255, 255, 0.03);
    }

    .js-sidebar-resize-handle.p-dragging {
        background: rgba(99, 102, 241, 0.1);
    }

.resize-drag-icon {
    width: 20px;
    height: 20px;
    background: #1c1c1f;
    border: 1px solid #2d2d30;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #6b7280;
    pointer-events: none;
    user-select: none;
    transition: background 0.15s, color 0.15s, transform 0.15s;
}

.js-sidebar-resize-handle:hover .resize-drag-icon {
    background: #2d2d30;
    color: #d1d5db;
    transform: scale(1.1);
}

.js-sidebar-resize-handle.p-dragging .resize-drag-icon {
    background: #4f46e5;
    color: #fff;
    border-color: #4f46e5;
}

/* Hidden edge trigger — invisible, shown when handle is dismissed */
.js-sidebar-resize-trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    cursor: e-resize;
    z-index: 99;
    display: none;
    background: transparent;
    transition: background 0.15s;
}

    .js-sidebar-resize-trigger:hover {
        background: rgba(99, 102, 241, 0.12);
    }

/* Hide handle button */
.js-hide-resize-handle {
    position: absolute;
    bottom: 12px;
    right: 16px;
    background: none;
    border: none;
    color: #4b5563;
    font-size: 11px;
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 4px;
    transition: color 0.15s, background 0.15s;
}

    .js-hide-resize-handle:hover {
        color: #9ca3af;
        background: #1c1c1f;
    }

.main-sidebar .nav-bg-color.active-slide-bg {
    min-width: initial;
}

/* Entire sidebar gets resize cursor */
.main-sidebar {
    cursor: e-resize;
}

/* Nav items get pointer cursor */
/*.main-sidebar .nav-item,
.main-sidebar .nav-item a.nav-link,
.main-sidebar .nav-item a.nav-link *,
.main-sidebar .nav-item svg,
.main-sidebar .p-smiw,
.main-sidebar .p-sbi,
.main-sidebar p {
    cursor: pointer !important;
}*/

.p-nl-sm-mb-mw {
    transition: margin-left 0.3s ease;
}

.p-cn-mb.p-sur-ques-mw {
    width: 100%;
}

.main-sidebar,
.main-sidebar * {
    transition: width 0.3s ease;
}

.main-sidebar {
    transition: width 0.3s ease !important;
    /*width: 240px;*/ /* your expanded width */
}

@media (min-width: 1200px) {
    .p-nl-sm-mb-mw:has(.main-sidebar) {
        margin-left: 88px;
    }
}



.minimise-on-pin .p-nl-sm-mb-mw {
    margin-left: calc(var(--custom-sidebar-margin) + var(--default-gap));
}

.main-sidebar.p-sb-minimised,
body.p-sb-minimised .main-sidebar {
    /*width: 68px;*/ /* your collapsed width */
}

body.minimise-on-pin .main-sidebar {
    /*width: 240px;*/ /* pinned/expanded */
}

/*.content-wrapper {
    overflow-x: auto;
}*/

.dx-datagrid {
    max-width: 100% !important;
    min-width: 0 !important;
}

/*#FilterYear .dx-texteditor-container,
.dd-wbg-wbrd .dx-texteditor-container {
    display: inline-flex !important;
    width: auto !important;
}

#FilterYear .dx-texteditor-input-container,
.dd-wbg-wbrd .dx-texteditor-input-container {
    display: inline-block !important;
    width: auto !important;

}

#FilterYear .dx-texteditor-input,
.dd-wbg-wbrd .dx-texteditor-input {
    width: auto !important;
    min-width: initial !important;
    max-width: 48px;
    text-align: right;
    padding: 0;
    font-weight: 600;
}

.dd-wbg-wbrd .dx-texteditor-input {
    max-width: initial;
}

#FilterYear.dx-texteditor.dx-editor-outlined,
.dd-wbg-wbrd .dx-texteditor.dx-editor-outlined {
    background: transparent;
    border: none !important;
}

.dd-wbg-wbrd .dx-placeholder {
    right: 0;
    left: initial;
}

.dd-wbg-wbrd .dx-placeholder::before {
    padding-right: 0px !important;
}*/

@media(max-width: 1024px) {
    .brand-link {
        min-width: initial;
    }
}

@media(max-width: 991px) {

    .content-wrapper {
        padding: 15px !important;
    }

    .main-header {
        padding: 0 0.25rem !important;
    }

    .p-nd-widget {
        margin-bottom: 0.45rem;
    }

    .form-group.dd-wbg-wbrd-dash {
        margin-bottom: 0;
    }

    .p-nd-customization-alert.pnd-banner {
        padding: 0 !important;
        margin-bottom: 0.4rem;
    }

    .main-sidebar {
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .menu-log-mw-th-col {
        padding-left: 25px;
    }

    /* Remove padding when brand-link dropdown is present */
    .brand-link.dropdown ~ .nav-wrapper .menu-log-mw-th-col {
        padding-left: 0.5rem;
    }

    .sidebar-dropdown-menu {
        background: rgb(255 255 255) !important;
        border: 1px solid var(--theme-border-layout);
        box-shadow: 0 2px 6px 2px rgb(20 54 111 / 9%);
        min-width: 200px;
    }

    .p-menu-icon-nav:has(.notification-mw) .dropdown-menu {
        top: var(--nav-min-height);
        width: 100%;
        max-width: 100%;
        left: 0;
        position: fixed !important;
        z-index: 999;
        border-radius: 0;
        margin: 0;
        box-shadow: 0 4px 4px rgb(20 54 111 / 11%);
    }

    .p-uploaded-img-banner {
        min-height: 0;
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 0rem);
    }
}



/*#managePinSidebar {
    display: block;*/ /* always block - never none */
/*opacity: 0;
    pointer-events: none;*/ /* prevents clicks when invisible */
/*transition: opacity 0.6s ease;
}

    #managePinSidebar.open {
        opacity: 1;
        pointer-events: all;
    }

.sidebar-panel {
    transform: translateX(100%);
    transition: transform 0.6s ease;
}

#managePinSidebar.open .sidebar-panel {
    transform: translateX(0);
}*/


.mh-main-scr {
    min-height: 100vh;
    position: relative;
}

.main-container-wrapper {
    padding: 0 3%;
}

.p-dpf-body {
    font-size: 14px;
    color: #333;
}

.p-dpf-intro {
    margin-bottom: 12px;
}

.p-dpf-list {
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 1.25rem;
}

.p-dpf-bullet {
    gap: 10px;
    line-height: 1.5;
}

    .p-dpf-bullet::before {
        content: '';
        width: 7px;
        height: 7px;
        min-width: 7px;
        border-radius: 50%;
        background-color: #F97316;
        margin-top: 6px;
    }

.p-dpf-confirm {
    font-weight: 700;
    margin: 0;
}

.p-ani-btn-wrpr.p-add-btn svg.p-icon {
    stroke: var(--primary-color);
}

.add-line-chev span {
    min-width: 61px;
    display: inline-block;
    position: relative;
}

.add-line-chev .p-ani-btn span::after {
    content: "";
    position: absolute;
    right: 6px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 0.05rem;
    background: rgb(255 255 255 / 78%);
}

.add-line-chev {
    min-width: initial;
    padding-right: 0.4rem;
}

.p-up-mo-mw {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    gap: 0.15rem;
    padding-top: 2px;
}

    .p-up-mo-mw .p-up-mo {
        font-weight: 400;
        font-size: var(--base-font-size-xxs);
    }

.p-up-holi-dash .p-wd-task-item {
    padding-right: 0.45rem;
}

    .p-up-holi-dash .p-wd-task-item > .flex-grow-1 {
        min-width: 0;
    }

/*.p-up-holi-dash .p-cal-holiday-location {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
}*/

#preview-js-dashboard-grid .calendar-holiday-ddl-header,
#widgetPreviewContainer .calendar-holiday-ddl-header {
    display: flex;
    flex: 0 1 200px;
    min-width: 0;
    flex-basis: 200px;
    max-width: 200px;
    margin-left: auto;
    align-self: center;
}

#preview-js-dashboard-grid .calendar-holiday-preview-ddl .dx-texteditor-input,
#widgetPreviewContainer .calendar-holiday-preview-ddl .dx-texteditor-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#preview-js-dashboard-grid .js-dash-preview-head,
#widgetPreviewContainer .js-dash-preview-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    text-align: left;
    gap: 0.5rem;
    height: auto !important;
    flex: 0 0 auto;
}

    #preview-js-dashboard-grid .js-dash-preview-head > h2,
    #widgetPreviewContainer .js-dash-preview-head > h2 {
        text-align: left;
        margin-right: auto;
        min-width: 0;
        flex: 1 1 auto;
    }

#preview-js-dashboard-grid .gauge-def-sm-progress.js-progress,
#widgetPreviewContainer .gauge-def-sm-progress.js-progress {
    stroke-dasharray: 471.23889803846896;
    stroke-dashoffset: 471.23889803846896;
}

#widgetPreviewContainer > .p-nd-widget {
    height: auto;
    min-height: 0;
}

    #preview-js-dashboard-grid [data-widget-type="upcomingHoliday"] > .p-nd-card-head,
    #widgetPreviewContainer [data-widget-type="upcomingHoliday"] > .p-nd-card-head,
    #widgetPreviewContainer > .p-nd-widget > .p-nd-card-head {
        height: auto !important;
        flex: 0 0 auto;
    }

#preview-js-dashboard-grid .p-up-holi-dash,
#widgetPreviewContainer .p-up-holi-dash {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0;
    height: auto;
}

    #preview-js-dashboard-grid .p-up-holi-dash .p-wd-task-container,
    #widgetPreviewContainer .p-up-holi-dash .p-wd-task-container {
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        margin-top: 0;
    }

    #preview-js-dashboard-grid .p-up-holi-dash .p-wd-task-item,
    #widgetPreviewContainer .p-up-holi-dash .p-wd-task-item {
        align-items: center;
        gap: 0.75rem;
    }

    #preview-js-dashboard-grid .p-up-holi-dash .p-up-holi-dash-cont,
    #widgetPreviewContainer .p-up-holi-dash .p-up-holi-dash-cont {
        min-width: 130px;
        max-width: 140px;
    }

    #preview-js-dashboard-grid .p-up-holi-dash [id^="viewAll-"],
    #widgetPreviewContainer .p-up-holi-dash [id^="viewAll-"] {
        margin-top: 0.75rem !important;
        padding-top: 0;
        flex-shrink: 0;
    }

.featured-banner-grid-main .featured-banner-grid .ph-card {
    min-height: 222px;
}

#companyGoalsLoadPanel.tkl-ws {
    left: 0;
}
/* Two little binder rings on top */
.p-cal-holiday-date-box::before,
.p-cal-holiday-date-box::after {
    content: '';
    position: absolute;
    top: -4px;
    width: 4px;
    height: 10px;
    background: var(--theme-primary-color);
    border-radius: 2px;
    opacity: 0.6;
}

.p-cal-holiday-date-box::before {
    left: 14px;
}

.p-cal-holiday-date-box::after {
    right: 14px;
}

.p-cal-holiday-date-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: var(--theme-border-1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}


    .p-cal-holiday-date-box .pfs-xl {
        line-height: 1;
    }

.p-cal-holiday-loc-img {
    flex-shrink: 0;
}

    .p-cal-holiday-loc-img img {
        width: 28px;
        height: 20px;
        object-fit: cover;
        border-radius: 3px;
    }

.p-cal-holiday-date-box span {
    font-weight: 600;
    font-size: 1.1em;
    color: var(--primary-color);
}

.p-folder-mov-activity b {
    color: var(--primary-color);
    font-weight: 600;
}

/* item content */
.tv-module-item-row {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 6px;
}

.tv-module-item-label {
    flex: 1;
    font-size: 13px;
    color: var(--p-text);
}

    .tv-module-item-label.is-module {
        font-weight: 600;
    }

.tv-module-item-badge {
    font-size: 12px;
    color: var(--on-primary-color-dark);
    white-space: nowrap;
}

.p-select-all-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9.8px 12px 9.8px 11px;
}


.p-dx-tv-cust .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) {
    padding: 2px 12px 2px 10px;
}

.p-select-all-row,
.p-dx-tv-cust .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) {
    border: 1px solid var(--theme-border-2);
    flex-shrink: 0;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    margin-bottom: 0.8rem;
    background: var(--theme-border-5);
}

.p-dx-tv-cust .dx-checkbox-container {
    display: inline-flex;
}

.p-select-all-label {
    font-weight: 500;
    color: var(--primary-color);
}

.p-dx-tv-cust .dx-treeview-item-with-checkbox .dx-treeview-item {
    padding: 10px 2px;
    padding-left: 38px !important;
}

.p-dx-tv-cust .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) > .dx-treeview-item {
    padding-left: 44px !important;
}

.p-dx-tv-cust .dx-treeview .dx-treeview-node-container .dx-treeview-node:has(.dx-treeview-toggle-item-visibility) .dx-checkbox {
    left: 22px;
    top: 7px;
}

.p-dx-tv-cust .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) > .dx-checkbox {
    top: 10px !important;
    left: 11px !important;
}

.p-dx-tv-cust .dx-treeview-item-with-checkbox .dx-checkbox {
    top: 6px;
    left: 8px;
}

.p-dx-tv-cust .dx-treeview-toggle-item-visibility {
    left: 39px;
    top: 7px;
    opacity: 0.7;
}

.p-dx-tv-cust .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) > .dx-treeview-item .tv-module-item-row {
    padding-left: 13px !important;
}

.p-dx-tv-cust .dx-treeview-node.dx-treeview-item-with-checkbox ul.dx-treeview-node-container {
    margin-top: 6px;
}

.p-dx-tv-cust .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) > .dx-treeview-item.dx-state-hover {
    background: transparent;
    color: var(--primary-color);
}

.dx-treeview-toggle-item-visibility::before {
    width: 19px;
    height: 19px;
}

#preview-js-dashboard-grid .p-nd-widget-actions:has(.js-widget-remove),
#widgetPreviewContainer .p-nd-widget-actions:has(.js-widget-remove) {
    display: none !important;
}

.pos-rel-l1 {
    position: relative;
    left: 1px;
}

#MyTimeOffContent .grid-btn-abs {
    z-index: 2;
}

.p-sidebar-gen-mw .p-head-seperator-fw {
    border-radius: 0;
}

.p-hir-cp-ov {
    overflow: visible;
}

#MyTimeOffContent .grid-btn-abs {
    z-index: 2;
}

.p-sidebar-gen-mw .p-head-seperator-fw {
    border-radius: 0;
}

.input-group-text {
    background-color: var(--chat-dark-bg-2);
}

.p-up-holi-dash-cont {
    max-width: 140px;
    width: 100%;
    min-width: 140px;
}

.p-ul-align .p-link-wicon {
    gap: 0.25rem;
}

.grid-hire-file-custom {
    margin-left: calc(var(--box-padding) * -0.9);
    width: calc(100% + calc(var(--box-padding) * 0.9) * 2);
    padding: 0;
    height: calc(100% - 8rem);
}


.grid-btn-abs-right.exp-cta-align {
    right: var(--box-padding);
}


.dd-wbg-wbrd-dash .dx-texteditor-input {
    background-color: transparent;
    color: var(--theme-primary-color) !important;
}

.p-input-append.p-add-dd #FilterYear .dx-texteditor-input-container,
.p-input-append.p-add-dd #FilterYear-admin-Review .dx-texteditor-input-container {
}


.dd-wbg-wbrd-dash .dx-texteditor.dx-editor-outlined,
.filter-year-dd .dx-texteditor.dx-editor-outlined,
.box-dd-container .dx-lookup.dx-texteditor,
.box-dd-container .dx-dropdownbox.dx-textbox,
.box-dd-container-sh span,
.box-dd-container .dx-selectbox.dx-textbox,
.p-at-ma-cal-actn .p-input-date-picon {
    border-radius: calc(var(--border-radius-default) * 0.55) !important;
    box-shadow: 0px 2px 4px rgba(13, 41, 66, 0.08);
    border: none !important;
}

.p-at-ma-cal-actn .p-input-date-picon {
    height: calc(1.5em + 0.75rem + 0.625em);
}

#reportrange-overview.report-range span {
    padding: 10.6px 12px;
}

.filter-year-dd .dx-texteditor.dx-editor-outlined {
    max-width: 100px;
}

/* The year editor already reserves a separate DevExtreme arrow button. */
.goals-year-filter {
    flex-shrink: 0;
}

    .goals-year-filter #FilterYear.dx-texteditor {
        min-width: 100px;
    }

.p-input-append.p-add-dd.goals-year-filter .dx-texteditor-input-container {
    padding-right: 0;
}

body:has(.filter-year-dd .dx-dropdowneditor-active) .dx-popup-wrapper > .dx-overlay-content {
    border-radius: calc(var(--border-radius-default) * 0.6) !important;
}

body:has(.filter-year-dd .dx-dropdowneditor-active) .dx-treeview-search {
    display: none;
}

body:has(.filter-year-dd .dx-dropdowneditor-active) .p-select-audi-dd .dx-popup-content {
    padding: 6px 6px;
}

body:has(.filter-year-dd .dx-dropdowneditor-active) .dx-treeview-with-search > .dx-scrollable {
    height: 100%;
}

.p-input-append.p-add-dd #FilterPositionOwner .dx-lookup-arrow {
    background-position: calc(100% - 0.67rem);
}

.p-rt-sh-mw {
}

@media (min-width: 577px) {
    #pills-admin-Review .cirlce-icon-align-search {
        left: 304px;
    }
}

.breakdown-content .calc-row.dotted-border .pro-rata-col svg.p-icon {
    display: none;
}


.inner-policy-grid:has(.remove-mrwd-card) label {
    margin: 0 !important;
    width: 100% !important;
    padding-left: 1.2rem;
}

/*steps css*/

.p-std-wrapper {
    padding: 2.5rem;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.p-std-card {
    background: #ffffff;
    border: 1px solid var(--theme-border-3);
    border-radius: 16px;
    padding: 28px 32px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    flex: 1;
    max-width: 180px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

    .p-std-card:hover,
    .p-std-card.p-std-active {
        border-color: var(--theme-primary-color);
        box-shadow: 1px 1px 15px var(--theme-border-2);
    }


.p-std-date-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.p-std-date-num {
    font-size: calc(var(--base-font-size-h1-lg) * 0.75);
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
}

.p-std-date-sep {
    font-size: 16px;
    font-weight: 400;
    color: #9ca3c0;
    margin: 0 2px;
}

.p-std-month {
    font-size: var(--base-font-size);
    font-weight: 400;
    color: var(--on-primary-color);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 8px;
}


.p-stsum-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 1rem 2rem;
    width: 100%;
}

.p-stsum-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1d3a;
    margin-bottom: 1.5rem;
    text-align: center;
}

.p-stsum-card {
    background: #ffffff;
    border-radius: 16px;
    border: 0.5px solid var(--theme-border-3);
    width: 100%;
    max-width: 580px;
    overflow: hidden;
    box-shadow: var(--default-shadow-1);
}

.p-stsum-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 20px;
    border-bottom: 1px solid var(--theme-border-2);
    text-align: left;
}

    .p-stsum-row:last-child {
        border-bottom: none;
    }

.p-stsum-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-stsum-icon svg {
        width: 23px;
        height: 23px;
        stroke: var(--theme-primary-color);
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.p-stsum-content {
    flex: 1;
    min-width: 0;
}

.p-stsum-label {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--on-primary-color);
    margin-bottom: 4px;
}

.p-stsum-edit .p-icon-sm {
    width: 1.1rem;
    height: 1.1rem;
}

.p-stsum-value {
    font-size: 14px;
    font-weight: 400;
    color: #1a1d3a;
    line-height: 1.5;
}

    .p-stsum-value span {
        color: var(--on-primary-color);
    }

.p-stsum-edit {
    flex-shrink: 0;
    cursor: pointer;
    padding: 4px;
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-stsum-edit:hover {
        background: var(--theme-border-1);
    }

        .p-stsum-edit:hover svg {
            stroke: var(--theme-primary-color);
        }

.p-stsum-footer {
    width: 100%;
    max-width: 580px;
    margin-top: 1.25rem;
    text-align: center;
}

.p-stsum-disclaimer {
    font-size: 0.825rem;
    color: var(--on-primary-color);
    margin-bottom: 1rem;
}

.p-stsum-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.p-stsum-back {
    font-size: 14px;
    color: #4a4e7a;
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
}

.p-stsum-confirm {
    background: #4f52c0;
    color: #ffffff;
    border: none;
    border-radius: 999px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .p-stsum-confirm:hover {
        background: #3d40a8;
    }

.p-stsum-row-notes .p-stsum-icon {
    align-self: flex-start;
    margin-top: -5px;
}

.p-stsum-row-notes p {
    color: var(--primary-color);
    max-height: 80px;
    overflow: visible;
    margin: 0;
    min-height: 30px;
}

.loading-skeleton em.icon {
    visibility: hidden;
}


@media(max-width: 1600px) {
    .p-stsum-row {
        padding: 13px 20px;
    }

    .p-stsum-row-notes p {
        color: var(--primary-color);
        max-height: 55px;
        overflow: visible;
    }
}

.pso-step.js-pso-step .p-dx-search-left .dx-datagrid-header-panel .dx-toolbar {
    padding-left: 0;
}

.p-btn-add-shift {
    border: 1px dashed var(--theme-primary-color);
    color: var(--theme-primary-color);
    background: transparent;
    border-radius: var(--bs-border-radius);
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.15s, color 0.15s;
}

    .p-btn-add-shift:hover {
        background: var(--theme-secondary-color);
        color: var(--theme-primary-color);
        border-color: var(--theme-primary-color);
    }

    .p-btn-add-shift:focus {
        outline: none !important;
        box-shadow: none;
    }

.p-link-wicon:has(.p-icon-red-s)::after {
    background: var(--overdue-tc);
}


.p-sec-ss-icon {
    background: var(--theme-border-layout);
    display: flex;
    width: 3.1rem;
    height: 3.1rem;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius) * 0.7);
    flex-shrink: 0;
}

.p-sec-ss-icon-sm {
    fill: var(--theme-primary-color);
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
}

.p-sec-ss {
    display: flex;
    gap: 1rem;
}

.p-sec-ss-con-inner-left h5 {
    font-size: var(--base-font-size-h4);
    font-weight: 600;
}

.p-sec-ss-con-inner {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.p-info-msg.p-info-msg-yellow {
    border-radius: calc(var(--border-radius-default) * 0.75);
    background-color: #fff3d4;
    border: var(--border-width-layout) solid #efe294;
}

.p-sec-input-group .p-info-msg {
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.95rem;
    margin-bottom: 0.5rem;
    margin-top: 0.7rem;
}

.p-sec-input-group .info-icon-dialog {
    --play-btn-width: 1.5rem;
    margin-top: 0.12rem;
    stroke: #8c7800;
}


.p-sec-input-group {
    padding: var(--box-padding);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 860px;
}

.info-box-row .info-box:last-child {
    display: none;
}

.p-panel-links-header {
    margin-bottom: 4px;
}

.p-panel-links-container {
    border-radius: 8px;
    padding: 0 12px;
    margin-top: 4px;
    margin-bottom: 12px;
}

.p-panel-link-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
}

    .p-panel-link-row:last-child {
        border-bottom: none;
    }

.p-panel-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.p-panel-info {
    flex: 1;
    min-width: 0;
}

.p-panel-name {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1a1a1a;
}

.p-panel-jobtitle {
    font-size: 11px;
    color: #888;
    margin: 1px 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-panel-link-action {
    flex-shrink: 0;
}

    .p-panel-link-action .productcursorfiles {
        color: #1a1a1a !important; /* add this */
        text-decoration: underline;
    }

#InterviewEvaluationSection .dx-selectbox {
    border: 1px solid #dee2e6 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    height: 34px !important;
    width: 180px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

#InterviewEvaluationSection .dx-texteditor-container {
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
}

#InterviewEvaluationSection .dx-texteditor-input-container {
    flex: 1 !important;
    height: 34px !important;
}

#InterviewEvaluationSection .dx-texteditor-input {
    font-size: 13px !important;
    color: #1a1a1a !important;
    padding: 0 0 0 14px !important;
    height: 34px !important;
    line-height: 34px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

#InterviewEvaluationSection .dx-texteditor-buttons-container {
    display: flex !important;
    align-items: center !important;
    padding-right: 10px !important;
    height: 34px !important;
    background: transparent !important;
    border: none !important;
}

#InterviewEvaluationSection .dx-dropdowneditor-button {
    background: transparent !important;
    border: none !important;
    width: 20px !important;
    height: 34px !important;
    min-width: unset !important;
    box-shadow: none !important;
}

    #InterviewEvaluationSection .dx-dropdowneditor-button:hover,
    #InterviewEvaluationSection .dx-dropdowneditor-button.dx-state-hover,
    #InterviewEvaluationSection .dx-dropdowneditor-button.dx-state-focused {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

#InterviewEvaluationSection .dx-dropdowneditor-icon {
    color: #1a1a1a !important;
    font-size: 11px !important;
    background: transparent !important;
    border: none !important;
    width: 20px !important;
}

    #InterviewEvaluationSection .dx-dropdowneditor-icon::before {
        color: #1a1a1a !important;
    }

/* Remove ALL underlines and focus lines */
#InterviewEvaluationSection .dx-texteditor::after,
#InterviewEvaluationSection .dx-texteditor::before,
#InterviewEvaluationSection .dx-texteditor.dx-state-focused::after,
#InterviewEvaluationSection .dx-texteditor.dx-state-active::after,
#InterviewEvaluationSection .dx-texteditor.dx-state-hover::after,
#InterviewEvaluationSection .dx-texteditor-label,
#InterviewEvaluationSection .dx-texteditor-label::after,
#InterviewEvaluationSection .dx-texteditor-label::before {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
    height: 0 !important;
}


#InterviewEvaluationSection .p-dx-dd .dx-dropdowneditor-icon::before {
    width: 33px;
    left: 22px;
    margin-left: -1.75rem;
    background-position: center center;
    background-size: 0.65rem;
}

.interview-feedback-section .p-link-wicon.p-link-wicon-sm svg {
    stroke: none;
    fill: var(--theme-primary-color);
}

.interview-feedback-section .js-edit-feedback svg.p-icon {
    stroke: var(--theme-primary-color);
    fill: none;
}

.pp-userList-selected.dx-list .dx-list-next-button .dx-button-content .dx-button-text,
.dx-list-next-button .dx-button[aria-label="More"] .dx-button-content .dx-button-text {
    text-decoration: underline;
    color: var(--theme-primary-color);
    text-underline-offset: 3px;
    font-weight: 500;
}

.UsersListTooltipForDownload .dx-scrollview-content {
    max-height: 450px;
}

@media (max-width: 991.98px) {

    .p-nl-sm {
        height: 100dvh !important;
        justify-content: flex-start;
        z-index: 99999;
        top: 0;
    }

    .main-sidebar {
        height: 100% !important;
        padding-bottom: 0.6rem !important;
    }

    .ps-default-banner.pnd-banner {
        padding-top: 3.55% !important;
        min-height: 180px;
    }

    .grid-stack-item-content {
        position: relative !important;
        overflow: visible !important;
    }

    .grid-stack-item {
        position: relative !important;
    }

    #js-dashboard-grid {
    }

    .p-nd-card-body {
        height: auto !important;
    }

    .brand-logo-upld {
        display: none;
    }

    .p-brand-user-menu {
        padding: 0;
    }

    .dropdown-position-fix.dropdown:has(.p-brand-user-menu) {
        position: relative;
    }

    .dropdown-position-fix .p-brand-user-menu .dropdown-menu-right {
        right: 0;
        left: initial;
    }

    .p-emma-ai {
        width: initial;
        min-width: initial;
        border-radius: 50%;
    }

        .p-emma-ai span {
            text-align: left;
            display: none;
        }

    .main-header {
        padding-right: 0.7rem !important;
    }

    .brand-link .dropdown-menu {
        margin-left: 0;
    }

    .p-sb-menu-dd .phc-hm-item {
        min-width: 78px;
        padding: 10px;
    }

    .p-sb-menu-dd .p-hover-bg-slide-effect {
        gap: 0.7rem 0.7rem;
    }

    .p-nl-sm,
    .nn-dot-icon-lbl {
        display: none;
    }

    .sidebar-open .p-nl-sm {
        display: flex;
    }

    .nn-dots .p-menu-nav-sb {
        top: 0;
        left: 4px;
    }

    body:has(.p-sb-menu-dd.show)::after {
        background: rgb(0 0 0 / 25%);
        content: '';
        width: 100%;
        height: 100%;
        z-index: 9;
        top: 0;
        left: 0;
        position: fixed;
    }

    .brand-link .dropdown-menu {
        position: fixed;
        top: 53px;
        width: 100%;
        left: 0;
        border-radius: 0;
    }

    header.header-al {
        box-shadow: 0 1px 3px rgb(20 54 111 / 9%);
    }

    .p-nd-color-option {
        width: 2.5rem;
        height: 2.5rem;
        flex-shrink: 0;
    }

    .p-theme-color-swat {
        flex-wrap: wrap;
    }
}


/**/
/* Banner mobile menu */
#bannerMobMenu {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

    #bannerMobMenu .p-nd-add-wid-cta:not(.p-nd-add-wid-cta-white):hover svg {
        fill: var(--theme-primary-color);
        stroke: none;
    }

    #bannerMobMenu .p-nd-add-wid-cta svg {
        stroke: none;
    }

    #bannerMobMenu button.p-nd-add-wid-cta {
        visibility: visible;
        opacity: 1;
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 50%;
        padding: 0.2rem;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        background: rgb(255 255 255 / 64%);
    }

/* Popper controls position - we just handle show/hide */
#bannerMobDropdown {
    display: none;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    min-width: 190px;
    z-index: 99999;
}


    #bannerMobDropdown.mob-dd-open {
        display: flex;
        flex-direction: column;
    }

.p-banner-mob-option {
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

    .p-banner-mob-option:hover {
        background: #f9fafb;
    }


    .p-banner-mob-option .pgab-icons {
        padding: 10px 14px;
    }

/**/

/*.dx-button-normal[aria-label="Select"] .dx-dropdowneditor-icon::before {
    margin-left: -14px;
}*/


.p-sidebar-tooltip .arrow {
    display: none;
}

.p-sidebar-tooltip .tooltip-inner {
    border-radius: 0.35rem;
    padding: 0.25rem 0.65rem;
    margin-left: 0.6rem;
    box-shadow: 0px 4px 7px 0px rgb(0 0 0 / 23%);
}

.p-note-deleted-reply {
    font-size: 13px;
    color: #999;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 0 40px; /* push right to indicate it's a reply */
    padding: 4px 10px;
    border-left: 2px solid #e0e0e0; /* subtle left border like a reply indicator */
    margin-bottom: 0.9rem;
    margin-top: 0.7rem;
}

    .p-note-deleted-reply strong {
        color: var(--on-primary-color);
    }

.p-note-deleted {
    font-size: 13px;
    color: #999;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 4px 0;
}

    .p-note-deleted strong {
        color: var(--on-primary-color);
    }

.p-my-rota-multi-shift-cell .mr-app-cont-mw {
    min-height: 47px;
    padding: 0.3rem;
}

    .p-my-rota-multi-shift-cell .mr-app-cont-mw .appointment-title, .p-my-rota-multi-shift-cell .mr-app-cont-mw .p-team-rota-shift-duration, .p-my-rota-multi-shift-cell .mr-app-cont-mw .appointment-break {
        font-size: 0.8rem !important;
    }

.p-my-rota-multi-shift-cell .pending-open-shift {
    min-height: 47px;
    padding: 0.3rem;
    margin-bottom: 4px;
    border: 1px dashed #f2c98a;
    background: #fff8e8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    align-items: flex-start;
}

    .p-my-rota-multi-shift-cell .pending-open-shift .p-team-rota-break-type,
    .p-my-rota-multi-shift-cell .pending-open-shift .p-team-rota-shift-duration {
        font-size: 0.8rem !important;
        line-height: 1.1;
    }

    .p-my-rota-multi-shift-cell .pending-open-shift .p-team-rota-shift-duration {
        font-weight: 700;
    }

.rota-my-dx-cal .dx-scheduler-appointment {
    min-height: 99px !important;
}

.p-notes-sidebar-content .p-ncb-ic:not(.p-ncb-ic-reply) .p-ncb-ic-body {
    padding: 0;
}

#candidateNotesList .dvNote {
    overflow: visible;
    padding-top: 1rem;
    padding-bottom: 0.8rem;
}

.p-notes-sidebar-content .p-ci-notes-react {
    padding: 0;
    padding-top: 0.65rem;
}

body:has(#featureMultiSelect.dx-dropdowneditor-active) .dx-item-content.dx-list-item-content {
    gap: 0;
    padding-left: 3px;
}

body:has(#featureMultiSelect.dx-dropdowneditor-active) .dx-tagbox-popup-wrapper .dx-list-select-all {
    padding-bottom: 3px;
}

#newShiftForm .po-users {
    max-width: 832px;
}

.dvNote p.p-note-deleted {
    padding-bottom: 1rem;
}

.p-team-rota-multi-shift-cell .p-team-rota-shift-entry .p-team-rota-holiday-mw {
    height: 50px;
    min-height: initial;
}

.qa-img-option .p-form-check-input:checked[type=radio],
.qa-img-option .form-builder-wp input:checked[type="radio"] {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}

body:has(#CourseList.dx-dropdowneditor-active) .dx-treeview-search input {
    padding-right: 2.2rem;
}

.second-pract-dashboard-row .boxes-newdash-pract .appointment-div {
    display: flex;
    flex-direction: column;
}

    .second-pract-dashboard-row .boxes-newdash-pract .appointment-div .table-appointments {
        flex-grow: 1;
    }

#CourseList.dx-texteditor.dx-editor-outlined {
    background: transparent;
    border: none !important;
    border-radius: 0 !important;
}

#myRotaCalender .day-cell.no-logs .pmr-al-cell {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
}

/* My Rota loader mirrors the month calendar rather than the Team Rota people grid. */
#myRotaCalenderLoader {
    width: 100%;
    min-height: 820px;
}

    #myRotaCalenderLoader .my-rota-calendar-skeleton {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        min-height: 820px;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 42px;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 220px;
        height: 38px;
        padding: 0 0.75rem;
        border: 0;
        border-radius: 999px;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-arrow {
        width: 0.65rem;
        height: 0.65rem;
        border-radius: 50%;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-month {
        width: 6.5rem;
        height: 0.7rem;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-cta {
        width: 10rem;
        height: 38px;
        border-radius: 999px;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-grid {
        display: grid;
        flex: 1 1 auto;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        grid-template-rows: 38px repeat(5, minmax(0, 1fr));
        min-height: 750px;
        overflow: hidden;
        border: 1px solid var(--theme-border-2);
        border-radius: var(--bs-border-radius);
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-weekday {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
        background: transparent;
        border-right: 1px solid var(--theme-border-2);
    }

        #myRotaCalenderLoader .my-rota-calendar-skeleton-weekday:nth-child(7) {
            border-right: 0;
        }

        #myRotaCalenderLoader .my-rota-calendar-skeleton-weekday .skeleton-img {
            width: 2.25rem;
            height: 0.65rem;
        }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-cell {
        position: relative;
        min-width: 0;
        min-height: 0;
        padding: 0.5rem;
        border-top: 1px solid var(--theme-border-2);
        border-right: 1px solid var(--theme-border-2);
    }

        #myRotaCalenderLoader .my-rota-calendar-skeleton-cell:nth-child(7n + 14) {
            border-right: 0;
        }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-date {
        width: 1rem;
        height: 0.65rem;
        margin-bottom: 0.45rem;
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-card-list {
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
        height: calc(100% - 1.1rem);
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-card {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: center;
        gap: 0.45rem;
        min-height: 0;
        padding: 0.65rem;
        border-radius: calc(var(--bs-border-radius) * 0.9);
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-line {
        display: block;
        height: 0.55rem;
        border-radius: 999px;
        background: var(--chat-dark-bg-2);
    }

        #myRotaCalenderLoader .my-rota-calendar-skeleton-line.is-time {
            width: 72%;
        }

        #myRotaCalenderLoader .my-rota-calendar-skeleton-line.is-name {
            width: 55%;
        }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-no-logs {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        height: calc(100% - 1.1rem);
        border-radius: calc(var(--bs-border-radius) * 0.9);
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-no-logs-icon {
        width: 0.9rem;
        height: 0.9rem;
        border-radius: 50%;
        background: var(--chat-dark-bg-2);
    }

    #myRotaCalenderLoader .my-rota-calendar-skeleton-no-logs-line {
        width: 3.5rem;
        height: 0.55rem;
        border-radius: 999px;
        background: var(--chat-dark-bg-2);
    }


#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container:not(.p-my-rota-multi-shift-cell) .mr-app-cont-mw {
    padding: 10px;
    gap: 6px;
    justify-content: center;
}

    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container:not(.p-my-rota-multi-shift-cell) .mr-app-cont-mw .appointment-title,
    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container:not(.p-my-rota-multi-shift-cell) .mr-app-cont-mw .p-team-rota-shift-duration {
        margin: 0;
        line-height: 1.35;
    }

/* Keep the appointment and every card inside one consistent calendar-cell gutter. */
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    box-sizing: border-box;
    height: 100%;
    padding: 0 !important;
    background: transparent !important;
}

#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.25rem !important;
    overflow: hidden;
}

#openShiftDepartment .dx-texteditor-input {
    align-items: center;
    display: flex;
}

/* The custom cards supply their own fill. Keep DevExtreme's appointment surface
   transparent so it cannot show through outside the calendar-cell padding. */
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-appointment,
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
    box-sizing: border-box;
    overflow: hidden;
    background: transparent !important;
}

/* Only status appointments open details on My Rota. Override the shared card and
   date-cell pointer rules so every element under a non-interactive shift uses an arrow. */
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-appointment,
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container,
#myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container .mr-app-cont-mw {
    cursor: default !important;
}

    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-appointment:has(.appointment-container.is-clickable-status),
    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.is-clickable-status,
    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.is-clickable-status * {
        cursor: pointer !important;
    }

    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused::before {
        inset: 0.3rem;
        border-radius: var(--bs-border-radius);
    }

    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container:not(.p-my-rota-multi-shift-cell) .mr-app-cont-mw,
    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container:not(.p-my-rota-multi-shift-cell) .mr-app-cont-mw-status {
        box-sizing: border-box;
        flex: 1 1 auto;
        width: 100%;
        min-height: 0;
    }

    #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.p-my-rota-multi-shift-cell {
        justify-content: flex-start;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
    }

        #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.p-my-rota-multi-shift-cell::-webkit-scrollbar {
            display: none;
        }

        #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.p-my-rota-multi-shift-cell .mr-app-cont-mw {
            box-sizing: border-box;
            flex: 1 0 0;
            width: 100%;
            min-height: initial;
            padding: 3px 8px;
            margin-bottom: 0;
            gap: 2px;
            flex: 1;
        }

            #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.p-my-rota-multi-shift-cell .mr-app-cont-mw .appointment-title,
            #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .appointment-container.p-my-rota-multi-shift-cell .mr-app-cont-mw .p-team-rota-shift-duration {
                margin: 0;
                line-height: 1.25;
            }
/* My Rota calendar: no inner left colour bar (86cah2c4x). Keep tinted fill. Team Rota unchanged. */
#myRotaCalender .mr-app-cont-mw::after,
#myRotaCalender.rota-my-dx-cal .mr-app-cont-mw::after {
    content: none;
    display: none;
}

#myRotaCalender .mr-app-cont-mw {
    padding-left: 10px;
}

#myRotaCalender .p-my-rota-multi-shift-cell .mr-app-cont-mw,
#myRotaCalender .p-my-rota-multi-shift-cell .pending-open-shift {
    padding-left: 0.3rem;
}

/* Team Rota loader uses explicit blocks so global skeleton text rules cannot erase its body. */
#teamRotaLoader.team-rota-skeleton {
    width: 100%;
    overflow-x: auto;
    border: 0;
    border-radius: 0;
}

#teamRotaLoader .team-rota-skeleton-grid {
    display: grid;
    grid-template-columns: 220px repeat(7, minmax(150px, 1fr));
    min-width: 1270px;
}

#teamRotaLoader .team-rota-skeleton-heading,
#teamRotaLoader .team-rota-skeleton-cell {
    min-width: 0;
    border-right: 1px solid var(--theme-border-layout);
    border-bottom: 1px solid var(--theme-border-layout);
}

    #teamRotaLoader .team-rota-skeleton-heading:nth-child(8n),
    #teamRotaLoader .team-rota-skeleton-cell:nth-child(8n) {
        border-right: 0;
    }

#teamRotaLoader .team-rota-skeleton-heading {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0.75rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--theme-border-layout);
}

#teamRotaLoader .team-rota-skeleton-heading-line {
    width: 2.25rem;
    height: 0.65rem;
    border-radius: 999px;
}

    #teamRotaLoader .team-rota-skeleton-heading-line.is-employee {
        width: 5rem;
    }

#teamRotaLoader .team-rota-skeleton-cell {
    min-height: 124px;
    padding: 0.5rem;
}

#teamRotaLoader .team-rota-skeleton-person {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem;
}

#teamRotaLoader .team-rota-skeleton-avatar {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

#teamRotaLoader .team-rota-skeleton-person-lines {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

#teamRotaLoader .team-rota-skeleton-line {
    height: 0.55rem;
    border-radius: 999px;
}

    #teamRotaLoader .team-rota-skeleton-line.is-name {
        width: 82%;
        height: 0.65rem;
    }

    #teamRotaLoader .team-rota-skeleton-line.is-meta {
        width: 48%;
    }

    #teamRotaLoader .team-rota-skeleton-line.is-hours {
        width: 66%;
    }

#teamRotaLoader .team-rota-skeleton-card-list {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    height: 100%;
}

#teamRotaLoader .team-rota-skeleton-card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
    min-height: 0;
    border-radius: 0.45rem;
}

.team-rota-skeleton.loading-skeleton .skeleton-img::after {
    border-radius: 0.35rem;
}

#teamRotaLoader .team-rota-skeleton-card-line {
    display: block;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--chat-dark-bg-2);
}

    #teamRotaLoader .team-rota-skeleton-card-line.is-time {
        width: 78%;
    }

    #teamRotaLoader .team-rota-skeleton-card-line.is-title {
        width: 58%;
    }
/* Preserve the legacy fallback and My Rota's theme border. */
#myRotaCalender .mr-app-cont-mw.my-rota-open-shift,
#myRotaCalender .js-my-rota-assigned-open-shift-card {
    border: 1px solid var(--theme-border-2) !important;
    background-color: rgba(255, 139, 43, 0.2) !important;
    background-image: none !important;
}


.mr-app-cont-mw.my-rota-open-shift::after {
    border-color: var(--theme-primary-color);
}

/* Approved My Rota Open Shifts reuse Team Rota's vacancy/assignment border.
   The identity class excludes ordinary shifts with missing or white colours. */
#teamRotaGrid .open-shifts-table-row .js-team-rota-open-shift-card.p-team-rota-general-break,
#teamRotaGrid .js-team-rota-assigned-open-shift-card.p-team-rota-general-break,
#myRotaCalender .mr-app-cont-mw.rota-neutral-open-shift {
    border: 0.05rem dashed var(--theme-placeholder-color) !important;
}

/* Confirmed Open Shifts share the existing neutral vacancy surface in both calendars.
   Do not remove the colours of ordinary shifts with missing/white colour metadata. */
#teamRotaGrid .p-team-rota-general-break.rota-neutral-open-shift,
#myRotaCalender .mr-app-cont-mw.rota-neutral-open-shift {
    background-color: var(--chat-dark-bg-2) !important;
    background-image: none !important;
}

#myRotaCalender .day-cell.has-pending-open-shift {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
}

#myRotaCalender .pending-open-shift-day {
    margin-top: 4px;
    padding: 8px 10px;
    border: 1px solid #f2c98a;
    border-radius: 12px;
    background: #fff7eb;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#myRotaCalender .pending-open-shift-day-tag {
    display: inline-flex;
    align-self: flex-start;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f59e0b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

#myRotaCalender .pending-open-shift-day-meta,
#myRotaCalender .pending-open-shift-day-time {
    font-size: 12px;
    line-height: 1.2;
    color: #1f2937;
}

.p-open-shift-heading-icon,
.p-my-rota-open-shift-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.65rem;
}

    .p-open-shift-heading-icon .p-icon,
    .p-my-rota-open-shift-icon .p-icon {
        stroke: var(--theme-primary-color);
    }

.p-op-sh-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--default-gap);
}

#myRotaOpenShiftsContainer .p-my-rota-os-hscroll {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-color: transparent transparent;
}

    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll:hover,
    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll:focus-within {
        scrollbar-color: #9ca3af transparent;
    }

    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll::-webkit-scrollbar {
        height: 0.45rem;
    }

    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll::-webkit-scrollbar-track {
        background: transparent;
    }

    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 999px;
    }

    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll:hover::-webkit-scrollbar-thumb,
    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll:focus-within::-webkit-scrollbar-thumb {
        background-color: #9ca3af;
    }

    #myRotaOpenShiftsContainer .p-my-rota-os-hscroll::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0;
    }

#myRotaOpenShiftsContainer .p-op-sh-grid {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: calc(var(--default-gap) * 0.75);
    width: max-content;
    min-width: 100%;
}

#myRotaOpenShiftsContainer .p-my-rota-open-shift-card {
    flex: 0 0 260px;
    width: 260px;
    min-width: 240px;
    align-self: stretch;
    height: auto;
    overflow: hidden;
    background-color: var(--chat-dark-bg-2) !important;
    background-image: none !important;
}

.p-my-rota-open-shift-card {
    min-width: 0;
    min-height: 170px;
    cursor: default;
    box-shadow: none;
    gap: 0.35rem;
}

.p-my-rota-open-shift-details {
    min-width: 0;
    flex-grow: 1;
    font-size: var(--base-font-size);
}

/* Reserve the slot tag width and truncate the shift name on one line. */
#myRotaOpenShiftsContainer .js-my-rota-open-shift-title {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.35;
}

#myRotaOpenShiftsContainer .js-my-rota-open-shift-remaining {
    flex: 0 0 auto;
    white-space: nowrap;
}

#myRotaOpenShiftsContainer .p-my-rota-open-shift-department {
    margin-bottom: 0.35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#myRotaOpenShiftsContainer .p-my-rota-os-when {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 0;
    max-width: 100%;
}

#myRotaOpenShiftsContainer .p-my-rota-os-when-item {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-my-rota-open-shift-department {
    white-space: normal;
    font-size: var(--base-font-size);
    padding-left: 0.15rem;
}

#myRotaOpenShiftsContainer .p-my-rota-open-shift-department {
    display: block;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.p-att-shift-group-cols {
    flex: 1;
}*/

.appointment-break {
    display: none;
}

.dx-list-next-button .dx-button[aria-label="More"] .dx-button-content {
    background-color: transparent !important;
    color: var(--theme-primary-color) !important;
    border: none !important;
}

body:has(.filterValueContainer .dx-dropdowneditor-active) .dx-popup-content {
    padding: 10px;
}

body:has(.filterValueContainer .dx-dropdowneditor-active) .dx-list-item-content {
    padding: 7px 10px;
    padding-left: 1px;
}

.account-other-continue label {
    cursor: pointer;
}

.p-gd-mw-fh-left img.p-age-img-preview {
    width: 32px;
    height: auto;
    border-radius: 4px;
    flex-shrink: 0;
}

.p-gd-mw-fh-left .p-age-docs-type-mw {
    padding: 0;
}

.p-gd-mw-fh-left .p-age-upl-mw {
    flex: 1;
}

.p-gd-mw-fh-left .p-age-docs-type-mw .p-mb-att-mw-item {
    min-width: initial;
    width: 100%;
    cursor: pointer;
}

.p-gd-mw-fh-left .p-ts-attach-mw {
    display: flex;
    gap: 0.45rem;
    flex-direction: column;
}

.p-gd-mw-fh-left .p-txt-ellip-grad {
    max-width: 300px !important;
}

.p-gd-mw-fh-left .close-icon-age-img {
    right: 0.4rem;
    top: 0.4rem;
}

.article-load-msg.article-load-msg-right:has(.p-dd-wp-open) {
    z-index: 99999;
}

/*API Access UI starts here*/
.api-key-mono {
    font-family: monospace;
    font-size: 12px;
    color: var(--secondary-text-color);
    background: var(--disabled-light-color);
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.api-key-copy-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    color: var(--secondary-text-color);
    line-height: 1;
}

    .api-key-copy-btn:hover {
        color: var(--primary-text-color);
    }

    .api-key-copy-btn svg {
        width: 12px;
        height: 12px;
    }

.api-empty-icon-wrap {
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    background: var(--theme-secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .api-empty-icon-wrap svg {
        width: 25px;
        height: 25px;
        stroke: var(--theme-primary-color);
    }

.api-empty-state {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

    .api-empty-state p {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }

.api-endpoint-item-mw {
    margin-top: 1rem;
}

.api-reference-topbar {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.api-reference-search {
    max-width: 320px;
    min-width: 260px;
    position: relative;
}

    .api-reference-search .icon {
        color: var(--theme-secondary-color);
        font-size: 18px;
        left: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

@media (max-width: 767px) {
    .api-reference-topbar {
        flex-direction: column;
    }

    .api-reference-search {
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }
}

.api-endpoint-item-inner {
    margin-bottom: 1.45rem;
}

.api-endpoint-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--theme-border-layout);
    border-radius: 8px;
    background: var(--white-color);
    margin-bottom: 8px;
    justify-content: space-between;
}

.api-method {
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 7px;
    min-width: 52px;
    text-align: center;
    font-family: monospace;
}

.api-method-get {
    background: #e3f4ea;
    color: #1a7a40;
}

.api-method-post {
    background: #e8f0fe;
    color: #1a56c4;
}

.api-method-delete {
    background: #fce8e8;
    color: #b91c1c;
}

.api-endpoint-path {
    font-family: monospace;
}

.api-endpoint-desc {
    color: var(--secondary-text-color);
}

.api-rate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.api-rate-card {
    background: var(--disabled-light-color);
    border-radius: 8px;
    padding: 14px 16px;
}

    .api-rate-card label {
        font-size: 12px;
        color: var(--secondary-text-color);
        display: block;
        margin-bottom: 4px;
    }

.api-rate-val {
    font-size: 20px;
    font-weight: 500;
}

.api-rate-unit {
    font-size: 12px;
    color: var(--secondary-text-color);
    margin-left: 2px;
}

.api-pre-box {
    margin: 0;
    padding: 16px;
    font-family: monospace;
    font-size: 13.5px;
    line-height: 1.35;
    background: var(--theme-border-5);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    min-height: 180px;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    border: 1px solid var(--theme-border-layout);
    box-shadow: var(--default-shadow);
}

.api-pre-box-dark {
    background: var(--primary-color);
    color: var(--theme-light-bg-def-2);
}

.api-panel-header {
    font-size: var(--base-font-size);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0.3rem;
    padding-left: 0.25rem;
}

.api-tag-blue {
    background: #e8f0fe;
    color: #1a56c4;
}

.p-tab-def-nested.p-vertical-def-nav .nav-link {
    gap: 0.3rem;
    padding: 0.4rem 0.9rem;
    font-weight: 400;
}

.p-tag-new-theme {
    background-color: var(--theme-border-layout);
    color: var(--theme-primary-color);
}

.api-endpoint-item-lc {
    display: flex;
    gap: 1rem;
}

.api-endpoint-item-icon .p-link-wicon {
    gap: 0.15rem;
}

    .api-endpoint-item-icon .p-link-wicon::after {
        bottom: -2px;
        width: 110%;
        left: -3px;
    }

.api-endpoint-item-icon svg.p-icon.p-icon-sm1 {
    width: 0.8rem;
    height: 0.8rem;
}

.api-key-card {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: 16px 20px;
    background: var(--white-color);
    margin-bottom: calc(var(--default-gap) * 0.75);
}

.api-panel-wrap:not(:last-child) {
    margin-bottom: var(--default-gap);
}

.api-key-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.api-key-card-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.api-key-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--theme-secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .api-key-icon-wrap svg {
        stroke: var(--theme-primary-color);
    }

.api-key-name {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 2px;
}

.api-key-meta {
    font-size: var(--base-font-size-sm);
    color: var(--secondary-text-color);
}

.api-key-value-wrap {
    border: 1px solid var(--input-border-1);
    border-radius: 12px;
    padding: 10px 14px;
    font-family: monospace;
    font-size: var(--base-font-size);
    color: var(--primary-color);
    background: var(--white-color);
    margin-bottom: 10px;
    letter-spacing: 0.02em;
}

.loading-skeleton .api-key-value-wrap {
    border: none;
    padding: 0;
}

.loading-skeleton .api-key-name {
    max-width: 80px;
    min-width: initial;
}

.loading-skeleton .api-key-meta {
    max-width: 110px;
}

.p-info-msg .info-icon-dialog,
.p-info-msg-warning .info-icon-dialog {
    stroke: #b48200;
}

.api-key-actions {
    display: flex;
    align-items: center;
    gap: 0;
}

.api-key-action-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: var(--base-font-size);
    color: var(--theme-primary-color);
    font-family: inherit;
}

    .api-key-action-btn:hover {
        text-decoration: underline;
    }

.api-key-action-divider {
    width: 1px;
    height: 14px;
    background: var(--theme-border-layout);
    margin: 0 10px;
}

.api-ip-card {
    border: 1px solid var(--theme-border-layout);
    border-radius: 12px;
    padding: 20px;
    background: var(--white-color);
    margin-bottom: 12px;
}

.api-ip-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 4px;
}

.api-ip-card-title {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--base-font-size-h5);
    font-weight: 600;
    color: var(--primary-color);
}

    .api-ip-card-title svg {
        stroke: var(--theme-primary-color);
    }

.api-ip-used-badge {
    font-size: var(--base-font-size-sm);
    color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
    border-radius: 20px;
    padding: 2px 10px;
    white-space: nowrap;
}

.api-ip-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    margin-bottom: 24px;
}

    .api-ip-row .form-group {
        flex: 1;
        margin-bottom: 0;
        min-width: 0;
    }

.api-ip-btn-wrap {
    flex-shrink: 0;
    padding-top: 24px;
}

.api-ip-list-item {
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.api-ip-list-item-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.api-ip-list-item-top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.api-ip-address {
    font-size: var(--base-font-size);
    font-weight: 600;
    color: var(--primary-color);
}

.api-ip-label-tag {
    font-size: var(--base-font-size-sm);
    color: var(--primary-color);
    border: 1px solid var(--sec-light-color4);
    border-radius: 6px;
    padding: 1px 8px;
    font-weight: 500;
    background: var(--sec-light-color7);
}

.api-ip-added {
    font-size: var(--base-font-size-sm);
    color: var(--secondary-text-color);
}

.api-ip-delete-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: var(--red-color);
    display: flex;
    flex-shrink: 0;
}

    .api-ip-delete-btn:hover {
        opacity: 0.75;
    }

    .api-ip-delete-btn svg {
        width: 18px;
        height: 18px;
    }

.bg-txt-highlight {
    color: var(--theme-primary-color);
    background: var(--theme-secondary-color);
    font-weight: 500;
    padding: 0 0.35rem;
    border-radius: 0.3rem;
}

.api-endpoint-item-icon {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 1.15rem;
}

.api-endpoint-item-mw .p-acco-btn {
    background: var(--chat-dark-bg-2);
    padding-left: 0.7rem;
}

.api-endpoint-item-mw .p-acc-card {
    border-radius: calc(var(--border-radius-default) * 0.75);
    border: 1px solid var(--primary-border-color);
}

.table-rounded-bb {
    border-radius: 0.55rem;
    overflow: hidden;
    border: 1px solid var(--theme-border-layout);
}

    .table-rounded-bb .p-def-table thead::after {
        display: none;
    }

    .table-rounded-bb code {
        color: var(--primary-color);
        font-size: var(--base-font-size);
    }

    .table-rounded-bb .bg-txt-highlight {
        font-size: var(--base-font-size-xs);
    }

    .table-rounded-bb tbody tr:not(:last-child) {
        border-bottom: 1px solid var(--theme-border-layout);
    }

.table-rounded-nb tbody tr:not(:last-child) {
    border-bottom: none;
}

.table-rounded-nb.table-skeleton-loader::before {
    /*display: none;*/
    margin-top: 0;
}

code {
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.api-paginat-list svg.p-icon {
    stroke: var(--theme-primary-color);
}
/*API Access UI starts here*/

/*.tooltip.bs-tooltip-top .tooltip-inner {
    max-height: 560px;
    overflow: visible;
}*/

.api-users-tooltip .tooltip-inner.api-users-tooltip-inner {
    max-height: 600px;
    overflow: visible;
    text-align: left;
    padding: 0.95rem;
    pointer-events: auto;
    max-width: 750px;
}

.api-users-tooltip {
    pointer-events: auto; /* keeps tooltip alive on hover */
}

    .api-users-tooltip .p-tooltip-list li {
        padding: 0.45rem 0.65rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        font-size: var(--base-font-size-sm);
        margin-bottom: 0.2rem !important;
        padding-bottom: 0.25rem;
    }

        .api-users-tooltip .p-tooltip-list li:last-child {
            border-bottom: none;
        }

.subj-av-note {
    font-size: 0.8rem;
    line-height: 1.2;
    position: relative;
    top: 0.025rem;
}

span.geneder-pref-note {
    display: block;
    margin-top: 0.1rem;
}

tr.dx-row.dx-freespace-row.dx-state-hover td {
    cursor: default;
    background-color: var(--chat-dark-bg-2);
}

.p-def-table tr.dx-row.dx-freespace-row td {
    cursor: default;
}

label.p-tag.p-tag-theme-pri {
    border: 1px solid #8da4ff !important;
}

.survey-card .p-tl-box {
    min-height: 21rem;
    justify-content: center;
    gap: 0.2rem;
}

    .survey-card .p-tl-box h2 {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 0.9rem;
    }

    .survey-card .p-tl-box p {
        font-size: 0.96rem;
        margin-bottom: 1.6rem;
    }

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input::-webkit-credentials-auto-fill-button {
    display: none !important;
}

#myRotaCalenderLoader {
    position: relative;
    top: 0;
}

    #myRotaCalenderLoader table.team-rota-table {
        margin: 0 -8px;
        width: calc(100% + 16px);
    }

.p-dx-tag-box-ms .dx-tagbox-only-select.dx-selectbox {
    padding: 5px;
    height: auto;
    padding-left: 0.1rem;
    border-radius: 1.45rem !important;
}

.p-dx-tag-box-ms .dx-tag-container.dx-texteditor-input-container {
    padding: 0;
}

.p-dx-tag-box-ms.p-input-append .dx-texteditor-input {
    min-height: auto !important;
}

.p-dx-tag-box-ms.p-input-append.p-add-dd .dx-texteditor-input-container {
    row-gap: 3px;
}

.p-upload-input.img-uploder .p-icon.p-icon-sm,
.p-icon-sm.rota-publish-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.api-endpoint-item-inner .p-acco-btn.p-acco-btn-w-icon::after {
    right: 1rem;
}

.p-acco-btn-w-icon[aria-expanded="true"] .api-endpoint-item-icon {
    display: none;
}

.ph-card .p-add-dd.p-input-psc #ReporteesDxDDL .dx-lookup-field {
    padding-left: 5px;
}

.p-dx-ph-align::before {
    padding-left: 0.3rem;
}

#addCalendarModel .modal-body {
    height: calc(100vh - 9rem) !important;
}

.p-dd-mor-chev {
}
/* Responsive fallback */
@media (max-width: 768px) {
    .can-sco-scorecard-interview {
        grid-template-columns: 1fr;
    }

    .rating-star .emoji-cell {
        font-size: calc(var(--base-font-size-h1) * 0.65);
    }

    .rating-table .emoji-cell, .rating-table .label-cell {
        font-size: 0.7rem;
    }

    .rating-table .emoji-cell {
        font-size: calc(var(--base-font-size-h1) * 1.3);
        min-height: 3.2rem;
    }

    .p-sur-ques-head {
        gap: 0.95rem;
    }
}


.duration-card {
    width: 100%;
    max-width: 100%;
    background: var(--theme-border-4);
    border: 1px solid var(--input-border-1);
    border-radius: var(--border-radius-default);
    padding: 0.75rem 1rem;
    box-shadow: var(--default-shadow);
}

.duration-card__title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 4px;
}

.duration-card__subtitle {
    font-size: var(--base-font-size-sm);
    color: var(--on-primary-color-dark);
    margin-bottom: 8px;
    line-height: 1.4;
}

.duration-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.duration-row__label {
    font-size: var(--base-font-size);
    color: var(--on-primary-color-dark);
}

.duration-row__value {
    font-size: var(--base-font-size);
    font-weight: 600;
    color: var(--primary-color);
}

.duration-card__divider {
    height: 1px;
    background: var(--theme-border-layout);
    margin: 8px 0 8px;
}

.duration-row--total .duration-row__label {
    font-weight: 600;
    color: var(--primary-color);
}

.duration-row--total .duration-row__value {
    font-weight: 600;
    color: var(--primary-color);
}

/*user profile breakdown css starts here*/
.alw-breakdown-btn {
    display: inline-flex;
    align-items: center;
    color: var(--theme-primary-color);
    font-size: var(--base-font-size);
    font-weight: 500;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .15s;
}


    .alw-breakdown-btn svg {
        width: 1rem;
        height: 1rem;
        fill: var(--theme-primary-color);
        stroke-linecap: round;
        stroke-linejoin: round;
        flex-shrink: 0;
    }

.breakdown-items-list {
    padding: 1rem;
}

.p-sb-nav-link .nav-link {
    padding: 0.8rem 0 !important;
}

.p-nd-breakdown-con svg.no-data-upd {
    width: 60px;
    height: 60px;
}

.p-sb-nav-link {
    gap: 1.25rem;
}

button.alw-breakdown-btn {
    padding-left: 0.15rem !important;
}
/*user profile breakdown css endshere*/

/* 86cb2db6r redo: kebab lives in the wrapping row (not a fixed overlay). Pin one 3-dot at the top of a tall cell. */
#pills-my-goals #gridContainerGoal .dx-row > td:has(.p-goals-kebab-row-align),
#pills-people-goals #gridContainerPeopleGoal .dx-row > td:has(.p-goals-kebab-row-align),
#pills-people-goals [id^="detailGrid_"] .dx-row > td:has(.p-goals-kebab-row-align),
#pills-department-goals #gridContainerDepartmentGoal .dx-row > td:has(.p-goals-kebab-row-align),
#pills-department-goals [id^="detailGrid_"] .dx-row > td:has(.p-goals-kebab-row-align),
#pills-company-goals #gridContainerCompanyGoal .dx-row > td:has(.p-goals-kebab-row-align) {
    position: relative;
    vertical-align: top !important;
    padding-top: 0.4rem;
}

/*#pills-my-goals #gridContainerGoal td .p-dd-wp-wrapper.p-goals-kebab-row-align,
#pills-people-goals #gridContainerPeopleGoal td .p-dd-wp-wrapper.p-goals-kebab-row-align,
#pills-people-goals [id^="detailGrid_"] td .p-dd-wp-wrapper.p-goals-kebab-row-align,
#pills-department-goals #gridContainerDepartmentGoal td .p-dd-wp-wrapper.p-goals-kebab-row-align,
#pills-department-goals [id^="detailGrid_"] td .p-dd-wp-wrapper.p-goals-kebab-row-align,
#pills-company-goals #gridContainerCompanyGoal td .p-dd-wp-wrapper.p-goals-kebab-row-align {
    position: absolute;
    top: 0.4rem;
    right: 0.25rem;
    display: inline-flex;
    margin-top: 0;
    height: 1.8rem;
    max-height: 1.8rem;
    align-items: flex-start;
    justify-content: flex-end;
    z-index: 2;
}*/

#pills-my-goals #gridContainerGoal td .p-goals-kebab-row-align .p-dd-wp-btn,
#pills-people-goals #gridContainerPeopleGoal td .p-goals-kebab-row-align .p-dd-wp-btn,
#pills-people-goals [id^="detailGrid_"] td .p-goals-kebab-row-align .p-dd-wp-btn,
#pills-department-goals #gridContainerDepartmentGoal td .p-goals-kebab-row-align .p-dd-wp-btn,
#pills-department-goals [id^="detailGrid_"] td .p-goals-kebab-row-align .p-dd-wp-btn,
#pills-company-goals #gridContainerCompanyGoal td .p-goals-kebab-row-align .p-dd-wp-btn,
#pills-my-goals #gridContainerGoal td .p-goals-kebab-row-align .p-dd-wp-dot-icon,
#pills-people-goals #gridContainerPeopleGoal td .p-goals-kebab-row-align .p-dd-wp-dot-icon,
#pills-people-goals [id^="detailGrid_"] td .p-goals-kebab-row-align .p-dd-wp-dot-icon,
#pills-department-goals #gridContainerDepartmentGoal td .p-goals-kebab-row-align .p-dd-wp-dot-icon,
#pills-department-goals [id^="detailGrid_"] td .p-goals-kebab-row-align .p-dd-wp-dot-icon,
#pills-company-goals #gridContainerCompanyGoal td .p-goals-kebab-row-align .p-dd-wp-dot-icon {
    height: 1.8rem;
    max-height: 1.8rem;
    width: 1.8rem;
    align-self: flex-start;
}

#pills-people-goals [id^="detailGrid_"] .dx-datagrid-rowsview .dx-data-row > td,
#pills-department-goals [id^="detailGrid_"] .dx-datagrid-rowsview .dx-data-row > td {
    vertical-align: top !important;
}

/* Goals menus: stack the open cell and its containing detail section above sibling rows.
   Keep table layout intact; the shared fixed-position Popper handles scrolling and flipping. */
:is(#gridContainerGoal, #gridContainerPeopleGoal, #gridContainerDepartmentGoal, #gridContainerCompanyGoal) .dx-row:has(.p-dd-wp-open),
:is(#gridContainerGoal, #gridContainerPeopleGoal, #gridContainerDepartmentGoal, #gridContainerCompanyGoal) .dx-row > td:has(.p-dd-wp-open) {
    position: relative;
    z-index: 100;
}

/* 86cbec8y5: Live-sized inputs for Admin Rota and Attendance Add/Edit shift rows. */
:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 1rem;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-time-group {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 1.5rem;
    align-items: flex-end;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group-cols {
    flex: 0 0 auto;
    min-width: 0;
    width: auto;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group .pdf.pdf-gap-xxs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group .break-time-result {
    min-width: 90px;
    white-space: nowrap;
    margin-top: 0;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group-cols .input-group input.form-control {
    max-width: 118.1px;
    width: 118.1px;
    flex: 0 0 118.1px;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group .p-inp-def-grp-wt {
    width: auto;
    margin-bottom: 0;
    flex-wrap: nowrap;
}

:is(#addEditRotaShift, #frmAttendanceShift) .p-inp-def-grp-wt .input-group-append {
    max-width: 70px;
    flex: 0 0 auto;
}

:is(#addEditRotaShift, #frmAttendanceShift) .startTime,
:is(#addEditRotaShift, #frmAttendanceShift) .endTime {
    width: 228px;
    min-width: 228px;
    max-width: 228px;
}

    :is(#addEditRotaShift, #frmAttendanceShift) .startTime .dx-datebox,
    :is(#addEditRotaShift, #frmAttendanceShift) .endTime .dx-datebox,
    :is(#addEditRotaShift, #frmAttendanceShift) .startTime .dx-texteditor,
    :is(#addEditRotaShift, #frmAttendanceShift) .endTime .dx-texteditor {
        width: 228px;
    }

/* Keep every control reachable when the shift editor is narrower than a desktop row. */
@media (max-width: 1023px) {
    :is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-group,
    :is(#addEditRotaShift, #frmAttendanceShift) .p-att-shift-time-group {
        flex-wrap: wrap;
    }

    :is(#addEditRotaShift, #frmAttendanceShift) .startTime,
    :is(#addEditRotaShift, #frmAttendanceShift) .endTime {
        width: 180px;
        min-width: 180px;
        max-width: 180px;
    }
}
/* 86c9d2epc redo: named Rota slice — Light uses theme header wash (not solid brand); Dark headers + calendar day row; Add Shift popup untouched. */
html[color-mode="light"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-panel,
html[color-mode="light"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-panel-cell,
html[color-mode="light"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-row > th,
html[color-mode="light"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-header-panel {
    background-color: var(--table-head-bg) !important;
    color: var(--on-primary-color) !important;
}

html[color-mode="light"] #Shift-Change-Request .dx-datagrid-headers,
html[color-mode="light"] #Shift-Change-Request .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
html[color-mode="light"] #my-request #Shift-Change-Request .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
html[color-mode="light"] #TeamRequestsGrid .dx-datagrid-headers,
html[color-mode="light"] #TeamRequestsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
html[color-mode="light"] #team-request #TeamRequestsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: var(--theme-shade-4) !important;
    color: var(--on-primary-color) !important;
}

    html[color-mode="light"] #Shift-Change-Request .dx-datagrid-headers .dx-datagrid-text-content,
    html[color-mode="light"] #TeamRequestsGrid .dx-datagrid-headers .dx-datagrid-text-content,
    html[color-mode="light"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-panel-cell {
        color: var(--on-primary-color) !important;
    }

/* 86cbb0gbe redo: wizard 100vh height collapsed Reminder to a 0-size box (Dev QA waitFor visible). */
#addSingleUserModalStep.onboarding-mw {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 16rem;
    overflow: visible !important;
}

    #addSingleUserModalStep.onboarding-mw .pso-form-wrapper,
    #SendForSignatureModal .pso-form-wrapper {
        height: auto !important;
        max-height: none !important;
        min-height: 16rem;
    }

#addSingleUserModalStep fieldset.pso-step.step-show,
#addSingleUserModalStep fieldset.pso-step[data-step="1"].step-show,
#SendForSignatureModal fieldset.pso-step.step-show,
#SendForSignatureModal fieldset.pso-step[data-step="1"].step-show {
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
    height: auto !important;
}

#addSingleUserModalStep .pp-pc-mw-grid:not(.pp-pc-grid-fs) .p-ss-h100,
#SendForSignatureModal .p-ss-h100 {
    height: auto !important;
    min-height: 12rem;
    overflow: visible !important;
}

#adminEsignReminderGroup {
    display: block !important;
    visibility: visible !important;
    min-height: 2.5rem;
}

    #adminEsignReminderGroup .admin-esign-reminder-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    #adminEsignReminderGroup .admin-esign-reminder-muted {
        color: var(--placeholder-color);
        font-weight: 400;
        margin: 0;
    }

    /* Size the standard wrapper only. Widths on the DevExtreme texteditor internals override the
   standard border and squash the chevron out of alignment. */
    #adminEsignReminderGroup .p-input-append.p-dx-dd {
        width: 9rem;
        max-width: 9rem;
        flex: 0 0 auto;
    }

    #adminEsignReminderGroup .dx-placeholder,
    #adminEsignReminderGroup .dx-placeholder::before {
        color: var(--placeholder-color);
    }

html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-panel,
html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-panel-cell,
html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-row > th,
html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header,
html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-header-panel,
html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
html[color-mode="dark"] #Shift-Change-Request .dx-datagrid-headers,
html[color-mode="dark"] #Shift-Change-Request .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
html[color-mode="dark"] #my-request #Shift-Change-Request .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
html[color-mode="dark"] #TeamRequestsGrid .dx-datagrid-headers,
html[color-mode="dark"] #TeamRequestsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
html[color-mode="dark"] #team-request #TeamRequestsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: var(--bg-default) !important;
    color: var(--on-primary-color) !important;
}

    html[color-mode="dark"] #Shift-Change-Request .dx-datagrid-headers .dx-datagrid-text-content,
    html[color-mode="dark"] #TeamRequestsGrid .dx-datagrid-headers .dx-datagrid-text-content,
    html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-header-panel-cell,
    html[color-mode="dark"] #myRotaCalender.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        color: var(--on-primary-color) !important;
    }


/* 86cbe7bfc My People Active Users - contain loader; cover grid until contentReady.
   Bound the loader itself (top from .tkl-ws + bottom:0). Do NOT clip the parent:
   the Onboard User chevron menu (.p-ani-dropdown: Column Filter / Export / Bulk Invite)
   renders inline in the same .position-relative and would be cut off. */
#divActiveUserLoader.tkl-ws {
    bottom: 0;
    overflow: hidden;
    background-color: var(--card-bg-color);
}

#gridContainer.mp-active-users-reloading {
    position: relative;
}

    #gridContainer.mp-active-users-reloading::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 6;
        background-color: var(--card-bg-color);
        opacity: 0.72;
        pointer-events: none;
    }

/* Temporary working schedules
   Shared by the contract editor and the nested "View all" sidebar. */
.sidebar-temporary-schedules {
    z-index: 2790;
}

.temporary-daily-hours {
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

    .temporary-daily-hours .pw-dh {
        flex: 0 1 70px;
        min-width: 0;
    }

    .temporary-daily-hours input {
        width: 100%;
        max-width: 100%;
        padding-right: 4px;
        padding-left: 4px;
        text-align: center;
    }

    .temporary-daily-hours > .pw-dh > label.control-label {
        display: block;
        margin-bottom: 0.15rem;
        padding-left: 4px;
    }

    .temporary-daily-hours .p-wfh-option {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 22px;
        margin-top: 0.45rem;
    }

#temporaryScheduleFields .temporary-daily-hours .p-wfh-label {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    margin: 0;
    color: var(--primary-color);
    font-size: 75%;
    font-weight: 500;
    cursor: pointer;
}

#working-week-swap .p-wdhrs-note {
    margin-top: 2.2rem;
    line-height: 1.2;
}

.temporary-daily-hours .temporary-wfh-checkbox {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--primary-color);
}

    .temporary-daily-hours .temporary-wfh-checkbox:disabled + span {
        opacity: 0.45;
    }

.temporary-daily-hours .p-wfh-week-note {
    display: flex;
    flex: 0 0 100%;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.75rem;
    color: var(--text-color);
    font-size: 75%;
}

.temporary-wfh-summary {
    color: var(--primary-color);
    white-space: nowrap;
}

.temporary-schedule-editor .p-input-append {
    cursor: pointer;
}

.temporary-schedule-editor button.p-link:disabled {
    cursor: default;
    opacity: 0.5;
}

.temporary-schedule-table {
    overflow: visible;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    font-size: var(--base-font-size-sm);
}

.temporary-schedule-table-header,
.temporary-schedule-row {
    display: grid;
    grid-template-columns: minmax(170px, 1.1fr) 80px minmax(350px, 2fr) minmax(145px, 0.8fr) 34px;
    column-gap: 12px;
    align-items: center;
    min-width: 0;
}

.temporary-schedule-table-header {
    overflow: hidden;
    padding: 9px 12px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    background-color: var(--btn-light-bg, var(--sec-light-color4));
    border-bottom: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    font-weight: 500;
}

.temporary-schedule-row {
    padding: 11px 12px;
    color: var(--primary-color);
}

    .temporary-schedule-row + .temporary-schedule-row {
        border-top: 1px solid var(--input-border-1);
    }

    .temporary-schedule-row > * {
        min-width: 0;
    }

.temporary-period-cell,
.temporary-saved-cell {
    overflow-wrap: anywhere;
    font-size: inherit;
}

.temporary-saved-days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    font-size: inherit;
}

    .temporary-saved-days span {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0;
        text-align: center;
    }

    .temporary-saved-days small,
    .temporary-saved-days strong,
    .temporary-saved-days em {
        display: block;
        max-width: 100%;
        overflow: hidden;
        font-size: inherit;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .temporary-saved-days strong {
        font-weight: 500;
    }

    .temporary-saved-days em {
        color: var(--on-primary-color);
        font-size: 75%;
        font-style: normal;
    }

.temporary-actions-cell {
    display: flex;
    justify-content: flex-end;
}

.temporary-row-menu-panel {
    z-index: 3220;
}

    .temporary-row-menu-panel button.pgab-icons {
        border: 0;
        background: transparent;
        text-align: left;
    }

        .temporary-row-menu-panel button.pgab-icons:focus {
            outline: 2px solid var(--theme-primary-color);
            outline-offset: -2px;
        }

.temporary-schedule-delete-modal {
    z-index: 3240;
}

    .temporary-schedule-delete-modal .modal-content {
        border-radius: var(--border-radius-default) !important;
    }

    .temporary-schedule-delete-modal .p-modal .modal-footer {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

body.modal-open.temporary-schedule-delete-open .modal-backdrop,
.modal-backdrop.temporary-schedule-backdrop {
    z-index: 3230;
    background: rgb(10 30 68 / 64%);
}

.temporary-schedule-datepicker {
    z-index: 3210 !important;
}

@media (max-width: 767px) {
    .temporary-schedule-table-header {
        display: none;
    }

    .temporary-schedule-row {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 8px;
    }

    .temporary-period-cell {
        grid-row: 1;
        grid-column: 1;
    }

    .temporary-actions-cell {
        grid-row: 1;
        grid-column: 2;
    }

    .temporary-total-cell,
    .temporary-saved-days,
    .temporary-saved-cell {
        grid-column: 1 / -1;
    }

        .temporary-total-cell::before {
            content: 'Total hours: ';
        }

    .temporary-saved-days {
        gap: 2px;
    }

    .temporary-daily-hours .p-wfh-week-note {
        flex-direction: column;
        gap: 0.35rem;
        align-items: flex-start;
    }
}

@media (max-width: 575px) {
    .temporary-schedule-fields > .row > .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .temporary-saved-days {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 6px;
    }
}


#widget-div-GetDashboardFeedsWidget .p-default-navs .nav.nav-pills {
    gap: 0.9rem;
}

.p-seo-comp-name small {
    word-break: break-word;
}
/* Company Job Description template drawer (86cb6ayb1). */
#jdTemplateModal {
    --jd-accent: #843df5;
}

    #jdTemplateModal .modal-dialog {
        position: absolute;
        top: 0;
        right: 0;
        width: 670px;
        max-width: 100%;
        height: 100%;
        margin: 0;
    }

    #jdTemplateModal.fade .modal-dialog {
        transform: translateX(100%);
    }

    #jdTemplateModal.show .modal-dialog {
        transform: translateX(0);
    }

    #jdTemplateModal .modal-content {
        height: 100%;
        max-height: 100%;
        border: 0;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    #jdTemplateModal .modal-title {
        flex: 1;
        width: auto;
        max-width: none;
        text-align: left;
        margin: 0;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 600;
    }

    #jdTemplateModal .modal-header .close {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 0 0 16px;
        border: 1px solid var(--border-color, #e3deed);
        border-radius: 50%;
        font-weight: 400;
        line-height: 1;
    }

        #jdTemplateModal .modal-header .close span {
            display: block;
            line-height: 1;
        }

#jdTemplateModal .modal-footer {
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 16px;
    padding: 24px;
    background: inherit;
}

#jdTemplateModal .modal-footer .btn-link {
    color: var(--jd-accent);
    padding: 0;
}

/*#jdTemplateModal #jdNext {
    min-width: 110px;
    justify-content: center;
    background-color: var(--jd-accent);
    border-color: var(--jd-accent);
    color: white;
}

#jdTemplateModal #jdNext:hover {
    background-color: #7030d6;
    border-color: #7030d6;
}

#jdTemplateModal #jdNext:disabled {
    opacity: .5;
    background-color: var(--on-surface-variant-color, #797487);
    border-color: transparent;
    cursor: default;
}*/

#jdTemplateModal .jd-steps {
    display: flex;
    margin: 0 0 28px;
    padding: 11px 32px 7px;
    border-radius: var(--bs-border-radius);
    background: var(--theme-wizard-strip-bg);
}

#jdTemplateModal .jd-steps li {
    position: relative;
    flex: 1;
    text-align: center;
    color: var(--theme-placeholder-color);
}

    #jdTemplateModal .jd-steps li::before {
        content: '';
        position: absolute;
        left: -50%;
        right: 50%;
        top: 8px;
        height: 1px;
        background: var(--theme-light-bg-def-2);
        border: 1px solid var(--theme-primary-color);
    }

#jdTemplateModal .jd-steps li:first-child::before {
    display: none;
}

    #jdTemplateModal .jd-step-dot {
        position: relative;
        z-index: 1;
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 auto 10px;
        border: 2px solid var(--theme-border-2);
        border-radius: 50%;
        background: white;
    }

    #jdTemplateModal .jd-steps li.active {
        color: var(--theme-primary-color);
        font-weight: 600;
    }

        #jdTemplateModal .jd-steps li.active .jd-step-dot,
        #jdTemplateModal .jd-steps li:has(~ li.active) .jd-step-dot {
            background: var(--theme-primary-color);
            border-color: var(--theme-primary-color);
        }

    #jdTemplateModal .jd-step > label {
        display: block;
        margin-bottom: 4px;
    }

        #jdTemplateModal #jdTitle::placeholder {
            visibility: visible;
            opacity: 1;
        }

    #jdTemplateModal .jd-upload-box {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 165px;
        padding: 24px;
        text-align: center;
        border: 2px dashed var(--border-color, #e3deed);
        border-radius: 24px;
    }

        #jdTemplateModal .jd-upload-box:focus-within {
            outline: 2px solid var(--jd-accent);
            outline-offset: 2px;
        }

    #jdTemplateModal #jdFile {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

        #jdTemplateModal #jdFile:disabled {
            cursor: wait;
        }

    #jdTemplateModal .jd-upload-box .p-icon {
        width: 28px;
        height: 28px;
        color: var(--jd-accent);
        fill: currentColor;
    }

    #jdTemplateModal .text-muted {
        font-size: 14px;
        line-height: 1.5;
    }

    #jdTemplateModal #jdOriginalName {
        overflow-wrap: anywhere;
    }

    #jdTemplateModal #jdContentEditor {
        overflow-wrap: anywhere;
    }

        #jdTemplateModal #jdContentEditor .dx-htmleditor-content {
            max-height: 450px;
            overflow: auto;
        }

        #jdTemplateModal .input-validation-error-custom,
        #jdTemplateModal #jdTitle.input-validation-error-custom,
        #jdTemplateModal #jdContentEditor.input-validation-error-custom .dx-quill-container,
        #jdTemplateModal #jdContentEditor.input-validation-error-custom .dx-htmleditor-toolbar-wrapper {
            border-color: var(--red-color) !important;
        }

        #jdTemplateModal #jdContentEditor img,
        #jdTemplateModal #jdContentEditor table {
            max-width: 100%;
        }

    #jdTemplateModal #jdPreview {
        width: 100%;
        height: 400px;
        border: 1px solid var(--border-color, #e3deed);
        margin-top: 12px;
        background: white;
    }

    #jdTemplateModal .jd-assignment-note {
        padding: 16px;
        border-radius: 24px;
        background: var(--primary-container-color, #f0e6ff);
        color: var(--jd-accent);
        font-size: 14px;
    }

    #jdTemplateModal #jdJobTitles {
        overflow: hidden;
        backdrop-filter: blur(30px);
        box-shadow: var(--default-shadow) !important;
        border: 1px solid var(--theme-border-2);
        background: var(--th-dropdown-bg) !important;
        border-radius: calc(var(--border-radius-default)) !important;
    }

    #jdTemplateModal #jdJobTitles .dx-list-item-content {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #jdTemplateModal #jdJobTitles .dx-list-select-all {
        padding: 12px;
    }

    #jdTemplateModal #jdJobTitles .dx-list-item-before-bag {
        padding-left: 12px;
    }

    #jdTemplateModal #jdJobTitles .dx-list-item-selected {
        background: var(--primary-container-color, #f0e6ff);
    }

@media (max-width: 575px) {
    #jdTemplateModal .modal-header {
        padding: 18px 16px 16px;
    }

    #jdTemplateModal .modal-title {
        font-size: 20px;
    }

    #jdTemplateModal .modal-body {
        padding: 0 16px 16px;
    }

    #jdTemplateModal .modal-footer {
        padding: 16px;
    }

    #jdTemplateModal .jd-steps {
        padding: 18px 12px;
    }
}

/* Company Devices filter: retain the shared Review control treatment. */
#DivCompanyDevicesFilter .dx-dropdowneditor-icon,
#DivCompanyDevicesFilter .dx-placeholder {
    color: var(--primary-color);
}

/* Team Rota weekday summary placeholders. */
#teamRotaGrid .team-rota-summary-hours-skeleton {
    width: 2.5rem;
    height: 0.75rem;
}

#teamRotaGrid .team-rota-summary-count-skeleton {
    width: 1.25rem;
    height: 0.75rem;
}

#teamRotaGrid .team-rota-summary-cost-skeleton {
    width: 3rem;
    height: 0.75rem;
}

/* Attendance Setting sentence controls (86cb94y7r). */
.p-acco-att-sec .attendance-notification-recipient-picker {
    display: inline-flex;
    align-items: center;
    flex: 1 1 180px;
    width: 230px;
    max-width: 230px;
    min-width: 150px;
    height: 39px;
    margin: 0;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: auto;
}

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-dropdownbox,
    .p-acco-att-sec .attendance-notification-recipient-picker .dx-texteditor {
        min-height: 39px;
        height: 39px;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-texteditor-container,
    .p-acco-att-sec .attendance-notification-recipient-picker .dx-texteditor-input-container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        height: 39px;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-dropdowneditor-input-wrapper {
        flex: 1 1 auto;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        height: 39px;
        display: flex;
        align-items: center;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-texteditor-input {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        min-height: 0;
        height: 39px;
        line-height: 39px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-texteditor-buttons-container {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        height: 39px;
        align-self: center;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-dropdowneditor-button {
        flex: 0 0 auto;
        align-self: center;
        height: 39px;
        margin: 0;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-clear-button-area {
        flex: 0 0 auto;
        height: 39px;
        display: flex;
        align-items: center;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-tag-container {
        display: flex;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        flex-wrap: nowrap;
        align-items: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 39px;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker .dx-tag {
        margin-top: 0;
        margin-bottom: 0;
        align-self: center;
    }

    .p-acco-att-sec .attendance-notification-recipient-picker > span {
        display: block;
        width: 100%;
        min-height: 39px;
        height: 39px;
    }

.p-acco-att-sec .attendance-setting-field-row {
    margin-bottom: 0.75rem;
    padding-bottom: 0;
}

.p-acco-att-sec .p-cb-w-input {
    overflow: visible;
}

.p-acco-att-sec .attendance-notification-row,
.p-acco-att-sec .attendance-setting-sentence-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 6px;
    overflow: visible;
}

    .p-acco-att-sec .attendance-notification-row.custom-control,
    .p-acco-att-sec .attendance-setting-sentence-row.custom-control {
        padding-left: 1.7rem;
        overflow: visible;
        min-height: 39px;
    }

    .p-acco-att-sec .attendance-notification-row > .custom-control-label,
    .p-acco-att-sec .attendance-setting-sentence-row > .custom-control-label {
        position: relative;
        display: block;
        width: auto;
        max-width: none;
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 0;
        flex: 0 0 auto;
        line-height: 1.65;
    }

        .p-acco-att-sec .p-cb-w-input .p-custom-checkbox.attendance-notification-row > .custom-control-label::before,
        .p-acco-att-sec .p-cb-w-input .p-custom-checkbox.attendance-setting-sentence-row > .custom-control-label::before,
        .p-acco-att-sec .attendance-notification-row > .custom-control-label::before,
        .p-acco-att-sec .attendance-setting-sentence-row > .custom-control-label::before {
            left: -1.6rem;
            top: 0.05rem;
        }

        .p-acco-att-sec .p-cb-w-input .p-custom-checkbox.attendance-notification-row > .custom-control-label::after,
        .p-acco-att-sec .p-cb-w-input .p-custom-checkbox.attendance-setting-sentence-row > .custom-control-label::after,
        .p-acco-att-sec .attendance-notification-row > .custom-control-label::after,
        .p-acco-att-sec .attendance-setting-sentence-row > .custom-control-label::after {
            left: -1.65rem;
            top: 0.01rem;
        }

.p-acco-att-sec .attendance-notification-sentence-rest {
    display: contents;
}

.p-acco-att-sec .attendance-notification-row .attendance-notification-checkbox-label {
    margin-bottom: 0;
}

.p-acco-att-sec .attendance-notification-row > span:not(.attendance-notification-recipient-picker):not(.p-cb-input-valid):not(.attendance-notification-recipient-error),
.p-acco-att-sec .attendance-setting-sentence-row > span:not(.p-cb-input-valid) {
    flex: 0 1 auto;
    min-width: 0;
    line-height: 1.65;
}

.p-acco-att-sec .attendance-notification-row .p-cb-input-valid,
.p-acco-att-sec .attendance-setting-sentence-row .p-cb-input-valid {
    flex: 0 0 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    height: 39px;
}

.p-acco-att-sec .attendance-notification-row .p-small-input.p-input-sm-inline,
.p-acco-att-sec .attendance-setting-sentence-row .p-small-input.p-input-sm-inline {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    height: 39px;
    box-sizing: border-box;
    padding: 0.45rem 0.8rem 0.45rem 0.6rem;
    margin: 0 0.4rem;
    vertical-align: middle;
}

.p-acco-att-sec .attendance-setting-sentence-row .p-small-input.p-input-sm-select {
    height: 39px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0.45rem 2.85rem 0.45rem 0.6rem;
    margin: 0 0.4rem;
    vertical-align: middle;
}

.p-acco-att-sec .ph-card .p-small-input.p-input-sm-inline {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    height: 39px;
    box-sizing: border-box;
    padding: 0.45rem 0.8rem 0.45rem 0.6rem;
    vertical-align: middle;
}

.p-acco-att-sec .attendance-notification-recipient-error {
    flex-basis: 100%;
    width: 100%;
    display: none;
    margin-left: 0;
    padding-left: 1.7rem;
}

.p-acco-att-sec .attendance-setting-reason-list {
    margin-top: 0.5rem;
    max-width: 100%;
    min-width: 0;
    clear: both;
    position: relative;
    z-index: 0;
}

    .p-acco-att-sec .attendance-setting-reason-list .select2-container,
    .p-acco-att-sec .attendance-setting-reason-list .select2-selection--multiple,
    .p-acco-att-sec .attendance-setting-reason-list .select2-selection__rendered {
        max-width: 100%;
        min-width: 0;
    }

    .p-acco-att-sec .attendance-setting-reason-list .select2-selection__rendered {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
        align-items: center;
    }

    .p-acco-att-sec .attendance-setting-reason-list .select2-selection__choice {
        float: none;
        margin: 0;
    }
/* Keep each sentence fragment together while the row wraps naturally on narrow screens. */
.p-acco-att-sec .attendance-notification-sentence-rest > span:not(.p-cb-input-valid) {
    flex: 0 0 auto;
}

.p-acco-att-sec .attendance-notification-recipient-picker .dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius) * 0.8) !important;
}

@media (max-width: 767px) {
    .p-acco-att-sec .attendance-notification-sentence-rest > span:not(.p-cb-input-valid) {
        flex-shrink: 1;
        max-width: 100%;
    }
}

/* 86cbc0ehw / 86cb8dp9m: Archived Filter By Reportee in grid-btn-abs-right; Search stays toolbar-left. */
#pills-archived-mytask .grid-btn-abs.grid-btn-abs-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    left: auto;
    right: 0;
    padding-right: 0;
    box-sizing: border-box;
}

    #pills-archived-mytask .grid-btn-abs.grid-btn-abs-right .p-goalcount-wrapper {
        align-items: center;
        gap: 1.8rem;
    }

#pills-archived-mytask #myArchivedTaskTable .dx-datagrid-header-panel .dx-toolbar {
    align-items: center;
    min-height: 42px;
}

#pills-archived-mytask #myArchivedTaskTable .dx-datagrid-header-panel .dx-toolbar-before .dx-toolbar-item,
#pills-archived-mytask #myArchivedTaskTable .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-item {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

#pills-archived-mytask #reporteeDropdown2Host {
    display: inline-flex !important;
    align-items: center;
    height: 42px;
    margin: 0;
    vertical-align: middle;
}

    #pills-archived-mytask #reporteeDropdown2Host .dx-selectbox,
    #pills-archived-mytask #reporteeDropdown2Host .dx-texteditor-container,
    #pills-archived-mytask #reporteeDropdown2Host .dx-texteditor-input {
        min-height: 42px;
        height: 42px;
        box-sizing: border-box;
    }

#pills-archived-mytask #myArchivedTaskTable .dx-datagrid-header-panel .dx-datagrid-search-panel,
#pills-archived-mytask #myArchivedTaskTable .dx-datagrid-header-panel .dx-datagrid-search-panel .dx-texteditor-container,
#pills-archived-mytask #myArchivedTaskTable .dx-datagrid-header-panel .dx-datagrid-search-panel .dx-texteditor-input {
    min-height: 42px;
    height: 42px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
}


/* Therapy and Coaching share one content column for the heading, hero and session tables. */
.my-coach-v2 .myt-content-column,
.my-therapy-v2 .myt-content-column,
.my-therapy-v2 .featured-banner-grid.myt-no-therapist-layout,
.my-therapy-v2 .featured-banner-grid:not(.myt-no-therapist-layout),
.my-therapy-v2 #myTherapyUnassignedSteps {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.my-therapy-v2 #myTherapyUnassignedState .myt-unassigned-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
}

@media (max-width: 767px) {
    .my-therapy-v2 #myTherapyUnassignedState .myt-unassigned-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (min-width: 1251px) {
    .my-therapy-v2 .featured-banner-grid:not(.myt-no-therapist-layout) {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
}

/* Care page request states are present in the initial markup to avoid a content flash. */
.my-coach-v2 .myt-hero-skeleton,
.my-coach-v2 .myt-balance-skeleton,
.my-coach-v2 .myt-prepare-skeleton,
.my-coach-v2 .myt-load-error,
.my-coach-v2 #upcommingSessionLoder,
.my-coach-v2 #completedSessionLoder,
.my-therapy-v2 .myt-hero-skeleton,
.my-therapy-v2 .myt-balance-skeleton,
.my-therapy-v2 .myt-prepare-skeleton,
.my-therapy-v2 .myt-load-error,
.my-therapy-v2 #upcommingSessionLoder,
.my-therapy-v2 #completedSessionLoder {
    display: none;
}

.my-coach-v2.myt-page-is-loading .myt-hero-skeleton,
.my-coach-v2.myt-page-is-loading .myt-prepare-skeleton,
.my-coach-v2.myt-page-is-loading #upcommingSessionLoder,
.my-coach-v2.myt-page-is-loading #completedSessionLoder,
.my-coach-v2 .myt-balance-is-loading .myt-balance-skeleton,
.my-coach-v2.myt-page-load-error .myt-load-error,
.my-therapy-v2.myt-page-is-loading .myt-hero-skeleton,
.my-therapy-v2.myt-page-is-loading .myt-prepare-skeleton,
.my-therapy-v2.myt-page-is-loading #upcommingSessionLoder,
.my-therapy-v2.myt-page-is-loading #completedSessionLoder,
.my-therapy-v2 .myt-balance-is-loading .myt-balance-skeleton,
.my-therapy-v2.myt-page-load-error .myt-load-error {
    display: block !important;
}

.my-coach-v2.myt-page-is-loading #myCoachAssignedState,
.my-coach-v2.myt-page-is-loading #myCoachUnassignedState,
.my-coach-v2.myt-page-is-loading #myCoachUnassignedSteps,
.my-coach-v2.myt-page-is-loading .myt-state-toggle,
.my-coach-v2.myt-page-is-loading .myt-prepare-content,
.my-coach-v2.myt-page-is-loading #myCoachPrepareCard,
.my-coach-v2.myt-page-is-loading #table_upcommingSession,
.my-coach-v2.myt-page-is-loading #table_completedSession,
.my-coach-v2 .myt-balance-is-loading .myt-balance-card,
.my-coach-v2 .myt-balance-is-loading #lblBlockMessage,
.my-coach-v2.myt-page-load-error #myCoachAssignedState,
.my-coach-v2.myt-page-load-error #myCoachUnassignedState,
.my-coach-v2.myt-page-load-error #myCoachUnassignedSteps,
.my-coach-v2.myt-page-load-error .myt-state-toggle,
.my-therapy-v2.myt-page-is-loading #myTherapyAssignedState,
.my-therapy-v2.myt-page-is-loading #myTherapyUnassignedState,
.my-therapy-v2.myt-page-is-loading #myTherapyUnassignedSteps,
.my-therapy-v2.myt-page-is-loading .myt-state-toggle,
.my-therapy-v2.myt-page-is-loading .myt-prepare-content,
.my-therapy-v2.myt-page-is-loading #myTherapyPrepareCard,
.my-therapy-v2.myt-page-is-loading #table_upcommingSession,
.my-therapy-v2.myt-page-is-loading #table_completedSession,
.my-therapy-v2 .myt-balance-is-loading .myt-balance-card,
.my-therapy-v2 .myt-balance-is-loading #lblBlockMessage,
.my-therapy-v2.myt-page-load-error #myTherapyAssignedState,
.my-therapy-v2.myt-page-load-error #myTherapyUnassignedState,
.my-therapy-v2.myt-page-load-error #myTherapyUnassignedSteps,
.my-therapy-v2.myt-page-load-error .myt-state-toggle {
    display: none !important;
}

.my-coach-v2 .myt-hero-skeleton,
.my-therapy-v2 .myt-hero-skeleton {
    width: 100%;
}

.my-coach-v2 .myt-load-error,
.my-therapy-v2 .myt-load-error {
    padding: 2rem;
}

.my-coach-v2.myt-page-load-error .p-thc-grid-mw,
.my-therapy-v2.myt-page-load-error .p-thc-grid-mw {
    display: grid !important;
}

.my-coach-v2 #myCoachPrepareCard .myt-prepare-item,
.my-coach-v2 #myCoachPrepareLoader .myt-prepare-item,
.my-therapy-v2 #myTherapyPrepareCard .myt-prepare-item,
.my-therapy-v2 #myTherapyPrepareLoader .myt-prepare-item {
    margin-bottom: 0.95rem;
}

/* Shared CTA classes retain the care page's size, colours and outline interaction. */
.my-coach-v2 .myt-hero-actions .mwcm-btn-primary,
.my-coach-v2 .myt-hero-actions .mwcm-btn-secondary,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-primary,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-secondary {
    min-height: 2.75rem;
    padding-inline: 1.25rem;
    border-radius: 999px;
    text-decoration: none;
}

.my-coach-v2 .myt-hero-actions .mwcm-btn-primary,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-primary {
    background-color: var(--myt-primary);
    color: #fff;
}

.my-coach-v2 .myt-hero-actions .mwcm-btn-secondary,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-secondary {
    border-color: var(--myt-primary);
    background-color: #fff;
    color: var(--myt-primary);
}

.my-coach-v2 .myt-hero-actions .mwcm-btn-secondary:hover,
.my-coach-v2 .myt-hero-actions .mwcm-btn-secondary:focus,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-secondary:hover,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-secondary:focus {
    background-color: var(--myt-primary-soft);
    color: var(--myt-primary);
}

.my-coach-v2 .myt-hero-actions .mwcm-btn-icon .myt-cta-icon,
.my-therapy-v2 .myt-hero-actions .mwcm-btn-icon .myt-cta-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
}

@media (prefers-reduced-motion: reduce) {
    .my-coach-v2 .loading-skeleton *,
    .my-coach-v2 .loading-skeleton *::before,
    .my-coach-v2 .loading-skeleton *::after,
    .my-coach-v2 .table-skeleton-loader::before,
    .my-therapy-v2 .loading-skeleton *,
    .my-therapy-v2 .loading-skeleton *::before,
    .my-therapy-v2 .loading-skeleton *::after,
    .my-therapy-v2 .table-skeleton-loader::before {
        animation: none !important;
    }
}

/* My Therapy unassigned outline icons (86cbe174p). */
.my-therapy-v2 #myTherapyUnassignedState .myt-trust-row .myt-outline-icon,
.my-therapy-v2 #myTherapyUnassignedSteps .myt-step-icon .myt-outline-icon {
    fill: none;
    stroke: currentColor;
    color: var(--myt-primary);
    flex-shrink: 0;
}

.my-therapy-v2 #myTherapyUnassignedState .myt-trust-row .myt-outline-icon {
    width: 1rem;
    height: 1rem;
}

.my-therapy-v2 #myTherapyUnassignedSteps .myt-step-icon .myt-outline-icon {
    width: 1.25rem;
    height: 1.25rem;
}

/* Task Scheduling: Schedule Logs uses shared platform controls. */
#taskScheduleLogsModal .modal-header {
    align-items: flex-start;
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--primary-border-color);
}

#taskScheduleLogsModal .tsl-header-copy {
    min-width: 0;
}

#taskScheduleLogsModal .tsl-subtitle {
    margin: 0;
    color: var(--secondary-color);
    font-size: var(--base-font-size);
    line-height: 1.4;
}

#taskScheduleLogsModal .tsl-tabs {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding: 0 24px;
    border-bottom: 1px solid var(--primary-border-color);
}

#taskScheduleLogsModal .tsl-tab-btn.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: var(--theme-primary-color);
}

#taskScheduleLogsModal .modal-body {
    padding: 0;
    background: var(--chat-dark-bg-2);
}

#taskScheduleLogsModal .tsl-log-list {
    min-height: 100%;
}

#taskScheduleLogsModal .tsl-log-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    padding: 20px 24px 18px;
    border-bottom: 1px solid var(--primary-border-color);
}

#taskScheduleLogsModal .tsl-log-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--theme-primary-color);
    background: var(--btn-light-bg);
    border-radius: 50%;
}

    #taskScheduleLogsModal .tsl-log-icon svg {
        width: 18px;
        height: 18px;
    }

#taskScheduleLogsModal .tsl-log-main {
    min-width: 0;
}

#taskScheduleLogsModal .tsl-log-top {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

#taskScheduleLogsModal .tsl-log-title {
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

    #taskScheduleLogsModal .tsl-log-title p {
        margin: 0;
    }

#taskScheduleLogsModal .tsl-recipient-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    padding: 4px 10px;
    color: var(--theme-primary-color);
    background: var(--btn-light-bg);
    border-radius: 8px;
    font-size: var(--base-font-size-xxs);
    font-weight: 600;
    line-height: 1;
}

    #taskScheduleLogsModal .tsl-recipient-badge svg {
        width: 14px;
        height: 14px;
    }

#taskScheduleLogsModal .tsl-log-meta {
    margin-bottom: 14px;
    color: var(--secondary-color);
    font-size: var(--base-font-size);
}

#taskScheduleLogsModal .tsl-progress {
    display: flex;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: #c7c8d2;
    border-radius: 8px;
}

    #taskScheduleLogsModal .tsl-progress rect {
        display: block;
        height: 100%;
    }

#taskScheduleLogsModal .tsl-progress-delivered {
    fill: #2f8a52;
}

#taskScheduleLogsModal .tsl-progress-failed {
    fill: #c43c3c;
}

#taskScheduleLogsModal .tsl-progress-pending {
    fill: #b8bac6;
}

#taskScheduleLogsModal .tsl-counts {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 10px 0 14px;
}

#taskScheduleLogsModal .tsl-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--base-font-size-xxs);
}

#taskScheduleLogsModal .tsl-count-dot {
    width: 12px;
    height: 12px;
    border: 1px solid currentColor;
    border-radius: 50%;
}

#taskScheduleLogsModal .tsl-count-delivered {
    color: #22864f;
}

#taskScheduleLogsModal .tsl-count-failed {
    color: #d33f3f;
}

#taskScheduleLogsModal .tsl-count-pending {
    color: #6b7280;
}

#taskScheduleLogsModal .tsl-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#taskScheduleLogsModal .tsl-action-btn {
    gap: 8px;
}

    #taskScheduleLogsModal .tsl-action-btn:disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }

    #taskScheduleLogsModal .tsl-action-btn svg {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
    }

    #taskScheduleLogsModal .tsl-action-btn .icon {
        color: inherit;
    }

#taskScheduleLogsModal .tsl-row-retry {
    justify-self: end;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

    #taskScheduleLogsModal .tsl-row-retry:hover,
    #taskScheduleLogsModal .tsl-row-retry:focus {
        background: transparent;
    }

#taskScheduleLogsModal .tsl-show-more {
    border: 0;
    background: transparent;
    box-shadow: none;
}

#taskScheduleLogsModal .tsl-recipients-panel {
    grid-column: 2;
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
    border-radius: 8px;
}

#taskScheduleLogsModal .tsl-recipient-search {
    position: relative;
    padding: 8px;
    border-bottom: 1px solid var(--primary-border-color);
}

    #taskScheduleLogsModal .tsl-recipient-search .tsl-recipient-search-icon {
        position: absolute;
        left: 18px;
        top: 18px;
        width: 15px;
        height: 15px;
        color: var(--secondary-color);
    }

#taskScheduleLogsModal .tsl-recipient-search-clear {
    position: absolute;
    right: 18px;
    top: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--secondary-color);
    cursor: pointer;
}

    #taskScheduleLogsModal .tsl-recipient-search-clear svg {
        width: 12px;
        height: 12px;
    }

#taskScheduleLogsModal .tsl-recipient-search input {
    width: 100%;
    height: 36px;
    padding: 8px 36px;
    border: 1px solid var(--input-border-1);
    border-radius: 8px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

#taskScheduleLogsModal .tsl-recipient-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px 96px;
    align-items: center;
    gap: 16px;
    min-height: 54px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--primary-border-color);
}

    #taskScheduleLogsModal .tsl-recipient-row:last-child {
        border-bottom: 0;
    }

#taskScheduleLogsModal .tsl-recipient-name {
    margin-bottom: 2px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    font-weight: 600;
}

#taskScheduleLogsModal .tsl-recipient-email,
#taskScheduleLogsModal .tsl-recipient-message {
    color: var(--secondary-color);
    font-size: var(--base-font-size-xxs);
    line-height: 1.3;
}

    #taskScheduleLogsModal .tsl-recipient-message.failed {
        color: #c43c3c;
    }

#taskScheduleLogsModal .tsl-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-self: end;
    width: 92px;
    min-width: 92px;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: var(--base-font-size-xxs);
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 1px 4px rgba(16, 24, 40, 0.12);
}

    #taskScheduleLogsModal .tsl-status-pill .tsl-count-dot {
        width: 10px;
        height: 10px;
    }

#taskScheduleLogsModal .tsl-status-delivered {
    color: #22864f;
    background: #dcf5e4;
}

#taskScheduleLogsModal .tsl-status-failed {
    color: #d33f3f;
    background: #fee4e2;
}

#taskScheduleLogsModal .tsl-status-pending {
    color: #6b7280;
    background: #f0f2f6;
}

#taskScheduleLogsModal .tsl-empty {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 24px 16px;
    color: var(--secondary-color);
    font-size: var(--base-font-size);
}

    #taskScheduleLogsModal .tsl-empty .p-nd-upd {
        margin: 0;
    }

    #taskScheduleLogsModal .tsl-empty .no-data {
        width: 56px;
        height: 56px;
        color: #d0d5dd;
    }

    #taskScheduleLogsModal .tsl-empty p {
        margin: 10px 0 0;
        color: var(--secondary-color);
        font-size: var(--base-font-size);
        line-height: 1.4;
    }

#taskScheduleLogsRetryModal .modal-body {
    padding: 8px 24px 4px;
}

#taskScheduleLogsRetryModal .modal-footer {
    gap: 8px;
    padding: 16px 24px 24px;
}

#taskScheduleLogsRetryModal .tsl-retry-copy {
    color: var(--secondary-color);
    font-size: var(--base-font-size);
    line-height: 1.55;
}


#taskScheduleLogsModal .tsl-tabs .nav-link {
    min-height: 48px;
    position: relative;
    background: transparent;
    border-radius: 0;
}

#taskScheduleLogsModal .tsl-title {
    margin: 0 0 8px;
}

#taskScheduleLogsModal .tsl-recipient-row > div:first-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

#taskScheduleLogsModal .tsl-log-meta,
#taskScheduleLogsModal .tsl-subtitle {
    overflow-wrap: anywhere;
}

#taskScheduleLogsModal .tsl-progress {
    flex-shrink: 0;
}

#taskScheduleLogsModal .tsl-action-btn:focus-visible,
#taskScheduleLogsModal .tsl-tab-btn:focus-visible {
    outline: 2px solid var(--theme-primary-color);
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    #taskScheduleLogsModal .modal-content {
        height: 100%;
        max-height: 100%;
    }

    #taskScheduleLogsModal .modal-header {
        padding: 16px;
    }

    #taskScheduleLogsModal .tsl-tabs {
        padding: 0 16px;
        gap: 20px;
    }

    #taskScheduleLogsModal .tsl-log-item {
        padding: 16px;
        gap: 10px;
    }

    #taskScheduleLogsModal .tsl-recipients-panel {
        grid-column: 1 / -1;
    }

    #taskScheduleLogsModal .tsl-recipient-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

        #taskScheduleLogsModal .tsl-recipient-row > div:first-child {
            grid-column: 1 / -1;
        }
}

/* Hire candidate field counters (86cbetuh1). */
.form-control.hire-char-limit-reached {
    border-color: var(--red-color) !important;
}

.text-danger.hire-char-limit-message {
    display: block !important;
}

/* Career Site SEO preview: flex items must shrink before truncation. */
.career-site-db .cs-seo-embed-row > .ph-card {
    min-width: 0;
}

.career-site-db .cs-seo-preview-text {
    min-width: 0;
}

.career-site-db .cs-seo-preview-url {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.career-site-db .cs-seo-preview-text .label-primary {
    overflow-wrap: anywhere;
}

.career-site-db .p-seo-ci {
    flex-shrink: 0;
}
/* Employee Company Document acknowledgement: reuse the existing side modal and file viewer. */
#employeeDocumentAckModal .modal-dialog {
    margin-left: auto;
    margin-right: 0;
}

#employeeDocumentAckModal .modal-content {
    max-height: 100dvh;
}

#employeeDocumentAckModal .modal-body {
    overflow-y: auto;
}

#employeeDocumentAckModal .employee-document-ack-viewer {
    display: block;
    width: 100%;
    height: 75dvh;
    border: 0;
}

#employeeDocumentAckModal .employee-document-ack-image {
    max-width: 100%;
    height: auto;
}

#employeeDocumentAckModal .hidden {
    display: none;
}

#employeeDocumentAckModal .employee-document-ack-confirmation {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

    #employeeDocumentAckModal .employee-document-ack-confirmation input {
        flex-shrink: 0;
        margin-top: 0.3rem;
    }

    #employeeDocumentAckModal .employee-document-ack-confirmation label {
        overflow-wrap: anywhere;
    }

#employeeDocumentAckModal #employeeDocumentAckSubmit {
    margin-bottom: 1rem;
}

/* Monthly Absence request lifecycle overrides the shared hosts' initial visibility. */
#reportTemplateGridContainer.monthly-absence-loading,
#reportDataGridContainerToShow.monthly-absence-loading,
#gridTemplateReportPanel.monthly-absence-ready,
#gridReportLoadPanel.monthly-absence-ready {
    display: none !important;
}

#reportTemplateGridContainer.monthly-absence-ready,
#reportDataGridContainerToShow.monthly-absence-ready,
#gridTemplateReportPanel.monthly-absence-loading,
#gridReportLoadPanel.monthly-absence-loading {
    display: block !important;
}

/* Candidate Pool: loading must preserve DevExtreme's measured viewport. */
#teamTimeOffGridParent.candidate-pool-loading {
    visibility: hidden;
    pointer-events: none;
}

#candidatePoolSkeletonLoader.candidate-pool-skeleton {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

#CandidatePoolGrid .dx-datagrid-rowsview .dx-row > td.candidate-pool-text-cell {
    overflow: hidden !important;
}

#CandidatePoolGrid .candidate-pool-cell-text {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.common-user-selection-modal {
    z-index: 10000;
}

.modal-backdrop.time-off-policy-selection-backdrop,
.modal-backdrop.review-user-selection-backdrop {
    /* Cover the parent modal while remaining below the shared selection dialog. */
    z-index: 9999;
}

/* Job Details keeps its body overlay; Bootstrap owns the warning backdrop.
   The drawer is at 2770. Retain the warning's existing 99999 layer and
   place only its backdrop immediately below it, above the drawer. */
.profile-probation-warning {
    z-index: 99999;
}

body.modal-open.profile-probation-warning-open .modal-backdrop {
    z-index: 99998;
    background: rgb(10 30 68 / 64%);
}

/* Navigation dropdowns are portalled to body at the warning's layer.
   Keep them with the underlying drawer while this warning is open. */
body.profile-probation-warning-open .sidebar-dropdown-menu {
    z-index: 2770;
}

#onOpenCandidateModel .modal-dialog.modal-blur {
    -webkit-filter: blur(6px);
    filter: blur(6px);
}

/* Interview feedback shares its heading gutter; only criterion cards nest content. */
@media (max-width: 992px) {
    #onOpenCandidateModel .modal-info-notes-container {
        flex-direction: column;
    }
}

.hire-interviewer-feedback .can-sco-scorecard-interview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hire-interviewer-feedback .can-sco-skill,
.hire-interviewer-feedback .can-sco-comment-wrap,
.hire-interviewer-feedback .can-sco-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.hire-interviewer-feedback .can-sco-skill-header {
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .hire-interviewer-feedback .can-sco-scorecard-interview {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Company Devices: loaded controls follow the existing inventory skeleton lifecycle. */
#all.company-devices-loading .company-devices-inventory-search-chrome,
#all.company-devices-loading .grid-btn-abs,
#assigned.company-devices-loading .company-devices-inventory-search-chrome,
#assigned.company-devices-loading .grid-btn-abs,
#unassigned.company-devices-loading .company-devices-inventory-search-chrome,
#unassigned.company-devices-loading .grid-btn-abs {
    display: none !important;
}

/* Company Devices Assigned / Unassigned: a search or clear keeps the focused Search editor mounted, so the
   grid itself is not hidden. Hide only the column headers, rows and pager (visibility keeps the layout
   DevExtreme measures) so the skeleton is never shown on top of the previous rows. */
#assigned.company-devices-loading #AssignedDevicesGrid .dx-datagrid-headers,
#assigned.company-devices-loading #AssignedDevicesGrid .dx-datagrid-rowsview,
#assigned.company-devices-loading #AssignedDevicesGrid .dx-datagrid-pager,
#unassigned.company-devices-loading #UnAssignedDevicesGrid .dx-datagrid-headers,
#unassigned.company-devices-loading #UnAssignedDevicesGrid .dx-datagrid-rowsview,
#unassigned.company-devices-loading #UnAssignedDevicesGrid .dx-datagrid-pager {
    visibility: hidden !important;
    pointer-events: none !important;
}

#assigned.company-devices-loading #AssignedDevicesGrid .dx-datagrid-headers *,
#assigned.company-devices-loading #AssignedDevicesGrid .dx-datagrid-rowsview *,
#assigned.company-devices-loading #AssignedDevicesGrid .dx-datagrid-pager *,
#unassigned.company-devices-loading #UnAssignedDevicesGrid .dx-datagrid-headers *,
#unassigned.company-devices-loading #UnAssignedDevicesGrid .dx-datagrid-rowsview *,
#unassigned.company-devices-loading #UnAssignedDevicesGrid .dx-datagrid-pager * {
    visibility: hidden !important;
}

/* The overlay form of the skeleton (search kept mounted) is bounded to the grid so its rows cannot spill
   out of the .table-responsive wrapper; the in-flow form (tkl-ws-pos-ini) matches the Devices tab. */
.company-devices-inventory-card #AssignedDevicesLoadPanel.tkl-ws:not(.tkl-ws-pos-ini),
.company-devices-inventory-card #UnAssignedDevicesLoadPanel.tkl-ws:not(.tkl-ws-pos-ini) {
    bottom: 0;
    overflow: hidden;
}

/* Carry the layout's existing page minimum through to every People tab card.
   Content can still grow beyond the viewport; the document owns scrolling. */
.my-people-page,
.my-people-page > .row > .col-sm-12,
.my-people-page .nd-cus-conatiner,
.my-people-page .p-userlist,
.my-people-page .p-userlist > .position-relative,
.my-people-page .cp-payment-main-container,
.my-people-page .cp-payment-content,
.my-people-page #pills-tabContent,
.my-people-page #pills-tabContent > .tab-pane.active {
    display: flex;
    flex-direction: column;
}

.my-people-page > .row,
.my-people-page .nd-cus-conatiner,
.my-people-page .p-userlist,
.my-people-page .p-userlist > .position-relative,
.my-people-page .cp-payment-main-container,
.my-people-page .cp-payment-content,
.my-people-page #pills-tabContent,
.my-people-page #pills-tabContent > .tab-pane.active,
.my-people-page #pills-tabContent > .tab-pane > .ph-card {
    flex: 1 0 auto;
    min-width: 0;
}

.my-people-page .nd-cus-conatiner {
    width: 100%;
}

/* Replace the legacy breakpoint-specific card minimums, including h-100. */
.my-people-page #pills-tabContent > .tab-pane > .ph-card {
    min-height: 0;
    height: auto !important;
}

/* My People grids grow with their current page; the document owns vertical scrolling. */
.my-people-page .gridMainDiv,
.my-people-page .gridTerminatedUsersDiv,
.my-people-page .dx-datagrid {
    min-width: 0;
    max-width: 100%;
}

/* Keep each grid in the layout while its page-local skeleton covers the loading area. */
.my-people-page .my-people-grid-shell > .gridMainDiv,
.my-people-page .my-people-grid-shell > .gridTerminatedUsersDiv,
.my-people-page .my-people-grid-shell .p-def-datagrid-2 {
    display: block !important;
}

/* Preserve the DevExtreme column layout for toolbar, rows and pager. */
.my-people-page .my-people-grid-shell .dx-datagrid.dx-gridbase-container {
    display: flex !important;
    flex-direction: column;
}

/*.my-people-page .my-people-grid-shell > .my-people-grid-loader.tkl-ws {
    display: none !important;
    top: 3.8rem;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    overflow: hidden;
    background-color: var(--card-bg-color);
    pointer-events: none;
}*/

.my-people-page .my-people-grid-shell.is-loading > .my-people-grid-loader.tkl-ws {
    display: block !important;
}

.my-people-page .my-people-grid-shell.is-loading > .gridMainDiv,
.my-people-page .my-people-grid-shell.is-loading > .gridTerminatedUsersDiv {
    visibility: hidden;
    pointer-events: none;
}

/* Fixed-column clones can restore visibility beneath a hidden grid host. */
.my-people-page .my-people-grid-shell.is-loading > .gridMainDiv .p-dd-wp-wrapper,
.my-people-page .my-people-grid-shell.is-loading > .gridTerminatedUsersDiv .p-dd-wp-wrapper {
    visibility: hidden !important;
    pointer-events: none;
}

.my-people-page .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    flex-direction: row;
}

/* Override Page.css's important negative toolbar margin only on My People. */
.my-people-page .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after > .dx-toolbar-item {
    margin-right: 0 !important;
}

.my-people-page .gridMainDiv.table-responsive {
    height: auto;
    overflow: visible;
    min-width: 0;
    max-width: none;
}

/* My People native horizontal bars reuse the Rota Open Shifts scrollbar design. */
.my-people-page .dx-datagrid-rowsview.dx-scrollable-native > .dx-scrollable-wrapper > .dx-scrollable-container::-webkit-scrollbar {
    height: 0.45rem;
}

.my-people-page .dx-datagrid-rowsview.dx-scrollable-native > .dx-scrollable-wrapper > .dx-scrollable-container::-webkit-scrollbar-track {
    background: transparent;
}

.my-people-page .dx-datagrid-rowsview.dx-scrollable-native > .dx-scrollable-wrapper > .dx-scrollable-container::-webkit-scrollbar-thumb {
    background-color: #9ca3af;
    border-radius: 999px;
}

.my-people-page .dx-datagrid-rowsview.dx-scrollable-native > .dx-scrollable-wrapper > .dx-scrollable-container::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

/* Use native thin bars only where WebKit pseudo-elements are unavailable. */
@supports not selector(::-webkit-scrollbar) {
    .my-people-page .dx-datagrid-rowsview.dx-scrollable-native > .dx-scrollable-wrapper > .dx-scrollable-container {
        scrollbar-width: thin;
        scrollbar-color: #9ca3af transparent;
    }
}

/* Keep long Company Documents action menus reachable in short viewports. */
.company-document-actions .p-dd-wp-content {
    width: max-content;
    max-width: calc(100vw - 16px);
    max-height: 50vh;
    overflow-y: auto;
    overscroll-behavior: contain;
}
/* Team Rota department totals share the same leading and inter-value separator. */
#teamRotaGrid .dept-summary > span {
    position: relative;
    margin-right: 6px;
    padding-left: 10px;
}

    #teamRotaGrid .dept-summary > span::before {
        content: "\2022";
        position: absolute;
        left: 0;
        font-size: 12px;
    }

/* Hire Auto Reject Skills: keep selected tags on one horizontally scrollable row. */
#frmAddPostitions .hire-auto-reject-skills .dx-tag-container.dx-texteditor-input-container,
#frmEditPostitions .hire-auto-reject-skills .dx-tag-container.dx-texteditor-input-container
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    max-width: 274px;
}

.p-input-append.p-dx-tag-ml #txtEditSkills .dx-tag-container.dx-texteditor-input-container
 {
    white-space: nowrap;
    overflow: hidden;
    flex-wrap: nowrap;
}

#frmAddPostitions .hire-auto-reject-skills .dx-tag,
#frmEditPostitions .hire-auto-reject-skills .dx-tag {
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
}

#frmAddPostitions .hire-auto-reject-skills .dx-tag-content,
#frmEditPostitions .hire-auto-reject-skills .dx-tag-content {
    max-width: none;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    padding-right: 28px;
}

#myTimesheetEmployeeNotesWrap label.p-control-lbl,
#myTimesheetEmployeeNotesWrapRej label.p-control-lbl,
#viewEmployeeNotesWrap label.p-control-lbl,
#userTimesheetEmployeeNotesWrap label.p-control-lbl,
#approveEmployeeNotesWrap label.p-control-lbl,
#approveEmployeeNotesWrap label.p-control-lbl {
    padding-left: 0;
    font-weight: 500;
    margin-bottom: 0.6rem;
}

.tkl-ws-pos-ini-ono {
    top: 52px;
    z-index: 99999;
    background: #fff;
    height: 100%;
}
/* My Therapy / My Coaching profile drawers only (86cbhtzf7). */
.sidebar-therapist-profile.myt-care-profile {
    --myt-primary: var(--dark-bg-txt);
    width: min(var(--sidebar-width-lg), 100vw);
}

.sidebar-therapist-profile.myt-care-profile:not(.open) {
    right: max(calc(var(--sidebar-width-lg) * -1), -100vw);
}

.sidebar-therapist-profile.myt-care-profile.myt-company-theme {
    --myt-primary: var(--theme-primary-color);
}

.p-bs-right .p-feat-legends-items.p-feat-legends-link label {
    color: var(--theme-primary-color) !important;
}

#tlOneOnOne .pts-srem-mw {
    padding: 0;
}

.myt-no-balance-layout .myt-session-aside {
    display: none !important;
}

.featured-banner-grid.myt-no-balance-layout {
    grid-template-columns: 1fr !important;
}

.myt-hero-footer.myt-skeleton-footer {
    background: var(--theme-border-1) !important;
}

.loading-skeleton .myt-hero-actions a {
    background: var(--theme-border-1) !important;
    border: none;
}

.myt-skeleton-tag-rows small {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.myt-hero-skeleton.loading-skeleton .myt-btn-join {
    background: var(--theme-border-1);
}

.p-input-append.p-add-si #email-templateIn .dx-texteditor-input-container {
    padding-right: 0;
}


.p-nd-widget-actions:has(.js-widget-remove.btn) {
    display: none !important;
}

.nav-bell-icon a.nav-link {
    padding-left: 0.3rem !important;
}

.nav-bell-icon .navbar-badge {
    right: 3px;
    top: 5px;
}

/* Admin eSign requester picker: 124g39pbb55. */
#esign-user-select .esign-requester-field,
#esign-user-select .esign-requester-field > .form-group {
    min-width: 0;
}

#esign-user-select .esign-requester-control:not(.hidden) {
    display: block;
    width: 100%;
    min-width: 0;
}

#esign-user-select .esign-requester-control > .select2-container {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}
/* End Admin eSign requester picker: 124g39pbb55. */

#jdTemplateModal .jd-file-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

#jdTemplateModal .jd-file-remove {
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
}

    #jdTemplateModal .jd-file-remove .p-icon {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: var(--red-color);
    }

    #jdTemplateModal .jd-file-remove:hover .p-icon,
    #jdTemplateModal .jd-file-remove:focus-visible .p-icon {
        stroke-width: 2;
    }

    #jdTemplateModal .jd-file-remove:disabled {
        cursor: wait;
        opacity: .5;
    }

    #jdTemplateModal .jd-file-remove:focus-visible {
        outline: 2px solid var(--jd-accent);
        outline-offset: 2px;
    }

/* Stacked candidate evaluation; native details keeps each interviewer independent. */
#InterviewEvaluationSection .hire-feedback-card { margin-bottom: 1rem; }
#InterviewEvaluationSection .hire-feedback-card > summary { cursor: pointer; list-style: none; gap: 1rem; }
#InterviewEvaluationSection .hire-feedback-card > summary::-webkit-details-marker { display: none; }
#InterviewEvaluationSection .hire-feedback-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
#InterviewEvaluationSection .hire-feedback-card[open] > summary > .ni-chevron-down { transform: rotate(180deg); }
#InterviewEvaluationSection .hire-feedback-content { padding: 0 calc(var(--box-padding) * 0.8) 1rem; }
#InterviewEvaluationSection .hire-feedback-count { margin: 1rem 0; }
#InterviewEvaluationSection .hire-feedback-content .can-sco-desc { overflow-wrap: anywhere; }

.pc-yrdd {
    max-width: 128px;
}

.pc-yrdd.p-input-append.p-add-dd .dx-texteditor-input-container {
    padding-right: 0.5rem;
}
/* Attendance notification menus follow the visible recipient list, including search. */
.dx-popup-wrapper > .dx-overlay-content:has(.attendance-recipient-tree) {
    height: auto !important;
    min-height: 0 !important;
    max-height: 330px;
}
.attendance-recipient-tree > .dx-scrollable {
    max-height: 245px;
}
.attendance-recipient-tree .dx-scrollable-container {
    max-height: 245px;
}