:root {
    /*
        GLOBAL VARIABLES
    */
    /* Primary Palette */
    --nmdp-night: #00355E;
    --nmdp-night-dark: #061E35;
    --nmdp-night-light: #CCE9FF;
    --nmdp-morning: #0071B4;
    --nmdp-morning-dark: #044E79;
    --nmdp-morning-light: #9FCAE5;
    --nmdp-dayglow: #BDCC2A;
    --nmdp-dayglow-dark: #7A961D;
    --nmdp-dayglow-light: #DEE695;
    --nmdp-plum: #8A2066;
    --nmdp-plum-dark: #561249;
    --nmdp-plum-light: #C490B3;
    --nmdp-focus: #7FADDC;
    /* Neutral Palette */
    --nmdp-white: #FFF;
    --nmdp-light-gray: #EEE;
    --nmdp-mid-gray: #A9A9A9;
    --nmdp-dark-gray: #575757;
    --nmdp-black: #000;
    /*Status and State Colors*/
    --nmdp-medium-green: #21AA3E;
    --nmdp-yellow: #FFBE2F;
    --nmdp-dirty-orange: #C67917;
    --nmdp-scarlet: #B00020;
    --nmdp-red-wine: #8E030F;
    /* Font Family */
    --nmdp-primary-font: 'DM Sans';
    --nmdp-supporting-font: 'Lora';
    /* Font Weight */
    --nmdp-regular-font-weight: 400;
    --nmdp-medium-font-weight: 500;
    --nmdp-bold-font-weight: 600;
    /* Font Size */
    --nmdp-xxxl-font-size: 2.5em; /*40px*/
    --nmdp-xxl-font-size: 2em; /*32px*/
    --nmdp-xl-font-size: 1.875em;
    --nmdp-l-font-size: 1.625em;
    --nmdp-m-font-size: 1.375em; /*22px*/
    --nmdp-s-font-size: 1.25em;
    --nmdp-xs-font-size: 1.125em;
    --nmdp-xxs-font-size: 1em; /*16px*/
    --nmdp-xxxs-font-size: 0.875em;
    --nmdp-xxxl-line-height: 46px;
    --nmdp-xxl-line-height: 37px;
    --nmdp-xl-line-height: 32px;
    --nmdp-l-line-height: 28px;
    --nmdp-m-line-height: 24px;
    --nmdp-s-line-height: 22px;
    --nmdp-xs-line-height: 20px;
    --nmdp-xxs-line-height: 18px;
    --nmdp-letter-spacing-1: 1px;
    /* Font Style*/
    --nmdp-italic-font-style: italic;
    --nmdp-text-transform-uppercase: uppercase;
    /*Spacing*/
    --nmdp-regular-spacing-size: 1.5em;
    --nmdp-border-radius: 30px;
    --nmdp-border-width: 2px;
    /* 
        Theme Properties
    */
    /*Root/Brand Colors*/
    --dxp-s-body-font-family: var(--nmdp-primary-font); 
    --dxp-s-body-small-font-family: var(--nmdp-primary-font); 
    --dxp-g-root: var(--nmdp-white);  
    --dxp-g-root-contrast: var(--nmdp-black);
    --dxp-g-brand-1: var(--nmdp-morning); 
    --dxp-c-selection-color-background: var(--nmdp-night-light);    
    --dxp-c-selection-text-color: var(--nmdp-dark-gray);
    /*Destructive (Error/Invalid) State*/
    --dxp-g-destructive: var(--nmdp-scarlet);
    --dxp-g-destructive-contrast: var(--nmdp-white);
    --dxp-g-destructive-1: var(--nmdp-red-wine);
    /*Buttons - General*/
    --dxp-s-button-radius-border: var(--nmdp-border-radius);
    --sds-c-button-sizing-border: var(--nmdp-border-width);
    --dxp-s-button-font-family: var(--nmdp-primary-font);
    --dxp-s-button-font-weight: var(--nmdp-bold-font-weight);
    --dxp-s-button-font-size: var(--nmdp-xxs-font-size);
    --dxp-s-button-color-focus: var(--nmdp-morning);   
    --dxp-s-button-padding: var(--nmdp-regular-spacing-size);
    /*Buttons - Primary Button*/
    --dxp-s-button-color: var(--nmdp-morning);
    --dxp-s-button-border-color: var(--nmdp-morning);
    --dxp-s-button-color-contrast: var(--nmdp-white);
    --dxp-s-button-color-hover: var(--nmdp-night);
    --dxp-s-button-border-color-hover: var(--nmdp-night);
    --dxp-s-button-color-hover-contrast: var(--nmdp-white);
    --dxp-s-button-color-focus: var(--nmdp-morning);
    --dxp-s-button-border-color-focus: var(--nmdp-morning);
    --dxp-s-button-color-focus-contrast: var(--nmdp-white);
    /*Buttons - Secondary Button*/
    --dxp-s-secondary-button-color: var(--nmdp-white);
    --dxp-s-secondary-button-border-color: var(--nmdp-morning);
    --dxp-s-secondary-button-text-color: var(--nmdp-morning);
    --dxp-s-secondary-button-color-hover: var(--nmdp-light-gray);
    --dxp-s-secondary-button-border-color-hover: var(--nmdp-night); 
    --dxp-s-secondary-button-text-color-hover: var(--nmdp-night);
    --dxp-s-secondary-button-color-focus: var(--nmdp-white);
    --dxp-s-secondary-button-border-color-focus: var(--nmdp-morning);
    --dxp-s-secondary-button-text-color-focus: var(--nmdp-morning);
    /*Buttons - Tertiary Button*/
    --dxp-s-tertiary-button-color: var(--nmdp-dayglow);
    --dxp-s-tertiary-button-border-color: var(--nmdp-dayglow);
    --dxp-s-tertiary-button-text-color: var(--nmdp-night);
    --dxp-s-tertiary-button-color-hover: var(--nmdp-dayglow-light);
    --dxp-s-tertiary-button-border-color-hover: var(--nmdp-dayglow-light);
    --dxp-s-tertiary-button-text-color-hover: var(--nmdp-night);
    --dxp-s-tertiary-button-color-focus: var(--nmdp-dayglow);
    --dxp-s-tertiary-button-border-color-focus: var(--nmdp-morning);
    --dxp-s-tertiary-button-text-color-focus: var(--nmdp-night);

    /*
        Inputs
    */
    /*General*/
    --dxp-s-form-element-label-font-family: var(--nmdp-primary-font);
    /*Radio Buttons*/
    --dxp-s-form-element-color-border: var(--nmdp-mid-gray);
    --sds-c-radio-color-border: var(--nmdp-mid-gray);
    --dxp-s-form-checkbox-color-border: var(--nmdp-mid-gray);
    --dxp-s-form-element-color-foreground: var(--nmdp-morning);
    --dxp-s-form-element-color-border-checked: var(--nmdp-morning);
    /*Checkboxes*/
    --dxp-s-form-checkbox-color-background-checked: var(--nmdp-morning);
    --dxp-s-form-checkbox-color-border-checked: var(--nmdp-white);
    /*Input (Text/Combobox)*/
    --dxp-s-form-element-color-border: var(--nmdp-mid-gray);
    --dxp-s-form-element-color-border-focus: var(--nmdp-morning);
    --dxp-s-form-element-label-font-family: var(--nmdp-primary-font);
    --dxp-s-form-element-label-font-size: var(--nmdp-s-font-size);
    --dxp-s-form-element-label-font-weight: var(--nmdp-regular-font-weight);
    --dxp-s-form-element-label-color: var(--nmdp-night);
    --dxp-s-form-element-text-font-weight: var(--nmdp-bold-font-weight);
    --dxp-s-form-element-text-font-size: var(--nmdp-xxs-font-size);
}

