/*base variable starts here*/
:root {
    --white-color: #ffffff; /* white */
    --primary-font: 'Plus Jakarta Sans';
    --secondary-font: 'Plus Jakarta Sans';
    --box-padding: 1.4rem;
    --box-y-padding: 1.1rem;
    --default-gap: 1.6rem;
    --default-container-gap: 1.8rem;
    --bs-border-width: 0.5rem;
    --custom-sidebar-width: 210px;
    --custom-sidebar-margin: 210px;
    --content-grid-width: 240px;
    --pc-thumb-height: 9rem;
    --bs-border-radius-lg: 2.5rem;
    --border-radius-default: 1.15rem;
    --bs-border-radius: 1.15rem;
    --nav-min-height: 3.8rem;
    --default-sidebar-width: 380px;
    --default-sidebar-width-sm: 365px;
    --base-font-size-xxs: 0.76rem;
    --base-font-size-xs: 0.78rem;
    --base-font-size-sm: 0.8rem;
    --base-font-size: 0.84rem;
    --base-font-size-lg: 0.85rem;
    --base-font-size-xl: 0.875rem;
    --base-font-size-xxl: 0.91rem;
    --base-font-size-h1-lg: 2.5rem;
    --base-font-size-h1: 1.275rem;
    --base-font-size-h2: 1.25rem;
    --base-font-size-h3: 1.05rem;
    --base-font-size-h4: 1rem;
    --base-font-size-h5: 0.94rem;
    --base-font-size-h6: 0.76rem;
    --border-width-layout: 1px;
    --plm-light-purple: #CED2F6;
    --plm-dark-purple: #9895D8;
    --plm-light-green: #6df7de;
    --plm-light-green1: #E4FDF8;
    --plm-dark-green1: #76F6DD;
    --pb-light-yellow: #ffe1d7;
    --plm-light-yellow2: #FEFAE9;
    --plm-dark-yellow2: #F9E791;
    --plm-light-blue: #88c9ff;
    --plm-light-blue2: #EAF5FE;
    --plm-light-salmon: #f5a6ac;
    --plm-light-blue: #96cdfa;
    --plm-light-pink: #FFD4FA;
    --salmon-color: #f5a6ac;
    --plm-light-yellow: #fae697;
    --bs-table-striped-bg: rgb(221 223 233 / 38%);
    --p-btn-padding: 0.48rem 0.95rem;
    --p-btn-min-width: 7.75rem;
    --p-btn-min-width2: 6.625rem;
    --p-btn-min-height: 2.45rem;
    --p-border-width: 0.125rem;
    --dark-bg-txt: #173571;
    --icon-nav-wh: 1.1rem;
    --icon-nav-wh-lg: 1.32rem;
    --icon-nav-wh-xl: 1.32rem;
    --hh-wm: 4.063rem;
    --overdue-tc: #D33D44;
    --overdue-bg: #FDF2F2;
    --incomplete-tc: #0046A8;
    --incomplete-bg: #F5F2FD;
    --complete-tc: #17663A;
    --complete-bg: #EEFDF3;
    --chat-input-mh: 4.5rem;
    --def-sb-wid: 0.25em;
    --container-width: 2500px;
    --schedular-cal-wid: 1850px;
    --chat-gap: 0.9rem;
    --vir-ag-sb-wid: 350px;
    --primary-accent-color: #EF21AD;
    --maintenance-banner-height: 36px;
    --sidebar-gap: 0.8rem;
    --bg-body-border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.0);
    /* 86c9d2epc: wizard/stepper strip wash. Same formula the rule used inline, as a token so the
       Black brand can neutralise it like the other pale washes. */
    --theme-wizard-strip-bg: hsl(var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%));
}

    :root[color-mode="light"] {
        /* ── Lightest ───────────────────────────────────────────── */
        --theme-shade-1: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.15), calc(var(--primary-lightness) * 0.05 + 95%));
        --theme-shade-2: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.20), calc(var(--primary-lightness) * 0.07 + 93%));
        --theme-shade-3: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.25), calc(var(--primary-lightness) * 0.10 + 90%));
        --theme-shade-4: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.9), calc(var(--primary-lightness) * 0.12 + 88%));
        /* ── Base ───────────────────────────────────────────────── */
        --theme-shade-5: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.45), calc(var(--primary-lightness) * 0.03 + 90%));
        /* ── Darker ─────────────────────────────────────────────── */
        --theme-shade-6: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.40), calc(var(--primary-lightness) * 0.20 + 80%));
        --theme-shade-7: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.45), calc(var(--primary-lightness) * 0.25 + 75%));
        --theme-shade-8: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.50), calc(var(--primary-lightness) * 0.30 + 70%));
        --theme-shade-9: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.55), calc(var(--primary-lightness) * 0.40 + 60%));
        --theme-shade-10: hsl(var(--primary-hue), calc(var(--primary-saturation) * 0.60), calc(var(--primary-lightness) * 0.50 + 50%));
        /* ── Darkest ────────────────────────────────────────────── */
        --theme-btn-hover: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.85);
        --theme-light-bg-def: hsl( var(--primary-hue), 35%, calc(50% * 0.1 + 89%) );
        --theme-light-bg-def-1: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 90%) );
        --theme-light-bg-def-2: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 80%) );
        --theme-light-bg-def-3: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 85%) );
        --theme-light-bg-def-4: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 70%) );
        --theme-placeholder-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
        --theme-icon-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.75);
        --theme-border-layout: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.125);
        --input-bg-sel-theme: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --theme-border-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
        --theme-border-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
        --theme-border-3: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3);
        --theme-border-4: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
        --theme-border-5: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.04);
        --input-bg-sel-theme-border: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --indigo-color: #09090b;
        --layour-bg-color: rgb(255 255 255 / 75%);
        --content-bg-color: rgb(255 255 255 / 75%);
        --btn-light-bg: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --hsla-input-border: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
        --card-btn-light-bg: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.04);
        --theme-primary-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        --th-dropdown-bg: rgb(255 255 255 / 75%);
        --th-dropdown-border: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --theme-secondary-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --theme-no-data-svg: hsl(var(--primary-hue), 50%, calc(50% * 0.1 + 60%));
        --bg-shade-lightness: 9%;
        --opacity-base-active-bg: 0.1;
        --text-color: hsl(0, 0%, 20%);
        --opacity-default-border: 0.12;
        --opacity-base: 1;
        --border-layout: rgb(255 255 255 / 63%);
        --table-head-bg: hsla( var(--primary-hue), 75%, calc(50% * 0 + 90%) );
        --wd-green-bg: #e8fff9;
        --wd-green-border: #e8fff9;
        --wd-blue-bg: #e4efff;
        --wd-blue-border: #deebff;
        --wd-purple-bg: #e6e2ff;
        --wd-purple-border: #e6e2ff;
        --wd-yellow-bg: #fffae4;
        --wd-yellow-border: #f9f1cd;
        --wd-pink-bg: #ffeffe;
        --wd-pink-border: #ffddfa;
        --on-primary-color: #363643;
        --p--border-1: #E2E8F0;
        --p-border-2: #D1D1DB;
        --primary-bg-color: #f2f3f4;
        --primary-text-inverse: #f7f4f4;
        --p-grey-color: rgb(252 252 252 / 90%);
        --p-grey-icon: #b6b6b6;
        --p-grey-1: #c5ccdd;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f1f1f1;
        --p-grey-4: rgb(249 249 252 / 80%);
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #0A162F;
        --p-btn-txt: #ffffff;
        --p-btn-hover: var(--theme-btn-hover);
        --on-primary-color-1: #8a8a8a;
        --input-border-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: var(--primary-color);
        --default-shadow: 0 1px 4px rgb(0 0 0 / 4%) !important;
        --bg-default: #f6f6f7; /* default background is white */
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color-2: rgb(204 209 225);
        --primary-border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
        --sec-light-color1: #4c4c4c;
        --sec-light-color2: #666666;
        --sec-light-color3: #808080;
        --sec-light-color4: rgba(79, 87, 98, 0.05);
        --sec-light-color5: #cccccc;
        --sec-light-color6: #e5e5e5;
        --sec-light-color7: #efefef;
        --sec-light-color8: #f6f6f7;
        --salmon-new-color: #f3a7ad;
        --salmon-new-color2: #F8CACD;
        --salmon-new-light-color: #fdbdc2;
        --nav-menu-color: #6A7895;
        --nav-menu-active-color: #eaeffb;
        --nav-menu-bg-color: #ffffff;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --yellow-color: #7e5f00;
        --green-color: #2e8d50;
        --light-green3: #ADFAEB;
        --red-color: #d00c0c;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #fff;
        --db-text-para: #B4BFD6;
        --skeleton-color-2: #eaeef7;
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: rgb(9, 9, 11);
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #0a88ed; /*light dark blue btn hover etc*/
        --primary-dark-color2: #2664BD;
        --primary-opacity-color: #ebf5ff; /* light blue with opacity*/
        --card-bg-color: #ffffff; /*card background*/
        --secondary-color: #0A162F; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #5f5f74; /* font color */
        --on-primary-color-dark: #5b5b5b; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #d8d9df; /* disable color */
        --disabled-light-color: #fafafa; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #FFAD98; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #F7F8FA; /*table row bg color*/
        --sidebar-bg-color: #FDFEFE; /*sidebar bg color*/
        --video-sidebar-bg-color: #F7FBFF; /*sidebar bg color*/
        --video-topnav-bg-color: #383838; /*sidebar bg color*/
        --blur-bg-color: rgb(246 250 253); /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(255 255 255 / 80%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #FFE2DB; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #DAEDFF; /*tag background color*/
        --tag-bg-body-color: #E9DDFC; /*tag background color*/
        --tag-bg-work-color: #DEFBEA; /*tag background color*/
        --tag-bg-addiction-color: #FFD6E2; /*tag background color*/
        --tag-bg-relsp-color: #FFD9B6; /*tag background color*/
        --tag-bg-pg-color: #FFF3B5; /*tag background color*/
        --tag-bg-soundscape-color: rgb(156 39 176 / 21%); /*tag background color*/
        --tag-bg-pastlive-color: #ebfdc6; /*tag background color*/
        --notification-bg-color: #FA3E3E; /*notification bg background color*/
        --modal-bg-color: rgb(19 22 31 / 88%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(79, 87, 98, 0.05); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --bg-default-pattern: #F7F8FA;
        --main-loader-bg: rgb(19 22 31 / 88%);
        --light-green: #62E3CA;
        --light-yellow: #F4DF7A;
        --light-salmon: #FC969D;
        --pb-light-purple: #E9DDFC;
        --pb-light-pink: #ffd6e2;
        --light-blue: #81C3FA;
        --placeholder-color: var(--theme-placeholder-color);
        --link-color: #121217;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #f1f3f4;
        --light-grey-svg-stroke: #ffffff;
        --light-grey-main-circle: #f2f2f2;
        --dark-gradient-primary: #173571;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --blue-light-bg: #EAF5FE;
        /*---------box shadows---------*/
        --default-shadow: 0px 7px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 5px 10px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(0 0 0 / 25%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #ffffff; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #ADD5F5; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: rgb(180 191 214 / 36%); /*tag border color*/
        --profile-img-border-color: #f1f2f7; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --tag-bg-soundscape-border-color: #89189c; /*tag background border color*/
        --tag-bg-pastlive-border-color: #5c8b00; /*tag background border color*/
        /*---------buttons---------*/
        --dash-btn-bg-color: rgba(53, 155, 236, 0.08);
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/

        --background1: #ffffff;
        --text-white: #364a63;
        --glow1: #f3f3f3;
        --msg-sidebar: #fff;
        /*new colors*/
        --input-focus-dark: #ffffff;
        --chat-dark-bg-2: #fff;
    }

    :root[color-mode="dark"] {
        --p--border-1: #E2E8F0;
        --p-grey-1: #dbdfe8;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f4f7fc;
        --p-grey-4: #fbfbfc;
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #359BEC;
        --p-btn-txt: #ffffff;
        --p-btn-hover: #0181e7;
        --input-border-1: #383E51;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: #78829A;
        --border-layout: #383E51;
        --bg-default: #010811;
        --default-shadow: 0 0.3rem 0.3rem rgba(140,152,164,.04) !important;
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color: #212b42;
        --sec-light-color1: #6b92e1;
        --sec-light-color2: #95b1e9;
        --sec-light-color3: #282c32;
        --sec-light-color4: #3B455C;
        --sec-light-color5: #010811;
        --sec-light-color6: rgb(24 24 26 / 53%);
        --sec-light-color7: #2b3249;
        --salmon-new-light-color: #fdbdc2;
        --salmon-new-color2: #F8CACD;
        --salmon-new-color: #f3a7ad;
        --nav-menu-color: #adadad;
        --nav-menu-active-color: #2b2b2b;
        --nav-menu-bg-color: #1f1f1f;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --green-color: #2E944E;
        --red-color: #ed0000;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #ffffff;
        --db-text-para: #adadad;
        --skeleton-color-2: #05111f;
        --plm-light-blue2: #b4d2ea;
        /*graph colors*/
        --dark-green: #39a361;
        --light-green: #62E3CA;
        --background1: #101924;
        --text-white: #ffffff;
        --glow1: #6d8fb9;
        --white-color: #1f1f1f; /* white */
        /*variable for chat page dark mode starts here*/
        --chat-dark-bg-1: #191E2E;
        --chat-dark-bg-2: #191E2E;
        --chat-dark-border-1: #1f1f1f;
        --chat-left-bubble: #2c2c2c;
        --chat-right-bubble: #024678;
        --chat-recommend-msg: #fb977d;
        --chat-bg-font: #e4e4e4;
        --chat-dark-border: #2b2b2b;
        --chat-dark-border-2: #565656;
        --chat-dark-border-3: #0461a5;
        --primary-dark: #c15337;
        --input-focus-dark: #003c6c;
        --gradient-dark-top: #447cad;
        --gradient-light-bottom: rgb(3 69 122);
        --light-grey-dark: #dddddd;
        --dark-back-bg: #05335c;
        --bg-default-box-shadow: 0px 1px 3px 2px rgb(52 52 52 / 37%);
        --dark-neo-box-shadow: 2px 2px 5px #000000, -2px -2px 5px #404040;
        --dark-primary-color: #359bec;
        --dark-overlay-bg: rgb(66 66 66 / 84%);
        --dark-gradient-primary: #005797;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --light-green3: #ADFAEB;
        --blue-light-bg: #3B455C;
        /*variable for chat page dark mode ends here*/
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: #d1d1d1; /* light blue -D */
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #1f1f1f; /*light dark blue btn hover etc*/
        --primary-opacity-color: #ebf6ff; /* light blue with opacity*/
        --card-bg-color: #191E2E; /*card background*/
        --secondary-color: #359bec; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #ffffff; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #3c3c3c; /* disable color -D*/
        --disabled-light-color: #363636; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --bg-default-pattern: #141414;
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #bf3f1e; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #191818; /*table row bg color*/
        --sidebar-bg-color: rgb(31 31 31); /*sidebar bg color*/
        --video-sidebar-bg-color: #1f1f1f; /*sidebar bg color*/
        --video-topnav-bg-color: #354566; /*sidebar bg color*/
        --blur-bg-color: #1f2436; /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(31 31 31 / 84%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #d4674b; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #359bec; /*tag background color -D*/
        --tag-bg-body-color: #7946db; /*tag background color -D*/
        --tag-bg-work-color: #39a361; /*tag background color -D*/
        --tag-bg-addiction-color: #ff6c98; /*tag background color -D*/
        --tag-bg-relsp-color: #ff6d3f; /*tag background color -D*/
        --tag-bg-pg-color: #e19a2e; /*tag background color -D*/
        --notification-bg-color: #af0000; /*notification bg background color*/
        --tag-bg-soundscape-color: #b207cf;
        --tag-bg-pastlive-color: #639300; /*pastlive background color*/
        --tag-bg-pastlive-border-color: #639300; /*pastlive background border color*/
        --tag-bg-soundscape-border-color: #b207cf;
        --modal-bg-color: rgb(36 36 36 / 66%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(148, 204, 249, 0.21); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --dash-box-bg-color: #0a0a0b;
        --light-green: #39a361; /*d*/
        --light-yellow: #d1be14; /*d*/
        --light-salmon: #d55a3a; /*d*/
        --pb-light-purple: #7946db; /*d*/
        --pb-light-pink: #ff6c98; /*d*/
        --light-blue: #0058ab; /*d*/
        --placeholder-color: #78829A; /*-d*/
        --link-color: #62adff;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #141414;
        --light-grey-svg-stroke: #e4e4e4;
        --light-grey-main-circle: #e4e4e4;
        /*---------box shadows---------*/
        --default-shadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(31 29 29 / 71%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #141414; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #3a3a3a; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: #292e3c; /*tag border color*/
        --profile-img-border-color: #0a0a0b; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --main-loader-bg: rgb(0 23 58 / 82%);
        /*---------buttons---------*/
        --dash-btn-bg-color: #0461a5;
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/
    }

@media(min-width: 2000px) {
    :root {
        --schedular-cal-wid: 2250px;
    }
}

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

@media(max-width: 1750px) {
    :root {
        --custom-sidebar-width: 200px;
        --custom-sidebar-margin: 200px;
    }
}

@media(max-width: 1550px) {
    :root {
        --custom-sidebar-width: 190px;
        --custom-sidebar-margin: 190px;
    }
}

@media(max-width: 1450px) {
    :root {
        --default-gap: 1.35rem;
        --default-container-gap: 1.25rem;
        --default-sidebar-width: 350px;
    }
}

@media(max-width: 1350px) {
    :root {
        --box-padding: 1.1rem;
    }
}

@media(max-width: 991.98px) {
    :root {
        --default-gap: 1rem;
        --box-padding: 1rem;
        --default-container-gap: 1rem;
        --nav-min-height: 3.3rem;
    }
}

@media(max-width: 991px) {
    :root {
        --custom-sidebar-width: 12.5em;
        --custom-sidebar-margin: 12.5em;
    }
}

@media(max-width: 576px) {
    :root {
        --custom-sidebar-width: 16.5em;
        --custom-sidebar-margin: 16.5em;
    }
}


/*base variable ends here*/

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}


@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Kamerik105W00';
    src: url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*base css varibales for layout starts here*/
body {
    background: var(--grey-bg-6);
    font-size: var(--base-font-size);
}


.content-wrapper {
    background: var(--bg-body-border-color) !important;
}

.lead-head {
    font-family: 'Kamerik105W00' !important;
}

.dx-htmleditor-content .dx-mention {
    padding: 1px 0;
    border-radius: 2px;
    background-color: transparent;
    color: #007FFF;
    font-weight: 500;
}

.p-bord-bot1p {
    border-bottom: 1px solid var(--sec-light-color4);
}

.slimScrollBar {
    background: var(--default-border) !important;
    width: 5px !important;
}

.min-w-250px {
    min-width: 250px;
}

.min-w-225px {
    min-width: 225px;
}

.min-w-200px {
    min-width: 200px;
}

.p-circle-count {
    background: var(--dark-blue-color);
    width: 1.5rem;
    height: 1.05rem;
    border-radius: 0.85rem;
    color: var(--background1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 500;
}

    .p-circle-count.p-circle-count-green {
        background: var(--complete-tc);
    }

.p-circle-count-lg {
    width: initial;
    min-width: 3rem;
    height: 1.3rem;
    display: inline-flex;
}

.ph-default-link-hover:hover {
    text-decoration: underline;
}

.pos-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.def-avat-name-ini {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--base-font-size);
    border-radius: 50%;
    font-weight: 500;
}

a.brand-link.show-logo-team {
    display: none !important;
}

button {
    transition: all .3s;
}

.placeload-img-default {
    border: none !important;
    box-shadow: none !important;
}

.ph-placeload .loads {
    width: 100%;
    height: 9px;
}

.ph-placeload.placeload {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    min-height: initial;
}

/*js scroll left right*/
.js-scrollable-nav .p-defautlt-navs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

.js-scrollable-nav {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden; /* Hide the overflowing content */
}

.js-left-arrow, .js-right-arrow {
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
}

.js-left-arrow {
    left: 0;
}

.js-right-arrow {
    right: 0;
}
/*js scroll right left*/


.fw-500 {
    font-weight: 500;
}

.form-control::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    font-size: var(--base-font-size);
    line-height: 1.35;
}

.p-input-append.p-add-dd .dx-lookup-arrow,
.filter-inp-grp .p-input-append .dx-lookup-arrow {
    display: block;
    font-size: 0;
}

.p-input-append.p-add-dd .dx-lookup-field .custom-field::after,
.filter-inp-grp .p-input-append .dx-lookup-field .custom-field::after {
    content: "";
    background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    width: 45px;
    position: absolute;
    height: 100%;
    right: 30px;
}

.p-input-append.p-add-dd .dx-lookup-field .custom-field,
.filter-inp-grp .p-input-append .dx-lookup-field .custom-field {
    max-width: calc(100% - 0.5rem);
    overflow: hidden;
    white-space: nowrap;
}

select,
.btn-custom-dd,
.dx-tag-wi .p-dx-dd-tt .dx-selectbox-container,
.p-sc-w,
.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-add-di,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-select2-input .select2-selection__arrow,
.p-input-append.p-add-dd .dx-lookup-arrow,
.filter-inp-grp .p-input-append .dx-lookup-arrow {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    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: calc(100% - 0.97rem);
    background-repeat: no-repeat;
    background-size: 0.8rem;
}

.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 1.25rem;
}

html[color-mode="dark"] select.form-control,
html[color-mode="dark"] .p-input-append.p-add-dd .dx-texteditor-input-container,
html[color-mode="dark"] .p-sc-w,
html[color-mode="dark"] .p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
html[color-mode="dark"] .p-add-di,
html[color-mode="dark"] .p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    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.p-add-si .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-input-append.p-add-si .dx-texteditor-input-container {
    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23404040' version='1.1'%3E%3Cg id='Iconly/Light/Search' stroke-width='1.5' 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");*/
    /*    background-size: 1.1rem;*/
    background-repeat: no-repeat;
}

.form-builder-wp select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    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") !important;
}

.p-input-append.p-add-si .dx-texteditor-input-container {
    background-position: calc(100% - 0.88rem);
}

.p-input-append.p-add-si .dx-dropdowneditor-button {
    width: 43px;
}

.ph-header-1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-header-2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-sub-header-2 {
    font-family: var(--primary-font);
    margin: 5px 0 5px;
    font-size: 1.1rem;
    color: var(--on-primary-color);
    line-height: 1.45;
}

@media(max-width: 1600px) {
    .ph-header-1 {
        font-size: 28px;
    }

    .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 25px;
    }
}

@media(max-width: 1200px) {
    .ph-sub-header-2 br {
        display: none;
    }
}

@media(max-width: 992px) {
    .ph-header-1 {
        font-size: 26px;
        line-height: 38px;
    }

    .ph-header-2 {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .ph-sub-header-2 {
        font-size: 18px;
    }
}

.ph-para-1 {
    font-size: 16px;
    line-height: 28px;
}

.ph-para-head {
    font-weight: 600;
}

.ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 35px;
}

.ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
}

.ph-default-para-wrapper .ph-para-1:not(:last-child) {
    margin-bottom: 20px;
}

.ph-para-dot {
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
}

.ph-para-tick {
    position: relative;
    margin-left: 26px;
    padding-left: 33px;
}

    .ph-para-tick::before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.682 9.37458C28.1552 9.96308 27.6587 10.5528 27.1937 11.1413C26.9769 11.3896 26.7905 11.6378 26.5737 11.9163C26.9455 13.0631 27.1622 14.3031 27.1622 15.5746C27.1319 22.0846 21.8305 27.3863 15.3205 27.3863C8.81052 27.3863 3.5089 22.0846 3.5089 15.5746C3.5089 9.06464 8.81052 3.76302 15.3205 3.76302C17.3973 3.76302 19.3821 4.32127 21.0871 5.25127C21.6756 4.66277 22.2654 4.10452 22.8854 3.54627L23.2886 3.20477C20.9939 1.71774 18.2657 0.849487 15.3207 0.849487C7.19901 0.849487 0.595703 7.4528 0.595703 15.5745C0.595703 23.6962 7.19901 30.2995 15.3207 30.2995C23.4424 30.2995 30.0457 23.6962 30.0457 15.5745C30.0457 13.373 29.5492 11.2661 28.6822 9.37449L28.682 9.37458Z' fill='%23359BEC'/%3E%3Cpath d='M19.4739 11.2029C18.3574 12.5664 17.3039 13.9614 16.3122 15.3879C15.8157 16.1011 15.3205 16.8446 14.8555 17.5894L10.8872 12.6911C10.4222 12.1328 9.61566 12.0093 8.99566 12.4125C8.34417 12.846 8.18917 13.7143 8.62391 14.3658L13.6155 21.7742C13.739 21.9607 13.9255 22.1459 14.1423 22.2707C14.4208 22.4571 14.7308 22.5492 15.0408 22.5492C15.6293 22.5492 16.2808 22.2392 16.5593 21.7124C16.8378 21.2159 18.2328 18.6439 19.1628 17.249C20.0613 15.854 20.9913 14.4905 22.0145 13.1574C23.0063 11.8241 24.061 10.5224 25.1762 9.28236C26.2612 8.04236 27.4395 6.77086 28.6179 5.68574L28.6493 5.65426C29.2076 5.1275 29.2378 4.25925 28.7426 3.70101C28.2158 3.1125 27.3476 3.04951 26.7591 3.57749C25.3956 4.78599 24.1858 5.99574 22.9774 7.26587C21.7374 8.53737 20.5591 9.83912 19.4741 11.2026L19.4739 11.2029Z' fill='%23359BEC'/%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 17px;
        height: 17px;
    }

.ph-para-dot::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

@media(max-width: 992px) {
    .ph-para-tick::before {
        top: 8px;
        width: 15px;
        height: 15px;
    }

    .ph-para-tick {
        position: relative;
        padding-left: 30px;
        margin-left: 0px;
    }

    .ph-para-dot::before {
        top: 9px;
    }

    .ph-para-dot {
        position: relative;
        padding-left: 20px;
        margin-left: 0px;
    }

    .ph-para-1 {
        font-size: 17px;
        line-height: 29px;
    }
}

.p-deleted-user {
    opacity: 0.45;
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    line-height: 1.3;
}

a {
    text-decoration: none;
}

p, label, button, a, input, button, select, textarea {
    font-family: var(--primary-font) !important;
}

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

.form-control::placeholder, input::placeholder {
    color: var(--placeholder-color);
    opacity: 0;
    visibility: hidden;
}

.p-with-20 {
    width: 20px;
}

.min-wid-ini {
    min-width: initial !important;
}

.ph-card, .appointment-div, .inbox-div, .prac-boxes-newdash-2 {
    padding: calc(var(--box-padding) * 0.9);
}

.ph-card,
.appointment-div,
.inbox-div,
.prac-boxes-newdash-2,
.p-nd-widget,
.p-eb-box,
.p-tl-box {
    position: relative;
    /*    background: rgb(255 255 255 / 70%);*/
    background: #fff;
    border: 1px solid var(--theme-border-layout);
    border-radius: var(--bs-border-radius);
    box-shadow: 0px 1px 1px rgba(13, 41, 66, 0.04);
}

.main-sidebar {
    background-color: var(--chat-dark-bg-2) !important;
    padding: 0 0 0.2rem;
}

.rect-bg-nd {
    background-color: #fafafd;
    max-width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.45rem;
    border: 1px solid #f5f5f8;
}


.dropdown-menu,
.p-dd-wp-content,
.p-ani-dropdown,
.tooltip:has(.p-si-ttw-white) .tooltip-inner {
    border: 1px solid var(--th-dropdown-border);
    border-radius: var(--bs-border-radius);
    background: var(--th-dropdown-bg) !important;
}

.p-ani-dropdown,
.dropdown-menu,
.tooltip:has(.p-si-ttw-white) .tooltip-inner {
    backdrop-filter: blur(25px);
}

.main-sidebar,
.main-header,
.sidebar-dropdown-menu,
.search-suggestions {
    background-color: transparent;
    background: var(--layour-bg-color) !important;
}

    .search-suggestions .p-ss-feature {
        position: relative;
        padding: 0.45rem;
    }

        .dropdown-menu-list-icon::before,
        .main-header::before,
        .main-sidebar::before,
        .sidebar-dropdown-menu::before,
        .search-suggestions .p-ss-feature::before,
        .ph-card::before,
        .appointment-div::before,
        .inbox-div::before,
        .prac-boxes-newdash-2::before,
        .p-nd-widget::before,
        .p-eb-box::before,
        .p-tl-box::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            backdrop-filter: blur(35px);
            -webkit-backdrop-filter: blur(35px);
            top: 0;
            left: 0;
            z-index: -1;
        }

    .main-header::before {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(15px);
    }

.p-menu-nav-sb {
    position: relative;
}

/*#dropdownMenuButton.p-menu-nav-sb::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 1px;
    background-color: #ccc;
}*/

/*.brand-link.dropdown::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 0.8px;
    background-color: #ccc;
    top:60px;
}*/

/*#li-admin::before, .p-sidemenu-dropdown::before {
    content: "";
    display: block;
    margin: 7px auto 10px;
    position: relative;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 0.8px;
    background-color: #ccc;
    top: 0px;
}*/

/*.content-wrapper {
    padding-left: 7rem !important;
}*/

/*.main-sidebar {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0.79rem;
    border-radius: 12px;
    z-index: 2000;
    background: rgb(255, 255, 255) !important;
}*/


.main-header{
    border-bottom: var(--border-width-layout) solid var(--theme-border-layout);
}

.new_top_navigation {
    position: relative;
    left: 100px;
}

.dropdown-menu-list-icon::before {
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

.main-sidebar::before {
    left: -1px;
}

.ph-card::before,
.appointment-div::before,
.inbox-div::before,
.prac-boxes-newdash-2::before,
.p-nd-widget::before,
.p-eb-box::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}


#txtDelete.form-control::placeholder,
#txtDelete input::placeholder,
#txtCaseNo input::placeholder,
#txtCaseNo.form-control::placeholder,
#txtGoalDelete.form-control::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete.form-control::placeholder,
#searchUsersInput.form-control::placeholder,
#searchUsersInput input::placeholder,
#searchpeoplesInput input::placeholder,
#searchpeoplesInput.form-control::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#PartnerUserID.form-control::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID.form-control::placeholder,
#FirstName.form-control::placeholder,
#FirstName input::placeholder,
#FirstName input::placeholder,
#FirstName.form-control::placeholder,
#LastName.form-control::placeholder,
#LastName input::placeholder,
#LastName input::placeholder,
#LastName.form-control::placeholder,
#DOB.form-control::placeholder,
#DOB input::placeholder,
#DOB input::placeholder,
#DOB.form-control::placeholder,
#JobTitle.form-control::placeholder,
#JobTitle input::placeholder,
#JobTitle input::placeholder,
#JobTitle.form-control::placeholder,
#Email.form-control::placeholder,
#Email input::placeholder,
#Email input::placeholder,
#Email.form-control::placeholder,
.delete-conf-iw input.form-control::placeholder {
    opacity: 1;
    visibility: visible;
}


.icon.ni.rating-star {
    color: #f39c12;
    font-size: 18px;
}

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

.modal-backdrop {
    background-color: rgb(28 29 30 / 64%);
    backdrop-filter: blur(6px);
}

html[color-mode="dark"] .modal-backdrop {
    background-color: rgb(1 8 17 / 59%);
}

.modal-backdrop.show {
    opacity: 1;
}

.ui-datepicker table {
    font-family: var(--primary-font);
}

@media(max-width: 767px) {
    .modal-title {
        max-width: 75%;
        margin: 0 auto;
    }
}

.modal-footer {
    justify-content: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.p-default-navs .p-mydoc-list-item.active {
    background-color: var(--primary-color);
    background: transparent;
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-bottom: 2px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-default-navs .p-mydoc-list-item.nav-item {
    font-weight: 600;
    cursor: pointer;
}

.nav-pills .nav-link {
    border-radius: 0;
    color: var(--on-primary-color);
    font-weight: 600;
    padding: .3rem 1rem;
}

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

hr {
    border-top: var(--chat-inbox-border-color);
}

.ph-form-group label {
    font-weight: 600;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 3px !important;
    font-size: 15px;
}

.ph-form-group input, .ph-form-group select, .ph-form-group textarea {
    background-color: var(--white-color);
    padding: .375rem 1rem;
    width: 100%;
    color: var(--primary-color);
}

.form-control:focus, .form-inline input.form-control:focus {
    color: var(--secondary-color);
}

input.form-control:focus {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.45);
}

.ph-form-group textarea {
    height: initial;
    min-height: 120px;
}

.ph-default-box .ph-form-group input, .ph-default-box .ph-form-group select, .ph-default-box .ph-form-group textarea, .deactivate-text-area {
    border: 1px solid var(--input-border-1) !important;
}

.ph-para-text {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 400;
}

.ph-asterisk label {
    position: relative;
}

/*.ph-asterisk label::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: relative;
    top: 0;
    margin-left: 2px;
    line-height: 17px;
}*/

.form-control[disabled],
.p-small-input[disabled],
.form-control[readonly],
.form-control[disabled="disabled"],
.disabled-disabled button.btn-custom-dd,
.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor,
select[disabled="disabled"],
.form-control[disabled] ~ .input-group-append span,
.form-group .dx-state-disabled.dx-widget {
    background-color: var(--disabled-light-color) !important;
    opacity: 0.6;
    cursor: default;
}

    .form-group .dx-state-disabled.dx-widget .dx-texteditor-input {
        background-color: var(--disabled-light-color) !important;
    }

    .form-control[disabled]:focus,
    .form-control[readonly]:focus,
    .form-control[disabled="disabled"]:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--input-border-1) !important;
    }

.text-underline {
    position: relative;
}

    .text-underline::after {
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M246.2 1.4999C240.4 1.1999 234.5 0.899902 228.6 0.599902C226.7 0.499902 224.7 0.499902 222.8 0.399902C218.6 0.299902 214.4 0.199902 210.2 0.0999023C207.9 -9.76548e-05 205.5 -9.76548e-05 203.2 -0.100098C202.5 -0.100098 201.8 -0.100098 201.2 -0.100098C199.7 -0.100098 198.2 -0.100098 196.6 -0.100098C189.7 -0.100098 182.8 -0.100098 175.9 -0.100098C174.3 -0.100098 172.6 -0.100098 171 -9.76548e-05C166.9 0.0999023 162.9 0.0999024 158.8 0.199902C154.2 0.299902 149.6 0.299902 145 0.399902C137.6 0.599902 130.1 0.799902 122.7 0.999902C118.4 1.0999 114.1 1.1999 109.8 1.2999C102.4 1.5999 95 1.8999 87.6 2.1999C83.5 2.3999 79.5 2.4999 75.4 2.6999C67.7 3.1999 60 3.5999 52.3 3.9999C48.2 4.1999 44.1 4.3999 40 4.6999C32.4 5.2999 24.7 5.9999 17.1 6.6999C15.5 6.7999 13.8 6.9999 12.1 7.0999C8.9 7.3999 5.6 7.8999 2.3 8.2999C2.1 8.2999 1.9 8.3999 1.7 8.3999C1.3 8.3999 1 8.5999 0.7 8.8999C0.2 9.3999 0 9.9999 0 10.5999C0 11.1999 0.2 11.7999 0.7 12.1999C1.1 12.5999 1.8 12.8999 2.3 12.8999C6.3 12.4999 10.2 11.9999 14.2 11.5999C17.9 11.2999 21.6 10.9999 25.3 10.6999C29.3 10.3999 33.3 9.9999 37.4 9.6999C39 9.5999 40.6 9.3999 42.3 9.2999C48.6 8.9999 54.8 8.5999 61.1 8.2999C65 8.0999 68.9 7.8999 72.8 7.6999C74.4 7.5999 76 7.4999 77.6 7.3999C83.8 7.0999 90 6.8999 96.2 6.5999C100 6.4999 103.7 6.2999 107.5 6.1999C108.8 6.1999 110 6.0999 111.3 6.0999C118 5.8999 124.7 5.7999 131.4 5.5999C135.1 5.4999 138.9 5.3999 142.6 5.2999C143.9 5.2999 145.3 5.1999 146.6 5.1999C153.5 5.0999 160.4 5.0999 167.4 4.9999C171.7 4.9999 176 4.8999 180.3 4.8999C187.6 4.8999 195 4.8999 202.3 4.9999C203.7 4.9999 205.2 5.0999 206.6 5.0999C210.7 5.1999 214.7 5.2999 218.8 5.4999C221.8 5.5999 224.9 5.6999 227.9 5.7999C230.1 5.8999 232.2 5.9999 234.4 6.0999C240.7 6.3999 247.1 6.7999 253.4 7.1999C255 7.2999 256.6 7.3999 258.2 7.4999C259.9 7.5999 261.7 7.6999 263.4 7.8999C263.7 7.8999 263.9 7.9999 264.2 8.0999C264.9 8.1999 265.5 8.1999 266.1 7.7999C266.7 7.4999 267.1 6.8999 267.3 6.2999C267.7 4.9999 266.9 3.5999 265.5 3.1999C264.3 2.8999 263.1 2.7999 262 2.5999C261.2 2.4999 260.4 2.3999 259.6 2.3999C258 2.1999 256.4 2.1999 254.9 1.9999C252.1 1.8999 249.1 1.6999 246.2 1.4999Z' fill='%23173571'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='267.6' height='12.9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 100%;
        height: 15px;
        background-repeat: no-repeat;
        left: 0;
        bottom: -3px;
    }

.input-text-only {
    padding: 0.6rem 0;
    display: block;
    color: var(--primary-color);
}


.logout-user .btn,
.hc-default-btn {
    border-radius: calc(var(--border-radius-default)* 1.25) !important;
}

@media(max-width: 768px) {
    .text-underline::after {
        bottom: -4px;
        background-size: 220%;
    }
}

/*container custumisation*/

.container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-md, .container-sm {
        max-width: 980px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1060px) {
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .container, .container-md, .container-sm {
        max-width: 1180px;
    }
}

@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
        margin: 0 auto;
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*base css varibales for layout ends here*/
/*profile image image border*/
.hc-live-profile-image img, .favourite-therapist-img, .live-classes-row-profile, .oc-pract img, .user-panel img, .steps-filter-single-pract-wrapper .ncd-learn-profil-img, .order-summary-inner-div .prac-name-div img, .review-img, .userProfileDiv img, .pracr-profile, .nd-review-img-name-wrapper img.nd-review-user, .testimonial-img-steps, .header-wrapper .drop-down-link img, .learn-search--overlay .learn-ovelay-search-mob-view, .dashboard-user .nd-dash-user img, .ph-default-img {
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    /*box-shadow: var(--profile-img-boxshadow);*/
    object-fit: cover;
    object-position: top;
}
/*profile image image border*/


/*css for header*/

/*sick slider controls starts here*/

.slick-dots {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 50%);
}

    .slick-dots li {
        display: inline-block;
    }

        .slick-dots li button {
            font-size: 0;
            border: 0;
            background-color: var(--disabled-light-color);
            line-height: 0;
            height: 10px;
            width: 10px;
            border: 2px solid transparent;
            border-radius: 50%;
            padding: 3px;
        }

        .slick-dots li.slick-active button {
            border: 2px solid var(--salmon-color);
            background-color: var(--salmon-light-color);
        }

        .slick-dots li:not(:last-child) {
            margin-right: 10px;
        }

.prev-ctrl, .next-ctrl {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
}

@media (max-width: 767px) {
    .prev-ctrl, .next-ctrl {
        display: none !important;
    }
}

.prev-ctrl {
    left: -10px;
}

.next-ctrl {
    right: -10px;
}

    .prev-ctrl.slick-disabled em, .next-ctrl.slick-disabled em, .prev-ctrl.slick-hidden em, .next-ctrl.slick-hidden em {
        color: var(--disabled-color);
        cursor: default;
    }

.ctrls-icon {
    width: 23px;
    height: 23px;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-disabled {
    opacity: 0;
}

.slick-prev, .slick-next {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
    font-size: 0;
    border: 1px solid var(--dash-btn-bg-color);
}

    .slick-prev:hover, .slick-next:hover {
        background-color: var(--white-color) !important;
    }

.slick-prev {
    left: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.slick-next {
    right: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}
/*slick slider control ends here*/

.p-grey-bg-box {
    position: relative;
    padding: calc(var(--box-padding) * 0.75);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: var(--border-radius-default);
}

/*dark mode btns css starts here*/
:root[color-mode="light"] .dark-switch-btns .light--hidden {
    display: none;
}

:root[color-mode="dark"] .dark-switch-btns .dark--hidden {
    display: none;
}

.dark-switch-btns {
    position: initial;
    background-color: var(--input-border-1);
    min-width: 3.3rem;
    border-radius: 5rem;
    padding: 0.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: flex;
    align-items: center;
    width: 3.125rem;
}

.color-mode__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    background-color: var(--chat-dark-bg-2);
    border-radius: 50%;
    width: 1.62rem;
    height: 1.62rem;
    padding: 0;
}

    .color-mode__btn .iconly--icon {
        stroke: var(--primary-color);
    }

:root[color-mode="dark"] .dark-switch-btns .light--hidden {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    margin: 0;
}

/*dark mode btns css ends here*/


/*tooltip Css*/

/*All buttons*/
/*----dahsboard btn----*/

.play-btn-video {
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.main-wrapper-mood-track-step textarea::placeholder {
    color: #99a2b7 !important;
}

.continue-button:hover {
    background: var(--theme-icon-color);
    border-color: var(--theme-icon-color);
    color: #ffffff !important;
    text-decoration: none !important;
}

.browse-prac-btn {
    width: 139px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--primary-color);
    border: none;
    color: white;
    padding: 5px;
    border-radius: 0px;
    font-size: 14px;
    border-radius: 25px !important;
}

    .browse-prac-btn[disabled] {
        background-color: #bbbbbb;
        box-shadow: none;
        cursor: not-allowed !important;
        text-decoration: line-through #fff;
    }

    .browse-prac-btn:hover {
        color: #ffffff;
        background-color: #05a9af;
        border-color: #05a9af;
    }


.dashboard-hc-btn.dashborad-mt-btn {
    font-size: 14px;
    min-width: 130px;
    margin-top: 3px;
    line-height: 20px;
}

.dashboard-user-inner button.dashboard-hc-btn.refer-therapist {
    width: 100%;
    min-width: initial;
    max-width: initial;
}

button.dashboard-hc-btn.refer-therapist {
    background-color: var(--p-btn-bg);
    color: var(--white-color);
    border-radius: var(--bs-border-radius);
    min-width: 140px;
    object-fit: cover;
    margin: 1rem auto 0;
}

    button.dashboard-hc-btn.refer-therapist:hover {
        background-color: var(--primary-dark-color);
    }

.nd-creator-hc-btn-wrapper .dashboard-hc-btn {
    font-size: 16px;
}

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

    .p-btn-small[disabled] .p-icon,
    .p-btn-sec[disabled] .p-icon {
        stroke: #fff !important;
    }


/*buttons ends*/
/*css footer*/
footer.hcb-footer {
    background-color: var(--secondary-color);
    padding: 50px 0 40px;
    position: relative;
    margin-top: 100px;
    text-align: left;
}

.hcb-links-pri-ter,
.footer-wrapper-content-s-cols ul {
    list-style-type: none;
    padding: 0;
}

    .footer-wrapper-content-s-cols ul li a,
    .hcb-links-pri-ter li a,
    .footer-wrapper-content-t-cols a,
    .sales-press-links strong {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: left;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
        }

label.hcb-copyright {
    color: #ffff;
}

.footer-wrapper-content-f-row {
    display: grid;
    grid-template-columns: 35% auto;
    grid-gap: 30px;
}

.hcb-social-media {
    display: inline-grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 15px;
    align-items: center;
}

.ph-footer-social-security-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hcb-social-media a {
    display: flex;
    align-items: center;
    height: 20px;
    width: 20px;
}

.hcb-social-media svg {
    fill: var(--white-color);
    width: 20px;
    height: 20px;
    display: inline-block;
}

.footer-wrapper-content-t-cols a,
.hcb-certificates li a,
.hcb-links-pri-ter li a {
    font-weight: 600;
}

.hcb-links-num, .hcb-links-email {
    margin: 0;
    display: inline-block;
    color: var(--white-color)
}

    .hcb-links-num:hover, .hcb-links-email:hover {
        margin: 0;
        display: inline-block;
        color: var(--white-color)
    }

.ph-connect-infos-media {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    grid-gap: 40px;
}

.hcb-footer-logo img {
    max-width: 115px;
    height: auto;
}

.footer-wrapper-content-s-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
}

    .footer-wrapper-content-s-cols p {
        color: var(--white-color);
        font-weight: 600;
        font-size: 17px;
    }

.footer-wrapper-content-f-cols {
    display: flex;
    align-items: flex-end;
}

.path-footer-icons {
    fill: #FFF;
    width: 20px;
    height: 20px;
    display: inline-block;
}

ul.hcb-links-pri-ter {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 23px;
}

svg.footer-pattern {
    max-width: 100%;
    width: 440px;
    position: absolute;
    right: -160px;
    bottom: -260px;
}

.hcb-footer-logo {
    margin-bottom: 25px;
}

label.hcb-copyright {
    color: #ffff;
    margin-bottom: 25px;
    font-size: 14px;
}

.hcb-certificates svg {
    width: 100%;
    max-width: 300px;
}

.hcb-footer-dissclaimer {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 6px;
}

.footer-wrapper-content {
    position: relative;
    z-index: 99;
}

.hcb-footer hr {
    border-color: var(--chat-inbox-border-color);
    border-top: 1px solid;
}

.footer-lady {
    position: absolute;
    left: 0;
    top: -106px;
    max-width: 240px;
    z-index: 99;
}

.footer-wrapper-content-s-cols ul li a:hover {
    text-decoration: underline;
}

@media(max-width: 992px) {
    .ph-footer-social-security-wrapper {
        flex-direction: column;
    }

    .footer-lady {
        position: absolute;
        left: 0;
        top: -99px;
        max-width: 230px;
        z-index: 9999;
    }
}

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

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    .footer-wrapper-content-s-cols {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 15px;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
            font-size: 14px;
        }

    .footer-wrapper-content-t-cols a, .hcb-certificates li a, .hcb-links-pri-ter li a {
        font-weight: 400;
        font-size: 14px;
    }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        max-width: 100%;
        text-align: center;
    }

    svg.footer-pattern {
        max-width: 100%;
        width: 400px;
        position: absolute;
        right: -154px;
        bottom: -260px;
    }
}

@media (max-width: 767px) {

    .footer-wrapper-content-f-cols {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .footer-wrapper-content-s-cols {
        grid-template-columns: repeat(2, 1fr);
    }

    .ph-connect-infos-media {
        grid-template-columns: auto;
        align-items: center;
        grid-gap: 8px;
        justify-content: center;
        text-align: center;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: center;
    }

    .footer-wrapper-content-f-row {
        grid-template-columns: auto;
        grid-gap: 30px;
        align-items: center;
        text-align: center;
        grid-gap: 18px;
    }

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    ul.hcb-links-pri-ter {
        align-items: center;
        justify-content: center;
    }

    svg.footer-pattern {
        width: 380px;
        right: -160px;
        bottom: -254px;
        height: auto;
    }

    .hcb-links-pri-ter, .footer-wrapper-content-s-cols ul {
        margin-bottom: 0;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 6px;
        }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        margin-top: 6px;
        text-align: center;
    }

    .hcb-social-media svg {
        width: 32px;
        height: 32px;
    }

    hr.footer-line {
        margin: 5px 0 0;
    }

    .hcb-footer-logo {
        margin-bottom: 14px;
    }

    label.hcb-copyright {
        margin-bottom: 16px;
        margin-top: 8px;
    }

    .hcb-demo-last-btn.text-center.my-9 {
        margin: 10px 0 50px !important;
    }

    .hcb-certificates svg {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    footer.hcb-footer {
        padding: 70px 0 20px;
        margin-top: 80px;
    }
}

/*css for footer ends here*/

/*tables start*/
table tr td {
    border: none;
}

/*dashboard table start*/

/*dashboard table ends*/


/*tables ends*/

.hidden {
    display: none;
}

.icon.ni {
    font-size: 23px;
    /*    color: var(--primary-color);*/
}

a.moreless {
    color: var(--primary-color);
}



.p-custom-checkbox {
    display: flex;
    align-items: center;
    padding-left: 1.7rem;
    line-height: 1.58;
}

.p-custom-checkbox-wl.p-custom-checkbox {
    display: inline-flex;
    justify-content: center;
    position: relative;
    right: -0.19rem;
}

    .p-custom-checkbox-wl.p-custom-checkbox .custom-control-input {
        z-index: 1;
        width: 1.2rem;
        cursor: pointer;
    }

.p-custom-checkbox .custom-control-label::after {
    top: 0.01rem;
    left: -1.65rem;
    width: 1.3rem;
    height: 1.3rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    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='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 79%;
    background-position: center;
}

.p-custom-checkbox .custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    left: -1.6rem;
    top: 0.05rem;
}

.p-custom-checkbox .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    padding-top: 0;
    cursor: pointer;
    font-size: var(--base-font-size);
    line-height: 1.65;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(18 18 23 / 50%);
    cursor: default;
    border: transparent;
}

.custom-checkbox .custom-control-input:disabled:checked {
    cursor: default;
}

.p-checkbox-2x {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.35rem;
}


/*calender customization starts here*/
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
    border-right: 1px solid var(--chat-inbox-border-color) !important;
}

span[data-cal-date] {
    font-size: var(--base-font-size) !important;
    color: var(--primary-color) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.cal-cell1.cal-cell.blocked-date {
    background-color: var(--input-border-1) !important;
}

.cal-month-day {
    padding: 6px !important;
}

/*calender customization ends here*/

/* top header css starts here*/
header.header-wrapper {
    transition: all .6s;
}

.headerinner-wrapper-learn {
    background-color: var(--white-color);
}

a.x-sign {
    border: 1px solid var(--primary-color) !important;
}

/*pattern starts*/

.nd-pattern-top, .nd-pattern-top-right {
    z-index: -1;
}

#wrapper {
    height: 100%;
    position: relative;
}

.nd-pattern-top {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    max-width: 325px;
}

.nd-pattern-top-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-35%);
    max-width: 300px;
    width: 100%;
    height: initial;
}

@media(max-width: 1600px) {
    .nd-pattern-top-right {
        max-width: 250px;
    }
}

/*only for  dashboard*/

.nd-pattern-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 220px;
    width: 100%;
}

@media(max-width: 1110px) {
    .nd-pattern-top {
        max-width: 30%;
    }

    .nd-pattern-top-right {
        bottom: 0;
        max-width: 25%;
        top: initial;
    }
}

@media(max-width: 767px) {
    .nd-pattern-top {
        max-width: 50%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

@media(max-width: 575px) {
    .nd-pattern-top {
        max-width: 75%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

/*dark mode pattern*/

/*.nd-dark-mode-pattern-top,
.nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}*/

html[color-mode="dark"] .nd-dark-mode-pattern-top,
html[color-mode="dark"] .nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}

/*patterns ends here*/
/* top header css starts here*/
.ph-bl-sections {
    padding-top: 130px;
}

.ph-header-main {
    font-size: 35px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: 75% auto;
}

.section-join-therapist .ph-header-main {
    margin-bottom: 50px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: auto 380px;
    grid-gap: 25px;
}

.cuation-icon {
    width: 20px;
}

.cuation-para {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    grid-gap: 15px;
    padding-left: 24px;
    margin-top: 55px;
}

@media(max-width: 1600px) {
    .ph-header-main {
        font-size: 28px;
    }
}

@media(max-width: 992px) {
    .ph-join-thep {
        grid-template-columns: auto 250px;
    }

    .ph-bl-sections {
        padding-top: 90px;
    }

    .ph-header-main {
        font-size: 28px;
        line-height: 40px;
    }

    .cuation-para {
        padding-left: 0px;
    }
}

@media(max-width: 767px) {
    .ph-join-thep {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 25px;
        justify-content: center;
    }
}

/*how it works page starts here*/

.ph-hiw-4x-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    align-self: stretch;
    margin-bottom: 45px;
}

.ph-why-plumm-inner {
    border-radius: 9px;
    width: 100%;
    padding: 16px;
    min-height: 310px;
}

    .ph-why-plumm-inner .ph-4x-icon-wrapper {
        background: var(--icon-bg-color);
        box-shadow: var(--icon-box-shadow);
        border-radius: 16px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

        .ph-why-plumm-inner .ph-4x-icon-wrapper svg {
            max-width: 36px;
        }

    .ph-why-plumm-inner h3 {
        color: var(--secondary-color);
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .ph-why-plumm-inner p {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 16px;
        line-height: 27px;
    }

.ph-hiw-ot {
    background: var(--ot-bg-color);
}

.ph-hiw-ct {
    background: var(--ct-bg-color);
}

.ph-hiw-oc {
    background: var(--oc-bg-color);
}

.ph-hiw-gm {
    background: var(--gm-bg-color);
}

/*how it works page ends here*/

.hiw-btns-signup {
}

.hiw-steps {
    margin: 60px 0 70px;
}

    .hiw-steps > .container, .hiw-plum-secure > .container {
        max-width: 1100px;
    }

.hiw-steps-1, .hiw-steps-3 {
    background: #F4F8FC;
}

.hiw-steps-1, .hiw-steps-2, .hiw-steps-3 {
    padding: 45px 0;
}

section.hiw-plum-secure {
    margin: 20px 0 150px;
}

.main-how-it-works .ph-para-dot {
    margin-left: 0;
}

.plumm-step-imgs {
    padding: 20px;
}

.main-how-it-works .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 15px;
}

.main-how-it-works .ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 45px;
}

@media(max-width: 1024px) {
    .ph-hiw-4x-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }

    section.hiw-plum-secure .ph-header-main {
        font-size: 24px;
        line-height: 35px;
    }
}

@media(max-width: 991px) and (max-width: 768px) {
    .plumm-step-imgs {
        padding: 20px;
        max-width: 55%;
        margin: 0 auto;
        display: block;
    }
}

@media(max-width: 767px) {
    section .hiw-steps.hiw-steps-1 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
    }

    .ph-hiw-lc-ri-content, .ph-hiw-li-rc-content {
        grid-gap: 30px;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-1 {
        margin-bottom: 0;
    }
}

@media(max-width: 545px) {
    .ph-hiw-4x-grid {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 30px;
        align-self: stretch;
        margin-bottom: 35px;
    }
}

.ph-hiw-lc-ri-content {
    display: grid;
    grid-template-columns: 65% auto;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-li-rc-content {
    display: grid;
    grid-template-columns: auto 65%;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-left-right-wrapper {
    margin-top: 0px;
}


@media(max-width: 991px) {
    .main-how-it-works .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 15px;
    }

    .ph-hiw-lc-ri-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .ph-hiw-li-rc-content {
        display: grid;
        grid-template-columns: auto;
    }
}


@media(max-width: 768px) {
    .ph-hiw-lc-ri-content {
        grid-template-columns: auto;
    }
}

.ph-hiw-left-right-wrapper img {
    border-radius: 3px;
    box-shadow: var(--default-shadow);
}

/*how it works page ends here*/

/*css for contact us page starts here*/
.contact-us-form .ph-form-group input, .contact-us-form .ph-form-group select, .contact-us-form .ph-form-group textarea {
    border: 1px solid var(--chat-inbox-border-color) !important;
}


.contact-us-form .ph-form-group textarea {
    min-height: 150px;
}

.cu-mt {
    margin-top: 30px;
}

.section-contact-us .ph-header-main {
    margin-bottom: 25px;
}

.ph-get-in-touch .ph-para-1 em {
    font-size: 20px;
    display: inline-block;
    padding-right: 18px;
}

.ph-get-in-touch .ph-para-1 em, .ph-get-in-touch .ph-para-1 a {
    color: var(--primary-color);
}

.customer-service {
    margin-bottom: 50px;
}

@media(max-width: 992px) {

    .contact-us-form {
        margin-bottom: 55px;
    }

    .cu-mt {
        margin-top: 35px;
    }
}
/*css for contact us page ends here*/

/*css fot terms of use starts here*/
.mod-drop-col p, .mod-drop-col-1 p, .section-terms-use p, .section-terms-use li, .restriction-miandiv li, .header-underline li, .section-cookie-policy p {
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 16px;
}

.restriction-miandiv li, .section-terms-use li, .header-underline li {
    list-style-type: disc;
}

    .restriction-miandiv li:not(:last-child), .section-terms-use li:not(:last-child), .header-underline li:not(:last-child) {
        margin-bottom: 15px;
    }

.header-underline h1 span, .header-underline div span, .ph-bl-sections .text-title, .ph-bl-sections .text-title h3 {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.section-terms-use .text-title, .header-underline .text-title {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    margin-top: 25px;
}

.section-terms-use .table {
    color: var(--primary-color);
}

    .section-terms-use .table thead th {
        vertical-align: bottom;
        border: 1px solid var(--chat-inbox-border-color);
        background-color: var(--primary-color);
        color: var(--white-color);
        font-weight: 500 !important;
    }

    .section-terms-use .table td, .section-terms-use .table th {
        padding: .75rem;
        text-align: center;
        vertical-align: middle;
        border: 1px solid var(--chat-inbox-border-color);
        color: var(--secondary-color);
    }

.section-terms-use i.fa.fa-check {
    position: relative;
}

    .section-terms-use i.fa.fa-check::after {
        content: '';
        position: absolute;
        font-weight: 700;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='%23359BEC' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 57' id='Layer_57'%3E%3Cpath d='M11.5,25.5a2,2,0,0,1-1.41-.59l-5.5-5.5a2,2,0,0,1,2.83-2.83l4.09,4.09L24.59,7.59a2,2,0,0,1,2.83,2.83l-14.5,14.5A2,2,0,0,1,11.5,25.5Z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center center;
        top: -10px;
    }

.section-terms-use {
    margin-bottom: 160px;
}

@media(max-width: 992px) {

    .section-terms-use .table td, .section-terms-use .table th {
        white-space: nowrap;
    }

    .section-terms-use .text-title {
        display: flex;
        margin-top: 10px;
    }

    .header-underline h1 span, .header-underline div span,
    .plm-tou-heading {
        font-size: 18px;
    }

    .plm-tou-heading {
        padding-bottom: 0px !important;
    }

    .mb20 {
        margin-bottom: 12px;
    }

    .section-terms-use {
        margin-bottom: 80px;
    }
}
/*css fot terms of use starts here*/

/*css for request appointment page starts here*/

.section-reschedule-app .ph-default-box {
    border-radius: 13px;
    padding: 30px 20px;
    background-color: var(--card-bg-color);
}

/*css for request appointment page ends here*/

.ph-feedback-header {
    color: var(--primary-color);
    font-size: 22px;
    margin-bottom: 25px !important;
    display: inline-block;
    font-weight: 600;
    font-family: var(--primary-font);
}

.ph-feedback {
}

.control {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
}

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

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
    padding-right: 3px;
}

.ph-fdbk-pl .form-group label {
    text-align: left;
    display: block;
}

.ph-fdbk-pl .review-form label strong {
    text-align: left;
}

.ph-feedback .dg-maxc-maxc {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 20px;
}

.review-form:not(:last-child) {
    margin-bottom: 17px;
}

.review-form-row {
    margin-bottom: 20px;
}

.ph-feedback .ph-para-text {
    font-size: 14px;
}

.ph-feedback .control {
    padding-left: 36px;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 16px;
}

.ph-feedback {
    padding: 30px 25px 20px;
}

.after-feedback .main_summry {
    border: none;
    padding: 0;
}

    .after-feedback .main_summry tr:last-child td {
        padding-bottom: 20px;
    }

    .after-feedback .main_summry tr:first-child td:first-child {
        padding-top: 20px;
    }

/*css for payment link page starts here*/

.payment-link-form-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-link-form-inner-wrapper {
    max-width: 560px;
    margin: auto;
    padding: 25px 25px 0;
    width: 100%;
}

.ph-stripe-payment .form-control {
    height: 48px;
    border: 1px solid var(--chat-inbox-border-color) !important;
    box-shadow: var(--default-shadow);
}

.payment-link-form-inner-wrapper .form-group {
    margin-bottom: 30px !important;
}


.ph-stripe-payment {
    margin-bottom: 40px !important;
}

/*css for payment link page ends here*/

/*css for practices and practices inner pages starts here*/

.practices--testi-bg .row {
    display: initial;
}


.practices-gallery-main-div .row {
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .cust-header-wrapper {
        padding-top: 50px !important;
    }

    .all-pract-head {
        font-size: 26px !important;
    }

    .practices-inner-page h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
}


/*css for practices and practices inner pages ends here*/

.calneder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/*css for language change starts here*/

.weglot-widget .hc-default-btn {
    font-size: 16px;
}

.weglot-widget .contact-us-content {
    padding-bottom: 30px;
}

.weglot-widget .bah-content-text {
    max-width: 60%;
    margin-right: 26px;
}

.weglot-widget .btn-slot {
    min-width: 84px;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    width: initial;
}

.weglot-widget .ph-header .navbar-nav li a {
    padding: 10px 7px;
    font-size: 15px;
}

    .weglot-widget .ph-header .navbar-nav li a.x-login, .weglot-widget .ph-header .navbar-nav li a.x-sign {
        min-width: 115px;
        line-height: 27px;
    }

.weglot-widget .mental-health-care-boxes-items {
    padding: 20px;
    min-height: 280px;
}

    .weglot-widget .mental-health-care-boxes-items p {
        font-size: 15px;
    }

.weglot-widget .get-start-content .list-item-wrapper p br, .weglot-widget .ph-jat-banner-content p br {
    display: none;
}

.weglot-widget .contact-us-content .hc-default-btn {
    min-width: 330px;
}

.weglot-widget .ba-nav-wrapper {
    max-width: 100%;
}

.weglot-widget .ba-nav-wrapper {
    grid-gap: 12px;
    padding: 10px 0px;
}

    .weglot-widget .ba-nav-wrapper a.nav-link {
        font-size: 13px;
        padding: 12px 9px;
    }

.wg-drop.country-selector .wgcurrent {
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: 5px;
}

    .wg-drop.country-selector .wgcurrent:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646 0.646001C0.692446 0.599438 0.747622 0.562495 0.808367 0.537288C0.869112 0.512082 0.934233 0.499107 1 0.499107C1.06577 0.499107 1.13089 0.512082 1.19163 0.537288C1.25238 0.562495 1.30755 0.599438 1.354 0.646001L7 6.293L12.646 0.646001C12.6925 0.599513 12.7477 0.562637 12.8084 0.537477C12.8692 0.512318 12.9343 0.499369 13 0.499369C13.0657 0.499369 13.1308 0.512318 13.1916 0.537477C13.2523 0.562637 13.3075 0.599513 13.354 0.646001C13.4005 0.692489 13.4374 0.747678 13.4625 0.808417C13.4877 0.869157 13.5006 0.934257 13.5006 1C13.5006 1.06574 13.4877 1.13085 13.4625 1.19158C13.4374 1.25232 13.4005 1.30751 13.354 1.354L7.354 7.354C7.30755 7.40056 7.25238 7.43751 7.19163 7.46271C7.13089 7.48792 7.06577 7.50089 7 7.50089C6.93423 7.50089 6.86911 7.48792 6.80837 7.46271C6.74762 7.43751 6.69245 7.40056 6.646 7.354L0.646 1.354C0.599437 1.30756 0.562494 1.25238 0.537288 1.19163C0.512081 1.13089 0.499106 1.06577 0.499106 1C0.499106 0.934234 0.512081 0.869112 0.537288 0.808367C0.562494 0.747622 0.599437 0.692447 0.646 0.646001Z' fill='%238598BC'/%3E%3C/svg%3E%0A") !important;
    }

.weglot-widget .login-action-btns {
    margin-left: 15px;
}

.weglot-widget .ba-date-range-picker .report-range span {
    padding: 7px 10px;
    font-size: 14px;
}

@media(min-width: 992px) {
    .weglot-widget .phb-banner {
        background-position: right;
    }

    .weglot-widget .hcb-nav-menu li.navbar-nav-item a {
        padding: 8px 6px !important;
    }
}

@media (min-width: 1200px) {
    .weglot-widget .get-start-content .list-item-wrapper p {
        max-width: 45%;
    }

    .weglot-widget .ph-jat-banner-content p {
        max-width: 65%;
    }
}

.nd-subscription table tr,
.nd-subscription table tr td,
.nd-subscription .bootstrap-table .table thead > tr > th,
.nd-subscription .bootstrap-table .table,
.client-billing table tr,
.client-billing table tr td,
.client-billing .bootstrap-table .table thead > tr > th,
.client-billing .bootstrap-table .table,
.nd-my-app table tr,
.nd-my-app table tr td,
.nd-my-app .bootstrap-table .table thead > tr > th,
.nd-my-app .bootstrap-table .table {
    border: none !important;
}
/*css for language change ends here*/

/*core css*/

/*.bg-pattern{
    position: relative;
    overflow: hidden !important;
}

.bg-pattern::after,
.mood-tracker-pattern::before,
.ma-pattern::before {
    content: "";
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
}

.ma-pattern::after,
.ma-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -160px;
    right: -30px;
    width: 335px;
    height: 335px;
    transform: rotate(81deg);
}

.ma-pattern::before {
    left: -66px;
    top: 50px;
    transform: rotate(-107deg);
    width: 140px;
    height: 120px;
}

.pattern-chat-therapist::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 146 146' style='enable-background:new 0 0 146 146;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M92.1,26.4c-8.6,4.5-18.3,6.6-27.4,9.9c-9.1,3.3-18.3,8.2-23.3,16.5c-5.1,8.3-4.6,20.6,3.3,26.3 c5.7,4.2,13.3,4,20.1,5.8c6.8,1.8,13.9,8.1,11.6,14.8c-2.5,7.3-14,8.6-15.9,16.1c-1.8,7.4,7.6,12.7,15.3,12.7s16.3-1.7,22.2,3 c4.2,3.3,6,9.3,10.8,11.7c4.8,2.5,11.1,0.3,14.7-3.8c3.6-4.1,5.3-9.5,6.7-14.8c8.2-31.2,11.2-63.6,8.8-95.8 c-0.6-7.6-1.6-15.7-6.6-21.5C116.3-11.1,103.8,20.3,92.1,26.4z'/%3E%3C/svg%3E%0A");
    top: -66px;
    right: -20px;
    width: 220px;
    height: 265px;
}

.mood-tracker-pattern::after,
.mood-tracker-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -110px;
    right: -100px;
    width: 335px;
    height: 335px;
    transform: rotate(35deg);
}

.mood-tracker-pattern::before {
    top: 195px;
    transform: rotate(-154deg);
}

.daily-affir-pattern::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M87.8,193.4c3.7,13.1,0.9,27.1,0.4,40.7c-0.6,13.6,2,29,13.1,37c13,9.5,32.2,4.1,43.7-7 c11.5-11.2,17.5-26.7,24.3-41.2c6.8-14.5,15.6-29.4,30-36.4c8.3-4,17.6-5.1,26.3-8.2c8.7-3,17.4-8.9,19.5-17.8 c3-12.7-8.4-25.2-6.7-38.2c1.9-14.2,17.6-21.5,26.3-32.8c12.4-16.2,8.4-41.3-5.8-56c-14.2-14.7-36.1-20-56.4-18 c-20.3,2-39.5,10.4-57.6,19.8c-39.1,20.3-75.4,46-107.7,75.9c-14.5,13.5-29.9,36.9-5.7,48C53.4,169.2,79.4,164.1,87.8,193.4z'/%3E%3C/svg%3E");
    top: -130px;
    right: -80px;
    width: 255px;
    height: 255px;
    transform: rotate(334deg);
}*/

:root[color-mode="dark"] .wg-drop.country-selector {
    background-color: var(--dark-back-bg);
    border-radius: 5px;
}

    :root[color-mode="dark"] .wg-drop.country-selector .wgcurrent {
        border: 1px solid var(--tag-border-color);
    }

    :root[color-mode="dark"] .wg-drop.country-selector ul {
        border: 1px solid var(--tag-border-color);
        background: var(--dark-back-bg);
    }

:root[color-mode="dark"] .hcb-footer hr {
    border-color: var(--tag-border-color);
}

@media(min-width: 768px) and (max-width: 1024px) {
    .weglot-widget .table-appointments .dashboard-hc-btn {
        min-width: 120px;
    }
}
/*css for language change ends here*/

.dm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .lm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .dm-cus-d-none {
    display: block;
}

:root[color-mode="dark"] .nd-placeload-preloader-oc .placeload {
    background: #1f1f1f;
}

:root[color-mode="dark"] .loads {
    background: #191818;
    background: linear-gradient(to right, #0a0a0b 8%, #0f0f13 18%, #0a0a0b 33%);
}

:root[color-mode="dark"] .nd-pattern-top, :root[color-mode="dark"] .nd-pattern-top-right {
    z-index: -1;
}

.learn-search--overlay header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
    position: initial;
}

/*css for lite cover page starts here*/
.body-ph-lite-cover {
    background-color: var(--bg-default-pattern);
}

.ph-lite-cover .ph-lite-cover-heading {
    padding: 4.4rem 0rem 3rem;
}

.ph-lite-cover .ph-header-2 {
    margin-bottom: 5px !important;
}

.ph-lite-cover .ph-para-dot {
    margin-left: 0px;
}

.ph-cust-logo-tl {
    position: absolute;
    z-index: 99999;
    top: 20px;
    left: 30px;
}

    .ph-cust-logo-tl img {
        max-width: 115px;
        height: auto;
    }

.ph-default-box-lite .form-group {
    margin-bottom: 20px !important;
}

.ph-lite-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}


.ph-stripe-payment #card-element {
    border: none !important;
}

.ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
    text-align: center;
}

.ph-lite-steps .ph-header-1 {
    margin-bottom: 37px !important;
}

.ph-lite-row {
    justify-content: center;
}

@media(max-width: 1024px) {
    section.ph-lite-cover {
        min-height: 65vh;
    }
}

@media (max-width: 991px) {

    .ph-lite-steps {
        margin-top: 20px;
    }

        .ph-lite-steps .ph-header-1 {
            margin-bottom: 20px !important;
        }
}

@media (max-width: 767px) {
    .ph-lite-cover .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-lite-form-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }

    .ph-lite-cover .ph-header-1 {
        font-size: 21px;
        line-height: 35px;
    }

    .ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 15px;
        text-align: center;
    }

    .ph-sub-header-2 {
        line-height: 24px;
    }

    .ph-lite-cover .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 20px;
    }

    .ph-lite-cover .ph-para-1 {
        font-size: 15px;
        line-height: 25px;
    }

    .ph-default-box-lite {
        margin-top: 0px;
    }

    .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-default-box-lite {
        margin-bottom: 35px;
    }

    section.ph-lite-cover {
        margin-bottom: 4rem;
    }

    .ph-lite-cover .ph-lite-cover-heading {
        padding: 5.3rem 0rem 1.3rem;
    }
}


.hc-cp-email input[disabled="disabled"] {
    background-color: #d6dbe6;
}


html[color-mode="dark"] a.btn-book-slot:active {
    color: var(--chat-dark-bg-2);
}

/*dark mode logo*/

.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: flex;
    opacity: 0.9;
}

html[color-mode="dark"] .brand-link .dark-mode-logo {
    width: 66px;
    height: auto;
}

/*css for header*/



.is-login#ph-header {
    max-width: 225px;
    background-color: transparent;
    box-shadow: none;
    padding: 0.8rem 0rem;
}

#wrapper .is-login#ph-header #header {
    background: transparent;
}

#ph-header.is-login .ph-menu-wrapper,
#ph-header.is-login .plmm-header-action-btn {
    display: none !important;
}

#ph-header.is-login .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.is-login#ph-header.js-header-fix-moment {
    max-width: 100%;
}

@media(max-width: 1253px) {
    .is-login#ph-header .ph-navbar-toggle-btn {
        display: none !important;
    }

    .is-login#ph-header.ph-header .navbar {
        justify-content: flex-start;
    }

    .is-login#ph-header.ph-header {
        top: 0px;
    }

    #ph-header.ph-header .navbar img, #ph-header.ph-header .navbar > a {
        max-width: 95px;
    }

    .ph-header .navbar a {
        flex-grow: 1;
    }


    #ph-header.is-login .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.aster-all-field-com {
    margin-bottom: 0 !important;
    color: #d50000 !important;
    display: flex;
    align-items: center;
}

    .aster-all-field-com span {
        color: #af0000;
        font-size: 30px;
        line-height: 16px;
        display: inline-block;
        position: relative;
        top: 7px;
        margin-right: 7px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 5px;
}

/*default link*/
.refer-therapist.see-more-btn,
.ph-default-link,
.welcome-dash-moodal-link a {
    cursor: pointer;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-underline-offset: 3px;
    text-decoration: underline;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
}

    .ph-default-link.ph-default-link-red {
    }

.password-hint ul {
    margin-bottom: 0 !important;
}

.password-hint {
    position: absolute;
    bottom: 0px;
    right: -245px;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all .3s;
    font-size: 14.6px;
    line-height: 25px;
    color: var(--on-primary-color);
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
    z-index: 1200;
}

.tooltip-arrow {
    position: absolute;
    bottom: 12px;
    left: -20px;
    width: 0;
    height: 0;
    border-color: transparent var(--chat-dark-bg-2) transparent transparent;
    border-width: 10px;
    border-style: solid;
}

    .tooltip-arrow::after {
        content: '';
        border-width: 11.5px;
        border-style: solid;
        border-color: transparent var(--chat-inbox-border-color) transparent transparent;
        top: -11px;
        left: -13px;
        position: absolute;
        z-index: -1;
    }

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: var(--sec-light-color4);
}

@media(max-width: 1024px) {
    .password-hint {
        bottom: 58px;
        right: 0;
    }

    .tooltip-arrow {
        bottom: -20px;
        right: 10px;
        left: initial;
        border-color: var(--chat-dark-bg-2) transparent transparent transparent;
    }

        .tooltip-arrow::after {
            border-color: var(--chat-inbox-border-color) transparent transparent transparent;
            bottom: -20px;
            right: 10px;
        }
}

a.focus-clsignup {
    color: var(--theme-primary-color);
    font-weight: 400;
    text-decoration: underline;
}

/*default dark border*/
html[color-mode="dark"] .btn-slot,
html[color-mode="dark"] .hc-default-btn.ph-promo-btn,
html[color-mode="dark"] .appointment-summary .table > tbody > tr > td {
    border-color: var(--chat-dark-border-2);
}

/*sweet alert modal */
html[color-mode="dark"] .sweet-alert {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--bg-default);
}

    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::before,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::after,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success .sa-fix {
        background: var(--bg-default);
    }

/*dark input*/
html[color-mode="dark"] .form-contact input, .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input, html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control, html[color-mode="dark"] .form-control,
html[color-mode="dark"] .emojionearea-wrapper .emojionearea-search input,
html[color-mode="dark"] .ph-form-group input,
html[color-mode="dark"] .ph-form-group select, html[color-mode="dark"] .ph-form-group textarea,
html[color-mode="dark"] .dx-texteditor.dx-editor-outlined,
html[color-mode="dark"] .dx-texteditor-input,
html[color-mode="dark"] .form-contact input,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input,
html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control,
html[color-mode="dark"] .form-control,
html[color-mode="dark"] .p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child,
html[color-mode="dark"] .p-html-editor .dx-quill-container.ql-container {
    background-color: var(--chat-dark-bg-2);
    color: var(--light-grey-dark);
    border: 1px solid var(--border-layout);
}

    html[color-mode="dark"] .form-contact input:focus, html[color-mode="dark"] .search-bar-input-wrapper input:focus,
    html[color-mode="dark"] .mood-track-text-area,
    html[color-mode="dark"].gify-search-input input {
        border: 1px solid var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .read-only-inputs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important;
    pointer-events: none;
    box-shadow: none !important;
    padding: 0px !important;
    font-size: 15px !important;
    height: 30px !important;
    border: none !important;
}

html[color-mode="dark"] .dx-radiobutton-icon::before {
    border-color: var(--chat-dark-border-2);
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-switch-container {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
}

    html[color-mode="dark"] .dx-switch-container .dx-switch-on {
        color: var(--on-primary-color);
    }

html[color-mode="dark"] .dx-switch-on-value .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

/*dark input select2*/

/*html[color-mode="dark"] .select2-container--default .select2-search--inline .select2-search__field {
    height: initial;
} */

html[color-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gradient-light-bottom);
    border: 1px solid var(--gradient-light-bottom);
}

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 {
    box-shadow: none;
    border: none !important;
}

html[color-mode="dark"] .select2-dropdown {
    background-color: var(--bg-default);
    border: 1px solid var(--bg-default);
}

html[color-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .select2-container--default .select2-results__option--selected {
    background-color: var(--chat-dark-bg-1);
}
/*modal */
html[color-mode="dark"] .modal-header,
html[color-mode="dark"] .modal-content {
    background: var(--bg-default);
}

html[color-mode="dark"] .modal-header {
    border-color: var(--card-bg-color);
}

html[color-mode="dark"] .modal-title {
    color: var(--on-primary-color);
}

html[color-mode="dark"] ::selection {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .btn-slot:hover, html[color-mode="dark"] .btn-slot:focus {
    color: var(--bg-default);
}

html[color-mode="dark"] .text-underline::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M246.2 1.6C240.4 1.3 234.5 1 228.6 0.7C226.7 0.6 224.7 0.6 222.8 0.5C218.6 0.4 214.4 0.3 210.2 0.2C207.9 0.1 205.5 0.1 203.2 0C202.5 0 201.8 0 201.2 0C199.7 0 198.2 0 196.6 0C189.7 0 182.8 0 175.9 0C174.3 0 172.6 0 171 0.1C166.9 0.2 162.9 0.2 158.8 0.3C154.2 0.4 149.6 0.4 145 0.5C137.6 0.7 130.1 0.9 122.7 1.1C118.4 1.2 114.1 1.3 109.8 1.4C102.4 1.7 95 2 87.6 2.3C83.5 2.5 79.5 2.6 75.4 2.8C67.7 3.3 60 3.7 52.3 4.1C48.2 4.3 44.1 4.5 40 4.8C32.4 5.4 24.7 6.1 17.1 6.8C15.5 6.9 13.8 7.1 12.1 7.2C8.9 7.5 5.6 8 2.3 8.4C2.1 8.4 1.9 8.5 1.7 8.5C1.3 8.5 1 8.7 0.7 9C0.2 9.5 0 10.1 0 10.7C0 11.3 0.2 11.9 0.7 12.3C1.1 12.7 1.8 13 2.3 13C6.3 12.6 10.2 12.1 14.2 11.7C17.9 11.4 21.6 11.1 25.3 10.8C29.3 10.5 33.3 10.1 37.4 9.8C39 9.7 40.6 9.5 42.3 9.4C48.6 9.1 54.8 8.7 61.1 8.4C65 8.2 68.9 8 72.8 7.8C74.4 7.7 76 7.6 77.6 7.5C83.8 7.2 90 7 96.2 6.7C100 6.6 103.7 6.4 107.5 6.3C108.8 6.3 110 6.2 111.3 6.2C118 6 124.7 5.9 131.4 5.7C135.1 5.6 138.9 5.5 142.6 5.4C143.9 5.4 145.3 5.3 146.6 5.3C153.5 5.2 160.4 5.2 167.4 5.1C171.7 5.1 176 5 180.3 5C187.6 5 195 5 202.3 5.1C203.7 5.1 205.2 5.2 206.6 5.2C210.7 5.3 214.7 5.4 218.8 5.6C221.8 5.7 224.9 5.8 227.9 5.9C230.1 6 232.2 6.1 234.4 6.2C240.7 6.5 247.1 6.9 253.4 7.3C255 7.4 256.6 7.5 258.2 7.6C259.9 7.7 261.7 7.8 263.4 8C263.7 8 263.9 8.1 264.2 8.2C264.9 8.3 265.5 8.3 266.1 7.9C266.7 7.6 267.1 7 267.3 6.4C267.7 5.1 266.9 3.7 265.5 3.3C264.3 3 263.1 2.9 262 2.7C261.2 2.6 260.4 2.5 259.6 2.5C258 2.3 256.4 2.3 254.9 2.1C252.1 2 249.1 1.8 246.2 1.6Z' fill='%230995FB'/%3E%3C/svg%3E%0A");
}

html[color-mode="dark"] .team-profile-img::after {
    height: 100px;
    background: linear-gradient( 0deg, var(--dark-gradient-primary) 54.88%, rgb(255 255 255 / 0%));
}

html[color-mode="dark"] footer.hcb-footer {
    background-color: var(--dark-back-bg);
}

html[color-mode="dark"] .hcb-social-media svg,
html[color-mode="dark"] .hcb-links-num,
html[color-mode="dark"] .hcb-links-email,
html[color-mode="dark"] .footer-wrapper-content-s-cols ul li a,
html[color-mode="dark"] .hcb-links-pri-ter li a,
html[color-mode="dark"] .sales-press-links strong,
html[color-mode="dark"] .footer-wrapper-content-t-cols a,
html[color-mode="dark"] .footer-wrapper-content-s-cols p,
html[color-mode="dark"] .hcb-footer-dissclaimer {
    fill: var(--secondary-color);
    color: var(--secondary-color);
}

html[color-mode="dark"] .hcb-footer-logo img {
    opacity: 0.8;
}

html[color-mode="dark"] .ad-aster::after {
    color: #af0000;
}

html[color-mode="dark"] .ba-nav-wrapper a.nav-link.active,
html[color-mode="dark"] .progress-step-list > li.active {
    color: var(--bg-default) !important;
}

/*bark hover*/
html[color-mode="dark"] .pac-item:hover {
    background-color: var(--dark-primary-color);
    color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .pac-item:hover .pac-item-query {
        color: var(--chat-dark-bg-2);
    }

/*ends here*/

/*dark step progress starts here*/
html[color-mode="dark"] .steps > *.done {
    background: var(--dark-primary-color);
}

    html[color-mode="dark"] .steps > *.done::before,
    html[color-mode="dark"] .steps > *.done::after {
        background: var(--dark-primary-color);
    }

/*dark tags*/

html[color-mode="dark"] .mood-track-step-feeling span,
html[color-mode="dark"] .selectedlist-btns-div .selected-list,
html[color-mode="dark"] .ph-qestions-options,
html[color-mode="dark"] .learn-skills-tag,
html[color-mode="dark"] .btn-slot {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

    html[color-mode="dark"] .mood-track-step-feeling .mood-track-active,
    html[color-mode="dark"] .selectedlist-btns-div .selected-list.selected,
    html[color-mode="dark"] .ph-qestions-options.active-option,
    html[color-mode="dark"] .learn-skills-tag.active-learn-tag,
    html[color-mode="dark"] .btn-slot:focus {
        background-color: var(--dark-primary-color) !important;
        border: 1px solid var(--dark-primary-color);
        color: var(--icon-bg-color)
    }

@media (min-width: 1025px) {
    html[color-mode="dark"] label.selected-list:hover {
        border: 1px solid var(--dark-primary-color);
        color: var(--on-primary-color);
        background: var(--bg-default) !important;
    }

    html[color-mode="dark"] .mood-track-step-feeling span:hover,
    html[color-mode="dark"] .ph-qestions-options:hover,
    html[color-mode="dark"] .learn-skills-tag:hover,
    html[color-mode="dark"] .btn-slot:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

/*ends here*/

html[color-mode="dark"] .list-group-item {
    background-color: var(--card-bg-color);
}

html[color-mode="dark"] .custom-billing-balance .list-group-item-success {
    background-color: var(--chat-right-bubble);
    padding: 10px 15px;
    border-radius: 3px;
}

/*checkbox ui chnages starts here*/

html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before,
html[color-mode="dark"] .partners-login .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .partners-login .hc-radio-check [type=radio] + label::after {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--bg-default);
}

html[color-mode="dark"] .radio-bp input[type="radio"]:checked + .radio-label-bp:before,
html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before {
    box-shadow: inset 0 0 0 5px var(--chat-dark-bg-1);
}

html[color-mode="dark"] .book-summary .panel-haed.active .radio input[type="radio"] + .radio-label:before {
    border: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    background: var(--chat-dark-bg-1);
}
/*starts here*/
html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::after {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before,
html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .hc-radio-check [type=radio]:checked + label::before {
    background-color: var(--primary-color);
}
/*ends here*/

/*checkbox starts here*/

html[color-mode="dark"] .control:hover input:not([disabled]):checked ~ .control__indicator,
html[color-mode="dark"] .control input:checked:focus ~ .control__indicator,
html[color-mode="dark"] .control__indicator {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .control__indicator {
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--dark-primary-color);
}

/*dark scheduler starts here*/
html[color-mode="dark"] .dx-tab.dx-state-hover {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-popup-title {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-overlay-content .dx-toolbar-label .dx-toolbar-item-content > div {
    color: var(--on-primary-color) !important;
}

html[color-mode="dark"] .dx-overlay-shader {
    background-color: var(--dark-overlay-bg);
}

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

    html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content:hover {
        background-color: var(--input-focus-dark) !important;
        border: 1px solid var(--chat-dark-border-2) !important;
    }

html[color-mode="dark"] .dx-toolbar-items-container .dx-item-content .dx-button-mode-contained {
    background-color: transparent;
}

html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button,
html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button.dx-state-hover {
    background-color: var(--chat-dark-border) !important;
}

html[color-mode="dark"] .form-group .chek-para,
html[color-mode="dark"] .form-group .para-text {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .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(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-header-panel-cell {
    border-left: 1px solid var(--chat-inbox-border-color);
    border-right: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-scheduler-work-space {
    border-color: var(--chat-inbox-border-color);
}

/*chat therapist tag*/


html[color-mode="dark"] .chat-therapist-left-side label.nd-tag,
html[color-mode="dark"] .welcome-dash-moodal-names label.nd-tag
html[color-mode="dark"] .filtered-tags-btns {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .oic-banner-hero__title {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .hc-percentage-satisfication svg {
    opacity: 0.8;
}

html[color-mode="dark"] .already-booked {
    color: var(--on-primary-color);
    border: 1px solid var(--chat-inbox-border-color);
    opacity: 0.5;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #ccc;
    -webkit-text-decoration-color: #ccc;
}

    html[color-mode="dark"] .already-booked:hover,
    html[color-mode="dark"] .already-booked:focus {
        background-color: var(--bg-default) !important;
        border: 1px solid var(--bg-default) !important;
        color: var(--secondary-color) !important;
    }

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag.active-learn-tag {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag:hover {
    border: 1px solid var(--primary-color);
    color: var(--secondary-color) !important;
}

html[color-mode="dark"] .daterangepicker .drp-buttons .btn {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .center-category input:checked:before {
    background-color: rgb(53 155 236 / 70%);
}

html[color-mode="dark"] .wg-drop.country-selector ul li a {
    color: var(--primary-color);
}


/*css for datepicker*/
html[color-mode="dark"] #ui-datepicker-div.ui-widget-content {
    background: var(--bg-default) !important;
    box-shadow: var(--bg-default-box-shadow) !important;
    border: 1px solid var(--chat-dark-border-1) !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 #799fbd;
    background: #5580a3 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #000;
    background-color: #799fbd;
}

.ui-datepicker-calendar tr th span {
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-hover {
    background: var(--dark-primary-color) !important;
    color: #000;
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid var(--card-bg-color);
}

html[color-mode="dark"] .ui-state-disabled,
html[color-mode="dark"] .ui-widget-content .ui-state-disabled,
html[color-mode="dark"] .ui-widget-header .ui-state-disabled {
    font-family: var(--primary-font);
    opacity: .5;
}

html[color-mode="dark"] .ui-datepicker-calendar {
    font-family: var(--primary-font);
}

html[color-mode="dark"] .cal-year-box .row-fluid,
html[color-mode="dark"] .cal-month-box .cal-row-fluid {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .cal-month-box,
html[color-mode="dark"] .cal-year-box,
html[color-mode="dark"] .cal-week-box {
    border-color: var(--chat-inbox-border-color) !important;
}

html[color-mode="dark"] #calendar .selected-date .cal-month-day {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] span[data-cal-date] {
    color: var(--primary-color) !important;
}

html[color-mode="dark"] .ui-datepicker-title select {
    background-color: var(--chat-dark-bg-1);
    color: #fff;
    border: 1px solid var(--chat-dark-bg-1);
}

html[color-mode="dark"] .cal-year-box .row-fluid:hover,
html[color-mode="dark"] .cal-row-fluid:hover {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] #cal-week-box {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div .ui-datepicker-year {
    border: 1px solid var(--chat-dark-bg-1) !important;
    border-radius: 0;
}

html[color-mode="dark"] .daterangepicker .drp-buttons {
    border-top: 1px solid var(--dashboard-hr-color);
}

html[color-mode="dark"] .daterangepicker td.off,
html[color-mode="dark"] .daterangepicker td.off.in-range,
html[color-mode="dark"] .daterangepicker td.off.start-date,
html[color-mode="dark"] .daterangepicker td.off.end-date {
    background-color: #464646;
}

html[color-mode="dark"] .daterangepicker td.active,
html[color-mode="dark"] .daterangepicker td.active:hover,
html[color-mode="dark"] .daterangepicker td.available:hover,
html[color-mode="dark"] .daterangepicker th.available:hover {
    background-color: var(--theme-primary-color) !important;
    color: #fff !important;
}

html[color-mode="dark"] .daterangepicker .calendar-table .next span,
html[color-mode="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--chat-dark-border-3);
}

html[color-mode="dark"] .daterangepicker td.in-range {
    background-color: #799fbd;
}

html[color-mode="dark"] .daterangepicker .ranges li {
    color: var(--primary-color);
}

html[color-mode="dark"] .daterangepicker .calendar-table {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .section-terms-use .table thead th {
    background-color: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
}

html[color-mode="dark"] input#btnSubmitContactUsForm {
    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"] input#btnSubmitContactUsForm:hover {
        background-color: var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-session-btns:hover {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .video-session-btns.end-session-btn:hover .end-session-icon {
    color: #fff;
}

html[color-mode="dark"] .dx-calendar {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid transparent;
}

/*html[color-mode="dark"] .dx-overlay-content .dx-button-mode-contained {
    background-color: var(--chat-dark-bg-1);
    border-color: #ddd;
}*/

html[color-mode="dark"] .dx-button-mode-contained.dx-state-hover,
html[color-mode="dark"] .dx-scheduler-navigator-caption.dx-state-focused {
    background-color: transparent !important;
}

html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover th,
html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover td,
html[color-mode="dark"] .dx-calendar-body thead tr th {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 var(--chat-inbox-border-color);
    color: #999;
}

html[color-mode="dark"] .dx-popover-arrow::after {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .ph-tou-head-para a,
html[color-mode="dark"] .ph-tou-head-head a,
html[color-mode="dark"] .terms-of-use-client a,
html[color-mode="dark"] .section-terms-use a,
html[color-mode="dark"] .info_link,
html[color-mode="dark"] .parctices-inner-section a {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}

html[color-mode="dark"] .ph-tou-head-head a {
    font-weight: 600;
}

html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    color: #ededed !important;
}

html[color-mode="dark"] .dx-selectbox-popup-wrapper .dx-list {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .gc-live-more-p {
    background: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
    border: 1px solid var(--placeholder-color);
}

html[color-mode="dark"] .msg-side-nav-body a.msg-cus-btn:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button {
    border-color: inherit !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
    background-color: var(--dark-primary-color) !important;
    color: #e9e9e9 !important;
}

html[color-mode="dark"] .hc-cp-help-support-tab .table td {
    border: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .icons-time {
    filter: brightness(81.5);
    opacity: 0.7;
}

html[color-mode="dark"] .ooo-msg-main-wrapper input[disabled="disabled"],
html[color-mode="dark"] .ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.3 !important;
}

html[color-mode="dark"] #AppointmentCalendarContainer .close {
    color: var(--primary-color);
}

.country-selector a {
    color: var(--white-color);
}

.sales-press-links a {
    display: block !important;
    font-weight: 400;
}

.sales-press-links a, .hcb-footer-dissclaimer .info_link {
    color: #91ceff !important;
}

.create-acc-step h1 small {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    margin-bottom: 24px !important;
    display: inline-block;
}

span#spnVerificationCodeMsg {
    margin-top: 10px;
    display: block;
}

.login-passowrd-wrapper #txtPassword {
    padding-right: 64px;
}

@media(max-width: 767px) {
    .right-ca-ph {
        display: none;
    }

    .login-plumm-account .step5-main-row {
        padding-top: 0px !important;
    }
}

/*design for ooo */

.message-info-label {
    display: flex;
}

.info-icon-oo {
    display: inline-block;
    margin-left: 5px;
}

.oo-status-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 22px;
}

.message-info-label .icon.ni:hover {
    color: var(--dark-primary-color);
}

.message-info-label .icon.ni {
    cursor: pointer;
    font-size: 19px;
    position: relative;
    top: 4px;
}

.ooo-msg-main-wrapper input[disabled="disabled"],
.ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.5 !important;
}

.therapist-out-of-office {
    margin-top: 15px;
    padding-left: 5px;
    color: #DC143C;
    font-weight: 600;
    font-size: 17px;
}

.doctor-profile-main .out-office-status .form-group label {
    font-size: 0.95rem;
}

.out-office-status .form-group .para-text {
    font-size: 1.01rem;
    color: var(--on-primary-color);
    line-height: 1.35;
}

.ooo-msg-main-wrapper .cca-dob-wrapper {
    margin-bottom: 30px !important;
}

input#btn_submit_outoffofice {
    max-width: 150px;
    border: 1px solid var(--chat-dark-border-3) !important;
    border-radius: 5px;
}

.out-office-status .cca-dob input {
    border: 1px solid var(--chat-inbox-border-color) !important;
    max-width: 200px;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry:after {
    border-bottom-color: #d9d9d9 !important;
}

.deep-anchor {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    padding-top: 40px;
    margin-bottom: 25px;
}

.to-pdt-0 {
    padding-top: 0.8rem;
}

.plm-tou-heading {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    font-size: 1.4rem;
    font-family: var(--secondary-font);
}

html[color-mode="dark"] .deep-anchor a.anchorjs-link {
    text-decoration: none;
}

.anchorjs-link {
    padding-left: 0.375em;
    font-size: 23px !important;
    position: relative;
    top: 2px;
}

/* tooltip arrow */

.deep-anchor-link {
    position: relative;
    padding-top: 40px;
}

.click-to-copy {
    padding: 4px 7px;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--secondary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    font-size: 13px;
    left: 40px;
    display: block;
    z-index: 99;
    border-radius: 4px;
    bottom: -15px;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all .3s;
}

    .click-to-copy::after {
        content: '';
        border-width: 6px;
        border-style: solid;
        border-color: transparent var(--secondary-color) transparent transparent;
        top: 6px;
        left: -12px;
        position: absolute;
        z-index: -1;
    }

.deep-anchor-link:hover .click-to-copy {
    visibility: visible;
    opacity: 1;
}

@media(max-width: 767px) {
    .click-to-copy {
        right: 0px;
        bottom: -31px;
        transform: none;
        left: initial;
        display: none;
    }

        .click-to-copy::after {
            top: -12px;
            left: 140px;
            transform: rotate(90deg);
        }
}

.nd-blogs-wrapper-inner1 .nd-label-head {
    color: #fff;
}

    .nd-blogs-wrapper-inner1 .nd-label-head span::after {
        background-color: #fff;
    }

.nd-blogs-wrapper-inner1 .nd-ebook-wrapper .nd-label-head span::after {
    background-color: var(--primary-color);
}



/*saved classes */
.saved-classes em.icon {
    font-size: 1.2rem;
    height: 23px;
}

.saved-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    padding: 2px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(2 2 2 / 35%);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

    .saved-icon em.icon {
        color: var(--white-color);
        font-size: 21px;
        position: relative;
        top: -0.03rem;
        height: 20px;
        width: 20px;
    }

.like-save-wrapper {
    display: flex;
    align-items: center;
    gap: 0.98rem;
}

.learn-video-save-like em.icon {
    color: var(--white-color);
    cursor: pointer;
    position: relative;
}

.like-save-inner-wrapper {
    line-height: 18px;
}

.like-save-inner-wrapper {
    line-height: 18px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

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

/*.like-save-wrapper em.icon:hover::after {
    content: '';
    position: absolute;
    width:31px;
    height: 31px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #35589f;
    z-index: -1;
}
*/
.like-save-wrapper em.icon.ni {
    position: relative;
    top: 0.05rem;
}

.learn-like-count span, .like-save-wrapper span {
    font-size: 0.95rem;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.learn-like-count, .learn-video-save-like {
    display: flex;
    align-items: center;
    gap: 5px;
}

.learn-video-save-like {
    gap: 15px;
}

.learn-like-count em.icon.ni {
    font-size: 19.5px;
    cursor: pointer;
}

.learn-like-count {
    z-index: 99;
}

.sidebar-video-info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-video-info {
    padding-right: 15px;
}

.saved-couses-icon {
    display: block;
    width: 210px;
    height: auto;
    margin: 2rem auto 2rem;
    opacity: 0.65;
}

.show-side-bar-inner {
    padding: 3px;
}

.course-new-tag {
    position: absolute;
    right: 12px;
    bottom: 21px;
}

label.dash-learn-label-cw.ph-default-tag-label {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 5px 10px;
    cursor: pointer;
}

.ph-default-tag-label {
    z-index: 99;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    line-height: 1.5;
    font-size: var(--base-font-size-xxs);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--theme-border-1);
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
    border-radius: calc(var(--border-radius-default) * 0.7);
    color: var(--theme-primary-color);
}

.p-tag--pabs-tl {
    position: absolute;
    top: 0.6rem;
    left: 0.6rem;
}

.dash-meditation .ph-default-tag-label {
    font-size: 0.68rem;
    padding: 3px 8px;
}

.learn-medi-detail-save-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .learn-medi-detail-save-icon .saved-icon {
        position: initial;
    }

    .learn-medi-detail-save-icon .learn-like-count span {
        text-shadow: 1px 1px 2px rgb(0 0 0 / 77%);
    }

.hc-live-box .ncd-enroll {
    display: inline-grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 1px 25px;
}

    .hc-live-box .ncd-enroll span:first-child {
        margin-left: 0;
    }

.hc-live-box .learn-list-instr-item .oc-dot {
    font-weight: 700;
    vertical-align: text-top;
    height: initial;
    color: var(--primary-color) !important;
    font-size: 33px !important;
    line-height: 0px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.hc-live-box .learn-list-instr-item .oc-dot {
    position: relative;
    top: -1px;
}

.hc-live-box .ctf-pract-details strong {
    color: var(--on-primary-color);
    margin-right: 3px;
}

.hc-live-box li.learn-list-instr-item {
    font-size: 14px;
}

.hc-live-box .learn-list-instr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.learn-medi-list .hc-live-profile-image img, .saved-learn-medi-loader .hc-live-placeholder .hc-live-profile-image .image-placeholder {
    border-radius: var(--bs-border-radius);
    min-width: 250px;
    max-width: 250px;
    height: 145px !important;
    box-shadow: none;
    border: none;
}

.saved-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .35s linear .1s;
    transition: opacity .35s linear .1s;
    opacity: 0;
}

.hc-live-profile-image {
    position: relative;
    cursor: pointer;
}

    .hc-live-profile-image:hover .saved-play-overlay {
        opacity: 1;
        z-index: 1;
    }

.ph-saved-video-row .hc-live-dates {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ph-saved-video-row.hc-live-cards-row .hc-live-cards-cols {
    margin-bottom: 25px;
}

.learn-medi-detail-save-icon .saved-icon em {
    left: -0.03rem;
    top: 0;
}

.learn-medi-detail-save-icon .learn-like-count em.icon.ni {
    left: 0.05rem;
    top: 0.05rem;
}

.saved-lists .hc-live-profile-image {
    position: relative;
    cursor: pointer;
    min-width: 250px;
    max-width: 250px;
}

.save-list-therapist .hc-live-profile-image img {
    max-width: 145px !important;
    min-width: 145px;
    height: 145px !important;
}


@media(max-width: 1200px) {
    .hc-live-box .ncd-enroll {
        grid-template-columns: repeat(1, auto);
    }
}

@media(max-width: 767px) {
    .hc-live-box .ncd-enroll {
        display: inline-grid;
        grid-template-columns: repeat(1, auto);
        grid-gap: 10px 25px;
    }

    .like-save-wrapper {
        gap: 12px;
    }

    .learn-video-save-like {
        position: absolute;
        right: 10px;
        top: 40px;
        z-index: 9;
    }

    .show-side-bar-inner {
        padding: 0px;
    }
}

html[color-mode="dark"] .ph-default-tag-label {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .live-classes-row-actions-default {
    border: 1px solid var(--chat-dark-border-3);
}

.pract-profile-left .saved-icon {
    right: 13px;
    top: 13px;
    background: var(--sec-light-color4);
    padding: 0;
}

    .pract-profile-left .saved-icon em.icon {
        color: var(--primary-color);
    }

html[color-mode="dark"] .pract-profile-left .saved-icon {
    background: #141414;
}

.pos-continue-watch-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.continue-watching-progress-wrapper {
    background-color: rgb(0 0 0 / 19%);
    width: 100%;
    height: 3px;
}

.continue-watching-progress-bar {
    background-color: red;
    height: 3px;
}

.hide-progress-bar {
    display: none;
}

html[color-mode="dark"] .live-classes-row-actions-default.lc-joined {
    border: 1px solid var(--chat-dark-border-3);
    background-color: var(--chat-dark-border-3);
}


.al-logo-header {
    display: none;
}

.sidebar-mini .al-logo-header {
    position: absolute;
    top: 1.25rem;
    left: 1.8rem;
    display: block;
}

@media(max-width: 991px) {
    .sidebar-mini .al-logo-header {
        display: none;
    }
}

/*updated- headings 1 to 6*/
.plm-heads {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-weight: 400;
}

.plm-heading-1 {
    font-size: 3rem;
}

.plm-heading-2 {
    font-size: 2.5rem;
}

.plm-heading-3 {
    font-size: 2.2rem;
}

.plm-heading-4 {
    font-size: 1.7rem;
    line-height: 1.35;
}

.plm-heading-5 {
    font-size: 1.2rem;
}

.plm-heading-6 {
    font-size: 0.85rem;
}

@media(min-width: 1800px) {

    .plm-heading-4 {
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .plm-heading-5 {
        font-size: 1.35rem;
    }
}

@media(max-width: 991px) {
    .plm-heading-3 {
        font-size: 2rem;
    }

    .plm-heading-4 {
        font-size: 1.7rem;
        line-height: 1.4;
    }
}

@media(max-width: 576px) {
    .plm-heading-4 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .plm-heading-3 {
        font-size: 1.7rem;
    }
}


/*plumm logo css starts here*/

.plumm-logo-new {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: cover;
    display: inline-block;
}

.plumm-logo-new-dark {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}

.plumm-logo-new-blue {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='126' height='39' viewBox='0 0 126 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.428 9.91187C119.768 9.91187 121.64 10.6679 123.116 12.1439C124.592 13.6199 125.348 15.6359 125.348 18.2279V29.9999H120.632V19.0919C120.632 15.9239 119.012 14.2318 116.564 14.2318C113.936 14.2318 112.064 16.2118 112.064 19.2358V29.9999H107.384V19.1278C107.384 16.0678 105.728 14.2318 103.244 14.2318C100.616 14.2318 98.7084 16.2118 98.7084 19.2718V29.9999H94.0284V10.4518H98.6364V13.2598C99.7524 11.2078 102.02 9.91187 104.576 9.91187C107.132 9.94784 109.364 11.1358 110.408 13.4038C111.812 11.2078 114.44 9.91187 117.428 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M81.5688 9.91187C83.9088 9.91187 85.7811 10.6679 87.2568 12.1439C88.7328 13.6199 89.4888 15.6359 89.4888 18.2279V29.9999H84.7728V19.0919C84.7728 15.9239 83.1528 14.2318 80.7048 14.2318C78.0768 14.2318 76.2048 16.2118 76.2048 19.2358V29.9999H71.5248V19.1278C71.5248 16.0678 69.8688 14.2318 67.3848 14.2318C64.7568 14.2318 62.8488 16.2118 62.8488 19.2718V29.9999H58.1688V10.4518H62.7768V13.2598C63.8928 11.2078 66.1608 9.91187 68.7168 9.91187C71.2728 9.94784 73.5048 11.1358 74.5488 13.4038C75.9528 11.2078 78.5808 9.91187 81.5688 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M44.7996 30.468C39.3636 30.468 35.9796 27.264 35.9796 21.828V10.452H40.6956V21.828C40.6956 24.456 42.2436 26.184 44.7996 26.184C47.3916 26.184 48.9396 24.456 48.9396 21.828V10.452H53.6556V21.828C53.6556 27.264 50.3076 30.468 44.7996 30.468Z' fill='%2309090B'/%3E%3Cpath d='M31.4544 2.64001V30H26.7744V2.64001H31.4544Z' fill='%2309090B'/%3E%3Cpath d='M13.428 9.98401C16.2 9.98401 18.504 10.992 20.34 12.972C22.176 14.952 23.076 17.364 23.076 20.208C23.076 23.088 22.14 25.536 20.304 27.516C18.468 29.496 16.164 30.468 13.392 30.468C10.908 30.468 8.78397 29.496 7.09197 27.552V38.028H2.37598V10.452H7.05597V13.044C8.74797 10.992 10.872 9.98401 13.428 9.98401ZM6.98397 20.244C6.98397 21.936 7.52397 23.34 8.56797 24.492C9.61197 25.608 10.98 26.184 12.672 26.184C14.364 26.184 15.732 25.608 16.776 24.492C17.82 23.34 18.36 21.936 18.36 20.244C18.36 18.552 17.82 17.148 16.776 16.032C15.732 14.88 14.364 14.304 12.672 14.304C10.98 14.304 9.61197 14.88 8.56797 16.032C7.52397 17.184 6.98397 18.588 6.98397 20.244Z' fill='%2309090B'/%3E%3C/svg%3E%0A");
    height: 32px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}


@media(max-width: 1253px) {
    .plumm-logo-new-blue,
    .plumm-logo-new,
    .plumm-logo-new-dark {
        height: 27px;
        width: 95px;
    }
}


.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: block;
    opacity: 0.9;
}

/*ends here*/


/*css for feedback after session completes starts here*/
.session-feedback-emoji-wrapper > label,
.plumm-helping-wrapper > label,
.session-feedback-rate > label {
    display: block;
    text-align: left;
    margin-bottom: 0.6rem;
}

.plm-feedback-emoji-wrapper {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.2rem;
}

.session-feedback-emoji-wrapper .emojis-wrapper-item {
    font-size: 2rem;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
}

span.emojis-wrapper-item.sf-emoji-active1,
span.emojis-wrapper-item.sf-emoji-active2 {
    transform: scale(1.35);
    border-radius: 50%;
    position: relative;
}

.plm-feedback-emoji-wrapper span.emojis-wrapper-item:hover {
    transform: scale(1.15);
}

span.emojis-wrapper-item.sf-emoji-active1::before,
span.emojis-wrapper-item.sf-emoji-active2::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
    background: radial-gradient(circle, #f7d090 0, rgb(255 233 129) 40%, rgb(255 176 46 / 5%) 65%);
}

.ph-feedback .review-form:not(:last-child) {
    margin-bottom: 18px;
}

.session-feedback-helping {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem 0.8rem;
    flex-wrap: wrap;
}

    .session-feedback-helping .emojis-wrapper-item {
        margin: 7px 2px;
        flex-grow: initial;
        max-width: initial;
        border: 1px solid transparent;
        box-sizing: border-box;
        font-family: var(--primary-font);
        padding: 0.3rem 0.75rem 0.3rem;
        display: inline-block;
        font-size: var(--base-font-size);
        line-height: 1.6;
        text-align: center;
        white-space: nowrap;
        color: var(--primary-color);
        min-width: 100px;
        float: left;
        cursor: pointer;
        font-weight: 400;
        border-radius: 25px;
        background: var(--white-color);
        box-shadow: var(--default-shadow-1);
        border: 1px solid var(--primary-border-color);
    }

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background-color: var(--dark-primary-color) !important;
    border: 1px solid var(--dark-primary-color);
    color: var(--icon-bg-color);
}

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

.session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background: #FFF4BF;
    border: 1px solid #F9D52E;
}

@media(min-width: 1253px) {
    .session-feedback-helping .emojis-wrapper-item:hover {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }
}

@media (min-width: 1025px) {
    html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

.session-feedback-rate .ratingDiv {
    text-align: left;
}

.session-feedback-subhead {
    font-weight: 600;
    font-size: var(--base-font-size);
    display: block;
    line-height: 1.5;
    color: var(--primary-color);
    margin-bottom: 1.5rem !important;
}

@media(max-width: 1253px) {
    .session-feedback-helping {
        justify-content: center;
        gap: 0.1rem 1rem;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .session-feedback-subhead br {
        display: none;
    }

    .plm-feedback-emoji-wrapper {
        display: flex;
        gap: 0.5rem 0.5rem;
        margin-bottom: 0.2rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}




html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active1::before, html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active2::before {
    background: radial-gradient(circle, #643e00 0, rgb(108 89 0) 40%, rgb(141 88 2 / 5%) 65%);
}

html[color-mode="dark"] .cookieBanner {
    background: #173571;
}

    html[color-mode="dark"] .cookieBanner button {
        color: #173571;
    }

.practices--testi-bg .slick-prev, .practices--testi-bg .slick-next {
    z-index: 9999;
}

.forgot-pass-wrapper .new-layout-from-input label {
    color: var(--primary-color);
    font-weight: 600;
}

.forgot-pass-wrapper .ph-input-create-password input,
.ph-input-create-password input {
    padding-right: 4.5rem !important;
}

@media only screen and (max-width: 1500px) {
    td.join-reschedule-thera-btn > * {
        flex: 1;
    }
}



@media only screen and (min-width: 1100px) {
    .second-pract-dashboard-row {
        display: grid !important;
        grid-template-columns: 65% 1fr;
        gap: 1.9rem;
    }
}

@media only screen and (min-width: 1300px) {
    .second-pract-dashboard-row {
        grid-template-columns: 66% 1fr;
    }
}

@media only screen and (min-width: 1600px) {
    .second-pract-dashboard-row {
        grid-template-columns: 60% 1fr;
    }
}

@media only screen and (max-width: 1100px) {
    .second-pract-dashboard-row {
        display: flex;
    }

        .second-pract-dashboard-row > .cols-pract-fr {
            flex: 1;
        }

    .second-dashboard-row.second-pract-dashboard-row {
        flex-direction: column;
    }
}

.select-package-boxes .secondary-sub-head span.ph-default-tag.ph-default-tag-df {
    position: relative;
    top: -13px;
}

.form-group.ba-det-per-email {
    grid-column-start: 1;
    grid-column-end: 3;
}

.no-contract-found {
    text-align: center;
    min-height: 450px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--secondary-color);
    font-weight: 600;
}

.ba-sir-boxes.no-contract-found {
    padding-top: 20px;
}

.ba-company-details.bg-company-details-content {
    display: flex;
}

    .ba-company-details.bg-company-details-content > div:first-child {
        flex: 1;
    }

    .ba-company-details.bg-company-details-content input {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

label.plm-read-only {
    font-weight: 400 !important;
    line-height: 1.5;
    color: #495057 !important;
    display: block;
    font-weight: 400 !important;
    line-height: 1.3;
    color: #495057 !important;
    display: block;
    white-space: nowrap;
    word-break: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

@media(min-width: 1100px) {
    .ba-company-details .seelct-package-wrapper {
        max-width: 500px;
    }

    .ba-sir-boxes.no-contract-found {
        min-width: 400px;
    }
}


@media(max-width: 1100px) {
    .ba-company-details.bg-company-details-content {
        flex-direction: column;
    }

    span#LblBilllabel {
        line-height: 1.2;
    }

    .bg-ad-company-details-from {
        margin-bottom: 0;
    }
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell {
    color: #5a5a5a;
}

    html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell.dx-state-hover {
        color: #4b4b4b;
    }

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-content .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-numberbox-spin-up-icon {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    color: #333;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: 0 0 0 1px transparent inset;
    background-color: #626262;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-field-item-content-location-bottom .dx-buttongroup-wrapper .dx-button-mode-contained {
    border-color: #3c3c3c !important;
    color: #b0b0b0 !important;
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-timeview-field .dx-texteditor-input {
    padding: 7px 7px 8px;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-layout-manager.dx-widget .dx-widget {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-active .dx-button-content,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-mode-contained.dx-state-focused {
    background-color: initial !important;
}


html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color) !important;
    color: #e7e7e7 !important;
}

.dx-scheduler-appointment-popup .add-schedule-popup .dx-state-active .dx-button-content,
.dx-scheduler-appointment-popup .add-schedule-popup .dx-button-mode-contained.dx-state-focused {
    background-color: #d4d4d4 !important;
}


/* css for new login page starts here*/
.login-head {
    font-family: var(--secondary-font);
    font-weight: 400;
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.login-plumm-account-main-wrapper {
    margin-top: 2.7rem;
}

.login-plumm-left-form {
    position: relative;
    max-width: 550px;
    padding-left: 70px;
}

.get-started-ca-wrapper .form-group {
    margin-bottom: 1.5rem !important;
}

.plumm-mobile-app-logos {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: flex-start;
}

    .plumm-mobile-app-logos svg {
        width: 150px;
        height: 50px;
        display: inline-block;
    }

.download-app-login {
    margin-top: 0.55rem;
    margin-left: 2.2rem;
}

.download-mob-app {
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 1rem 0px 1.2rem;
    color: var(--secondary-color);
    font-weight: 400;
}

.ph-login-illustr-content-mw {
    max-width: 480px;
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
}

.cca-dob input.date-picker {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
    background-position: calc(100% - 0.6rem);
    background-size: 15px;
    background-repeat: no-repeat;
}

.login-plumm-account-main-wrapper.login-ca-wrapper {
    grid-template-columns: 50% 1fr;
}

@media (max-width: 1600px) {
    .download-app-login {
        margin-top: 1.05rem;
    }

    .ph-login-illustr-content-mw {
        max-width: 420px;
    }
}

@media (max-width: 1100px) {
    .login-plumm-left-form {
        padding-left: 0;
    }

    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .login-plumm-right-form {
        margin-top: 1.7rem;
    }
}

@media (max-width: 1024px) {
    .ph-login-illustr-content-mw {
        margin-top: 3rem;
    }

    .plumm-mobile-app-logos {
        justify-content: center;
    }

    .download-mob-app {
        text-align: center;
    }

    .ph-login-illustr-content-mw {
        max-width: 480px;
    }

    .login-plumm-account-main-wrapper.login-ca-wrapper {
        grid-template-columns: auto;
    }
}

@media (max-width: 991px) {
    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .download-mob-app br {
        display: none;
    }

    .ph-login-illustr-content-mw {
        margin-bottom: 2.5rem;
        margin-top: 1.4rem;
    }

    .download-app-login {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-plumm-right-form {
        margin-top: 0;
        margin-bottom: 2.4rem;
    }
}

@media (max-width: 576px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-head {
        margin-bottom: 1.5rem;
        margin-top: 0.4rem;
    }
}
/*ends here*/
.ui-widget-content {
    font-family: var(--primary-font);
}

/*pop over tour*/

.plm-popover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1201;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: var(--bg-default);
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    padding: 0.8rem;
}

    .plm-popover[class*="tour-"] {
        box-sizing: border-box;
        min-width: 270px;
        max-width: 320px;
    }

    .plm-popover.right-arrow {
        margin-left: 10px;
    }

        .plm-popover.right-arrow > .arrow {
            top: 50%;
            left: -10px;
            margin-top: -11px;
            border-left-width: 0;
            border-right-color: var(--bg-default);
        }

    .plm-popover > .arrow {
        border-width: 11px;
    }

        .plm-popover > .arrow,
        .plm-popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

.plm-popover-close {
    color: #cccccc;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plm-popover-title {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    font-size: 1.15rem;
    color: var(--secondary-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.plm-popover-content {
    color: var(--on-primary-color);
    line-height: 1.3;
    margin: 1rem 0;
    font-size: var(--base-font-size);
}

.plm-small-btn {
    font-size: var(--base-font-size);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    min-width: 5.1rem;
    line-height: 1.4;
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-align: center;
}

    .plm-small-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.plm-popover-navigation {
    display: flex;
    justify-content: flex-end;
}

.popover-va-overlay {
    background-color: var(--modal-bg-color);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1200;
}

.plm-popover-va {
    width: 25px;
    height: 25px;
    position: relative;
    left: -2px;
    fill: var(--primary-color);
    display: inline-block;
}

.teams-body .plm-popover.right-arrow > .arrow {
    top: 0 !important;
    left: 50%;
    transform: rotate(90deg) translateX(-50%);
    margin-top: -8px;
}

.teams-body .plm-popover {
    left: 130px !important;
    top: 10px !important;
}

html[color-mode="dark"] .plm-small-btn:hover {
    color: #fff;
}


.ph-close-modal {
    border: none;
    padding: 0;
}

button.ph-close-modal em.icon {
    color: var(--on-primary-color);
    font-size: 1.15rem;
}

.ph-close-modal {
    background-color: transparent;
}

@media(max-width: 991px) {
    .plm-popover {
        display: none;
    }
}

/** Safari */

@media(max-width: 991px) {
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .nav-sidebar {
            /*padding-bottom: 80px !important;*/
        }

        .chatbot-load-chat {
            z-index: 1300;
            margin-bottom: 6.5rem !important;
        }
    }
}

.ph-certificate-prev-del-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.certificate-upload-modal-wrapper .certf_size {
    margin-bottom: 15px;
    height: 200px;
}

.new-ebbok-wrapper button.slick-arrow {
    z-index: 1000;
}

.pract-profile-right li.nav-item .nav-link {
    font-weight: 400;
    padding: 0.4rem 1rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    border: 1px solid var(--primary-border-color);
}

    .pract-profile-right li.nav-item .nav-link:hover {
        font-weight: 400;
    }

    .pract-profile-right li.nav-item .nav-link.active {
        background-color: var(--sec-light-color4);
        color: var(--primary-color);
        border: 1px solid #d7e7f3;
    }

.pract-profile-right ul.nav-pills {
    gap: 1rem;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link.active {
    color: var(--bg-default) !important;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link:hover {
    color: var(--primary-color);
}

@media(max-width: 767px) {
    .pract-profile-right ul.nav-pills {
        gap: 0.6rem;
        justify-content: center;
    }
}

@media all and (max-width: 540px) {
    .sweet-alert {
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100% - 30px) !important;
        animation: none !important;
    }
}


.chat-search-input .p-search-input {
    position: relative;
    width: 100%;
    max-width: none;
}

.chat-search-input {
    gap: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem;
    padding-top: var(--default-container-gap);
}

.chat-filter.icon.ni,
.msg-search-icon.icon.ni {
    font-size: 1.35rem;
    cursor: pointer;
}

.pg-2 {
    gap: 0.8rem;
}

@media(min-width: 992px) {
    .chat-head-dn-dsk {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .msg-chat-left-top-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.35rem 0.85rem;
        min-height: 60px;
    }

    .chat-search-input {
        padding: 0;
        flex: 1;
    }
}


/*chat pages common css*/

/*.msger-header-new {
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}*/

.msger-header-new {
    padding: 0.5rem 0.9rem;
}

.chat-loader .loads,
.chat-left-loader .loads,
.chat-right-loader .loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    --skeleton-color-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    --skeleton-color-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.175);
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 104px;
    position: relative;
}

.msg-side-nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 55px;
    padding: 12px 20px;
    min-height: var(--nav-min-height);
    background-color: var(--card-bg-color);
    /* border-bottom: var(--border-width-layout) solid var(--border-layout);*/
}

.msg-side-nav-body {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
    padding-top: 25px;
    padding-bottom: 85px;
    background-color: var(--card-bg-color);
}

.pact-profile-name label {
    font-size: var(--base-font-size-lg);
    display: block;
    font-weight: 400;
    margin-top: 0.4rem;
    line-height: 1.4;
}

.sidenav-view-profile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: 0.5s;
}

/*generic clickable tooltip starts here*/
.p-clk-tt {
    display: none;
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color);
    color: white;
    font-weight: bold;
    padding: 0;
    font-size: var(--base-font-size-xs);
    border-radius: var(--bs-border-radius);
    display: none;
    width: 100%;
    max-width: 280px;
    z-index: 2400;
}

    .p-clk-tt[data-popper-reference-hidden] {
        visibility: hidden;
        pointer-events: none;
    }


.p-clk-tt {
    border: none;
    /*    border-radius: initial;*/
}

    .p-clk-tt .dx-list-with-search {
        border: 1px solid var(--primary-border-color);
        font-size: var(--base-font-size-xs);
        border-radius: var(--bs-border-radius);
        overflow: hidden;
        z-index: 9;
        position: relative;
    }

    .p-clk-tt[show-popper] {
        display: block;
        z-index: 2206;
        border-radius: var(--bs-border-radius);
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item-content {
        padding: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list-search {
        margin: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item {
        border-top: 1px solid var(--border-layout);
        color: var(--theme-primary-color);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: var(--sec-light-color7);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: var(--sec-light-color4);
    }

    .p-clk-tt #popper-arrow, .p-clk-tt #popper-arrow::before {
        background: var(--chat-dark-bg-2);
        border: 1px solid var(--input-border-1);
        border-top: none;
        border-left: none;
    }

    .p-clk-tt[data-popper-placement^='bottom'] > .arrow {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: -5px;
    }

    .p-clk-tt .popper-arrow, .p-clk-tt .popper-arrow::before {
        background: var(--chat-dark-bg-2);
        border: 1px solid var(--input-border-1);
        border-top: none;
        border-left: none;
    }

/*build the arrow targeting the divider with class 'popper-arrow'*/
#popper-arrow,
#popper-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--chat-dark-bg-2);
}

#popper-arrow {
    visibility: hidden;
}

    #popper-arrow::before {
        visibility: visible;
        content: "";
        transform: rotate(45deg);
    }

/*position arrow using popper.js data-popper-placement attribute*/
.p-clk-tt[data-popper-placement^="top"] #popper-arrow {
    bottom: -4px;
}

.p-clk-tt[data-popper-placement^="bottom"] #popper-arrow {
    top: -4px;
}

.p-clk-tt[data-popper-placement^="left"] #popper-arrow {
    right: -4px;
}

.p-clk-tt[data-popper-placement^="right"] #popper-arrow {
    left: -4px;
}

/*hide arrow when reference outside of viewport*/
.p-clk-tt[data-popper-reference-hidden] #popper-arrow::before {
    visibility: hidden;
}
/*generic clickable tooltip ends here*/


/* Sidebar styles (adjust as needed) */


/*css for custom progress starts here*/
.progress-sm {
    height: 5px
}

.progress-lg {
    height: 12px
}

.progress-xl {
    height: 16px
}

.custom-progess {
    position: relative
}

    .custom-progess .progress-icon {
        position: absolute;
        top: -12px
    }

        .custom-progess .progress-icon .avatar-title {
            background: var(--tb-secondary-bg)
        }

.animated-progress {
    position: relative
}

    .animated-progress .progress-bar {
        position: relative;
        border-radius: 0;
        animation: animate-positive 2s
    }

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.custom-progress.progress {
    height: 0.45rem;
    border-radius: calc(var(--border-radius-default)* 0.5);
    padding: 0;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.18);
}

.custom-progress .progress-bar {
    position: relative;
}

/*.custom-progress .progress-bar:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 7px;
    right: 2px;
    top: 50%;
    transform: translateY(-50%)
}*/

.progress-label {
    overflow: visible
}

    .progress-label .progress-bar {
        position: relative;
        overflow: visible;
        min-width: 0.4rem
    }

        .progress-label .progress-bar .label {
            color: var(--theme-primary-color);
            display: inline-block;
            font-weight: 500;
        }

        .progress-label .progress-bar .cp-data-bottom {
            position: absolute;
            top: -0.7rem;
            left: 0;
            font-size: calc(var(--base-font-size-xxs) * 0.95);
        }

.p-progress-def .progress-bar {
    position: relative !important;
    border-radius: 0.25rem;
}

.custom-progress .progress-bar[aria-valuenow="0"] {
    min-width: 0;
}

    .custom-progress .progress-bar[aria-valuenow="0"] .cp-data-bottom,
    .custom-progress .progress-bar[aria-valuenow="1"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="2"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="3"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="4"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="5"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="6"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="7"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="8"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="9"] .cp-data-bottom {
        right: -0.95rem;
    }

/*.custom-progress .progress-bar[aria-valuenow="100"] .cp-data-bottom {
    right: 0.05rem;
}*/

.loading-skeleton .progress-label .progress-bar .cp-data-bottom {
    top: -1.1rem;
    padding: 0;
    width: 1.2rem;
    height: 0.7rem !important;
    border-radius: 0.2rem !important;
    left: 0rem;
}

.loading-skeleton .progress-label .progress-bar {
    background-color: transparent;
}

/*.progress-label .progress-bar .label.cp-data-bottom:after {
    bottom: initial;
    top: -7px;
    transform: translateX(-50%) rotate(180deg);
}

.progress-label .progress-bar .label:after {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-top-color: #438eff;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.progress-step-arrow {
    height: 3.25rem
}*/

.progress-step-arrow .progress-bar {
    position: relative;
    overflow: initial;
    font-size: .875rem;
    color: #fff
}

    .progress-step-arrow .progress-bar:after {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        bottom: 15px;
        right: -20px;
        z-index: 1
    }

.progress-primary .progress-bar {
    background-color: #438eff
}

    .progress-primary .progress-bar:after {
        border-left-color: #438eff
    }

.p-progress-def .progress-bar {
    overflow: visible !important;
}

/*css for custom progress ends here*/

/*animated dropdown starts here*/
.p-ani-btn-wrpr {
    position: relative;
    display: inline-block;
}

.p-ani-dropdown-open .p-ani-btn p {
    visibility: hidden;
    opacity: 0;
}

.p-ani-btn.p-add-btn {
    display: inline-flex;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    gap: 0.6rem;
    background-color: var(--secondary-color);
    padding-right: 0.75rem;
    padding-left: 0.95rem;
    font-weight: 500;
    user-select: none;
}

    .p-ani-btn.p-add-btn:hover {
        background-color: var(--p-btn-hover);
    }

.p-ani-dropdown a .p-icon,
.p-ani-dropdown button .p-icon {
    stroke: var(--primary-color);
    flex: 0 0 auto;
    min-width: 1.2rem;
}

.p-ani-icon-ac, .p-ani-icon-ac svg {
    transition: transform 0.3s ease;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff;
    border-radius: 50%;
}

    .p-ani-icon-ac.open {
        /*transform: rotate(45deg);*/
    }

.p-ani-btn label {
    display: inline;
    cursor: pointer;
    margin: 0;
}

.p-ani-dropdown {
    position: absolute;
    top: calc(100% + 3px);
    color: var(--primary-color);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    display: block;
    min-width: 12.2rem;
    transform: scale(0.01);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
    transform-origin: center top;
    overflow: hidden;
    z-index: 850;
    text-align: left;
    font-size: var(--base-font-size-xs);
}

.p-ani-dropdown a.disabled, .p-ani-dropdown button.disabled {
    opacity: 0.45;
    pointer-events: none;
    cursor: default !important;
}

.p-ani-dropdown:has(svg[data-toggle="tooltip"]) a.disabled,
.p-ani-dropdown:has(svg[data-toggle="tooltip"]) button.disabled {
    pointer-events: inherit !important;
}

.p-ani-dropdown:has(svg[data-toggle="tooltip"]) a:hover,
.p-ani-dropdown:has(svg[data-toggle="tooltip"]) button:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.p-ani-dropdown:has(svg[data-toggle="tooltip"]) a:hover .p-icon {
    stroke: var(--primary-color) !important;
}

.p-ani-btn-right .p-ani-dropdown {
    right: 0;
    transform-origin: right top;
}

.p-ani-dropdown.open {
    transform: scale(1);
    opacity: 1;
}

.p-ani-dropdown a,
.p-ani-dropdown button:not(.p-btn-sec):not(.p-link-wicon) {
    position: relative;
    text-decoration: none;
    display: block;
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
    overflow: hidden;
    padding: 0.45rem;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    background-color: transparent;
    width: 100%;
    text-decoration: none !important;
    color: var(--primary-color);
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

    .p-ani-dropdown a:hover,
    .p-ani-dropdown button:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        border-radius: calc(var(--bs-border-radius) * 0.7);
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

.p-ani-sec-btn .p-ani-btn.p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-ani-icon-ac {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ani-btn-wrpr .ani-btn-lg .p-ani-icon-ac svg {
    width: 0.92rem;
    height: 0.92rem;
}

.p-ani-sec-btn .p-ani-icon-ac svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: var(--theme-primary-color);
    padding: 0.05rem;
}

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-dot {
        width: 1.05rem;
        height: 1.05rem;
    }

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-plus {
        width: 1.35rem;
        height: 1.35rem;
    }

/*.p-ani-sec-btn .mp-icon-plus,
.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-dot {
    opacity: 0;
    visibility: hidden;
}*/

.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-plus {
    opacity: 1;
    visibility: visible;
}

.p-ani-sec-btn .p-ani-icon-ac {
    background-color: transparent;
}

.p-ai-icon-dd {
    stroke: none;
    fill: #b6d9ff;
}

.p-text-nowrap {
    white-space: nowrap;
}
/*css for dots dropdown*/
/* Styles for the dropdown container */
.p-dd-wp-wrapper {
    position: relative;
    display: inline-block;
}

.p-dd-wp-btn-hover {
    border: none;
    display: flex;
    align-items: center;
    border-radius: calc(var(--bs-border-radius) * 11.6);
    padding: 0.4rem;
    padding-right: 0.85rem;
    min-width: 6.8rem;
    justify-content: center;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-btn-hover {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xl);
    color: var(--primary-color);
    font-weight: 600;
    justify-content: space-between;
    padding-right: 1.3rem;
}

.phc-hm-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    cursor: pointer;
    padding: var(--box-padding);
}

.phc-tab-slides-content {
    padding: var(--box-padding);
}

.phc-hm-item:hover .icon-box-sm,
.phc-hm-item-active .icon-box-sm {
    background-color: var(--chat-dark-bg-2);
}

.icon-box-sm {
    width: 3.75rem;
    height: 3.75rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    display: flex;
    align-items: center;
    border-radius: calc(var(--bs-border-radius) * 0.95);
    justify-content: center;
    flex-shrink: 0;
}

.phc-hm-item svg {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    fill: var(--primary-color);
    margin-top: 0;
}

.hc-icon-help svg {
    width: 2rem;
    height: 2rem;
}

.phc-hm-item .label-primary {
    margin-bottom: 0.15rem;
}

.p-icon-blue.p-icon {
    stroke: var(--primary-color);
}

.p-emma-ai.p-help-center {
    width: 6.3rem;
}

.p-help-center .p-icon-blue.p-icon {
    top: 0.05rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon:hover {
    background-color: transparent;
}

.p-dd-wp-wrap-hover-ws .pgab-icons {
    padding: 0.45rem 0.75rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon {
    stroke: #fff;
    fill: none;
}

/* Styles for the dropdown content */
.p-dd-wp-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    backdrop-filter: blur(20px);
}

    /* Styles for the active dropdown content */
    .p-dd-wp-content.active {
        display: block;
        opacity: 1;
        animation: none; /* Disable the CSS animation */
    }

button.p-dd-wp-btn {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.p-dd-wp-dot-icon,
.p-acco-action-btn .p-dd-wp-dot-icon {
    background-color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    stroke: none;
    border-radius: 50%;
    padding: 0.375rem;
    /* background-color: var(--light-new-blue); */
    fill: var(--theme-primary-color);
    transition: all .3s;
}

    .p-dd-wp-dot-icon:hover,
    .p-acco-action-btn .p-dd-wp-dot-icon:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
        fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.icon-more-rect {
    fill: var(--light-new-blue);
    width: 1.82rem;
    height: 1.82rem;
}

.p-dd-wp-dot-icon:hover .icon-more-rect {
    fill: var(--light-blue-dark);
}

.p-dd-wp-dot-icon:hover .icon-more-dot {
    fill: var(--light-new-blue);
}

.icon-more-dot {
    fill: var(--light-blue-dark);
}

html[color-mode="dark"] .icon-more-rect {
    fill: #010811;
}

.p-dd-wp-content .p-grid-action-btns a,
.pgab-icons {
    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;
    padding-left: 0.8rem;
}

.p-dd-wp-content .p-grid-action-btns .pgab-icons span {
    line-height: 1.4;
    vertical-align: middle;
}

.p-grid-action-btns .pgab-icons[disabled],
a.pgab-icons[disabled],
.pgab-icons.disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.p-dd-wp-content .p-grid-action-btns {
    flex-direction: column;
    gap: 0rem;
    align-items: flex-start;
}

.p-grid-info-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.3rem;
    --icon-v1: 0.926rem !important;
}

.p-rid-info-mw > .pdf {
    position: relative;
    width: 100%;
}
/*.p-dd-wp-content .p-grid-action-btns a:hover,
.pgab-icons:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.5);
}*/
.p-dd-wp-content .p-grid-action-btns svg {
    stroke: var(--primary-color);
    flex: 0 0 auto;
}

.bor-rad-xs {
    border-radius: 0.7rem !important;
}

.p-dd-wp-content .p-grid-action-btns a > * {
    flex: 0 0 auto;
}

.p-dd-wp-btn.p-dd-wp-btn-small {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    padding: 0.75rem;
}

    .p-dd-wp-btn.p-dd-wp-btn-small:hover {
        background-color: transparent;
    }

.p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    padding: 0.13rem;
    width: 1.28rem;
    height: 1.28rem;
    fill: var(--grey-bg-7);
}

.more-option-selected {
    transition: transform 0.1s ease-in-out;
}

    .more-option-selected .p-ani-btn {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
        color: #fff !important;
        animation: zoomBtn 1.5s; /* Adjust the animation duration as needed */
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    }

.p-db-post-lists-mw {
    padding: 0.72rem;
}

    .p-db-post-lists-mw .p-ncb-ic label.label-primary {
        margin-top: 0.15rem;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.6rem;
    }

    .p-db-post-lists-mw p {
        color: var(--primary-color);
    }

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

    33% {
        transform: scale(1.125);
    }

    66% {
        transform: scale(0.9);
    }

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

.more-option-selected .p-ani-btn .p-ani-icon-ac svg {
    fill: #fff !important;
}
/*animated dropdown ends here*/
/*css for table skeleton loader starts here*/
.table-skeleton-loader .dx-datagrid-rowsview .dx-datagrid-table,
.table-skeleton-loader table {
    border-spacing: 1.2rem !important;
    border-collapse: separate !important;
}

.p-datagird-loader {
    display: none;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td,
.table-skeleton-loader tr td {
    padding: 0.55rem 0.25rem;
    font-size: 0;
    border-radius: calc(var(--bs-border-radius) * 0.4) !important;
    border: none
}

.table-skeleton-loader::before {
    content: '';
    width: 100%;
    height: 3rem !important;
    display: inline-block;
    background-color: var(--bg-default);
    position: relative;
    border-radius: 0 !important;
    margin-top: 0.5rem;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td button.p-dd-wp-btn,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td .custom-item, .table-skeleton-loader .dx-datagrid .dx-row > td img,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .circle-tag,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .p-progress-def {
    display: none;
}

/*css for table skeleton loader ends here*/
/*css for profile menu dropdown slide effect sh*/
.p-pm-dropdown {
    position: relative;
}
/*css for profile menu dropdown slide effect eh*/

/*css for color picker sh*/
.p-cp-mw {
    min-width: 7rem;
}

.p-sc-w {
    display: flex;
    align-items: center;
    padding: .375rem 0.7rem;
    padding-right: 2.1rem;
    overflow: visible;
}

.p-sc, .p-cp-colors {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-color: var(--link-color);
    border-radius: 50%;
}

.p-cp-mw .dropdown-menu {
    padding: 0;
}

.p-cp-dd-mw {
    padding: calc(var(--box-padding) * 0.5);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 0.85rem;
    justify-items: center;
}

.p-cp-colors {
    cursor: pointer;
    transition: all 0.1s linear;
}

    .p-cp-colors:hover {
        transform: scale(1.2);
    }

.p-cp-selected {
    position: relative;
}

    .p-cp-selected::after {
        content: '';
        transform: translate(-50%, -50%) rotate(-45deg);
        border: solid #fff;
        position: absolute;
        border-width: 0 0px 2px 2px !important;
        height: 5px;
        width: 10px;
        margin: 11px 0 0 12px;
    }
/*css for color picker eh*/

/*loader for accordian loader sh*/
.loading-skeleton .p-acc-wc-loader {
    min-height: 55px;
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: calc(var(--border-radius-default) * 0.75);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: var(--card-btn-light-bg);
    border: 1px solid var(--btn-light-bg);
}

.loading-skeleton .p-acc-wc-loader {
    flex: 1;
}

    .loading-skeleton .p-acc-wc-loader:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-nds-mh {
    min-height: 15rem;
    position: relative;
}

.loading-skeleton .p-acco-btn-wrapper h6 {
    height: 15px;
    min-width: 90px;
    margin-bottom: 0;
}

.loading-skeleton .p-btn-small .p-dd-wp-dot-icon {
    min-height: 100%;
}

.loading-skeleton .lt-days p {
    min-width: 30px;
}

.lt-list-date small {
    min-width: 120px;
}

.lt-list-date .lt-days small {
    color: var(--on-primary-color);
}
/*loader for accordian loader eh*/
/*.modal-blur .modal-content {
    -webkit-filter: blur(1px);
    filter: blur(3px);
    opacity: 0.4;
}*/

.p-wdhrs {
    display: flex;
    align-items: center;
}

    .p-wdhrs label.control-label {
        font-weight: 400;
        font-size: 75%;
    }

    .p-wdhrs input.form-control {
        border-radius: 0;
    }

    .p-wdhrs .pw-dh:first-child input[type="number"] {
        border-top-left-radius: var(--bs-border-radius);
        border-bottom-left-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh input[type="number"] {
        border-right: 0;
    }

    .p-wdhrs .pw-dh.pw-dh-lc input[type="number"] {
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh-lc input[type="number"] {
        border-right: 1px solid var(--input-border-1);
    }

.p-wdhrs-note {
    margin-left: 1.15rem;
    display: inline-block;
    min-width: 90px;
    margin-top: 1.3rem;
    line-height: 1.2;
}

#workingPatternsModel .p-wdhrs {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: start;
    justify-content: stretch;
    column-gap: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    /* Clip horizontal spill without turning each week into a vertical scroll container. */
    overflow-x: clip;
    overflow-y: visible;
}

#workingPatternsModel .p-wdhrs > .pw-dh {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: auto;
    min-width: 0;
    max-width: 100%;
}

#workingPatternsModel .p-wdhrs > .pw-dh > label.control-label {
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: .15rem;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

#workingPatternsModel .p-wdhrs > .pw-dh input[type="number"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding-left: .35rem;
    padding-right: .35rem;
    text-align: center;
    -moz-appearance: textfield;
}

/* The spinner reflows the value in a ~90px cell, so the hours would slide off the day axis on hover. */
#workingPatternsModel .p-wdhrs > .pw-dh input[type="number"]::-webkit-outer-spin-button,
#workingPatternsModel .p-wdhrs > .pw-dh input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

#workingPatternsModel .p-wdhrs > .p-wdhrs-note {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-top: .75rem;
    display: block;
}

/* Flex centring, not text-align: an overflowing inline box is not centred, it spills right. */
#workingPatternsModel .p-wfh-option {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    height: 22px;
    margin-top: .45rem;
}

#workingPatternsModel .p-wfh-label {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
    color: var(--primary-color);
    cursor: pointer;
    font-size: 75%;
    font-weight: 500;
}

#workingPatternsModel .p-wfh-label .js-wfh-checkbox {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--primary-color);
}

#workingPatternsModel .p-wfh-label .js-wfh-checkbox:disabled + span {
    opacity: .45;
}

#workingPatternsModel.is-view-mode .p-wfh-label {
    cursor: default;
}

#workingPatternsModel .p-wfh-week-note {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
    color: var(--text-color);
    font-size: 75%;
}

#workingPatternsModel .p-wfh-week-note .js-wfh-summary {
    color: var(--primary-color);
    white-space: nowrap;
}

#customPatternDiv .p-wdhrs {
    align-items: flex-start;
    flex-wrap: wrap;
}

#customPatternDiv .p-wfh-option {
    min-height: 22px;
    margin-top: .45rem;
}

#customPatternDiv .p-wfh-label {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0;
    color: var(--primary-color);
    cursor: pointer;
    font-size: 75%;
    font-weight: 500;
}

#customPatternDiv .p-wfh-label .custom-wfh-checkbox {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--primary-color);
}

#customPatternDiv .p-wfh-label .custom-wfh-checkbox:disabled + span {
    opacity: .45;
}

#customPatternDiv .p-wfh-week-note {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
    color: var(--text-color);
    font-size: 75%;
}

#customPatternDiv .p-wfh-week-note .custom-wfh-summary {
    color: var(--primary-color);
    white-space: nowrap;
}

.tkl-ws {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 3.8rem;
    background-color: transparent;
    margin-left: calc(var(--box-padding) * -0.9);
    width: calc(100% + calc(var(--box-padding) * 1.8));
}

.tkl-ws-pos-ini {
    position: initial;
    top: 0;
}

.pos-t-0 {
    top: 0;
}

.my-goals-content .tkl-ws-pos-ini {
    position: relative;
}

.tkl-ws-pos-t-0 {
    top: 0;
    margin: 0 auto;
    width: 100%;
}

.pso-form-details .tkl-ws-pos-ini {
    margin-left: -0.7rem;
    width: calc(100% + 0.7rem);
}

.dx-master-detail-row .tkl-ws {
    border-radius: var(--bs-border-radius);
    padding-top: 1rem;
}

.goals-loader {
    top: 8rem;
}

.p-m-sc-w {
    min-height: 100vh;
}

section#screen {
    margin: 0;
    height: 100%;
    padding: 0;
    visibility: visible;
}

/*#screen .streams .tc-list li {
    z-index: 1001;
    bottom: 0px;
    border: 0;
}*/

.p-vc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.p-si {
    height: 100vh;
    z-index: 800 !important;
}

    .p-si .user-name-modal {
        height: initial;
    }

.p-vca-btn {
    border: none;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #3C4043;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

span.p-vca-msg-indi-dot {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    position: absolute;
    background: #ea4335;
    border-radius: 50%;
    top: 0.45em;
    right: 0.45em;
}

.p-vca-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    display: inline-block;
    stroke: #ffffff;
    border: none;
    margin: 0;
}

.p-vca-btn-ec.p-vca-btn svg {
    stroke: none;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1;
}

.p-vca-btn-adus svg {
    width: 1rem;
    height: 1rem;
}

.p-vca-btn-ec {
    background-color: #EA4335;
}

.p-vca-btn-sr svg {
    stroke: none;
    fill: #ffffff;
    width: 1.08rem;
    height: 1.08rem;
}

.p-sd-dropdown {
    position: relative;
    display: inline-block;
}

.p-sd-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 260px;
    padding: calc(var(--box-padding)* 0.5);
    z-index: 1;
    bottom: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--bs-border-radius);
}

.p-vca-btn-setting .p-sd-dropdown-content {
    min-width: 340px;
}

.p-sd-dropdown-content::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.p-sd-show {
    display: block;
}

.p-sd-dc-inner.p-sc-int-vid-cont {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
    padding: 0.7rem 0.3rem;
}

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.5rem;
    }

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.3rem;
        line-height: 1.25;
        font-size: var(--base-font-size-xxs);
    }

.p-sd-dd-end-call ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .p-sd-dd-end-call ul li {
        white-space: nowrap;
        padding: 0.5rem calc(var(--box-padding)* 0.75);
        cursor: pointer;
        color: var(--primary-color);
        border-radius: var(--bs-border-radius);
    }

        .p-sd-dd-end-call ul li:not(:last-child) {
            border-bottom: 1px solid var(--primary-border-color);
        }

.p-sd-dd-end-call .p-sd-dropdown-content {
    min-width: initial;
    padding: 0 0;
}

.p-sd-dd-end-call ul li:hover {
    background-color: var(--sec-light-color5);
    color: var(--primary-color);
}

.p-vca-btn-yovid, .p-vca-btn-mute, .p-ts-vids-ov-acts.act-sc-int-btns {
    background-color: #fff;
}

    .p-vca-btn-yovid[disabled], .p-vca-btn-mute[disabled] {
        background-color: #3C4043;
    }

    .p-vca-btn-yovid svg, .p-vca-btn-mute svg,
    .p-ts-vids-ov-acts.act-sc-int-btns svg {
        stroke: #242629;
    }

    .p-vca-btn-yovid.activated, .p-vca-btn-mute.activated {
        background-color: #3C4043;
    }

        .p-vca-btn-yovid.activated svg,
        .p-vca-btn-yovid[disabled] svg,
        .p-vca-btn-mute.activated svg,
        .p-vca-btn-mute[disabled] svg {
            stroke: #ffffff;
        }

.p-vc.callcontrols button[disabled],
.p-vc.callcontrols button.disabled {
    opacity: 0.3;
}

.p-acc-jcbtn {
    justify-content: space-between;
}

.p-ci-int-ul li {
    margin-bottom: 0.75rem;
}

span.rejectedCandidate,
.status-terminated .btn-status {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc) !important;
    border: 1px solid #ffdbdc;
}

svg.rejectedCandidate,
.status-terminated .iconly--icon {
    stroke: #DE3B40;
}

.status-new-joiner .btn-status {
    background-color: #faface;
    color: #957c00 !important;
    border: 1px solid #eaeab3;
}

.status-new-joiner .iconly--icon {
    stroke: #957c00;
}

span.pendingCandidate {
    background-color: #ffede8;
    color: #ab4322;
    border: 1px solid #ffbda8;
}

svg.pendingCandidate {
    stroke: #ab4322;
}

span.newCandidate {
    background-color: #e3f1ff;
    color: #007FFF;
    border: 1px solid #d9e9f8;
}

svg.newCandidate {
    stroke: var(--on-primary-color);
}

.iconly--icon.icon-status-def {
    width: 1.1rem;
    height: 1.1rem;
}
/*accepted*/
span.acceptedCandidate {
    background-color: #e5f8e5;
    color: #408940;
    border: 1px solid #c3eec3;
}

svg.acceptedCandidate {
    stroke: #408940;
}

span.onboardingCandidate {
    background-color: #ddf2dd;
    color: #006400;
    border: 1px solid #ddf2dd;
}

svg.onboardingCandidate {
    stroke: var(--on-primary-color);
}

span.signedCandidate {
    background-color: #fffae0;
    color: #a9900b;
    border: 1px solid #eee092;
}

svg.signedCandidate {
    stroke: #a9900b;
}

span.completedCandidate {
    background-color: rgb(13 110 253 / 17%);
    color: #0d6efd;
    border: rgb(13 110 253 / 51%);
}

svg.completedCandidate {
    stroke: #0d6efd;
}

span.sentCandidate,
span.scheduledCandidate,
span.interviewedCandidate {
    background-color: #eae9ff;
    color: #4b47a7;
    border: 1px solid #d8d6ff;
}

svg.sentCandidate,
svg.scheduledCandidate,
svg.interviewedCandidate {
    stroke: var(--on-primary-color);
}

/*green*/
span.hired,
.status-employed .btn-status {
    background-color: #EEFBF4;
    color: #17663A;
    border: 1px solid #B2EECC;
}

svg.hired,
.status-employed .iconly--icon {
    stroke: var(--complete-tc);
}

.status-none .btn-status {
    background-color: #f9faff;
    color: #64688a !important;
    border: 1px solid #e9eaf3;
}

.status-none .iconly--icon {
    stroke: #64688a;
}

.status-garden-leave span.btn-status {
    background-color: #e8eaf3;
    color: #64688a !important;
    border: 1px solid #e8eaf3;
}

.status-garden-leave .iconly--icon {
    stroke: #64688a;
}

span.deletedCandidate {
    background-color: #fff8da;
    color: #bf8f00;
    border: 1px solid #f4e398;
}

svg.deletedCandidate {
    stroke: #747474;
}

.p-tag-sm,
.p-tag-sm1 {
    background-color: var(--btn-light-bg);
    padding: 0.12rem 0.55rem;
    border-radius: calc(var(--border-radius-default) * 0.6);
    font-size: var(--base-font-size-xxs);
    color: var(--theme-primary-color);
    line-height: 1.45;
    border: 1px solid var(--input-border-1);
    font-weight: 500;
}

    .p-tag-sm.p-tag-xs {
        padding: 0.15rem 0.55rem;
        font-size: calc(var(--base-font-size-xs) * 0.925);
        min-width: 4rem;
    }

.p-tag-theme-pri {
    background-color: var(--theme-border-layout);
    color: var(--theme-primary-color);
}

.btn-status,
.p-tag {
    border-radius: calc(var(--border-radius-default) * 0.4) !important;
    position: relative;
    min-width: 6.2rem;
    text-shadow: none;
    text-transform: capitalize;
    display: inline-block;
    padding: 0.3rem 0.55rem;
    font-size: calc(var(--base-font-size-xs) * 0.925);
    text-align: center;
    font-weight: 500;
}


.p-tag-new {
    padding: 0.15rem 0.5rem;
    font-size: var(--base-font-size-xxs);
    white-space: nowrap;
    font-weight: 500;
    background: var(--sec-light-color7);
    border-radius: 0.35rem;
    color: var(--primary-color);
}

.statusProgress,
.status-yellow,
.p-tag-yellow,
.myTasksIncomplete,
.mTimeOffPending,
.trustLinePending,
.late-tag,
.myProgressInProgress,
.oneNoneDraft {
    background-color: #fff6d9;
    color: var(--yellow-color);
    border: 1px solid #cba940 !important;
}

.p-tag-light-grey {
    background-color: #f1f1f1;
    color: #3b3b3b;
}

.trustLineOpen,
.mTimeOffCompleted,
.statusCompleted,
.status-green,
.myTasksCompleted,
.oneNoneCompleted,
.mTimeOffApproved,
.p-tag-green,
.myProgressCompleted,
.regularize-tag {
    background-color: #b0f8ca6e;
    border: 1px solid var(--green-color);
    color: var(--green-color);
}

.mTimeOffCancelled,
.trustLineClosed,
.mTimeOffRejected,
.statusCancelled,
.status-red,
.myTasksOverdue,
.p-tag-red,
.oneNoneCancelled,
.missing-tag {
    background-color: #ffe6e7;
    color: var(--overdue-tc);
    border: 1px solid var(--overdue-tc);
}

.oneNoneScheduled,
.statusToStart,
.p-tag-blue,
.woff-tag,
.p-at-blue {
    background-color: #e6f0ff;
    color: #3b75d0;
    border: 1px solid #3b75d0 !important;
}

.p-tag-grey,
.myProgressNotStarted {
    background-color: #ededed;
    color: #424b53;
    border: 1px solid #a4a4a4;
}

.p-light-blue {
    border: 1px solid var(--input-border-1);
    color: var(--theme-primary-color );
    background-color: var(--btn-light-bg);
}

.p-tag-dark-grey {
    background-color: #666666; /* Dark grey */
    color: white;
}

.p-tag-medium-grey {
    background-color: #999999; /* Medium grey */
    color: white;
}

.p-light-yellow {
    border-color: #fff4ca;
    color: #7c6200;
    background-color: #fff4ca;
}

.p-light-salmon {
    border-color: #ffd7da;
    color: #b04f57;
    background-color: #ffd7da;
}

.p-light-tealgreen {
    border-color: #aefced;
    color: #006654;
    background-color: #aefced;
}

.p-light-blue-new {
    border-color: #d4ecff;
    color: #295b84;
    background-color: #d4ecff;
}

/*css for analysis page*/
.p-hlo {
    left: 0;
    top: 0;
    padding: calc(var(--default-gap) * 0.3) 0.6rem;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--primary-border-color);
    height: 60px;
}

.p-hi {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-block;
    border-radius: 0.65rem;
    overflow: hidden;
}

.p-tl-box.p-tl-box-modi-sceen {
    align-items: flex-start;
    padding: calc(var(--box-padding)* 1.8);
    min-height: inherit;
    gap: 1.95rem;
}

.p-tl-box-modi-sceen .hc-default-btn {
    width: 100%;
    --p-btn-min-height: 2.9rem;
}

.p-sc-st-cont .text-primary-color {
    font-size: var(--base-font-size-xl);
}

.p-tl-box-modi-sceen hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-st-cont {
    align-self: flex-start;
    width: 100%
}

.p-sc-details-2x {
    display: flex;
    flex: 1;
    gap: 0.5rem;
}

    .p-sc-details-2x label {
        flex: 0 0 6em;
    }

.p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.p-cc {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1600;
}

.p-cc-sq {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

.p-cci {
    height: 100%;
    display: flex;
    align-items: center;
}

.p-cci-main {
    height: 100%;
    flex: 1;
    padding: var(--box-padding);
}

.p-sc-st-cont .p-grey-bg-box {
    min-height: 11em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.p-sc-emoji-scale {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
    flex: 1;
}

.p-sc-sc-foot {
    display: grid;
    align-items: center;
    align-self: center;
    width: 100%;
}

.p-sc-box-w-top-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 1rem;
    height: 100%;
    padding-bottom: 1rem;
}

.p-sc-emoji-scale span {
    font-size: 2.1rem;
    line-height: 1.3;
}

.p-sc-ques-mw {
    padding: 1rem 2.3rem;
    max-width: 1468px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.record-action-btns button.p-btn-small {
    min-width: 7.9rem;
}

.p-sc-que-steps-mw {
    flex: 1;
}

    .p-sc-que-steps-mw .ph-card {
        height: 100%;
    }

.p-sc-que-head {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1.25rem;
    margin-bottom: 1.6rem;
}

p-sc-que-head-rc .p-progress-def strong {
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.p-sc-que-head-rc .p-progress-def p {
    font-size: var(--base-font-size-xxs);
    font-weight: 400;
    margin-top: 0.35rem;
}

label.p-sc-es-wl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sc-que-ans-vid .sc-que-name-count {
    margin-bottom: 1rem;
    position: absolute;
    z-index: 9;
    padding: 1.1rem;
    width: 100%;
    left: 0;
    background: linear-gradient(180deg, black, transparent);
}

    .sc-que-ans-vid .sc-que-name-count label,
    .sc-que-ans-vid .sc-que-name-count h3 {
        color: #fff;
    }

.record-action-btns-vid {
    position: absolute;
    bottom: 3.65rem;
    /*    width: 100%;*/
    padding: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
}

.sc-que-ans-vid-blurr::before {
    filter: blur(18px);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
}

.record-action-btns-vid .hc-default-btn[disabled] {
    display: none;
}

.p-sc-que-steps-mw .ph-card {
    display: flex;
    flex-direction: column;
}

.sc-que-ans-vid {
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
}

.p-sq-video-mc {
    width: 100%;
    height: 100%;
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-sq-video-mc video {
        object-fit: cover;
        width: 100%;
        height: calc(100vh - 21em);
        min-height: 600px;
    }

.p-sc-que-steps-mw .overlay {
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

.sc-que-ans-input {
    flex: 1;
    position: relative;
}

.record-screening-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--theme-primary-color);
    border: none;
    padding: 0.4rem 1rem;
    border-radius: var(--bs-border-radius);
    color: #fff;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    gap: 0.35rem;
    border: 1px solid var(--theme-primary-color);
}

    .record-screening-btn .p-icon {
        stroke: #fff;
    }

.sc-que-ans-input {
    flex: 1;
}

    .sc-que-ans-input textarea {
        height: 100%;
    }

.record-action-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .record-action-btns > * {
        flex: 1;
    }

    .record-action-btns .record-screening-btn,
    .p-sq-stop-pause-rec {
        flex: inherit;
    }

.video-preview {
    height: 425px;
    width: 100%;
    min-height: 100%;
    background-color: #444;
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .video-preview video {
        width: 100%;
        height: 100%;
    }

.p-sc-int-mw {
    max-width: 1107px;
    margin: 0 auto;
}

.p-sc-int-welcome {
    display: grid;
    grid-template-columns: 1fr 400px;
    margin: 0 auto;
    gap: 1rem;
}

.p-sc-int-wel-con .p-sc-details-2x label {
    flex: 0 0 auto;
}

.p-sc-int-wel-con .p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sc-int-wel-con .ph-card {
    height: 100%;
    padding: 1rem 1.3rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-sc-int-wel-con .p-sc-st-cont {
    width: 100%;
}

.p-sc-int-wel-con .p-add-btn-icon svg {
    stroke: #fff;
}

.p-sc-int-wel-con .p-sc-details-2x {
    gap: 0.3rem;
    align-items: center;
}

.pl-main-head {
    display: flex;
}

.pl-main-head-inner {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 2.7rem;
}

    .pl-main-head-inner h2 {
        font-size: 1.7rem;
    }

    .pl-main-head-inner p {
        font-size: 1.2rem;
        font-weight: 500;
    }

.p-dd-ic-si {
    width: 1rem;
    height: 1rem;
    stroke: var(--primary-color);
    margin-right: 0.2rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.4rem;
}

.p-sc-int-vid-cont-dd {
    position: relative;
}

.p-cus-dd-mw-wi {
    display: flex !important;
    align-items: center;
}

    .p-cus-dd-mw-wi .p-cus-dd-selected {
        flex: 1;
    }

.p-sc-int-wel-con hr, .modal-screeing-pre-ins hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-int-vid-cont {
    padding: calc(var(--box-padding) * 0.75);
    background: none;
    position: relative;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: calc(var(--box-padding)* 0.75);
}

    .p-sc-int-vid-cont .p-cus-dd-mw-wi {
        padding-right: 0;
        padding-left: 0.5rem;
    }

    .p-sc-int-vid-cont select {
        width: 100%;
        padding-right: 2.2rem;
        background-position: 95% center;
        cursor: pointer;
        padding-left: 1.6rem;
    }

.p-sc-int-wel-con .p-add-btn-icon {
    border-radius: 10em;
    min-width: 11.5em;
}

.p-ts-vid-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    gap: 1rem;
}

.p-ts-vid-voice {
    position: absolute;
    bottom: 1.5rem;
    left: 1.1rem;
}

    .p-ts-vid-voice svg {
        width: 2.2rem;
        height: 2.2rem;
    }

.p-fs-vw::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 190px;
    bottom: 0;
    background: linear-gradient(0deg, black, transparent);
    z-index: 1;
}

.p-ts-vid-voice,
.p-ts-vid-overlay {
    z-index: 2;
}

.p-ts-vids-ov-acts {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 27%);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

    .p-ts-vids-ov-acts svg {
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
        stroke: #fff;
    }

.p-fs-vw {
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-fs-jm {
    height: 100%;
    box-shadow: none;
    min-width: 230px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    max-width: 250px;
}

    .p-fs-jm label {
        font-weight: normal;
        font-size: var(--base-font-size);
        line-height: 1.4;
        text-align: left;
    }

.p-fs-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .p-fs-switch .custom-switch {
        margin-top: -0.2rem;
    }

        .p-fs-switch .custom-switch.custom-switch-sm .custom-control-label {
            padding-left: 0;
        }

    .p-fs-switch:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-fs-vw .OT_publisher:hover .OT_edge-bar-item.OT_mode-auto {
    display: none;
}

.pf-500 {
    font-weight: 500;
}

.pfw-300 {
    font-weight: 300 !important;
}

.profile-ph-card.ph-card {
    margin-bottom: var(--default-gap);
}

.p-dg-sqg .p-dg-cl-right {
    display: flex;
    flex-direction: column;
}

    .p-dg-sqg .p-dg-cl-right .ph-card {
        height: initial;
    }

.p-sq-stop-pause-rec {
    display: flex;
    gap: 1.2rem;
    background: var(--primary-color);
    align-items: center;
    justify-content: center;
    border-radius: 12em;
    padding: 0.55rem 1rem;
}

svg.p-sq-sr {
    stroke: none;
    width: 1.5rem;
    height: 1.5rem;
}

.p-sq-stop-pause-rec label {
    color: #fff;
    font-weight: 500;
    min-width: 2.75rem;
    text-align: center;
}

svg.p-sq-dr {
    stroke: #fff;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
}

.p-sq-stop-pause-rec svg {
    cursor: pointer;
}

svg.p-sq-sr, svg.p-sq-pr {
    stroke: none;
}

.p-sq-stop-pause-rec hr {
    width: 1px;
    height: 1rem;
    background: #fff;
    margin: 0;
    align-self: center;
    opacity: 0.2;
}

.p-sc-role-head label {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size-xs);
}

    .p-sc-role-head label span {
        color: var(--on-primary-color);
    }

.pfs-lg {
    font-size: var(--base-font-size-lg);
}

.pfs-xl {
    font-size: var(--base-font-size-xl) !important;
}


.pfs-xxl {
    font-size: var(--base-font-size-xxl);
}

.pfs-h5 {
    font-size: var(--base-font-size-h5);
}

.pfs-sm {
    font-size: var(--base-font-size-sm) !important;
}

.pfs-xs {
    font-size: var(--base-font-size-xs) !important;
}

.p-hlo .hp-meet {
    color: var(--primary-color);
    font-size: var(--base-font-size-h2);
}

.pg-rh-whf {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--box-padding) * 2);
    top: var(--box-padding);
    flex: 0 0 var(--default-sidebar-width);
    position: sticky;
    align-self: flex-start;
}

.pg-grid-whf {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-auto-rows: auto 1fr;
    gap: var(--default-gap);
    height: 100%;
    padding: var(--default-gap);
}

.pgg-one, .pgg-two {
    grid-column: 1 / 4;
}

.p-vc-def {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: var(--bs-border-radius);
}

    .p-vc-def video {
        width: 100%;
        overflow: hidden;
        transform: scale(1.03);
        height: auto;
        border-radius: var(--bs-border-radius);
        height: calc(100vh - 250px);
        object-fit: cover;
    }

.p-sa-head {
    font-size: var(--base-font-size-xl);
}

.pi-bac {
    position: absolute;
    bottom: 0.45rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1500;
}

.p-sa-vda, .p-vc {
    display: flex;
    justify-content: center;
}

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

.p-sa-nm {
    font-size: var(--base-font-size-xl);
}

.p-sa-vw {
    min-height: calc(100% - 36px);
    background-color: rgb(18 21 31 / 88%);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
}

.p-navs-sq button.nav-link {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    grid-row-gap: 0.25rem;
    color: var(--primary-color);
}

.p-dg-cl.p-dg-sqg {
    grid-template-columns: calc(var(--default-sidebar-width) * 1.4) 1fr;
}

.ph-card.profile-ph-card {
    padding: calc(var(--box-padding) * 0.5) calc(var(--box-padding) * 0.8);
}

.p-sq-pr label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-dg-sqg .p-dg-cl-right .psq-lw {
    flex: 1;
    height: 250px;
}

.p-ia-qa {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1.25rem;
}

.p-ia-qa-ta {
    flex: 1;
}

    .p-ia-qa-ta textarea {
        height: 100%;
    }

#screen .streams {
    height: calc(100%) !important;
    background-color: #3c4043;
    border-radius: var(--bs-border-radius);
    border: 1px solid #3c4043;
    position: relative;
    z-index: 1;
}

section#screen::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.00) 18.01%, rgba(32, 33, 36, 0.30) 100%);
    width: 100%;
    height: 177px;
}

.screen #screen .streams .tc-list li .user-info .name {
    font-size: calc(var(--base-font-size-sm)) !important;
    font-weight: 400;
    color: #fff;
    padding: 0.45rem 1.15rem !important;
    background-color: transparent;
    text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.3);
    max-width: initial !important;
    bottom: 1rem;
}

[data-desktop-status="sharing"] #screen-share.p-vca-btn svg {
    stroke: #242629;
}

.screen #screen .streams[data-current-layout-type="float"] .tc-list li[data-stream-type="publisher"] {
    width: 15rem !important;
    height: 10.1rem !important;
    border: 0;
    bottom: calc(var(--box-padding)* 0.5);
    top: inherit;
    right: calc(var(--box-padding)* 0.45);
    border-radius: var(--bs-border-radius);
    background-color: #202124;
}

.screen #screen .streams .tc-list li {
    border-radius: var(--bs-border-radius);
    border: 0px solid transparent;
}

.p-ve-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.p-ve-grid-tiles {
    min-height: 3.7rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles {
    max-height: 6.2rem;
    min-height: 6.2rem;
}

.p-ve-grid-tiles img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.p-ve-grid-tiles {
    cursor: pointer;
}

    .p-ve-grid-tiles small {
        color: var(--primary-color);
    }

.p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.08rem;
    height: 1.08rem;
}

.p-ve-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    fill: var(--primary-color)
}

.p-ve-grid-tiles {
    min-height: 4rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all .3s;
}

    .p-ve-grid-tiles:hover, .p-ve-grid-tiles-active {
        box-shadow: 0px 0px 8px var(--p-btn-bg);
        border: 2px solid var(--p-btn-bg) !important;
    }

.p-ve-grid-tiles-none, .p-ve-grid-tiles-blurr {
    background-color: var(--sec-light-color7);
    border: 2px solid var(--sec-light-color6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.15rem;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.act-sc-int-btns-fill svg {
    fill: #242629;
    stroke: none !important;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.58rem;
    height: 1.58rem;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles small {
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
}

.sidebar-apply-bg-effect .p-ve-icon {
    width: 20px;
    height: 20px;
}

@media(min-width: 2550px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.7) 1fr;
    }
}

@media(max-width: 1650px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.1) 1fr;
    }
}


.controls .audio-action.enabled [data-icon="audio"],
.controls .audio-action.enabled [data-icon="audio"]:hover,
.controls .audio-action.enabled [data-icon="audio"]:after {
    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/Voice%3C/title%3E%3Cg id='Iconly/Light/Voice' stroke='%23ffffff' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Voice' transform='translate(4.000000, 2.000000)' stroke='%23ffffff' stroke-width='1.5' %3E%3Cline x1='7.99979045' y1='20' x2='7.99979045' y2='16.8390306' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M7.99979045,12.8480829 L7.99979045,12.8480829 C5.75658438,12.8480829 3.937712,11.0218152 3.937712,8.76819031 L3.937712,4.08094524 C3.937712,1.82732033 5.75658438,-3.55271368e-15 7.99979045,-3.55271368e-15 C10.2440443,-3.55271368e-15 12.0618689,1.82732033 12.0618689,4.08094524 L12.0618689,8.76819031 C12.0618689,11.0218152 10.2440443,12.8480829 7.99979045,12.8480829 Z' id='Stroke-3'%3E%3C/path%3E%3Cpath d='M16,8.80061051 C16,13.2394411 12.4188331,16.8382937 7.99947613,16.8382937 C3.58116692,16.8382937 0,13.2394411 0,8.80061051' id='Stroke-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.controls .audio-action [data-icon="audio"] {
    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='M4.79199 10.9102V10.9286C4.79199 14.9107 8.01791 18.1454 11.9999 18.1541C13.7117 18.1541 15.2881 17.5508 16.523 16.5504' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97266 4.60371C9.63049 3.63934 10.7389 3 12.0001 3C14.0271 3 15.658 4.63972 15.658 6.65799V10.8843C15.658 11.0186 15.6493 11.1451 15.6396 11.2716' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.34183 8.36914V10.8827C8.33307 12.901 9.97279 14.5504 11.9998 14.5592C12.7209 14.5592 13.3875 14.3432 13.9548 13.9831' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2089 19.2343L4.79297 4.81836' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.002 21.0007V18.1523' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2093 10.9102C19.2093 12.0546 18.9475 13.1357 18.4707 14.0991' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action.enabled [data-icon="video"],
.controls .video-action.enabled [data-icon="desktop"],
.controls .video-action.enabled [data-icon="video"]:hover,
.controls .video-action.enabled [data-icon="desktop"]:hover,
.controls .video-action.enabled [data-icon="video"]:after {
    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.6403 4.75391H5.84984C3.48329 4.75391 2 6.42963 2 8.80051V15.1985C2 17.5694 3.47572 19.2451 5.84984 19.2451H12.6392C15.0133 19.2451 16.4912 17.5694 16.4912 15.1985V8.80051C16.4912 6.42963 15.0133 4.75391 12.6403 4.75391Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4844 9.99068L19.891 7.20249C20.4423 6.75058 21.2564 6.83167 21.7083 7.38304C21.8975 7.61439 22.0013 7.90413 22.0002 8.20252L21.9883 15.8038C21.9862 16.5174 21.4078 17.0947 20.6942 17.0925C20.3969 17.0925 20.1083 16.9887 19.878 16.7995L16.4844 14.0124' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action [data-icon="video"], .video-action [data-icon="desktop"] {
    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='M17.5752 10.0382L20.8238 7.37983C21.3492 6.94956 22.1254 7.02632 22.5556 7.55172C22.7362 7.77226 22.8356 8.04901 22.8346 8.33333L22.8227 15.5819C22.8216 16.2619 22.2692 16.8122 21.5892 16.8111C21.3048 16.81 21.0303 16.7116 20.8108 16.5311L18.1978 14.3895C17.8087 14.0706 17.5827 13.5938 17.5827 13.0911V8.90414C17.5827 6.77443 15.8562 5.04688 13.7255 5.04688H9.49414' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.98441 5.90234C4.19523 6.58342 3.76172 7.63855 3.76172 8.90124V15.0071C3.76172 17.2666 5.17144 18.8644 7.43088 18.8644H13.9119C14.9281 18.8644 15.7757 18.539 16.3973 17.9757' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6565 20.3682L2.83398 3.62891' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.screen #screen .controls .buttons {
    padding: 0.3rem !important;
}

    .screen #screen .controls .buttons div {
        display: none !important;
        padding: 2px 7px 0px 7px;
    }

.buttons [data-icon] {
    cursor: pointer;
}

.screen #screen .streams .tc-list li .user-info {
    bottom: 0.15rem;
    opacity: 1 !important;
    -ms-transform: translateY(100%);
    transform: none;
    transition: all 1s;
    text-align: left;
}

.tc-list li[data-stream-type="camera"] .controls {
    top: 1.05rem !important;
    right: 1.15rem;
    left: initial !important;
}

.pi-bac {
    width: 100%;
    padding: 0 2rem;
}

.pi-time label {
    color: #fff;
    font-size: calc(var(--base-font-size-sm)* 0.95);
    font-weight: 400;
}

.p-time-countdown {
}

    .p-time-countdown label {
        font-size: 1.1rem;
        min-width: 3.4em;
    }

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.5rem;
    border-radius: 5rem;
    transition: all .10s;
    margin-right: 1.6rem;
    z-index: 99999;
}

.pi-sa-btns button,
.pi-sa-btns button:hover,
.pi-sa-btns button:active {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

svg.p-icon[data-icon="message"] {
    width: 1.15rem;
    height: 1.15rem;
}

.pi-sa-btns .p-icon {
    stroke: var(--primary-color);
}

.pi-chat-msg {
    width: 1.15rem;
}

.p-ivcw {
    display: flex;
    padding: calc(var(--box-padding) * 0.5);
    background-color: #202124;
    height: 100vh;
    gap: calc(var(--box-padding) * 0.5);
}

.p-icsw {
    display: block !important;
    color: var(--on-primary-color);
    display: none;
    background-color: var(--card-bg-color);
    border: 1px solid var(--primary-border-color);
    height: calc(100% - 3.6rem);
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 310px;
    transition: all .3s !important;
    overflow: hidden;
}

    .p-icsw .p-chat-area .btn-sendchat {
        right: 0.5rem;
    }

    .p-icsw .p-chat-area {
        min-height: initial;
        background-color: var(--grey-bg-2);
    }

        .p-icsw .p-chat-area textarea {
            padding-right: 2.2rem;
            font-size: var(--base-font-size-xxs);
        }

.p-vc.callcontrols {
    border-radius: 47px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(60, 64, 67, 0.15);
    backdrop-filter: blur(14.550000190734863px);
    padding: 0.42rem 0.6rem;
}

#chat.js-show-chat-active,
#changeBackground.js-show-chat-active {
    margin-right: -321px;
}

#candidateOverview.js-show-chat-active {
    margin-right: -612px;
}

.screen {
    flex: 1;
    height: calc(100% - 3.6rem);
}

.p-intw-name {
    position: absolute;
    bottom: 1rem;
    left: 1.2rem;
    color: #fff;
    font-weight: 400;
    font-size: var(--base-font-size-sm);
    z-index: 2;
}

.p-ics-from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    gap: 0.3rem;
}

.p-icasw {
    flex: 1;
    width: 100%;
}

.p-chat-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: var(--chat-input-mh);
}

    .p-chat-area textarea,
    .vir-age-chat-box-inner.p-textarea-w-cta textarea {
        display: block;
        max-height: 180px;
        overflow: hidden;
        font-size: var(--base-font-size);
        border: 0;
        cursor: text;
        margin-right: 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        padding: 0.5rem 0.55rem 0.35rem;
        width: 100%;
        height: auto;
        font-family: var(--primary-font);
        border-radius: var(--bs-border-radius);
        border: 1px solid var(--input-border-1);
        min-height: 2.2rem !important;
        line-height: 1.2;
        margin: 0;
        color: var(--primary-color);
    }

.p-icsw-chat-mi {
    background-color: var(--grey-bg-2);
    color: var(--primary-color);
    width: 100%;
    font-size: calc(var(--base-font-size-xxs)* 0.85);
    padding: 0.55rem 0.45rem;
    text-align: center;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    margin-bottom: 0;
    margin-top: 1.5rem;
    line-height: 1.25;
}

.btn-sendchat {
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

.p-info-msg.p-info-msg-green-ic {
    font-size: var(--base-font-size-xs);
    gap: 0.55rem;
    line-height: 1.2;
    border-width: 1px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
}

    .p-info-msg.p-info-msg-green-ic svg, .p-info-msg.p-info-msg-green-ic p {
        display: inline;
        font-size: var(--base-font-size-xxs);
    }

    .p-info-msg.p-info-msg-green-ic .info-icon-dialog {
        --play-btn-width: 1rem;
        position: relative;
        top: -0.19rem;
    }

.p-icasw ul,
.p-chih,
.p-chat-area {
    padding: 1.3rem calc(var(--box-padding) * 0.5) !important;
}

.tc-list.p-icasw li {
    max-width: 100%;
    min-width: 130px;
    padding: 0.5rem;
    border-radius: 8px;
    background: var(--bg-default);
    position: relative;
    display: flex;
    color: var(--primary-color);
    border-bottom: none;
    margin-right: 1.5rem;
}

.p-ivcw .p-sb-gene-header,
.p-ivcw .p-sb-gene-body,
.p-ivcw .p-sb-gene-footer-up {
    padding: calc(var(--box-padding) * 0.75);
}

/*.p-icasw li:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--bg-default) transparent transparent;
}*/

.tc-list.p-icasw li {
    border-bottom-left-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 0;
    background: #D7E5FF;
    color: #14366F;
    margin-left: 1.5rem;
    margin-right: 0;
}

    .p-icasw li.yourself:after {
        width: 0;
        height: 0;
        content: "";
        top: 0px;
        right: -10px;
        left: initial;
        position: absolute;
        border-style: solid;
        border-width: 13px 13px 0 0;
        border-color: #D7E5FF transparent transparent transparent;
    }

.time {
    font-size: calc(var(--base-font-size-xxs) * 0.84);
}

.sender {
    font-size: calc(var(--base-font-size-xxs) * 0.96);
}

.tc-list.p-icasw li:not(:last-child) {
    margin-bottom: 0.6rem;
}

.p-icasw li p {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap: 5px;
    flex: 1;
    font-size: 0.7rem;
}

    .p-icasw li p p {
        margin-top: 0.15rem;
        margin-bottom: 0;
        grid-column: 1 / 3;
        word-break: break-word;
    }

.p-mw-12 {
    max-width: 12em;
}

.sender {
    grid-column: 1;
    grid-row: 1;
    font-weight: 500;
}

.time {
    grid-column: 2;
    justify-self: end;
}

.tc-list.p-icasw .event {
    background-color: transparent;
    border: none;
    font-size: 0.65rem;
    text-align: center;
    color: var(--on-primary-color);
    padding: 0;
    justify-content: center;
    margin: 0;
}

    .tc-list.p-icasw .event p {
        font-size: 0.6rem;
        flex: 1;
        justify-content: center;
    }

    .tc-list.p-icasw .event::after {
        display: none;
    }

.p-icasw.p-scroll-overlay {
    height: 100%;
    overflow-y: auto;
}

.p-chat-area textarea::placeholder {
    font-size: 0.7rem;
    color: var(--placeholder-color);
    position: relative;
    top: 1px;
}

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.8rem;
    border-radius: 5rem;
}

.feild-set-default .ph-5 {
    font-size: calc(var(--base-font-size-h5) * 0.93);
}

.subhead-grey {
    color: var(--on-primary-color);
}

.p-gc-row-cust {
    display: grid;
    grid-template-columns: auto auto auto repeat(9, 1fr);
    grid-template-rows: auto auto auto;
    grid-gap: 0 1.6rem;
}

.p-com-profile-wrap {
    grid-area: col-img-profile;
}

.p-cp-col1 {
    grid-area: col1;
}

.p-cp-col2 {
    grid-area: col2;
}

.p-cp-col3 {
    grid-area: col3;
}

.p-cp-col4 {
    grid-area: col4;
}

.p-cp-col5 {
    grid-area: col5;
}

.p-cp-col6 {
    grid-area: col6;
}

.p-cp-col7 {
    grid-area: col7;
}

.p-cp-col8 {
    grid-area: col8;
}

.p-cp-col9 {
    grid-area: col9;
}

.p-cp-col10 {
    grid-area: col10;
}

.p-gc-row-cust {
    grid-template-areas:
        "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
        "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
        "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
        "col-img-profile col-img-profile col-img-profile col10 col10 col10 . . . . . ."
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

@media (min-width: 1650px) {
    .p-gc-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*@media (max-width: 1650px) {
    .p-gc-row-cust {
        grid-template-areas:
            "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
            "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
            "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
    }
}*/

@media (max-width: 768px) {
    .p-gc-row-cust {
        grid-template-columns: 1fr; /* Stack columns on smaller screens */
        grid-template-areas:
            "col1"
            "col2"
            "col3"
            "col4"
            "col5"
            "col6";
    }
}


.p-al-exp-btn-rt .dx-datagrid-export-button .dx-button-content {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px !important;
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-active,
.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused {
    background-color: var(--bg-default);
    border-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-state-hover {
    background-color: var(--bg-default-pattern) !important;
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-toolbar-after .dx-toolbar-item {
    padding-left: 0;
}

.p-al-exp-btn-rt .dx-datagrid-export-button {
    float: right;
    position: absolute;
    right: 0;
    top: 3px;
}

    .p-al-exp-btn-rt .dx-datagrid-export-button i.dx-icon-export-excel-button {
        font-size: 1.22rem;
        width: initial;
        height: initial;
        color: var(--primary-color);
    }

.p-al-exp-btn-rt .dx-toolbar-items-container .dx-toolbar-after {
    position: initial;
}



.round-corners-defs {
    height: 0;
    width: 0;
    position: absolute;
}

/*.p-fb-emj-wrp {
    display: grid;
    grid-template-columns: 24.5em 1fr;
    align-items: center;
    gap: 0.75rem;
}*/

.session-feedback-rate .ratingDiv {
    text-align: left;
    margin-top: 0.15rem;
}

.ratingDiv .jq-ry-container {
    margin-bottom: 0.5rem;
}

/*.ph-fdbk-pl .p-fb-emj-wrp {
    grid-template-columns: 23em 1fr;
}*/

.emma-head {
    display: block;
    margin-bottom: 0.2rem;
}

.link-btn-wl {
    min-width: 101px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.p-ani-btn-wrpr {
    flex-shrink: 0;
}

.p-jobs-af {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    padding: calc(var(--box-padding) * 0.55);
    border-radius: var(--bs-border-radius);
    margin-bottom: 1.25rem;
}

    .p-jobs-af .p-ani-btn-wrpr .p-ani-btn {
        min-width: 164px;
    }

    .p-jobs-af small {
        line-height: 1.4;
        display: inline-block;
    }


@media(max-width: 576px) {
    .p-jobs-af {
        flex-direction: column;
    }
}
/*css for Kanban */

main.kanban-drag {
    flex-grow: 1;
    overflow: auto;
    margin-right: -0.25rem;
    padding-right: 0.05rem;
    max-height: 100%;
    height: 100%;
    padding-bottom: 0.5rem;
}

.kanban-container {
    width: 100% !important;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    overflow-x: auto;
}

.kanban-board {
    width: initial !important;
    flex-direction: column;
    display: flex;
    margin: 0 !important;
    width: 100% !important;
    max-width: 18em;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    position: relative;
    min-width: 18.5em;
    height: 100%;
    padding-bottom: 0.3rem;
}

.kanban-scroll-lf-rt {
    justify-content: end;
    position: absolute;
    right: 0;
    top: -3rem;
    gap: 1.2rem;
}

    .kanban-scroll-lf-rt .icon.ni {
        cursor: pointer;
        padding: 0.4em;
        border-radius: 50%;
        color: var(--on-primary-color);
    }

        .kanban-scroll-lf-rt .icon.ni:hover {
            background: var(--bg-default);
            color: var(--primary-color);
        }

#myKanban,
.kanban-card-he {
    max-width: 100%;
    height: calc(100% - 12.5em);
    overflow: hidden;
    overflow-x: auto;
}

.kanban-card-no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 20em);
    top: calc(50% - 6rem) !important;
}

.kanban-title-board {
    font-size: calc(var(--base-font-size-h5) * 0.9);
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.6rem;
    color: var(--primary-color);
}

.kanban-icon-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

    .kanban-icon-item .p-icon {
        stroke: var(--on-primary-color);
    }

.kanban-icons {
    display: flex;
    animation: initial;
    color: gainsboro;
    gap: 0.7rem;
    cursor: pointer;
}

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

.kanban-icons-score.kanban-icon-item {
    gap: 0.4rem;
}

.kanban-icons-score svg {
    fill: var(--on-primary-color);
    stroke: none !important;
}

.kanban-icons-chat .p-icon.p-icon-xs {
    width: 0.98rem;
    height: 0.98rem;
    position: relative;
    top: 1px;
}

.p-kb-tag svg.p-icon {
    cursor: pointer;
}

    .p-kb-tag svg.p-icon:hover {
        stroke: var(--p-icon-color);
    }

.kanban-icons-recording {
    display: none;
}

.kanban-badge {
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    min-width: 80px;
    font-size: var(--base-font-size-sm);
}

.kanban-body {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: calc(var(--box-padding)* 0.05) calc(var(--box-padding)* 0.5);
}

.p-kb-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.69rem;
    padding: 0.23rem 0.625rem 0.25rem;
    background-color: var(--p-grey-2);
    font-weight: 500;
    border-radius: var(--bs-border-radius);
}

span.p-kb-tag-more {
    font-size: 0.7rem;
    cursor: pointer;
    font-weight: 500;
}

    span.p-kb-tag-more:hover {
        text-decoration: underline;
    }

.kanban-badge-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.kanban-badge-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-tal-pro label.p-kb-tag {
    background-color: rgb(220 223 234);
    color: var(--primary-color);
}

.kanban-badge-yellow {
    background-color: #faface;
    color: #957c00;
}

header.kanban-board-header {
    margin-bottom: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    min-height: 48px;
}

.kanban-title .avatar {
    align-self: flex-start;
}

.kanban-item {
    margin-bottom: 0.8rem;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    color: var(--primary-color);
    position: relative;
    border: 1px solid var(--p--border-1);
    width: 100%;
}

.kanban-footer-add-cand {
    display: none;
}

.kanban-item .p-dd-wp-wrapper,
.p-kb-actions {
    right: 0.25rem;
    top: 0.35rem;
    position: absolute;
}

    .p-kb-actions .p-dd-wp-wrapper {
        position: initial;
    }

.kanban-item .p-dd-wp-wrapper,
.p-kb-actions,
.p-sp-section .p-dd-wp-wrapper {
    opacity: 0;
    visibility: hidden;
}

    .kanban-item:hover .p-dd-wp-wrapper,
    .p-kb-actions:hover .p-dd-wp-wrapper,
    .kanban-item:hover .p-kb-actions,
    .p-sp-section:hover .p-dd-wp-wrapper {
        opacity: 1;
        visibility: visible;
        z-index: 9;
    }

.p-sp-section .dx-datagrid .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: initial;
}

.p-kb-actions {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.35rem;
    z-index: 9;
}

    .kanban-item:hover .p-kb-actions, .p-kb-actions.p-kb-actions-active {
        background: linear-gradient(-90deg, #ffffff 51%, transparent);
        padding-left: 4.3rem;
        padding-bottom: 0.1rem;
    }

    .p-kb-actions.p-kb-actions-active {
        visibility: visible;
        opacity: 1;
    }

.kanban-title-name::after {
    content: "";
    width: 40px;
    right: -3px;
    background: linear-gradient(-90deg, #ffffff 3%, transparent);
    height: 100%;
    display: block;
    position: absolute;
}

.kanban-card {
    border: none;
    font-size: 1rem;
    /*z-index: 1;*/
}

.kanban-footer span.btn-status {
    padding: 0.2rem 0.5rem;
    min-width: 3rem;
    line-height: 1.4;
    min-width: 5.25rem;
}

.kanban-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 0.55rem;
}

    .kanban-header > .pdf {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.3rem;
        font-size: var(--base-font-size-xxs);
    }

    .kanban-header .pdf .p-icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.kanban-title {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: var(--base-font-size);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    width: 100%;
}


.kanban-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0rem;
    gap: 1.1rem;
    border-top: 0 solid var(--p--border-1);
}

    .kanban-footer .text-muted {
        font-size: 0.875rem;
        display: flex;
        align-items: center;
    }

    .kanban-footer .avatar {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        margin-left: 0.5rem;
    }

.card-count {
    background-color: var(--theme-secondary-color);
    border-radius: 0.7rem;
    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: 1px solid var(--input-border-1);
    color: var(--theme-primary-color);
}

.kanban-icons .kanban-icons-recording .p-icon-xs {
    width: 0.93rem;
    height: 0.93rem;
    margin-left: 0.15rem;
    margin-top: 0.12rem;
}

header.kanban-board-header {
    padding-bottom: 0.9rem;
    margin-bottom: 1.1rem;
    position: relative;
}

    header.kanban-board-header::after {
        content: '';
        bottom: 0;
        position: absolute;
        left: 0;
        height: 0.13rem;
        width: 100%;
        border-radius: 3rem;
        background-color: #F8CACD;
    }

.kanban-board[data-id="_kbCandidates"] .kanban-board-header::after {
    background-color: #62E3CA;
}

.kanban-board[data-id="_kbScreening"] .kanban-board-header::after {
    background-color: #81C3FA;
}

.kanban-board[data-id="_kbInterview1"] .kanban-board-header::after {
    background-color: #F4DF7A;
}

.kanban-board[data-id="_kbInterview3"] .kanban-board-header::after {
    background-color: #F4DF7A;
}

.kanban-board[data-id="_kbInterview4"] .kanban-board-header::after {
    background-color: #F4DF7A;
}

.kanban-board[data-id="_kbHiring"] .kanban-board-header::after {
    background-color: #a5da3f;
}

.kanban-board[data-id="_kbOffers"] .kanban-board-header::after {
    background-color: #9895D8;
}

.kanban-board[data-id="_kbContracts"] .kanban-board-header::after {
    background-color: #ffa985;
}

.kanban-board[data-id="_kbOnHold"] .kanban-board-header::after {
    background-color: #D33D44;
}

/*.kanban-board[data-id="_kbCandidates"] {
    background-color: #D4CEFF;
}*/
.kanban-board-header em.icon.ni-plus {
    cursor: pointer;
    color: var(--on-primary-color);
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-title-board,
.kanban-board[data-id="_kbCandidates"] .kanban-board-header em.icon.ni-plus {
    color: #4A32B2;
}

.kanban-board[data-id="_kbScreening"] { background-color: #CAE4FF;
}

.kanban-board[data-id="_kbScreening"] .kanban-title-board,
.kanban-board[data-id="_kbScreening"] .kanban-board-header em.icon.ni-plus {
    color: #004F9F;
}

.kanban-board[data-id="_kbInterview1"] {
    background-color: #fff2d3;
}

.kanban-board[data-id="_kbInterview1"] .kanban-title-board,
.kanban-board[data-id="_kbInterview1"] .kanban-board-header em.icon.ni-plus {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] {
    background-color: #CEFFDE;
}

.kanban-board[data-id="_kbHiring"] .kanban-title-board {
    color: #046c26;
}*/

.add-task-btn {
    background-color: transparent;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-weight: 500;
}

.kanban-board[data-id="_kbCandidates"] .add-task-btn {
    border: 0.14em dashed #4A32B2;
    color: #4A32B2;
}

    .kanban-board[data-id="_kbCandidates"] .add-task-btn .icon.ni {
        color: #4A32B2;
    }

.kanban-board[data-id="_kbScreening"] .add-task-btn {
    border: 0.14em dashed #004F9F;
    color: #004F9F;
}

    .kanban-board[data-id="_kbScreening"] .add-task-btn .icon.ni {
        color: #004F9F;
    }

.kanban-board[data-id="_kbInterview1"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

.kanban-board[data-id="_kbInterview3"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

.kanban-board[data-id="_kbInterview4"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

.kanban-board[data-id="_kbInterview1"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbInterview3"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbInterview4"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] .add-task-btn {
    border: 0.14em dashed #046c26;
    color: #046c26;
}

    .kanban-board[data-id="_kbHiring"] .add-task-btn .icon.ni {
        color: #046c26;
    }

.kanban-board[data-id="_kbOnHold"] .add-task-btn {
    border: 0.14em dashed #046c26;
    color: #046c26;
}

    .kanban-board[data-id="_kbOnHold"] .add-task-btn .icon.ni {
        color: #046c26;
    }

.kanban-title-name {
    display: grid;
    gap: 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    max-width: 163px;
    position: relative;
    width: 100%;
}

    .kanban-title-name > span {
        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;
        font-size: var(--base-font-size-sm);
    }

    .kanban-title-name .pdf {
        row-gap: 0.25rem;
        margin-left: -1px;
    }

    .kanban-title-name .pdf-gap-5xs {
        gap: 0.18rem;
    }

    .kanban-title-name .pdf.pdf-gap-xs {
        flex-direction: column;
        gap: 0.25rem;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .kanban-title-name .pdf span {
        font-size: calc(var(--base-font-size-xxs) * .925);
        font-weight: 400;
        color: var(--on-primary-color);
        line-height: 1.3;
        position: relative;
        top: 1px;
    }

.kanban-item .p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
}

.p-kb-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: grab;
}

.kanban-header {
    padding: calc(var(--box-padding)* 0.5);
    margin-top: 0rem;
}

    .kanban-header span.one-line-clamp {
        color: var(--p-icon-color);
        display: block !important;
    }

.kanban-footer {
    padding: calc(var(--box-padding) * 0.35) calc(var(--box-padding) * 0.5);
}

.kanban-item .p-dd-wp-dot-icon {
    fill: var(--on-primary-color);
    width: 1.55rem;
    height: 1.55rem;
}

.kanban-status-select {
    border-color: transparent;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    color: var(--on-primary-color);
    background-size: 10px;
    background-position: 99%;
    text-align: left;
    padding: 0rem 0.4rem;
    padding-right: 1.05rem;
    background-color: transparent;
    font-weight: 500;
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-status-select {
    color: var(--overdue-tc);
}

.kanban-board[data-id="_kbScreening"] .kanban-status-select {
    color: #957c00;
}

.kanban-board[data-id="_kbInterview1"] .kanban-status-select {
    color: var(--complete-tc);
}

.kanban-board[data-id="_kbHiring"] .kanban-status-select {
    color: var(--overdue-tc);
}*/


@media(max-width: 1700px) {
    .kanban-badge {
        font-size: calc(var(--base-font-size-xxs) * 0.88);
    }

    .kanban-title {
        gap: 0.55rem;
    }

    .kanban-board {
        max-width: initial;
    }
}


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

@media(max-width: 1500px) {
    .kanban-container {
        gap: 0.9rem;
    }

    .kanban-item {
        margin-bottom: 0.45rem;
    }
}

@media(max-width: 1455px) {
    #myKanban, .kanban-card-he {
        height: calc(100% - 11.5em);
    }
}

.p-sc-container {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 73vw;
}

.p-sc-content {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    flex: 1;
    gap: 20px; /* Adjust gap between items */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
}

    .p-sc-content::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome/Safari */
    }

    .p-sc-content p {
        white-space: nowrap; /* Prevent text from wrapping */
    }

.p-sc-arrow {
    display: none;
    cursor: pointer;
    font-size: 24px;
    padding: 2px;
    color: white;
    border-radius: 50%;
    user-select: none;
    position: absolute;
    z-index: 1;
    min-width: 41px;
    text-align: center;
}

    .p-sc-arrow::before,
    .p-sc-arrow::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        min-width: 50px;
    }

.js-sc-left-arrow::before {
    left: 0;
    background: linear-gradient(90deg, #ffffff 70%, transparent);
}

.js-sc-right-arrow::before {
    right: 0;
    background: linear-gradient(-90deg, #ffffff 70%, transparent);
}

.p-sc-arrow svg {
    z-index: 99;
    position: relative;
    top: -2px;
}

.js-sc-right-arrow {
    right: -11px;
}

.js-sc-left-arrow {
    left: -11px;
}

.js-sc-right-arrow svg {
    right: 0;
}

.js-sc-left-arrow svg {
    left: 0;
}


/*kanban ends here*/
.plumm-logo-icon {
    width: 200px;
    height: 200px;
    visibility: hidden; /* Initially hide the logo */
    z-index: 999;
}

.p-rect-iw {
    position: relative;
    cursor: pointer;
}

    .p-rect-iw svg.p-iic {
        position: absolute;
        top: 0.7rem;
        left: 0.7rem;
    }

.kanban-board[data-id="_kbHiring"] main.kanban-drag {
    min-height: 20.8em;
}

@media(max-width: 991px) {
    .ph-fdbk-pl .p-fb-emj-wrp {
        grid-template-columns: 1fr;
    }

    .session-feedback-helping .emojis-wrapper-item {
        min-width: 90px;
    }
}


/*generic dropdown code*/
.p-gene-number input.dx-texteditor-input {
    max-width: 4.5em;
}

.p-gene-num-fw.p-gene-number input.dx-texteditor-input {
    max-width: 100%;
}


textarea.p-textarea-def.form-control {
    height: initial;
    min-height: 10em;
}

textarea.p-textarea-def-sm.form-control {
    height: initial;
    min-height: 5em;
}

textarea.p-textarea-def-xs.form-control {
    height: 4rem;
    min-height: initial;
}

.p-gene-number input.dx-texteditor-input,
.p-gene-sel-dd input.dx-texteditor-input,
.p-num-rb input.dx-texteditor-input {
    border: none;
}

.p-form-check-input[disabled] {
    cursor: default;
}

    .p-form-check-input[disabled] + label {
        opacity: 0.6;
        cursor: default;
    }

/*css for free trial*/
.p-ft-ca-mw {
    background: url(https://liveplummblob.blob.core.windows.net/content/12022024101115.png);
    background-size: cover;
    padding-bottom: 4rem;
    background-color: #1c4a8b;
}

.header-custom-cont {
    padding-top: 1.45rem;
}

.p-bl-head-1 {
    font-size: 1.65rem;
}

.p-ft-ca-container {
    display: grid;
    grid-template-columns: 1fr 500px;
    height: 100%;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 3);
    margin: 2rem 0;
    overflow: hidden;
    margin-top: 2.6rem;
}

.p-fr-sl-img-mw {
    border-radius: calc(var(--bs-border-radius) * 2);
    overflow: hidden;
    margin-bottom: 2.75rem;
}

    .p-fr-sl-img-mw img {
        width: 100%;
        height: auto;
    }

.p-ft-ca-right-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--bg-default);
    padding-top: 3.35rem;
}

.p-ft-slides p {
    text-align: center;
    color: var(--bg--def-txt-col);
    padding-bottom: 3.2rem;
}

.p-ft-ca-left-mw {
    padding: 3rem 4rem;
}

.p-ft-ca-right-mw .swiper-container-horizontal > .swiper-pagination-bullets,
.p-ft-ca-right-mw .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: center;
}

.p-ft-ca-img img {
    max-width: 550px;
}

.p-cen-txt-modal .modal-body {
    padding: 2.6em;
    text-align: center;
}


.p-cen-txt-modal .modal-content {
    border-radius: calc(var(--bs-border-radius) * 2.5);
    max-width: 660px;
}

.p-cen-txt-modal .continue-button {
    font-size: 1rem;
}


.brand-logo {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    fill: var(--primary-accent-color);
}

.p-sidenav-logo,
.p-tl-bl,
.p-hi {
    /*    background: var(--indigo-color);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*    fill: #fff;*/
    padding: 0.35rem;
}

.main-sidebar .p-sidenav-logo {
    transition: all .3s;
    border-radius: 0.4rem;
    padding: 0.35rem;
    margin-left: 0.45rem;
}

.brand-logo-cen {
    margin-bottom: 2rem;
}

.p-ft-ca-form .p-custom-checkbox .custom-control-label::before {
    border: 1px solid #e2e1e1;
}

@media(max-width: 1600px) {
    .p-ft-ca-img img {
        max-width: 450px;
    }
}

@media(max-width: 1024px) {
    .p-ft-ca-left-mw,
    .p-ft-ca-right-mw {
        padding: 1.7rem;
    }
}

@media(max-width: 991px) {

    .p-ft-ca-container {
        grid-template-columns: 100%;
        margin-top: 1.6rem;
    }

    .p-ft-ca-right-mw {
        display: none;
    }
}

.show-msg-ew-p-abs {
    position: fixed;
    z-index: 1039;
    width: 100%;
    max-width: 1900px;
    right: calc(var(--default-container-gap));
    top: -10px;
    margin-left: calc(var(--custom-sidebar-width) * 0.5);
    display: flex;
    justify-content: flex-end;
    margin-top: 4.6rem;
}

@media(min-width: 2101px) {
    .show-msg-ew-p-abs {
        max-width: 1900px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: calc(var(--custom-sidebar-width) * 0.5);
    }
}

.show-msg-free-trial a.p-text-underline {
    color: #fff;
}

.show-msg-free-trial {
    justify-content: flex-start;
    display: inline-flex;
    background-color: transparent;
    color: #fff;
    border-radius: 10em;
    padding: 0.4rem 1.4rem;
    padding-right: 0.4rem;
    align-items: center;
    gap: 1rem;
    max-width: 1010px;
}

.show-msg-ew {
    margin-left: var(--custom-sidebar-width);
    margin-top: var(--nav-min-height);
    padding: var(--default-container-gap);
    padding-bottom: 0;
    margin-bottom: calc(var(--nav-min-height) * -1);
}

.show-msg-free-trial svg.p-icon {
    stroke: var(--primary-color);
    position: relative;
    top: -0.035em;
}

.show-msg-free-trial .p-btn-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
    border-radius: 10em;
    padding: 0.45rem 1.2rem;
    min-height: initial;
    font-weight: 600;
}

    .show-msg-free-trial .p-btn-sm:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
        color: #fff;
        border-color: transparent;
    }

.show-msg-free-trial-ended.show-msg-free-trial {
    background-color: var(--salmon-new-color2);
    color: var(--primary-color);
    border: 1px solid var(--salmon-new-color);
}

.show-msg-free-trial-ended .p-btn-sm {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
}

.p-modal-sb .form-group > label,
.p-modal-sb .p-form-label,
.inline-img-upoad p, .p-control-lbl,
.p-ai-grd-bor label.control-label,
.form-group label.control-label {
    padding-left: 0.3rem;
}

.form-group .text-danger {
    left: 0.3rem;
}

.policy-lbl-algn .form-group.row > label {
    padding-left: 0;
}

.policy-lbl-algn .form-group.row label.col-sm-3 {
    padding-left: 15px !important;
}

.pso-form-wrapper.pso-form-save-send .ctop-mb-inner label.custom-control-label {
    padding-left: 15px !important;
    padding-top: 4px !important;
}

.policy-lbl-algn .form-group.row .col-sm-9 .form-group label {
    padding-left: 0;
}

.policy-lbl-algn .form-group.row label.col-sm-12 {
    padding-left: 15px;
}

.p-modal-sb .align-add-pol .form-group > label {
    padding-left: 15px;
}

.p-modal-sb .p-la-sepe-head .form-group label {
    padding-left: 0;
}
/*dx toast */

.dx-toast .dx-toast-content {
    width: initial !important;
    max-width: 1400px;
    color: #fff;
    padding: 0.6rem 1.3rem 0.6rem 0.9rem;
    border-radius: calc(var(--bs-border-radius) * 0.55);
    display: inline-flex;
    align-items: center;
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 7%);
}

.dx-toast .dx-toast-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    background-position: center center;
    background-size: 100%;
    box-shadow: none;
    margin-right: 4px;
}

.dx-toast .dx-toast-message {
    line-height: 17px;
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.dx-toast .dx-toast-success {
    background: var(--green-color);
}

    .dx-toast .dx-toast-success .dx-toast-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50.5 3C76.7343 3 98 24.2657 98 50.5C98 76.7343 76.7343 98 50.5 98C24.2657 98 3 76.7343 3 50.5C3 24.2657 24.2657 3 50.5 3ZM26.9853 51.1196C25.2308 49.1804 25.3827 46.1867 27.319 44.4352C29.2582 42.6806 32.2519 42.8326 34.0034 44.7688L45.8352 57.8428L71.4023 31.4327C73.2283 29.556 76.2279 29.5143 78.1046 31.3403C79.9812 33.1663 80.0229 36.166 78.1969 38.0426L49.1208 68.0779L49.1149 68.072C49.0464 68.1435 48.9719 68.2149 48.8974 68.2805C46.9612 70.035 43.9675 69.8861 42.213 67.9469L26.9824 51.1196H26.9853Z' fill='white'/%3E%3C/svg%3E") !important;
        background-size: 79%;
    }

.dx-toast {
    background-color: transparent !important;
}

    .dx-toast .dx-toast-error {
        background: var(--overdue-tc);
    }

        .dx-toast .dx-toast-error .dx-toast-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M50.5 3C24.2705 3 3 24.2705 3 50.5C3 76.7295 24.2705 98 50.5 98C76.7295 98 98 76.7295 98 50.5C98 24.2705 76.7295 3 50.5 3ZM69.082 62.47C69.994 63.382 70.45 64.579 70.45 65.776C70.45 66.973 69.994 68.17 69.082 69.082C67.258 70.906 64.3035 70.906 62.47 69.082L50.5 57.1025L38.5205 69.082C37.6085 69.994 36.4115 70.45 35.224 70.45C34.027 70.45 32.83 69.994 31.918 69.082C30.094 67.258 30.094 64.3035 31.918 62.47L43.8975 50.5L31.918 38.5205C30.094 36.6965 30.094 33.742 31.918 31.918C33.742 30.094 36.6965 30.094 38.5205 31.918L50.5 43.8975L62.47 31.918C64.3035 30.094 67.258 30.094 69.082 31.918C70.906 33.742 70.906 36.6965 69.082 38.5205L57.1025 50.5L69.082 62.47Z' fill='white'/%3E%3C/svg%3E") !important;
            background-size: 70%;
        }
/*dx toast */

.p-up-payment-mw-grid {
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: calc(var(--default-gap) * 2 );
}

.p-up-rec-head-tot {
    margin-bottom: 1.3rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

/*pricing page*/
.p-up-p-card-mw {
    padding: 2.5rem;
}

.nav-mental-hr {
    display: flex;
    justify-content: center;
    background-color: var(--primary-color);
    padding-top: 0.55rem;
}

.upgarde-setps-mw .ph-card,
.p-up-need-help .ph-card {
    padding: 0;
    border-radius: calc(var(--bs-border-radius) * 3.6);
    overflow: hidden;
}

.p-up-need-help {
    margin-top: var(--default-gap);
}

.ph-2.upgrade-plan-head {
    font-size: var(--base-font-size-h1);
}

.p-up-need-help .ph-card {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 1.65rem;
}

.nav-mental-hr .nav-link {
    border: none;
    background-color: #3C5588;
    color: var(--chat-dark-bg-2);
    position: relative;
    padding: 0.65rem 1.4rem;
}

.nav-mental-hr .nav-item:first-child .nav-link {
    border-top-left-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-item:last-child .nav-link {
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
}

.nav-mental-hr .nav-item {
    position: relative;
}

    .nav-mental-hr .nav-item::before {
        content: '';
        position: absolute;
        top: 0;
        width: 95%;
        min-height: 35%;
        background-color: #3c5588;
    }

    .nav-mental-hr .nav-item:first-child::before {
        right: 0;
    }

    .nav-mental-hr .nav-item:nth-child(2)::before {
        width: 100%;
    }

    .nav-mental-hr .nav-item:last-child::before {
        left: 0;
    }

.p-ft-hc-input {
    display: inline-grid;
    grid-template-columns: 1fr 75px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bg-default);
    padding: 0.25rem;
    border-radius: var(--bs-border-radius);
}

    .p-ft-hc-input label {
        font-weight: 600;
        color: var(--primary-color);
        padding-left: 1rem;
    }

.upgarde-setps-container.nd-cus-conatiner {
    max-width: 1200px;
}

.p-up-pricing-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: flex-end;
    gap: var(--default-gap);
}

.p-up-recurring-card.ph-card {
    margin-left: 2rem;
}

.upgarde-setps-mw .pso-action-btns {
    margin-top: 2.5rem;
}

.p-up-pricing-card {
    transition: all .3s;
}

    .p-up-pricing-card:hover {
        box-shadow: 0px 2px 6px rgb(67 65 65 / 10%);
        transform: translateY(-5px);
    }

.p-up-p-card-mw .ph-card {
    padding: calc(var(--box-padding) * 1.65);
    position: relative;
}

.p-up-p-card-mw h2.p-up-title {
    margin-bottom: 1.65rem;
    font-size: calc(var(--base-font-size-h2) * 1.18);
}

.p-up-desc {
    min-height: 49em;
    margin-top: 1.7rem;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.p-up-popular-card .p-up-desc {
    min-height: 41.2rem;
}

.p-up-desc hr {
    width: 100%;
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-up-selected .p-up-desc hr {
    background-color: var(--plm-light-blue);
    opacity: 0.3;
}

.p-up-plan-cost {
    margin-bottom: 0.05rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.p-up-list li {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary-color);
}

p.p-up-description {
    margin-bottom: 2rem;
}

.p-up-list li:not(:last-child) {
    margin-bottom: 0.45rem;
}

.p-up-list .p-icon {
    stroke: var(--secondary-color);
    flex-shrink: 0;
    align-self: flex-start;
}

.p-up-price {
    font-size: var(--base-font-size-h1-lg);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--primary-color);
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .p-up-price span {
        font-weight: 400;
        color: var(--on-primary-color);
    }

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

    .p-txt-lt::after {
        content: '';
        position: absolute;
        top: 52%;
        width: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%);
        height: 3px;
        background-color: var(--on-primary-color);
    }

.p-up-details,
.p-up-min-cost,
.p-up-description {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

label.p-up-details {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
}

.p-up-sub-details {
    color: var(--primary-color)
}

.p-up-pricing-card .p-pricing-btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 2.8rem;
    font-size: var(--base-font-size-h3);
}

.p-up-min-cost {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    margin: 0.45rem;
}

.p-pricing-btn {
    text-align: center;
    text-transform: capitalize;
    padding: 0.45rem 0.8rem;
    min-width: 6.4rem;
    font-size: calc(var(--base-font-size));
    border-radius: calc(var(--border-radius-default) * 0.8);
    border: none;
    background: var(--secondary-color);
    font-weight: 500;
    color: #fff;
}

.p-up-selected.p-up-pricing-card {
    background-color: var(--p-grey-2);
    color: var(--primary-color);
    border-color: var(--secondary-color);
}

.p-up-pricing-card.p-up-popular-card {
    /*background-color: var(--p-grey-2);*/
    color: var(--primary-color);
    /* border-color: var(--secondary-color);*/
    border-width: 0.1em;
    padding-top: 5.7rem;
}

.p-up-pay-left .add-ons-list {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1rem;
}

.p-up-selected .p-pricing-btn {
    background: var(--secondary-color);
    color: #fff;
}

.pricing-tag-popular {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 1rem;
    padding-top: 1.25rem;
    background-color: var(--secondary-color);
    color: #fff;
    gap: 0.55rem;
}

    .pricing-tag-popular h3 {
        font-size: var(--base-font-size-h3);
        color: #fff;
        font-weight: 600;
    }

    .pricing-tag-popular label {
        padding: 0.2rem 0.3rem;
        background-color: var(--chat-dark-bg-2);
        border-radius: 0.28rem;
        color: var(--secondary-color);
        font-weight: 600;
        font-size: var(--base-font-size-h3);
        position: relative;
    }

svg.p-pop-arrow {
    position: absolute;
    top: -16px;
    left: -29px;
    height: 15px;
    width: 43px;
}

.ribbon {
    position: absolute;
    right: 36px;
    top: 12px;
}

    .ribbon:before, .ribbon:after {
        content: "";
        display: block;
        position: absolute;
        height: 0px;
        bottom: -9px;
        border: 11px solid var(--light-blue);
    }

    .ribbon:before {
        border-bottom-color: transparent;
        bottom: -19px;
    }

.p-up-p-card-mw .step-activity-item:not(:last-child) .step-avatar::after {
    top: 2.675rem;
    left: 1.15rem;
    height: calc(100% - 1.275rem);
}

.p-up-p-card-mw .step-activity-date-item {
    margin: 0.4rem 0 0.4rem;
}

.p-up-p-card-mw .step-activity-modi-lc .step-content {
    align-self: center;
}

.p-up-p-card-mw .step-activity-date-item {
    color: var(--primary-color);
    font-weight: 500;
}

.p-up-p-card-mw .step-activity-item {
    margin-bottom: 1.35rem;
}


.p-acc-heading.p-acc-card .p-acc-header {
    border-left: none;
}

.p-up-tm,
.p-acc-card.p-acc-heading {
    margin-bottom: 1rem;
}

.p-acc-heading .p-acco-btn-w-icon::after {
    right: 0.65rem;
    left: initial;
}

.p-up-tabs-mw .ph-card.p-defautlt-navs {
    display: inline-flex;
}

.p-acc-card.p-acc-heading {
    border: none;
}

    .p-acc-card.p-acc-heading .p-acc-header {
        background-color: var(--table-head-bg);
        border-radius: calc(var(--border-radius-default) * 0.75);
        padding: 0.62rem 0.75rem;
    }

    .p-acc-card.p-acc-heading .p-acco-btn {
        padding: 0;
        padding-left: 0.15rem;
        font-weight: 500;
        font-size: var(--base-font-size);
        border-radius: var(--bs-border-radius) !important;
    }

    .p-acc-card.p-acc-heading .accordion-collapse {
        border-left: none;
    }

.p-acc-card-box.p-acc-card {
    background: transparent;
}

.p-acc-card-box.p-acc-card {
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2 )
}

    .p-acc-card-box.p-acc-card.p-acc-heading .p-acc-header {
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.095);
        background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.045);
        border-radius: 0;
    }

    .p-acc-card-box.p-acc-card .card-body {
        border-top: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    }

.p-acco-btn {
    font-weight: 600;
}

.table.p-table-sm td, .table.p-table-sm th {
    padding: 0.55rem 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.p-up-at-amm {
    align-self: flex-start;
    color: var(--primary-color);
    text-align: right;
    white-space: nowrap;
}

#ul-add-on .pdf {
    gap: 0.7rem;
}

.p-up-rec-cont {
    color: var(--primary-color);
}

.p-up-rec-cont-it {
    margin: 0.75rem 0;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sp-st {
    display: grid;
    gap: 0.4rem;
}

.p-up-tm {
    margin-top: 1rem;
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.p-up-rec-sepe {
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-head-seperator-fw {
    background-color: var(--theme-light-bg-def-1);
    min-height: 2.75rem;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    padding: 0 calc(var(--box-padding) * 0.8);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1.25rem;
    font-size: var(--base-font-size-xl);
}

.p-up-pay-deat-mw {
    margin-bottom: 1.5rem;
}

.p-up-rec-cont-it .vat-per-txt {
    font-weight: 400;
    color: var(--on-primary-color);
    font-size: var(--base-font-size-xl);
}

.p-up-tc-msg {
    margin: 0 0 calc(var(--box-padding) * 0.7);
}

.p-pckg-lists {
}

.p-up-list {
    padding-left: 0.7rem;
}

.pl-list-count {
    padding-right: .3rem;
}

.p-pckg-lists lab

.payment-div,
.p-up-bd-cont,
.p-up-st-cont {
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.go-cardless-btn {
    max-width: 15em;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2rem;
}

.p-def-sw-modi.ph-card.p-defautlt-navs {
    padding: 0.3rem 0.25rem;
    border-radius: 10em;
    background-color: #F0F0F0;
}

.p-def-sw-modi.p-defautlt-navs .tabsNavActiveBg {
    border-radius: 10em;
    height: 41px;
    background-color: var(--chat-dark-bg-2);
}

.p-ft-sc-off p {
    text-align: center;
    color: var(--on-primary-color);
}

    .p-ft-sc-off p strong {
        color: var(--secondary-color);
        font-weight: 600;
    }

.p-def-sw-modi.p-defautlt-navs .nav-pills .nav-link {
    padding: 0.6rem 1rem;
    color: var(--on-secondary-color);
    font-size: var(--base-font-size);
}

.p-up-billing-details-mw {
    margin-bottom: 1.65rem;
}

.p-up-st-cont ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-tc-msg.p-info-msg {
    justify-content: space-between;
}

.p-up-tc-msg .p-icon {
    stroke: var(--primary-color);
}

.p-up-rec-cont-card {
    padding: var(--box-padding);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin-bottom: 2rem;
}

.p-secure-payment-msg {
    display: flex;
    gap: 0.3rem;
    color: var(--primary-color);
    margin-top: 0;
}

.p-up-pric-total {
    font-size: calc(var(--base-font-size-h1) * 1.2);
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
}

.p-up-rec-cont .pdf label, .p-up-rec-cont .pdf span {
    font-size: var(--base-font-size-xl);
    max-width: 55%;
}

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

.p-up-pric-total span {
    font-weight: 400;
    font-size: var(--base-font-size-lg);
    align-self: center;
    padding-top: 0.25rem;
    color: var(--primary-color);
}

.add-ons-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.add-ons-list-cont h6 {
    margin-bottom: 0;
}

.add-icon-cus-btn {
    fill: var(--secondary-color);
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.add-ons-list-cont p {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
}

.customise-plan-btn {
    background-color: var(--primary-opacity-color);
    border-radius: 10em;
    padding: 0.6rem 1rem;
    color: var(--secondary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
}

.p-vert-pipe {
    font-weight: 300;
    color: var(--sec-light-color5);
}

.add-icon-cus-btn-minus {
    fill: #A0AEC0;
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.p-dx-dd-sm .dx-placeholder::before {
    padding: 7px 14px 8px;
}

.p-dx-dd-sm .dx-texteditor-input,
.p-dx-dd-sm .dx-texteditor.dx-editor-outlined {
    height: calc(1.5em + 0.75rem + 0.525em);
}

.customise-plan-btn-disbaled,
.customise-plan-btn-disbaled .ni.ni-plus {
    background-color: var(--p-grey-2);
    color: #A0AEC0;
}

    .customise-plan-btn-disbaled .p-vert-pipe {
        color: #e3e0e6;
    }

.add-ons-list-cont h6 {
    margin-bottom: 0.3rem;
}

.pri-features .p-acc-card:not(:last-child) {
    margin-bottom: 0.15em;
}

/*updated pricing css*/
.price-grid-area-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-gap: var(--default-gap);
}

.price-grid-area-up {
    grid-template-areas:
        "pri-features pri-addons"
        "pri-features pri-totals";
}

.pri-features {
    grid-area: pri-features;
}

.pri-addons {
    grid-area: pri-addons;
}

.pri-totals {
    grid-area: pri-totals;
}

.p-acc-card:not(:last-child) {
    margin-bottom: 0.1em;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acco-btn {
    font-weight: 500;
    font-size: var(--base-font-size);
}

.price-cont-updated .p-up-rec-cont-card {
    padding: 0;
    border: none;
}

.price-cont-updated .p-form-check {
    display: inline-flex;
}

.table-accord-inb tr {
    cursor: pointer;
}

.hiddenRow {
    padding: 0 !important;
    line-height: 0;
    background-color: transparent !important;
}

.pri-addons table tr[aria-expanded="false"] + tr {
    border-bottom: 0;
}

.pri-addons table tr[aria-expanded="true"] + tr .hiddenRow {
}

.pri-addons table tr:hover {
    background-color: transparent !important;
}

.pri-addons table tr {
    border-bottom: 1px solid var(--primary-border-color);
}

    .pri-addons table tr[aria-expanded="true"] + tr,
    .pri-addons table tr[aria-expanded="true"] {
        border-bottom: 0;
    }

    .pri-addons table tr td {
        border-radius: 0;
        background-color: transparent;
    }

.addons-feat-list .card-body {
    background-color: var(--chat-dark-bg-2);
    padding-left: 1.6rem;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acc-header {
    border-top: 1px solid var(--primary-border-color);
    border-radius: 0;
    padding: 0.72rem 0rem;
    background-color: transparent;
}

.pri-features .p-acc-card:last-child {
    border-bottom: 1px solid var(--primary-border-color);
}

.pri-features .card-body,
.addons-feat-list .card-body {
    padding-top: 0.4rem;
}

.pri-addons table tr td:nth-child(2) {
    font-weight: 500;
}

.price-cont-updated .pri-addons table th {
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.pri-addons table tr td:last-child {
    padding-right: 0;
}

.p-ft-hc-inp-mw input.form-control {
    font-weight: 600;
    font-size: 1.3rem;
    height: 2.7rem;
    text-align: center;
}
/*updated pricing css*/

@media (max-width: 48rem) {
    .p-up-pricing-container {
        flex-direction: column;
        align-items: center;
    }

    .p-up-pricing-card {
        flex: 0 1 90%;
    }
}

/*timeline vertical*/
.pso-timeline-list-hroi.pso-timeline-list {
    flex-direction: initial;
    flex-wrap: wrap;
    gap: 4.2rem;
    justify-content: center;
}

.pso-timeline-list-hroi .pso-timeline-item {
    position: relative;
}

.upgarde-setps-mw .pso-timeline-item {
    cursor: pointer;
}

.pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -3.65rem;
    transform: translateY(-50%);
    top: 51%;
    height: 0.1rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4 );
    width: 3rem;
    border-radius: var(--bs-border-radius);
}

.pso-timeline-list-hroi .pso-circle::after {
    display: none;
}

.pso-timeline-list-hroi .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}
/* Initial style for the select element */
.p-cus-dd-mw {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--chat-dark-bg-2);
    background-clip: padding-box;
    border: 1px solid var(--input-border-1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s;
    height: calc(1.5em + 0.75rem + 0.825em);
    color: var(--primary-color);
    font-size: var(--base-font-size);
    position: relative;
    user-select: none;
}

    .p-cus-dd-mw:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

.p-cus-dd-selected {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 1.8rem);
    font-size: var(--base-font-size);
}

    .p-cus-dd-selected.p-cus-dd-placeholder {
        color: var(--primary-color);
    }

.p-cus-dd-last-selected {
    background-color: var(--theme-secondary-color);
}

.p-cus-dd-options,
.p-cus-dd-sub-options {
    display: none;
    position: absolute;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
    border: 1px solid var(--input-border-1);
    z-index: 1000;
    left: 0;
    border-radius: var(--bs-border-radius);
}

.p-cus-dd-option {
    padding: 10px;
    cursor: pointer;
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
}

.p-cus-dd-option:hover {
    background-color: var(--theme-secondary-color);
}

.p-cus-dd-options .p-cus-dd-option:first-child {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.p-cus-dd-options .p-cus-dd-option:last-child {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

/* Arrow indicator for submenu */
.dropdown-submenu::after {
    content: "";
    float: right;
    margin-right: 1px;
    font-size: 0.8em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.8rem;
    width: 18px;
    height: 18px;
    transform: rotate(-90deg);
}

.dropdown-submenu::before {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 8px;
}

/*quiz questions*/

.p-ques-sc .p-tl-box {
    max-width: calc(100%);
    width: 100%;
    text-align: left;
    height: 100%;
}

.p-tl-box .p-btn-small {
    min-width: 9em;
}

.p-ques-sc .pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 7.6rem);
    height: var(--minmax-height-pso) !important;
}

.p-cn-mb .p-ss-h100 {
    padding-right: 1.35rem;
    width: calc(100% + 1.35rem);
    overflow: auto;
    height: 100%;
}

.p-ques-sc .pso-grid-wrapper {
    padding-bottom: 0;
}

.quiz-quest-box {
    flex: 1;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
}

    .quiz-quest-box .pso-grid-wrapper,
    .quiz-quest-box .pso-timeline-list,
    .quiz-quest-box .pso-cols,
    .quiz-quest-box fieldset.pso-step,
    .p-cn-mb {
        height: 100%;
    }

        .p-cn-mb .pso-form-wrapper {
            height: 100% !important;
            max-height: 100% !important;
        }

        .p-cn-mb .pso-grid-wrapper {
            --ps-grid-lc-wid: 18em;
        }

        .p-cn-mb .p-fp-content {
            display: flex;
            flex-direction: column;
        }

.p-sur-ques-head {
    display: flex;
    align-items: center;
    gap: 1.95rem;
    padding: 0.65rem var(--box-padding);
    width: 100%;
    background-color: var(--blur2-bg-color);
    border-bottom: 1px solid var(--theme-border-2);
}

    .p-sur-ques-head h2 {
        font-size: calc(var(--base-font-size-h2) * 0.8);
        font-weight: 600;
    }
/*css for sucess message sh*/
.animation-container {
    position: relative;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkmark {
    width: 75px;
    height: 50px;
}

.background-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #32CD32;
    transform: scale(0);
    z-index: 0;
}

    .background-circle.bg-cir-2 {
        background: #32CD32;
    }

.checkmark {
    z-index: 1;
}

#check-path {
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    fill: none;
    stroke: white;
    stroke-width: 31.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.res-subm-mw {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.1rem;
    flex: 1;
}

.success-mw {
    position: relative;
    padding: 0.8rem;
}

.cir-part,
.cross-part {
    stroke-width: 5px;
    position: absolute;
    display: inline-block;
}

.cross-part {
    stroke-width: 3px;
}

.cir-part-1 {
    stroke: #EF6B2F;
    width: 10px;
    height: 10px;
    left: -20px;
    top: 0;
}

.cir-part-2 {
    stroke: var(--light-blue-dark);
    width: 16px;
    height: 16px;
    right: -20px;
    top: -20px;
}

.cir-part-3 {
    stroke: var(--tag-bg-body-border-color);
    width: 10px;
    height: 10px;
    right: -70px;
    bottom: 0;
}

.cir-part-4 {
    stroke: var(--complete-tc);
    width: 11px;
    height: 11px;
    left: -30px;
    bottom: 20px;
}

.cir-part-5 {
    stroke: #FF5722;
    width: 7px;
    height: 7px;
    left: 90%;
    bottom: -11px;
    stroke-width: 6px;
}

.cross-part-1 {
    stroke: #5953b3;
    width: 9px;
    height: 9px;
    left: -50px;
    top: 44%;
}

.cross-part-2 {
    stroke: #27c98b;
    width: 11px;
    height: 11px;
    left: 60%;
    bottom: -30px;
}

.cross-part-3 {
    stroke: var(--tag-bg-relsp-border-color);
    width: 16px;
    height: 16px;
    right: -60px;
    top: 30px;
}

.cross-part-4 {
    stroke: hotpink;
    width: 10px;
    height: 10px;
    right: -40px;
    top: 80%;
}

.res-subm-mw .ph-2 {
    font-size: 1.7rem;
    color: var(--primary-color);
    text-align: center;
    margin-top: 1.4rem;
    margin-bottom: 0.5rem;
}

.p-fs-head {
    font-size: 1.75rem;
}

.res-subm-cont p {
    font-size: var(--base-font-size-h5);
}

.pdf-aic-jcc-fg-1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2.5rem;
}

img.survey-info-img {
    max-width: 380px;
}
/*css for sucess message eh*/

.emma-video-wrapper {
    background-color: #000;
}

.p-np-btns-mw {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-hps-head-mw {
    padding-left: 0.38rem;
    margin-bottom: 0.8rem !important;
}

.p-np-btns-mw button {
    border: none;
    background: transparent;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.p-np-btns-mw .disabled {
    opacity: 0.3;
    cursor: default;
}*/



/*liner gradient border*/
.p-btn-li-gr-dots {
    font-weight: bold;
    background: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border: none;
    position: relative;
    border-radius: 10em;
    cursor: pointer;
    padding: 0.9em 1.7em;
    font-size: var(--base-font-size);
    overflow: hidden;
}

    .p-btn-li-gr-dots span {
        position: relative;
        z-index: 1;
    }

    .p-btn-li-gr-dots:focus,
    .p-btn-li-gr-dots:active {
        outline: none;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:after {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
        border-radius: inherit;
        background: inherit;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:before {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        background-size: 100% 100%;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:hover {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02);
    }

        .p-btn-li-gr-dots:hover::before {
            animation: none;
            background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        }

    .p-btn-li-gr-dots:after {
        margin: 0.22em;
    }

    .p-btn-li-gr-dots span {
        z-index: 3;
        position: relative;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:before {
        animation: rainbow-border 6s linear infinite;
    }

@keyframes rainbow-border {
    0%, 50% { /* 0% to 50% covers the first 3 seconds */
        background-position: 0% 50%;
    }

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

.p-lg-dots-container {
    position: absolute;
    z-index: 9;
    width: calc(100% - 1.8rem);
    height: calc(100% - 1.3rem);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.p-lg-dots {
    width: 2px;
    height: 2px;
    flex-shrink: 0;
    display: inline-block;
    z-index: 33;
    position: relative;
    border-radius: 50%;
}

.p-lg-pink-dot {
    background: #F3A7AC;
}

.p-lg-green-dot {
    background: #76F6DD;
}

.p-lg-yellow-dot {
    background: #F9E791;
}

.p-lg-blue-dot {
    background: #96CDFA;
}

.one-top {
    position: absolute;
    left: 3px;
    top: 0;
}

.one-bottom {
    position: absolute;
    left: 6px;
    bottom: 6px;
}

.two-top {
    position: absolute;
    left: 23%;
    top: 4px;
}

.two-bottom {
    position: absolute;
    left: 23%;
    bottom: -1px;
}

.three-top {
    position: absolute;
    left: 40%;
    top: -2px;
}

.three-bottom {
    position: absolute;
    left: 40%;
    bottom: 4px;
}

.four-top {
    position: absolute;
    left: 57%;
    top: 4px;
}

.four-bottom {
    position: absolute;
    left: 57%;
    bottom: -2px;
}

.five-top {
    position: absolute;
    left: 73%;
    top: 0;
}

.five-bottom {
    position: absolute;
    left: 73%;
    bottom: 4px;
}

.six-top {
    position: absolute;
    left: 94%;
    top: 4px;
}

.six-bottom {
    position: absolute;
    left: 88%;
    bottom: -1px;
}

.p-btn-li-gr-dots:hover .p-lg-dots {
    background: #fff;
}


.p-try-hr-actn-btn {
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    color: var(--primary-color);
}

.dy-form-mw-head {
    font-size: var(--base-font-size-xxl);
    margin-bottom: 1rem;
    margin-top: 0.8rem;
    font-weight: 600;
}

.p-sol-confim .p-la-sepe-head p.text-primary-color {
    margin-bottom: 0.45rem;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.p-nd-upd-grid {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: initial;
}

.p-hidden {
    display: none;
}

.hc-default-btn-w-icon {
}

.p-cp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.p-cp-img img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
    border-radius: var(--bs-border-radius);
    width: 100%;
}

.p-cp-card {
    padding: 2.75rem !important;
}

.p-cp-ctas {
    text-align: center;
    margin: 2.3rem 0rem 2.3rem;
}

.p-cp-main-head {
    font-size: 1.5rem !important;
    text-align: center;
    margin-bottom: 3rem !important;
    margin-top: 2.2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.p-ul-cp-mp.p-ul-align li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-cp-main-wrap {
    height: 100%;
    flex: 1;
    padding: calc(var(--box-padding)* 2);
}

    .p-cp-main-wrap a {
        word-break: break-all;
    }

.payment-link-form-inner-wrapper button span {
    color: var(--white-color);
}


@media(max-width: 991px) {
    .p-cp-container {
        margin: 0 auto;
        padding: 0 0px;
    }
}

.guage-graph-bg {
    background-color: white;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, #76F6DD, #96CDFA, #F9E791, #F3A7AC);
    transform: rotate(185deg);
    padding: 0.6em;
}

.guage-graph-bg-inner {
    border-radius: 50%;
    padding: 10px;
    z-index: 0;
    background-color: #F1F3F4;
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
}

.ca-month-session-count {
    width: 100%;
    width: calc(100% - 2.5rem);
}

    .ca-month-session-count .p-smart-tt {
        display: flex;
        align-items: center;
    }

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea,
.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea.form-control,
.p-chat-em-fw-modi .input-emoji {
    position: initial !important;
}

.p-chat-em-fw-modi .p-chat-area .btn-sendchat {
    bottom: 1.8rem;
    right: 1.5rem;
}

.p-tl-imsg .spinner-chat-type {
    margin-top: 3px;
}

.p-chat-em-fw-modi .p-tl-chat-ia .input-emoji .emojionearea .emojionearea-picker {
    left: 0;
    top: -8px;
    right: initial;
    width: 100% !important;
    border-radius: 0;
}

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea .emojionearea-button {
    bottom: 1.05rem;
    right: 4rem;
}

/*.ph-3-wb {
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem !important;
}*/

.ins-shr-rep {
    background-color: var(--p-grey-3);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
}

    .ins-shr-rep > h4.ph-4 {
        font-size: var(--base-font-size-h4);
    }

.ins-reprots .ins-gr-wr {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
    position: relative;
}

.ins-reprots .row .col-sm-6:last-child {
    padding-left: 0.45rem;
}

.ins-reprots .row .col-sm-6:first-child {
    padding-right: 0.45rem;
}

.ins-reprots .row {
    padding: 0;
}

.ins-shr-rep .ins-gr-wr {
    background-color: var(--chat-dark-bg-2);
}

.ins-reprots .p-smart-tt.tip {
    display: none;
}

.ins-reprots .p-def-gr-he-la {
    height: 20em;
}

/*.ins-reprots .p-bar-chart-sl:before,
.ins-reprots .p-bar-chart-sl:after {
    content: '';
    position: absolute;
    background-color: var(--sec-light-color4);
}

.ins-reprots .loading-skeleton .skeleton-img::after {
    --skeleton-color-1: var(--p-grey-3);
    --skeleton-color-2: #ebf0f8;
}
*/
.ins-reprots .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,350 L0,350 Z');
}

.ins-reprots .p-sine-wave-acm {
    -webkit-clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,200 L0,200 Z');
    clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,350 L0,350 Z');
}

.p-ins-rep-load-mw {
    height: 21.4em;
}

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

.p-patt-upd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .p-patt-upd svg {
        width: 100%;
        height: 100%;
    }

a.brand-logo-tl {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px;
    z-index: 12;
}

section.section-no-head.p-grad-bg-up {
    position: relative;
    z-index: 2;
}

.p-login-upd-cont {
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
}

.p-grad-bg-up {
    /*    background-image: url("data:image/svg+xml,%0A%3Csvg width='1441' height='845' viewBox='0 0 1441 845' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1269_97067)'%3E%3Crect width='1441' height='845' fill='%23FDFDFD'/%3E%3Cg opacity='0.3' filter='url(%23filter0_f_1269_97067)'%3E%3Cpath d='M1152.72 -131.723C1355.94 -152.529 1856.22 -208.047 1874.58 -28.7256C1892.94 150.596 1450.65 629.425 1247.44 650.23C1044.23 671.035 1019.17 212.057 1000.81 32.735C982.454 -146.587 949.507 -110.918 1152.72 -131.723Z' fill='url(%23paint0_linear_1269_97067)'/%3E%3C/g%3E%3Cg opacity='0.3' filter='url(%23filter1_f_1269_97067)'%3E%3Cpath d='M163.709 -286.75C285.698 -164.761 589.178 132.93 467.188 254.92C345.199 376.909 -238.552 376.909 -360.541 254.92C-482.531 132.93 -158.775 -164.761 -36.786 -286.75C85.2035 -408.74 41.7193 -408.74 163.709 -286.75Z' fill='url(%23paint1_linear_1269_97067)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1269_97067' x='886.879' y='-256.393' width='1088.26' height='1007.31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3Cfilter id='filter1_f_1269_97067' x='-487.551' y='-478.242' width='1083.11' height='924.654' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1269_97067' x1='1345.72' y1='611.312' x2='1235.61' y2='-464.239' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1269_97067' x1='-280.36' y1='296.248' x2='451.319' y2='-435.43' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1269_97067'%3E%3Crect width='1441' height='845' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;*/
}

@media(max-width: 991px) {
    .section-no-head.p-grad-bg-up {
        align-items: flex-start;
    }
}

#p-patt-shape-2 {
    animation: slide 5s ease infinite;
    -webkit-animation: slide 5s ease infinite
}

#p-patt-shape-1 {
    animation: rotate 5s ease infinite;
    -webkit-animation: rotate 5s ease infinite
}

#p-patt-shape-3 {
    animation: scale 5s ease infinite;
    -webkit-animation: scale 5s ease infinite
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(300px)
    }

    to {
        transform: translateX(0)
    }
}

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

    50% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

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

    50% {
        transform: scale(.8)
    }

    75% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}


.pp-pc-process .res-subm-mw {
    margin-top: 2.65rem;
}

.proc-payrun-pc {
    display: flex;
    flex-direction: column;
}

.pay-cycle-loader {
    top: -0.2rem;
    position: relative;
}

    .pay-cycle-loader p {
        font-size: 1rem;
        color: var(--primary-color);
    }

    .pay-cycle-loader .attachment-preloader {
        position: relative;
        top: -3px;
    }

@media(max-width: 1500px) {
    .pp-pc-process .animation-container {
        width: 100px;
        height: 100px;
    }

    .pp-pc-process .checkmark {
        width: 55px;
        height: 30px;
    }

    .pp-pc-process .res-subm-mw .ph-2 {
        font-size: 1.5rem;
        margin-top: 1.7rem;
    }

    .pp-pc-process .res-subm-mw {
        gap: 1.1rem;
    }
}


/*updated footer starts here*/


.p-beta-tag {
    position: absolute;
    top: 1px;
    right: -3px;
    background-image: var(--Gradient-2, linear-gradient(90deg, #f9e791 0, #f3a7ac 32.89%, #96cdfa 65.89%, #76f6dd 100%));
    font-size: 0.68rem;
    padding: 0.15rem 0.175rem;
    border-radius: 0.15rem;
    line-height: 1;
    z-index: 999;
    color: #000;
    font-weight: 600;
}


.p-long-link {
    cursor: pointer;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

/*button animate*/
.p-btn-animate,
.p-grad-bor-btn {
    overflow: hidden;
    position: relative;
}

    .p-btn-animate::before,
    .p-grad-bor-btn::before {
        background-image: var(--primary-color);
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        transition: left 1s;
        width: 100%;
    }

    .p-btn-animate:hover::before,
    .p-grad-bor-btn:hover::before {
        left: 0;
    }

    .p-btn-animate span,
    .p-ani-btn-z1,
    .p-grad-bor-btn .p-ai-link {
        position: relative;
        z-index: 1;
    }

.playback-speed-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0.55rem;
    gap: 1rem;
}

.p-playback-speed {
    display: flex;
    gap: 0.35rem;
}


.p-playback-speed-cta {
    border: none;
    border-radius: var(--bs-border-radius);
    min-width: 4.2rem;
    padding: 0.25rem 0.25rem;
    font-size: var(--base-font-size-xs);
    border: 1px solid var(--sec-light-color4);
    transition: all .3s;
}

    .p-ps-cta-active, .p-playback-speed-cta:hover {
        background-color: var(--dark-blue-color);
        color: #fff;
    }

.set-mb-vd-msg-ul {
    margin-bottom: 1rem;
}

    .set-mb-vd-msg-ul .pp-user-count {
        margin-bottom: 0.4rem;
    }

.pso-action-btns .p-btn-small {
    min-width: 120px;
}

.kanban-item:hover, .kanban-item.selected-item {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}


/*ins*/


.p-def-row-gap {
    row-gap: calc(var(--default-gap)* 1.098);
}

.p-cb-mw {
    --cb-header: 55px;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.p-cb-header {
    min-height: var(--cb-header);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    background-color: var(--theme-secondary-color);
}

    .p-cb-header .p-icon {
        stroke: var(--theme-primary-color);
    }

    .p-cb-header > * {
        flex: 1;
    }

.p-cb-rt {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.p-cb-gjs-mw {
    min-height: calc(100vh - var(--cb-header))
}

.p-cb-actn-btn hr {
    margin: 0 0.5rem;
    height: 40px;
    width: 1px;
    border-right: 1px solid var(--p-grey-5);
}

.p-cb-actn-btn button {
    --p-btn-min-height: 2.2rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.48rem 0.95rem;
}

.p-cb-panel-pos .gjs-pn-panel {
    position: initial;
}

.p-cb-panel-pos .gjs-pn-buttons {
    gap: 1.15rem;
}

#custom-panel-devices-c, #custom-panel-blocks,
.p-cb-panel-pos .gjs-pn-buttons {
    display: none;
}

.p-sb-canvas .gjs-cv-canvas {
    right: 0;
    left: initial;
    position: initial;
    width: 100%;
    height: 100%;
}

.p-cb-gjs-mw {
    display: flex;
}

.p-cb-panel-pos {
    flex-shrink: 0;
}

.p-sb-canvas {
    flex-grow: 1;
    transition: margin-right 0.3s ease;
    margin-left: var(--p-sb-block-width);
}

#editor-container .gjs-pn-panels {
    display: none;
}

.p-cb-sb {
    width: 400px;
    background-color: #f4f4f4;
    position: fixed;
    right: -400px;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
    height: calc(100vh - var(--cb-header));
}

    .p-cb-sb.open {
        right: 0; /* Slide in from the right */
    }

#editor-container.sidebar-open {
    margin-right: 400px; /* Adjust editor container when sidebar is open */
}


.p-cb-blocks {
    width: var(--p-sb-block-width);
    border-right: 1px solid var(--p-grey-5);
    position: fixed;
    left: 0;
    top: var(--cb-header);
    height: calc(100vh - var(--cb-header));
    z-index: 999;
    overflow-y: auto;
    background-color: var(--theme-secondary-color);
}

.p-sb-canvas {
    height: calc(100vh - var(--cb-header));
    overflow: auto;
}

.gjs-pn-views-container {
    display: none;
}

.gjs-pn-views {
    border-left: 0;
    border-bottom: 0;
}

.p-cb-sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--box-padding)* 0.5);
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid var(--p-grey-5);
    background-color: var(--background1);
}

.p-cb-sb-body {
    padding: calc(var(--box-padding)* 0.5);
}

.gjs-block svg {
    fill: currentColor;
    width: 2.4rem;
    height: 2.4rem;
}

.gjs-pn-panel.gjs-pn-views-container {
    display: none;
}

.p-cb-blocks .gjs-blocks-c {
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% - 1rem);
}

.p-cb-blocks .gjs-block {
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin: 0;
    box-shadow: none;
    background-color: var(--background1) !important;
    width: 100%;
}

.p-cb-panel-pos .gjs-pn-btn.fa-repeat {
    margin: 0;
}

.p-cb-panel-pos .gjs-pn-btn {
    min-height: 32px;
    min-width: 32px;
    line-height: 23px;
    background-color: var(--chat-dark-bg-2);
    border: none;
    font-size: 14px;
    padding: 4px;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    color: var(--on-primary-color);
    font-weight: 400;
}

    .p-cb-panel-pos .gjs-pn-btn:hover {
        background-color: var(--sec-light-color7);
        color: var(--primary-color);
    }

.p-cb-blocks .gjs-block-label {
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    font-family: var(--primary-font) !important;
    font-weight: 400;
    color: var(--primary-color);
}

.p-cb-blocks .gjs-block__media {
    margin-bottom: 0;
}

.p-cb-blocks .gjs-category-title,
.p-cb-blocks .gjs-layer-title,
.p-cb-blocks .gjs-block-category .gjs-title,
.p-cb-blocks .gjs-sm-sector-title,
.p-cb-blocks .gjs-trait-category .gjs-title {
    border-bottom: 1px solid var(--chat-inbox-border-color) !important;
    border-top: 1px solid var(--chat-inbox-border-color) !important;
    font-weight: 500 !important;
}

.p-cb-blocks .gjs-category-open,
.p-cb-blocks .gjs-block-category.gjs-open,
.p-cb-blocks .gjs-sm-sector.gjs-sm-open,
.p-cb-blocks .gjs-trait-category.gjs-open {
    border-bottom: none;
}

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

.p-mb-ig {
    margin-bottom: calc(var(--box-padding) * 0.9)
}

.upload-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem dashed var(--input-border-1);
    padding: 0.75rem 0.5rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--theme-secondary-color);
}

.upload-box {
    text-align: center;
    position: relative;
}

.upload-icon img {
    width: 40px;
    height: auto;
    margin-bottom: 20px;
}

.upload-box p {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    margin: 0.4rem 0 0.1rem;
}

    .upload-box p span {
        color: #007bff;
        cursor: pointer;
        font-weight: 500;
    }

.upload-box small {
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    color: var(--on-primary-color);
}

.color-picker-container {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative; /* Ensures elements are positioned relative to this container */
}

.js-p-upd-color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
}

.js-p-upd-color-code {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100px;
    font-family: monospace;
    color: #333;
}

.js-p-upd-color-picker {
    visibility: hidden;
    opacity: 0;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.fs-3 {
    font-size: var(--base-font-size-lg);
}

.fs-4 {
    font-size: var(--base-font-size-sm);
}

.font-slider-container {
    margin-top: 1.5rem;
}

.font-size-label {
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    color: var(--primary-color);
}

.font-size-label-lg {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
}

.font-slider-container .font-size-label-lg {
    font-weight: 500;
}

#fontRange {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: var(--input-border-1);
    border-radius: 5px;
    outline: none;
    opacity: 1;
    transition: opacity 0.2s;
    z-index: 1;
}

    #fontRange::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-ms-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange:focus::-webkit-slider-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-moz-range-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-ms-thumb {
        background-color: var(--secondary-color);
    }

.fs-slide-step {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.slider-separator {
    width: 2px;
    height: 12px;
    background-color: var(--input-border-1);
}

.fs-slider-container {
    position: relative;
    display: flex;
    align-items: center;
}


.p-sb-sec-list-item {
    border: 1px solid var(--input-border-1);
    padding: 0.55rem 0.75rem;
    border-radius: calc(var(--border-radius-default));
    background-color: var(--chat-dark-bg-2);
}

.p-sb-sec-list {
    margin-bottom: 0.65rem;
}

.p-sb-show-content {
    display: block;
}

    .p-sb-show-content button.p-link {
        padding-left: 0.3rem;
    }

.p-cb-toggle-preview .p-btn-sec {
    background: var(--theme-secondary-color) !important;
    color: var(--theme-primary-color)
}

    .p-cb-toggle-preview .p-btn-sec:hover {
        background: var(--theme-primary-color) !important;
        color: #fff;
    }

        .p-cb-toggle-preview .p-btn-sec:hover span {
            color: #ffffff !important;
        }

/*btn tab group*/
.p-gen-btn-tab {
    position: relative;
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--input-border-1);
    padding: 0.25rem;
    border-radius: calc(var(--bs-border-radius)* 2);
    background-color: var(--chat-dark-bg-2);
}

.p-gen-btn-tab-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.p-gen-btn-tab-btn {
    position: relative;
    background-color: transparent;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    outline: none;
    z-index: 2;
    flex-grow: 1;
}

.p-gen-btn-tab-sm {
    max-width: 400px;
}

.p-gen-btn-tab-btn img {
    width: 20px;
    height: 20px;
}

.p-gen-btn-tab-btn:focus {
    outline: none;
}

.p-gen-btn-tab-btn.active span {
    transition: all 0.5s;
}

.form-group .p-custom-checkbox .custom-control-label {
    font-weight: 400;
    color: var(--primary-color);
}

.p-gen-btn-tab-slide-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 100%;
    background-color: var(--theme-secondary-color);
    border-radius: var(--bs-border-radius);
    transition: all 0.3s ease;
    z-index: 1;
}

.p-sb-show-content .form-group > label {
    padding-left: 0.3rem;
}


button.p-gen-btn-tab-btn svg {
    position: relative;
    top: -1px;
}

.icon-cd-lms {
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .icon-cd-lms.rotate {
        transform: rotate(180deg); /* Rotate the icon when the submenu is visible */
    }

.p-sb-sec-list-item-w-acc {
    padding: 0;
    margin-bottom: 0.65rem;
}

    .p-sb-sec-list-item-w-acc .js-sb-sec-list-item {
        padding: 0.55rem 0.75rem;
    }

    .p-sb-sec-list-item-w-acc .sidebar-submenu {
        padding: 0.55rem 0.75rem;
        padding-top: 0.85rem;
    }

.p-defautlt-navs-tags .p-tag {
    min-width: initial;
    padding: 0.18rem 0.55rem;
    line-height: 1.25;
}

.p-nav-link-btn .ni-plus {
    color: var(--primary-color);
}

.p-cp-icon-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.2rem 1rem;
    margin-bottom: 0.8rem;
}

svg.p-cp-sb-icon {
    --icon-height: 3.5rem;
    stroke: var(--dark-blue-color);
    width: var(--icon-height);
    height: var(--icon-height);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 1px solid transparent;
}

.p-cp-sb-icon.active,
.p-cp-sb-icon:hover {
    background-color: var(--sec-light-color7);
    border: 1px solid var(--p--border-1);
}

.p-dx-search-left tr.dx-data-row td {
    cursor: pointer;
}

.p-cur-poi-def tr.dx-data-row td,
.p-dx-cp-inner-cp .dx-master-detail-row tr.dx-data-row td {
    cursor: default;
}

@-moz-document url-prefix() {
    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-editor {
        display: inline-block !important;
    }
}

.mention-popup-active .dx-list.dx-empty-collection .dx-empty-message {
    position: initial;
    transform: none;
    box-shadow: none;
    border: none !important;
}

.mention-popup-active .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px !important;
}

.mention-popup-active .dx-list-item {
    cursor: pointer;
}

.p-ana-data-2x-inner {
    gap: 1.5rem 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

svg.p-cb-sect-actn-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: none !important;
    stroke: var(--primary-color);
}

svg.p-cb-block-icon {
    stroke: var(--primary-color);
    display: inline-block;
    width: 2rem;
    height: 2rem;
    fill: none;
}

.p-cb-blocks-mw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}

.cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active {
    border-radius: 0;
    background: transparent;
}

    .cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active span {
        color: var(--theme-primary-color) !important;
    }

.p-seo-ci img {
    max-width: 53px;
    height: auto;
    border-radius: 0.15rem;
}

.lh-1p2 {
    line-height: 1.2;
}

.lh-1p3 {
    line-height: 1.3;
}

.p-cb-in-stats .ph-2 {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-h1-lg)* 0.75);
    position: relative;
    top: 3px;
    margin-right: 0.05rem;
    line-height: 1.2;
}

.p-cb-prev {
    color: #4b96d5 !important;
}

.p-cb-activity .step-activity {
    margin-left: calc(1.5rem / -0.8);
}

.p-seo-favicon-mw {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-seo-favicon-mw img {
        width: 50px;
        height: 50px;
        display: inline-block;
    }

.p-def-link {
    font-weight: 500;
    color: var(--primary-color);
}

    .p-def-link:hover {
        text-decoration: underline;
    }

.p-smiw[title="My Handbook"] svg {
    --icon-nav-wh: 0.98rem;
    left: 1.3px;
    top: 1.3px;
}

.p-smiw[title="Company Documents"] svg {
    top: -1.5px;
}

.p-smiw[title="Team Progress"] svg,
.p-smiw[title="My Progress"] svg {
    --icon-nav-wh: 0.97rem;
    left: 0.6px;
    top: 1px;
}

.p-smiw[title="1-on-1"] svg {
    --icon-nav-wh: 1.05rem;
}

.p-smiw[title="Group View"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="TrustLine"] svg {
    --icon-nav-wh: 1.1rem;
    left: 0.5px;
}

.p-smiw[title="Action Items"] svg,
.p-smiw[title="Team Time off"] svg {
    --icon-nav-wh: 1.04rem;
}

.p-smiw[title="Org Chart"] svg {
    --icon-nav-wh: 1rem;
    left: 0.5px;
}

.p-smiw[title="Team Documents"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="My Documents"] svg {
    --icon-nav-wh: 1.1rem;
    top: -1.5px;
}

.p-cb-vh-list {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.6rem;
    gap: 0.8rem;
    cursor: pointer;
}

.p-cb-vh .p-cb-vh-list:first-child {
    margin-bottom: 1rem;
}

.p-cb-vh-list-icon svg.p-icon {
    width: 1.85rem;
    height: 1.85rem;
}

.p-cb-vh-list:hover {
    border-color: var(--primary-color);
}

@media (min-width: 576px) {
    .modal-md.p-modal-dialog-md-1 {
        max-width: 580px;
    }
}

.career-site-db .ph-card h5.ph-5 {
    font-weight: 500;
}

.cp-index-navs li.nav-item {
    cursor: pointer;
}

.p-cb-vh-list label {
    cursor: pointer;
}

.p-tag-wdd.p-tag {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
    font-weight: 500;
    padding: 0.38rem 0.85rem;
    padding-right: 1.15rem;
    height: var(--p-btn-min-height);
    font-size: var(--base-font-size);
    cursor: pointer;
    border-radius: var(--bs-border-radius-lg) !important;
    min-width: 110px;
    border: 1px solid var(--input-border-1);
}

.loading-skeleton .p-tag-wdd.p-add-dd {
    border-color: transparent;
}

.p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
}

.p-tag-wdd svg {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    right: 10px;
    stroke: var(--on-primary-color);
    display: inline-block;
}

/* Positioning and styling for the dropdown */
.js-status-label {
    position: relative;
}

.js-status-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    margin: 0;
    width: 100%;
    z-index: 10;
    list-style: none;
    color: var(--primary-color);
}

    .js-status-dropdown li {
        padding: 0.35rem 0.75rem;
        cursor: pointer;
    }

        .js-status-dropdown li:hover {
            background-color: var(--btn-light-bg);
            border-radius: calc(var(--bs-border-radius));
        }

.p-tag-wdd.p-tag-red svg {
    stroke: #404040;
}

.p-tag-wdd.p-add-dd {
    text-align: left;
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    border-radius: var(--bs-border-radius-lg);
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    background: #fff !important;
    font-weight: 500;
}

    .p-tag-wdd.p-add-dd.p-tag-green {
        color: green;
    }

    .p-tag-wdd.p-add-dd.p-tag-red {
        color: #d40404 !important;
    }

.p-sb-in-data-mw {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .p-sb-in-data-mw .ph-card {
        height: 50%;
    }

.p-data-app-visi {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.p-cb-ana-hei {
    height: 260px !important;
}

.uploaded-image-item.p-cb-vh-list:hover {
    border-color: var(--primary-border-color);
}

.p-cb-vh-list.uploaded-image-item {
    justify-content: space-between;
}

.uploaded-image-item-cont {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.uploaded-image-item img {
    max-width: 70px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
}

.p-cb-image-name {
    text-overflow: ellipsis
}

.uploaded-image-item-mw .uploaded-image-item {
    margin-bottom: 0.8rem;
}

.career-site-db .loading-skeleton .p-btn-small {
    border: transparent !important;
}

.career-site-db .loading-skeleton .p-add-btn .p-icon,
.career-site-db .loading-skeleton .js-status-dropdown-toggle {
    stroke: none;
}

.loading-skeleton .p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
    background: transparent;
}

.career-site-db .loading-skeleton svg {
    stroke: none;
    display: none;
}

.career-site-db .loading-skeleton .p-tag-wdd svg {
    display: none !important;
}

.career-site-db .loading-skeleton .p-seo-ci {
    width: 33px;
    height: 33px;
}

.career-site-db .loading-skeleton .p-bg-grey {
    background-color: transparent;
}

.p-desk-mobile-view-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.p-dm-ctas {
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .p-dm-ctas svg {
        width: 1.45rem;
        height: 1.45rem;
        display: inline-block;
    }

    .p-dm-ctas.active,
    .p-dm-ctas:hover {
        background-color: var(--dark-blue-color);
    }

        .p-dm-ctas.active svg,
        .p-dm-ctas:hover svg {
            stroke: #fff;
        }

.p-db-show-raection-mw .p-db-reactions small {
    margin-left: -0.05rem;
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
}

#divEditSidbarContent label.custom-control-label {
    font-weight: 600;
}

/*css for timesheet*/

.p-ts-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .p-ts-table th, .p-ts-table td {
        padding: 10px;
    }

.p-ts-weeks-wid {
    width: 80px;
    text-align: center;
    min-width: 80px;
}

.p-ts-table td:not(:nth-child(1)),
.p-ts-table th:not(:nth-child(1)) {
    text-align: center;
    padding: 2px;
}

.p-ts-action,
.p-ts-acts-wid {
    position: relative;
    width: 60px;
}

.p-ts-dd-wp-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.p-ts-dd-wp-content {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

    .p-ts-dd-wp-btn:hover + .p-ts-dd-wp-content,
    .p-ts-dd-wp-content:hover {
        display: block;
    }

.p-ts-nav-bg-color {
    height: 5px;
    background-color: #f5f5f5;
}

.p-ts-grid-action-btns {
    padding: 10px;
}

.p-ts-gab-icons {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .p-ts-gab-icons span {
        margin-left: 5px;
    }

.p-ts-grid-icon {
    width: 20px;
    height: 20px;
    fill: #999;
    cursor: pointer;
}

.p-ts-time-input, .p-ts-total-input {
    width: 100%;
    padding: 2px 4px;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 0.75);
    min-height: 36px;
}

.p-ts-total-input {
    background-color: #f5f5f5;
    border: none;
    color: #333;
}

.p-ts-week-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.25;
    font-weight: 500;
}

.p-ts-table th, .p-ts-table td {
    padding: 6px 10px;
    font-size: var(--base-font-size-sm);
}

.p-ts-table p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ts-pro-name {
    min-height: 35px;
    display: inline-flex;
    align-items: center;
}

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

.p-text-blue {
    color: var(--link-color);
    cursor: pointer;
    font-weight: 400;
}

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

small.p-ts-prje-det-name {
    color: var(--on-primary-color);
}

.p-ts-prje-det-name svg.p-icon {
    stroke: var(--on-primary-color);
}

.p-ts-prje-det-mw {
    padding-right: 10px;
}

.p-ts-int-del-mw {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .p-ts-int-del-mw .p-ts-del-time {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }

    .p-ts-int-del-mw:hover .p-ts-del-time {
        opacity: 1;
        visibility: visible;
    }

.p-ts-stats .lt-days {
    align-items: flex-start !important;
}

.p-ts-stats .lt-list-date {
    gap: 3.5rem;
}

    .p-ts-stats .lt-list-date small {
        text-align: left;
        min-width: inherit;
        font-weight: 400 !important;
    }

    .p-ts-stats .lt-list-date p small {
        color: var(--primary-color);
        font-weight: 400 !important;
    }

.ph-card.p-ts-stats {
    padding: calc(var(--box-padding)* 0.4) calc(var(--box-padding)* 0.5) calc(var(--box-padding)* 0.6);
}

.p-ts-stats .ph-card {
    box-shadow: none;
}

.p-ts-total-time {
    font-weight: 600 !important;
    font-size: var(--base-font-size-lg);
}

.p-ts-week-date,
.p-ts-week-day {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.p-ts-week-wrapper svg {
    cursor: pointer;
}

.p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

tr.total-row-p-day td {
    vertical-align: top;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ts-total-check {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.p-ts-revoke-list {
    display: flex;
    align-items: center;
    gap: 6rem;
}

    .p-ts-revoke-list:not(:last-child) {
        margin-bottom: 1.2rem;
    }

span.p-ts-grid-tt {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
}

.p-def-table-bordered.table thead th {
    border-bottom: 1px solid var(--primary-border-color);
    border-bottom-width: 1px;
}

.p-ts-action .p-dd-wp-dot-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.275rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::after {
    top: -0.5rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::before {
    top: -0.45rem;
}

.p-ts-table tr th {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-ts-disabled-cell {
    background-color: var(--grey-bg-6);
    pointer-events: none;
}

    .p-ts-disabled-cell input {
        background: transparent;
    }

@media(max-width: 1400px) {
    .p-ts-weeks-wid {
        width: 75px;
    }

    .p-ts-table th, .p-ts-table td {
        padding: 6px 4px;
    }

    .p-ts-action, .p-ts-acts-wid {
        width: 45px;
    }
}



.p-link-courses,
.p-link-courses .loading-skeleton .image-placeholder {
    --pc-thumb-height: 5.6rem;
}

    .p-link-courses .loading-skeleton .image-placeholder {
        height: var(--pc-thumb-height)
    }

    .p-link-courses .p-card-full-details-img-thumb {
        --content-grid-width: 155px;
    }

    .p-link-courses .p-card-full-deatils {
        display: flex;
        align-items: center;
        gap: 0.7rem;
    }

        .p-link-courses .p-card-full-deatils:not(:last-child) {
            margin-bottom: 1rem;
        }

    .p-link-courses .thcc-details-inner .ph-5 {
        max-width: calc(100% - 0.8rem);
        word-break: break-word;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 220px;
        width: 100%;
        margin-bottom: 0.05rem;
    }

.p-link-courses-sb .p-card-full-deatils-data .search-card-txt {
    max-width: 100% !important;
}

.p-link-courses .hc-live-therap-name {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    line-height: 1.25;
    margin-bottom: 0.25rem;
    /*    font-size: var(--base-font-size);*/
    font-size: var(--base-font-size-xxs);
}

.p-link-courses-sb .btn-slect-dropdown .p-add-btn {
    min-width: 210px;
    max-width: 210px;
}

.p-link-courses-sb .ch-filter-wrapper .p-search-input {
    max-width: 210px !important;
}

.p-link-courses-sb .p-search-input input {
    padding-right: 2.55rem;
}

.p-link-courses.p-link-courses-selected {
    padding-top: 1.2rem;
}

.p-lc-move-icon {
}

.p-link-course-deselect {
    align-self: flex-start;
    position: absolute;
    right: 12px;
}

.p-link-courses-grid {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0;
}

.p-sb-gene-body-lc .ch-filter-wrapper {
    padding: var(--box-padding);
}

.p-sidebar-gen-mw .p-sb-gene-body-lc .p-sb-gene-body {
    height: calc(100vh - 15.2rem);
    padding-top: 0.75rem;
}

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

.p-card-full-deatils .custom-control-label {
    cursor: pointer;
}

.p-link-courses-sb .custom-control-label::after,
.p-link-courses-sb .custom-control-label::before {
    left: -1.2rem;
}

.p-link-courses-sb .p-card-full-details-contents {
    gap: calc(var(--default-gap)* 0.5);
}

.p-lc-align-cour-head {
    min-height: 48px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1rem;
    padding: 0 var(--box-padding);
    font-size: var(--base-font-size-h5);
}

span.p-link-course-deselect {
    opacity: 0;
    visibility: hidden;
}

.p-card-full-deatils-cols span.p-link-course-deselect {
    opacity: 1;
    visibility: visible;
}


.loading-skeleton .custom-control-label::before {
    /*    background-color: var(--sec-light-color7);
    border-color: var(--sec-light-color7);*/
    border: 0;
    color: transparent !important;
    appearance: none;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer-skeleton;
    animation-name: shimmer-skeleton;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 100%;
    line-height: 1;
}

.nav-wrapper > * {
    flex: 1;
}

/* Suggestion Box */
.global-search-emma {
    flex: 1;
    width: 100%;
    position: relative;
    z-index: 1200;
    margin: 0 auto;
    max-width: 530px;
}

.emma-search-input {
    position: relative;
}

    .emma-search-input input {
        padding-left: 3rem;
        background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
        padding-left: 2.7rem;
        border-radius: calc(var(--border-radius-default)* 1);
        font-size: var(--base-font-size);
        height: 2.413rem;
    }

        .emma-search-input input.form-control::placeholder {
            font-weight: 400;
            font-size: var(--base-font-size);
            color: var(--theme-placeholder-color);
        }

        .emma-search-input input:focus + svg {
            fill: var(--secondary-color);
        }

.emma-icon-search {
    width: 1.275rem;
    height: auto !important;
    display: inline-block;
    position: absolute;
    left: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
    stroke: var(--theme-placeholder-color) !important;
}

.iconly--icon.ge-search-icon {
    color: var(--placeholder-color);
    width: 1.275rem;
    height: 1.275rem;
    position: absolute;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


.search-suggestions {
    display: none;
    position: absolute;
    top: calc(var(--nav-min-height) - 10px);
    width: 100%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    animation: slideDown 0.3s ease-in-out;
    max-width: 530px;
    overflow-y: auto;
    max-height: 560px;
}

/* Overlay */
/*.p-bg-overlay-search::before {
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1048;
    transition: all 0.6s;
}
*/
/* Animation */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.p-ss-rec-fil-head {
    padding: 0.5rem;
    margin-bottom: 0.4rem;
}

.p-ss-tags-filter ul,
.loading-skeleton .p-ss-tags-filter .list-unstyled {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .p-ss-tags-filter ul li,
    .p-ss-li-tag-load {
        border-radius: 4rem;
        padding: 0.3rem 0.95rem;
        cursor: pointer;
        border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5 );
        font-size: var(--base-font-size-xs);
    }

        .p-ss-tags-filter ul li.p-ss-tags-active {
            background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
            font-weight: 500;
        }

.p-ss-list-ser-wsi li,
.p-ss-list-ser-wsi-load {
    align-items: center;
    display: flex;
    gap: 0.4rem;
}

    .p-ss-list-ser-wsi li svg.p-icon {
        position: relative;
        top: 1px;
    }

.p-ss-list-ser-hover li {
    padding: 0.45rem 0.5rem;
    cursor: pointer;
}

    .p-ss-list-ser-hover li:hover {
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        border-radius: var(--bs-border-radius);
        cursor: pointer;
    }

        .p-ss-list-ser-hover li:hover .p-ss-icon {
            fill: var(--theme-primary-color);
        }

.p-ss-icon-cirle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5 );
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.p-ss-icon-cirle .p-ss-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    fill: var(--theme-primary-color);
}

.p-ss-list-ser-lg li,
.p-ss-list-item-load {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-ss-filtered-ml,
.p-lh-3p1 {
    line-height: 1.35;
}

    .p-ss-filtered-ml label {
        cursor: pointer;
    }

.p-ss-icon-cirle-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
}

.p-ss-list-ser-lg.p-ss-list-ser-hover li,
.p-ss-list-item-load {
    padding: 0.65rem 0.5rem;
}

.no-data-filtered .ph-6 {
    font-size: var(--base-font-size-h6);
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring-sm .p-tal-cir-count {
    font-size: 1rem;
    line-height: 1.15;
    padding-bottom: 3px;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-md svg {
    width: 4.7em;
    height: 4.7em;
    margin: 0;
}

.tl-content {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

.loading-skeleton .tl-content {
    gap: 5px;
}

.loading-skeleton svg.p-dd-wp-dot-icon {
    stroke: none !important;
    fill: none !important;
}

.loading-skeleton label {
    margin: 0;
}

.loading-skeleton .p-ss-rec-fil-head {
    max-width: 100px;
    margin-bottom: 14px;
    margin-top: 14px;
}

.p-ss-recent-filter.loading-skeleton {
    padding: 0 0.5rem;
    background: rgb(255 255 255 / 84%);
    backdrop-filter: blur(5px);
}

.p-ss-list-ser-wsi-load {
    margin-bottom: 16px;
}

.p-ss-list-item-load {
    padding-left: 0;
    padding-right: 0;
}

.loading-skeleton.p-ss-recent-filter .skeleton-img {
    position: relative;
    border: 1px solid var(--chat-dark-bg-2);
    height: 100%;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.loading-skeleton .p-ss-li-tag-load,
.loading-skeleton .p-ss-icon-cirle {
    border: 1px solid var(--sec-light-color7);
}

.p-ss-li-tag-load label {
    position: relative;
    top: 1px;
}

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

.p-cous-doc-inps {
    display: flex;
    gap: 2rem;
}

.translate-lang-mc {
    max-width: 500px;
    flex-grow: 1;
}

.p-cous-doc-inps-gap {
    gap: 2rem;
}

/*heat map table*/
.p-heat-map-sur .p-ts-table td:not(:nth-child(1)),
p-heat-map-sur .p-ts-table th:not(:nth-child(1)) {
    padding: 0;
}

.p-heat-map-sur .p-ts-week-date,
.p-heat-map-sur .p-ts-week-day {
    font-weight: 500;
}

.p-hm-count-cells {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.p-heat-map-sur th.p-ts-weeks-wid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-heat-map-sur .p-ts-weeks-wid {
    width: 110px;
    min-width: 110px;
}

.p-heat-map-sur tr td:first-child {
    min-width: 345px;
}

.p-hm-arr {
    width: 30px;
}

.p-hp-head {
    position: relative;
}

.p-heat-map-sur .p-acco-btn-w-icon::after {
    width: 0.9rem;
    height: 0.9rem;
    background-position: center center;
    margin-top: 2px;
    top: 2px;
    background-size: 100%;
}

.p-heat-map-sur .active-row .p-acco-btn-w-icon::after {
    transform: rotate(180deg);
}

.p-heat-map-sur .p-acco-btn-w-icon {
    padding-left: 1.8rem;
}

.accordian-body table.w-100 tr td {
    border: none;
}

    .accordian-body table.w-100 tr td:not(:last-child) {
        border-right: 1px solid var(--primary-border-color);
    }


.p-hm-align-para {
    padding-left: 1.8rem;
    line-height: 1.35rem;
}

.p-heat-map-sur .active-row {
}

.p-hm-count-cells.text-primary-color {
    font-weight: 500;
}

.p-heat-map-sur .hiddenRow > td {
    padding: 0;
}

.p-heat-map-sur .hiddenRow table td:last-child {
    border-right: 0;
}

.p-heat-map-sur .hiddenRow table tr:first-child td {
    border-top: 0;
}

.p-heat-map-sur .hiddenRow table tr:last-child td {
    border-bottom: 0;
}

.p-heat-map-sur .hiddenRow table td:first-child {
    border-left: 0;
}

.p-heat-map-sur .hiddenRow .p-ts-weeks-wid:last-child {
    width: 109.5px;
}

.p-heat-map-sur .table-bordered td, .p-heat-map-sur .table-bordered th {
    border-left: 0;
    border-right: 0;
}

.email-mw .ch-filter-wrapper {
    background-color: transparent;
}

.formbuilder-header h5 {
    word-break: break-word;
}

.tkl-ws-pos-t-5p5 {
    top: 5.6rem;
}

.ls-ts.loading-skeleton .lt-days p {
    min-width: 30px;
    margin-bottom: 8px;
    margin-top: 5px;
}

.ls-ts.loading-skeleton .p-tag {
    min-height: 30px;
    min-width: 130px;
}

.ls-ts.loading-skeleton .p-ts-table p {
    max-width: 50px;
    margin: 0 auto;
}

#teamTimesheetLoadPanel.tkl-ws {
    top: 3.8rem;
}

.p-form-check-rad-align .p-form-check-input {
    position: relative;
    top: 9px;
    align-self: flex-start;
}


.report-dg {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr 1fr;
    gap: 1.3rem 1.8rem;
    align-items: flex-start;
}

.report-dg-sr {
    margin-top: 1.3rem;
}

.p-tabs-mh.time-suury-cal {
    padding-bottom: 86px;
}

.perm-sb-cbs-mw .p-form-check-selecta-all,
.p-form-check-selecta-all-end {
    flex-direction: row-reverse;
    padding-right: 0.44rem;
}

#titleSectionLoader.loading-skeleton .pdf {
    min-width: initial;
}

.p-rev-sl-ring label.mb-0 {
    width: 25px;
    height: 25px !important;
    border-radius: 50% !important;
}

.tags-ts {
    text-align: center;
}

.dx-scheduler .dx-scheduler-header-panel-cell {
    font-weight: 500;
    color: var(--primary-color) !important;
    border-color: var(--theme-border-layout);
}

.p-week-calender {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: 11rem;
    height: 43.24px;
    color: var(--theme-primary-color);
    font-size: var(--base-font-size);
    min-width: 282px;
}

    .p-week-calender button {
        background: none;
        border: none;
        cursor: pointer;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
    }

    .p-week-calender span {
        padding: 0 2px;
        font-weight: 500;
        height: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
        min-width: 200px;
        text-align: center;
        flex: 1;
        justify-content: center;
    }

.date-picker-container {
    display: none;
}

.p-week-cal-chev {
    width: 1.1rem;
    height: 1.1rem;
    stroke: var(--theme-primary-color);
}

.p-week-cal-chev-right {
    transform: rotate(180deg);
}

.p-week-calender-mw .dx-calendar {
    border: 1px solid var(--input-border-1) !important;
    border-radius: var(--bs-border-radius);
    top: -10.2px !important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    -webkit-box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
    box-shadow: inset 0 0 0 1000px var(--theme-primary-color) !important;
}

.dx-calendar-body thead tr th {
    color: var(--on-primary-color);
    font-weight: 500;
}

.align-sb-ini {
    justify-content: flex-end;
    padding-left: 7px;
}

.pos-rel-tn1 {
    position: relative;
    top: -1px;
}

.p-att-poli-tts {
    cursor: pointer;
}

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

.p-icon-ap {
    width: 1.35rem;
    height: 1.35rem;
    position: relative;
    top: 1px;
}

.p-att-poli-tts-mw {
    position: relative;
    top: -1px;
}

.p-dd-mw-230 {
    max-width: 230px;
}

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

.AddRotation .p-cus-dd-option.p-cus-dd-last-selected {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-clk-tt {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
}

    .p-clk-tt .popper-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
        position: relative;
    }

        .p-clk-tt .popper-arrow::before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
        }

        .p-clk-tt .popper-arrow::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
        }

    /* Arrow pointing down with border */
    .p-clk-tt[data-popper-placement^=bottom] .popper-arrow::before {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: transparent transparent var(--bs-tooltip-bg) transparent;
    }

    .p-clk-tt[data-popper-placement^=bottom] .popper-arrow::after {
        bottom: -1px; /* Adjust to overlap slightly */
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: transparent transparent var(--bs-tooltip-color) transparent;
    }

    /* Arrow pointing up with border */
    .p-clk-tt[data-popper-placement^=top] .popper-arrow::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: var(--bs-tooltip-bg) transparent transparent transparent;
    }

    .p-clk-tt[data-popper-placement^=top] .popper-arrow::after {
        top: -1px; /* Adjust to overlap slightly */
        left: 50%;
        transform: translateX(-50%);
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: var(--bs-tooltip-color) transparent transparent transparent;
    }

    /* Arrow pointing left with border */
    .p-clk-tt[data-popper-placement^=left] .popper-arrow::before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-color: transparent transparent transparent var(--bs-tooltip-bg);
    }

    .p-clk-tt[data-popper-placement^=left] .popper-arrow::after {
        left: -1px; /* Adjust to overlap slightly */
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-color: transparent transparent transparent var(--bs-tooltip-color);
    }

    /* Arrow pointing right with border */
    .p-clk-tt[data-popper-placement^=right] .popper-arrow::before {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-color: transparent var(--bs-tooltip-bg) transparent transparent;
    }

    .p-clk-tt[data-popper-placement^=right] .popper-arrow::after {
        right: -1px; /* Adjust to overlap slightly */
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-color: transparent var(--bs-tooltip-color) transparent transparent;
    }


.dx-datagrid-summary-item {
    font-weight: 700;
    color: var(--primary-color) !important;
}



/*CSS for kanBan-internal*/
.CandidateCheck:focus, .CandidateCheck:active {
    outline: none;
    box-shadow: none;
}

.kanban-item:focus, .kanban-item:active {
    outline: none;
    box-shadow: none;
}

.hire-main-container .underline {
    text-decoration: underline;
    color: #007bff !important;
}

.mention-list-item {
    display: flex;
    align-items: center;
}

.mention-list-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
}

.mention-list-text {
    font-size: 14px;
}

.hire-main-container td {
    word-wrap: break-word !important; /* Older browsers */
    overflow-wrap: break-word !important;
}

.p-tal-ins-grid .ba-box-shadows {
    min-height: 20em;
}

.p-ques-item-w-tag {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.3rem;
}

.pac-container {
    z-index: 10000 !important; /* Adjust the z-index to be higher than the modal's */
}

.kanban-container, .kanban-container * {
    box-sizing: border-box
}

.kanban-board.disabled-board {
    opacity: .3
}

.kanban-board.is-moving.gu-mirror {
    transform: rotate(3deg)
}

    .kanban-board.is-moving.gu-mirror .kanban-drag {
        overflow: hidden;
        padding-right: 50px
    }

.hire-main-container .p-mydoc-list-item-cont,
.hire-main-container .p-vertical-def-nav .nav-link {
    justify-content: space-between;
}

.kanban-board:after {
    clear: both;
    display: block;
    content: ""
}

.kanban-item img.w-100 {
    border-radius: .375rem
}

.kanban-item {
    cursor: move;
}

    .kanban-item:hover,
    .kanban-item.selected-item {
        cursor: move;
    }

    .kanban-item .p-check {
        position: absolute;
        z-index: 800;
        top: 3px;
        left: 3px;
        display: none;
    }

    .kanban-item.selected-item .p-check,
    .kanban-item:hover .p-check {
        display: block;
    }

    .kanban-item .p-check input {
        border-top-left-radius: calc(var(--bs-border-radius)* 0.8);
        width: 1.35rem;
        height: 1.35rem;
    }

.cta-bulk-action-hire .p-ani-dropdown {
    padding: 10px;
}

.kanban-card {
    background: #FFF;
    border-radius: calc(var(--bs-border-radius)* 0.95);
}

    .kanban-card .kanban-title {
        padding-left: 5px;
    }

.kanban-item.is-moving.gu-mirror {
    transform: rotate(3deg);
    height: auto !important
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: hsla(0,0%,100%,.8) !important;
    box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05) !important
}

.drag_handler {
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: relative;
    float: left;
    top: -3px;
    margin-right: 4px
}

    .drag_handler:hover {
        cursor: move
    }

.drag_handler_icon {
    position: relative;
    display: block;
    background: #000;
    width: 24px;
    height: 2px;
    top: 12px;
    transition: .5s ease-in-out
}

    .drag_handler_icon:after, .drag_handler_icon:before {
        background: #000;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        transition: .5s ease-in-out
    }

    .drag_handler_icon:before {
        top: 6px
    }

    .drag_handler_icon:after {
        bottom: 6px
    }

.radio-inputs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    background-color: #EEE;
    box-sizing: border-box;
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
    padding: 0.25rem;
    width: 300px;
    font-size: 14px;
}

    .radio-inputs .radio {
        flex: 1 1 auto;
        text-align: center;
    }

        .radio-inputs .radio input {
            display: none;
        }

        .radio-inputs .radio .name {
            display: flex;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            border: none;
            padding: .5rem 0;
            color: rgba(51, 65, 85, 1);
            transition: all .15s ease-in-out;
        }

        .radio-inputs .radio input:checked + .name {
            background-color: #fff;
            font-weight: 600;
        }


/*NOTES CSS - JARYD*/
.profiles-component {
    max-width: 350px;
    margin: auto;
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profiles-header {
    background-size: cover;
}

.profiles-image {
    width: 100px;
    height: 100px;
    border: 5px solid white;
}

.profiles-body {
    padding: 20px;
}

.post {
    max-width: 640px;
    margin: auto;
    background: white;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
}

    .post img {
        max-width: 100%;
        height: auto;
        border-bottom: 1px solid #ddd;
    }

.comment-section {
    border-top: 1px solid #ddd;
}

.profile-photo {
    width: 40px;
    height: 40px;
}

.like-share-comment {
    font-size: 0.9rem;
}

.post-footer {
    padding: 0.5rem 1rem;
}

.comment {
    padding: 0.5rem 1rem;
    border-top: 1px solid #ddd;
}
/* Additional styling for icons */
.profile-container {
    background-color: white;
    margin: 20px auto;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

    .profile-header img {
        border-radius: 50%;
        margin-right: 20px;
    }

    .profile-header h1 {
        margin: 0;
        font-size: 24px;
    }

    .profile-header .follow-btn {
        margin-left: auto;
        background-color: #007bff;
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 5px;
        cursor: pointer;
    }

.profile-info {
    margin-top: 20px;
}

    .profile-info p {
        margin: 5px 0;
    }

    .profile-info .tags {
        background-color: #ddd;
        display: inline-block;
        padding: 5px;
        border-radius: 5px;
        margin-right: 10px;
    }

.timeline-tab {
    margin-top: 20px;
    border-bottom: 2px solid #007bff;
}

    .timeline-tab button {
        background: none;
        border: none;
        padding: 10px;
        margin-right: 10px;
        cursor: pointer;
        outline: none;
    }

.hire-main-container .timeline-content {
    padding: 20px;
    text-align: center;
}

.hire-main-container .toggle-switch {
    position: absolute;
    top: 10px; /* Adjust as needed */
    z-index: 10;
}

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

    .hire-main-container .toggle-switch label {
        cursor: pointer;
        text-indent: -9999px;
        width: 50px;
        height: 25px;
        background: grey;
        display: block;
        border-radius: 100px;
        position: relative;
    }

        .hire-main-container .toggle-switch label:after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 21px;
            height: 21px;
            background: white;
            border-radius: 21px;
            transition: 0.3s;
        }

    .hire-main-container .toggle-switch input:checked + label {
        background: green;
    }

        .hire-main-container .toggle-switch input:checked + label:after {
            left: calc(100% - 2px);
            transform: translateX(-100%);
        }

.p-upload-btn-wrpper {
    min-width: 14.5em;
    text-align: center;
}

#div-vector-map-insights {
    height: 400px !important
}

.hire-main-container .loader-container {
    display: flex;
    align-items: center;
}

.hire-main-container .loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #131414;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

li.experience-item {
    font-weight: bold;
}

    li.experience-item > p {
        font-weight: normal;
    }

.productcursorfiles {
    cursor: pointer;
}

#RegenerateInterview1AnalysisEvbtn, #RegenerateInterview2AnalysisEvbtn, #RegenerateInterviewAnalysisbtn, #RegenerateInterview2Analysisbtn {
    position: absolute;
    right: 0;
    margin-right: 10px;
    height: 30px;
    width: 230px;
}

.disbtn {
    opacity: 0.5; /* Example: Reduce opacity to indicate disabled state */
    pointer-events: none; /* Example: Disable pointer events to prevent interaction */
    /* Additional styling as needed */
}

.tooltip-customsocial .tooltip-inner {
    background-color: black;
    color: white;
    font-size: 14px;
}

.files-container-bulk-upload {
    height: 100%;
    border: 0.1rem dashed var(--primary-border-color);
    border-radius: var(--bs-border-radius);
}

.filter-candidate-menu {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.CandidateFilter, .ShareCandidate {
    margin-right: 10px;
    cursor: pointer;
}

.hire-main-container .sub-category {
    padding-left: 10px;
}

.hire-main-container .sub-category-item {
    display: flex;
    margin-top: 5px;
}

.p-ani-dropdown .accordion-toggle {
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    margin-left: -17px;
}

.p-ani-dropdown .accordion-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: white;
}

/* Static button at the bottom */
.static-button {
    padding: 10px;
    background-color: white;
}

.p-ani-dropdown .accordion-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between checkbox and text */
}

.load-more-btn {
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    color: var(--primary-color);
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 500;
}

    .load-more-btn:hover {
        text-decoration: underline;
    }

.kanban-drag {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    height: 100%; /* Ensure the kanban-drag takes full height */
}

.full-height {
    height: 100% !important;
    max-height: 100% !important;
}

.loading-skeleton .kanban-container {
    overflow: hidden;
}
/*css for internal kanban ends here*/


/*sign*/

.sign-content-mw {
    min-height: 340px;
    background: rgb(140 141 142 / 5%);
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--sec-light-color4);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.1rem;
}

img.img-sign {
    max-width: 350px;
}

.pos-cen {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.sign-content-mw label {
    font-size: var(--base-font-size);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.sign-mw {
    flex: 1;
}

.clear-sign {
    font-size: var(--base-font-size);
    text-align: center;
    color: var(--primary-color);
    font-weight: 500;
    text-decoration: underline;
    display: block;
    margin: 0.5rem 0 0.5rem;
    cursor: pointer;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.sign-content-mw-cc {
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

    .sign-content-mw-cc .img-uploder {
        flex-grow: 1;
    }

    .sign-content-mw-cc .img-uploder {
        flex-grow: 1;
        flex: 1;
        width: 100%;
        background: #fff;
        border-color: var(--input-border-1);
    }

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

.print-name-inp {
    max-width: 250px;
}

    .print-name-inp label {
        color: var(--primary-color);
        font-weight: 500;
    }

    .print-name-inp .form-control-sm {
        min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)* 8));
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm);
    }

    .print-name-inp .form-control:focus {
        border-color: var(--input-border-1);
    }

.sign-mw-sign::after {
    content: '';
    position: absolute;
    top: 67%;
    height: 1px;
    width: 410px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--sec-light-color5);
}

.custom-content small {
    font-size: var(--base-font-size);
}

.partners-login .modal-footer .hc-default-btn {
    min-width: var(--p-btn-min-width);
}

.sign-upld-mw {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
/*eign*/

.sign-preview {
    max-width: 450px;
    border-bottom: 1px solid var(--sec-light-color5);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0rem;
    width: 100%;
    flex: 1;
    padding-bottom: 0.75rem;
}

    .sign-preview p {
        margin-bottom: 0;
    }

.p-sign-preview-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.p-upload-input img {
    max-width: 380px;
    border-bottom: 1px solid var(--sec-light-color5);
    padding-bottom: 15px;
}

#T_SignatureName, #S_SignatureName {
    min-width: 121px;
}

.p-modal-sb .sign-preview {
    max-width: 300px;
}

.sign-content-mw-sb img.img-sign {
    max-width: 300px;
    /*border-bottom: 1px solid var(--sec-light-color5);*/
    /* padding-bottom: 15px;*/
    border-radius: var(--bs-border-radius);
}

.p-modal-sb .sign-mw-sign::after {
    width: 300px;
}

.sign-content-mw-sb .sign-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.continue-button[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;
}

.hc-default-btn.btn-salmon.btn-cancel[disabled] {
    cursor: not-allowed !important;
    opacity: 0.5;
    pointer-events: none;
    color: #848484 !important;
}



/*accordian*/
.p-ad-accordion .accordion-button:focus {
    box-shadow: none;
}

.p-ad-accordion .accordion-item {
    border: none;
}

    .p-ad-accordion .accordion-item:not(:last-child) {
        margin-bottom: 0.9rem;
    }

.list-accordion-pack {
    list-style: none;
    padding: 0;
}

    .list-accordion-pack li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.2rem;
        font-size: var(--base-font-size);
    }

        .list-accordion-pack li:not(:last-child) {
            margin-bottom: 0.5rem;
        }

.p-packeg-featu-name em.icon {
    font-size: 1rem;
    position: relative;
    top: 1px;
    align-self: flex-start;
    padding-top: 0.2rem;
    color: var(--theme-primary-color);
}

.p-packeg-featu-name {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-packeg-featu-amount {
    font-weight: 600;
    display: inline-block;
    padding-right: 2.7rem;
}

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

.p-ad-accordion .accordion-button {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.11 ) !important;
    font-weight: 600;
    border-radius: var(--bs-border-radius) !important;
    padding: calc(var(--bs-accordion-btn-padding-y)* 0.8) var(--bs-accordion-btn-padding-x);
    font-size: var(--base-font-size-xl) !important;
}

    .p-ad-accordion .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

    .p-ad-accordion .accordion-button span {
        color: var(--primary-color);
        font-size: var(--base-font-size-xxl);
    }
/*accordian*/

.free-text-response {
    --bs-border-radius: 1.15rem;
    background-color: var(--sec-light-color8);
    padding: 1.05rem 1.1rem;
    border-radius: calc(var(--bs-border-radius));
    color: var(--primary-color);
    position: relative;
    line-height: 1.6;
    border: 1px solid rgb(232 232 232 / 61%);
}

    .free-text-response p {
        margin: 0;
    }

    .free-text-response svg.p-icon {
        margin-bottom: 0.5rem;
        stroke: none;
        fill: #737376;
        width: 1.7rem;
        height: 1.7rem;
        left: 0;
        transform: rotate(180deg);
        margin-top: -0.45rem;
    }

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(206 206 206 / 25%);
}

.badge {
    padding: 0.35em 0.4em 0.35em;
    font-size: var(--base-font-size-xxs);
    font-weight: 600;
}

.bg-red {
    background: var(--theme-primary-color);
    color: #fff;
}

.sign-mw-bord .img-sign {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin-top: 0.8rem;
}

.text-xs {
    font-size: var(--base-font-size-xxs) !important;
}

.fw-600 {
    font-weight: 600;
}


img.uploaded-signature {
    max-width: 300px;
}


.tm_av_cnt .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical .dx-icon-close::before {
    width: 15px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 26'%3E%3Cg id='Iconly/Light/Delete' stroke-width='1.5' stroke='%23000' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Delete' transform='translate(3.000000, 2.000000)' stroke-width='1.5'%3E%3Cpath d='M16.3249,7.4682 C16.3249,7.4682 15.7819,14.2032 15.4669,17.0402 C15.3169,18.3952 14.4799,19.1892 13.1089,19.2142 C10.4999,19.2612 7.8879,19.2642 5.2799,19.2092 C3.9609,19.1822 3.1379,18.3782 2.9909,17.0472 C2.6739,14.1852 2.1339,7.4682 2.1339,7.4682' id='Stroke-1'%3E%3C/path%3E%3Cline x1='17.7082' y1='4.2397' x2='0.7502' y2='4.2397' id='Stroke-3'%3E%3C/line%3E%3Cpath d='M14.4406,4.2397 C13.6556,4.2397 12.9796,3.6847 12.8256,2.9157 L12.5826,1.6997 C12.4326,1.1387 11.9246,0.7507 11.3456,0.7507 L7.1126,0.7507 C6.5336,0.7507 6.0256,1.1387 5.8756,1.6997 L5.6326,2.9157 C5.4786,3.6847 4.8026,4.2397 4.0176,4.2397' id='Stroke-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    font-size: 0;
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
}

.tm_av_cnt .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical .dx-button-content:has(.dx-custom-delete) {
    height: 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.p-gs-handbook .p-add-btn-icon {
    max-width: 180px;
    margin: 0 auto;
}

.lt-list-date.lt-list-lr-mw {
    /*justify-content: space-between;*/
    align-items: flex-start;
}

.lt-days-left-mw {
    text-align: center;
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;
}

.no-plicies-text {
    text-align: center;
    padding: 3rem 0;
}

    .no-plicies-text h6 {
        font-size: var(--base-font-size-xxl);
        font-weight: 600;
        margin-bottom: 0.1rem;
    }

    .no-plicies-text p {
        color: var(--on-primary-color);
    }

.p-acc-card .card-body {
    border-top: 1px solid var(--primary-border-color);
    background: #fff !important;
}

.p-def-back-btn > .pdf .p-icon {
    width: 1.95rem;
    height: 1.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--btn-light-bg);
    padding: 6px;
    margin-right: 4px;
    border: 1px solid var(--theme-border-2);
    stroke: var(--theme-primary-color);
}

.p-def-back-btn .p-icon:hover {
    background-color: var(--sec-light-color7);
    stroke: var(--primary-color);
}

.loading-skeleton .ch-grid-actions label svg {
    display: none;
}

/**/

svg.p-icon-ag-p {
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    fill: var(--theme-primary-color);
}

.ask-plumm-searc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    right: 0.8rem;
    font-size: var(--base-font-size-xxs);
    cursor: pointer;
}

    .ask-plumm-searc::before {
        content: "";
        position: absolute;
        left: -11px;
        width: 1px;
        background: var(--theme-border-layout);
        height: 20px;
        top: -2px;
    }

    .ask-plumm-searc a {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        color: var(--primary-color)
    }

.p-age-vid-wra {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--theme-border-layout);
    box-shadow: var(--default-shadow);
}

.vir-age-container {
    width: 100%;
    max-width: 880px;
    text-align: center;
    margin: 0 auto;
    padding-top: 2.25rem;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--nav-min-height));
    overflow: hidden;
    padding-bottom: 1.5rem;
    justify-content: center;
    transition: all 0.6s;
}

.js-vir-age-as {
    padding-top: 0;
    padding-bottom: 0;
}

.vir-age-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.vir-age-chat-box {
    /*background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius);
    padding: var(--box-padding);
    border: 1px solid var(--sec-light-color7);*/
    position: relative;
}

.vir-age-chat-box-inner {
    border: 1px solid var(--sec-light-color6);
    background: #fff;
    border-radius: calc(var(--bs-border-radius)* 1.15);
}

.js-vir-age-as .vir-age-chat-box-inner {
    --tw-shadow: 0 9px 9px 0px rgba(0, 0, 0, .01), 0 2px 5px 0px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0 9px 9px 0px var(--tw-shadow-color), 0 2px 5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vir-age-chat-box textarea {
    width: 100%;
    height: 120px;
    border: none;
    resize: none;
    padding: 0.85rem 1.1rem;
    font-size: var(--base-font-size-xl);
    border-radius: var(--bs-border-radius);
    outline: none;
}

.vir-age-chat-box-action {
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0.8rem;
}

.p-age-up-img-mw-prev {
    padding: 0.8rem;
    position: relative;
    padding-bottom: 0rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.p-age-up-img-mw img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.p-age-up-img-mw {
    width: 68px;
    height: 68px;
    position: relative;
}

.close-icon-age-img {
    position: absolute;
    right: 0.2rem;
    z-index: 99;
    top: 0.2rem;
    stroke: var(--primary-color) !important;
    background: rgb(255 255 255 / 90%);
    border-radius: 50%;
    padding: 0.12rem;
    width: 1.05rem;
    height: 1.05rem;
    opacity: 0;
    visibility: hidden;
    stroke-width: 2.2;
    cursor: pointer;
}

.p-age-up-img-mw:hover .close-icon-age-img,
.p-age-upl-mw:hover .close-icon-age-img {
    transition: all .3s;
    visibility: visible;
    opacity: 1;
}

.p-age-upl-mw .close-icon-age-img {
    stroke: var(--on-primary-color) !important;
    background: rgb(244 244 244 / 90%);
}

.p-age-upl-mw:has(.p-age-up-img-ch) {
    align-items: flex-end;
}

.p-age-up-img-ch {
    --age-space: 0.5rem;
    max-height: calc(var(--age-space) * 40) !important;
    max-width: calc(var(--age-space) * 60) !important;
}

    .p-age-up-img-ch img {
        width: 100%;
        height: 100%;
        max-height: calc(var(--age-space) * 40);
        max-width: 100%;
        border-radius: var(--bs-border-radius);
    }

.webchat-load-msg-main-wrapper .p-age-docs-type-mw {
    justify-content: end;
    padding: 0;
}

.p-chat-def.p-chat-def-vir .article-load-msg-right .webchat-load-msg-main-wrapper:has(.p-age-upl-mw) {
    max-width: 90%;
}

.p-age-docs-type-mw {
    display: flex;
    align-items: center;
    padding: 0.8rem;
    gap: 0.55rem;
    padding-bottom: 0;
    flex-wrap: wrap;
}

.p-age-doc-type-sheet .p-icon.p-icon-3xl {
    background: green !important;
    stroke: #fff !important;
}

.p-age-docs-type-mw .p-txt-ellip-grad::after {
    background: linear-gradient(-90deg, #ffffff 20%, transparent);
}

.p-age-docs-type-mw .p-mb-att-mw-item:hover .p-txt-ellip-grad::after {
    background: linear-gradient(-90deg, #ffffff 20%, transparent);
}

.p-age-doc-type-doc .p-icon.p-icon-3xl {
    background: #3079e5 !important;
    stroke: #fff !important;
}

.p-age-doc-type-pdf .p-icon.p-icon-3xl {
    background: #f03b3b !important;
    stroke: #fff !important;
}

.p-age-docs-type-mw .p-age-att .p-icon.p-icon-3xl {
    width: 2.1rem;
    height: 2.1rem;
    background: var(--theme-border-layout);
    padding: 0.4rem;
    stroke: var(--theme-primary-color);
    border-radius: 0.65rem;
}

.p-age-att .w-100 {
    text-align: left;
}

.p-age-docs-type-mw .p-mb-att-mw-item {
    min-width: 200px;
    position: relative;
    overflow: hidden;
    min-height: initial;
    padding: 0.3rem;
    border-radius: 0.75rem;
}

.vir-age-attach-icon {
    cursor: pointer;
    font-size: 20px;
}

.vir-age-send-btn {
    background: black;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.vir-age-tags-container {
    display: flex;
    align-items: center;
    position: relative;
    margin: 1rem 0rem 0.3rem;
    width: 100%;
}

.vir-age-tags-wrapper {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    justify-content: center;
    width: 100%;
    gap: 1rem;
}

    .vir-age-tags-wrapper::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome, Safari */
    }

.vir-age-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: black;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 18px;
    z-index: 10;
    display: none; /* Initially hidden */
}

.vir-age-arrow-left {
    left: 0;
}

.vir-age-arrow-right {
    right: 0;
}

.vir-age-tag {
    padding: 0.35rem 1rem;
    border-radius: 20px;
    white-space: nowrap;
    cursor: pointer;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--theme-border-layout);
    background: rgb(255 255 255 / 55%);
    color: #6b6f7c;
    font-size: var(--base-font-size-sm);
}

    .vir-age-tag.vir-active,
    .vir-age-tag:hover {
        background: var(--theme-primary-color);
        color: white;
    }

.vir-age-tag-icon {
    display: inline-block;
    width: 1.15rem;
    height: 1.15rem;
}

.vir-age-tag-icon-f {
    fill: #fff;
    width: 0.9rem;
    height: 0.9rem;
}

.vir-age-tag-icon-f {
    fill: var(--theme-primary-color);
}

.vir-age-tag-icon-s {
    stroke: var(--theme-primary-color);
}

.vir-age-tag.vir-active .vir-age-tag-icon-s,
.vir-age-tag:hover .vir-age-tag-icon-s {
    stroke: #fff;
}

.vir-age-tag.vir-active .vir-age-tag-icon-f,
.vir-age-tag:hover .vir-age-tag-icon-f {
    fill: #fff;
}

.pp-ask-ai-send,
.p-icon-ag-mw {
    transition: all .3s;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    cursor: pointer;
    border-radius: 50%;
    background: var(--theme-primary-color);
}

.p-icon-ag-mw-btn {
    width: inherit;
    border-radius: 3rem;
    padding: 0.5rem;
    padding-right: 0.7rem;
    color: var(--theme-primary-color);
    font-size: var(--base-font-size-sm);
}

.p-icon-ag-mw:hover {
    color: #fff;
}

.p-icon-ag-mw {
    background-color: var(--theme-border-layout);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-icon-ag-mw svg {
        stroke: var(--theme-primary-color);
    }

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

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

.btn-trnp .pp-ask-ai-send {
    background: transparent;
}

    .btn-trnp .pp-ask-ai-send svg.hover-sf-f {
        fill: var(--theme-primary-color);
    }

.vir-age-chat-box-inner.p-textarea-w-cta textarea:focus ~ .btn-trnp svg.hover-sf-f {
    opacity: 1;
    fill: var(--theme-primary-color);
    visibility: visible;
}

.vir-age-chat-box-inner.p-textarea-w-cta textarea:focus ~ .btn-trnp svg.hover-sf-s {
    display: none;
}

.btn-trnp .pp-ask-ai-send:not(.send-btn-enable) {
    opacity: 1;
    cursor: pointer;
}

.pp-ask-ai-send .hover-sf-f {
    opacity: 0;
    visibility: hidden;
}

.pp-ask-ai-send .hover-sf-s {
    fill: var(--theme-primary-color);
}

.pp-ask-ai-send svg {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff;
}

.pp-ask-ai-send .hover-sf-f,
.pp-ask-ai-send:hover .hover-sf-s,
.send-active-class .hover-sf-s {
    opacity: 0;
    visibility: hidden;
}

.pp-ask-ai-send:hover .hover-sf-s {
    visibility: hidden;
    opacity: 0;
}

.pp-ask-ai-send:hover .hover-sf-f,
.send-active-class .hover-sf-f {
    visibility: visible;
    opacity: 1;
}

.vir-age-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
    width: 100%;
}

.vir-age-card {
    background: #fff;
    border-radius: var(--bs-border-radius);
    padding: 20px;
    transition: transform 0.2s ease-in-out;
    text-align: left;
    border: 1px solid var(--primary-border-color);
}

    .vir-age-card:hover {
        background: var(--p-grey-3);
        border: 1px solid var(--sec-light-color6);
        cursor: pointer;
    }

    .vir-age-card:hover {
        transform: translateY(-5px);
    }

.vir-age-card-title {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: var(--primary-color);
    margin-top: 1.2rem;
}

.vir-age-card-description {
    font-size: 14px;
    color: #555;
}

.vir-age-card-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.vir-age-card .p-smiw {
    --icon-nav-wh: 1.4rem;
}

.vir-age-card:hover .p-sbitt {
    opacity: 1;
    visibility: visible;
}

.vir-age-card:hover .p-sbi {
    opacity: 0;
    visibility: visible;
}

input[type="search" i]::-webkit-search-cancel-button {
    display: none;
}

.p-agsd-dropdown {
    position: absolute;
    background: white;
    border-radius: 12px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.95);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
    max-height: 0;
}

    .p-agsd-dropdown.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        max-height: 500px;
    }

.p-agsd-dropdown-header {
    padding: 0.65rem 1.1rem 0.25rem;
    color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-agsd-dropdown-header-title {
    font-weight: 500;
    font-size: var(--base-font-size-lg);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.js-close-dropdown .p-icon {
    stroke: var(--theme-primary-color);
}

.js-close-dropdown {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.2);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

    .js-close-dropdown:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: rotate(90deg);
    }


.p-agsd-prompt-item {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .p-agsd-prompt-item:hover {
        background: var(--theme-border-layout);
        color: var(--theme-primary-color);
    }

        .p-agsd-prompt-item:hover .p-agsd-prompt-text {
            color: var(--theme-primary-color);
        }

.p-agsd-prompt-text {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.p-agsd-divider {
    height: 1px;
    border-bottom: 1px solid var(--theme-border-layout);
}

@media (max-width: 768px) {
    .p-agsd-dropdown-content {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 1024px) and (max-height: 800px) {
    .vir-age-card-description {
        margin-bottom: 0;
    }

    .vir-age-chat-box textarea {
        height: 100px;
    }
}

@media screen and (min-width: 1024px) and (max-height: 750px) {
    .vir-age-card-description {
        margin-bottom: 0;
    }

    .vir-age-card-description {
        font-size: 13px;
    }

    .vir-age-card-title {
        margin-top: 0.8rem;
    }

    .vir-age-chat-box textarea {
        height: 80px;
    }
}

@media (max-width: 768px) {
    .vir-age-cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .vir-age-cards-container {
        grid-template-columns: 1fr;
    }
}


.js-vir-age-as {
    display: flex;
    max-width: 100%;
    gap: 0;
    margin-top: 0;
}

/* Keep Tags & Cards Visible Initially */
/*.js-cards-container,
.js-tags-container {
    display: block;
}
*/
/* Move Chat Box to Bottom Left AFTER Sending Message */
/* New Class When Search Starts */
.vir-age-container:not(.js-vir-age-as) .js-cards-container {
    margin-bottom: -1.6rem;
}

.vir-age-container:not(.js-vir-age-as) .vir-age-tags-container {
    margin-bottom: 9rem;
}

@media(max-width: 1650px) {
    .vir-age-container:not(.js-vir-age-as) .vir-age-tags-container {
        margin-bottom: 6.5rem;
    }
}

.js-active-search {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.ph-age-para {
    font-size: 1rem;
    margin-top: 0.4rem;
    font-weight: 400;
}

.hr-age-head {
    font-weight: 700;
    font-size: 2.3rem;
}

.pp-ask-ai-send:not(.send-btn-enable),
.btn-sendchat.p-icon-ag-mw {
    opacity: .5;
    cursor: not-allowed;
}

.p-tl-chat-ia textarea:focus ~ .btn-sendchat {
    opacity: 1;
    cursor: pointer;
}
/* Move Chat Box to Bottom Left AFTER Sending Message */
.js-vir-age-as .vir-age-chat-wrp-inner {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--nav-min-height));
    overflow: hidden;
    padding-bottom: 1rem;
    gap: 1.3rem;
}

.p-chat-def-vir {
    flex: 1;
    max-height: 100%;
    overflow: auto;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 2.25rem;
}

.p-chat-def.p-chat-def-vir .article-load-msg-right .webchat-load-msg-main-wrapper {
    max-width: 40em;
}

.vir-chat-box,
.js-vir-age-as .vir-age-chat-box {
    background: #fff;
    transition: all 0.6s;
}

.vir-ct-btn .vir-ag-edit.p-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.vir-ct-btn .p-icon {
    width: 1.05rem;
    height: 1.05rem;
    stroke: var(--theme-primary-color);
}

.p-age-upl-mw {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    position: relative;
}

.js-vir-age-as .vir-age-chat-box-inner {
    margin: var(--chat-gap);
}

.js-vir-age-as .vir-age-chat-box {
    background: #fff;
    flex: 1;
    z-index: 1;
}

.js-vir-age-as .p-chat-def-vir-inner,
.js-vir-age-as .vir-age-chat-box-inner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.his-list .input_chatSessionName {
    border: 1px solid var(--theme-border-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    width: 100%;
    padding: 0.25rem 0.6rem;
}

    .his-list .input_chatSessionName:focus {
        border-color: var(--input-border-1);
        box-shadow: 0 0 0 0.12rem var(--theme-secondary-color);
    }

.chatbot-user-request-list-item:has(.input_chatSessionName-active):hover,
.vir-age-his-list li.his-list-active.chatbot-user-request-list-item:has(.input_chatSessionName-active) {
    background: transparent;
    border: none;
}

.chatbot-user-request-list-item:has(.input_chatSessionName-active) .p-dd-wp-wrapper {
    display: none;
}

.chatbot-user-request-list-item:has(.input_chatSessionName-active)::after {
    display: none;
}

.chatbot-user-request-list-item:has(.input_chatSessionName-active) {
    padding: 0;
    min-height: 33px;
    border: none;
    padding-bottom: 3px;
}

.p-age-upl-doc-det {
    background: var(--theme-secondary-color);
    color: var(--primary-color) !important;
    padding: 0.4rem 0.6rem 0.4rem 0.7rem;
    border-radius: var(--bs-border-radius);
    text-align: left;
    border-top-right-radius: 0;
    align-self: flex-end;
}

.js-vir-age-as .vir-age-chat-box textarea {
    height: initial;
}

.vir-age-chat-box textarea::placeholder {
    color: var(--placeholder-color);
}

.js-left-sidebar-analysis .webchat-load-msg-main-wrapper .chatbot-bubble h6 {
    font-size: var(--base-font-size-h6);
}

.vir-age-chat-box .webchat-load-msg-main-wrapper .avatar {
    display: none;
}

.p-chat-def-vir.p-chat-def .webchat-load-msg-main-wrapper {
    max-width: 100%;
}

.js-chat-layout {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    display: none;
    padding: var(--chat-gap);
}

.p-btn-icon {
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius));
    padding: 0.25rem;
}

.p-btn-link-icon:hover,
.p-btn-icon:hover {
    background-color: var(--theme-border-layout);
}

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

.p-btn-icon-red:hover {
    background-color: hsl(0deg 100% 71.82% / 12.5%);
}

.p-btn-icon-red:hover svg {
    stroke: var(--overdue-tc);
}
/* Left Sidebar Analysis (Hidden Initially, Appears on Search) */
.js-left-sidebar-analysis {
    padding: var(--chat-gap);
    max-height: 100%;
    overflow-y: auto;
    height: calc(100vh - var(--nav-min-height));
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    width: var(--vir-ag-sb-wid);
    border-right: 1px solid var(--theme-border-layout);
    flex-shrink: 0;
    width: var(--vir-ag-sb-wid);
    background-color: #fff;
    transition: margin-left 0.3s ease-in-out;
    margin-left: calc(var(--vir-ag-sb-wid)* -1);
    opacity: 0;
    transition: all .6s;
    visibility: hidden;
}

    .js-left-sidebar-analysis.open {
        margin-left: 0;
        visibility: visible;
        opacity: 1;
        transition: margin-left 0.3s ease-in-out;
    }

.vir-age-container.shifted {
    transition: margin-left 0.3s ease-in-out;
}

.canvas-mode .vir-age-chat-box {
    --vir-ag-sb-wid: 35%;
    width: var(--vir-ag-sb-wid);
    max-width: 640px;
    padding: 1rem 1.55rem;
    border-color: var(--border-layout);
    background: var(--grey-bg-1);
    padding-right: 0.55rem;
}

.canvas-mode .p-chat-def-vir {
    padding-left: 0;
    padding-right: var(--chat-gap);
}

.canvas-mode.js-vir-age-as .vir-age-chat-wrp-inner {
    padding-bottom: 2.2rem;
    gap: 2rem;
    padding-right: var(--chat-gap);
    margin-right: calc(var(--chat-gap)* -1);
}

.canvas-mode.js-vir-age-as .vir-age-chat-box-inner {
    max-width: calc(100% - var(--chat-gap));
    justify-self: flex-start;
    margin-left: 0;
}

.vir-age-container.canvas-mode {
    padding: 0;
}

.p-chat-def-vir {
    flex: 1;
    max-height: 100%;
    overflow: auto;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 2.25rem;
}

/* Right Panel (Iframe for Results) */
.js-right-panel {
    flex: 1;
    background: white;
    padding: 0;
    overflow: hidden;
    position: relative;
}

    .js-right-panel iframe {
        width: 100%;
        height: 100%;
        border: none;
    }


.p-chat-def-vir .chatbot-bubble ul,
.p-chat-def-vir .chatbot-bubble ol {
    padding-left: 1.15rem;
    margin-top: 0.55rem;
    margin-bottom: 0.8rem;
}

    .p-chat-def-vir .chatbot-bubble ul li, .p-chat-def-vir .chatbot-bubble ol li {
        margin-bottom: 0.7em;
        margin-top: 0.7em;
        padding-left: 0;
    }

    .p-chat-def-vir .chatbot-bubble ul > li::marker {
        font-weight: 400;
        font-size: 0.8rem;
        color: var(--sec-light-color1);
    }

.p-chat-def-vir .chatbot-bubble ul {
    list-style: disc;
}

ul.va-chat-summary {
    list-style: disc;
    padding-left: 1rem;
}

.form-control.form-control-sm-i {
    height: calc(1.5em + 0.75rem + 0.425em);
}

.p-chat-def-vir .va-marker ul {
    padding: 0;
    margin-top: 0.55rem;
    margin-bottom: 0;
    list-style: none;
}

    .p-chat-def-vir .va-marker ul h4 {
        font-size: var(--base-font-size-xl);
        font-weight: 600;
        margin-bottom: .5rem;
        margin-top: 1rem;
    }

    .p-chat-def-vir .va-marker ul li,
    ul.va-chat-summary li {
        margin-bottom: 0.5rem;
        padding-left: 0;
    }

.webchat-load-msg-wrapper span.chatbot-bubble p {
    margin-bottom: 0.5rem;
    margin-top: 0.7rem;
}
/* User & AI Messages */

/**/

/* Dynamic Textarea (Expands Only After Search) */
#js-chat-input {
    min-height: 80px;
    max-height: 300px;
    overflow-y: hidden;
    width: 100%;
    transition: all 0.2s ease-out;
    border-radius: 1.4rem;
}

.typing-indicator {
    position: absolute;
    top: 14px;
    left: 18px;
    pointer-events: none;
    overflow: hidden;
    color: #747783;
    font-size: 0.9rem;
}

#typing-text {
    white-space: nowrap;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.p-chat-def-vir .webchat-load-msg-wrapper-left {
    text-align: left;
}

.p-chat-def-vir .webchat-load-msg-wrapper-left {
    text-align: left;
    background: transparent !important;
    padding: 0 !important;
    min-height: initial !important;
    align-self: center !important;
}

.p-chat-def-vir .webchat-load-msg-wrapper-right {
    /*background: #f2f3f7 !important;*/
    text-align: left;
}

.p-chat-def-vir.p-chat-def article.article-load-msg:not(:last-child) {
    margin-bottom: 1.3rem;
}

.canvas-sb-acts,
.p-can-rec-chat-head {
    display: none !important;
}

.loader-cv-title {
    display: flex;
    align-items: center;
}

    .loader-cv-title label {
        height: 15px;
    }

.va-summary.loading-skeleton ul {
    padding-left: 0;
}

.va-summary.loading-skeleton strong {
    display: none !important;
    visibility: hidden;
}

.va-summary.loading-skeleton h6 {
    max-width: 50%;
    margin-bottom: 1.4rem;
}

.va-summary.loading-skeleton {
    border-color: var(--sec-light-color6);
}

.loading-skeleton .va-chat-summary li {
    margin-bottom: 1.25rem;
    padding-left: 0;
}

.va-summary.loading-skeleton li {
    background: inherit;
}

    .va-summary.loading-skeleton li:nth-child(1) {
        width: 80%;
    }

    .va-summary.loading-skeleton li:nth-child(2) {
        width: 70%;
    }

    .va-summary.loading-skeleton li:nth-child(3) {
        width: 60%;
    }

    .va-summary.loading-skeleton li:nth-child(4) {
        width: 50%;
    }

    .va-summary.loading-skeleton li:nth-child(5) {
        width: 40%;
    }

    .va-summary.loading-skeleton li:nth-child(6) {
        width: 75%;
    }

    .va-summary.loading-skeleton li:nth-child(7) {
        width: 45%;
    }
/* Cadence */

.canvas-mode .canvas-sb-acts,
.canvas-mode .p-can-rec-chat-head {
    display: block !important;
}

.canvas-mode .vir-age-sidebar {
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(calc(100%)* -1);
    width: calc(100%);
    height: 100%;
    background-color: #f9fafb;
    color: white;
    padding: var(--chat-gap);
    transition: left 0.3s ease-in-out;
    z-index: 1001;
    height: calc(100vh - var(--nav-min-height));
}

.vir-ct-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    transition: all .3s;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--theme-light-bg-def-1);
}

    .vir-ct-btn:hover {
        background: var(--theme-primary-color);
    }

        .vir-ct-btn:hover svg {
            stroke: #fff;
        }

.canvas-mode .vir-age-sidebar.open {
    left: 0;
    z-index: 2100;
    display: block !important;
    max-width: var(--vir-ag-sb-wid);
    left: var(--custom-sidebar-width);
}

.p-chat-def-vir.p-chat-def .webchat-load-msg-wrapper-right.webchat-load-msg-wrapper {
    padding: 0.4rem 0.6rem 0.4rem 0.7rem;
    min-height: inherit;
}

.p-chat-def-vir-inner .p-chat-def span.webchat-load-msg-time {
    margin: 6px 5px -1px 30px;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: -1px;
}

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

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

.vir-age-his-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 0.8rem;
}

    .vir-age-his-list li:hover .p-dd-wp-wrapper::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 14px;
        bottom: -6px;
        background: transparent;
    }

    .vir-age-his-list li {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
        padding: 0.35rem 0.6rem;
        border: 1px solid transparent;
        border-radius: calc(var(--bs-border-radius)* 0.55);
        cursor: pointer;
        position: relative;
    }

        .vir-age-his-list li.pdf-gap-sm {
            gap: 0.55rem;
        }


        .vir-age-his-list li::after,
        .p-vir-se-popup-list li span::after {
            content: '';
            background: linear-gradient(-90deg, #fff, transparent);
            width: 45px;
            position: absolute;
            height: 100%;
            right: 0;
            border-top-right-radius: var(--bs-border-radius);
            border-bottom-right-radius: var(--bs-border-radius);
        }

        .vir-age-his-list li:hover::after,
        .vir-age-his-list li.his-list-active::after {
            background: linear-gradient(-90deg, var(--theme-light-bg-def-1), transparent) !important;
        }

    .vir-age-his-list .p-dd-wp-dot-icon:hover {
        background: transparent;
    }

    .vir-age-his-list li .p-dd-wp-wrapper {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 10px;
        z-index: 9;
        min-width: 130px;
        display: flex;
        justify-content: flex-end;
        background: linear-gradient(-90deg,var(--theme-light-bg-def-1) 28%, transparent);
    }

        .vir-age-his-list li .p-dd-wp-wrapper button {
            z-index: 999;
        }

    .vir-age-his-list li:hover .p-dd-wp-wrapper {
        opacity: 1;
        visibility: visible;
    }

    .vir-age-his-list li span {
        color: var(--primary-color);
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
    }

.vir-age-chat-hist-mw h6 {
    text-align: left;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    padding-left: 0.65rem;
    font-weight: 400;
    color: var(--on-primary-color);
}

.his-list-active {
    background: var(--sec);
}

.vir-age-his-list li:not(:last-child) {
    margin-bottom: 0;
}

.vir-age-his-list li.his-list-active,
.vir-age-his-list li:hover {
    background: var(--theme-light-bg-def-1);
    border-color: var(--theme-light-bg-def-1);
}

    .vir-age-his-list li.his-list-active span {
        font-weight: 500;
    }

.vir-age-container.js-vir-age-as {
    margin-bottom: 0;
    flex-direction: initial;
    z-index: 1;
}

.vir-age-chat-box-textarea .loader-new {
    font-size: 1.5px;
}

.vir-age-chat-box-textarea .show-live-type-status {
    left: 1.1rem;
    top: -1.5rem;
    gap: 0.5rem;
}

.p-chat-def-vir-inner .show-live-type-status {
    position: initial;
    align-items: center;
    margin-left: -0.1rem;
}

.vir-ag-container {
    width: 350px;
    text-align: left;
}

.pp-cp-navs {
    flex: 1;
    flex-shrink: 0;
    max-width: 100%;
}

.vir-ag-rs .p-def-table tr th {
    word-break: break-word;
    vertical-align: middle;
}

.vir-ag-rs {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--box-padding)* 0.6);
}

.vir-ag-todo-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .vir-ag-todo-list li {
        display: flex;
        border: none !important;
        align-items: center;
        padding: 10px;
        margin-bottom: 10px;
        /*background-color: var(--sec-light-color8);*/
        border-radius: calc(var(--bs-border-radius)* 0.5);
        cursor: pointer;
        transition: background-color 0.6s ease;
        position: relative;
        overflow: hidden;
        border: 1px solid var(--sec-light-color8);
    }

.article-load-msg:has(.show-live-type-status) {
    margin-bottom: 0.3rem !important;
}
/*.vir-age-sidebar {
    transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
}*/

.vir-age-open-sidebar .vir-age-sidebar {
    transform: translateX(0);
    opacity: 1;
}

/*.vir-age-sidebar:not(.open) {
    transform: translateX(-100%);
    opacity: 0;
}*/

.js-chat-box {
    transition: transform 0.6s ease-in-out;
}

.js-chat-fixed {
    transform: translateY(0);
}

.vir-age-chat-box-textarea textarea {
    transition: height 0.3s ease-in-out;
}

.p-chat-def-vir .line-heading.line-heading-chat {
    background: transparent !important;
}

    .p-chat-def-vir .line-heading.line-heading-chat::before,
    .p-chat-def-vir .line-heading.line-heading-chat::after {
        content: "";
        display: inline-block;
        background-color: var(--sec-light-color7);
    }

.p-chat-def.p-chat-def-vir .line-heading.line-heading-chat {
    width: 100%;
    max-width: 100%;
}

.vir-ag-todo-list li:not(:last-child) {
    margin-bottom: 1rem;
}

.vir-ag-todo-list li.completed {
    background-color: #e8f5e9;
}

.vir-ag-checkbox {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
}

    .vir-ag-checkbox.checked {
        border-color: #4caf50;
        background-color: #4caf50;
        animation: vir-ag-checkAnimation 0.3s ease;
    }

        .vir-ag-checkbox.checked::after {
            content: " ";
            background-image: url("data:image/svg+xml,%3Csvg id='Checkmark' 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='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-size: contain;
            background-position: 0px 2px;
            width: 1.3rem;
            height: 1.3rem;
            animation: vir-ag-iconAnimation 0.3s ease;
        }

.vir-ag-task-text-wrapper {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.vir-ag-task-text {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease, text-decoration 0.3s ease;
    color: var(--primary-color);
    font-weight: 400;
}

    .vir-ag-task-text.completed {
        text-decoration: line-through;
    }

.vir-ag-progress.completed {
    opacity: 0; /* Fade out the progress background */
}

.vir-ag-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: var(--sec-light-color6);
    z-index: 1;
    transition: width 2s linear;
}

@keyframes vir-ag-checkAnimation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

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

@keyframes vir-ag-iconAnimation {
    0% {
        opacity: 0;
        transform: scale(0);
    }

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

.vir-age-his-list .p-dd-wp-dot-icon {
    width: 1.55rem;
    height: 1.55rem;
    padding: 0.3rem;
    fill: var(--primary-color);
}

.va-chat-box {
    border-radius: var(--bs-border-radius);
    position: relative;
    overflow: hidden;
    /*min-height: 350px;*/
    background: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border: 1px solid var(--sec-light-color7);
    max-height: 500px;
    display: flex;
    flex-direction: column;
    max-width: 450px;
    margin: 0 auto;
}

.implentation-ai b,
.implentation-ai strong {
    font-weight: 600;
}

.va-summary {
    max-width: 800px;
    background: #F5F7FA;
    padding: 0.6rem 0.9rem;
    border-radius: var(--bs-border-radius);
    margin: 1rem 0 1.2rem;
    color: var(--primary-color);
    align-self: flex-start;
}

    .va-summary ul {
        margin-bottom: 0 !important;
    }

body:has(.js-vir-age-as) {
    background: #fff;
}

.p-chat-def-vir .chatbot-bubble ul li:last-child, .p-chat-def-vir .chatbot-bubble ol li:last-child {
    margin: 0;
}

.va-summary h4 {
    font-size: calc(var(--base-font-size-h3) * 0.92);
    font-weight: 600;
}

.va-table .p-def-table tr th:first-child {
    min-width: 160px;
}

.p-chat-def-vir .webchat-load-msg-wrapper-left .text-decoration-line-through {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.p-chat-def-vir .webchat-load-msg-wrapper-left span.text-decoration-line-through::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--primary-color);
}

.p-chat-def-vir-inner .p-mb-att-mw-item {
    width: 100%;
    max-width: 400px;
    text-align: left;
    padding: 0.35rem;
    min-height: initial;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    padding-right: 0.5rem;
    cursor: pointer !important;
}

.p-age-att .p-icon.p-icon-3xl {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--theme-border-layout);
    padding: 0.5rem;
    stroke: var(--theme-primary-color);
    border-radius: 0.65rem;
}

.p-age-att .w-100 {
    line-height: 1.3;
}

    .p-age-att .w-100 p {
        font-weight: 600;
    }

.p-chat-def-vir-inner .p-txt-ellip-grad::after {
    display: none;
}

.va-summary .p-tag,
.va-summary .btn-status {
    min-width: initial;
    padding: 0.15rem 0.5rem .19rem;
    font-weight: 500;
    font-size: var(--base-font-size-xxs);
    line-height: 1.2;
    border-radius: calc(var(--bs-border-radius) * 0.3) !important;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 0.1rem;
}

.va-summary .pdf {
    gap: 0.45rem;
}

.p-age-att .p-pipe-divider {
    padding: 0 0.45rem;
}

.bg-grey-wbr.p-age-att {
    background: transparent;
    border: 1px solid var(--theme-border-layout);
    gap: 0.37rem;
}

    .bg-grey-wbr.p-age-att:hover {
        background: transparent;
        border: 1px solid var(--theme-border-layout);
    }

.p-age-att.p-mb-att-mw-item:hover {
    background-color: transparent;
    cursor: default;
}
/* Header section */
.va-header {
    padding: 0.5rem var(--box-padding);
    border-bottom: 1px solid var(--theme-border-layout);
}

.va-header-text {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
}

/* Expand button */
.va-expand-button {
    background: none;
    border: none;
    color: #f1f1f1;
    font-size: 1.5em;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .va-expand-button:hover {
        color: #ff9800;
    }

.va-content {
    display: none !important;
    overflow-y: auto;
    padding: var(--box-padding);
    text-align: left;
}

.va-content-wdn {
    overflow-y: auto;
    padding: 0.9rem var(--box-padding);
    text-align: left;
}

.vir-age-chat-hist-mw .chatbot-load-chat .ph-default-link {
    text-decoration: underline;
    font-weight: 500;
}

.va-chat-box button.p-btn-icon:hover {
    background: var(--sec-light-color6);
}

.vir-age-chat-hist-mw .chatbot-load-chat {
    margin-top: 0.95rem;
    text-align: center;
}

.p-age-ch-mw {
    display: flex;
    position: relative;
}

.p-age-ch-mw-op-ch {
    position: absolute;
    left: 1.8rem;
    top: 1.3rem;
    cursor: pointer;
    z-index: 10;
}

.loading-skeleton .vir-age-his-list li {
    height: initial;
    background: var(--blur2-bg-color);
    border-color: var(--sec-light-color7);
    box-shadow: 0px 4px 5px -7px rgb(0 0 0 / 21%);
}

    .loading-skeleton .vir-age-his-list li .p-dd-wp-wrapper {
        opacity: 1;
        visibility: visible;
    }

.left-sb-chat-sess-list.loading-skeleton h6 {
    max-width: 90px;
    margin-bottom: -0.4rem;
}

.p-vir-se-search-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: black;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

.p-vir-se-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 520px;
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: var(--bs-border-radius);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    margin-left: 2rem;
    border: 1px solid var(--input-border-1);
    overflow: hidden;
    opacity: 0;
}

.p-vir-se-popup-body {
    padding: 0.4rem 0;
    margin: 0.5rem;
}

.p-vir-se-popup.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    z-index: 9999;
}

.p-vir-se-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 18px;
}

.canvas-chat-his-act {
    display: flex;
    justify-content: space-between;
    gap: 1.2rem;
    align-items: center;
}

.p-vir-se-popup-in {
    border-bottom: 1px solid var(--theme-border-layout);
    padding: 0.3rem 0.75rem 0.2rem;
}

    .p-vir-se-popup-in input {
        border: none !important;
    }

        .p-vir-se-popup-in input:focus {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
        }

.p-vir-se-popup-list li span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 1rem;
}

.p-vir-se-popup-list li {
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    position: relative;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    padding-right: 0;
}

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

.vir-age-his-list {
    border-bottom: 1px solid var(--theme-border-layout);
    padding-bottom: 0.5rem;
    margin-bottom: 0.3rem;
}

.p-vir-se-popup-list li span {
    position: relative;
    width: 100%;
}

.pos-cls-sb-age {
    position: absolute;
    right: 0;
    z-index: 9;
    top: 0.05rem;
}

.vir-ag-ser, .vir-ag-edit {
    stroke: var(--primary-color);
}

.record-wave-area-age,
.record-wave-area {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

.p-vir-se-popup-list li span::after {
    background: linear-gradient(-90deg, #ffffff, transparent);
}

.p-vir-se-popup-list li:hover span::after {
    background: linear-gradient(-90deg, var(--sec-light-color7), transparent) !important;
}

.p-vir-se-popup-list li:hover {
    background-color: var(--theme-border-layout);
    color: var(--primary-color);
}

    .p-vir-se-popup-list li:hover svg {
        stroke: var(--primary-color);
    }

.p-vir-se-date {
    text-align: left;
    margin-top: 0.8rem;
    margin-bottom: -0.6rem;
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    padding-left: 1.05rem;
    font-weight: 600;
    color: var(--primary-color);
}

.rec-sec-mw {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(100% - 4.3rem);
    left: 13px;
    background: #fff;
    z-index: 9;
}

.article-load-msg-left {
    position: relative;
}

.p-chat-def-vir-inner .p-tts-chat-copy svg {
    stroke: var(--primary-color);
}

.p-chat-def-vir-inner .p-tts-chat-actns {
    display: flex;
    gap: 0.3rem;
    align-items: center;
    margin-top: 0.2rem;
}

.p-chat-def-vir-inner .p-tt-chat-act {
    fill: var(--on-primary-color);
    width: 1.15rem;
    height: 1.15em;
    cursor: pointer;
}

.p-chat-def-vir-inner .play-button svg.p-tt-chat-act.p-tts-vol {
    width: 1.05rem;
    height: 1.05rem;
}


.p-chat-def-vir-inner .spinn-icon-md {
    fill: var(--primary-color);
    width: 1.15em;
    height: 1.15em;
    cursor: pointer;
}

.p-tts-chat-like .p-tt-chat-act, .p-tts-chat-dislike .p-tt-chat-act {
    width: 1.2rem;
    height: 1.5rem;
}

.p-chat-def-vir-inner .p-tts-chat-actns .p-tts-imw {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0.25rem;
    transition: all 0.4s;
}

.p-actn-ch-age-active, .p-tts-chat-actns .p-tts-imw:hover {
    background: var(--sec-light-color7);
}

.p-chat-def-vir-inner .p-tts-chat-copy svg {
    stroke: var(--on-primary-color);
    width: 1.14rem;
    height: 1.14rem;
}

.p-actn-ch-age-active svg.p-tt-chat-act {
    fill: var(--primary-color);
}

.p-actn-ch-age-active .play-button {
    line-height: 1.1;
}
/* Container for text */
.loading-shimmer-text {
    --text-base: #747474;
    --text-shimmer: #000000;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    color: var(--text-base); /* Default grey text */
    background: linear-gradient(90deg, var(--text-base) 0%, var(--text-base) 40%, var(--text-shimmer) 50%, var(--text-base) 60%, var(--text-base) 100%);
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmerEffect 2s infinite linear;
}

/* Keyframe animation for Right-to-Left motion */
@keyframes shimmerEffect {
    0% {
        background-position: 100% 0;
    }
    /* Start from the right */
    100% {
        background-position: -100% 0;
    }
    /* Move fully to the left */
}

/*agen*/
.fb-qwi-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem 0.9rem;
    padding-left: 0.75rem;
}

.lms-form-builder .radio-group-field .radio-group:not(.qa-quiz-setup) {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem 0.9rem;
    padding-left: 0.75rem;
}

.fb-qwi-list-wrapper .fb-qwi-list:not(:last-child),
.lms-form-builder .radio-group-field .radio-group:not(:last-child) {
    margin-bottom: 0.9rem;
}

.fb-qwi-list-wrapper {
    margin-bottom: 0.8rem;
}

.radio-group.qa-quiz-setup {
    margin-bottom: 1.2rem;
}

.table-month-view th:first-child,
.table-month-view td:first-child {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    border-right-width: 0;
    border-left: 0;
}

.week-view:has(.table-month-view) {
    border-left: 1px solid var(--primary-border-color);
}

.table-month-view th:nth-child(2),
.table-month-view td:nth-child(2) {
    position: sticky;
    left: 400px;
    background-color: #ffffff;
    z-index: 4;
    border-left-width: 0;
}




.mts-mo-vi {
    width: 100%;
    overflow-x: auto; /* Ensures table scrolls horizontally */
    border-left: 1px solid var(--primary-border-color);
}

    .mts-mo-vi .table-container {
        display: block;
        width: 100%;
        position: relative;
    }

    .mts-mo-vi table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
        border-left: 0;
    }

    .mts-mo-vi th {
        border-bottom: 0 !important;
    }

    /* Ensuring headers and data cells have proper width */
    .mts-mo-vi th,
    .mts-mo-vi td {
        padding: 8px;
        text-align: center;
        border: 1px solid #ddd;
        white-space: nowrap;
    }

    .mts-mo-vi .total-row-p-day {
        color: var(--primary-color);
        font-weight: 600;
    }

    /* Sticky first column (header + data) */
    .mts-mo-vi th:first-child,
    .mts-mo-vi td:first-child {
        position: sticky;
        left: 0;
        background: white;
        z-index: 3;
        width: 360px; /* Adjust based on your design */
        max-width: 360px;
        text-align: left;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        border-left: 0;
    }

    /* Removes the extra left-side gap */
    .mts-mo-vi .table-container::-webkit-scrollbar {
        height: 8px; /* Ensures scrollbar is visible */
    }

    .mts-mo-vi .table-container {
        padding-left: 0px; /* Ensures no extra space on the left */
        margin-left: 0px;
    }


/**/

.logo-head-sepe-upd.reset-pass input {
    min-height: 43px;
    padding: 6px 14px !important;
}

.logo-head-sepe-upd.reset-pass .hide-show {
    margin: -1.9rem 3% 0 1.5%;
}

.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-popup-content {
    min-height: 110px !important;
}

.p-looks-good {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    gap: 0.4rem;
    color: var(--green-color) !important;
    font-weight: 500;
    font-size: var(--base-font-size-h5);
}

.p-looks-good .p-icon {
    width: 4.2rem;
    height: 4.2rem;
}

.leaves-btn-type h5 span.p-tag-green,
.p-acco-btn-wrapper .p-tag-sm.p-tag-green,
.p-acco-btn-wrapper .p-tag-sm.p-tag-red,
.p-hj-card-title .p-tag-sm.p-tag-green,
.p-hj-card-title .p-tag-sm.p-tag-red,
.p-acco-btn.leaves-btn-type p.p-tag-sm,
.p-acc-header .p-jp-head .p-tag-sm {
    background-color: var(--btn-light-bg);
    margin: 0;
    display: inline-block;
    border-color: var(--input-border-1) !important;
    margin-bottom: 0.1em;
    color: var(--theme-primary-color);
    font-weight: 500;
}

.mb-pt8r,
#fileDiv .pdf.pdf-gap-sm {
    margin-bottom: 0.8rem;
}

.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper.dx-selectbox-popup-wrapper .dx-list-select-all {
    width: 100%;
    border: none;
    cursor: pointer;
}

.dp-auto-fluid {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

    .dp-auto-fluid > * {
        flex: 1;
    }

.uf-pro {
    margin-bottom: 0.35rem;
}

#DivInfoLeaves .p-info-msg > div {
    color: var(--primary-color);
}

/*.time-suury-cal .dx-item-content.dx-scheduler-appointment-content > .p-cal-tags {
    justify-content: flex-start;
}*/




.p-comment-def-mw {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

    .p-comment-def-mw .p-la-sepe-head {
        flex: 1;
        max-height: 100%;
        overflow-y: auto;
        margin-right: calc(var(--box-padding)* -1);
        padding-right: calc(var(--box-padding)) !important;
    }

.p-dx-textarea {
}

    .p-dx-textarea .p-btn-send-dx-ta,
    .p-textarea-w-cta .p-btn-send-dx-ta {
        position: absolute;
        bottom: 0.55rem;
        right: 0.85rem;
        min-height: initial;
        padding: 0;
        background-color: transparent;
        border: none;
    }

    .p-dx-textarea .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
        border-bottom: none;
    }

    .p-dx-textarea .dx-button {
        width: 1.5rem;
        height: 1.4rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        margin-left: 0.4rem;
        margin-bottom: 0.3rem;
        font-size: 1rem;
        border-radius: 0.5rem;
    }

    .p-dx-textarea .dx-button-has-text .dx-button-content {
        padding: 0;
        line-height: 1;
        overflow: visible;
        display: flex;
        align-items: center;
        height: initial;
    }

    .p-dx-textarea .dx-button-content .dx-button-text {
        line-height: 1;
        display: flex;
        align-items: center;
        position: relative;
        top: -2px;
    }

.align-toolbar-item-ta {
    position: absolute;
    bottom: 0.6rem;
    left: 0.6rem;
    font-size: 0.75rem;
}

.p-dx-textarea .dx-htmleditor-content {
    min-height: 80px;
    color: var(--primary-color);
    font-weight: 400;
    font-size: var(--base-font-size);
}

.p-dx-textarea .p-dd-wp-btn {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.55rem;
    border-radius: calc(var(--bs-border-radius));
    color: var(--on-primary-color);
    gap: 0.2rem;
    border: 1px solid var(--input-border-1);
}

    .p-dx-textarea .p-dd-wp-btn:hover {
        background: var(--sec-light-color7);
        color: var(--primary-color);
    }

.p-dx-textarea .dx-button-mode-outlined.dx-state-hover {
    background-color: var(--sec-light-color7);
}

.p-dd-wt-list ul {
    margin: 0.05rem 0;
}

.p-dd-wt-list li:not(:last-child) {
    margin-bottom: 0.3rem;
}

.p-dd-wt-list li {
    padding: 0.32rem 0.7rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .p-dd-wt-list li:hover {
        background: var(--sec-light-color7);
        color: var(--primary-color);
    }

.dx-suggestion-list-wrapper .dx-suggestion-list .dx-scrollable-content {
    padding: 0.35rem;
    min-width: 150px;
}

.dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item {
    border-radius: var(--bs-border-radius);
}

    .dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item .dx-list-item-content,
    .dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item .dx-list-item-content label {
        cursor: pointer;
    }

.dx-popup-wrapper.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px;
}

.p-dd-wt-list svg.p-icon {
    width: 1rem;
    height: 1rem;
}

.p-comment-def-mw .p-ncb-ic p {
    max-width: calc(100% - 1.5rem);
}

label.load-more-chat {
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    label.load-more-chat:hover {
        background-color: var(--sec-light-color7);
        color: var(--primary-color);
    }

        label.load-more-chat:hover svg.p-icon {
            stroke: var(--primary-color);
        }

.p-comment-def-mw .p-ncb-ic .flex-grow-1 {
    margin-top: -0.15rem;
}

.rad-filter-wn .p-form-check-label,
.rad-filter-wn .custom-control-label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex: 1;
    padding-top: 0.02rem;
}

.p-dx-textarea .dx-htmleditor-content.ql-blank::before {
    font-style: normal;
}

.p-textarea-w-cta textarea {
    height: 90px;
    resize: none;
    padding: 0.85rem 1.1rem;
    font-size: var(--base-font-size-xl);
    border-radius: var(--bs-border-radius);
    outline: none;
    min-height: 80px;
    max-height: 300px;
    border: none;
    width: 100%;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

button[disabled] {
    cursor: default;
    pointer-events: none;
}

    button[disabled][title] {
        pointer-events: auto;
        cursor: help;
    }

.btn-trnp {
    border: none;
    background: transparent;
    padding: 0;
}

.num-count,
.p-wd-goal-number {
    min-width: 2.15rem;
    height: 1.4rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--btn-light-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--base-font-size-xxs)* 0.95);
    padding: 0.25rem;
    font-weight: 500;
    border: 1px solid var(--hsla-input-border);
    color: var(--theme-primary-color);
}

.pagination {
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

    .pagination li.page-item .page-link {
        border: none;
        width: 1.8rem;
        height: 1.8rem;
        padding: 0.38rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--base-font-size-xxs) !important;
        font-weight: 400;
        border-radius: var(--bs-border-radius) !important;
    }

    .pagination a.page-link.pagination-page-link-active,
    .pagination a.page-link:hover {
        background: var(--sec-light-color7);
        color: var(--primary-color);
    }

    .pagination .page-link:focus {
        box-shadow: none;
    }

    .pagination li.page-item {
        margin-right: 0.35rem;
    }

    .pagination small {
        display: inline-block;
        margin-right: 1.25rem;
    }

.page-item-arrow em.icon {
    display: inline-block;
    opacity: .6;
}

.p-new-obj-gm-item {
    background: #fff;
    padding: 0.6rem 0.95rem 1.2rem 1.1rem;
    border-radius: var(--bs-border-radius);
    margin-bottom: var(--default-gap);
    border: 1px solid var(--input-border-1);
}

.inp-grp-def,
.inp-grp-def-gls {
    background: #fff;
    padding: 1.15rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
}

.inp-grp-def-gls {
    padding-bottom: 0.25rem;
}

.inp-grp-def-gls {
    margin-bottom: 1.3rem;
}

    .inp-grp-def-gls:last-of-type {
        margin-bottom: 0;
    }

.inp-grp-def:not(:last-child) {
    margin-bottom: var(--default-gap);
}

.inp-grp-def .form-group:last-child {
    margin-bottom: 0;
}

.p-cg-per-inc-wrpaer .goals-objectives-mw li {
    background-color: transparent;
    border: transparent;
    padding: 0;
    box-shadow: none;
    word-break: break-all;
}

.p-cg-per-inc-wrpaer .goals-objectives-mw ul:first-of-type li label {
    color: var(--primary-color);
    font-weight: 500;
    word-break: break-all;
}

.p-new-obj-gm-item ul:first-of-type {
    margin-bottom: 0.5rem !important;
}

.p-new-obj-gm.p-cg-per-inc-wrpaer .goals-objectives-mw li:not(:first-child) {
    background-color: transparent;
    border: none;
}

.p-ani-btn.p-btn-sec .p-ani-icon-ac {
    fill: var(--primary-color);
}

.p-ani-btn.p-btn-sec:hover .p-ani-icon-ac {
    fill: #fff;
    stroke: none;
}

.p-cg-per-inc-wrpaer .goals-objectives-mw li:not(:last-child) {
    margin-bottom: 0.85rem !important;
}

.del-inp-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.1rem;
}

label.col-form-label.new-aster {
    padding-bottom: 0;
    padding-top: 0;
}

.loading-skeleton svg.svg-chart-container {
    height: initial;
    background: transparent;
    width: 100%;
    min-height: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-skeleton .oc-updown-icon em.icon {
    font-size: 1.35rem;
    color: var(--sec-light-color4);
}

.loading-skeleton .oc-emp-count-wrapper label.oc-emp-count {
    min-width: 1.4rem;
}

.loading-skeleton .oc-emp-count-wrapper svg {
    display: none;
}

.loading-skeleton .oc-tooltip {
    pointer-events: none;
    cursor: default;
}

.loading-skeleton .oc-emp-count-wrapper {
    cursor: default;
}

.loading-skeleton g.chart {
    transform: translateX(50%);
}

.pso-form-wrapper.pso-form-save-send .form-group label,
.ono-meeting-details .form-group label {
    padding-left: 0 !important;
}

.list-tag-comm {
    max-height: 550px;
    overflow: auto;
}

.p-comment-def-mw .p-dx-textarea .dx-htmleditor-content {
    padding-bottom: 3.4rem;
}

@media(max-width: 1600px) {
    .pggl-right-hf .btn-slect-dropdown select {
        max-width: 100%;
    }
}

.dx-checkbox-icon {
    border-radius: var(--bs-border-radius) !important;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    margin-top: -0.65em;
    font-size: 0.8rem;
}


.df-fdc-sb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.tooltip:has(.p-si-ttw-white).bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip:has(.p-si-ttw-white).bs-tooltip-top .arrow::before {
    border-top-color: var(--chat-dark-bg-2) !important;
}

.tooltip:has(.p-si-ttw-white) .p-cal-icon svg {
    width: 1.3rem;
    height: 1.3rem;
}

.tooltip:has(.p-si-ttw-white) .p-cal-event-wrapper hr {
    width: 100%;
    margin: 0.7rem 0 0.7rem 0rem;
}

.tooltip:has(.p-si-ttw-white) .p-cal-event-title {
    margin-top: -0.25rem;
}



/*css for new dashboard UI Css starts here*/
.p-nd-user-greeting {
    font-size: calc(var(--base-font-size-h2) * 1.15);
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0;
}

/*css for goals widget */
.p-wd-goal-card {
    width: 100%;
    position: relative;
}

.p-wd-goal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.55rem;
}

.p-wd-goal-title {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
}

.p-wd-goal-content {
    font-size: var(--base-font-size);
    margin-bottom: 1.25rem;
}

.p-wd-highlight {
    font-weight: 600;
}

.p-wd-slider-container {
    width: 100%;
    height: 0.55rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
    border-radius: var(--bs-border-radius);
}

.p-wd-slider-progress {
    height: 100%;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    border-radius: var(--bs-border-radius);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.p-wd-slider-percentage {
    position: absolute;
    top: -0.4rem;
    right: 0;
    transform: translateX(50%);
    font-size: 0.6rem;
    font-weight: 500;
    color: #fff;
    background-color: var(--theme-primary-color);
    padding: 0.025rem 0.275rem 0.08rem;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.15);
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.p-nd-card-body.loading-skeleton .p-wd-slider-percentage {
    display: none;
}

.p-wd-slider-progress[aria-valuenow="0"] .p-wd-slider-percentage {
    right: -0.75rem;
}

.p-wd-slider-progress[aria-valuenow="100"] .p-wd-slider-percentage {
    right: 0;
}

span.p-wd-slider-percentage.p-wd-slider-percentage-bottom {
    top: inherit;
    bottom: -24px;
}

    span.p-wd-slider-percentage.p-wd-slider-percentage-bottom::after {
        bottom: 20px;
        transform: translateX(-50%) rotate(180deg);
    }

.js-widget-remove {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border-radius: 50% !important;
}

.preview-widget-modal .js-widget-remove {
    opacity: 1;
    visibility: visible;
}


/* Payroll Widget Styles */
.p-nd-payroll-chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.2rem;
    padding-bottom: 0.75rem;
    height: 9.5em;
}

.p-nd-payroll-chart-lbl {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.2rem;
}


.p-wd-pr-ch-wid:nth-child(1) {
    height: 20%;
}

.p-nd-chart-bar-active {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.p-wd-pr-ch-wid:nth-child(3) {
    height: 30%;
}

.p-wd-pr-ch-wid:nth-child(4) {
    height: 60%;
}

.p-wd-pr-ch-wid:nth-child(5) {
    height: 70%;
}

.p-wd-pr-ch-lbl,
.p-wd-pr-ch-wid {
    width: 12%;
    height: 100%;
}

.grid-hr-divi {
    height: calc(100% - 2rem);
    border-right: 1px solid var(--primary-border-color);
}

.p-wd-pr-ch-lbl {
    text-align: center;
}

.p-nd-chart-bar {
    border-radius: var(--bs-border-radius);
    transition: height 0.3s ease;
}

.p-def-grad-hov-bord {
    cursor: pointer;
    transition: all 0.3s ease;
}

.phc-hm-item {
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 12px;
}

.p-wid-list-sb {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.p-wd-payroll-mw {
    display: grid;
    grid-template-columns: 13.2em 1px 1.2fr;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.p-wd-pr-ch-wid {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

.p-link-upt,
.p-link, label.underline.productcursorfiles,
.p-bs-right .p-feat-legends-items.p-feat-legends-link label {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-underline-offset: 3px;
    text-decoration: underline;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
    cursor: pointer;
}

.p-wd-course-card .tc-img-wrapper {
    flex: 0 0 5.8rem;
}

.p-wd-course-card .tc-img {
    height: 3.4rem;
}

.p-wd-course-card {
    display: flex;
    align-items: center;
}

.p-wd-course-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .p-wd-course-card .tc {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .p-wd-course-card .tc-content {
        color: var(--on-primary-color);
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

        .p-wd-course-card .tc-content h5 {
            max-width: inherit;
        }

    .p-wd-course-card:not(:last-child) {
        margin-bottom: 1rem;
    }

    .p-wd-course-card .tc:not(:last-child) {
        margin-bottom: 0;
    }

@media (max-width: 1600px) {
    .p-wd-payroll-mw {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .p-wd-payroll-ch-mw {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }
}



/*css  for Timeoff widget*/

.p-wd-to-header {
    display: flex;
    justify-content: flex-end;
}

    .p-wd-to-header .p-dx-dd {
        height: calc(1.5em + 0.75rem + 0.425em) !important;
    }

.p-dx-dd-mw-95 {
    max-width: 95px;
}

.p-wd-to-content {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-around;
    gap: 1rem;
    padding: 0.5rem 0 0.25rem;
}

.p-wd-to-chart {
    width: 210px;
    height: 210px;
}

.p-wd-to-content .p-feat-legends-items label {
    font-size: var(--base-font-size-sm);
}

.p-wd-to-content .p-bp-gr-leg {
    gap: 1.15rem;
}

.p-bp-gr-leg-sm.p-bp-gr-leg .p-fli-box {
    width: 0.5rem;
    height: 0.5rem;
}

.po-wd-to-dp {
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
}

.p-wd-to-header .p-dx-dd.p-dx-dd-sm {
    height: calc(1.5em + 0.75rem + 0.125em) !important;
}

.p-dx-dd-sm.p-dx-dd-sm .dx-texteditor-input {
    height: calc(1.5em + 0.75rem + 0.225em);
}

.p-dx-dd-sm.p-input-append .dx-texteditor-input {
    min-height: 35px !important;
    font-size: var(--base-font-size-xs);
}

.p-nd-add-wid-cta.js-open-customization,
.p-nd-add-wid-cta.p-nd-icon-upload {
    background: var(--theme-light-bg-def-3);
}

.p-nd-add-wid-cta.p-nd-icon-upload {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
}

.p-nd-add-wid-cta.p-nd-icon-upload svg {
    width: 1.3rem;
    height: 1.3rem 20.8px;
}
/*css for task widget*/
.p-wd-task-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 0.05rem;
    gap: 1rem;
}

.p-wd-task-name {
    font-weight: 400;
    margin: 0;
}


.p-wd-task-details {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.p-wd-task-status {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 10px;
}

.p-wd-task-user-image {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    object-fit: cover;
}

.p-tag.p-tag-sm {
    padding: 0.2rem 0.6rem;
    font-size: var(--base-font-size-xxs);
    min-width: 6rem;
    white-space: nowrap;
    font-weight: 400;
}

.p-wd-task-name.p-txt-ellip-grad {
    width: 100%;
    max-width: initial;
}

    .p-wd-task-name.p-txt-ellip-grad::after {
        right: 0;
    }

/*css for events*/
.p-wd-eve-container {
    padding: 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.65);
}

.p-wd-ev-bg-lb {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .1) 100%, transparent);
}

.p-wd-ev-bg-salmon {
    border: 1px solid #f3efff;
    background: linear-gradient(-180deg, #f3efff 100%, transparent);
}

    .p-wd-ev-bg-salmon button.p-wd-btn-sm {
        background: transparent;
        color: #8a62ff;
        border-color: #8a62ff;
    }

        .p-wd-ev-bg-salmon button.p-wd-btn-sm:hover {
            background: #8a62ff;
            color: #fff;
        }

.p-wd-ev-bg-yellow {
    border: 1px solid #fbf1b7;
    background: linear-gradient(-180deg, #fffcea 100%, transparent);
}

    .p-wd-ev-bg-yellow button.p-wd-btn-sm {
        background: transparent;
        color: #a18a02;
        border-color: #a18a02;
    }

        .p-wd-ev-bg-yellow button.p-wd-btn-sm:hover {
            background: #a18a02;
            color: #fff;
        }

.p-wd-eve-item button.p-wd-btn-sm {
    min-width: 7.9em;
    text-align: center;
    display: inline-block;
}

.p-wd-eve-head h6 {
    font-size: var(--base-font-size-xxl);
    margin-bottom: 0rem;
    font-weight: 600;
}

.p-wd-eve-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.p-wd-eve-profile-name h6 {
    font-size: var(--base-font-size-lg);
    margin: 0.1rem;
}

.p-wd-eve-profile {
    margin-bottom: 0.8rem;
}

.p-wd-eve-date {
    font-weight: 400;
    font-size: var(--base-font-size-xs);
    margin-top: 0.35rem;
}

.p-wd-eve-container:not(:last-child) {
    margin-bottom: 0.9rem;
}

.bg-blob {
    position: absolute;
    width: 85%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none !important;
}

.customize-modal-theme .modal-content {
    background: var(--chat-dark-bg-2);
}

.p-nd-welcome-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blur-3xl {
    --tw-blur: blur(64px);
    filter: blur(64px);
}

.opacity-40 {
    opacity: .135;
}

.bg-blob .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(239 255 140) !important;
}

.bg-blob .bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #ceff85;
}

.bg-blob .bg-secondary {
    --tw-bg-opacity: 1;
    background-color: #b2ffe5 !important;
}

.bg-blob .bg-secondaryLight {
    --tw-bg-opacity: 1;
    background-color: rgb(159 255 238);
}

.w-1\/2 {
    width: 50%;
}

.h-1\/2 {
    height: 50%;
}

.p-wel-so-cont {
    position: relative;
    z-index: 1;
}

.lottie-container {
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
    display: inline-block;
    margin: 0;
}

.lottie-container-cs {
    width: 1.75rem;
    height: 1.75rem;
}

.icon-boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    margin-right: 1.4rem;
    width: 3rem;
    height: 3rem;
}

.icon-boxes-teal {
    background: #d2fff6;
}

.icon-boxes-yellow {
    background: #d9ffc5;
}

.icon-boxes-blue {
    background: #ced6ff;
}

.p-wel-fe-item {
    display: flex;
    align-items: flex-start;
    flex: 1;
    background: var(--chat-dark-bg-2);
    border-radius: 1.3rem;
    padding: 1rem;
    border: 1px solid var(--sec-light-color7);
    backdrop-filter: blur(0);
}

.customize-modal-theme button.p-btn-small:hover {
    background: var(--theme-icon-color);
}


.plumm-logo {
    width: 110px;
    height: 31px;
    padding: 0;
    border-radius: 0;
    fill: var(--primary-color);
}

.p-lead-lbl {
    text-align: center;
    font-size: calc(var(--base-font-size-h1-lg) * 1.1);
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.p-grad-txt {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(91.25deg, #0066eb, #0066eb);
    -webkit-background-clip: text;
}

.p-wel-fe-content p {
    margin: 0;
}

.p-wel-fe-content h3 {
    font-size: var(--base-font-size-h4);
    margin: 0;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.p-wel-fe-item-mw {
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
    max-width: 1340px;
    margin: 0 auto;
}

.p-theme-color-swat {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

@media(max-width: 1400px) {
    .p-nd-welcome-container {
        align-items: flex-start;
    }
}
/*UI for one on one*/

.p-wd-ono-item {
    display: flex;
    flex-direction: column;
    padding: 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    border: 1px solid var(--primary-border-color);
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1), hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .04));
    border-color: #f9f9f9;
}

.p-wd-ono-time {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--base-font-size-xs);
}


.p-wd-ono-item:not(:last-child) {
    margin-bottom: 1rem;
}

.p-wd-ono-title {
    font-size: var(--base-font-size-h5);
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--primary-color);
}

.p-wd-ono-item .p-wd-ono-person-name {
    max-width: 8.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-wd-ono-item .p-qa-approver-pals {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    z-index: 1;
}

.p-wd-ono-item .p-qa-approver-pals .p-qa-pal {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));
    color: #fff !important;
    font-size: 0.65rem;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: -0.55rem;
    flex-shrink: 0;
    overflow: hidden;
}

.p-wd-ono-item .p-qa-approver-pals .p-qa-pal:first-child {
    margin-left: 0;
}

.p-wd-ono-item .p-qa-approver-pals .p-qa-pal-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.p-wd-ono-item .p-qa-approver-pals .p-qa-pal-more {
    background-color: #d7e4f5 !important;
    color: #4a6788 !important;
}

.p-wd-ono-item .p-qa-approver-pals .p-qa-pal-more-icon {
    width: 0.85rem;
    height: 0.85rem;
    fill: currentColor;
}

.p-wd-ono-item .p-qa-approver-tip {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 0.4rem);
    z-index: 8;
    min-width: 11rem;
    padding: 0.5rem 0.7rem;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 0.5rem;
    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.12);
    color: var(--primary-color);
    font-size: var(--base-font-size-xs);
    white-space: nowrap;
}

.p-wd-ono-item .p-qa-approver-pals:hover .p-qa-approver-tip,
.p-wd-ono-item .p-qa-approver-pals:focus-within .p-qa-approver-tip {
    display: block;
}

.p-wd-ono-item .p-qa-approver-tip-row + .p-qa-approver-tip-row {
    margin-top: 0.2rem;
}

.p-wd-ono-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.p-wd-ono-status:hover {
    background-color: #357ab7;
}

.p-wd-ono-item-light-green {
    background: var(--wd-green-bg) !important;
    border: 1px solid var(--wd-green-border) !important;
}

.p-wd-ono-item-light-blue {
    background: var(--wd-blue-bg) !important;
    border: 1px solid var(--wd-blue-border) !important;
}

.p-wd-ono-item-light-purple {
    background: var(--wd-purple-bg) !important;
    border: 1px solid var(--wd-purple-border) !important;
}

.p-wd-ono-item-light-grey {
    background: #f7f7f7;
    border: 1px solid #f7f5ef;
}

.p-wd-ono-item-light-yellow {
    background: var(--wd-yellow-bg) !important;
    border: 1px solid var(--wd-yellow-border) !important;
}

.p-wd-ono-item-light-pink {
    background: var(--wd-pink-bg) !important;
    border: 1px solid var(--wd-pink-border) !important;
}

.p-wd-ono-item-light-rose {
    --wd-light-rose-bg: #ffeaec;
    --wd-light-rose-border: #fde1e4;
    background: var(--wd-light-rose-bg) !important;
    border: 1px solid var(--wd-light-rose-border) !important;
}
/*widget for scheduled interview*/
.p-sc-int-actn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.55rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--primary-border-color);
}

.p-wd-sc-int-item {
    background: var(--sec-light-color4);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    padding: 0.7rem;
}

.p-bg-lg-col-1 {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.035);
}

span.p-tag-v-top {
    background: var(--theme-secondary-color);
    color: var(--theme-primary-color);
}

.p-bg-lg-col-1 {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.025);
}

.avatar-name-design {
    line-height: 1.25;
}

    .avatar-name-design small {
        color: var(--on-primary-color);
    }

.pp-users-group-xs .pp-user-imgs,
.pp-users-group-xs .pp-users-count {
    width: 1.65rem !important;
    height: 1.65rem !important;
}

.pp-users-group-xs span.pp-user-cont {
    font-size: 0.65rem;
    font-weight: 500;
}
/*widget form time off*/

.p-wd-to-progress-ring-container {
    position: relative;
    margin-bottom: 1.5rem;
}

/* Half-Gauge Progress Ring */
.p-wd-to-progress-ring {
    position: relative;
    width: 10rem; /* 160px in rem */
    height: 5rem; /* Half of the full circle height */
    border-radius: 5rem 5rem 0 0;
    background: hsla(0, 0%, 90%, 1); /* Default background for unused portion */
    margin: 0 auto;
    overflow: hidden;
}

    .p-wd-to-progress-ring span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2rem; /* 32px in rem */
        font-weight: bold;
    }

.p-wd-to-leave-status {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

    .p-wd-to-leave-status label {
        font-size: 1.2rem;
        color: #555;
        font-weight: bold;
    }

.p-wd-to-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.p-wd-to-svg-container {
    width: 200px;
    height: 200px;
}

    .p-wd-to-svg-container svg {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
    }

.p-wd-to-progress-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

span.p-wd-to-progress-out-of {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    font-weight: 500;
    letter-spacing: 0.25px;
}

.p-wd-to-gauge-background {
    position: absolute;
    top: 0;
    stroke: var(--p-wd-to-background-color);
    stroke-width: 4;
}

.p-wd-to-gauge {
    position: absolute;
    top: 0;
    stroke: var(--p-wd-to-progress-color);
    stroke-width: 4;
}

.p-wd-to-gauge-number {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--p-wd-to-primary);
}

.p-wd-to-gauge-label {
    font-size: 0.875rem;
    color: var(--p-wd-to-text);
    opacity: 0.8;
}

.p-wd-to-request {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 0.0625rem solid var(--p-wd-to-border);
    gap: 0.9rem;
    max-width: 100%;
}

    .p-wd-to-request:last-child {
        border-bottom: none;
    }

.p-wd-to-request-date {
    color: var(--p-wd-to-text);
}

.p-wd-to-request-cont {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1.5rem;
}

.p-wd-to-requests {
    margin-top: 0.9rem;
}

.p-wd-to-request-type {
    white-space: nowrap;
    max-width: 100%;
}

.p-wd-to-request-status {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.p-wd-to-status-pending {
    background-color: var(--p-wd-to-warning);
    color: white;
}

.p-wd-to-status-confirmed {
    background-color: var(--p-wd-to-success);
    color: white;
}

.p-wd-to-status-rejected {
    background-color: var(--p-wd-to-error);
    color: white;
}

.p-wd-sc-int-container:not(:last-child) {
    margin-bottom: 1.3rem;
}

.p-wd-sc-int-container .p-wd-btn-sm {
    min-width: 4.2rem;
    justify-content: center;
}

/*widget for attendacne*/

.attendance-circle-progress.attendance-progress {
    width: 130px;
    height: 130px !important;
    background: #FFF;
    border-radius: 50%;
}

.attendance-circle-progress {
    width: 110px;
    height: 110px !important;
    line-height: 38px;
    background: none;
    box-shadow: none;
    position: relative;
}

    .attendance-circle-progress .progress-left {
        left: 0;
    }

    .attendance-circle-progress .progress-right {
        right: 0;
    }

    .attendance-circle-progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .attendance-circle-progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .attendance-circle-progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 4px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
}

.attendance-circle-progress.attendance-progress .total-work-hours {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: normal;
}

:root {
    --p-wd-cico-primary: #2a5885;
    --p-wd-cico-success: #2e8d50;
    --p-wd-cico-dark: #343a40;
    --p-wd-cico-text: #333333;
    --p-wd-cico-bg: #ffffff;
    --p-wd-cico-border: #e0e0e0;
}

.p-wd-cico-widget {
    background-color: var(--p-wd-cico-bg);
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
}

.p-wd-cico-card-head {
    padding: 1rem;
    border-bottom: 1px solid var(--p-wd-cico-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-wd-cico-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--p-wd-cico-text);
    margin-bottom: 0;
}

.p-wd-cico-attendance-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.p-wd-cico-attendance-label {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 0.5rem;
}

.p-wd-cico-attendance-time {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
}

.p-wd-cico-progress-container {
    position: relative;
    width: 135px;
    height: 135px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
}

.p-wd-cico-progress {
    width: 100%;
    height: 100%;
    line-height: 38px;
    background: none;
    position: relative;
}

    .p-wd-cico-progress::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        border: 6px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    }

    .p-wd-cico-progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

.p-wd-cico-progress-left {
    left: 0;
}

.p-wd-cico-progress-right {
    right: 0;
}

.p-wd-cico-progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    position: absolute;
    top: 0;
}

.p-wd-cico-progress-left .p-wd-cico-progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    transform-origin: center left;
}

.p-wd-cico-progress-right .p-wd-cico-progress-bar {
    right: 100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    transform-origin: center right;
}

.p-wd-cico-total-hours {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: normal;
    width: 100%;
}

.p-wd-cico-hours-label {
    font-size: 0.75rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
}

.p-wd-cico-hours-value {
    font-size: 1.25rem;
    font-weight: 600;
}

.p-wd-cico-production-badge {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--bs-border-width);
    margin-bottom: 1rem;
    font-size: var(--base-font-size);
    font-weight: 600;
}

.lottie-animate-sz1 {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
}

.p-wd-cico-punch-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    gap: 0.25rem;
}

.p-wd-cico-punch-icon {
    margin-right: 0.5rem;
    color: var(--p-wd-cico-primary);
}

.p-wd-cico-clockin {
    background-color: var(--p-wd-cico-success);
    color: white;
}

.p-wd-cico-clockout {
    background-color: #dc3545;
    color: white;
}

.p-wd-cico-stop {
    background-color: var(--p-wd-cico-primary);
    color: white;
}

.att-cta-tx {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .att-cta-tx > * {
        flex-grow: 1;
    }

/* Circular Progress Gauge Styles */
.gauge-def-sm {
    position: relative;
    width: 135px;
    height: 135px;
    margin: 0 auto;
}

    .gauge-def-sm svg {
        width: 100%;
        height: 100%;
        transform: rotate(-90deg);
    }

.gauge-def-sm-track {
    fill: none;
    stroke: var(--theme-secondary-color);
    stroke-width: 10px;
}

.gauge-def-sm-progress {
    fill: none;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    stroke-width: 10px;
    stroke-linecap: round;
    stroke-dasharray: 377;
    stroke-dashoffset: 377;
    transition: stroke-dashoffset 0.5s ease-out;
}

/* Center text positioning */
.p-wd-cico-total-hours {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.p-wd-cico-hours-label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.p-wd-cico-hours-value {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/**/

/*Birthday*/
.p-wd-birthday-item:not(:last-child) {
    margin-bottom: 1.3rem;
}

.p-link-upt-icon {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 0.1rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    padding-bottom: 0.05rem;
}

    .p-link-upt-icon svg {
        width: 1rem;
        height: 1rem;
        stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        gap: 0.125rem;
    }

a.p-link-upt-icon::after {
    content: '';
    position: absolute;
    bottom: 0.2px;
    width: 100%;
    height: 1px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.info-img {
    max-width: 690px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1rem;
    margin-top: -0.5rem;
}

/*css for quick ation*/

.p-wid-qa-grid {
    display: inline-grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
/*css for quick ation*/

/*active jobs*/
.p-aj-widget-container {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.095);
    border-radius: calc(var(--bs-border-radius) * 0.7);
    padding: 0.4rem 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.045);
}

    .p-aj-widget-container:not(:last-child) {
        margin-bottom: 1rem;
    }

.p-aj-job-section {
    flex: 1;
}

.p-aj-job-title {
    font-weight: 500;
    font-size: var(--base-font-size);
    margin-bottom: 0.15rem;
}

.p-aj-meta-container {
    display: flex;
    gap: 1rem;
}

.p-aj-meta-item {
    display: flex;
    align-items: center;
}

.p-aj-meta-text {
    font-size: var(--base-font-size);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.p-aj-applicants-section {
    text-align: right;
}

.p-aj-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.p-aj-title {
    font-size: var(--base-font-size-sm);
    color: var(--on-primary-color);
}

.p-aj-count {
    border-radius: 0.75rem;
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    line-height: 1.1;
}

/*active jobs*/
/**/
.p-wid-lb-container {
}

.p-wid-lb-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.p-wid-lb-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.p-wid-lb-cycle {
    font-size: 14px;
    color: #666;
}

.p-wid-lb-leave-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.p-wid-lb-leave-name {
    font-weight: 600;
    font-size: var(--base-font-size-h5);
}

.p-wid-lb-leave-period {
    font-size: var(--base-font-size-xs);
}

.p-wid-lb-stats-grid-wide,
.p-wid-lb-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem;
}

.p-wid-lb-stat {
    padding: calc(var(--box-padding) * 0.45);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.025), hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .04));
}

.p-wid-lb-stat-label {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: var(--base-font-size-xl);
}

.p-wid-lb-stat-mw {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    min-height: 60px;
    margin-bottom: 0.3rem;
}

.p-wid-lb-stat-value {
    font-size: var(--base-font-size-h1);
    font-weight: bold;
    text-align: center;
}

.p-wid-lb-stat-note {
    font-size: 11px;
    margin-top: 3px;
}

.p-wid-lb-next-cycle {
    margin-top: 0.95rem;
}

.p-wid-lb-next-header {
    font-size: var(--base-font-size-sm);
    font-weight: 500;
    margin-bottom: 0.55rem;
}

.p-wid-lb-other-leave {
    margin-top: 20px;
}

.p-wid-lb-other-header {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
}

.p-wid-lb-leave-type:not(:last-child) {
    margin-bottom: 1.15rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

.p-wd-upcomings-item:not(:last-child) {
    margin-bottom: 1.2rem;
}

/*css for course stats*/


/*esign issue starts here*/
.profile-set-sm .profile-set-sm-cont small {
    margin-top: -0.05rem;
}

.p-def-table-vm tr td {
    vertical-align: middle;
}
/*esign issue ends here*/

/*screening issue starts here*/
.p-wd-sc-acc-sm .card-body {
    padding: 0.65rem;
}

.p-wd-sc-acc-sm .table td,
.p-wd-sc-acc-sm .table th {
    padding: 0.55rem 0.75rem;
}
/*screening issue ends here*/
/* Course Stats Widget */
.p-wd-cuor-pro-container .p-wd-slider-container {
    width: 68%;
    max-width: 420px
}

.loading-skeleton .p-wd-cuor-pro-container .p-wd-slider-percentage {
    min-height: 18px;
    box-shadow: none;
}

.loading-skeleton .p-wd-slider-percentage::after {
    border-top-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

.loading-skeleton .p-wd-slider-progress {
    background: transparent;
}

.loading-skeleton .p-wd-ono-item .p-wd-ono-title {
    max-width: 110px;
}
/*css for course stats ends here*/
/**/
/*css for loaders dashboard widgets*/
.loading-skeleton label.p-tag-v-top {
    min-height: 20.88px;
    border-color: transparent;
}

.loading-skeleton .p-wd-btn-sm {
    min-height: 30.55px;
    border: transparent;
}

.loading-skeleton label.p-tag-v-top {
    min-height: 20.88px;
    border: transparent;
}

.loading-skeleton .p-wd-course-card .skeleton-img::after {
    border-radius: 0;
}

.loading-skeleton .p-defautlt-navs li a {
    border-radius: 0.25rem;
}

.loading-skeleton .p-wd-ono-item {
    background: transparent;
    border: 1px solid var(--theme-border-layout);
}

.sl-gauge {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #e0e0e0;
    overflow: hidden;
}

.sl-gauge-mask {
    position: absolute;
    width: 85%;
    height: 85%;
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 93.5%));
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sl-gauge-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cccccc; /* Neutral gray progress */
    clip-path: polygon(50% 50%, 50% 0, 100% 0, 50% 50%);
    transform: rotate(288deg); /* 80% of 360° */
}

.sl-gauge-score {
    font-size: 72px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}

.sl-gauge-total {
    font-size: 24px;
    color: #666;
    margin-top: 5px;
}

.loading-skeleton .p-wd-cico-attendance-time {
    max-width: 140px;
    margin: 0 auto;
}

.loading-skeleton .p-wd-cico-production-badge {
    min-width: 160px;
    height: 33px;
    margin-bottom: 1rem;
}

.loading-skeleton .p-wd-cico-punch-info {
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

.loading-skeleton .p-wd-to-container,
.loading-skeleton .p-wd-cico-progress-container .p-wd-to-svg-container {
    width: 100%;
    height: 100%;
}

.loading-skeleton.p-wd-payroll-mw .p-link-upt {
    max-width: 110px;
    margin: 0 auto;
}

.loading-skeleton .p-nd-payroll-chart label {
    width: 12%;
}

    .loading-skeleton .p-nd-payroll-chart label:nth-child(1) {
        height: 40%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(2) {
        height: 60%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(3) {
        height: 80%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(4) {
        height: 50%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(5) {
        height: 25%;
    }

.loading-skeleton .sl-piechart .p-wd-to-svg-container {
    width: 210px;
    height: 210px;
}

.loading-skeleton .sl-piechart .sl-gauge-mask {
    width: 75%;
    height: 75%;
}

.sl-piechart .p-bs-right {
    flex-grow: 1;
    width: 100%;
}

.sl-piechart .p-wd-to-container {
    padding-right: 1.5rem;
}

.loading-skeleton .accordion.p-wd-sc-acc-sm .p-acc-header {
    padding: 15px 10px;
    border-top-left-radius: calc(var(--border-radius-default) * 0.75);
    border-top-right-radius: calc(var(--border-radius-default) * 0.75);
}

.loading-skeleton .p-acc-card-box.p-acc-card {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

    .loading-skeleton .p-acc-card-box.p-acc-card .card-body {
        border-top: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    }
/*Skeleotn loader Ends here*/

/*.implentation-ai {
    --nav-min-height: -0px;
}*/

.p-imp-age-grid {
    max-height: 550px;
    overflow-y: auto;
}

.p-btn-branding {
    --p-btn-min-height: 2.2rem;
    padding: 0.45rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    background-color: var(--secondary-color);
    color: var(--white-color);
    min-height: var(--p-btn-min-height);
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-color);
    cursor: pointer;
    font-weight: 500;
    border-radius: calc(var(--border-radius-default) * 1.25);
    max-width: initial;
}

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

    .p-btn-branding-sec:hover {
        border-color: var(--secondary-color);
        background-color: var(--secondary-color);
        color: #fff;
    }

        .p-btn-branding-sec:hover .p-icon {
            stroke: #fff;
        }

    .p-btn-branding-sec .p-icon {
        stroke: var(--primary-color);
    }

.p-btn-branding-sec-small {
    --p-btn-min-height: 2.2rem;
    padding: 0.25rem 0.95rem;
}

.table-branding {
    --table-head-bg: var(--sec-light-color7);
}

.table-branding-white.table-branding tr th {
    background-color: var(--chat-dark-bg-2);
}

.phc-help-menus .nav-bg-color.active-slide-bg {
    border-radius: 0 !important;
}

.custom-selectbox .dx-texteditor-input {
    padding-right: 5px !important; /* Reduce right padding */
    width: auto !important; /* Allow input to shrink to content */
}

.custom-selectbox .dx-selectbox-arrow {
    position: relative !important;
    right: auto !important;
    margin-left: 5px !important; /* Add some space between text and arrow */
}

.custom-selectbox .dx-texteditor-container {
    width: auto !important; /* Allow container to shrink to content */
    display: inline-flex !important; /* Make container fit content */
}

.mb-2p5 {
    margin-bottom: 0.75rem;
}

/*widget for mission vision starts here*/
.p-nd-mv-widget {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
    padding: 0.85rem;
}

.theme-color-grad {
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1), hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .04));
}

.theme-color-grad-green {
    background: linear-gradient(-180deg, #e6fffb, #f4fffd);
}

    .theme-color-grad-green .p-nd-mv-list ul > li::before,
    .theme-color-grad-green .p-nd-mv-list li[data-list="bullet"]::before {
        color: #00856e;
    }

/* Lottie Animation Container */
.p-nd-mv-animation {
    width: 1.8rem;
    height: 1.8rem;
}

.p-nd-mv-animation-mission {
    width: 1.5rem;
    height: 1.5rem;
}

.p-nd-mv-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    width: 70%;
}

.p-nd-mv-description {
    line-height: 1.5;
    opacity: 0.9;
    margin-bottom: 1.2rem;
    width: 70%;
}

.p-nd-mv-list ul,
.p-nd-mv-list ol {
    padding-left: 1.2rem;
    margin: 0;
}

.p-nd-mv-list ul ul,
.p-nd-mv-list ol ol,
.p-nd-mv-list ul ol,
.p-nd-mv-list ol ul {
    padding-left: 1.2rem;
    margin: 0.2rem 0 0 0;
}

.p-nd-mv-list li {
    margin-bottom: 0.6rem;
    position: relative;
}

.p-nd-mv-list ul > li,
.p-nd-mv-list li[data-list="bullet"] {
    list-style-type: none;
}

.p-nd-mv-list ul > li::before,
.p-nd-mv-list li[data-list="bullet"]::before {
    content: '→';
    position: absolute;
    left: -1.2rem;
    color: var(--theme-primary-color);
}

.p-nd-mv-list ol > li:not([data-list="bullet"]),
.p-nd-mv-list li[data-list="ordered"] {
    list-style-type: decimal;
    list-style-position: outside;
}

.p-nd-mv-list ol > li:not([data-list="bullet"])::before,
.p-nd-mv-list li[data-list="ordered"]::before {
    content: none;
}

.p-nd-mv-widget .p-nd-card-body pre {
    font-family: var(--primary-font);
    font-size: var(--base-font-size);
    word-break: break-word;
    white-space: break-spaces;
    overflow: initial;
}

.p-txt-ellip-grad.pte-grad-p-wd-ono-item-light-yellow::after {
    background: linear-gradient(-90deg, var(--wd-yellow-bg) 20%, transparent);
}

.p-txt-ellip-grad.pte-grad-p-wd-ono-item-light-green::after {
    background: linear-gradient(-90deg, var(--wd-green-bg) 20%, transparent);
}


.p-txt-ellip-grad.pte-grad-p-wd-ono-item-light-rose::after {
    background: linear-gradient(-90deg, var(--wd-rose-bg) 20%, transparent);
}

.social-widget .p-icon {
    fill: var(--theme-primary-color);
}

.mission-statement p,
.vision-statement p {
    margin-bottom: 0.75rem;
    word-break: break-word;
}

.loading-skeleton .p-nd-mv-list p {
    margin-bottom: 0.95rem;
}

    .loading-skeleton .p-nd-mv-list p:nth-child(2) {
        max-width: 85%;
    }

    .loading-skeleton .p-nd-mv-list p:nth-child(3) {
        max-width: 82%;
    }

    .loading-skeleton .p-nd-mv-list p:nth-child(4) {
        max-width: 75%;
    }

    .loading-skeleton .p-nd-mv-list p:nth-child(5) {
        max-width: 73%;
    }

.p-nd-mood-tracker {
    min-height: 240px;
}

@media(max-width: 1024px) {
    .pnd-banner .p-nd-add-wid-cta {
        visibility: visible;
    }

    .p-wd-to-content {
        flex-wrap: wrap;
    }
}

@media(max-width: 991px) {
    .pnd-banner p br {
        display: none;
    }
}

@media(max-width: 576px) {
    .p-wid-nd-heading-mw {
        gap: 0.8rem 12.8px;
        flex-wrap: wrap;
    }

    .p-default-navs .nav.nav-pills {
        gap: 0.6rem 1.1rem;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 0.55rem;
    }

    .pol-profile-date {
        flex-wrap: wrap;
        gap: 0rem;
    }

        .pol-profile-date .p-red-dot-sm {
            display: none;
        }

    .pnd-banner {
        flex-wrap: wrap;
    }

    .p-loader-emojee {
        min-height: 230px;
    }
}



/*no data css starts here*/
svg.no-data-upd {
    fill: var(--p-grey-icon);
    width: 70px;
    height: 70px;
}

.p-nd-upd.p-nd-upd-grid p,
.p-nd-upd p {
    color: var(--on-primary-color-1);
}

.no-data-upd-cont {
    margin-top: 0.2rem;
}

    .no-data-upd-cont h5 {
        font-size: calc(var(--base-font-size-h4) * 0.94);
        font-weight: 600;
        margin-bottom: 0.15rem;
        color: var(--theme-primary-color);
    }

    .no-data-upd-cont p {
        margin: 0;
    }
/*no data css ends here*/

.p-wd-task-item-prof {
    flex-shrink: 0;
}

.p-wd-to-request-cont.p-txt-ellip-grad::after {
    right: 0;
}

.p-brand-logo svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke: var(--on-primary-color);
}

.p-brand-logo {
    height: 22px;
}

.p-brand-user-menu {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--theme-border-layout);
    padding: 0.2rem 0.6rem;
    gap: 0.7rem;
    border-radius: var(--bs-border-radius-lg);
    padding-right: 0.2rem;
    max-height: 38px;
    margin: 0;
    display: flex;
    align-items: center;
}

    .p-brand-user-menu .dropdown-menu-list-icon {
        margin-top: 0.45rem;
    }

.brand-logo-upld {
    max-width: 85px;
    max-height: 35px;
    min-width: 85px;
}

.p-brand-logo-mw {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--base-font-size-xxs);
}

.p-nd-logo-option .p-brand-logo-mw {
    font-size: var(--base-font-size);
    gap: 0.35rem;
}

.olo-prev-mw-right .p-brand-logo-mw {
    border: 1px solid var(--sec-light-color6);
    border-radius: var(--bs-border-radius-lg);
    padding: 0.15rem 0.4rem;
    font-size: 0.65rem;
    line-height: 1.1;
    gap: 0.25rem;
}

.olo-prev-mw-right .p-brand-logo svg {
    width: 0.9rem;
    height: 0.9rem;
}

.olo-prev-mw-right .p-brand-logo {
    height: initial;
}

.olo-prev-mw-right .p-brand-logo {
    top: -1px;
}

.p-nd-logo-option .p-brand-logo {
    height: 24px;
}

    .p-nd-logo-option .p-brand-logo svg {
        width: 1.3rem;
        height: 1.3rem;
        stroke: var(--on-primary-color);
    }

.p-nd-vid-mw {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
    max-width: 600px;
    margin: 0 auto;
}

/*folder structure starts here*/
.p-fol-container {
}

.p-eb-box-head-sm.p-eb-box-head {
    min-height: 45px;
}

.p-fol-item-acc .p-email-list-nested {
    padding-left: 2rem;
}

.p-email-list.p-fol-container {
    margin-top: 0;
}

.p-email-list-nested.p-fol-item-acc .p-email-list-nested-inner {
    border-bottom: 0;
}

.p-fol-item-acc .p-email-list-nested .collapse {
    background-color: transparent;
}

.p-fol-item-acc .p-email-list-nested.p-fol-item-acc {
    background: var(--blur-bg-color);
}

.p-fol-item-acc .p-email-list-nested {
    background: var(--chat-dark-bg-2);
}

.p-fol-container.p-email-list li,
.p-fol-container .p-email-list-nested-inner,
.p-fol-container .p-email-list-nested {
    border-bottom: 0;
}

.p-email-list.p-fol-container > .p-email-list-nested {
    margin-bottom: 0.1rem;
}

.p-fol-container .p-email-list-nested-inner {
    padding-left: 0.9rem;
}

    .p-fol-container .p-email-list-nested-inner[aria-expanded="true"] .p-icon:not(.p-icon-chevron) {
        fill: var(--theme-primary-color);
        stroke: none;
    }

    .p-fol-container .p-email-list-nested-inner[aria-expanded="true"] {
        color: var(--theme-primary-color);
    }

.batch-grey {
    background: var(--sec-light-color6);
    font-size: 0.68rem;
    font-weight: 400;
    border-radius: 0.5rem;
    min-width: 56px;
}

.batch-xs {
    font-size: 0.68rem;
    font-weight: 400;
    border-radius: 0.5rem;
    min-width: 56px;
}

.p-cn-mb.p-sur-ques-mw .p-ques-sc .p-tl-box {
    height: initial;
    border-radius: 0;
    background: var(--chat-dark-bg-2);
    border: none;
}

.p-cn-mb.p-sur-ques-mw .p-ss-h100 {
    height: calc(100vh - 160px - var(--box-padding));
}

.p-btn-sec .p-icon {
    stroke: var(--theme-primary-color);
}
/*folder structure ends here*/

.tt-mw .p-wd-ono-details {
    margin-bottom: 1rem;
    margin-top: 0.35rem;
}

    .tt-mw .p-wd-ono-details .pdf {
        align-self: flex-start;
    }

.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
    overflow: auto;
    white-space: nowrap;
    flex: 1;
    justify-content: flex-start;
}

.p-nd-card-body .nd-placeload-preloader-oc.df-flex-col {
    min-height: 240px;
}

.h-100.p-loader-emojee .image-placeholder {
    max-width: 40%;
}

.p-modal-sb:has(.modal-blur) {
    z-index: 1049;
}


.pp-cp-content-tl-tb.p-imple-mw li {
    cursor: pointer;
}


.hasdisable, .has-error {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
    border: var(--disabled-color) !important;
}

.af-log-dd-whe {
    min-width: 85px;
    text-align: center;
}

.p-count-round .pp-user-cont em {
    position: relative;
    top: 0.05rem;
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 0.05rem;
}

.p-count-round {
    background: hsl(var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%));
    color: var(--theme-primary-color);
    text-align: center;
    height: 1.95rem;
    width: 1.95rem;
    vertical-align: middle;
    border: 1px solid var(--input-border-1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 50%;
    cursor: pointer;
}


.highcharts-title {
    fill: var(--primary-color) !important;
}

.form-group .form-control.input-validation-error {
    border-color: var(--red-color) !important;
}




/*style marketing stroyline*/
:root {
    --bg: #f7fbff;
    --ink: #0c1727;
    --muted: #6c7a96;
    --brand: #2b7bff;
    --brand-2: #1d4ed8;
    --card: #ffffff;
    --line: #e6eef7;
    --success: #16a34a;
    --warning: #f59e0b;
    --shadow: 0 20px 35px rgba(18, 38, 63, .08);
    --radius: 18px;
    --st-purple-color: #9A44EA;
    --st-pink-color: #FF27BA;
    --st-light-pink-color: #FFCDFB;
    --st-teal-green: #95FFFA;
}

.p-fp-lg {
    background: linear-gradient(180deg, #FFF 0%, var(--theme-border-layout) 100%) !important;
    padding-bottom: 1.25rem !important;
}
/* Hero */
.p-ms-hero {
    text-align: center;
    padding-top: 1.5rem;
}

@media(min-width: 1650px) {
    .p-ms-hero {
        text-align: center;
        padding-top: 3.5rem;
    }
}

.p-ms-kicker {
    color: var(--primary-color);
    font-weight: 700;
    font-size: calc(var(--base-font-size-h2) * 1.3);
}

.p-ms-title {
    font-size: calc(var(--base-font-size-h1-lg) * 0.42);
    font-weight: 500;
    margin: 0.2rem 0 0.25rem;
    color: var(--primary-color);
}

.p-ms-subtitle {
    color: var(--on-primary-color);
    margin: 0 auto;
    font-size: var(--base-font-size-h4);
    margin-bottom: 2.3rem;
    font-weight: 400;
}

/* Grid */
.p-ms-grid {
    display: grid;
    grid-template-columns: 370px 1fr;
    gap: 28px;
    align-items: stretch;
}

@media (min-width: 1900px) {
    .p-ms-grid {
        transform: scale(1.1) translate(0px, 50px);
    }
}

@media (max-width: 1700px) {
    .p-ms-grid {
        transform: scale(0.98) translate(0px, -16px);
    }
}

@media (max-width: 1024px) {
    .p-ms-grid {
        grid-template-columns: 1fr;
    }
}

.p-ms-card {
    border-radius: var(--bs-border-radius);
    position: relative;
    overflow: hidden;
}

.p-ms-features {
    background: var(--theme-primary-color);
}

.p-aside-border-ge .p-ms-card {
    border-radius: calc(var(--bs-border-radius) * 0.65);
}

.p-ms-card-inner {
    position: relative;
}

.p-ms-card-inne-content {
    z-index: 1;
    position: relative;
    height: 100%;
    min-height: 480px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.p-ms-card-inner::before {
    content: '';
    width: 100%;
    position: absolute;
    height: calc(100% - 2rem);
    top: 2rem;
    background: var(--theme-light-bg-def-4);
    border-radius: calc(var(--bs-border-radius) * 0.5);
    max-width: calc(100% - 4rem);
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.p-ms-card-inner-head {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-ms-card-inner-head h3 {
        text-align: center;
        margin-top: 0.5rem;
        font-weight: 400;
        font-size: 1.5rem;
    }

.glow-move-bg {
    background: linear-gradient(90deg, #5D7FFF, #E030F6, #FFC542, var(--theme-primary-color), #39E7C6);
    background-size: 500% 500%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 20s ease infinite;
}

    .glow-move-bg strong {
        font-weight: 700;
    }

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

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

    100% {
        background-position: 0% 50%;
    }
}
/* Left gadget stack */

.p-ms-gadget {
    padding: calc(var(--box-padding) * 0.7);
    background: var(--theme-light-bg-def-3);
    min-height: 560px;
}

    .p-ms-gadget .p-ms-mini {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: calc(var(--bs-border-radius) * 0.5);
        padding: 10px;
    }

    .p-ms-gadget .p-ms-badge {
        font-weight: 700;
        font-size: 12px;
        padding: 6px 10px;
        border-radius: 999px;
        background: #eef4ff;
        color: var(--brand-2);
    }

    .p-ms-gadget .p-ms-meta {
        color: var(--muted);
        font-size: 12px;
    }

/* Lottie icon circle */
.p-ms-icon-circle {
    width: 6.8rem;
    height: 6.8rem;
    border-radius: 999px;
    background: var(--theme-primary-color);
    display: flex;
    place-items: center;
    margin: 14px auto;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 10;
    top: 45%;
}

.p-ms-lottie-animate {
    width: 50px;
    height: 50px;
}

/* Center image card */
.p-ms-screenshot {
    padding: 0;
    display: grid;
    position: relative;
    overflow: clip;
    inline-size: 100%;
    max-inline-size: 100dvw;
    block-size: 100%;
    max-block-size: 780px;
    isolation: isolate;
    -webkit-mask-image: linear-gradient(180deg, #000, #000 70%, transparent);
    mask-image: linear-gradient(180deg, #000, #000 90%, #000000f0);
    padding: 0.75rem;
    border: 2px solid #fff;
    border-radius: var(--bs-border-radius);
    background: rgb(255 255 255 / 31%);
}

    .p-ms-screenshot img {
        width: 100%;
        height: 100%;
        display: block;
        border: 2px solid #fff;
        max-height: 650px;
        border-radius: calc(var(--bs-border-radius) * 0.6);
    }

    .p-ms-screenshot::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--theme-secondary-color);
    }

.p-ms-features {
    padding: 1.5rem 1.25rem;
}

.p-aside-border-ge {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.75rem;
    border: 1px solid #fff;
    border-radius: var(--bs-border-radius);
    background: rgb(255 255 255 / 31%);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.p-aside-border-ge-lo {
    background: rgb(255 255 255 / 31%);
}
/* Right pricing/features card */
.free-feature-aside {
    padding: 1.5rem 0.75rem;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%) !important;
    max-width: 380px;
    width: 100%;
}

svg.bg-blob-svg-start {
    position: absolute;
    max-inline-size: 100vw;
    filter: blur(75px);
    pointer-events: none;
    transform: scaleY(100%) translate(-50%, -50%) translateZ(0px);
    inset-block: 50% 0;
    inset-inline: 50% 0;
}

.p-ms-features h3 {
    font-size: 1.5rem;
    margin: 0px 0 0.6rem;
    color: #fff;
    text-align: center;
}

.p-ms-feature span {
    color: var(--primary-color);
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
}

.p-ms-lb-bg {
    background-color: var(--theme-light-bg-def-1);
}

.p-ms-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
}

.p-ms-features li {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 3px;
    align-items: start;
}

.p-ms-lb-bg .p-ms-feature:not(:last-child) {
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--theme-border-2);
}

.p-ms-price {
    margin: 1rem 0 1rem;
    color: white;
    text-align: center;
}

.p-ms-price-amount {
    font-size: 32px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

span.p-ms-tick {
    position: relative;
    width: 17px;
    height: 12px;
    margin-top: 0.1rem;
}

.p-ms-tick {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.0876C5.01249 11.9917 7.26107 15.3934 7.26107 15.3934H7.30431C7.30431 15.3934 12.0897 6.93521 20.9687 1.73322' stroke='%233E7DFC' stroke-width='2.40496' stroke-linecap='square'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
}

.p-ms-features .p-ms-lb-bg {
    padding: 1.5rem 1.25rem;
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

/* CTA */
.p-ms-cta {
    display: flex;
    justify-content: center;
}

.p-ms-btn {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 0.55rem 1.3rem 0.65rem;
    font-weight: 700;
    font-size: var(--base-font-size);
    border-radius: 999px;
    background: var(--theme-primary-color);
    color: #fff;
    transition: transform .15s ease, box-shadow .15s ease, filter .2s;
    width: 100%;
    min-width: 155px;
}

.container:has(.p-st-split-section) {
    max-width: 1440px;
}

/* Progress bar */

.p-ms-progress .p-ms-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background: linear-gradient(90deg, #22c55e, #f59e0b);
    border-radius: inherit;
}

.p-ms-progress .p-ms-label {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    font-weight: 700;
    color: #0b1220;
}

.ps-time-tracked {
    min-width: 165px;
}

.p-ms-ttr {
    align-items: flex-start;
    line-height: 1.25;
    position: absolute;
    top: 3.5rem;
    right: 0;
    align-items: flex-start;
    line-height: 1.25;
}

.pos-time-trac {
    position: absolute;
    top: 3.5rem;
    right: 0;
}

.pos-lb {
    position: absolute;
    left: 24px;
    top: 143px;
    transform: scale(1.1);
}

.pos-sche {
    position: absolute;
    right: 0px;
    bottom: 23%;
}

.pos-clock-in {
    position: absolute;
    left: 0;
    bottom: 25px;
}

.pos-clock-jun {
    position: absolute;
    left: 55px;
    top: 58%;
}

.pos-clock-late {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: scale(1.18);
}

.effor-hire {
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.inter-report {
    left: 0px;
    top: 36%;
}

.sech-inter {
    bottom: 19px;
    left: 0;
    z-index: 11;
}

.job-publ {
    right: -8px;
    top: 41%;
}

.p-ms-card-inne-content svg {
    transform: scale(1.02);
}

.p-ms-mini-head {
    margin-bottom: 0.1rem;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.25;
    padding: 0;
}

.p-ms-mini-para {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--primary-color);
}

.pr-leg {
    margin-top: 0.5rem;
}

.p-leg-dot {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: var(--st-purple-color);
}

.pr-leg span {
    font-size: 0.72rem;
    color: var(--primary-color);
    font-weight: 600;
}

.text-purple {
    color: var(--st-purple-color);
}

.time-head-mw {
    margin-top: 0.55rem;
    margin-bottom: 0.55rem;
}

.time-head {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
}

.peach-vall {
    top: 0;
    right: 0;
}

    .peach-vall img {
        position: absolute;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 80px;
        top: 5px;
    }

.popular-course {
    bottom: 7px;
    left: 0;
}

.module-one {
    left: 0px;
    top: 30%;
    z-index: 11;
}

.listen-now {
    right: 0;
    top: 64%;
}

.mani-dre {
    right: 40px;
    top: 77px;
}

.sound-scape {
    left: 0;
    top: 38%;
}

.contin-watch {
    left: 0;
    top: 67%;
}

.down-certi {
    right: 0;
    top: 67%;
    z-index: 15;
}

.payroll-str {
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

    .payroll-str img {
        max-width: 30px;
        position: absolute;
        z-index: 5;
        bottom: 19px;
        left: 32px;
    }

.stress-free {
    right: 0;
    top: 43.2%;
}

.manage-payroll-st {
    right: 17px;
    top: 18px;
}

.current-course {
    left: 13px;
    top: 41%;
}

.pm-okr {
    left: 0;
    top: 124px;
}

.pm-mom {
    right: 18px;
    top: 100px;
}

.sub-proj-plan {
    right: -10px;
    top: 38%;
}

.pm-task-sch {
    left: -10px;
    top: 65%;
}

.pm-tot-task {
    right: 40px;
    top: 63%;
}

.pm-com-ai-cour {
    right: 50%;
    bottom: 50px;
}

.ts-shft-time {
    left: 0;
    top: 50px;
}

.ts-notify {
    right: 12px;
    top: 30%;
}

.ts-req-shi-ch {
    top: 66%;
    left: 0;
}

.ts-table-emp {
    right: 0;
    bottom: 20px;
}

.sts-progress {
    right: 0;
    top: 75px;
}

.sts-time-pol {
    right: 9px;
    bottom: 28%;
}

.sts-sub-too {
    top: 35%;
    left: -2px;
    z-index: 15;
}

.sts-clock-in {
    left: 0;
    bottom: 22px;
}

.tl-case-no-test {
    right: 0;
    top: 75px;
}

.tl-case-no {
    left: 0;
    top: 46%;
    z-index: 15;
}

.tl-open-trust {
    top: 66%;
    right: 3px;
}

.tl-category {
    left: 47px;
    bottom: 22px;
}

.ind-dev {
    top: 13%;
    right: 0px;
}

.uk-dev {
    top: 27%;
    left: 10px;
}

.sa-af-dev {
    top: 40%;
    left: -8px;
    z-index: 15;
}

.laptop-dev {
    right: 0;
    bottom: 110px;
    z-index: 15;
}

.team-dev {
    bottom: 15px;
}

    .team-dev img {
        position: absolute;
        bottom: 28px;
        left: 30px;
        z-index: 16;
    }

/* Small layout bits */
.p-ms-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.p-ms-fade-in {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .4s ease, transform .4s ease;
}

    .p-ms-fade-in.p-ms-reveal {
        opacity: 1;
        transform: none;
    }

.p-ms-muted {
    color: var(--muted);
}

/* ===== Progress (shell + bar + label) ===== */
.p-ms-progress {
    position: relative;
    width: 100%;
    height: 18px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #E0B9F1; /* matches screenshot stroke */
    overflow: hidden;
}

    .p-ms-progress .p-ms-bar {
        position: absolute;
        inset: 3px; /* inner padding like the pill */
        width: 0%;
        border-radius: 999px;
        background: #9A44EA; /* Plumm purple */
    }

    .p-ms-progress .p-ms-label {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font: 700 12px/1.2 system-ui, sans-serif;
        color: #0A162F;
        pointer-events: none;
    }

    /* Optional: subtle shimmer on the track (separate from width animation) */
    .p-ms-progress::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.65) 50%, transparent 100%);
        transform: translateX(-120%);
        animation: p-ms-shimmer 3s linear infinite;
        opacity: .25;
        pointer-events: none;
        border-radius: inherit;
    }

@keyframes p-ms-shimmer {
    to {
        transform: translateX(120%);
    }
}

.pulse {
    transform-box: fill-box;
    transform-origin: center;
    animation: balancePulse 3.6s cubic-bezier(.4,0,.2,1) infinite;
}

.fade-slide {
    opacity: 0;
    animation: appear 600ms ease .25s both;
}

.pos-lb img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.5rem;
    max-width: 28px;
    height: 28px;
    z-index: 9;
}

@keyframes balancePulse {
    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }
    /* subtle: bump to 1.02 */
}

@keyframes appear {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Tiny time interactions ===== */
/* 1) Pulsing dot like the “Worked • …” line */
.p-ms-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #9144EA;
    box-shadow: 0 0 0 0 rgba(145,68,234,.55);
    animation: p-ms-pulse 2s ease-out infinite;
}

/* 2) Blinking marker for any time text (wrap a small element) */
.js-time-blink {
    opacity: .45;
    transition: opacity .25s ease;
}

    .js-time-blink.is-on {
        opacity: 1;
    }


.onboarding-mw .p-ss-h100 {
    padding-left: 0.4rem;
}

.tl-align.table-skeleton-loader::before {
    max-width: 100%;
    left: 0;
}

/* Predictable widths; stop content from stretching columns */
.table-doc-ob-board {
    table-layout: fixed;
    width: 100%;
}

    /* Fixed 60px for actions column */
    .table-doc-ob-board col.col-actions {
        width: 60px;
    }

    /* First three columns share the remaining width equally */
    .table-doc-ob-board col.col-type,
    .table-doc-ob-board col.col-title,
    .table-doc-ob-board col.col-folder {
        width: calc((100% - 60px) / 3);
    }

    .table-doc-ob-board th,
    .table-doc-ob-board td {
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top !important;
    }

    .table-doc-ob-board .text-danger {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .table-doc-ob-board .doc-text,
    .table-doc-ob-board .dx-texteditor,
    .table-doc-ob-board .dx-selectbox {
        width: 100%;
    }

    .table-doc-ob-board th:last-child,
    .table-doc-ob-board td:last-child {
        text-align: center;
    }

    .table-doc-ob-board tr td svg.p-icon {
        margin-top: 0.7rem;
        cursor: pointer;
    }

.cd-app-loc-map {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.p-loc-loader-cad {
    max-height: 300px;
    object-fit: cover;
}

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


/*updated start page design*/
/* Split Section CSS with p-st prefix */

/* Base Reset and Utilities */
.p-st-reset * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.p-st-body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: #1f2937;
}

/* Animations */
@keyframes p-st-pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* Split Section */
.p-st-split-section {
    padding: 5.5% 15px;
    position: relative;
}

.p-st-split-blob-1 {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 256px;
    height: 256px;
    background: linear-gradient(135deg, rgba(147, 197, 253, 0.6) 0%, rgba(196, 181, 253, 0.6) 100%);
    border-radius: 50%;
    filter: blur(64px);
    opacity: 0.65;
}

.p-st-split-blob-2 {
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 320px;
    height: 320px;
    background: linear-gradient(135deg, rgba(252, 165, 165, 0.4) 0%, rgba(254, 215, 170, 0.4) 100%);
    border-radius: 50%;
    filter: blur(64px);
}

.p-st-split-container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 1024px) {
    .p-st-split-container {
        grid-template-columns: 0.8fr 1fr;
    }
}

.p-st-split-content {
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: flex-start;
}

    .p-st-split-content h2 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        color: #111827;
        margin: 0;
    }

@media (min-width: 768px) {
    .p-st-split-content h2 {
        font-size: 3.75rem;
    }
}

.p-st-split-content p {
    font-size: calc(var(--base-font-size-h2) * 0.82);
    color: var(--primary-color);
    margin: 0;
    max-width: 760px;
    margin-top: 0.45rem;
}

/* Trust Badge */
.p-st-trust-badge {
    display: inline-flex;
    align-items: center;
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--theme-border-layout);
    border-radius: 0.55rem;
    padding: 7px 11px;
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);
    font-size: var(--base-font-size-xxs);
    font-weight: 400;
    color: var(--primary-color);
}

    .p-st-trust-badge .p-st-separator {
        width: 1px;
        height: 12px;
        background: #d1d5db;
        margin: 0 12px;
    }

.p-st-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.p-st-icon-star {
    color: #eab308;
}

.p-st-icon-shield {
    color: #10b981;
}

.p-st-icon-credit-card {
    color: #10b981;
}

.p-st-icon-calendar {
    color: #3b82f6;
}

.p-st-icon-x {
    color: #ef4444;
}

/* Gradient Text */
.p-st-gradient-text {
    background: linear-gradient(to right, var(--theme-primary-color), #009252);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Trust Indicators */
.p-st-trust-indicators {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    /* background: var(--chat-dark-bg-2);
    border: 1px solid var(--theme-border-layout);*/
    border-radius: 0.55rem;
    /*padding: 7px 11px;*/
    /*box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);*/
    font-size: 14px;
    color: var(--primary-color);
    justify-content: space-between;
    width: 100%;
    max-width: 460px;
    gap: 0.5rem 0.8rem;
}

.p-st-trust-item {
    display: flex;
    align-items: center;
    gap: 4px;
    /*font-size: var(--base-font-size-xs);*/
    color: var(--primary-color);
}

.p-st-trust-indicators .p-st-separator {
    width: 4px;
    height: 4px;
    background: var(--on-primary-color);
    border-radius: 50%;
    flex-shrink: 0;
}

.p-st-trust-item svg {
    width: 1.1rem;
    height: 1.1rem;
}


.p-st-cec {
    stroke: #00b900;
}

.p-st-st-tr {
    stroke: #1d88ff;
}

.p-st-can {
    stroke: #d70000;
    transform: scale(0.95);
    transform-origin: center 35px;
}

.p-st-impen {
    stroke: #da00ff;
}
/* CTA Section */
.p-st-cta-row {
    display: inline-flex;
    gap: 13px;
    line-height: 1.35;
    align-items: center;
    margin-top: 0.1rem;
    flex-direction: row-reverse;
}

.p-st-cta-button {
    padding: 0.7rem 1.2rem 0.7rem;
    font-weight: 600;
    font-size: 0.98rem;
    border-radius: 999px;
    transition: transform .15s ease, box-shadow .15s ease, filter .2s;
    width: 100%;
    border: none;
    background: var(--theme-primary-color);
    color: #fff;
    display: inline-block;
    min-width: 200px;
}

    .p-st-cta-button:hover {
        background: var(--theme-btn-hover);
    }

.p-st-pricing {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.p-st-pricing-amount {
    color: var(--theme-primary-color);
    font-weight: 800;
    font-size: 16px;
    margin: 0;
}

.p-st-pricing-terms {
    color: var(--on-primary-color);
    font-size: 0.75rem;
    margin: 0;
}

/* Video Section */
.p-st-split-video {
    position: relative;
}

.p-st-split-video-container {
    background: white;
    border-radius: var(--bs-border-radius);
    padding: 1rem;
    border: 1px solid var(--sec-light-color7);
    position: relative;
    max-width: 975px;
    margin: 0 auto;
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);
}

.p-st-split-video-preview {
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    border-radius: 10px;
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--theme-border-layout);
}

    .p-st-split-video-preview::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, #eff6ff 0%, #faf5ff 100%);
    }

.p-st-split-play-button {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    border: 4px solid white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    margin: 0 auto 16px;
    position: relative;
}

    .p-st-split-play-button:hover {
        background: linear-gradient(135deg, #2563eb, #7c3aed);
    }

.p-st-split-video-content {
    position: relative;
    text-align: center;
    z-index: 1;
}

    .p-st-split-video-content h3 {
        font-weight: 600;
        color: #1f2937;
        font-size: 18px;
        margin-bottom: 4px;
        margin-top: 0;
    }

.p-st-video-stats {
    color: #6b7280;
    font-size: 14px;
    margin: 0;
}

.p-st-live-indicator {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    background: #ef4444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-st-live-dot {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    animation: p-st-pulse 2s ease-in-out infinite;
}

/* Video Stats Grid */
.p-st-video-stats-grid {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    text-align: center;
}

.p-st-stat-item {
    display: flex;
    flex-direction: column;
}

.p-st-stat-number {
    font-weight: 700;
    font-size: 18px;
    color: #111827;
    margin: 0;
}

.p-st-stat-label {
    font-size: 12px;
    color: #6b7280;
    margin: 0;
}

/* Floating Elements */
.p-st-watch-demo-badge {
    position: absolute;
    top: -16px;
    right: -16px;
    background: var(--light-green2);
    color: var(--primary-color);
    border-radius: 9999px;
    padding: 7px 16px;
    font-size: var(--base-font-size);
    font-weight: 500;
}

.p-st-watching-now {
    position: absolute;
    bottom: -112px;
    left: -16px;
    background: white;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 8px;
}

.p-st-live-dot-small {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: p-st-pulse 2s ease-in-out infinite;
}

.p-st-watching-text {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    margin: 0;
}

/* Feature Grid */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 16px;
    color: var(--primary-color);
    padding-top: 1.1rem;
    justify-content: space-between;
    padding-left: 5px;
    padding-right: 5px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.feature-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

    .feature-icon.users {
        background: var(--light-green3);
    }

    .feature-icon.shield {
        background: var(--salmon-new-color2);
    }

    .feature-icon.sparkles {
        background: var(--plm-light-blue);
    }

    .feature-icon svg {
        width: 1.4rem;
        height: 1.4rem;
        stroke: var(--primary-color);
    }

.feature-text {
    line-height: 1.2;
}

    .feature-text h4 {
        font-weight: 600;
        font-size: var(--base-font-size-sm);
        margin-bottom: 1px;
    }

    .feature-text p {
        color: var(--on-primary-color);
        margin: 0;
        font-size: var(--base-font-size-xxs);
    }


/* Responsive Design */
@media (max-width: 768px) {
    .p-st-split-content h2 {
        font-size: 2rem;
    }

    .p-st-cta-row {
        flex-direction: column;
        gap: 16px;
    }

    .p-st-trust-indicators,
    .p-st-trust-badge {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .p-st-split-section {
        padding: 40px 16px;
    }

    .p-st-split-container {
        gap: 32px;
    }
}

@media (max-width: 480px) {
    .p-st-split-content h2 {
        font-size: 1.75rem;
    }

    .p-st-cta-button {
        width: 100%;
        text-align: center;
    }

    .p-st-trust-indicators {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }

        .p-st-trust-indicators .p-st-separator {
            width: 100%;
            height: 1px;
        }
}
/*updared start page design*/

.brand-link .dropdown-menu {
    /*max-height: calc(100% - 5rem);*/
    z-index: 999999;
    overflow-y: auto;
    margin-left: -9px;
    margin-top: 0rem;
}

.brand-link .icon-box-sm {
    border-radius: calc(var(--bs-border-radius) * 0.65);
}

.brand-link #div_trustline .p-smiw {
    position: relative;
    left: 2px;
    top: 1px;
}

.age-uploaded-prev .p-icon-ag-mw.p-icon-ag-mw-btn {
    background: transparent;
    border: 1px solid var(--theme-border-layout);
    position: relative;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: var(--base-font-size-xs);
    overflow: hidden;
}

.age-rem-attach {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #ffffff 25%, transparent);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.1rem;
    color: var(--red-color);
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    padding-right: 10px;
}

    .age-rem-attach svg {
        stroke: var(--red-color) !important;
        cursor: pointer;
    }

.age-uploaded-prev:hover .age-rem-attach {
    opacity: 1;
    visibility: visible;
}

.age-uploaded-prev .p-icon-ag-mw label span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
}

.p-icon-ag-mw:hover svg.p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

.award-plm {
    max-width: 422px;
    position: relative;
    top: 4px;
}


.p-st-cont-cont {
    z-index: 2;
    position: relative;
}

.p-st-cont-cont-para {
    font-size: 1rem;
    margin-top: 0.55rem;
    color: var(--on-primary-color);
}

.p-st-cont-cont .ph-2 {
    line-height: 1.4;
    font-size: 1.4rem;
}

.p-age-link {
    cursor: pointer;
    display: inline;
    text-decoration-color: var(--theme-primary-color);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-decoration-style: solid !important;
    text-decoration-thickness: 1.1px;
    text-underline-offset: 2px;
    text-underline-position: from-font;
    vertical-align: baseline;
    color: var(--theme-primary-color) !important;
    margin: 0 0.1rem;
}

    .p-age-link svg {
        stroke: var(--theme-primary-color);
        stroke-width: 1.35;
        width: 0.5rem;
        height: 0.5rem;
        margin-left: 0.15rem;
    }


.p-age-spinner-loader {
    animation: spin 1s linear infinite;
}


.no-data-filtered img.no-data {
    height: auto;
}

svg.search-no-data-def {
    width: 3.8rem;
    height: 3.8rem;
    fill: var(--theme-icon-color);
}

.p-ul-align-upd {
    padding-left: 1.75rem;
}

    .p-ul-align-upd li::marker {
        padding-left: 1.05rem;
        color: var(--sec-light-color1);
    }

    .p-ul-align-upd li:not(:last-child) {
        margin-bottom: 0.2rem;
    }

.chart-with-custom-export {
    position: relative;
}

.btn-export-three-dots {
    border: none;
    background: transparent;
}

.sources-list a.p-age-link {
    text-decoration: underline !important;
}

ul.sources-list {
    list-style: none !important;
    padding: 0 !important;
}

svg.p-icon-scources {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    stroke: var(--primary-color);
    margin-right: 8px;
    margin-left: 0;
}

.sources-list li.sources-list-item {
    margin-bottom: 0.9rem !important;
}

.sources-list .p-age-link svg {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.25rem;
}

svg.p-icon-scources {
    width: 0.95rem;
    height: 0.95rem;
    display: inline-block;
    stroke: var(--on-primary-color);
    margin-right: 5px;
    margin-left: 0;
    position: relative;
    top: -1px;
}

.p-icon-link-sources {
    width: 0.9rem;
    height: 0.9rem;
    stroke: var(--primary-color);
    margin-left: 0.3rem;
    position: relative;
    top: -0.1rem;
}

a.sources-list-link {
    color: var(--primary-color) !important;
    text-underline-offset: 2px;
    font-weight: 500;
}

.vir-age-chat-box video {
    width: 100%;
    height: 100%;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    border: 1px solid var(--sec-light-color6);
}

.p-age-vid-video-container {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
}

.p-age-vid-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 40px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: block;
}

    .p-age-vid-play-button:focus {
        outline: none;
    }

.p-ag-sm-nt {
    display: inline-block;
    margin-top: 0.35rem;
    font-size: calc(var(--base-font-size-xxs));
}

.js-vir-age-as .p-ag-sm-nt {
    position: relative;
    top: 3px;
}

.vir-age-chat-box-inner .p-age-docs-type-mw {
    padding: 0;
}

.p-ag-doc-prev iframe,
.p-ag-doc-prev embed {
    width: 100%;
    height: calc(100% - 6px);
    border-radius: 0.75rem;
}

.align-content-tsk {
    align-self: center;
    padding-top: 8px;
    margin-right: 9px;
}

#agent-audio-widget {
    margin-right: 0.04rem;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.025rem;
}

.vir-age-attach .p-icon-ag-mw svg {
    margin-bottom: 0.04rem;
    margin-left: 0.02rem;
}

.show-live-type-status .icon-loaders.p-icon-md {
    width: 1.18rem;
    height: 1.18rem;
}

.p-ag-vid-mw {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1920 / 1080;
    box-shadow: 0px 0px 1px rgba(13, 41, 66, 0.58);
    border-radius: 0.65rem;
    margin-bottom: 0.8rem;
}

    .p-ag-vid-mw iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

.va-summary .btn-status.newCandidate {
    background-color: #b0f8ca6e;
    border: 1px solid var(--green-color);
    color: var(--green-color);
}

.p-upload-input.img-uploder.dash-board-banner-container,
.email-banner-container.p-upload-input,
.dashboard-banner-loadder,
.email-banner-loadder {
    max-width: 1200px;
}

.p-bg-theme {
    background: var(--theme-secondary-color);
    border-radius: var(--bs-border-radius);
}

.hr-new {
    display: inline-block;
    border-bottom: 1px solid var(--theme-border-layout);
    width: 100%;
}

/* PIN Dots */
/* PIN Pad Background */
.pin-sec-mw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-right: 1px solid var(--sec-light-color6);
}

/* PIN Dots */
.pin-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--theme-placeholder-color);
    margin: 0 8px;
    transition: all 0.3s ease;
}

    .pin-dot.filled {
        background: var(--theme-primary-color);
        border-color: var(--theme-primary-color);
        transform: scale(1.1);
    }

/* Number Pad */
.number-pad {
    display: flex;
    flex-direction: column;
    gap: 25px 45px;
}

.number-row {
    display: flex;
    justify-content: center;
    gap: 23px;
}

.num-btn {
    --tw-ring-color: var(--theme-placeholder-color);
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    width: 80px;
    height: 80px;
    border-radius: var(--bs-border-radius);
    border: none;
    background: var(--sec-light-color8);
    backdrop-filter: blur(10px);
    color: var(--primary-color);
    font-size: 1.6rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-shadow: 0 5px 5px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border: 1px solid var(--theme-border-layout);
}

    .num-btn:hover {
        box-shadow: 0px 0px 28px 0px var(--theme-placeholder-color);
        transform: scale(1.05);
    }

    .num-btn:active {
        transform: scale(0.95);
    }

.num-btn-text {
    font-size: 1.1rem;
}

.num-btn-icon svg {
    width: 26px;
    height: 26px;
}

/* Clock In Modal */
.clock-in-modal-mw {
    width: 100%;
    align-items: center;
    justify-content: center;
}

.clock-in-modal {
    width: 100%;
    max-width: 420px;
    background: white;
    border-radius: 24px;
    padding: 28px 35px;
    box-shadow: 0px 5px 12px rgba(13, 41, 66, 0.04);
    animation: modalFadeIn 0.4s ease;
    border: 1px solid var(--theme-border-layout);
    position: relative;
}

button.btn-close-clock {
    background: transparent;
    border: none;
    position: absolute;
    right: 12px;
    top: 12px;
    border: 1px solid var(--theme-border-layout);
    width: 1.8rem;
    height: 1.8rem;
    border-radius: calc(var(--bs-border-radius) * 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem;
}

    button.btn-close-clock svg {
        width: 1.3rem;
        height: 1.3rem;
        stroke: var(--sec-light-color1);
    }

.max-wid-ini {
    max-width: initial !important;
    width: 100%;
}

.enter-pass-lead {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    font-weight: 600;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes modalFadeOut {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    to {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }
}

.clock-in-modal.fade-out {
    animation: modalFadeOut 0.3s ease;
}

.clock-in-input {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

    .clock-in-input:focus {
        outline: none;
        border-color: #7c3aed;
        box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
    }

.btn-cancel {
    background: var(--theme-border-layout);
    color: var(--theme-btn-hover);
    border: none;
    border-radius: 12px;
    padding: 14px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-cancel:hover {
        background: var(--theme-border-3);
        color: var(--theme-primary-color);
    }

.btn-clock-in {
    background: var(--theme-primary-color);
    color: white;
    border: none;
    border-radius: 12px;
    padding: 14px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-clock-in:hover {
        background: var(--theme-btn-hover);
        color: #fff;
    }

.btn-clock-in, .btn-cancel {
    padding: 0.7rem 1rem;
    font-size: 0.96rem;
}

/* Shake Animation */
@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake {
    animation: shake 0.5s;
}

/* Sidebar */
.sidebar-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 29, 30, 0.64);
    backdrop-filter: blur(6px);
    z-index: 1050;
}

.sidebar-panel {
    position: absolute;
    right: 0;
    top: 0;
    width: 480px;
    height: 100%;
    background: white;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

.sidebar-panel.slide-out {
    animation: slideOut 0.3s ease;
}

.clocked-user-card {
    padding: 16px;
}

    .clocked-user-card .p-tag {
        min-width: 4.1rem;
        font-weight: 500;
    }

.p-tag-curr-log {
    background: var(--theme-border-layout);
    color: var(--theme-primary-color);
}

.ks-logs-cl-act {
    justify-content: space-between;
}

.ks-logs-cl {
    color: var(--primary-color);
    gap: 3rem;
    background: var(--theme-border-4);
    padding: 0.3rem 0.75rem;
    border-radius: 0.45rem;
    align-items: center;
}

    .ks-logs-cl span {
        display: block;
        width: 7rem
    }

        .ks-logs-cl span:first-child {
            margin-left: 1rem;
        }

        .ks-logs-cl span:last-child {
            margin-right: 2rem;
        }

.clocked-user-card .p-tag {
    min-width: 4.1rem;
    width: 6rem;
}

.ks-logs-cl:not(:last-child) {
    margin-bottom: 0.5rem !important;
}

.user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
}

.pn-btn-mw {
    border: none;
    background: var(--theme-secondary-color);
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    border-radius: 50%;
    padding: 0.6rem;
    align-items: center;
    justify-content: center;
}

    .pn-btn-mw svg {
        stroke: var(--theme-primary-color);
    }

.pn-btn-mw-pos {
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
}

.num-btn.num-btn-text {
    font-size: 0.92rem;
}

@media(max-width: 1700px) {
    .num-btn {
        width: 75px;
        height: 75px;
    }

    .number-row,
    .number-pad {
        gap: 35px 55px;
    }
}
/*PIN DOT ENDS HERE*/
.grid-container-plmw {
    display: grid;
    grid-template-columns: 1fr 3fr; /* Left and Right columns */
    grid-template-rows: auto 1fr; /* Top and Bottom rows */
    grid-gap: calc(var(--default-gap) * 0.75);
    min-height: calc(100vh - var(--nav-min-height) - calc(var(--default-gap) * 2));
}

.pl-tp {
    grid-column: 1 / span 2; /* Span both columns */
}

.pl-lft {
    grid-row: 2 / span 1; /* Bottom left section */
}

.pl-rhgt {
    grid-row: 2 / span 1; /* Bottom right section */
}

.grid-container-plmw-tc {
    display: grid;
    grid-gap: calc(var(--default-gap) * 0.75);
    min-height: calc(100vh );
    align-items: flex-start;
}

.sidebar-panel .sidebar-header {
    border-bottom: 1px solid var(--theme-border-layout);
}

.pl-lft-grid-tc {
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 0;
}

.p-co-lead {
    font-weight: 800;
    font-size: 1.75rem;
    position: relative;
    display: inline-block;
}

    .p-co-lead::after {
        position: absolute;
        bottom: -7px;
        width: 48%;
        height: 4px;
        background: var(--theme-primary-color);
        content: '';
        left: 0;
        border-radius: 0.55rem;
    }

.pin-sec-mw img {
    max-width: 150px;
    display: block;
    height: auto;
    margin-bottom: 2.2rem;
}

/* Time Period (AM/PM) - Smaller size */
.time-period {
    font-size: 2.2rem;
    font-weight: 500;
    margin-left: 0.25rem;
    opacity: 0.6;
}

.ko-pin-sec {
    position: relative;
    z-index: 9;
}
/* PIN Action Buttons - Hidden by default */
.pin-action-btn {
    transition: visibility 0.3s, opacity 0.3s;
}
/*PIN DOT ENDS HERE*/

.blur-3xl {
    --tw-blur: blur(64px);
    filter: var(--tw-blur);
}

.bg-accent\/20 {
    background-color: var(--theme-border-2);
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 48%;
    opacity: 0.8;
}

.bg-accent\/20-xs {
    width: 240px;
    height: 220px;
    left: 120px;
    top: 44px;
    opacity: 0.9;
}

.btn-back-arrow {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    margin-bottom: 2.3rem;
    color: var(--on-primary-color);
    padding: 0.4rem 0.7rem;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    font-weight: 400;
}

    .btn-back-arrow:hover {
        background: var(--theme-secondary-color);
        color: var(--theme-primary-color);
    }

    .btn-back-arrow svg {
        width: 1rem;
        height: 1rem;
    }

.ko-cur-time-mw p {
    font-size: 1rem !important;
}

.p-ko-ls-tp {
    font-size: 1rem;
    margin-top: 0.1rem;
}

.pin-sec-mw h2.ko-cur-time {
    font-size: 4rem;
    font-weight: 700;
}

.max-wid-conatiner {
    max-width: 700px;
}

.pk-del-opt {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.5rem;
}

/* PIN Box Styling */
.pin-box {
    width: 75px;
    height: 75px;
    border: 1px solid var(--theme-border-layout);
    border-radius: calc(var(--bs-border-radius) * 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sec-light-color8);
    transition: all 0.3s ease;
}

    .pin-box:hover {
        border-color: #d1d5db;
    }

.pin-dot-display {
    font-size: 2rem;
    color: #1a1a2e;
    font-weight: 600;
}

/* SVG Dot Styling */
.pin-dot-svg {
    width: 42px;
    height: 42px;
    color: var(--primary-color);
}

/* When showing numbers */
.pin-display-content.show-number {
    font-size: 2.5rem;
    color: #1a1a2e;
    font-weight: 700;
}

    .pin-display-content.show-number .pin-dot-svg {
        display: none;
    }

.sidebar-panel .hr-line {
    border-top: 1px solid var(--primary-border-color);
    margin: 1.8rem 0 1.7rem;
}

@media only screen and (max-width: 767px) {
    .pl-lft-grid-tc {
        display: flex;
        flex-direction: column;
        padding-top: 0 !important;
        gap: 2.5rem;
    }

    .pin-sec-mw {
        padding: 2rem 1.5rem;
    }

    .pn-btn-mw-pos {
        right: 1.2rem;
        top: 0rem;
        z-index: 999;
    }

    .sidebar-panel {
        width: 100%;
        max-width: 480px;
    }

    .number-row, .number-pad {
        gap: 30px 40px;
    }

    #clockedInSidebar .sidebar-panel {
        width: 100%;
    }

    .sidebar-panel .sidebar-header .pdf {
        gap: 1rem;
    }

    .btn-back-arrow {
        margin-bottom: 1.2rem;
        font-weight: 400;
    }

    .p-co-lead {
        font-size: 1.45rem;
    }
}
/* Smooth transition for PIN display */

/* CRITICAL: Hide sidebar by default until JS sets correct state */
.plumm-full-logo {
    height: 24px;
    fill: var(--primary-color);
    width: 95px;
    position: relative;
    top: 1px;
}

.p-il-mw {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-start;
}

/*.minimise-on-pin .p-logo-brand-icon {
    display: none;
}*/

/* Sidebar Tooltip - Hidden by default and positioned off-screen */
/* Sidebar Tooltip */
.sidebar-tooltip {
    background-color: #2c3e50;
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    pointer-events: none;
    /* Hidden by default */
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    /* Smooth transition */
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

    /* Show state */
    .sidebar-tooltip.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    /* Arrow */
    .sidebar-tooltip[data-popper-placement^='right']::before {
        content: '';
        position: absolute;
        left: -4px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 4px 4px 0;
        border-color: transparent #2c3e50 transparent transparent;
    }

/* AI Slide Box - Slides up from bottom inside modal */
.ptic-slide-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
}

    .ptic-slide-box.ptic-active {
        pointer-events: all;
    }

.ptic-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
    z-index: 1049;
}

    .ptic-slide-overlay.ptic-active {
        opacity: 1;
        pointer-events: all;
    }

.ptic-slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.35);
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    max-height: 90%;
    overflow-y: auto;
}

.ptic-slide-box.ptic-active .ptic-slide-content {
    transform: translateY(0);
}

.ptic-ai-prompt {
    padding: 25px;
}

.p-modal-sb:has(.ptic-active) .ptic-slide-overlay {
    opacity: 1;
    backdrop-filter: blur(2px);
}

.ptic-chat-footer .pp-ask-ai-send {
    opacity: .5;
    cursor: not-allowed;
    background: var(--theme-primary-color);
}

.ptic-chat-footer textarea:focus ~ .pp-ask-ai-send {
    opacity: 1;
    cursor: default;
    background: var(--theme-primary-color);
}
/* Chat Box - Fade in instead of slide */
.ptic-chat-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    z-index: 1051;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

    .ptic-chat-box.ptic-active {
        opacity: 1;
        visibility: visible;
    }

.ptic-chat-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ptic-chat-header {
    color: var(--primary-color);
}

.ptic-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 1.8rem 1.4rem;
}

.ptic-chat-footer {
    padding: 16px 20px;
    background-color: white;
    flex-shrink: 0;
}

.ptic-ai-avatar {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: var(--theme-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ptic-ai-avatar-small {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--theme-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ptic-ai-avatar .p-icon {
    stroke: none;
}

.ptic-ai-avatar-small svg {
    stroke: none;
}

.ptic-message-bubble {
    background-color: var(--theme-secondary-color);
    padding: 12px 16px;
    border-radius: 12px;
    max-width: 80%;
    color: var(--primary-color);
}

.ptic-ai-bubble {
    border-top-left-radius: 4px;
}

.ptic-user-message {
    justify-content: flex-end;
}

.ptic-user-bubble {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-top-right-radius: 4px;
    margin-left: auto;
}

/* Button styles */
.hc-default-btn-sec.hc-default-btn {
    background: #fff;
    color: var(--theme-primary-color);
}

    .hc-default-btn-sec.hc-default-btn:hover {
        background: var(--theme-primary-color);
        color: #fff;
    }

.ai-block-box {
    width: 2.55rem;
    height: 2.55rem;
    background: var(--theme-border-2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
}

.cus-mb-tai {
    margin-bottom: 1.1rem;
}
/* Scrollbar styling for chat */
.ptic-chat-messages::-webkit-scrollbar {
    width: 6px;
}

.ptic-chat-messages::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.ptic-chat-messages::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

    .ptic-chat-messages::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.ptic-ai-prompt h5 {
    font-weight: 600;
    font-size: 0.98rem;
    margin-bottom: 0.2rem;
}


.modal-fullscreen-cus,
.modal-fullscreen-cus .modal-content {
    max-height: 100%;
}

.p-tl-fp-pd.onboarding-mw .pso-form-wrapper {
    height: calc(100vh - 11.7rem) !important;
    max-height: initial;
}

@media(max-width: 1024px) {
    .btn-top-head-sb {
        display: none !important;
    }

    li.nav-item.d-xl-none:has(a[data-widget="pushmenu"]) {
        margin-right: 1.4rem;
    }
}

/**/
#gridRecalculate .p-custom-checkbox .custom-control-label::after {
    top: -0.59rem;
}

#gridRecalculate .p-custom-checkbox .custom-control-label::before {
    top: -0.55rem;
}

#gridRecalculate .p-custom-checkbox {
    justify-content: center;
}

.new_slot_div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 0px;
    max-width: 900px;
    width: 750px !important;
}


    .new_slot_div > div {
        display: flex;
        flex-direction: column;
    }

    .new_slot_div p {
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 600;
        text-align: left;
    }

    .new_slot_div label {
        max-width: 350px;
    }


/* ── Maintenance Banner ── */

/*body:has(.maintenance-banner) .main-header {
    top: var(--maintenance-banner-height) !important;
}

body:has(.maintenance-banner) .main-sidebar {
    height: calc(100vh - var(--maintenance-banner-height));
}

body:has(.maintenance-banner) .main-sidebar {
    top: var(--maintenance-banner-height) !important;
}*/




.p-show-alert-msg p {
    display: flex;
    align-items: center;
    margin: 0;
    color: var(--white-color);
    gap: 0.9rem;
}

.p-show-alert-msg {
    position: sticky;
    top: 0;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem;
    z-index: 1001;
    min-height: var(--aleart-msg-mh);
}


body.show-alert-banner .header-al {
    position: sticky;
    top: var(--aleart-msg-mh);
}

body.show-alert-banner .p-nl-sm {
    top: calc(var(--nav-min-height) + var(--aleart-msg-mh));
    height: calc(100vh - var(--nav-min-height) - calc(var(--default-container-gap) * 2));
}

body:has(.maintenance-banner) .header-al{
    position: sticky;
    top: var(--maintenance-banner-height);
}

body:has(.maintenance-banner) .p-nl-sm{
    top: calc(var(--nav-min-height) + var(--maintenance-banner-height));
    height: calc(100vh - var(--nav-min-height) - calc(var(--default-container-gap) * 2));
}

body:has(.maintenance-banner):has(.alert-banner-is-visible) .p-nl-sm {
    top: calc(var(--nav-min-height) + var(--maintenance-banner-height) + var(--aleart-msg-mh));
    height: calc(100vh - var(--nav-min-height) - var(--aleart-msg-mh) - calc(var(--default-container-gap) * 2));
}

body:has(.maintenance-banner):has(.alert-banner-is-visible) .p-show-alert-msg {
    top: var(--maintenance-banner-height);
}

body:has(.maintenance-banner):has(.alert-banner-is-visible) .header-al {
    position: sticky;
    top: calc(var(--maintenance-banner-height) + var(--aleart-msg-mh));
}

body:has(.maintenance-banner) .p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    max-height: calc(100vh - 6.6rem - var(--maintenance-banner-height));
}

body:has(.maintenance-banner):has(.alert-banner-is-visible) .p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    max-height: calc(100vh - 7.2rem - var(--maintenance-banner-height) - var(--aleart-msg-mh));
}

body:has(.alert-banner-is-visible) .p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    max-height: calc(100vh - 7.2rem - var(--maintenance-banner-height) - var(--aleart-msg-mh));
}

.maintenance-banner {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: var(--theme-primary-color);
    border-bottom: 1px solid var(--theme-border-layout);
    box-sizing: border-box;
    min-height: var(--maintenance-banner-height);
    color: #fff;
    color: #fff;
    display: flex;
    align-items: center;
}

.maintenance-banner__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.maintenance-banner__icon {
    font-size: 16px;
    flex-shrink: 0;
}

.maintenance-banner__text, .maintenance-banner__inner p{
    flex: 1;
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
}

.maintenance-banner__close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    line-height: 1;
    opacity: 0.75;
    transition: opacity 0.2s;
}

.maintenance-banner__close:hover {
    opacity: 1;
}

.del-para-text b {
    color: var(--primary-color);
    display: inline-block;
    margin-right: 2px;
}

input[type="date"]::-webkit-datetime-edit {
    color: var(--placeholder-color);
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    color: var(--placeholder-color);
}

input[type="date"]::-webkit-datetime-edit-text {
    color: var(--placeholder-color);
}

input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: var(--placeholder-color);
}

.p-sc-cont-w .p-info-link a {
    color: var(--theme-primary-color);
    text-underline-offset: 3px;
    text-decoration: underline;
}

.p-sl-acc-rmt {
    padding-top: 4.9rem;
}

#addBulkResumeModel .files-container-bulk-upload {
    border-bottom: 0;
}

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

/*#gridContainerTaxSpec .dx-datagrid {
    overflow: visible;
}*/


/* Comment text */
.can-sco-desc {
    font-size: 13px;
    color: #4a4a68;
    line-height: 20px;
    margin: 0;
}

.can-sco-desc--clamped {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(40px * 3);
}

.can-sco-desc--expanded {
    display: block;
    overflow: visible;
    max-height: none;
}

.can-sco-summary p {
    margin: 0 0 0.75em 0;
}

.can-sco-summary ul,
.can-sco-summary ol {
    margin: 0.5em 0 0.75em 1.25em;
    padding-left: 1.25em;
}

.can-sco-summary li {
    margin: 0.15em 0;
}

.can-sco-summary h1,
.can-sco-summary h2,
.can-sco-summary h3,
.can-sco-summary h4,
.can-sco-summary h5,
.can-sco-summary h6 {
    margin: 0.6em 0 0.35em;
    line-height: 1.3;
}

.can-sco-summary.can-sco-desc--clamped p,
.can-sco-summary.can-sco-desc--clamped ul,
.can-sco-summary.can-sco-desc--clamped ol,
.can-sco-summary.can-sco-desc--clamped li,
.can-sco-summary.can-sco-desc--clamped h1,
.can-sco-summary.can-sco-desc--clamped h2,
.can-sco-summary.can-sco-desc--clamped h3,
.can-sco-summary.can-sco-desc--clamped h4,
.can-sco-summary.can-sco-desc--clamped h5,
.can-sco-summary.can-sco-desc--clamped h6 {
    margin: 0;
    padding: 0;
}

/* Show more button */
.can-sco-showmore {
    background: none;
    border: none;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--theme-primary-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 7px;
}

.can-sco-showmore:hover {
    color: var(--theme-primary-color);
}

/* Empty state */
.can-sco-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 20px 12px;
    /*border: 1px solid var(--sec-light-color8);*/
    border-radius: calc(var(--bs-border-radius) * 0.55);
    text-align: center;
    /*background: var(--p-grey-color);*/
}

    .can-sco-empty-state svg.p-icon {
        stroke: var(--sec-light-color3);
        opacity: 0.65;
    }

.can-sco-empty-icon {
    color: #9999b3;
    width: 28px;
    height: 28px;
}

.can-sco-empty-state-cont {
    display: grid;
    gap: 0;
}

.can-sco-empty-title {
    font-size: var(--base-font-size);
    font-weight: 500;
    color: var(--on-primary-color-dark);
    margin: 0;
}

.can-sco-empty-sub {
    font-size: var(--base-font-size-xxs);
    margin: 0;
    color: var(--on-primary-color);
    opacity: 0.85;
}



/*new dash css mh*/

.mwcm-dashboard-grid {
    max-width: 1280px;
    margin: 0 auto;
}

.mwcm-col-right {
    min-width: 480px;
}

/* Row 1: affirmation + activity, side by side */
.mwcm-row-top {
    display: flex;
    gap: 20px;
}

.mwcm-row-top .mwcm-hero {
    flex: 2;
}

.mwcm-row-top .mwcm-activity {
    flex: 1;
    max-width: 480px;
    min-width: 480px;
}

/* Row 2: two INDEPENDENT columns — each stacks and grows on its own,
     never forced to match the other column's height (that's what
     CSS Grid rows were doing before). */
.mwcm-row-main {
    display: flex;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 20px;
}

.mwcm-col-left {
    flex: 2;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mwcm-col-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.mwcm-hero {
    min-height: 260px;
}

.mwcm-activity {
    min-height: 260px;
}

.mwcm-session-assigned,
.mwcm-session-empty {
    min-height: 460px;
    padding: 24px;
}

.mwcm-header-row {
    max-width: 1280px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}



.mwcm-tabs {
    position: relative;
    display: inline-flex;
    background: #ffffff;
    border: 1px solid #ECEAF6;
    border-radius: 999px;
    padding: 4px;
    gap: 4px;
}

.mwcm-tab {
    position: relative;
    z-index: 2;
    border: none;
    background: transparent;
    font-size: var(--base-font-size);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 999px;
    cursor: pointer;
    color: #1F1A4A;
    transition: color 0.25s ease;
}

    .mwcm-tab.is-active {
        color: #ffffff;
    }

.mwcm-tab-slider {
    position: absolute;
    top: 4px;
    left: 4px;
    height: calc(100% - 8px);
    background: var(--theme-primary-color);
    border-radius: 999px;
    z-index: 1;
    transition: left 0.3s ease, width 0.3s ease;
}

.mwcm-eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--on-primary-color);
    margin-bottom: 6px;
}

.mwcm-therapist-info > span.mwcm-eyebrow {
    color: var(--theme-primary-color);
}

.mwcm-block-label {
    margin-top: 14px;
}

.mwcm-therapist-name {
    font-size: 20px;
    font-weight: 700;
    color: #1F1A4A;
    margin: 0 0 4px;
}

.mwcm-tag-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 14px;
}

.mwcm-tag-row-label {
    width: 90px;
    flex-shrink: 0;
    margin-bottom: 0;
    padding-top: 8px;
}

.mwcm-therapist-title {
    font-size: 14px;
    color: #8B87A6;
    margin: 0;
}

.mwcm-pill-badge {
    display: inline-block;
    border: 1px solid #D9D3F5;
    color: var(--theme-primary-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 16px;
}

/* Therapist card */
.mwcm-therapist {
    display: flex;
    gap: 20px;
}

.mwcm-therapist-photo {
    width: 130px;
    height: 130px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
    background: #EFEDF7;
}

.mwcm-therapist-info {
    flex: 1;
    min-width: 0;
}

.mwcm-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.mwcm-tag {
    background: var(--sec-light-color8);
    color: var(--primary-color);
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px solid var(--sec-light-color6);
}

.mwcm-tag-more {
    background: transparent;
    color: var(--theme-primary-color);
    padding-left: 4px;
}

.mwcm-therapist-actions {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.mwcm-btn-primary, .mwcm-btn-secondary {
    font-size: var(--base-font-size);
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 999px;
    cursor: pointer;
    border: none;
}

.mwcm-btn-primary {
    background: var(--theme-primary-color);
    color: #fff;
}

.mwcm-btn-secondary {
    background: #fff;
    color: #1F1A4A;
    border: 1px solid var(--input-border-1);
}

.mwcm-btn-secondary:hover {
    background: var(--theme-primary-color);
    color: #fff;
}

.mwcm-btn-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mwcm-countdown-bar {
    margin-top: 24px;
    background: var(--theme-primary-color);
    border-radius: 14px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #fff;
    flex-wrap: wrap;
}

.mwcm-countdown-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mwcm-countdown-label {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    letter-spacing: 0.03em;
    color: rgba(255,255,255,0.85);
    margin-right: auto;
}

    .mwcm-countdown-label strong {
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        margin-top: 2px;
    }

.mwcm-countdown-timer {
    display: flex;
    gap: 14px;
}

    .mwcm-countdown-timer div {
        text-align: center;
    }

    .mwcm-countdown-timer b {
        display: block;
        font-size: 18px;
    }

    .mwcm-countdown-timer small {
        font-size: 9px;
        color: rgba(255,255,255,0.7);
    }

.mwcm-btn-join {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: var(--theme-primary-color);
    font-size: 13px;
    font-weight: 700;
    padding: 9px 16px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
}

/* Welcome to therapy (empty state) */
.mwcm-empty-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
}

.mwcm-empty-heading {
    font-size: 26px;
    font-weight: 800;
    color: #1F1A4A;
    line-height: 1.25;
    margin: 0 0 14px;
}

.mwcm-empty-copy {
    font-size: 14px;
    color: #8B87A6;
    line-height: 1.6;
    margin: 0 0 20px;
    max-width: 420px;
}

.mwcm-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    margin-top: 20px;
}

.mwcm-trust-item {
    font-size: 13px;
    color: #4B4680;
}

#mwcmSessionEmpty .mwcm-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 135px;
}

#mwcmSessionEmpty .mwcm-outline-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--theme-primary-color);
    fill: none;
    stroke: currentColor;
}

#mwcmSessionEmpty .mwcm-step-icon .mwcm-outline-icon {
    width: 20px;
    height: 20px;
}

.mwcm-empty-right {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.mwcm-step {
    display: flex;
    gap: 14px;
}

.mwcm-step-icon {
    width: 40px;
    height: 40px;
    background: #F2F0FA;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.mwcm-step-title {
    font-size: 15px;
    font-weight: 700;
    color: #1F1A4A;
    margin: 0 0 4px;
}

.mwcm-step-copy {
    font-size: 13px;
    color: #8B87A6;
    line-height: 1.5;
    margin: 0;
}

/* Emma AI */
.mwcm-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #1F1A4A;
    margin: 0;
}

.mwcm-emma-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mwcm-online {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #2FB380;
    font-weight: 600;
}

.mwcm-online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2FB380;
}

.mwcm-emma-copy {
    font-size: 13px;
    color: #8B87A6;
    line-height: 1.6;
    margin: 8px 0 20px;
}

.mwcm-emma-actions {
    display: flex;
    gap: 10px;
}

.mwcm-emma-actions button {
    min-width: 140px;
}

.mwcm-courses {
    min-height: 200px;
}

.mwcm-mood {
    min-height: 220px;
}

.ph-card.mwcm-emma .mwcm-card-subtitle {
    min-height: 105px;
}

.mwcm-events.mh-db-card {
    min-height: 426px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.mwcm-events .fo-cols-widget {
    flex: 1;
}

@media (max-width: 900px) {
    .mwcm-row-top,
    .mwcm-row-main {
        flex-direction: column;
    }

    .mwcm-empty-grid {
        grid-template-columns: 1fr;
    }

    .mwcm-therapist {
        flex-direction: column;
    }
}


div#DdlOnHoldDelayHours.dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1);
    min-width: 130px;
}

div#HireRetentionUnitBox.dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1, #ced4da);
    border-radius: .25rem;
    min-width: 160px;
}