/* $Id$ */
:root body
{
	--header-height:48px;
	--footer-height:28px;
	--head-foot-height:76px;
	--body-height:calc(100  * var(--vh) - var(--head-foot-height));
	--slider-panel-height:calc(100% - var(--footer-height));
	--sidebar-width:0.001px;
    --announcement-height:0.001px;
    --broadcast-height:0.001px;
    --announcement-height-neg:calc(-1 * var(--announcement-height));
    --broadcast-height-neg:calc(-1 * var(--broadcast-height));
    --announcement-broadcast-height:calc(var(--announcement-height) - var(--broadcast-height-neg));
    --announcement-broadcast-height-neg:calc(-1 * var(--announcement-broadcast-height));
	--rhs-panel-width:346px;

	/* Logo variables list */
	--mg-sdp-logo: url("../images/svg/manageengine-header.d4ccb1cd6904c029cfa58bf37d39578d.svg");
	--sdp-logo: url(../images/svg/logo.f6f32eecd66daacb38d3f1b4ff14acff.svg);
	--sdp-logo-white: url(../images/darkmode_images/org-logo-dark.059ea97fbe70e06cb04f063ee9e4929f.svg);
	
	/*wcag*/

	--wcag-focusring-color:#0064ff;
	--wcag-higlight-info-color:#4588f0;
	--wcag-higlight-clickable-color:#ffc800;

}
:root body
{
	
	--lhs-panel-width:242px;
	--sdpcontainer-outer-padding:30px;
	--rhs-panel-width:346px;
	
	--lhs-panel-width-neg:calc(-1 * var(--lhs-panel-width));
	--sdpcontainer-outer-padding-neg:calc(-1 * var(--sdpcontainer-outer-padding));
	--rhs-panel-width-neg:calc(-1 * var(--rhs-panel-width));

	--sidebar-width:0.0001px;
	--sidebar-lhs-width:calc(var(--sidebar-width) - var(--lhs-panel-width-neg) - var(--sdpcontainer-outer-padding-neg));
	--sidebar-no-lhs-width:calc(var(--sidebar-width) - var(--sdpcontainer-outer-padding-neg));
	
	--table-width:calc(100vw - var(--sidebar-no-lhs-width));
	--table-width-lhs:calc(100vw - var(--sidebar-lhs-width));
	
	--table-topheader-space:50px;
	--table-topbuttons-height:32px;
	--table-outer-padding:30px;
	--table-outer-bc-height:7px;
	--home-tab-height:60px;
	
	--table-topheader-space-neg:calc(-1 * var(--table-topheader-space));
	--table-topbuttons-height-neg:calc(-1 * var(--table-topbuttons-height));
	--table-outer-padding-neg:calc(-1 * var(--table-outer-padding));
	--table-outer-bc-height-neg:calc(-1 * var(--table-outer-bc-height));
	--home-tab-height-neg:calc(-1 * var(--home-tab-height));
	
	--table-outerspace:calc(var(--head-foot-height) - var(--table-topbuttons-height-neg) - var(--table-topheader-space-neg) - var(--table-outer-padding-neg));
	--table-outerspace-bc:calc(var(--table-outerspace) - var(--table-outer-bc-height-neg) - var(--table-outer-padding-neg));
	
	--table-height:calc(100  * var(--vh) - var(--table-outerspace) - var(--announcement-broadcast-height));
	--table-height-bc:calc(100  * var(--vh) - var(--table-outerspace-bc) - var(--announcement-broadcast-height));
	--table-height-home:calc(100  * var(--vh) - var(--table-outerspace) - var(--home-tab-height-neg) - var(--announcement-broadcast-height));
	
	--con-forward-bg:var(--light-cyan);
	--con-reply-bg:var(--aero-green);
	--con-response-bg:var(--misty-rose);
	--con-notes-bg:var(--pale-yellowish-brown);
	--con-start-bg:var(--ghost-white);
	--con-forward-color:var(--blizzard-blue);
	--con-reply-color:var(--ufo-green);
	--con-response-color:var(--coral-red);
	--con-notes-color:var(--orange);
	--con-start-color:var(--tropical-indigo);
	
	--ajax-error:var(--cinnabar);
	--ajax-error-bg: var(--misty-pink);
	--ajax-success:var(--bice-green);
	--ajax-success-bg: var(--apple-green);
	--ajax-info:var(--sky-blue);
	--ajax-info-bg:var(--ghost-white-2);
	--ajax-dnd: var( --medium-purple);
	--ajax-dnd-bg:var(--magnolia-white);
	
	--broadcast-high:var(--imperial-red);
	--broadcast-normal:var(--green-munsell);
	--broadcast-medium:var(--orange-yellow);
	--broadcast-release:var(--azure-mist);
	
	--sdp-heading-color:var(--black);
	--sdp-heading-border:var(--pale-gray-30);
	
	--sdp-header-nav-bg:var(--charcoal-blue);
	--sdp-header-nav-color:var(--white);
	
	--sdp-container-bg:var(--white);
	--sdp-container-border:var(--pale-gray-30);
	--sdp-details-rhs-bg:var(--white);
	--sdp-details-rhs-border:var(--pale-gray-30);
	
	--sdp-tooltip-bg:var(--black);
	--sdp-tooltip-color:var(--white);
	
    --sdp-table-bg:var(--white);
    --sdptable-header-bg:var(--aqua-haze);
    --sdptable-header-color:var(--bright-grey);
    --sdptable-header-border:var(--pale-gray-30);
    --sdptable-row-border:var(--pale-gray-30);
    --sdptable-row-hover-bg:var(--alice-blue);
    --sdptable-row-color:var(--charcoal-blue);
    --sdptable-row-seletion:var(--pale-yellowish-brown);
    
   	--table-row-black: var(--black);
	--table-row-white: var(--white);

    --sdptable-button-color:var(--charcoal-blue);
    --sdptable-button-border:var(--light-blue);
    --sdptable-button-bg:var(--white);
    --sdptable-button-hover-bg:var(--anti-flash-white-2);
    --sdptable-button-hover-border:var(--pale-gray-30);
    --sdptable-button-active-bg:var(--white);
    --sdptable-button-active-border:var(--sky-blue);

    --sdpbutton-default-bg:var(--silver-grey-20);
    --sdpbutton-default-border:var(--ash-gray-40);
    --sdpbutton-default-color:var(--charcoal-blue);
    --sdpbutton-default-hover-bg:var(--pale-gray-30);
    --sdpbutton-default-hover-border:var(--ash-gray-40);

    --sdpbutton-primary-bg:var(--sky-blue);
    --sdpbutton-primary-border:var(--sky-blue);
    --sdpbutton-primary-color:var(--white);

    --sdpbutton-secondary-bg:var(--white);
    --sdpbutton-secondary-border:var(--sky-blue);
    --sdpbutton-secondary-color:var(--sky-blue);
    --sdpbutton-secondary-hover-bg:var(--bluish-white);
    --sdpbutton-secondary-hover-border:var(--sky-blue);

    --sdpbutton-red-bg:var(--cinnabar-red);
    --sdpbutton-red-border:var(--cinnabar-red);
    --sdpbutton-red-color:var(--white);

    --sdpbutton-green-bg:var(--stone-green);
    --sdpbutton-green-border:var(--stone-green);
    --sdpbutton-green-color:var(--white);

    --sdpform-field-placeholder:var(--silver);
    --sdpform-field-bg:var(--white);
    --sdpform-field-border:var(--light-blue);
    --sdpform-field-color:var(--eerie-black);
    --sdpform-field-hover-border:var(--light-blue);
    --sdpform-field-active-border:var(--sky-blue);
    --sdpform-field-disabled-bg:var(--silver-grey-20);
    --sdpform-field-disabled-color:var(--eerie-black);
    --sdpform-field-disabled-border:var(--light-blue);
    --sdpform-field-disabled-hover-border:var(--light-blue);
    --sdpform-field-disabled-active-border:var(--light-blue);
    --sdpform-field-error-border:var(--blood-red);
    --sdpform-label-color:var(--black);
    --sdpform-section-color:var(--black);
    --sdpform-section-border:var(--pale-gray-30);
    --sdpform-error-color:var(--blood-red);
    --sdpform-success-color:var(--stone-green);

	--sdpform-select-field-border:var(--light-blue);
	--sdpform-select-field-bg:var(--white);
	--sdpform-select-field-shadow:none;
	--sdpform-select-field-color:var(--eerie-black);
	--sdpform-selected-choice-border:var(--pale-gray-30);
	--sdpform-selected-choice-bg:var(--silver-grey-20);
	--sdpform-selected-choice-color:var(--black);
    
    --sdp-label-color:var(--elephant-gray-70);
    --sdp-value-color:var(--black);

    --sdpinfo-default-color:var(--black);
    --sdpinfo-default-border:var(--bamboo-brown);
    --sdpinfo-default-bg:var(--pale-yellowish-brown);
    --sdpinfo-success-color:var(--pigment-green);
    --sdpinfo-success-border:var(--stone-green);
    --sdpinfo-success-bg:var(--aero-blue);
    --sdpinfo-failed-color:var(--black);
    --sdpinfo-failed-border:var(--cinnabar-red);
    --sdpinfo-failed-bg:var(--misty-pink);
    --sdpinfo-notes-color:var(--cornflower-blue);
    --sdpinfo-notes-border:var(--pale-cornflower-blue);
    --sdpinfo-notes-bg:var(--alice-blue);
    --sdpinfo-transparent:var(--white);

    --sdpcheckbox-bg:var(--white);
    --sdpcheckbox-border:var(--half-gray-50);
    --sdpcheckbox-selection-bg:var(--sky-blue);
    --sdpcheckbox-selection-border:var(--sky-blue);
    --sdpcheckbox-disabled-bg:var(--pale-gray-30);
    --sdpcheckbox-disabled-border:var(--pale-gray-30);
    --sdpcheckbox-text-color:var(--black);
    
    --sdpradio-bg:var(--white);
    --sdpradio-border:var(--half-gray-50);
    --sdpradio-selection-bg:var(--white);
    --sdpradio-selection-border:var(--sky-blue);
    --sdpradio-disabled-bg:var(--pale-gray-30);
    --sdpradio-disabled-border:var(--half-gray-50);
    --sdpradio-text-color:var(--black);
    
    --sdptoggle-bg:var(--ash-gray-40);
    --sdptoggle-border:var(--ash-gray-40);
    --sdptoggle-selection-bg:var(--stone-green);
    --sdptoggle-selection-border:var(--stone-green);
    --sdptoggle-slide-bg:var(--white);
    --sdptoggle-slide-border:var(--white);
    --sdptoggle-color:var(--black);
    
    --sdp-error-color:var(--blood-red);
    --sdp-success-color:var(--stone-green);
	--sdp-primary-color:var(--sky-blue);
	--sdp-default-color:var(--black);

    --sdp-loader-primary:var(--sky-blue);
    --sdp-loader-secondary:var(--silver-grey-20);

	--sdp-link-color:var(--sky-blue);
    
    --sdp-scrollbar-color:var(--elephant-gray-70);
    --sdp-scrollbar-thumb-bg:var(--silver);
    --sdp-scrollbar-thumb-border:transparent;
    --sdp-scrollbar-thumb-border2:var(--silver-grey-20);
    --sdp-scrollbar-track-color:transparent;
    
    --sdp-overlay-base-bg:rgba(0,0,0,0.0);
    --sdp-overlay-bg:rgba(0,0,0,0.6);
    --sdp-popup-bg:var(--white);

    --available-credit-box-bg: #FFEBD9;
	--available-credit-box-border: #ffe5c0;

	--ask-zia-bg: #FBFDFB;
	--askzia-input-stop-bg1:#dde4fe;
	--askzia-input-stop-bg2:#4267f9;
	--askzia-input-stop-hover-bg:#ccd6fd;	
	
	--sparkle-svg-fill:#ffd700;
	--sparkle-svg-stroke:#ff9a00;	
}

