:root {
    --theme-color-1: #EAF5FE;
    --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: 0.68rem 0.75rem;
    --yellow-dark-color: #ff9800;
    --sidebar-width: 720px;
    --sidebar-width-xl: 720px;
    --sidebar-width-xxl: 70%;
    --grid-ana-gap: calc(var(--box-padding) * 0.9);
    --p-text-link: #007FFF;
}

    :root[color-mode="light"] {
        --icon-color1: #B0C3CC;
        --chat-left-bubble: #f7f7f7;
        --chat-right-bubble: #eef3fc;
        --light-new-blue: #efefef;
        --light-blue-dark: #3699FF;
        --chat-textarea-bg: #E8EBF1;
        --tealGreen: #1BC5BB;
        --input-label-color: #14366F;
        --default-shadow-1: 0 2px 6px rgb(20 54 111 / 3%);
        --dark-blue-color: #0D1530;
        --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;
        --p-card-border: #E5E7EB;
        --tr-hover-color: #f8fbfd;
        --light-blue-1: #EBEBEF;
        --input-icon-color: #5D729E;
        --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: #48547c;
        --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: var(--primary-dark-color);
    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 {
        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;
    }
}

html, body {
    height: 100%;
    margin: 0; /* Remove default margin */
}

body {
    display: flex;
    flex-direction: column;
}

/*slide tab btn sh*/
.slide-btn-tab-container {
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    background-color: var(--grey-bg-2);
    padding: 0.25rem;
    border-radius: var(--bs-border-radius);
}

.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: var(--Brand-Gradient, linear-gradient(103deg, #76F6DD 2.3%, #96CDFA 37.09%, #F9E791 65.94%, #F3A7AC 91.57%));
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: var(--primary-color);
    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: var(--primary-color);
}

.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');
}
/*Average Company Mood*/

.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: var(--bg-default);
    border: 1px solid var(--primary-border-color);
    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-y: auto;
}

.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;
}

.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(--primary-color);
    position: relative;
    border: 1px solid var(--sec-light-color4);
    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-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.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    background-color: var(--light-new-blue);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

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

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

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

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

.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;
}

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

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

.pdf-gap-lg {
    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-10xl {
    gap: 5.5rem;
}

.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-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(--p-icon-color);
    line-height: 1.8;
    flex-shrink: 0;
}

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

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

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

.p-icon-fill {
    display: inline-block;
    fill: var(--p-icon-color);
    line-height: 1.8;
}

.p-small-input {
    border: 1px solid var(--input-border-1);
    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;
}

.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;
}

    .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: var(--p-btn-bg);
    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 var(--p-btn-bg);
    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 {
    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(--p-border-2) !important;
    background-color: transparent !important;
    color: var(--secondary-color) !important;
}

    .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: var(--chat-dark-bg-2) !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;
    }

    .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: var(--dark-blue-color) !important;
        border-color: var(--primary-color) !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 {
            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(--p-btn-bg);
    border-color: transparent;
    color: #fff;
    border-radius: var(--bs-border-radius);
}

.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: var(--disabled-color);
    border-color: var(--disabled-color);
    cursor: default;
}

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

.insight-content .dx-button-has-text .dx-button-content {
    padding: 9.5px 20px 9.5px;
    display: flex;
    align-items: center;
}


.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(--background1);
    font-weight: 500;
    color: var(--secondary-color);
    border: 1px solid var(--primary-color);
    cursor: pointer;
}

    .dashboard-hc-btn:hover,
    .p-grid-btn:hover {
        background-color: var(--p-btn-hover);
        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 var(--p-btn-bg);
    border-radius: var(--bs-border-radius-2xl);
    cursor: pointer;
    text-transform: capitalize;
    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: var(--p-btn-bg);
    text-align: center;
    line-height: 1.75;
    font-weight: 500;
}

.sweet-alert button {
    background: var(--p-btn-bg) !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(--p-btn-hover);
    border: 1px solid var(--p-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);
}

.hc-default-btn[disabled],
.p-btn-second-bord[disabled],
.js-qw-next.disabled,
.p-btn-small[disabled],
.p-btn-sec[disabled] {
    background-color: var(--disabled-color) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
    border: var(--disabled-color) !important;
}

.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;
}

    .continue-button[disabled], .buttons-container .btn-next[disabled],
    .dashboard-hc-btn[disabled] {
        background-color: var(--disabled-color) !important;
        box-shadow: none;
        cursor: not-allowed !important;
        color: var(--white-color) !important;
        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(--background1);
    font-weight: 600;
    color: var(--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(--input-border-1);
    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: 6px 11px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: var(--primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.4;
    font-size: var(--base-font-size-sm);
    text-align: left;
}

.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(--dark-blue-color);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: var(--dark-blue-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 .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-color-1: var(--sec-light-color4);
    --skeleton-color-2: var(--sec-light-color7);
    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;
    animation-name: shimmer;
    -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: 0.18rem;
    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;
    }

.loading-skeleton .skeleton-img,
.loading-skeleton .def-avat-name-ini {
    position: relative;
    border: 1px solid var(--chat-dark-bg-2);
    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 {
    border: none;
    border-radius: var(--border-radius-default);
    box-shadow: none;
    min-height: 42px;
}

.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%;
}

.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;
    animation-name: shimmer;
    -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 {
    0% {
        background-position: -100% 0;
    }

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

@keyframes shimmer {
    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);
}
/*css for skeleton loading*/
/*plumm tag*/
.ph-default-tag {
    background-color: var(--plm-light-blue2);
    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(--dark-bg-txt);
    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: var(--pb-light-purple);
}

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

.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: var(--chat-dark-bg-2);
    z-index: 9;
    position: relative;
}

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

.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(--on-secondary-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(--primary-color);
}

.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: var(--primary-color);
        background-color: var(--light-new-blue);
    }

        .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: 0.3rem;
    margin-top: 0px;
    font-size: var(--base-font-size);
    padding: 0;
    max-height: 19rem;
    overflow: auto;
    z-index: 2000;
    background: var(--background1);
    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: var(--chat-dark-bg-2);
}

.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 {
    height: 100px;
    fill: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 165px;
}

.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 var(--input-border-1);
    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: var(--secondary-color);
    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: var(--secondary-color) !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: var(--light-new-blue) !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;
}

.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;
}

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 !important;
}

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

.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 {
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--border-radius-default) * 0.7);
    background-color: var(--chat-dark-bg-2);
}

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

.dropdown-menu-xl {
    max-width: 420px;
    min-width: 360px;
    padding: 0;
}

.content-wrapper {
    background-color: var(--grey-bg-6);
}

.form-group label, .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;
}

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.825em);
    font-size: var(--base-font-size);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color);
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    background-color: var(--chat-dark-bg-2);
    overflow: hidden;
    padding-left: 14px;
    /*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: 400;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--primary-color);
    padding: 0.25em 1.85em 0.25em 0.55em;
    border: none;
    position: relative;
    background-color: var(--primary-border-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: var(--p-btn-bg);
    color: var(--p-btn-txt);
    border-radius: calc(var(--border-radius-default));
    border: 1px solid var(--p-btn-bg);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button.dx-button-has-text[aria-label="Cancel"] .dx-button-content {
    background-color: transparent !important;
    color: var(--primary-color);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: var(--p-btn-hover);
}

.dx-scheduler-navigator-calendar-popover.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: var(--p-grey-3);
}

.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: transparent !important;
    color: var(--primary-color);
    font-weight: 600;
    min-width: initial;
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius-2xl);
    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;
}

.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,
.pso-action-btns .js-pso-back.ph-default-link: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: var(--p-btn-bg) !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: var(--primary-color);
}

.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);
    box-shadow: 0 0 0 .25rem var(--sec-light-color4);
    border: 1px solid var(--input-border-1) !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(--input-border-1);
    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;
    margin-top: 0.15rem;
    position: relative;
    top: 3px;
}

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

.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 {
    background-color: rgba(79, 87, 98, 0.05);
    border-radius: inherit;
    border-radius: calc(var(--bs-border-radius)) !important;
}

.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;
}

    /*.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: var(--primary-color);
        width: 4px;
        height: 100%;
    }*/

.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 {
    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 {
    opacity: 1;
    visibility: visible;
    fill: var(--primary-color) !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: 1.9rem;
    height: 1.9rem;
    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;
}

.main-sidebar {
    background-color: var(--grey-bg-6);
    border-right: var(--border-width-layout) solid var(--border-layout);
    padding: 0 0 0.2rem;
}

    /*.main-sidebar,
.main-header,
.layout-navbar-fixed .wrapper .brand-link::after,
.p-sb-menu-sticky {
    background-color: var(--background1) !important;
}*/

    .main-sidebar, .main-sidebar::before {
        transition: margin-left 0.05s ease-in-out, width 0.05s ease-in-out;
        width: var(--custom-sidebar-width);
    }

.layout-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
}

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

