/* sourcewell_css_vars */

:root:root {

    --_slds-g-shadow-outset-focus: none;
    --lwc-squareIconMediumContent: 25px;
    --lwc-fontSize3: var(--unnamed-font-size-20);
    --lwc-fontFamily: var(--unnamed-font-family-source-sans-pro);
    --lwc-fontSize7: var(--unnamed-font-size-50);
    --slds-c-card-text-color: var(--steele-blue-506d85);
    --letter-spacing: var(--unnamed-character-spacing-0);
    --slds-c-button-brand-color-background: var(--hyperlink-027abb);
    --slds-c-button-radius-border: 10px;
    --slds-c-button-brand-text-color: var(--light-background-f7f8f9);
    --slds-c-button-line-height: 2.5rem;

    --slds-c-button-brand-color-border-hover: var(--button-focus-color);
    --slds-c-button-brand-color-background-hover: var(--hyperlink-027abb);
    --slds-c-button-text-color-hover: var(--hyperlink-027abb);
    --lwc-brandTextLinkActive: var(--hyperlink-027abb);
    --lwc-spacingXxSmall: 0;

    --slds-c-button-neutral-color-background-hover: var(--unnamed-color-ffffff);
    --slds-c-button-neutral-color-border-hover: var(--unnamed-color-ffffff);

    --slds-c-button-neutral-color-border: var(--unnamed-color-ffffff);
    --_slds-g-shadow-inset-focus: var(--sourcewell-link);
    --lwc-shadowButtonFocus: var(--background-eff2f4);

    --lwc-formLabelFontSize: var(--unnamed-font-size-18);
    --slds-c-button-text-color: var(--hyperlink-027abb);
    --sds-c-button-text-color: var(--unnamed-color-ffffff);
    --lwc-pageHeaderTitleFontWeight: var(--unnamed-font-weight-300);
    --lwc-fontSize2: 1rem;
    --lwc-colorBackgroundInputDisabled: var(--background-eff2f4);

    --slds-c-modal-footer-spacing-inline-end: 2rem;
    --slds-c-modal-footer-spacing-inline-start: 2rem;
    --slds-c-modal-header-spacing-inline-start: 2rem;
    --slds-c-modal-header-spacing-inline-end: 2rem;

}


html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
    width: 100%;
}

.header-line {
    border-bottom: 2px solid var(--orange-ed8b00);
}

.header-line > div {
    margin: 0 3rem;
    --bs-gutter-x: 0;
}

.btn:hover,
.btn-primary {
    background-color: var(--hyperlink-027abb)
}

.btn-exit {
    width: 35%;
    min-width: 250px;
}

.btn-link:hover {
    background-color: transparent;
}

.modal-dialog {
    margin-top: 20vh;
    max-width: 50%;
}


.slds-grid.slds-wrap.slds-p-vertical_small.omniscript-step__body {
    margin-right: 100px
}

@media (max-width: 1024px) {
    .modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .slds-grid.slds-wrap.slds-p-vertical_small.omniscript-step__body {
        margin-right: 0;
    }


}

@media (max-width: 768px) {
    .container {
        padding: 0;
        margin: 0;
        overflow-x: hidden;
    }

    .small-label {
        font-weight: bold;
    }

    .image-container {
        display: none;
    }
}

.img-responsive {
    max-width: 100%;
}

.slds-form-element__label.slds-no-flex {
    white-space: nowrap
}

.mt-100 {
    margin-top: 100px;
}

.mt-60 {
    margin-top: 60px;
}

.filename.slds-form-element .slds-input {
    height: 45px;
}

.image-container {
    margin: 0 !important;
    padding: 0;
}

.omniscript-body.slds-card__body.slds-card__body_inner.slds-m-top_medium.slds-p-right_medium.slds-col.slds-grid.slds-grid_vertical.slds-size_1-of-1 {
    margin: 0 auto !important;
}

.slds-grid.slds-wrap.slds-p-vertical_small.omniscript-step__body {
    padding: 0 !important;
}

div.slds-grid.slds-wrap.slds-gutters.slds-p-horizontal_medium.slds-show_medium {
    display: none
}

.slds-theme_alert-texture {
    background-image: none !important;
    text-align: left !important;
}

.slds-modal__footer.slds-theme_default {
    text-align: left !important;
    margin-left: 0 !important;
    display: flex;
    flex-direction: column-reverse;

    .slds-button.slds-button_neutral {
        justify-content: start;
        margin-top: 30px;

    }

    .slds-button {
        width: 30%;
        margin-left: 0 !important;
    }
}

.file-upload {
    .slds-file-selector__dropzone slot {
        display: inline-block;
        width: 100% !important;
    }

    /* Hide "or drop files" */

    .slds-file-selector__dropzone .slds-file-selector__text {
        display: none;
    }

    /*'Hide' "Upload Files" text*/

    .slds-file-selector__dropzone .slds-file-selector__button {
        font-size: 0;
    }

    .slds-file-selector__dropzone .slds-file-selector__button:after {
        content: 'Upload file or drop file here';
        font-size: var(--lwc-formLabelFontSize);
        color: var(--hyperlink-027abb);
        cursor: pointer;
    }

    .slds-file-selector__button.slds-button.slds-button_neutral:hover {
        color: var(--lwc-brandTextLinkActive);
        background-color: var(--background-eff2f4);
        border-color: var(--slds-c-button-neutral-color-border-hover);
    }
}

.slds-scope .slds-file-selector__dropzone.slds-has-drag-over {
    border: 2px dashed var(--hyperlink-027abb) !important
}