/* custom variable for element properties - start */
body[data-nav-menu="sidebar"]{
    --sidebar-width:72px;
}
body[data-nav-menu="sidebar-lite"]{
    --sidebar-width:48px;
}
body[announcement-banner="show"]{
    --announcement-height:48px;
}
body[data-broadcast-enable="true"]{
	--broadcast-height:40px;
}
body[data-device-platform="web"]{
    --vh:1vh;
}
/* custom variable for element properties - start */

/*  custom font style started */
body[data-font="zoho_puvi"]
{
 	--preferred-font-family: 'Zoho Puvi',  Roboto;
}
:root , body[data-font="open_sans"]
{
	--preferred-font-family: 'Open Sans', Roboto;
}
body[data-font="pt_sans"]
{
 	--preferred-font-family: 'PT Sans', Roboto;
}
body[data-font="droid_sans"]
{
	--preferred-font-family:'Droid Sans', Roboto;
}
body[data-font="fira_sans"]
{
	--preferred-font-family:'Fira Sans', Roboto;
}
body[data-font="lato"]
{
	--preferred-font-family: 'Lato',  Roboto;
}
body[data-font="roboto"]
{
	--preferred-font-family: 'Roboto', sans-serif;
}
/*  custom font style ended */


body[data-dark-mode="true"]
{
	--con-forward-bg:#344b53;
	--con-reply-bg:#2d4c37;
	--con-response-bg:#503231;
	--con-notes-bg:#504734;
	--con-start-bg:#3e3a53;
	--con-forward-color:#6bd9fa;
	--con-reply-color:#4cdb85;
	--con-response-color:#f3706e;
	--con-notes-color:#ff9a00;
	--con-start-color:#a294fa;
		
	--ajax-error:#d74532;
	--ajax-error-bg: #3f211c;
	--ajax-success:#37c558;
	--ajax-success-bg: #243e25;
	--ajax-info:#4588f0;
	--ajax-info-bg:#262e48;
	--ajax-dnd: #ac74f2;	
	--ajax-dnd-bg:#382a49;
	
	--broadcast-high:#7a3536;
	--broadcast-normal:#286349;
	--broadcast-medium:#857743;
	--broadcast-release:#384f83;
	
	--sdp-heading-color:#dcdcdc;
	--sdp-heading-border:#414040;
	
	--sdp-header-nav-bg:#222324;
	--sdp-header-nav-color:#dcdcdc;
	
	--sdp-container-bg:#1c1c1c;
	--sdp-container-border:#414040;
	--sdp-details-rhs-bg:#1c1c1c;
	--sdp-details-rhs-border:#414040;
	
	--sdp-tooltip-bg:#383b3f;
	--sdp-tooltip-color:#fff;
	
	--sdp-table-bg:#111111;
    --sdptable-header-bg:#23272b;
    --sdptable-header-color:#9b9b9b;
    --sdptable-header-border:#313131;
    --sdptable-row-border:#313131;
    --sdptable-row-hover-bg:#171f2e;
    --sdptable-row-color:#dcdcdc;
    --sdptable-row-seletion:#272418;
    
    --table-row-black: #333;
	--table-row-white: #fff;

    --sdptable-button-color: #9b9b9b;
    --sdptable-button-border: #414040;
    --sdptable-button-bg: #111111;
    --sdptable-button-hover-bg: #222324;
    --sdptable-button-hover-border:#707070;
    --sdptable-button-active-bg: #222324;
    --sdptable-button-active-border:#222324;

    --sdpbutton-default-bg:#222324;
    --sdpbutton-default-border:#414040;
    --sdpbutton-default-color:#dcdcdc;
    --sdpbutton-default-hover-bg:#414040;
    --sdpbutton-default-hover-border:#707070;

    --sdpbutton-primary-bg:#4588F0;
    --sdpbutton-primary-border:#4588F0;
    --sdpbutton-primary-color:#FFFFFF;

    --sdpbutton-secondary-bg:#4a4a4a;
    --sdpbutton-secondary-border:#4588F0;
    --sdpbutton-secondary-color:#4588F0;
    --sdpbutton-secondary-hover-bg:#484848;
    --sdpbutton-secondary-hover-border:#4588F0;

    --sdpbutton-red-bg:#E03C2A;
    --sdpbutton-red-border:#E03C2A;
    --sdpbutton-red-color:#FFFFFF;

    --sdpbutton-green-bg:#00c655;
    --sdpbutton-green-border:#00c655;
    --sdpbutton-green-color:#FFFFFF;

	--sdpform-field-placeholder: #666666;
    --sdpform-field-bg: #111;
    --sdpform-field-border: #414040;
    --sdpform-field-color: #dcdcdc;
    --sdpform-field-hover-border: #CCD3DE;
    --sdpform-field-active-border: #4588F0;
   	--sdpform-field-disabled-bg: #2f2f2f;
   	--sdpform-field-disabled-border: #414040;
    --sdpform-field-disabled-color: #9b9b9b;
    --sdpform-field-disabled-hover-border: #414040;
    --sdpform-field-disabled-active-border: #4588F0; 
    --sdpform-field-error-border: #f00;
    --sdpform-label-color: #dcdcdc;
    --sdpform-section-color:#dcdcdc;
    --sdpform-section-border:#414040;
    --sdpform-error-color:#f00;
    --sdpform-success-color:#00c655;
    
    --sdpform-select-field-border:#414040;
	--sdpform-select-field-bg:#111;
	--sdpform-select-field-shadow:none;
	--sdpform-select-field-color:#dcdcdc;
	--sdpform-selected-choice-border:##3a3a3a;
	--sdpform-selected-choice-bg:##303030;
	--sdpform-selected-choice-color:#333;
    
    --sdp-label-color:#9b9b9b;
    --sdp-value-color:#b7b7b7;
	
	--sdpinfo-default-color:#dcdcdc;
    --sdpinfo-default-border:#9d6100;
    --sdpinfo-default-bg:#6e4b0b;
    --sdpinfo-success-color:#dcdcdc;
    --sdpinfo-success-border:#2a6133;
    --sdpinfo-success-bg:#243e25;
    --sdpinfo-failed-color:#dcdcdc;
    --sdpinfo-failed-border:#592821;
    --sdpinfo-failed-bg:#3f211c;
    --sdpinfo-notes-color:#dcdcdc;
    --sdpinfo-notes-border:#4e5977;
    --sdpinfo-notes-bg:#262e48;
    --sdpinfo-transparent:transparent;
    --sdpinfo-transparent-color:#dcdcdc;
    
    --sdpcheckbox-bg:#111111;
    --sdpcheckbox-border:#707070;
    --sdpcheckbox-selection-bg:#4588f0;
    --sdpcheckbox-selection-border:#4588f0;
    --sdpcheckbox-disabled-bg:#414040;
    --sdpcheckbox-disabled-border:#414040;
    --sdpcheckbox-text-color:#dcdcdc;
    
    --sdpradio-bg:#111111;
    --sdpradio-border:#707070;
    --sdpradio-selection-bg:#111111;
    --sdpradio-selection-border:#4588f0;
    --sdpradio-disabled-bg:#414040;
    --sdpradio-disabled-border:#414040;
    --sdpradio-text-color:#dcdcdc;
    
    --sdptoggle-bg: #555555;
    --sdptoggle-border: #555555;
    --sdptoggle-selection-bg: #0e7e39;
    --sdptoggle-selection-border: #0e7e39;
    --sdptoggle-slide-bg: #d6d6d6;
    --sdptoggle-slide-border: #d6d6d6;
    --sdptoggle-color:#dcdcdc;
    
    --sdp-error-color:#f00;
    --sdp-success-color:#00c655;
    --sdp-primary-color:#4588f0;
    --sdp-default-color:#dcdcdc;

    --sdp-loader-primary:#4588f0;
    --sdp-loader-secondary:#9b9b9b; 
    
    --sdp-link-color:#4588f0;
    
    --sdp-scrollbar-color:#666666;
    --sdp-scrollbar-thumb-bg:#414040;
    --sdp-scrollbar-thumb-border:transparent;
    --sdp-scrollbar-thumb-border2:#222324;
    --sdp-scrollbar-track-color:transparent;
    
    --sdp-overlay-base-bg:rgba(1,1,1,0.0);
     --sdp-overlay-bg:rgba(1,1,1,0.6);
     --sdp-popup-bg:var(--silver-grey-20);
     
	/*wcag*/

	--wcag-focusring-color:#0064ff;
	--wcag-higlight-info-color:#4588f0;
	--wcag-higlight-clickable-color:#8a6e14;

     --available-credit-box-bg: #FFEBD9;
	 --available-credit-box-border: #ffe5c0;
	 
	--ask-zia-bg: #191919;
	--askzia-input-stop-bg1:#3c3d43;
	--askzia-input-stop-bg2:#4267f9;
	--askzia-input-stop-hover-bg:#a3abc9;
	
	--sparkle-svg-fill:#ffd700;
	--sparkle-svg-stroke:#ff9a00;	
}
/* navication bar colors var */
:root body[data-nav-bg="light"]{
	--header-bg: #fff;
	--header-tab-selected-bg: var(--theme-selection-bg);
	--header-tab-selected-color: var(--theme-color);
	--header-tab-hover: #f5f5f5;
	--header-tab-border: var(--theme-color);
	--header-tab-color: #333;
	--header-menu-icon: #666;
	--header-menu-icon-hover: var(--theme-color);
}
body[data-nav-bg="dark"]{
	--header-bg: #262F36;
	--header-tab-selected-bg: #181919;
	--header-tab-selected-color: #fff;
	--header-tab-hover: #303A43;
	--header-tab-border: var(--theme-color);
	--header-tab-color:  #adadad;
	--header-menu-icon: #fff;
	--header-menu-icon-hover: var(--theme-color);
	--header-top-menu-icon: #666;
}
body[data-nav-bg="dark"][data-dark-mode="true"],body[data-nav-bg="light"][data-dark-mode="true"]{
	--header-bg: #222324;
	--header-tab-selected-bg: var(--theme-selection-bg);
	--header-tab-selected-color: var(--theme-color);
	--header-tab-hover: #383B3F;
	--header-tab-border: var(--theme-color);
	--header-tab-color:  #dcdcdc;
	--header-menu-icon: #9b9b9b;
	--header-menu-icon-hover: var(--theme-color);
}
/* navication bar colors var */
.discover-product-bottom{
	--before-layer-color:var(--theme-admin-bg);
	--after-layer-color:var(--theme-admin-bg-light);
}
[data-dark-mode="true"] .discover-product-bottom{
	--before-layer-color:var(--theme-selection-bg);
	--after-layer-color:var(--theme-selection-bg);
}
/* discover product - start*/

