:root {
    --font-family: museo-sans, Arial, sans-serif;
    --dxp-g-root-font-family: var(--font-family);
    --dxp-s-body-font-family: var(--font-family);
    --dxp-g-heading-font-family: var(--font-family);
    --dxp-s-form-element-label-font-family: var(--font-family);
    --dxp-s-form-element-text-font-family: var(--font-family);
    --dxp-s-form-element-caption-text-font-family: var(--font-family);

    --PrimitiveNumbersnumber-12: 12px;
    --spacinglarge: 24px;
    --spacingmedium: 16px;
    --spacing-xlarge: 2.5rem;
    --spacing-xxxlarge: 3.5rem;
    --radiusbutton-radius: 4px;
    --text-color-default: #000000;
    --text-color-subheader: #01417B;
    --text-color-meta: #575757;
    --background-color-danger: #F5E6EB;
    --color-danger: #8C0A08;
    --background-color-info: #F8EDBD;
    --breakpoint-small: 480px;
    --breakpoint-medium: 768px;
    --breakpoint-large: 1024px;
    --input--height: 38px;
    --input--border-color: #898989;
    --slds-c-input-color-border: var(--input--border-color);
    --dxp-s-form-element-color-border: var(--input--border-color);
    --input--label-color: #1B1C1E;
    --focus-color: #00467F;
    --focus-outline-width: 2px;
    --focus-offset: 2px;
    --header-height: 3.125rem;
    --header-offset-vertical: 5px;
    --max-content-width: 660px;
    --dxp-c-l-max-content-width: var(--max-content-width);
    --dxp-c-m-max-content-width: var(--max-content-width);
    --dxp-c-s-max-content-width: var(--max-content-width);
}

html {
    scroll-padding: calc(0.5rem + var(--header-height));
}

h1 {
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-family: var(--dxp-s-text-heading-extra-large-font-family);
}

h2 {
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-family: var(--dxp-s-text-heading-large-font-family);
}

h3 {
    font-size: var(--dxp-s-text-heading-medium-font-size);
    font-family: var(--dxp-s-text-heading-medium-font-family);
}


h4 {
    font-size: var(--dxp-s-text-heading-small-font-size);
    font-family: var(--dxp-s-text-heading-small-font-family);
}

.overflow-hidden {
    overflow: hidden;
}

.text__title {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--text-color-default);
    text-align: center;
}

.text__under-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--text-color-default);
}

.text__brand {
    color: var(--dxp-g-brand-1)
}

@media only screen and (max-width: 768px) {
    .slds-notify_toast .slds-notify__content slot {
        font-size: 1.5rem;
    }
}

.auth-container h1 {
    text-align: center;
    font-weight: 600;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    white-space: nowrap;
}
a {
    text-decoration: underline !important;
}
c-icon {
    flex-shrink: 0;
}
.gray-bg {
    background-color: var(--bi-neutral-5);
}

button:focus-visible,
button:focus,
.slds-button:focus,
.button:focus-visible,
:focus-visible{
    outline: var(--focus-outline-width) solid var(--focus-color);
    outline-offset: var(--focus-offset);
    border-radius: var(--radiusbutton-radius);
    box-shadow: none!important;
}

.shadow-hover {
    cursor: pointer !important;
    transition: box-shadow ease 0.2s !important;
    -webkit-transition: box-shadow ease 0.2s !important;
    -moz-transition: box-shadow ease 0.2s !important;
    -o-transition: box-shadow ease 0.2s !important;
    -ms-transition: box-shadow ease 0.2s !important;
}

.shadow-hover:hover {
    -webkit-box-shadow: 0 0 15px rgba(33,33,33,.2) !important;
    box-shadow: 0 0 15px rgba(33,33,33,.2) !important;
}

.section-header {
    font-size: 1.125rem;
    font-weight: bold;
    color: #575757;
}

.status-container .slds-truncate {
    margin-right: 1rem;
}

.status-container .slds-combobox__input-value {
    color: #005C6A;
    border-radius: 20px;
    padding: 2px 16px;
}

.input-field,
c-bi-input input,
lightning-input input,
lightning-input-field input,
lightning-input-field input[type="text"],
lightning-input-field input[type="url"],
lightning-input-field .slds-textarea,
lightning-input-field input[type="picklist"],
lightning-input-field .slds-combobox_container button,
lightning-input-field .slds-select,
lightning-combobox button
{
    height: var(--input--height);
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 7px 12px;
}

.auth-input-container lightning-input input {
    height: 3rem;
}

