/******* Roboto font *******/

@font-face {
    font-family: "Roboto";
    src: url("../../MYDAIKIN_CommerceTheme/fonts/Roboto-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    src: url("../../MYDAIKIN_CommerceTheme/fonts/Roboto-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: url("../../MYDAIKIN_CommerceTheme/fonts/Roboto-Bold.ttf");
    font-weight: 700;
}

:root {
    /******* Font Familly *******/
    --daikin-root-font-family: "Roboto";

    --dxp-g-root-font-family: var(--daikin-root-font-family) !important;
    --dxp-g-heading-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-small-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-form-element-text-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-form-element-caption-text-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-button-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-small-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-body-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-extra-large-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-extra-extra-small-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-body-small-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-form-element-label-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-extra-small-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-large-font-family: var(--daikin-root-font-family) !important;
    --dxp-s-text-heading-medium-font-family: var(--daikin-root-font-family) !important;

    /******* Breakpoints *******/
    /* Desktop */
    --daikin-desktop-breakpoint-xxl: 1440px;
    --daikin-desktop-breakpoint-xl: 1024px;
    /* Tablet */
    --daikin-tablet-breakpoint: 768px;
    /* Mobile */
    --daikin-mobile-breakpoint: 375px;

    /******* Container Max Width *******/
    --container-max-width-xl: 1440px;

    /******* Font Size *******/
    --daikin-2xl-font-size: 72px;
    --daikin-xl-font-size: 60px;
    --daikin-lg-font-size: 48px;
    --daikin-md-font-size: 36px;
    --daikin-sm-font-size: 30px;
    --daikin-xs-font-size: 24px;

    --daikin-xl-text-font-size: 20px;
    --daikin-lg-text-font-size: 18px;
    --daikin-md-text-font-size: 16px;
    --daikin-sm-text-font-size: 14px;
    --daikin-xs-text-font-size: 12px;

    --daikin-text-font-size: 15px;

    --daikin-breadcrumb-text-font-size: 13px;

    /******* Font Weight *******/
    --daikin-bold-font-weight: 700;
    --daikin-medium-font-weight: 500;
    --daikin-regular-font-weight: 400;


    /******* Line Height *******/
    --daikin-2xl-line-height: 90px;
    --daikin-xl-line-height: 72px;
    --daikin-lg-line-height: 60px;
    --daikin-md-line-height: 44px;
    --daikin-sm-line-height: 38px;
    --daikin-xs-line-height: 32px;

    --daikin-xl-text-line-height: 30px;
    --daikin-lg-text-line-height: 28px;
    --daikin-md-text-line-height: 24px;
    --daikin-sm-text-line-height: 20px;
    --daikin-xs-text-line-height: 18px;

    --daikin-text-line-height: 22px;

    /******* Colors *******/
    /* Primary Brand Colors */
    --daikin-blue: #0085CA;
    --daikin-light-blue: #00558C;
    --daikin-primary-Text-Color: #2C2A29;
    --daikin-secondary-Text-Color: #475467;
    --daikin-neutral-gray: #646464;
    --daikin-astronaut-blue: #00324A;
    --daikin-lochmara-blue: #00558C;
    --daikin-stack: #888B8D;
    --daikin-thunder: #474747;
    --daikin-primary-link: #1675A9;
    --placeholder-input-text: #7B7B7B;
    --daikin-border-stroke: #DCDDDE;

    /* Status Colors */
    --daikin-success: #009B77;
    --daikin-warning: #D69A2D;
    --daikin-error: #CB333B;

    /* DataVis Colors */
    --daikin-dark-blue: #313B7A;
    --daikin-orange: #E47F39;
    --daikin-rust: #AD3A11;

    /* Colors */
    --daikin-white: #FFFFFF;
    --daikin-light-grey-background: #F6F6F6;
    --grey-base-color-grey-070: #828282;

    --daikin-silver-sand: #C2C2C2;
    --daikin-thamar-black: #181818;
    --daikin-green-blue: #0085C5;

    --daikin-navigation-border: #D0D5DD;
    --daikin-sonic-silver: #747474;
    --daikin-blue-dress: #1589EE;
    --daikin-bright-gray: #EAEAEA;
    --daikin-cool-mint: #CCE8F3;
    --daikin-blue-50: #0176d3;
    --daikin-slate-gray: #667085;
    --daikin-secondary-button: #344054;
    --daikin-text-primary-900: #101828;
    --daikin-blue-link: #0074AD;
    --daikin-neutral-color: #8099A4;
    --daikin-status-negative: var(--daikin-error);
    --daikin-dds-status-negative: #FF4949;
    --daikin-border-secondary: #EAECF0;
    --daiking-text-link: #0B5CAB;
    --daikin-light-core-base: #1264A3;
    --daikin-light-background-blue: #80CBEF;
    --daikin-background-bg-secondary: #F9FAFB;
    --daikin-light-core-base-secondary: #F8F8F8;
    --daikin-background-blue-hover: #E3F8FF;
    --daikin-black: #000000;
    --daikin-astronaut: #004F73;
    --daikin-light-grey-border: #AEAEAE;

    /* Global colors */

    --sds-c-button-brand-color-background: var(--daikin-astronaut-blue);
    --sds-c-button-brand-color-background-hover: var(--daikin-astronaut-blue);
    --sds-c-button-brand-color-border-hover: var(--daikin-astronaut-blue);
    --sds-c-button-brand-color-border: var(--daikin-astronaut);
    --sds-c-button-brand-text-color: var(--daikin-white);
    --sds-c-button-outline-brand-color-background: var(--daikin-white);
    --sds-c-button-outline-brand-color-border: var(--daikin-navigation-border);
    --sds-c-button-text-color: var(--daikin-secondary-button);
    --slds-g-color-neutral-base-80: var(--daikin-neutral-color);
    --slds-g-color-neutral-base-80: var(--daikin-neutral-color);
    --slds-g-color-neutral-base-100: var(--daikin-white);
    --dxp-s-link-text-color: var(--daikin-primary-link);
    --com-c-breadcrumb-text-size: var(--daikin-breadcrumb-text-font-size);
    --dxp-g-root-contrast: var(--daikin-primary-Text-Color);
    --dxp-c-text-block-text-color: var(--daikin-primary-Text-Color);
    --slds-c-tabs-item-color-border-active: var(--daikin-blue-dress);
    --slds-c-tabs-item-color-border-hover: var(--daikin-blue-dress);

    /* Radius */
    --radius-xs: 4px;
    --radius-md: 8px;
    --radius-xl: 12px;
}

/* CSS Styling for narrow screens (e.g. phones) */
@media (max-width: 375px) {}

/* CSS Styling for tablet screens */
@media (max-width: 1025px) {}

.regular-font-2xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-2xl-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-2xl-line-height) !important;
    letter-spacing: -1.44px !important;
}