.layout-navbar-fixed .wrapper .brand-link {
    position: static;
    padding: 0.5rem 0.6rem;
    min-height: var(--nav-min-height);
    border-bottom: var(--border-width-layout) solid var(--border-layout);
    margin-bottom: 0.55rem;
    margin-left: 8px;
}

    .layout-navbar-fixed .wrapper .brand-link::after {
        content: '';
        position: absolute;
        right: -2px;
        height: var(--nav-min-height);
        width: 2px;
        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;
}


    .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;
}

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

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

.main-sidebar .nav-sidebar li a.activea,
.nav-bg-color {
    background: rgba(79, 87, 98, 0.05);
    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 {
    background-color: rgba(79, 87, 98, 0.05);
    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: var(--primary-color);
}

.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 {
        color: var(--nav-menu-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.9rem;
        position: relative;
    }

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

.main-sidebar .nav-sidebar li a.nav-link .icon.ni {
    color: var(--sec-light-color3);
    font-size: 0.95rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.45rem;
    padding-top: 0.2rem;
}

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

.main-sidebar .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 {
    background-color: var(--chat-dark-bg-2);
    position: relative;
    overflow: hidden;
}

/*.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: 500;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    color: var(--on-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(--on-primary-color);
    font-weight: 500;
    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;
}

.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 {
    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(--on-primary-color);
}

.main-sidebar .nav-sidebar > li > a.nav-link.activea,
.main-sidebar .nav-sidebar > li > a.nav-link.active-im {
    background: rgba(79, 87, 98, 0.05);
}

    .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: var(--primary-color);
    }

.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;
}

@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.375rem;
    }

        .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: -90px;
    }
}


.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;
}

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

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

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

.ph-card,
.appointment-div,
.inbox-div,
.prac-boxes-newdash-2 {
    padding: calc(var(--box-padding) * 0.9);
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--p-card-border);
    position: relative;
}

.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: 3px;
}

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(--primary-border-color);
}

.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(--bg-default);
}

.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);
}

.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: var(--bg-default) !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(--bg-default);
    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);
}

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

.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(--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: var(--bg-default);
    border: 1px solid var(--input-border-1);
    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: var(--bg-default);
}

.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(--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: var(--bg-default);
    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(--p-icon-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: var(--plm-dark-purple);
    opacity: .98;
}

.time-off-calender .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-appointment {
    border-radius: calc(var(--bs-border-radius) * 0.5);
    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: 3px;
}

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

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

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

.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(4, 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(--primary-color);
            color: var(--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-y: auto;
    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-y: auto;
    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-y: auto;
    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-y: auto;
    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(--primary-dark-color2);
    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: var(--link-color) !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 {
    color: var(--white-color);
    padding: 2px 7px 5px;
    border-radius: 3px;
    background-color: var(--primary-color) !important;
    margin: 0 5px 0 10px;
}

.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-y: auto;
}

    .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: var(--primary-color);
    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: 600;
}

.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: 5px;
    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: 2.5rem;
    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;
    padding-right: 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: -180px;
    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: #aaa;
        content: attr(data-loading-text);
    }

    .admin-loader-loading-text:after {
        top: 0;
        left: 0;
        width: 0;
        opacity: 1;
        color: var(--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(--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%;
}

.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;
}

.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;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 0.85rem;
    }

    .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;
        padding-right: 0;
        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;
    overflow-x: hidden;
}

.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;
}

.payment-summary-modal .loads {
    background: linear-gradient(to right, #b3bed4 8%, #c0cbe1 18%, #b3bed4 33%);
    background-size: 1200px 104px;
    position: relative;
    max-width: 70px;
    margin: 0 auto;
}

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;
    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: var(--on-secondary-color);
    border-color: var(--input-focus-dark) !important;
    margin-right: 1rem;
}

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;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

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-right: 0;
    padding-left: 0;
    cursor: pointer;
}

/*css for user profile starts here*/
.main-header {
    padding: 0 var(--default-container-gap);
    background-color: var(--grey-bg-6);
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}

    /*.main-header::before {
    width: 100%;
    content: '';
    position: absolute;
    right: 0;
    background: linear-gradient(90deg, #F9E791 0%, #F3A7AC 32.89%, #96CDFA 65.89%, #76F6DD 100%);
    opacity: 0.3;
    height: var(--nav-min-height);
    overflow: hidden;
    width: 65.70681rem;
    height: 37.43531rem;
    transform: rotate(15deg);
    filter: blur(100px);
}
*/

    .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 {
    padding-right: 0;
}

.pd-page-title {
    font-size: var(--base-font-size-h1);
    max-width: 600px;
    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: left;
    margin-bottom: 0.125rem;
}

.p-emma-ai {
    font-size: 0.76rem;
    color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.35rem;
    width: 6.7rem;
    height: 2rem;
    flex-shrink: 0;
    font-weight: 500;
    cursor: pointer;
    gap: 0.62rem;
    border-radius: calc(var(--bs-border-radius)* 0.5);
    background: #fff;
    border: 1px solid var(--sec-light-color6);
}

.p-emma-ai:hover {
    color: #fff;
    background: var(--primary-color);
}

.p-emma-ai:hover svg {
    stroke: #fff;
}

.p-emma-ai span {
    text-align: left;
}

.p-emma-ai svg {
    fill: var(--primary-color);
    flex-shrink: 0;
    z-index: 9;
}

.p-emma-ai.p-btn-tn-wt {
    background: var(--background1);
    /*border: 0 solid var(--border-layout);*/
}

.p-emma-ai.p-btn-tn-wt svg {
    fill: initial;
    stroke: var(--p-icon-color);
}

/*.p-emma-ai.p-btn-tn-wt span {
    color: var(--p-icon-color);
}*/

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.p-menu-icon-nav {
    cursor: pointer;
    position: relative !important;
    width: 1.95rem;
    height: 1.95rem;
    background: #fff;
    justify-content: space-evenly;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--sec-light-color6);
}

.p-menu-icon-nav:hover,
.p-ani-sec-btn .p-ani-btn.p-add-btn:hover {
    background-color: var(--sec-light-color8);
}

.p-menu-icon-nav:hover svg,
.p-ani-sec-btn .p-ani-btn.p-add-btn:hover svg {
    stroke: var(--primary-color);
}

.p-menu-icon-nav svg {
    width: 1.32rem;
    height: 1.32rem;
    stroke: var(--grey-bg-7);
}

.p-menu-icon-nav .nav-link svg {
    width: 1.2rem;
    height: 1.2rem;
}

/*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(--input-border-1);
}

@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 {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem;
    }

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
}


.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.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;
    user-select: none;
}

    .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);
    }

.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.39rem;
    left: -2.1rem;
    background-color: var(--chat-dark-bg-2);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--cb-blue);
    background-color: var(--cb-blue);
}

.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 !important;
    border: 1px solid var(--input-border-1);
    box-shadow: var(--default-border);
    background-color: var(--chat-dark-bg-2);
}

    .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(--primary-border-color);
}

    .logout-user .btn {
        background-color: var(--p-btn-bg);
        color: #ffffff;
        font-size: var(--base-font-size);
        margin: 0 auto;
        border-radius: var(--bs-border-radius-2xl);
        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-color: var(--p-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 {
        position: initial;
    }

    .dropdown-position-fix .dropdown-menu-right {
        right: var(--default-gap);
        left: auto;
    }
}
/*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.4em;
    position: relative;
}

.notification-msg-list-item > * {
    flex: 0 0 auto;
}

.notification-msg-list-item.unread::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    left: 0.5rem;
    display: inline-block;
    position: absolute;
}

.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: 600;
    }

    .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;
}

.notification-mw {
    max-width: calc(100% - 0.4em);
    margin-left: auto;
}

.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;
}
/*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 {
        padding-right: 0;
    }

    .main-header.navbar-expand a.nav-link[data-widget="pushmenu"] {
        padding: 0;
    }

    .navbar-expand .navbar-nav .nav-link em {
        font-size: 1.5rem;
    }

    .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.2rem;
}

.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) * 0.8) !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: 9rem;
    }
}


@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 {
    overflow-x: hidden;
}*/

.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: 0.75rem;
}

.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.875rem);
        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.75rem;
        left: 1.3125rem;
        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%;
        border: 1px solid var(--input-border-1);
        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%);
}

.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: 75%;
}

.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*/

.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(--p-text-link) !important;
    font-weight: 500;
}

.dx-datagrid .dx-column-indicators {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 4px;
}

.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-treeview-item-with-checkbox .dx-checkbox {
    left: 22px;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid var(--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;
    top: 3px;
}

.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-treeview-item {
    padding-left: 36px;
}

.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 var(--primary-border-color);
    margin-bottom: 0.6rem;
}