.input-field:focus,
c-bi-input input:focus,
lightning-input input:focus,
lightning-input-field input:focus,
lightning-input-field input[type="text"]:focus,
lightning-input-field input[type="url"]:focus,
lightning-input-field .slds-textarea:focus,
lightning-input-field input[type="picklist"]:focus,
lightning-input-field .slds-combobox_container button:focus,
lightning-combobox button:focus,
lightning-input-field .slds-select:focus
{
    outline: var(--focus-outline-width) solid var(--focus-color) !important;
    outline-offset: var(--focus-offset);
}

lightning-input-field .slds-textarea {
    min-height: var(--input--height);
    max-height: calc(var(--input--height) * 2);
}

lightning-input-field {
    /*used to remove padding for .slds-form-element_stacked*/
    padding: 0 !important;
}

lightning-input-field lightning-helptext {
    display: none;
}

lightning-input-field input,
lightning-input input {
    -webkit-appearance : none;
    -moz-appearance: none; /* Mozilla */
    appearance: none; /* CSS3 */
}

lightning-input input[type="date"] {
    display: flex;
    align-items: center;
    justify-content: start;
}


lightning-input-field button,
lightning-combobox button {
    display: flex;
    align-items: center;
}

c-bi-input .slds-input-has-icon .slds-input__icon:not(button) {
    pointer-events: all;
}

lightning-input-field label,
c-bi-input label,
lightning-input label,
.slds-form-element__label
{
    display: flex !important;
    flex-direction: row !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0;
    color: var(--input--label-color);
}

lightning-input-field label abbr,
lightning-input label abbr,
lightning-combobox label abbr,
lightning-textarea abbr,
c-bi-input label abbr
{
    order: 2 !important;
}

.auth-container .slds-input-has-icon input {
    padding-right: var(--dxp-g-spacing-xlarge);
}

.slds-modal_small .slds-modal__container {
    max-width: 40rem !important;
}

.slds-modal__close {
    top: var(--dxp-g-spacing-medium);
    right: var(--dxp-g-spacing-medium);
    transform: translate(25%, 100%);
    z-index: 1;
}

.slds-modal__close button {
    color: var(--dxp-g-root-contrast)!important;
}

.slds-modal__close .slds-button:focus {
    box-shadow: none !important;
    outline: 2px solid #00467F;
    outline-offset: 2px;
}

.slds-modal__header h1:focus-visible {
    outline: none;
}

.slds-modal__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slds-modal__header,
.slds-modal__footer {
    border: unset;
}

.slds-has-error {
    --slds-c-input-color-border: var(--color-danger, #8C0A08)!important;
    --slds-c-input-shadow: var(--color-danger, #8C0A08) 0 0 0 1px inset!important;
}

.slds-has-error .slds-input{
    border-color: var(--color-danger, #8C0A08) !important;
    box-shadow: var(--color-danger, #8C0A08) 0 0 0 1px inset !important;
}

.slds-has-error .slds-form-element__help,
.slds-required {
    color: var(--color-danger, #8C0A08)!important;
}

.slds-spinner_container {
    background-color: var(--slds-g-color-neutral-100-opacity-75, rgba(255, 255, 255, .75));
}

.record-container:hover c-record-list .container {
    background-color: #D8E6F3;
    transition: background-color 0.3s ease-out;
}

.white-space-wrap {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word;
}
lightning-file-upload > lightning-input > lightning-primitive-input-file > div > div > lightning-primitive-file-droppable-zone > slot > label > span:first-child {
    width: 100%;
    min-height: 6rem;
    color: black;
    border: 2px dotted #005c6a;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    cursor: pointer;
}
lightning-file-upload > lightning-input > lightning-primitive-input-file > div > div > lightning-primitive-file-droppable-zone > slot > label > span:nth-child(2) {
    display: none;
}
lightning-file-upload > lightning-input > lightning-primitive-input-file > div > div > lightning-primitive-file-droppable-zone > slot > label {
    display: block !important;
}
lightning-file-upload > lightning-input > lightning-primitive-input-file > div > div > lightning-primitive-file-droppable-zone > slot {
    display: block !important;
}
lightning-file-upload > lightning-input > lightning-primitive-input-file > div > div > lightning-primitive-file-droppable-zone {
    display: block !important;
    border: none !important;
}
lightning-file-upload > lightning-input > lightning-primitive-input-file > div > div {
    display: block !important;
}

@media only screen and (max-width: 1024px) {
    input[type='date']::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;

    }
}