.medium-font-2xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-2xl-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-2xl-line-height) !important;
    letter-spacing: -1.44px !important;
}

.bold-font-2xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-2xl-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-2xl-line-height) !important;
    letter-spacing: -1.44px !important;
}

.regular-font-xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xl-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-xl-line-height) !important;
    letter-spacing: -1.2px !important;
}

.medium-font-xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xl-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-xl-line-height) !important;
    letter-spacing: -1.2px !important;
}

.bold-font-xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xl-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-xl-line-height) !important;
    letter-spacing: -1.2px !important;
}

.regular-font-lg {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-lg-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-lg-line-height) !important;
    letter-spacing: -0.96px !important;
}

.medium-font-lg {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-lg-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-lg-line-height) !important;
    letter-spacing: -0.96px !important;
}

.bold-font-lg {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-lg-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-lg-line-height) !important;
    letter-spacing: -0.96px !important;
}

.regular-font-md {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-md-line-height) !important;
    letter-spacing: -0.72px !important;
}

.medium-font-md {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-md-line-height) !important;
    letter-spacing: -0.72px !important;
}

.bold-font-md {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-md-line-height) !important;
    letter-spacing: -0.72px !important;
}

.regular-font-sm {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-sm-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-sm-line-height) !important;
}

.medium-font-sm {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-sm-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-sm-line-height) !important;
}