/*.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;
}

.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;
}

.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: var(--light-new-blue);
    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;
}

.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(--chat-dark-bg-2);
    color: var(--primary-color);
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

.dx-loadpanel {
    min-height: 170px;
}

.dx-scheduler-header {
    background-color: var(--bg-default);
    border: 1px solid var(--input-border-1);
}

.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-1);
}

.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;
}

.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(--sec-light-color8);
}

.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: 1px solid var(--bg-default);
    border-top: 1px solid var(--bg-default);
}

.dx-scheduler-work-space {
    border: 1px solid var(--sec-light-color6);
}

.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(--p-icon-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: var(--chat-dark-bg-1);
    border-radius: 50%;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary-color);
    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: 0.95rem;
    background-position: center center;
}

input::-webkit-calendar-picker-indicator {
    width: 0.7rem;
}

.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: 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: calc(var(--bs-border-radius) * 0.5);
    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: var(--light-new-blue);
    color: var(--primary-color);
    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-list-search.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='%23b0b0b0'%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;
}

.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 + 8.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: 595px;
    z-index: 999;
    top: 1px;
}

#divEmailAuditLogs .dx-datagrid-header-panel .dx-datagrid-export-button {
    width: 2.65rem;
    height: 2.65rem;
}

.dx-scheduler .dx-button-mode-contained.dx-state-focused {
    background-color: var(--chat-dark-bg-2);
}

.dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: var(--chat-dark-bg-2);
}

.doc-avail-calender .dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
}

.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: var(--bs-border-radius);
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0.9rem;
}


.dx-datagrid-rowsview .dx-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:hover {
    background-color: rgb(251 251 251);
    color: var(--primary-color);
}

.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;
}

.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(--bg-default);
    padding: 1rem 0.75rem;
}

/*.dx-gridbase-container.dx-datagrid {
    min-height: 400px;
}*/
#grid-Esign .dx-datagrid .dx-column-indicators {
    float: inherit !important;
}

#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;
}

.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: #fff;
    border: none;
    border-radius: var(--bs-border-radius-lg) !important;
}

.dx-placeholder {
    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: var(--sec-light-color4);
}

.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: var(--on-primary-color);
    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(--chat-dark-bg-2);
    box-shadow: var(--default-shadow) !important;
    border-radius: calc(var(--border-radius-default));
    border: 1px solid var(--input-border-1);
}

.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: var(--white-color);
    border-color: transparent;
    color: var(--primary-color);
}

.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: 1px solid var(--primary-border-color);
}

.p-input-psc .dx-placeholder {
    color: var(--primary-color);
}

.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: var(--chat-dark-bg-2);
}

.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: var(--sec-light-color6);
}

/*css for drag and drop*/

.p-modal .modal-body,
.p-modal .modal-header,
.p-modal .modal-footer {
    padding: calc(var(--box-padding)* 0.95);
    background-color: var(--background1);
}

.p-modal .modal-body {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    background-color: var(--background1);
}

.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 var(--primary-border-color);
}

.p-modal .modal-footer {
    padding-top: 1.25rem;
    gap: 1.1rem;
    border: none;
}

    .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(--chat-dark-bg-2);
        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) * 0.5);
        gap: 0.6rem;
        border-left: var(--left-active-bw) solid var(--primary-color);
    }

        .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: 1.2rem;
    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);
}

    .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: #f9e8b5;
    border: var(--border-width-layout) solid #ffbf00;
}

    .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;
}

.ml-draggable-wrapper {
    margin-bottom: 1.5rem;
}

.manage-list-modal .modal-lg .modal-body {
    overflow-x: hidden;
}

.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(--light-new-blue);
    }

    .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: var(--on-primary-color);
    font-weight: 500;
    padding: 0.1rem 0rem 0.1rem;
    font-size: var(--base-font-size-lg);
    border: none;
    cursor: pointer;
}

    .p-defautlt-navs .nav-pills .nav-link.active {
        color: var(--primary-color);
        font-weight: 600;
    }

.p-defautlt-navs .nav-link.active-saved-tab {
    border-bottom: 3px solid var(--secondary-color);
    border-radius: 0 !important;
    background-color: transparent;
    padding-bottom: 0.4rem;
}

.p-defautlt-navs .tabsNavActiveBg {
    border: none;
    background-color: var(--secondary-color);
    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);
}

    .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: var(--chat-dark-bg-2);
}

.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 var(--primary-border-color);
}

.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 var(--primary-border-color);
}

.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;
}

#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;
    }
}
/*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-color: var(--grey-bg-5);
    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: var(--primary-color);
    font-weight: 500;
}

.ch-grid-actions-item svg,
.tc-eye-icon {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    fill: var(--db-text-head);
}

.ch-grid-actions-item svg {
    fill: none;
    stroke: var(--primary-color);
    --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.65rem !important;
}

.tc-content .sm-gap-cen {
    margin-top: 0.2rem;
}

.ch-grid .plmm-tag {
    font-size: 0.75rem;
    padding: 0.3rem 1.1rem;
    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;
    padding-right: 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;
    }

.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-y: auto;
}

/*.p-ss-h100 {
    height: 100%;
    overflow-x: hidden;
    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);
    overflow-x: hidden;
}

.add-sc-inner-sw > * {
    flex: 0 0 auto;
}

.p-tabs-mh {
    min-height: 600px;
}

@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 {
    background: rgb(161 165 181 / 28%);
}

.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;
}

.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;
}

    .book-slot-selected-date .bokgs-dates-btn,
    .bokgs-dates-btn:hover {
        background-color: var(--sec-light-color4);
    }

.bokgs-dates-btn-cal {
    background-color: var(--primary-color);
    color: #fff;
    margin-left: 1rem;
}

.book-slot-selected-date .bokgs-dates-btn-cal {
    background-color: var(--primary-color);
}

.bokgs-dates-btn-cal:hover {
    background-color: var(--p-btn-hover);
}

.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: var(--primary-color);
}

.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: var(--primary-color);
    font-weight: 500;
    cursor: pointer;
    background: var(--card-bg-color);
    border: 1px solid var(--primary-border-color);
    box-sizing: border-box;
    border-radius: 25px;
    font-size: var(--base-font-size-xs);
}

    .bokgs-btn-time:hover {
        background-color: var(--primary-color);
        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: calc(100% - var(--nav-min-height) - 0.5rem);
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.4rem;
    padding-left: 0.6em;
}

/* Hide scrollbar by default for .p-sidebar, .cw-scroll, and .p-scroll-overlay */
/* Reserve space for scrollbar and hide it by default */
.cw-scroll,
.p-scroll-overlay,
.kanban-drag,
.p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    overflow-y: scroll; /* Always show scrollbar space */
    -ms-overflow-style: none; /* For IE and old Edge */
}

    .cw-scroll::-webkit-scrollbar,
    .p-scroll-overlay::-webkit-scrollbar,
    .kanban-drag::-webkit-scrollbar,
    .p-sidemenu-dropdown .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,
    .p-sidemenu-dropdown .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,
    .p-sidemenu-dropdown .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,
    .p-sidemenu-dropdown .sidebar-dropdown-menu ul:hover::-webkit-scrollbar-thumb {
        background: #C1C7CF; /* Visible thumb on hover */
    }

    /* Custom scrollbar styles specifically for textarea */
    textarea::-webkit-scrollbar,
    .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: 0 !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(--grey-bg-3);
    border-radius: calc(var(--border-radius-default)* 0.8);
    background-color: var(--chat-dark-bg-2);
    z-index: 99999;
}

.p-sidebar.p-scroll-overlay:hover::-webkit-scrollbar-thumb {
    background: #d6d9e3;
}

.p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
}


@media screen and (min-width: 576.99px) {

    .p-sidemenu-dropdown:hover .sidebar-dropdown-menu {
        display: block;
        overflow-y: clip;
    }

    .p-dd-sidebar {
        min-width: 12.55rem;
    }

    .p-sidemenu-dropdown .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-y: auto;
    }

    .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 svg {
        width: 1.8875rem;
        height: 1.8875rem;
    }

    .p-emma-ai {
        width: 7.5rem;
    }

        .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-secondary-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);
}

.no-registered, .oc-emp-data {
    cursor: default;
}

.oc-card-inner-wrapper {
}

.oc-emp-img {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
    margin: 0 auto;
    display: block;
    margin-bottom: 0.7rem;
}

.oc-emp-data {
    text-align: center;
    font-size: 0.8rem;
    margin: 0 auto;
    display: block;
    width: 8.5rem;
}

.oc-emp-title {
    font-size: 0.72rem;
    color: var(--on-primary-color);
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.oc-emp-country {
    font-size: 0.72rem;
}

.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: #09090b;
    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: var(--p-grey-2);
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 425px;
}