/* discover product - end*/

:root body
{
	--font-base-value:16;
	
	--font-s120:calc((120 / var(--font-base-value)) * 1rem);
	--font-s83:calc((83 / var(--font-base-value)) * 1rem);
	--font-s80:calc((80 / var(--font-base-value)) * 1rem);
	--font-s50:calc((50 / var(--font-base-value)) * 1rem);
	--font-s48:calc((48 / var(--font-base-value)) * 1rem);
	--font-s44:calc((44 / var(--font-base-value)) * 1rem);
	--font-s42:calc((42 / var(--font-base-value)) * 1rem);
	--font-s40:calc((40 / var(--font-base-value)) * 1rem);
	--font-s36:calc((36 / var(--font-base-value)) * 1rem);
	--font-s35:calc((35 / var(--font-base-value)) * 1rem);
	--font-s34:calc((34 / var(--font-base-value)) * 1rem);
	--font-s33:calc((33 / var(--font-base-value)) * 1rem);
	--font-s32:calc((32 / var(--font-base-value)) * 1rem);
	--font-s31:calc((31 / var(--font-base-value)) * 1rem);
	--font-s30:calc((30 / var(--font-base-value)) * 1rem);
	--font-s29:calc((29 / var(--font-base-value)) * 1rem);
	--font-s28:calc((28 / var(--font-base-value)) * 1rem);
	--font-s27:calc((27 / var(--font-base-value)) * 1rem);
	--font-s26:calc((26 / var(--font-base-value)) * 1rem);
	--font-s25:calc((25 / var(--font-base-value)) * 1rem);
	--font-s24:calc((24 / var(--font-base-value)) * 1rem);
	--font-s23:calc((23 / var(--font-base-value)) * 1rem);
	--font-s22:calc((22 / var(--font-base-value)) * 1rem);
	--font-s21:calc((21 / var(--font-base-value)) * 1rem);
	--font-s20:calc((20 / var(--font-base-value)) * 1rem);
	--font-s19:calc((19 / var(--font-base-value)) * 1rem);
	--font-s18:calc((18 / var(--font-base-value)) * 1rem);
	--font-s17:calc((17 / var(--font-base-value)) * 1rem);
	--font-s16:calc((16 / var(--font-base-value)) * 1rem);
	--font-s15:calc((15 / var(--font-base-value)) * 1rem);
	--font-s14:calc((14 / var(--font-base-value)) * 1rem);
	--font-s13:calc((13 / var(--font-base-value)) * 1rem);
	--font-s12:calc((12 / var(--font-base-value)) * 1rem);
	--font-s11:calc((11 / var(--font-base-value)) * 1rem);
	--font-s10:calc((10 / var(--font-base-value)) * 1rem);
	--font-s9:calc((9 / var(--font-base-value)) * 1rem);
	--font-s8:calc((8 / var(--font-base-value)) * 1rem);
	--font-s7:calc((7 / var(--font-base-value)) * 1rem);
	--font-s6:calc((6 / var(--font-base-value)) * 1rem);
	--font-s5:calc((5 / var(--font-base-value)) * 1rem);
	--font-s4:calc((4 / var(--font-base-value)) * 1rem);
	--font-s3:calc((3 / var(--font-base-value)) * 1rem);
	--font-s2:calc((2 / var(--font-base-value)) * 1rem);
	--font-s1:calc((1 / var(--font-base-value)) * 1rem);
	--font-s0:calc((0 / var(--font-base-value)) * 1rem);
}
html[data-customfontsize="font-size-xs"]
{
	 font-size: 90%;
}
html[data-customfontsize="font-size-s"]
{
	 font-size: 95%;
}
html[data-customfontsize="font-size-m"]
{
	 font-size: 100%;
}
html[data-customfontsize="font-size-l"]
{
	 font-size: 105%;
}
html[data-customfontsize="font-size-xl"]
{
	 font-size: 110%;
}
/* font size variables list end */