.bold-font-sm {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-sm-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-sm-line-height) !important;
}

.regular-font-xs {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xs-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-xs-line-height) !important;
}

.medium-font-xs {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xs-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-xs-line-height) !important;
}

.bold-font-xs {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xs-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-xs-line-height) !important;
}

.text-regular-font-xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xl-text-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-xl-text-line-height) !important;
}

.text-medium-font-xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xl-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-xl-text-line-height) !important;
}

.text-bold-font-xl {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xl-text-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-xl-text-line-height) !important;
}

.text-regular-font-lg {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-lg-text-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-lg-text-line-height) !important;
}

.text-medium-font-lg {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-lg-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-lg-text-line-height) !important;
}

.text-bold-font-lg {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-lg-text-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-lg-text-line-height) !important;
}

.text-regular-font-md {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-md-text-line-height) !important;
}

.text-medium-font-md {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-md-text-line-height) !important;
}

.text-bold-font-md {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-md-text-line-height) !important;
}

.text-regular-font-sm {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-sm-text-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-sm-text-line-height) !important;
}

.text-medium-font-sm {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-sm-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-sm-text-line-height) !important;
}

.text-bold-font-sm {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-sm-text-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-sm-text-line-height) !important;
}

.text-regular-font-xs {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xs-text-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-xs-text-line-height) !important;
}

.text-medium-font-xs {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xs-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-xs-text-line-height) !important;
}

.text-bold-font-xs {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-xs-text-font-size) !important;
    font-weight: var(--daikin-bold-font-weight) !important;
    line-height: var(--daikin-xs-text-line-height) !important;
}

.text-regular-font {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-text-font-size) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
    line-height: var(--daikin-text-line-height) !important;
}

.text-medium-font {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight) !important;
    line-height: var(--daikin-text-line-height) !important;
}

.primary-text-color {
    color: var(--daikin-primary-Text-Color);
}

.secondary-text-color {
    color: var(--daikin-secondary-Text-Color);
}



/* ---------- Start Buttons Global Style */

/******* Primary Button *******/
.slds-button.slds-button_brand,
.primary-action-button .slds-button_brand {
    border-radius: var(--radius-xs);
    background-color: var(--daikin-astronaut-blue);
    border-color: var(--daikin-astronaut-blue);
    --dxp-s-button-font-size: var(--daikin-md-text-font-size);
    font-family: var(--daikin-root-font-family);
    font-size: var(--daikin-md-text-font-size);
    font-weight: var(--daikin-bold-font-weight);
    color: var(--daikin-white);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.slds-button.slds-button_brand:focus,
.slds-button.slds-button_brand:hover,
.slds-button.slds-button_brand:active,
.primary-action-button .slds-button_brand:focus,
.primary-action-button .slds-button_brand:hover,
.primary-action-button .slds-button_brand:active {
    --slds-c-button-shadow-focus: unset !important;
    background-color: var(--daikin-lochmara-blue);
    border-color: var(--daikin-lochmara-blue);
}

.slds-button.slds-button_brand[disabled],
.slds-button.slds-button_brand:disabled,
.primary-action-button .slds-button_brand[disabled],
.primary-action-button .slds-button_brand:disabled {
    background-color: var(--daikin-astronaut-blue);
    border-color: var(--daikin-astronaut-blue);
    opacity: 0.5;
}

/******* Secondary Button *******/
.slds-button.slds-button_outline-brand,
.slds-button.slds-button_neutral {
    border-radius: var(--radius-xs);
    background-color: var(--daikin-white);
    border-color: var(--daikin-navigation-border);
    color: var(--daikin-astronaut-blue);
    --dxp-s-button-font-size: var(--daikin-md-text-font-size);
    font-family: var(--daikin-root-font-family);
    font-size: var(--daikin-md-text-font-size);
    font-weight: var(--daikin-bold-font-weight);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.slds-button.slds-button_neutral {
    border-color: var(--daikin-astronaut-blue);
}

.slds-button.slds-button_outline-brand:focus,
.slds-button.slds-button_outline-brand:hover,
.slds-button.slds-button_outline-brand:active,
.slds-button.slds-button_neutral:focus,
.slds-button.slds-button_neutral:hover,
.slds-button.slds-button_neutral:active {
    --slds-c-button-shadow-focus: unset !important;
    background-color: var(--daikin-white);
    border-color: var(--daikin-lochmara-blue);
    color: var(--daikin-lochmara-blue);
}

.slds-button.slds-button_outline-brand[disabled],
.slds-button.slds-button_outline-brand:disabled,
.slds-button.slds-button_neutral[disabled],
.slds-button.slds-button_neutral:disabled {
    background-color: var(--daikin-white);
    border-color: var(--daikin-navigation-border);
    opacity: 0.5;
}

/* ---------- End Buttons Global Style */

/* ---------- Start Checkbox Global Style */
.slds-checkbox {
    --slds-c-checkbox-color-background-checked: var(--daikin-slate-gray);
    --slds-c-checkbox-mark-color-foreground: var(--daikin-white);
}

.slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--daikin-stack);
}