::selection {
    background: #CCE9FF;
    color:#575757;
}

/* 
    Headers    
*/
.nmdp-h1 {
    font-family: var(--nmdp-primary-font);
    font-weight: var(--nmdp-medium-font-weight); 
    font-size: var(--nmdp-xl-font-size);
    color: var(--nmdp-night);
    line-height: var(--nmdp-xxl-line-height);
}

.nmdp-h2 {
    font-family: var(--nmdp-supporting-font);
    font-weight: var(--nmdp-regular-font-weight);
    font-size: var(--nmdp-l-font-size);
    color: var(--nmdp-night);
    line-height: var(--nmdp-xl-line-height);
}

.nmdp-h3 {
    font-family: var(--nmdp-primary-font);
    font-weight: var(--nmdp-regular-font-weight);
    font-size: var(--nmdp-m-font-size);
    color: var(--nmdp-night);
    line-height: var(--nmdp-xxl-line-height);
}

.nmdp-h4 {
    font-family: var(--nmdp-supporting-font);
    font-weight: var(--nmdp-regular-font-weight);
    font-size: var(--nmdp-s-font-size);
    color: var(--nmdp-black);
    line-height: var(--nmdp-l-line-height);
}

.nmdp-h5 {
    font-family: var(--nmdp-primary-font);
    font-weight: var(--nmdp-medium-font-weight);
    font-size: var(--nmdp-xs-font-size);
    color: var(--nmdp-black);
    line-height: var(--nmdp-s-line-height);
}