.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: var(--p-grey-2);
        border-radius: 50%;
        border: 1px solid var(--input-border-1);
    }

        .p-course-cate-head-actns em.icon.ni,
        .featured-meditation-controls .slick-arrow em.icon.ni {
            color: var(--primary-color);
            font-size: 0.8rem;
        }

        .p-course-cate-head-actns .p-sli-arrows:hover,
        .featured-meditation-controls .slick-arrow:hover {
            background-color: var(--p--border-1);
        }

    .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: 50px !important;
    display: inline-flex;
    min-height: 33px;
    margin-bottom: 0.4rem;
    margin-left: 0.35rem;
    border: 1px solid var(--primary-border-color);
    border-radius: 50%;
}
/*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-y: auto;
}

.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: var(--sec-light-color4);
    border-radius: calc(var(--border-radius-default) * 0.6);
    color: var(--primary-color);
}

.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: 10px;
    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;
}

.com-profile-action,
.p-hdc-edit {
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

    .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-y: auto;
    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(--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,
.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-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: var(--sec-light-color4);
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.p-mydoc-active svg.p-mydoc-fol-icon {
    fill: var(--primary-color);
}

.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;
}

.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(--grey-bg-3);
    color: var(--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;
    border-radius: 50%;
}

.pp-user-imgs {
    width: 1.95rem !important;
    height: 1.95rem !important;
    border-radius: 50%;
    margin-left: -1rem;
    border: 1px solid var(--input-border-1);
    background: #FFF;
    stroke: var(--p-grey-1) !important;
    fill: var(--p-grey-1) !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: var(--disabled-color) !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(--grey-bg-3);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        border-radius: calc(var(--bs-border-radius));
        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: var(--cb-blue);
        border-color: var(--cb-blue);
    }

.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(--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);
}

/* 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: var(--cb-blue);
    background-color: var(--cb-blue);
    --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(--bg-default);
        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.75rem;
}

.p-fli-box {
    width: 0.85rem;
    height: 0.85rem;
    display: inline-block;
    border-radius: 0.125rem;
    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;
}

/*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: 0.225rem !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: var(--bg-default);
    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: #14366F;
    /*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-y: auto;
}

.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 {
    padding-left: 2.6rem;
    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;
    padding-right: 0.2rem;
}

.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: #14366F;
            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 {
    overflow: auto;
    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);
    height: 44em;
}

.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-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));
}

.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 {
    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);
}

.p-input-append .pcg-user-icon,
.ch-filter-search .p-search-input svg {
    stroke: var(--input-icon-color);
}

.p-cg-per-inc-wrpaer li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    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) * 0.95);
    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(--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);
    color: var(--on-primary-color);
}

.p-goalcounts h3 {
    margin-bottom: 0.2rem;
    font-size: calc(var(--base-font-size-h1) * 1.1);
    line-height: 1;
    font-weight: 600;
}

.p-goalcounts-ring {
    display: flex;
    align-items: flex-start;
    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: var(--light-new-blue);
    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.5rem;
    }

.step-activity-modi-ug .step-divider {
    text-transform: initial;
    font-size: var(--base-font-size-sm);
    font-weight: 500;
}

.check-badge {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    stroke: var(--primary-color);
}

.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;
}

.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-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(--p-icon-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;
}

/*
.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.1rem;
    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: 350px;
}

.mood-history-chat {
    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;
}

.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-y: auto;
    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 .p-ss-h100 {
    height: 100%;
    overflow-x: hidden;
    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(--on-primary-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) * 1.7);
        width: 0.085rem;
        background-color: var(--input-border-1);
        height: calc(var(--timeline-ver-gap) - calc(var(--pso-cw) * 1.3));
        border-radius: var(--bs-border-radius);
    }

    .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%;
}

.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(--secondary-color);
}

.js-pso-timeline-item-active.pso-timeline-item,
.js-pso-timeline-item-completed.pso-timeline-item {
    color: var(--primary-color);
}

.pso-timeline-item .pso-circle {
    background-color: var(--background1);
    border: 1px solid var(--input-border-1);
}

    .pso-timeline-item .pso-circle:before {
        background-color: var(--input-border-1);
    }

.js-pso-timeline-item-completed .pso-circle::after {
    background-color: var(--secondary-color);
}

.js-pso-timeline-item-completed .pso-circle {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}


.js-pso-timeline-item-active .pso-circle {
    background-color: var(--background1);
    border: 1px solid var(--primary-color);
}

    .js-pso-timeline-item-completed .pso-circle:before,
    .js-pso-timeline-item-active .pso-circle:before {
        background-color: var(--primary-color);
    }

.pso-vline-divider {
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary-border-color);
}

.pso-action-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.9rem;
}

    .pso-action-btns .js-pso-back.ph-default-link {
        color: var(--primary-color);
        font-weight: 400;
        font-size: var(--base-font-size);
        Padding: 0.48rem 0.95rem;
        min-width: 7.75rem;
        border-color: var(--p-border-2);
    }

.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;
}

.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(--chat-dark-bg-2);
    background-clip: border-box;
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: calc(var(--border-radius-default) * 0.75);
    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: var(--chat-dark-bg-2);
}

.p-acco-btn-wrapper {
    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-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.6rem;
    cursor: pointer;
}

.input-icon-append.input-icon-append-txt {
    line-height: 1;
    display: flex;
    align-items: center;
    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;
}

.dx-lookup-field,
.p-dx-msdd .dx-texteditor-input-container {
    padding: 2.2px 34px 2.2px 9px;
}

.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-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(--primary-border-color);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--primary-color);
    margin: 0.45em 0.25em;
    padding: 0.45em 1.85em 0.45em 0.55em;
}

.p-input-append .dx-tag:first-of-type .dx-tag-content {
    margin-left: 0;
}

.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: var(--primary-color);
    }

    .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(--primary-border-color);
}

.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: -0.1rem;
    min-height: 7rem;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.p-html-editor .dx-htmleditor-content {
    padding: 0.6rem 0.8rem;
    height: 150px;
    color: var(--primary-color);
}


.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: 47px;
    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);
    border-radius: var(--bs-border-radius);
}

    .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: 1800;
    }

    .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.45rem;
    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: var(--chat-inbox-border-color);
    color: var(--primary-color);
    font-size: var(--base-font-size-sm);
    padding: 0.32rem 0.8rem;
    font-weight: 500;
}

.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: var(--light-new-blue);
    color: var(--primary-color);
}

/*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='%23808080' /%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='%23808080' /%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='%23808080' /%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='%23808080' /%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='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23808080' 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);
}

.p-card-full-details-contents {
    display: flex;
    align-items: center;
    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);
}

/*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;
    vertical-align: middle;
    padding: 0.93rem 1rem;
}

td.p-acc-table:hover {
    background-color: initial !important;
}

.p-def-table tr th {
    background-color: var(--bg-default);
    overflow: hidden;
    font-weight: 500;
    color: var(--primary-color) !important;
    border: none;
}

.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:hover 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:hover 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.25rem;
    height: 1.25rem;
    fill: #fff;
}

.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(--bg-default);
}

    .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-y: auto;
    padding-right: 0.5rem;
}

.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(--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: var(--secondary-color);
        color: #fff;
        border-color: var(--primary-color);
    }

.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: var(--secondary-color);
        color: #fff;
        border-color: var(--primary-color);
    }

.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;
}

.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-y: auto;
    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.2rem 1rem;
}

    .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(--bg-default);
    border: none;
}

    .pt-sq-mw .p-vertical-def-nav .nav-link.active {
        background-color: var(--sec-light-color4);
        font-weight: 500;
    }

.pt-jdesc,
.talent-ske-load .pt-jdesc-sl {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 3.5rem;
    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;
    }

@media(max-width: 1600px) {
    .pt-jdesc,
    .talent-ske-load .pt-jdesc-sl {
        gap: 0.45rem 2.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.7);
    position: relative;
}

.p-add-pos-ap .control-group {
    margin-bottom: 0.6rem;
}

.p-add-pos-ap label.btn.btn-sm {
    background-color: var(--sec-light-color6);
    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: var(--primary-color);
    border-color: var(--primary-color);
}

.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: var(--p-grey-2);
    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(--light-new-blue);
    color: var(--primary-color);
    padding: 0.23rem 0.5rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
    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;
}

.reply-label {
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: calc(var(--bs-border-radius)* 0.5);
    cursor: pointer;
    position: relative;
    top: 1px;
}

    .reply-label:hover {
        background-color: var(--bg-default);
    }

.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-ci-grid-lc,
.p-ci-grid-rc {
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
    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;
    margin-bottom: 1rem;
}

.p-db-com-mw {
}

.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;
    margin-bottom: 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.6rem;
    margin-left: 3rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
}

.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: flex;
    align-items: center;
    gap: 1rem;
}

.p-tag-v-top-grey {
    background-color: var(--grey-bg-2);
    margin: 0;
    display: inline-block;
    border-color: var(--grey-bg-3);
    margin-bottom: 0.1em;
}

.interview-questions li.questionItem:not(.no-delete) {
    cursor: grab;
}

.hire-right-kb {
    padding-bottom: 0;
    overflow: hidden;
}

.p-hire-tab-scroll {
    height: calc(100% - 17em);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 0.5rem;
    align-items: flex-start;
}

.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 .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: var(--primary-color);
    }

        .p-hjl-cards-item-in:hover .card-body,
        .p-def-grad-hov-bord:hover .p-def-bord-bg {
            background-color: var(--chat-dark-bg-2);
            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-y: auto;
    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: var(--bg-default);
}

.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;
}

.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;
    }
}

@media(min-width: 1025px) {
    #myKanban::-webkit-scrollbar {
        height: 8px;
    }
}


@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);
    }

    .ba-box-shadows {
        padding: calc(var(--box-padding) * 0.6);
    }
}

.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: var(--p-btn-bg);
    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(--input-border-1);
    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: var(--primary-color) !important;
    background: #fff;
    border: 1px solid var(--p-border-2);
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

    .fb-add-section.ui-tabs-anchor[href="#new-page"]:hover {
        background-color: var(--primary-color) !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(--primary-color);
                background-color: var(--sec-light-color4);
                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='8' ry='8' stroke='%23B4BFD6' stroke-width='3' 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 var(--primary-border-color);
        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: var(--sec-light-color4) !important;
}

.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='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%2314366F' 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='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%2314366F' 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='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 12.7617H20.5006' stroke='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 6.76172H20.5006' stroke='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75684 6.86307V6.80469M9.69092 6.80469V6.86307' stroke='%2314366F' 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='%2314366F' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3672 14.0086V13.9609M17.3013 14.0052V13.9643' stroke='%2314366F' 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='%2314366F' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.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(--light-blue-dark) !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-y: auto;
    max-height: calc(100vh - 10rem);
}

.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;
}

    .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);
    }

.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: var(--link-color);
    }

.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 auto;
    align-items: center;
    gap: 1.9rem;
}

.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 var(--bor-def-rt);
    }

    .rating-table .emoji-cell {
        border-left: 1px solid var(--bor-def-rt);
        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(--sec-light-color4);
}

.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: var(--bg-default);
        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%);
    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;
    overflow-x: hidden;
}

.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-y: auto;
    font-weight: bold !important;
    padding: 6px 4px;
    overflow: auto;
    overflow-x: hidden;
}

.p-chat-def main.msger-chat {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    overflow-y: auto;
    padding: var(--chat-def-padding);
    min-height: 100%;
}

.p-chat-def .line-heading.line-heading-chat {
    color: var(--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: calc(var(--bs-border-radius) * 0.75);
    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(--chat-right-bubble);
    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: calc(var(--bs-border-radius) * 0.75);
}

.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);
}

.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;
}


@-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 {
    border-radius: 9px;
    padding: 0.25rem 0.9rem !important;
    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;
}

.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: 1.3rem;
    height: calc(100vh - var(--nav-min-height));
}

.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);
}

.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(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
}

.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: #fff;
}

.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 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin-bottom: 0;
    position: absolute;
    bottom: 1.3rem;
    right: 1.8rem;
}

.p-chat-area .btn-sendchat::before {
    content: '';
    position: absolute;
    left: -25px;
    top: 50%;
    height: 25px;
    width: 1px;
    background: #ccc;
    transform: translateY(-50%);
}

.p-chat-area .btn-sendchat .p-icon {
    fill: var(--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.75rem;
    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: 9.5rem;
}

.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.1rem;
    right: 4.4rem;
    width: 1.7em;
    height: 1.7em;
}

.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;
}

.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;
}

.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(--secondary-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(--sec-light-color4);
    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(--secondary-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(--sec-light-color7);
    color: var(--dark-blue-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;
    }

    .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(--plm-light-blue2);
        color: var(--link-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(--bg-default);
    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(--on-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(--bg-default);
    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-y: auto;
    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;
        right: 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: #fff;
    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);
}

.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(--bs-gray-500);
    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(--dark-blue-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(--background1);
    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;
}

.p-btn-sm-lb.p-btn-disabled {
    background-color: var(--disabled-color);
    border-color: transparent;
    color: #fff;
    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;
    }
}

.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;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    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%;
}


svg.p-tl-bl {
    width: 3.0875rem;
    height: 3.0875rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    border-radius: 50%;
    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(--bg-default);
    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: 0.9rem;
    background-color: var(--chat-dark-bg-2);
    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;
        }
}

@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;
        overflow-x: hidden;
        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: var(--sec-light-color4);
        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: 0.5rem;
    }

    /*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%;
        }

    /*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;
}

    .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(--white-color);
    color: var(--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);
    overflow-x: hidden;
    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: 600px;
    right: -600px;
    width: 100%;
}

.sidebar-generic-xxl {
    max-width: var(--sidebar-width-xxl);
    right: -1000px;
    width: 100%;
    max-width: 1000px;
}

.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(--background1);
}

.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: 1.325rem;
}

.p-card-full-details-img-thumb {
    border: 1px solid var(--primary-border-color);
}

.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: var(--bg-default);
    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.4rem;
    background-color: var(--p-btn-bg);
    color: #ffffff;
    padding: 0.42rem 0.7em;
    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: 360px;
    }

        .p-ms-time-off .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 {
            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: 2.9875rem;
    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) * 0.8);
    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);
    gap: 0.5rem;
    min-width: 116px;
}

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

.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.25rem;
    font-weight: 500;
    fill: var(--primary-color);
}

.dx-checkbox-icon {
    border: 1px solid var(--input-border-1);
}

.dx-checkbox-checked span.dx-checkbox-icon {
    background-color: var(--link-color);
}

.dx-checkbox.dx-checkbox-checked.dx-state-hover .dx-checkbox-icon {
    border-color: var(--link-color);
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: var(--grey-bg-3);
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    color: #fff;
}

.dx-checkbox-icon {
    border-radius: 3px;
}

.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(--grey-bg-3);
}

.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;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    overflow: hidden;
    margin-bottom: 0.5rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    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-xxs);
}

    .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-y: auto;
    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*/
