@import url('https://fonts.googleapis.com/css?family=Inter&display=swap');

/* Font for TextBlocks */
div.omniscript-step__body runtime_omnistudio_omniscript-omniscript-text-block,
.omniscript-body omnistudio-omniscript-text-block {
    font-family: "Inter rev=1", sans-serif;
    color: #000000;
}

/* Fixed MultiSelect spacing when text break line */
runtime_omnistudio_omniscript-omniscript-multiselect div.slds-checkbox {
    padding-left: 1.5rem;
    padding-top: 1.25rem; /* Abhi 11/01 - to fix the spacing between checkboxes*/
}




runtime_omnistudio_omniscript-omniscript-multiselect div.slds-checkbox span.slds-checkbox_faux {
    margin-left: -1.5rem;
}

/* Background color for Next button */
div.omniscript-body div.omniscript-button-position button.vlocity-btn.slds-button_brand {
    background-color: #6B42E4;
    border-color: #6B42E4; 
    font-family: "Inter rev=1", sans-serif;
}

div.omniscript-body div.omniscript-button-position button.vlocity-btn {
    border-radius: 30px;
    font-family: "Inter rev=1", sans-serif;
}

.test-class {
    color: red;
    background-size: auto;


}

.slds-textarea{
    background-color: white!important;
    background: white!important;
}


div.omniscript-body button.slds-button_brand {
    background-color: #6B42E4;
    border-color: #6B42E4;
    border-radius: 30px;
    font-family: "Inter rev=1", sans-serif;
}

runtime_omnistudio-flexcard .slds-button_brand {
    background-color: #6B42E4;
    border-color: #6B42E4;
    border-radius: 30px;
    font-family: "Inter rev=1", sans-serif;
}

/* Color for breadcrumbs */
div.slds-progress .slds-progress__list div.slds-progress__item.slds-is-completed button.slds-progress__marker,
div.slds-progress .slds-progress__list div.slds-progress__item.slds-is-completed button.slds-progress__marker_icon-success {
    color: #6B42E4;
}

div.slds-progress .slds-progress__list div.slds-progress__item.slds-is-active button.slds-progress__marker {
    border-color: #6B42E4;
}

div.slds-progress div.slds-progress-bar span.slds-progress-bar__value {
    background-color: #6B42E4;
}

div.slds-progress .slds-progress__list div.slds-progress__item:not(.slds-is-active):not(.slds-is-completed) button.slds-progress__marker:not(.omni-stepchart-button-pristine) {
    background-color: #6B42E4 !important;
}

/* Hide Step title */
runtime_omnistudio_omniscript-omniscript-step h1.slds-page-header__title,
runtime_omnistudio_omniscript-omniscript-step div.vlc-separator,
omnistudio-omniscript-step h1.slds-page-header__title,
omnistudio-omniscript-step div.vlc-separator {
    display: none !important;
}

/* Add margin top and bottom to all input fields */
omnistudio-omniscript-step div.slds-form-element {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}


/* Add space between options in custom select input radio */
div.custom-select-input .slds-radio {
    margin-bottom: 0.5rem;
}

/* Hide images on mobile */
@media (max-width: 48em) {
    .slds-text-block img {
        display: none !important;
    }
}

/* Change the appearance of requirement messaging components */
runtime_omnistudio_omniscript-omniscript-messaging .slds-icon-text-error,
omnistudio-omniscript-messaging .slds-icon-text-error {
    display: none;
}

runtime_omnistudio_omniscript-omniscript-messaging .slds-scoped-notification.slds-scoped-notification--error,
omnistudio-omniscript-messaging .slds-scoped-notification.slds-scoped-notification--error {
    background-color: #FFCD7F !important;
}

/* Remove omniscript border */
.omniscript-container .slds-card,
.omnistudioVlocityLWCWrapper .omniscript-article.slds-card {
    border-width: 0px;
}

/* Remove auto save notification */
runtime_omnistudio_omniscript-omniscript-save-for-later-acknowledge,
omnistudio-omniscript-save-for-later-acknowledge {
    display: none;
}

/* Fix mobile file upload width */
.siteforcePanelsContainer .forceMobileOverlay {
    max-width: 80vw;
    height: 60vh;
    margin: 20vh 10vw;

    border: 2px solid black;
    border-radius: 3px;
}

/* Fix mobile content stretching horizontally */
@media (max-width: 48em) {
    .omni-block_content {
        max-width: 100vw;
        display: contents !important;
    }
}


.omni-stepchart-heading {
    font-family: "Inter rev=1", sans-serif; 
}

.slds-progress__list {
    font-family: "Inter rev=1", sans-serif; 
}

.slds-form-element__legend {
    font-weight: 500;
}

span {
    font-family: "Inter rev=1", sans-serif; 
}