.slds-checkbox [type="checkbox"]:checked+.slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--daikin-slate-gray);
}

.slds-checkbox .slds-form-element__label {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    line-height: var(--daikin-md-text-line-height) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
}

.slds-checkbox [type="checkbox"]:focus+.slds-checkbox__label .slds-checkbox_faux {
    box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
    border-color: var(--daikin-navigation-border);
}

.slds-checkbox [type="checkbox"]:focus:checked+.slds-checkbox__label .slds-checkbox_faux {
    box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
    border-color: var(--daikin-slate-gray);
}

/* ---------- End Checkbox Global Style */

/* ---------- Start Radio button Global Style */
.slds-radio [type="radio"]+.slds-radio__label .slds-radio_faux {
    border-color: var(--daikin-stack);
}

.slds-radio .slds-form-element__label {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    line-height: var(--daikin-md-text-line-height) !important;
    font-weight: var(--daikin-regular-font-weight) !important;
}

.slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio_faux {
    background-color: var(--daikin-slate-gray);
    border-color: var(--daikin-slate-gray);
}

.slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio_faux::after {
    background-color: var(--daikin-white);
    width: 6px;
    height: 6px;

}

.slds-radio [type="radio"]:focus+.slds-radio__label .slds-radio_faux {
    box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
    border-color: var(--daikin-stack);
}

.slds-radio [type="radio"]:focus:checked+.slds-radio__label .slds-radio_faux {
    box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
    border-color: var(--daikin-slate-gray);
}

/* ---------- End Radio button Global Style */


/* ---------- Start Input Global Style */

.input .slds-input {
    border-color: var(--grey-base-color-grey-070);
}

.slds-has-error .slds-input {
    border-color: var(--daikin-error);
    box-shadow: none;
}

.slds-has-error .slds-form-element__help {
    color: var(--daikin-error);
}

.input .slds-form-element__label {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    font-weight: var(--daikin-medium-font-weight);
    line-height: var(--daikin-md-text-line-height) !important;
    color: var(--daikin-primary-Text-Color);
}

.input .slds-input {
    padding: 10px 12px;
}

.input .slds-form-element__label {
    display: flex;
}

.input.bold-label .slds-form-element__label {
    font-weight: var(--daikin-bold-font-weight) !important;
}

.input .slds-required {
    order: 5;
    color: var(--daikin-primary-Text-Color);
}

.input .slds-input:active,
.input .slds-input:focus {
    box-shadow: none;
}

/* ---------- End Input Global Style */

/* ---------- Start Textarea Global Style */
.textarea .slds-form-element__label {
    font-family: var(--daikin-root-font-family) !important;
    font-size: var(--daikin-md-text-font-size) !important;
    line-height: var(--daikin-md-text-line-height) !important;
}

.textarea.bold-label .slds-form-element__label {
    font-weight: var(--daikin-bold-font-weight) !important;
}

.textarea .slds-textarea {
    background: transparent;
    border-color: var(--daikin-sonic-silver);
}

.textarea .slds-textarea:focus {
    box-shadow: none;
}

/* ---------- End Textarea Global Style */