.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%);
}

.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;
}

.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.dx-datagrid-export-button {
    width: 2.45rem;
    height: 2.45rem;
    position: relative;
    background-color: var(--background1) !important;
    border-radius: 50% !important;
    border: 1px solid var(--input-border-1) !important;
}

    .dx-datagrid-header-panel .dx-datagrid-export-button.dx-datagrid-export-button .dx-button-content {
        font-size: 0;
    }

.dx-datagrid-header-panel .dx-datagrid-export-button .dx-icon-export-excel-button::before {
    content: "";
    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='%238A8AA3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
}

.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;
}

.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-userlist .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
}

.dx-datagrid-header-panel .dx-datagrid-export-button:hover {
    background-color: var(--sec-light-color8) !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 #111;
    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: 72vmin;
    width: 53vmin;
    border-width: 2.5vmin;
    border-radius: 4.3vmin;
    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;
    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;
}

.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: linear-gradient(to right, #F3A7AC 25%, #F9E791 50%, #96CDFA 75%, #76F6DD 100%);
}

.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 .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-y: auto;
}

.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-y: auto;
}

.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 {
    height: initial;
    padding: 4px 6px;
    max-height: 220px;
    overflow-y: auto;
}

.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 {
    padding-right: 0;
    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 var(--primary-border-color);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: calc(100vh - 300px);
    background-color: var(--grey-bg-1);
    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 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 2.8rem);
    padding: 0;
}

.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: var(--p-grey-2);
}