/* 
    Text    
*/

.nmdp-callout-text {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xs-font-size);
    font-weight: var(--nmdp-bold-font-weight);
    color: var(--nmdp-plum);
    text-transform: var(--nmdp-text-transform-uppercase);
    letter-spacing: var(--nmdp-letter-spacing-1);
    line-height: var(--nmdp-m-line-height);
}

.nmdp-regular-text {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxs-font-size);
    color: var(--nmdp-black);
    line-height: var(--nmdp-m-line-height);
}

.nmdp-regular-text-footer {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxxs-font-size);
    color: var(--nmdp-night);
    line-height: var(--nmdp-m-line-height);
}

.nmdp-small-text {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxxs-font-size);
    color: var(--nmdp-dark-gray);
}

.nmdp-caption-text {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxs-font-size);
    font-style: var(--nmdp-italic-font-style);
    color: var(--nmdp-black);
}

.nmdp-callout-text-inverse-color {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xs-font-size);
    font-weight: var(--nmdp-bold-font-weight);
    color: var(--nmdp-white);
    text-transform: var(--nmdp-text-transform-uppercase);
    letter-spacing: var(--nmdp-letter-spacing-1);
    line-height: var(--nmdp-m-line-height);
}

.nmdp-regular-text-inverse-color {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxs-font-size);
    color: var(--nmdp-white);
    line-height: var(--nmdp-m-line-height);
}

.nmdp-small-text-inverse-color {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxxs-font-size);
    color: var(--nmdp-white);
}

.nmdp-caption-text-inverse-color {
    font-family: var(--nmdp-primary-font);
    font-size: var(--nmdp-xxs-font-size);
    font-style: var(--nmdp-italic-font-style);
    color: var(--nmdp-white);
}

/*
    Links
*/

a[target=_blank]::after {
    content: "\f08e"/ "Open in a new tab"; 
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-left: 6px;
    font-weight: var(--nmdp-bold-font-weight); 
    font-size: var(--nmdp-xxs-font-size); 
}

lightning-formatted-email.nmdp-link,
lightning-formatted-phone.nmdp-link,
a.nmdp-link {
    color: var(--nmdp-morning) !important;
    text-decoration: underline !important; 
}

lightning-formatted-email.nmdp-link:visited,
lightning-formatted-phone.nmdp-link:visited,
a.nmdp-link:visited {
    text-decoration: none !important;
    color: #884488 !important;
}  

lightning-formatted-email.nmdp-link:hover,
lightning-formatted-phone.nmdp-link:hover,
a.nmdp-link:hover {
    color: var(--nmdp-morning) !important;
    text-decoration: none !important; 
} 

lightning-formatted-email.nmdp-link:active,
lightning-formatted-phone.nmdp-link:active,
a.nmdp-link:active {
    text-decoration: underline !important;
    color: #BB1122 !important; 
}