/* subform variables - start*/
.sdp-layout-field[data-displaytype="Sub Form"]{
	--subform-overlapping-bg:var(--white);
}
[data-dark-mode="true"] .sdp-details .sdp-layout-field[data-displaytype="Sub Form"]{
	--subform-overlapping-bg: var(--crisp-white);
}
[data-dark-mode="true"] .sdp-template-field-hover:hover[data-displaytype="Sub Form"]{
	--subform-overlapping-bg:var(--baby-white);
}
/* subform variables - end*/

/* Responsive view variable */
@media (max-width: 600px) {
:root body{
	--details-page-header-id: #E2E9F2;
	--stage-approval-bg:#ECFDF3;
	--stage-rejected-bg:#FEF3F2;
	--stage-yettobe-bg:#F2F4F7;
	--stage-pending-bg:#FFFAEB;
	--stage-approval-color:#027A48;
	--stage-rejected-color:#344054;
	--stage-yettobe-color:#344054;
	--stage-pending-color:#DC6803;
	--mb-inner-tab-bg:rgba(239, 246, 255, 1);
	--mb-plus-btn-bg: #3B82F6;
	--mb-ssp-card-issue-bg:#E2F2FD;
	--mb-ssp-card-new-bg:#D5F9E5;
	--mb-ssp-card-solution-bg:#FDE6E6;
	--mb-sch-plus-bg:#DBEAFE;
    --mb-table-list-active-bg:#deedff;
	--widget-box-shadow-lite:rgba(230,230,239,0.7);
	--sch-cal-light-gray:#94a3b8;
}
}
/* Responsive view variable ended */