.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: var(--grey-bg-1);
    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);
    }

        .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(--on-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 {
    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 {
        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 {
        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-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-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: var(--sec-light-color7);
    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: var(--chat-dark-bg-2);
    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 {
    border: 0.15em solid #DE3B40;
    color: #DE3B40;
}

    .p-btn-sec-bord-red:hover {
        background: #DE3B40 !important;
        color: #fff;
        border-color: #DE3B40;
    }

.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-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 #e3e6e9;
    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%);
}

/*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 340px;
    max-width: 340px;
}

.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-lms-cs-ct-grid .phc-hm-item {
        border: 1px solid var(--primary-border-color);
        border-radius: var(--bs-border-radius);
    }

        .p-lms-cs-ct-grid .phc-hm-item:hover .icon-box-sm {
            background-color: var(--p-grey-3);
        }

.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 {
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

.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: 6em;
    }

.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: 19.5em;
}

.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(--bs-table-striped-bg);
    border-radius: calc(var(--bs-border-radius)* 0.55);
    cursor: pointer;
}

.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-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: 0.125rem 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-sec-btn .p-ani-btn.p-add-btn:hover {
        color: #ffffff;
        background-color: var(--dark-blue-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-btn.p-add-btn:hover {
        color: #ffffff;
        background-color: var(--dark-blue-color) !important;
    }

    .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: 0.125rem 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%;
    }

.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;
    min-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.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.2rem;
    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: 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: var(--p-grey-3);
}

.p-pt-status-green,
.p-pt-status-green-active,
.p-pt-status-green-active:hover {
    background-color: #2ea12e;
    color: #fff;
}

    .p-pt-status-green-active .p-pay-tiles-items-yd {
        border-color: #47c547;
    }

.p-pt-status-blue,
.p-pt-status-blue-active,
.p-pt-status-blue-active:hover {
    background-color: #3699FF;
    color: #fff;
}

    .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: #e8b211;
    color: #fff;
}

    .p-pt-status-yellow-active .p-pay-tiles-items-yd {
        border-color: #ffd043;
    }

.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 var(--input-border-1);
    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;
}

.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 h5.ph-5 {
    }

.p-small-action-icon:hover {
    background-color: var(--sec-light-color8);
}

.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: #8a8aa3;
    }

#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(--secondary-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 - 96px);
    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(--background1);
    border-top: 1px solid var(--primary-border-color);
}

.p-sidebar-gen-mw .p-sb-gene-body {
    overflow: auto;
    height: calc(100vh - 9.1rem);
}

.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-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);
    }

.weglot-container {
    display: none !important;
}

.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: 4rem;
}

.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: 3px;
}

    .peroid-end select,
    .peroid-end-cta button {
        min-width: 200px;
    }

.inpu-grp-sel-curr select {
    max-width: 190px !important;
}

.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;
}

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;
}

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

.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 {
    position: fixed !important;
    width: calc(var(--custom-sidebar-width)* 0.985);
    bottom: 0;
    background-color: var(--grey-bg-6);
    border-top: 1px solid var(--p-border-2);
    z-index: 99999;
    left: 0;
    padding-left: 0.5rem !important;
    min-height: 67px;
}

    .p-sb-menu-sticky::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::before {
        content: '';
        position: absolute;
        top: -25px;
        width: calc(100% + 0.55rem);
        margin-left: -0.6rem;
        border-bottom: 1px solid var(--border-layout);
        left: 0;
        height: 25px;
        background: linear-gradient(0deg, var(--grey-bg-6), transparent);
    }

.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:hover a.sidebar-dropdown-toggle {
    background: rgba(79, 87, 98, 0.05);
    border-radius: calc(var(--bs-border-radius)* 0.8);
}

.p-sb-gene-body-in-form {
    padding-bottom: 0;
}

.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: 210px;
    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: var(--primary-color);
}

.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: 45px;
    background-color: var(--sec-light-color4);
    transition: top 0.3s;
    z-index: 1;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
    z-index: 1;
}

.p-prof-ic-left {
    height: 100%;
    overflow-y: auto;
}

.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;
    min-height: inherit;
}

.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(--sec-light-color4);
}

.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: calc(var(--bs-border-radius));
}

/*.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%;
}

.p-modal-sb-wizard .pso-vline-divider {
    display: none;
}

.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list {
    --pso-tl-verti-mh: 80px;
    min-height: var(--pso-tl-verti-mh);
    flex-wrap: nowrap;
    gap: 1.3rem;
    justify-content: center;
    align-items: center;
    background: var(--grey-bg-4);
    border-radius: var(--bs-border-radius);
    overflow-y: clip;
    width: calc(100% + 2.8rem);
    padding: 1.05rem;
    position: sticky;
    top: 0;
    z-index: 1600;
    overflow-x: auto;
    margin-left: -1.4rem;
}


.p-modal-sb-wizard .pso-timeline-item {
    --timeline-width: 120px;
    text-align: center;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.6rem;
}

.p-modal-sb-wizard .pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    right: calc(6.2rem / 2* -1);
    transform: none;
    top: 0.5rem;
    width: 5.3rem;
}

.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 .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;
    padding-top: 0;
}

.p-modal-sb-wizard .pso-action-btns {
    position: sticky;
    bottom: 0;
    padding: 0.8rem 1.2rem;
    background: var(--background1);
    /* border-top: 1px solid var(--primary-border-color);
    background-color: var(--grey-bg-4);*/
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    left: 0;
    z-index: 139;
}

.p-modal-sb-wizard .modal-dialog-scrollable .modal-body {
    overflow-x: hidden;
}

.p-modal-sb-wizard span.p-revq-item-txt {
    word-break: break-all;
}

.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: var(--background1);
    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;
    font-size: var(--base-font-size);
}

#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: 43.24px;
        display: flex;
        align-items: center;
        min-width: 200px;
    }

.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 {
        border-color: var(--primary-color) !important;
    }

.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(--primary-color);
    transform: rotate(-90deg);
}

.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(--sec-light-color1);
}

.more-option-selected .cta-bulk-action-hire .p-add-btn svg.p-icon {
    stroke: var(--sec-light-color6);
}

.more-option-selected .cta-bulk-action-hire .p-add-btn svg.p-icon {
    stroke: var(--sec-light-color7);
}

.mood-tracker-action-btns .p-btn-small, .mood-tracker-action-btns button {
    min-width: 8rem;
}

#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 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: center 68%;
    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-db-mg-tw-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--default-gap);
}

.p-db-data-count {
    min-height: 176px;
}

.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.9)
}

.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 {
        background-color: var(--p-grey-2);
    }

    .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;
}

.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.75rem;
}

.polls-answer .custom-progress.progress {
    height: 2.4rem;
    background-color: transparent;
    border: 1px solid var(--grey-bg-3);
    border-radius: calc(var(--border-radius-default)* 0.9);
}

.polls-answer .p-ul-align li:not(:last-child) {
    margin-bottom: 0.7rem;
}

li.poll-anser-before:hover .custom-progress.progress {
    background-color: var(--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;
}

.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-y: auto;
    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 {
    display: block;
    min-height: 300px;
}

.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-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-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);
        }

    .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 {
        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 {
        max-width: 45px;
    }

    .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);
}

.p-sb-minimised.layout-navbar-fixed .wrapper .brand-link {
    padding: 0.5rem 0.6rem;
}

.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"] span.msg-count {
    right: 0.3em;
    top: 11px;
}

span.msg-count {
    position: absolute;
    right: 1.8em;
    top: 50%;
    transform: translateY(-50%);
}

.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;
    }

    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left 0.3s ease-in-out;
        margin-left: var(--custom-sidebar-width);
    }
}

@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: var(--primary-color);
    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: var(--sec-light-color4);
    border-radius: calc(var(--bs-border-radius)* 0.75);
    color: var(--primary-color);
}

.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 {
    max-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;
}

.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;
    }

.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;
}

.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: #2DCA72;
}

.p-at-yellow {
    background: #FAAF00;
}

.p-at-white {
    background: #FFFFFF;
}

.p-at-blue {
    background: #00ACFF;
}

.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 span {
    color: var(--primary-color);
}

.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: 1px;
}

.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: calc(var(--default-gap)* 0.75);
}

.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.55rem;
        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.325em);
    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(--grey-bg-4);
    padding: calc(var(--box-padding)* 0.9) var(--box-padding);
    position: sticky;
    top: 0;
    z-index: 1600;
}


.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 - 3.9rem);
    display: flex;
    flex-direction: column;
}

.p-sb-gene-body-if {
    height: 100%;
    padding: var(--box-padding);
    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);
}

.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(--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-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-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;
}

#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));
}


.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-y: auto;
}

.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;
    }

.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;
}

.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 {
    max-width: 1240px;
    margin: 0 auto;
}

    .grid-main-family .p-db-grid-main {
        grid-template-columns: 1fr 1fr;
    }

    .grid-main-family .pdb-mh-dff-hc {
        min-height: 230px;
    }

.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.active svg.p-icon,
.sidebar-create-post .p-defautlt-navs-wi .nav-link.active svg.p-icon {
    stroke: var(--p-icon-color);
}

.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 {
    max-height: 500px;
}

.p-select-audi-dd .dx-list-next-button .dx-button {
    padding: 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: 0.1rem;
    }

    .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: var(--grey-bg-6);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding)* 0.85);
    border: 1px solid var(--primary-border-color);
    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: 10rem;
    padding: 0.28rem 0.65rem;
    line-height: 1.25;
    display: inline-flex;
    min-width: 90px;
    margin: 4px 0px;
    align-items: center;
    gap: 0.425rem;
    min-height: 29px;
    justify-content: center;
    font-size: 0.7rem;
}

    .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: left;
        min-width: 40px;
    }

@media(max-width: 1380px) {
    .p-cal-tags {
        min-width: 80px;
        gap: 0.225rem;
        font-size: 0.7rem;
    }
}

.woff-tag {
    background-color: #F0FAFF;
    color: #0075AD;
}

    .woff-tag .p-icon {
        stroke: #0075AD;
    }

.holiday-tag {
    background-color: #dafff8;
    color: #006654;
}

    .holiday-tag svg.p-icon {
        stroke: #006654;
    }

.leave-tag {
    background-color: #F4F1FD;
    color: #4316CA;
}

.leave-style svg.p-icon {
    stroke: #4316CA;
}

.late-tag {
    background-color: #FFF9EB;
    color: #8A6100;
}

    .late-tag svg.p-icon-fill {
        fill: #8A6100;
    }