lightning-formatted-email.nmdp-link:focus,
lightning-formatted-phone.nmdp-link:focus,
a.nmdp-link:focus {
    border: 1px dashed var(--nmdp-morning); 
} 

a.nmdp-link-inverse {
    color: var(--nmdp-white) !important;
    text-decoration: underline !important; 
}

a.nmdp-link-inverse:visited {
    text-decoration: none !important;
    color: #884488 !important;
}  

a.nmdp-link-inverse:hover {
    color: var(--nmdp-morning) !important;
    text-decoration: none !important; 
} 

a.nmdp-link-inverse:active {
    text-decoration: underline !important;
    color: #BB1122 !important; 
}

lightning-formatted-email.nmdp-link:focus,
lightning-formatted-phone.nmdp-link:focus,
a.nmdp-link:focus {
    border: 1px dashed var(--nmdp-morning); 
} 

/*Formatted Email/Phone */

lightning-formatted-email.nmdp-link-footer a:link:not(.slds-button, .slds-dropdown__item > a),
lightning-formatted-phone.nmdp-link-footer a:link:not(.slds-button, .slds-dropdown__item > a) { 
    color: var(--nmdp-night);
    font-size: var(--nmdp-xxxs-font-size);
    text-decoration: underline;  
}

lightning-formatted-email.nmdp-link-footer a:visited:not(.slds-button, .slds-dropdown__item > a),
lightning-formatted-phone.nmdp-link-footer a:visited:not(.slds-button, .slds-dropdown__item > a) {
    text-decoration: underline;
    font-size: var(--nmdp-xxxs-font-size);
    color: #884488 !important;  
} 

lightning-formatted-email.nmdp-link-footer a:link:hover:not(.slds-button, .slds-dropdown__item > a),
lightning-formatted-phone.nmdp-link-footer a:link:hover:not(.slds-button, .slds-dropdown__item > a) {
    color: var(--nmdp-morning);
    font-size: var(--nmdp-xxxs-font-size);
    text-decoration: none; 
}

lightning-formatted-email.nmdp-link-footer a:link:active:not(.slds-button, .slds-dropdown__item > a),
lightning-formatted-phone.nmdp-link-footer a:link:active:not(.slds-button, .slds-dropdown__item > a) {
    text-decoration: underline;
    font-size: var(--nmdp-xxxs-font-size);
    color: #BB1122;  
}

lightning-formatted-email.nmdp-link-footer a:link:focus:not(.slds-button, .slds-dropdown__item > a),
lightning-formatted-phone.nmdp-link-footer a:link:focus:not(.slds-button, .slds-dropdown__item > a) {
    border: 1px dashed var(--nmdp-morning); 
    font-size: var(--nmdp-xxxs-font-size);
} 

/*Footer Links*/

a.nmdp-link-footer:not(.slds-button, .slds-dropdown__item > a) {
    color: var(--nmdp-night);
    text-decoration: underline; 
    font-size: var(--nmdp-xxxs-font-size);
}

a.nmdp-link-footer:visited:not(.slds-button, .slds-dropdown__item > a) {
    text-decoration: none;
    color: #884488;
}  

a.nmdp-link-footer:hover:not(.slds-button, .slds-dropdown__item > a) {
    color: var(--nmdp-morning);
    text-decoration: none; 
} 

a.nmdp-link-footer:active:not(.slds-button, .slds-dropdown__item > a) {
    text-decoration: underline;
    color: #BB1122; 
}

a.nmdp-link-footer:focus:not(.slds-button, .slds-dropdown__item > a) {
    border: 1px dashed var(--nmdp-morning); 
} 


/*
    Buttons 
*/

.scan-button button {
    background: #fff;
    border: none;
    box-shadow: none;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--nmdp-morning);
    text-decoration: underline;
}

.scan-button button:hover{
    background: var(--nmdp-light-gray);
    color: var(--nmdp-night);
}

.scan-button button:focus{
    background: var(--nmdp-white);
    color: var(--nmdp-morning);
}