/* dashboard - smart view var -start */
.dashboard-fullscreen .dashboard-view-container,
body.dashboard-fullscreen{
	--head-foot-height:0.001px;
	--header-height:0.001px;
	--footer-height:0.001px;
	--sidebar-width:0.001px;
}
/* dashboard - smart view var - end */

/* transition & animation variables list start */
:root body
{
  --base-tranimation:1;
  --tranimation-duration-1ms:calc(0.1s * var(--base-tranimation));
  --tranimation-duration-15ms:calc(0.15s * var(--base-tranimation));
  --tranimation-duration-18ms:calc(0.18s * var(--base-tranimation));
  --tranimation-duration-2ms:calc(0.2s * var(--base-tranimation));
  --tranimation-duration-22ms:calc(0.22s * var(--base-tranimation));
  --tranimation-duration-23ms:calc(0.23s * var(--base-tranimation));
  --tranimation-duration-24ms:calc(0.24s * var(--base-tranimation));
  --tranimation-duration-25ms:calc(0.25s * var(--base-tranimation));
  --tranimation-duration-3ms:calc(0.3s * var(--base-tranimation));
  --tranimation-duration-35ms:calc(0.35s * var(--base-tranimation));
  --tranimation-duration-4ms:calc(0.4s * var(--base-tranimation));
  --tranimation-duration-5ms:calc(0.5s * var(--base-tranimation));
  --tranimation-duration-6ms:calc(0.6s * var(--base-tranimation));
  --tranimation-duration-7ms:calc(0.7s * var(--base-tranimation));
  --tranimation-duration-8ms:calc(0.8s * var(--base-tranimation));
  --tranimation-duration-9ms:calc(0.9s * var(--base-tranimation));
  --tranimation-duration-10ms:calc(1s * var(--base-tranimation));
  --tranimation-duration-1s:calc(1s * var(--base-tranimation));
  --tranimation-duration-1s2ms:calc(1.2s * var(--base-tranimation));
  --tranimation-duration-1s8ms:calc(1.8s * var(--base-tranimation));
  --tranimation-duration-1s:calc(1s * var(--base-tranimation));
  --tranimation-duration-1s25ms:calc(1.25s * var(--base-tranimation));
  --tranimation-duration-2s2ms:calc(2.22s * var(--base-tranimation));
  --tranimation-duration-2s:calc(2s * var(--base-tranimation));
  --tranimation-duration-3s:calc(3s * var(--base-tranimation));
  --tranimation-duration-4s:calc(4s * var(--base-tranimation));
  --tranimation-duration-5s:calc(5s * var(--base-tranimation));
  --tranimation-duration-6s:calc(6s * var(--base-tranimation));
  --tranimation-duration-7s:calc(7s * var(--base-tranimation));
  --tranimation-duration-7s5ms:calc(7.5s * var(--base-tranimation));
  --tranimation-duration-8s:calc(8s * var(--base-tranimation));
  --tranimation-duration-9s:calc(9s * var(--base-tranimation));
}
body[animation-control="0"]
{
	 --base-tranimation:0.0001;
}
 @media (prefers-reduced-motion: reduce)
{
	body
	{
		--base-tranimation:0;
	}
}
/* transition & animation variables list end */