.awol-tag {
    border-color: #dafff8;
    color: #006654;
    background-color: #dafff8;
}

    .awol-tag svg.p-icon {
        stroke: #006654;
    }

.regularize-tag {
    background-color: #EEFBF4;
    color: #17663A;
}

    .regularize-tag svg.p-icon {
        stroke: #17663A;
    }

.missing-tag {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
    border: 1px solid var(--overdue-bg);
    gap: 0.35rem;
}

    .missing-tag svg.p-icon {
        stroke: var(--overdue-tc);
        width: 0.92rem;
        height: 0.92rem;
        position: relative;
        left: -0.05rem;
    }

.p-cal-grey {
}

.no-entries-tag {
    background-color: red;
    color: white;
}

.day-cell {
    text-align: left;
    padding-left: 0.45rem;
    color: var(--primary-color);
}

.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(--sec-light-color6);
    border-radius: var(--bs-border-radius);
}

.attendance-main-container .dx-scheduler-header-panel {
    margin: 0;
}

.attendance-main-container .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.attendance-main-container .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 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 1rem;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.65rem;
}

.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;
}

    .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.35rem;
}

    .ba-box-shadows h4.pdf.justify-content-between svg.p-icon {
        width: 14px;
        height: 14px;
    }

.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(--grey-bg-4);
    margin-bottom: 1.1rem;
    padding: 0.85rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
}

.p-att-shift-group {
    display: flex;
    justify-content: space-between;
    gap: 6rem;
    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;
    }

div#scheduler {
    min-height: 660px;
}

.attendance-main-container .dx-template-wrapper {
    min-height: 100px;
}

#scheduler {
    overflow-x: hidden; /* 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 {
    background: var(--sec-light-color7);
    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(--sec-light-color6) !important;
    stroke: none !important;
    background: var(--grey-bg-5) !important;
}

.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;
}

.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: 90px;
    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.6rem;
}

.sb-att-request-details .p-ncb-ic {
    margin-top: 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 {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: underline;
}

.p-link:hover {
    text-decoration: underline;
    color: var(--primary-color);
}


/*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,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.7rem;
    padding-top: 4.5px;
    padding-left: 4.8px;
}

.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_laughing,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad {
    padding-top: 4px;
    padding-left: 3.6px;
}

.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,
.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: 3px;
    padding-top: 4px;
}

.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_laughing,
.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-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%;
    }

.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: center;
    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");
}

.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: flex;
    width: 8.8125rem;
    padding: 0.75rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.125rem;
    border: 1px solid var(--input-border-1);
    background: #FFF;
}

.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;
}

.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 {
    border: 1px solid var(--primary-border-color) !important;
    vertical-align: middle !important;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    cursor: pointer;
}

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: var(--bg-default);
}

.team-rota-table.table thead tr th {
    position: relative;
    font-weight: 600;
    overflow: visible;
    vertical-align: middle;
}

.p-team-rota-general-break {
    min-width: 185px;
}

.p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-employee {
    min-height: 98px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 190px;
}

td.p-team-rota-employee {
    border-bottom: 1px solid var(--primary-border-color);
}

.p-team-rota-body .grid-profile-wrapper .grid-avatar {
    align-self: flex-start;
    margin-top: 3px;
    flex-shrink: 0;
}

@media(max-width: 1600px) {
    .p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-employee {
        padding: 6px !important;
    }

    .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);
    }
}

td.p-team-rota-general-break {
    border-left: 3px solid var(--primary-color) !important;
}

.p-tag.p-tag-black {
    background-color: var(--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(--on-primary-color);
}

.p-team-rota-shift-duration {
    font-weight: 600;
    color: var(--primary-color);
    margin: 2px 0;
    display: flex;
    gap: 0.5rem;
    font-size: calc(var(--base-font-size)* 0.98);
}

.p-team-rota-break-type {
    display: flex;
    justify-content: space-between;
}

td.p-shift-drafted {
    background-color: #fff9db;
    border-left-color: #cdab00 !important;
}

.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;
}

.p-team-rota-employee-role, .p-team-rota-employee-hours {
    color: var(--on-primary-color);
}

.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: var(--primary-color);
}


.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-left: 14px !important;
    color: var(--on-primary-color);
}

.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;
    padding-bottom: 6px !important;
}

.rota-my-dx-cal .p-team-rota-shift-duration {
    margin: 0px 0;
}

.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-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;
}

.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(--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;
    }

. {
    max-width: 33.33%;
}

    .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.85rem;
        padding-bottom: 1.85rem;
    }

    .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;
            background-color: var(--p-grey-5);
            color: var(--primary-color);
            font-weight: 500;
            border-radius: 5px;
            z-index: 1;
            font-size: 0.66rem;
        }

        /* 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(--sec-light-color7); /* Line 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: 1.16rem;
    }

    .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-url {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.sec-align-cen {
    height: 100%;
    display: flex;
    align-items: center;
}

.p-bl-logo-mw {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    z-index: 9;
}

.p-bl-logo-svg {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-block;
    border-radius: 0.325rem;
    overflow: hidden;
}

.p-share-mw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 320px;
}

.p-share-icon-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    background: var(--chat-dark-bg-2);
    cursor: pointer;
}

    .p-share-icon-mw svg {
        width: 1.8rem;
        height: 1.6rem;
        display: inline-block;
        stroke: var(--dark-blue-color);
    }

    .p-share-icon-mw:hover {
        background: var(--primary-color);
    }

        .p-share-icon-mw:hover svg {
            stroke: #fff;
        }

.section-banner-partner {
    position: relative;
    height: auto;
    background-color: var(--theme-color-1);
    display: flex;
    align-items: center;
    background-image: url('~/Content/assets/images/section-bg-1.jpg');
    background-color: #f1f1f1;
}

.section-padd {
    padding: 4rem 0;
}

.section-banner-partner .display-3 {
    font-weight: 800;
    color: var(--primary-color);
    font-size: 3rem;
}

.form-card h5.card-title {
    font-weight: 600;
    font-size: var(--base-font-size-h4);
    margin-bottom: 0.8rem;
}

.form-card .card-body {
    padding: 1.45rem;
}

.form-card.card {
    border-color: var(--grey-bg-3);
    box-shadow: var(--default-shadow-1);
}

.section-banner-partner > .container {
    padding: 0.5rem 0;
    margin: 0 auto;
    z-index: 1;
}

section.section-banner-partner::before {
    background: linear-gradient(180deg, #ddefff 0%, rgb(244 249 255) 100%);
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

h4.card-title {
    font-weight: 600;
    font-size: var(--base-font-size-h1);
}

.banner-b-icon span.svg-icon {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
}

.refe-paper-plane {
    max-width: 500px;
    position: absolute;
    left: 0;
}

.accordion {
    --bs-accordion-btn-padding-y: 1.4rem;
}

.accordion-button:focus {
    outline: none; /* Removes the outline */
    box-shadow: none; /* Removes the focus box-shadow */
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.accordion-button:not(.collapsed) {
    color: var(--p-btn-bg);
    background-color: var(--sec-light-color8);
}

.accordion-button::after {
    opacity: 0.6;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
    opacity: 1;
}

.section-head {
    font-weight: 600;
}

.w-lg-65 {
    width: 65% !important
}

.card.card-lg {
    box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125);
    border: 1px solid var(--primary-border-color);
}

.accordion-flush .accordion-item {
    border-width: 0;
}

.accordion-flush .accordion-body {
    padding-top: 0;
}

.accordion-type-1 .accordion-button:not(.collapsed) {
    color: var(--primary-color);
    background-color: var(--theme-color-1);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    box-shadow: none;
}

.accordion-type-1 .accordion-collapse {
    background-color: var(--theme-color-1);
}

.accordian-sec .card-footer {
    background-color: var(--bg-default-pattern);
    border-top: none;
}

.card-footer .p-url {
    font-weight: 600;
}

.sec-bg {
    background: rgb(164 169 176 / 5%);
}

.green-block {
    background: var(--plm-light-green1);
    border: 1px solid #d2e9e5;
}

.yellow-block {
    background: #fffae7;
    border: 1px solid #e7e2ce;
}

.two-blocks {
    min-height: 210px;
    border-radius: var(--bs-border-radius);
    padding: 1.6rem;
    display: flex;
}

    .two-blocks h4 {
        font-weight: 600;
        font-size: var(--base-font-size-h1);
        margin-bottom: 1.05rem;
    }

    .two-blocks p {
        font-size: 1rem;
    }

.salmon-block {
    background: #ffeff0;
    border: 1px solid #f1ddde;
}

.pp-btn-sm {
    font-size: 0.76rem;
    color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.35rem 0.7rem;
    height: 2.2rem;
    flex-shrink: 0;
    font-weight: 500;
    cursor: pointer;
    gap: 0.62rem;
    border-radius: 0.4rem;
    background: #fff;
    backdrop-filter: blur(0px);
    border: 1px solid var(--input-border-1);
}

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

        .pp-btn-sm:hover svg.p-icon.p-icon-sm {
            stroke: #fff;
        }