.scan-button lightning-primitive-icon {
    height: 20px;
}

.scan-button svg {
    width: 20px;
    height: 18px;
    margin: 0;
}

.slds-button {
    min-width: 100px;
    width: 100%;
    margin: 0px auto;
    display: inline-block;
    height: 46px;
}

[kx-scope=button][kx-type=underline]:after {
    background: none;
}

.slds-button_brand:disabled {
    background-color: rgba(0, 113, 180, 0.5);
    border-color: transparent;
    color: var(--nmdp-white);
}

.slds-button_outline-brand:disabled {
    border-color: rgba(0, 113, 180, 0.5);
    color: rgba(0, 113, 180, 0.5);
}

.slds-button_base-disabled .slds-button {
    background-color: rgba(189, 204, 42, 0.5);
    border-color: transparent;
    color: rgba(0, 53, 94, 0.5);
} 

.slds-button_destructive:disabled {
    background-color: rgba(176, 0, 32, 0.5);
    border-color: transparent;
} 

.slds-button_outline-brand:focus,
.slds-button:focus,
.slds-button_destructive:focus { 
    box-shadow: var(--sds-c-button-shadow-focus, 0 0 0 2px var(--sds-c-button-neutral-color-background, var(--dxp-g-root, #fff)), 0 0 0 4px var(--dxp-s-button-color-focus, var(--dxp-g-brand-1, #0176d3)));
} 

.nmpd-dark-bg-button > .slds-button_brand:focus, 
.nmpd-dark-bg-button > .slds-button_outline-brand:focus, 
.nmpd-dark-bg-button > .slds-button:focus,
.nmpd-dark-bg-button > .slds-button_destructive:focus { 
    box-shadow: 0 0 0 2px rgb(0, 53, 94), 0 0 0 4px #0071b4, 0 0 0 6px #fff;
} 

/*Radio Buttons and Checkboxes*/

.slds-form-element__label {
    font-weight: var(--nmdp-regular-font-weight);
}

.slds-form-element__legend {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.slds-required {
    display: none;
}

.slds-form-element__legend:has(> .slds-required)::after {
    content: '*';
    color: var(--nmdp-night); 
}

.slds-radio_button-group {
    border: none;
    display: flex;
    flex-direction: column;
}

.short-options-radio-button-group .slds-radio_button-group {
    gap: 10px;
    flex-direction: row !important;
}

.slds-radio_button {
    height: 44px;
    background: #fff;
    border: 1px solid;
    border-radius: 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: var(--nmdp-mid-gray);
    min-width: 100px;
    margin: 0 0 15px 0;
}

.slds-radio_button:first-child>.slds-radio_button__label,
.slds-radio_button:last-child>.slds-radio_button__label {
    border-radius: 4px;
}  

.slds-radio_button:hover {
    border: 1px solid var(--nmdp-morning);
}
 
.slds-radio_button__label {
    font-family: var(--nmdp-primary-font);
    color: var(--nmdp-black);
    font-weight: var(--nmdp-bold-font-weight);
    width: 100%; 
    height: 100%;
    display: flex;
    flex-direction: column; 
    justify-content: center;
}

.slds-radio_button:has(input[type=radio]:checked) {
    border-color: var(--nmdp-morning);  
} 

.slds-radio_button:has(input[type=radio]:focus) {
    box-shadow: var(--sds-c-button-shadow-focus, 0 0 0 2px var(--sds-c-button-neutral-color-background, var(--dxp-g-root, #fff)), 0 0 0 4px var(--dxp-s-button-color-focus, var(--dxp-g-brand-1, #0176d3)));
}

.slds-radio_button [type=radio]:checked+.slds-radio_button__label {
    background-color: var(--nmdp-morning);
    border-radius: 2px;
} 

.slds-radio_button [type=radio]:checked+.slds-radio_button__label:hover {
    background-color: var(--nmdp-morning-dark);
}

.slds-radio_button [type=radio]:checked+.slds-radio_button__label:focus { 
    background-color: var(--nmdp-morning);
    box-shadow: var(--sds-c-button-shadow-focus, 0 0 0 2px var(--sds-c-button-neutral-color-background, var(--dxp-g-root, #fff)), 0 0 0 4px var(--dxp-s-button-color-focus, var(--dxp-g-brand-1, var(--nmdp-morning))));
} 


.slds-radio_button [type=radio]:focus+.slds-radio_button__label {
    box-shadow: none;
}

/*
    Radio Buttons
*/
label.slds-radio__label {
    cursor: pointer;
}


lightning-radio-group[disabled] label.slds-radio__label {
    cursor:  not-allowed;
}

.slds-form-element__control .slds-radio {
    margin-bottom: 15px;
}

.slds-radio [type=radio]+.slds-radio__label .slds-radio_faux {
    margin-right: 10px;
}

.slds-radio .slds-form-element__label {
    font-size: var(--nmdp-xxs-font-size);
    color: var(--nmdp-black);  
}

.slds-radio .slds-radio_faux {
    height: 24px;
    width: 24px;
}

.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after {
    height: 12px; 
    width: 12px;
}

.slds-radio [type="radio"] + .slds-radio__label:hover .slds-radio_faux,
.slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux:hover { 
    border-color: var(--nmdp-morning);
}

.slds-radio [type="radio"]:focus + .slds-radio__label {
    border: 1px dashed var(--nmdp-morning);
    padding: 4px 0 6px 0;
}

lightning-radio-group[disabled] .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux {
    background-color: var(--nmdp-light-gray);
    border-color: var(--nmdp-mid-gray);
}

lightning-radio-group[disabled] .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--nmdp-dark-gray);
    border-color: var(--nmdp-light-gray);
}

/*
    Checkboxes
*/
label.slds-checkbox__label {
    cursor: pointer;
}

.slds-checkbox .slds-checkbox_faux {
    height: 24px;
    width: 24px;
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
    height: 0.53rem;
    width: 0.9rem;
    position: absolute;
    top: 40%;
}

.slds-form-element__control .slds-checkbox {
    margin-bottom: 15px;
}

.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux {
    margin-right: 10px;
}

.slds-checkbox .slds-checkbox__label .slds-form-element__label {
    font-size: var(--nmdp-xxs-font-size);
    color: var(--nmdp-black); 
}

.slds-checkbox [type="checkbox"] + .slds-checkbox__label:hover .slds-checkbox_faux,
.slds-checkbox [type="checkbox"] + .slds-checkbox__label .slds-checkbox_faux:hover {
    border-color: var(--nmdp-morning);
}

.slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label {
    border: 1px dashed var(--nmdp-morning);
    padding: 4px 0 6px 0;
    margin: auto -2px;
}

.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--nmdp-light-gray);
    border-color: var(--nmdp-mid-gray);
}

.slds-checkbox [type="checkbox"][disabled]:checked + .slds-checkbox__label .slds-checkbox_faux {
    background-color: rgba(0, 113, 180, 0.5); 
    border-color: transparent;
}

.slds-has-error .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--nmdp-white);
}

.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label {
    cursor:  not-allowed;
}

/*
    *
*/
label.slds-form-element__label {
    margin: 0;
    padding-bottom: 8px;
}

.slds-form-element__label:has(> .slds-required)::after {
    content: '*';
    color: var(--nmdp-night); 
}

/*
    Input - Text
*/

.slds-input {
    height: 44px;
    font-size: var(--nmdp-xxs-font-size);
    font-family: var(--nmdp-primary-font);
    font-weight: var(--nmdp-bold-font-weight);
}

.slds-input:hover {
    border-color: #6F777F;
} 

.slds-input:active {
    border: 2px solid var(--nmdp-morning);
    box-shadow: var(--nmdp-morning) 0 0 0 1px inset;
}

.slds-has-error .slds-input {
    border-width: 2px;  
} 

.slds-has-error .slds-form-element__help:before {
    font-family: "Font Awesome 5 Free";
    content: "\f06a"/ ""; 
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;  
    font-weight: 900;
}

.slds-has-error .slds-form-element__help {
    font-size: var(--nmdp-xxs-font-size);
    font-family: var(--nmdp-primary-font);  
    font-weight: var(--nmdp-bold-font-weight);
}

.four-digit-input.slds-has-error .slds-form-element__help {  
    display: none;
} 
.two-digit-input.slds-has-error .slds-form-element__help {  
    display: none;
} 
.email.typo-error.slds-has-error .slds-form-element__help {  
    display: none;
} 

.kit-code-input .slds-form-element__help {
    position: absolute;
    width: calc(100vw - 32px);
}

.height-input .slds-form-element__help, 
.zip-code-input .slds-form-element__help {
    width: calc(100vw - 32px);
}

/*
    Input - Checkbox
*/

lightning-primitive-input-checkbox .slds-checkbox__label {
    display: flex;
}

span.slds-form-element__label,
lightning-input.bold-label .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    font-weight: var(--nmdp-bold-font-weight);
    hyphens: none;
} 

/* 
    Input - Combobox
*/
.slds-input_faux:not(.slds-combobox__input-value) {
    color: var(--nmdp-black);
}

.slds-combobox__input { 
    height: 44px;
    font-size: var(--nmdp-xxs-font-size);
    font-family: var(--nmdp-primary-font);
    font-weight: var(--nmdp-bold-font-weight);
    display: inline;
}

.slds-listbox__option-icon svg.slds-icon.slds-icon-text-default {
    fill: var(--nmdp-morning); 
}

.slds-combobox__input:hover {
    border-color: #6F777F;
}

.slds-has-error .slds-combobox__input {
    border: 2px solid var(--nmdp-scarlet);
}

.slds-listbox_vertical .slds-listbox__option {
    font-size: 16px; 
    font-weight: 600;
    min-height: 30px;
}

/*
    Custom Phone Input
*/

c-mportal_-aux_-international-phone_-input .iti__selected-dial-code, 
c-mportal_-aux_-international-phone_-input-mx .iti__selected-dial-code,
.iti__selected-dial-code,   
c-mportal_-aux_-international-phone_-input .phone-input,
c-mportal_-aux_-international-phone_-input .error-message,
.iti__country {
    font-family: var(--nmdp-primary-font) !important;
}

c-mportal_-aux_-international-phone_-input .error-message {
    font-weight: var(--nmdp-bold-font-weight) !important;
}

/*
    Global styles for modal
*/
lightning-button-icon.slds-modal__close {
    display: none;
}

.slds-modal__container {
    margin: 0 16px;
}

/*
    Global styles for lightning-accordion-section
*/
.slds-button.slds-accordion__summary-action {
    height: auto;
    line-height: 20px;
    display: flex;
}

.slds-button.slds-accordion__summary-action > lightning-primitive-icon{
    --sds-c-icon-color-foreground-default: #0079c1; 
}

/* 
    Breakpoint for devices bigger than a tablet
*/
@media screen and (min-width: 48em) {
    .nmdp-h1 {
        font-size: var(--nmdp-xxxl-font-size);
        line-height: var(--nmdp-xxxl-line-height);
    }

    .nmdp-h2 {
        font-size: var(--nmdp-xxl-font-size);
        line-height: var(--nmdp-xxl-line-height); 
    }

    .nmdp-h3 {
        font-size: var(--nmdp-l-font-size);
    }

    .nmdp-h4 {
        font-size: var(--nmdp-m-font-size);
    }

    .nmdp-h5 {
        font-size: var(--nmdp-xs-font-size);
    }

    .slds-button {
        width: auto;
    }

    .slds-radio_button-group {
        flex-direction: row; 
        width: 100%;
        gap: 15px;
    }

    .slds-radio_button {
        flex-basis: 50%;
        margin: 0;
    }

    .slds-modal__container {
        margin: 0 auto;
    }
    
    .kit-code-input .slds-form-element__help,
    .height-input .slds-form-element__help, 
    .zip-code-input .slds-form-element__help { 
        max-width: 584px;
    }

    
    
}