/* cursor variables list start */
:root body
{
  --sdp-cursor-default: default;
  --sdp-cursor-pointer: pointer;
  --sdp-cursor-not-allowed: not-allowed;
  --sdp-cursor-no-drop: no-drop;
  --sdp-cursor-text: text;
  --sdp-cursor-col-resize: col-resize;
  --sdp-cursor-move: move;
  --sdp-cursor-all-scroll: scroll;
  --sdp-cursor-help: help;
  --sdp-cursor-zoom-in: zoom-in;
  --sdp-cursor-zoom-out: zoom-out;
  --sdp-cursor-se-resize: se-resize;
  --sdp-cursor-ew-resize: ew-resize;
  --sdp-cursor-crosshair: crosshair;
  --sdp-cursor-grab: grab;
  --sdp-cursor-sw-resize: sw-resize;
}
/* cursor variables list end */
/* custom input range - variables start */
input.custom-range-bar-with-track{
  --gap: 2px; /* the gap */
  --range-height: 4px; /* line thickness*/
  --thumb-size: 16px; /* thumb size*/
}
input.custom-range-bar-with-track:focus-visible,
input.custom-range-bar-with-track:hover{
  --shade: 30%;
}
/* custom input range - variables end */
/* AI assist colors */
:root body{
	--ai-blue-medium:#7bb4ff;
	--ai-red-dark:#E42527;
	--ai-red-light:#F4E8FF;
	--ai-blue-light:#EBF3FF;
	--ai-blue-dark:#207FFB;
	--ai-purple-light:#CFA9FF;
	--ai-purple-dark:#904ec2;
	--ai-green-dark:#00849B;
    --ai-shadow-blue:#207ffb26;
    --ai-shadow-lite:#207ffb1a;
    --ai-user-background:#E5E9FF;
}
/* AI assist colors */