.p-tag {
    border-radius: calc(var(--border-radius-default) * 0.35) !important;
    position: relative;
    min-width: 6.6rem;
    text-shadow: none;
    text-transform: capitalize;
    display: inline-block;
    padding: 0.36rem 0.55rem;
    font-size: calc(var(--base-font-size));
    text-align: center;
    font-weight: 400;
}

.inc-dec-stats em.icon {
    font-size: 0.8rem;
    line-height: 1;
    display: inline-block;
    transform: scale(1.95);
    margin-right: 5px;
}

span.inc-dec-stats {
    margin-right: 6px;
}

.inc-dec-stats-red, .inc-dec-stats-red .ni.icon {
    color: var(--red-color);
}

.inc-dec-stats-green, .inc-dec-stats-green .ni.icon {
    color: var(--green-color);
}

.ph-card.mh-db-card.p-db-upcoming-events {
    overflow: auto;
    min-height: 438px;
}

@media(min-width: 1750px) {
    .ph-card.mh-db-card.p-db-upcoming-events {
        min-height: 445px;
    }
}

@media(max-width: 1500px) {
    .ph-card.mh-db-card.p-db-upcoming-events {
        overflow: auto;
        min-height: 410px;
    }

    span.inc-dec-stats {
        font-size: 0.76rem;
    }

    .nd-label-head span {
        font-size: var(--base-font-size-lg);
    }

    .inc-dec-stats em.icon {
        font-size: 0.7rem;
        transform: scale(1.95);
        margin-right: 5px;
    }

    .p-db-data-count {
        min-height: 167px;
    }
}

@media(max-width: 1400px) {
    .p-db-data-count {
        min-height: 167px;
    }
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav ul li a .side-menu-ti {
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
    font-size: 0;
    white-space: nowrap;
    flex: 1;
}

.side-menu-ti p {
    margin-bottom: 0;
}

.p-sb-menu-sticky .user-profile-image {
    --image-pro-width: 2rem;
    width: var(--image-pro-width);
    height: var(--image-pro-width);
    display: inline-block;
    border-radius: 50%;
    align-self: center;
    flex-shrink: 0;
    max-width: var(--image-pro-width);
    margin-left: 0.6rem;
    min-width: 1.9rem;
}

.sb-user-profile {
    margin-top: 0.5rem;
}

.p-sb-menu-sticky .user-profile p {
    margin-bottom: 0;
    color: var(--primary-color);
}

.cl-ref-grid {
    display: grid;
    grid-template-columns: 1fr;
}

.referral-container {
}

.cl-ref-grid-cols .card-body {
    box-shadow: none !important;
}

.form-label {
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.cl-ref-grid-cols-left {
    background: linear-gradient(180deg, #dff1ff 0%, rgb(206 233 255 / 7%) 100%);
    border-radius: var(--bs-border-radius);
    padding: 3.5rem 2rem;
    height: 100%;
    border: 1px solid var(--primary-border-color);
}

.cl-ref-grid-cols-left-yellow {
    background: linear-gradient(180deg, #fff4c9 0%, rgb(255 253 249) 100%);
}

.referral-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    height: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.referral-header {
    font-weight: 800;
    margin-bottom: 1.2rem;
    font-size: 2rem;
}


.p-hei-ini {
    height: initial !important;
}

p.referral-text {
    font-size: 1rem;
}

.referral-link {
    font-size: 1rem;
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
}

.referral-stats {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.stat-item {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 0.45rem;
}

.referral-stats-mw {
    text-align: left;
}

.stat-label {
    font-size: 1.05rem;
}

.p-bg-cr-grey {
    background: linear-gradient(180deg, rgb(255 251 240 / 44%) 0%, rgb(255 253 246 / 15%) 100%);
}

.rf-block-icon svg {
    max-width: 158px;
    margin-left: 2.5rem;
}

.rf-block-mw {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.three_shapes svg {
    width: 100%;
    height: 1050px;
}

.brand-link img {
    max-width: 2.1rem;
}

/* Hide the entire second column by default on mobile */
@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;
    }

    .sidebar-closed li.nav-item.p-sidemenu-dropdown {
        visibility: hidden;
        opacity: 0;
    }

    .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;
    }
}


.dx-pager .dx-pages {
    white-space: nowrap;
    float: right;
    display: flex;
    align-items: center;
}

.p-goalcounts {
    text-align: center;
}

.pp-event-img-mw img {
    max-height: 320px;
    display: inline-block;
    width: 100%;
    object-fit: cover;
}

.pp-event-cont-head {
    margin-top: 1.05rem;
}

.pp-event-cont-head h4 {
    font-size: var(--base-font-size-h3);
    font-weight: 700;
}

.pp-ev-icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius)* 0.8);
    border: 1px solid var(--primary-border-color);
}

.grey-tag-wi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius)* 0.8);
    padding: 0.35rem 1rem;
    background: var(--sec-light-color8);
    border: 1px solid var(--grey-bg-3);
}

.pp-ev-icon svg.p-icon {
    width: 1.4rem;
    height: 1.4rem;
}

.pp-ev-icon-cont p {
    margin-bottom: 0;
    font-weight: 500;
}

.pp-ev-icon-cont p span {
    color: var(--on-primary-color);
    font-weight: 400;
}

.fs-time {
    font-size: 0.8rem;
}

.p-smiw.p-smiw-sm svg {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 2px;
}

.text-danger {
    color: var(--ui-error-border);
    font-size: 0.9rem;
}

.msg-chat-on-off-status {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: -1px;
    right: 0px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    display: flex;
}

.msg-chat-on-off-status svg {
    fill: #ffff;
}

.msg-chat-online {
    background-color: #05af05;
}

.msg-chat-offline {
    background-color: #e0e0e0;
}

.msg-chat-on-off-status .p-icon-3xs {
    width: 0.58rem;
    height: 0.58rem;
    stroke: #fff !important;
    fill: none;
}

.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container, .dx-toolbar .dx-toolbar-item {
    padding: 0 25px 0 0;
}

.navbar-badge {
    font-size: 0.5rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.27em;
    height: 1.27em;
    border-radius: 50%;
    outline: 0.22em solid #FFF !important;
    background: #EC5252;
    position: absolute;
    right: 2px;
    top: 4px;
    text-indent: -9999px;
    z-index: 99;
}

.p-clk-tt .dx-placeholder::before {
    padding: 7px 9px 8px;

}

.p-clk-tt .dx-searchbox .dx-texteditor-input,
.p-clk-tt .dx-placeholder::before {
    padding-left: 36px;
}

.p-modal-sb .form-group label,
.p-modal-sb .p-form-label {
    padding-left: 0.3rem;
}

.p-cb-align-terms {
    padding-left: 1.3rem;
}

.dx-toolbar-items-container .dx-button-mode-contained {
    border: transparent !important;
}

.dx-toolbar-items-container .dx-button-mode-contained.dx-state-focused {
    background-color: transparent;
    border-color: #ddd;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: var(--primary-color);
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
.dx-editor-cell .dx-texteditor,
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    border-radius: 0;
}

.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
}

.dx-widget.dx-calendar-navigator {
    display: flex;
    gap: 0.7rem;
}

.dx-calendar-navigator .dx-button {
    position: initial;
    height: 100%;
    border-radius: 0;
    display: inline-block;
    border-color: #ddd;
    border-radius: var(--bs-border-radius-2xl);
}

.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
    color: var(--sec-light-color3);
}

.dx-button.dx-button-normal.dx-button-has-icon {
    width: 35px;
    height: 35px;
}

.dx-calendar-cell {
    font-size: 14px;
    width: 34px;
    border-radius: var(--bs-border-radius);
    height: 34px;
}

.dx-editor-with-menu .dx-datebox-date .dx-button-mode-contained {
    border-color: var(--primary-border-color);
    color: var(--on-primary-color);
    border-bottom: 1px solid var(--input-border-1);
    margin-left: 0px;
    border-radius: 0;
}

.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
    margin: 0;
    flex: 1;
}

.arg-captcha.cpcha-padd {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dx-header-filter-menu .dx-toolbar-items-container .dx-toolbar-after {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    gap: 1rem !important;
    padding-right: 7px !important;
}

.dx-header-filter-menu .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-item {
    padding: 0;
}

.p-dx-msdd.p-input-append .dx-texteditor-input-container {
    padding: 2.2px 34px 2.2px 0px;
}

.p-input-append.p-dx-msdd .dx-placeholder::before {
    padding-left: 0.28rem;
}

.p-input-append.p-dx-msdd .dx-texteditor-input {
    padding-left: 4px;
}

input:-webkit-autofill {
    background-color: #fffae6 !important; 
    color: #333;
}

input:-webkit-autofill:focus {
    background-color: #fffae6 !important;
    color: #333;
}