/*  End New CSS Variable classs/root*/
/* line 1, scss-new/design-tokens/variables/_variable-function.scss */
:root {
  --font-family: "Poppins", Arial, "Noto Sans", sans-serif;
  --white           : #ffffff;
  --off-white       : #EDEDED;
  --near-white      : #E9EBEA;
  --light-gray      : #DBDCDD;
  --light-silver    : #C6C8C8;
  --moon-gray       : #58595A;
  --mid-gray        : #7F8181;
  --gray            : #58595A;
  --dark-gray       : #464848;
  --transparent     : transparent;
  --dark-red       : #e7040f;
  --red            : #ff4136;
  --orange         : #f89327;
  --gold           : #ffb700;
  --yellow         : #ffd700;
  --purple         : #5e2ca5;
  --dark-green     : #137752;
  --green          : #19a974;
  --blue           : #357edd;
  --lightest-blue  : #cdecff;
  --washed-blue    : #f6fffe;
  --washed-green   : #e8fdf5;
  --washed-yellow  : #fffceb;
  --washed-red     : #ffdfdf;
  --brand: var(--theme-brand);
  --aqua: var(--theme-brand);
  --brand-secondary: var(--brand-secondary);
  --brand-active: var(--brand-active);
  --brand-disabled: var(--brand-disabled);
  --link: #0054B6;
  --link-active: #00489d;
  --brand-darken: var(--brand-darken);
  --link-disabled: #a1a1a1;
  --success: #5CB96F;
  --error: #DA1E28;
  --info: #0054B6;
  --warning: #EA9522;
  --warm: #6244BF;
  --hot: #5977AA;
  --cold: #A0CED8;
  --open: #E64D40;
  --closed: #65C76D;
  --inprogress: #F0A547;
  --normal: #84A0EC;
  --followup: #75AFD9;
  --btnSecondaryBorder: #DBDCDD;
  --regular        : #060808;
  --primary        : #292A2A;
  --secondary      : #58595A;
  --text-primary: #292A2A;
  --text-regular: #060808;
  --text-secondary: #58595A;
  --text-link: #0054B6;
  --popover: #fff;
  --popover-title-color: #060808;
  --popover-border-color: #DBDCDD;
  --lime: #D0DE47;
  --lime-hover: #b5c400;
  --header-bg: #060808;
  --header-hover: #292A2A;
  --header-icon: #FFFFFF;
  --header-border: #464848;
  --header-sub-menu-bg: #464848;
  --header-icon-hover: #292A2A;
  --header-sub-menu-border-color: #464849;
  --header-search-bg: #292A2A;
  --header-search-border: #464848;
  --header-search-placeholder: #C6C8C8;
  --header-search-select: #060808;
  --header-hamburger-bg: #292A2A;
  --header-hamburger-color: #ffffff;
  --header-switch-bg: #464848;
  --header-profile-border: #ffffff;
  --side-nav-bg: #060808;
  --side-nav-color: #ffffff;
  --side-nav-hover: #292A2A;
  --side-nav-active: #292A2A;
  --side-nav-submenu-bg: #292A2A;
  --side-nav-submenu-hover: #464848;
  --side-nav-submenu-active: #464848;
  --side-nav-search-bg: #292A2A;
  --side-nav-search-bg-hover: #292A2A;
  --side-nav-search-text: #ffffff;
  --tab-bg: #060808;
  --tab-hover: #292A2A;
  --tab-bg-active: #060808;
  --tab-text: #060808;
  --tab-text-active: #ffffff;
  --tab-line: #D73875;
  --tab-line-text: #292A2A;
  --app-body-bg: #EDEDED;
  --cta-button-primary: #292A2A;
  --card-border-color: #E9EBEA;
  --brand-light: #FCF2F6;
  --header-switch-view: var(--header-switch-view);
  --filter-button-color: var(--filter-button-color);
  --grid         : #DBDCDD;
  --white-90  : rgba(255, 255, 255, 0.9);
  --white-8  : rgba(255, 255, 255, 0.8);
  --white-7  : rgba(255, 255, 255, 0.7);
  --white-6  : rgba(255, 255, 255, 0.6);
  --white-5  : rgba(255, 255, 255, 0.5);
  --white-4  : rgba(255, 255, 255, 0.4);
  --white-3  : rgba(255, 255, 255, 0.3);
  --white-2  : rgba(255, 255, 255, 0.2);
  --white-1  : rgba(255, 255, 255, 0.1);
  --white-05  : rgba(255, 255, 255, 0.05);
  --white-025 : rgba(255, 255, 255, 0.025);
  --white-0125: rgba(255, 255, 255, 0.0125);
  --black-9  : rgba(0, 0, 0, 0.9);
  --black-8  : rgba(0, 0, 0, 0.8);
  --black-7  : rgba(0, 0, 0, 0.7);
  --black-6  : rgba(0, 0, 0, 0.6);
  --black-5  : rgba(0, 0, 0, 0.5);
  --black-4  : rgba(0, 0, 0, 0.4);
  --black-3  : rgba(0, 0, 0, 0.3);
  --black-2  : rgba(0, 0, 0, 0.2);
  --black-1  : rgba(0, 0, 0, 0.1);
  --black-05  : rgba(0, 0, 0, 0.05);
  --black-025 : rgba(0, 0, 0, 0.025);
  --black-0125: rgba(0, 0, 0, 0.0125);
  --gray-80:#ccc;

  --light-moon-gray        : #d8dde6;
  --gray-shade-1           : #f2f4f8;
  --bodybg                 : #EDEDED;
  --crmwhite               : #fdfdfd;
  --btnbordercolor         : #b7b7b7;
  --crmbordercolor         : #eaeaea;
  --crmbordercolorprimary  : #eaeaea;
  --crmbordercolorsecondary: #eaeaea;
  --crmshadow              : 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  --crmcardshadow          : 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  --crmnearwhite           : #f2f2f2;
  --primarycolor           : #222222;
  --secondarycolor         : #555555;
  --lightwhite             : #f8f8f8;
  --cardborder             : #eaeaea;
  --cardbordersecondry     : #f2f2f2;
  --instructioncolor       : #fff8b8;
  --instructionbordercolor : #FFC107;
  --darkbordercolor        : var(--light-silver);
  --card-border            : #E9EBEA;
  --disabled               : #a1a1a1;
  --body-bg                : #EDEDED;
  --body-color             : #292A2A;
  --cloud-shadow           : #dbe9ef;
  --cloud-border           : #c6d8e2;
  --brand-link                  : #0054B6;
  --brand-link-hover            : #00489d;
  --brand-link-active           : #00489d;
  --brand-link-disabled         : #a1a1a1;
  --brand-link-disabled-hover   : #7b7b7b;
  --brand-link-active-hover     : #00316a;
  --action-bg-hover             : #E9EBEA;
  --font-76: 4.768rem;
  --font-60: 3.815rem;
  --font-48: 3.052rem;
  --font-40: 2.441rem;
  --font-30: 1.953rem;
  --font-24: 1.563rem;
  --font-20: 1.125rem;
  --font-16: 1rem;
  --font-14: 0.875rem;
  --font-12: 0.8rem;
  --font-10: 0.64rem;
  --font-8: 0.512rem;
  --font-6: 0.41rem;
  --font-5: 0.328rem;
  --lh4: 1.7;
  --lh3: 1.5;
  --lh2: 1.25;
  --lh1: 1;
  /**
  Application Header Tokens
*/
  /**
  Application Buttons
*/
  --theme-brand                 : #D73875;
  --brand-50: #F9E6EE;
  --brand-100: #F5C2D7;
  --brand-200: #F09CBD;
  --brand-300: #ED77A1;
  --brand-400: #EA5C8C;
  --brand-500: #EA4978;
  --brand-600: #D73875;
  --brand-700: #C33D6E;
  --brand-800: #B13768;
  --brand-900: #8C2C5F;
  --brand-secondary       : #060808;
  --brand-secondary-50: #EDEDED;
  --brand-secondary-100: #E9EBEA;
  --brand-secondary-200: #DBDCDD;
  --brand-secondary-300: #C6C8C8;
  --brand-secondary-400: #A0A3A2;
  --brand-secondary-500: #7F8181;
  --brand-secondary-600: #58595A;
  --brand-secondary-700: #464848;
  --brand-secondary-800: #292A2A;
  --brand-secondary-900: #060808;
  --brand-disabled        : #a1a1a1;
  --brand-hover                 : #b7255d;
  --brand-active          : #8d1c47;
  --brand-secondary-disabled        : black;
  --brand-secondary-hover       : black;
  --brand-secondary-active      : black;
  --brand-rgb: 215, 56, 117;
  --brand-lighten-25            : #eca2bf;
  --brand-darken-5              : #cc2968;
  --brand-desaturate-10         : #cb4478;
  --cloud-img                   : url("../imgcss/clouds.png") no-repeat center center;
  --login-logo                  : url("../imgcss/theme18.png") no-repeat center center;
  --login-logo-mob              : url("../imgcss/theme18.png") no-repeat center center;
  --side-nav-top-color          : #D73875;
  --side-nav-bottom-color       : #47484b;
  --side-nav-active-color       : #303135;
  --side-nav-submenu-bg-color   : #303135;
  --login-btn-bg: #cddd00;
  --login-btn-bg-hover: #b5c400;
  --brand-btn-txt-color                   : var(--white);
  --brand-btn-bg-color                    : #D73875;
  --brand-btn-border-color                : #D73875;
  --brand-btn-hover-txt-color             : var(--white);
  --brand-btn-hover-bg-color              : #b7255d;
  --brand-btn-hover-border-color          : #b7255d;
  --brand-btn-active-color                : #8d1c47;
  --brand-btn-rgb                         : 215, 56, 117;
  --brand-btn-secondary-txt-color         : var(--white);
  --brand-btn-secondary-bg-color          : #060808;
  --brand-btn-secondary-border-color      : #060808;
  --brand-btn-secondary-hover-txt-color   : var(--white);
  --brand-btn-secondary-hover-bg-color    : black;
  --brand-btn-secondary-hover-border-color: black;
  --brand-btn-secondary-active-color      : black;
  --brand-secondary-btn-rgb               : 255, 255, 255;
  --lime-color: #D0DE47;
  --lime-hover: #b5c400;
  --header-bg: #060808;
  --header-hover: #292A2A;
  --header-icon: #FFFFFF;
  --header-border: #464848;
  --header-sub-menu-bg: #464848;
  --header-icon-hover: #292A2A;
  --header-sub-menu-border-color: #464849;
  --header-search-bg: #292A2A;
  --header-search-border: #464848;
  --header-search-placeholder: #C6C8C8;
  --header-search-select: #060808;
  --header-hamburger-bg: #292A2A;
  --header-hamburger-color: #ffffff;
  --header-home-action-bg: #D73875;
  --header-switch-bg: #464848;
  --header-profile-border: #ffffff;
  --header-xd-text: var(--white);
  --header-xd-bg: $header-bg: #060808;
  --header-xd-back: #292A2A;
  --side-nav-bg: #060808;
  --side-nav-color: #ffffff;
  --side-nav-hover: #292A2A;
  --side-nav-active: #292A2A;
  --side-nav-submenu-bg: #292A2A;
  --side-nav-submenu-hover: #464848;
  --side-nav-submenu-active: #464848;
  --quick-nav-items-text-horizontal: var(--moon-gray);
  --quick-nav-items-text: #ffffff;
  --side-nav-search-bg: #292A2A;
  --side-nav-search-bg-hover: #292A2A;
  --side-nav-search-text: #ffffff;
  --tab-bg: #060808;
  --tab-hover: #292A2A;
  --tab-bg-active: #060808;
  --tab-text: #060808;
  --tab-text-active: #ffffff;
  --tab-border: #DBDCDD;
  --tab-border-active: #060808;
  --tab-line: #D73875;
  --tab-line-text: #292A2A;
  --app-body-bg: #EDEDED;
  --cta-button-primary: #292A2A;
  --card-border-color: #E9EBEA;
  --btn-secondary-bg              : #FFFFFF;
  --btn-secondary-text            : var(--primary);
  --btn-secondary-border          : var(--light-gray);
  --btn-secondary-bg-hover        : #D0DE47;
  --btn-secondary-text-hover      : var(--primary);
  --btn-secondary-border-hover    : #D0DE47;
  --btn-secondary-bg-active       : #D0DE47;
  --btn-secondary-text-active     : #D0DE47;
  --btn-secondary-border-active   : #D0DE47;
  --btn-disabled-bg               : #060808;
  --btn-disabled-text             : #060808;
  --btn-brand-bg                  : #D73875;
  --btn-brand-text                : #FFFFFF;
  --btn-brand-border              : #D73875;
  --btn-brand-bg-hover            : #b7255d;
  --btn-brand-text-hover          : #FFFFFF;
  --btn-brand-border-hover        : #b7255d;
  --btn-brand-bg-active           : #8d1c47;
  --btn-brand-text-active         : #FFFFFF;
  --btn-brand-border-active       : #8d1c47;
  --btn-lime-bg                  : #D0DE47;
  --btn-lime-text                : var(--text-primary);
  --btn-lime-border              : #D0DE47;
  --btn-lime-bg-hover            : #b5c400;
  --btn-lime-text-hover          : var(--text-primary);
  --btn-lime-border-hover        : #b5c400;
  --btn-lime-bg-active           : #b5c400;
  --btn-lime-text-active         : var(--text-primary);
  --btn-lime-border-active       : #8d1c47;
  --brand-light: #FCF2F6;
  --header-switch-view: #1D86FF;
  --filter-button-color: #ffffff;
  --login-btn-color: #292a29;
  --header-switch-text-color: var(--text-primary);
  --checkboxBg: #292A2A;
  --radioButtonBg: #292A2A;
  --studio-header-bg: #060808;
  --studio-icon-bg: #060808;
  --studio-icon-color: #C6C8C8;
  --studio-icon-border-color: #464848;
  --studio-icon-hover-bg: #D0DE47;
  --studio-icon-hover-color: #060808;
  --studio-icon-hover-border-color: #D0DE47;
  --studio-text-btn-color: #C6C8C8;
  --studio-text-btn-hover: #D0DE47;
  --studio-text-btn-active-color: #D0DE47;
  --studio-btn-color: #D0DE47;
  --studio-btn-border-color: #D0DE47;
  --studio-btn-hover-color: #060808;
  --studio-seperator-color: #464848;
  --studio-subtile-color: #E9EBEA;
  --studio-tab-color: #A0A3A2;
  --studio-tab-active-color: #fff;
  --studio-tab-active-border-color: #D73875;
  --studio-icon-tooltip-color: #fff;
  --studio-icon-tooltip-bg-color: #464848;
  --studio-grp-btn-color: #E9EBEA;
  --studio-grp-btn-active-color: #D73875;
  --brand-darken: #060808;
  --cold: #A0CED8;
  --cold-hover: #7cbbc9;
  --hot: #5977AA;
  --hot-hover: #465f8a;
  --warm: #6244BF;
  --warm-hover: #4e359b;
  --open: #E64D40;
  --open-hover: #d72b1c;
  --closed: #65C76D;
  --closed-hover: #42b74c;
  --inprogress: #F0A547;
  --inprogress-hover: #ec8e18;
  --normal: #84A0EC;
  --normal-hover: #587ee5;
  --followup: #75AFD9;
  --followup-hover: #4d98ce;
  --info: #0054B6;
  --info-bg: #e6f7ff;
  --info-border: #91d5ff;
  --info-hover: #003c83;
  --info-shadow: #706e6b;
  --warning: #EA9522;
  --warning-hover: #c67a13;
  --warning-bg: #fffbe6;
  --warning-border: #ffe58f;
  --warning-shadow: rgba(250, 173, 20, 0.2);
  --status: #444444;
  --status-hover: #2b2b2b;
  --error: #DA1E28;
  --error-hover: #ad1820;
  --error-bg: #FFE8F2;
  --error-border: #F5C2D7;
  --error-shadow: rgba(255, 77, 79, 0.2);
  --disabled: #a1a1a1;
  --disabled-hover: #888888;
  --disabled-bg: #d1cdcd;
  --disabled-border: #b1adad;
  --disabled-shadow: rgba(206, 194, 194, 0.116);
  --success: #5CB96F;
  --success-bg: #f6ffed;
  --success-border: #b7eb8f;
  --success-hover: #449e56;
  --success-shadow: rgba(82, 196, 26, 0.2);
  --notification-bg: #fff;
  --notification-title-color: #ffffff;
  --notification-close-color: #fff;
  --notification-content-color: #1e1e1e;
  --dropdown-bg: #fff;
  --dropdown-title-color: #1e1e1e;
  --dropdown-title-bdr-color: #c6d8e2;
  --dropdown-content-color: #1e1e1e;
  --dropdown-action-bg-hover: #EDEDED;
  --popover-shadow:: 0 3px 10px #00000014;
  --top-nav-color: #060808;
  --top-nav-hover: var(--theme-brand);
  --top-nav-active: var(--theme-brand);
  --top-nav-submenu-color: #060808;
  --top-nav-submenu-hover: var(--theme-brand);
  --top-nav-submenu-active: var(--theme-brand); 

--background-bg-color: #faf4f5;
    /* Added New Varriablr from designer team */
    --light-gray-switch: #ccc;
    --blue-progress: #1d86ff;
    --bgrange-filter: #EDF1F0;
    --Rec-background-color: #7EC576;
    --gray-40: #666;
    --gray-silver: #cdcdcd;
    --gray-94: #f0f0f0;
    --gray-98: #fafafa;
    --dusty-gray: #999;
    --color-rating: #ff9800;
    --dusty-yellow: #D98200;
    --lemon-yellow: #C0C000;
    --grass-green: #64A600;
    --bell-pepper-green: #1C8D00;
    --BlueViolet: #1eb2c8;
    --gray-80: #ccc;
    --gray-29: #4a4a4a;
    --persian-green: #0091ab;
    --aero-blue: #d6e9fc;
    --prussian-blue: #0faeef;
    --gray-20: #333;
    --alice-blue: #f2f9fc;
    --pacific-blue: #0088cc;
    --summer-sky: #c9e6f2;
    --green-active: #329a6e;
    --text-inactive: #42526e;
    --black-russian: #111827;
    --anakiwa: #96dbfa;
    --cyan: #00A99D;
    --fadedrose: #BE6464;
    --white-smoke: #f1f1f1;
    --gray-89: #E3E3E3;
    --Olive: #009085;
    --lavender: #E5E58F;
    --rangoon-green: #1F1D1D;
    --rgb-stiky-error: rgba(109, 104, 104, 0.9);
    --Zambezi: #686161;
    --swiss-coffee: #dbc6ce;
    --nobel: #b4b4b4;
    --sunshine: #FFFF00;
    --Gray13: #212121;
    --sunglow: #C3F233;
    --nero: #272727;
    --Lemonchiffon: #FFFACD;
    --lightgoldenyellow: #FAFAD2;
    --moody-blue: #C7C9EA;
    --blue-darken: #111827;
    --pale-sky-blue: #6B7280;
    --dark-blue: #004B8D;
    --gray-52: #858585;
    /* Digital studio var start  */
    --alert-bg-color: #f4e9e9;
    --alert-border-color: #ec3d3d;
    --alert-bg-color-cross: #f4e9e9;
    --alert-cross-color: #f4e9e9;
    /* Digital studio var end  */
}

/* line 6, scss-new/theme/theme18/root.scss */
.acid-toggle-text.white, .acid-toggle-icon {
  color: var(--text-primary); }