/** Variables*/
@font-face {
    font-family: 'VIC';
    font-style: normal;
    font-weight: bold;    
    src:  url('VICFonts/VIC-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'VIC';
    font-style: normal;
    font-weight: normal;    
    src:  url('VICFonts/VIC-Regular.woff2') format('woff2');
}  

@font-face {
    font-family: 'VIC';
    font-style: normal;
    font-weight: 600;    
    src:  url('VICFonts/VIC-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'VIC';
    font-style: normal;
    font-weight: 300;    
    src:  url('VICFonts/VIC-Medium.woff2') format('woff2');
}


:root{
    /** text input */
    --lwc-fontFamily: 'ViC', sans-serif;
    --lwc-colorTextLabel: #011A3C;
    --lwc-fontSize3: 14px;
    /* --lwc-formLabelFontSize: 14px; */

    /** button */
    --sds-c-button-brand-color-background: #0052C2;
    
    /* --sds-c-button-brand-text-color: #ffffff; */
    /* --sds-c-button-brand-color-background-hover: #9d5b00; */
    
    /* --sds-c-button-brand-text-color-hover: #ffffff;  */
    /** neutral a.k.a  previous button*/
    /* --sds-c-button-neutral-color-background: #fff;
    --sds-c-button-neutral-text-color: #ffffff;
    --sds-c-button-neutral-color-background-hover: #f8dcc2;
    --sds-c-button-neutral-text-color-hover: #ffffff; */

    /** checkbox color*/
    --sds-c-checkbox-color-border: #D8D8D8;
    --sds-c-checkbox-color-border-checked: #0176D3;
    --sds-c-checkbox-color-background-checked: #fff;
    --sds-c-checkbox-mark-color-foreground: #0176D3;
    --sds-c-checkbox-color-border-focus:#D8D8D8;

    /* * radio color */
    --sds-c-radio-color-border: #D8D8D8;
    --sds-c-radio-color-border-checked: #0176D3;
    --sds-c-radio-color-background-checked: #fff;
    --sds-c-radio-mark-color-foreground: #0176D3;
    --sds-c-radio-color-border-focus: #D8D8D8;

    /** textarea*/
    /* --sds-c-textarea-color-border: #3c4a60; */
}

/* OS Styles */
.omniscript-article .omniscript-side-content {
    background-color: #023B89;
    color: white;
    margin-top: 0;
}

.omniscript-article .omniscript-side-content .slds-page-header__title {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: bold;
    padding-top: 1.25rem;
    letter-spacing: -0.1px;
}

.omniscript-article .omniscript-side-content .slds-progress__item_content {
    font-size: 0.875rem;
}

.omniscript-article .omniscript-side-content .slds-progress__item_content:hover {
    cursor: pointer;
}

.omniscript-article .omniscript-side-content .slds-progress__marker_icon-success {
    width: 22px;
    background: #fff;
    margin-left: -2px;
}

.omniscript-body .os-step-label.slds-page-header__title {
    font-weight: bold;
    font-size: 1.5rem;
    color: #011A3C;
    font-family: "VIC-Bold" !important;
}

.slds-form-element {
    margin-bottom: 1rem !important;
}

.slds-scope .slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon-success svg {
    fill: #45C65A;
}

.slds-progress_vertical[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .slds-progress__list[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .omni-vert-stepchart-completed[vlocity_ins-omniscriptStepChart_omniscriptStepChart]:before, .slds-progress_vertical[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .slds-progress__list[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .omni-vert-stepchart-completed[vlocity_ins-omniscriptStepChart_omniscriptStepChart]:after, .slds-progress_vertical[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .slds-progress__list[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .omni-vert-stepchart-active[vlocity_ins-omniscriptStepChart_omniscriptStepChart]:before, .slds-progress_vertical[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .slds-progress__list[vlocity_ins-omniscriptStepChart_omniscriptStepChart] .omni-vert-stepchart-last-completed[vlocity_ins-omniscriptStepChart_omniscriptStepChart]:before {
    background-color: #45C65A !important;
}

.slds-scope .slds-form-element__legend.slds-form-element__label, 
.slds-scope .slds-form-element__label {
    font-weight: normal;
    line-height: 20px;
}

/* Radio */
.slds-form-element .slds-form-element__control[vlocity_ins-radioGroup_radioGroup_slds] div.slds-radio[vlocity_ins-radioGroup_radioGroup_slds] {
    background: #F6F6F9;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin-top: 8px;
    margin-right: 8px;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Checkbox */
.slds-form-element .slds-form-element__control[vlocity_ins-checkboxGroup_checkboxGroup_slds] span.slds-checkbox[vlocity_ins-checkboxGroup_checkboxGroup_slds],
.slds-form-element .slds-form-element__control .slds-checkbox {
    background: #F6F6F9;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin-top: 8px;
    margin-right: 8px;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-right: 1.5rem;
}

.slds-form-element .slds-form-element__control[vlocity_ins-checkboxGroup_checkboxGroup_slds] span.slds-checkbox[vlocity_ins-checkboxGroup_checkboxGroup_slds] {
    padding-left: 2.5rem;
}

.slds-form-element .slds-form-element__control .slds-checkbox {
    padding-left: 1.5rem;
}

/* Input */
.slds-form-element .vlocity-input.slds-input, 
.slds-form-element .slds-input {
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    /* font-size: 14px; */
}

/* Step buttons */
.omniscript-btn-previous .vlocity-btn {
    padding: 6px;
    color: #0052C2;
    border: 1px solid #DDDBDA;
}
.omniscript-btn-next .vlocity-btn, 
.omniscript-btn-next .vlocity-btn:hover {
    padding: 6px;
    background-color: #0052C2;
}

/*Step Title*/
.slds-border_top, .slds-border--top {
    border-top: none;
}

.studentdetailslabel {
    font-family: 'VIC-Bold' !important;
    font-size: 20px;
    line-height: 24px;
    color: #011A3C;
}

.temporary-resident-block .exclamation-icon{
    height: 24px;
    width: 24px;
    border-radius: 50%;
    color: #CA4C21;
    background-color: white;
    text-align: center;
    font-weight: bold;
}

.temporary-resident-block{
    background-color: #CA4C21;
    color: white;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    border-radius: 4px;
}

.temporary-resident-block a, .temporary-resident-block a:hover{
    color: white !important;
}


.slds-accordion__list-item {
    border: solid 1px #D8D8D8 !important;
}

/*hide the border for block content in student details omniscript*/
vlocity_ins-omniscript-step[data-omni-key='StepStudentDetails'] .omniscript-step__body vlocity_ins-omniscript-block ul.slds-accordion li{
    border: none !important;
}
vlocity_ins-omniscript-step[data-omni-key='StepStudentDetails'] .omniscript-step__body vlocity_ins-omniscript-block li section,
vlocity_ins-omniscript-step[data-omni-key='StepStudentDetails'] .omniscript-step__body vlocity_ins-omniscript-block li section .slds-accordion__content.omni-block_content,
vlocity_ins-omniscript-step[data-omni-key='StepStudentDetails'] .omniscript-step__body vlocity_ins-omniscript-block li section .slds-accordion__content.omni-block_content slot .slds-show_inline-block{
        padding: 0;
}

.omniscript-sfl-actions[c-vCApplication_FormEnglish_vCApplication_FormEnglish] > div[c-vCApplication_FormEnglish_vCApplication_FormEnglish] {
    padding: 0 !important;
}

vlocity_ins-button.omniscript-btn-save-for-later > button {
    padding: 6px;
    color: #0052C2;
    border: 1px solid #DDDBDA;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 0.8125rem;
}

label.slds-form-element__label[vlocity_ins-combobox_combobox_slds], label.slds-form-element__label[vlocity_ins-typeahead_typeahead_slds],
label.slds-form-element__label[vlocity_ins-datepicker_datepicker_slds], label.slds-form-element__label[vlocity_ins-textarea_textarea_slds],
label.slds-form-element__label[vlocity_ins-input_input_slds], label.slds-form-element__label[vlocity_ins-maskedInput_maskedInput_slds] {
    white-space: normal !important;
}

label.slds-form-element__label{
    font-weight: bold !important;
}

.omni-read-only div.slds-form-element div.slds-form-element__control {
    background-color : rgb(255,255,255);
}

vlocity_ins-omniscript-save-for-later-acknowledge > .slds-text-body_small {
    display: none;
}

vlocity_ins-omniscript-step[data-omni-key='StepStudentDetails'] .omniscript-step__body vlocity_ins-omniscript-block .slds-accordion__summary{
        padding-top: 0;
}

/* Start NGSA-1126 added by Adrian Recio*/
section>div>div>button>h3[role="status"]{
    font-size:15px !important;
}
/* End NGSA-1126 added by Adrian Recio*/

vlocity_ins-omniscript-ip-action button[label="Save"].vlocity-btn.slds-button {
    position: absolute;
    top: 20px;
    padding: 6px;
    }
    vlocity_ins-omniscript-radio .slds-radio .slds-radio__label {
        display: block;
    }

        /*ngsa-1577 AC 2. - Dropdown arrows*/
    c-icon {
        padding-left: 0.2em !important;
        filter: brightness(0) saturate(100%) invert(35%) sepia(93%) saturate(4836%) hue-rotate(192deg) brightness(95%) contrast(101%);
    }

    vlocity_ins-omniscript-multiselect .slds-checkbox .slds-checkbox__label {
        display: block;
    }
    
    /*NGSA-2207 - bold text*/
    vlocity_ins-omniscript-block[data-omni-key='StudentDetailsBlock'] .field-label,
    vlocity_ins-omniscript-block[data-omni-key='StudentDetailsBlockRO'] .field-label,
    vlocity_ins-omniscript-block[data-omni-key='AddressDetailsBlock']  .field-label,
    vlocity_ins-omniscript-block[data-omni-key='FamilyDetailsBlock']  .field-label,
    vlocity_ins-omniscript-block[data-omni-key='SchoolDetailsBlock']  .field-label{
        font-family: 'VIC';
        font-size: 14px;
        /* height:40px; */
        font-weight:bold;
        align-items: left;
        text-align: left;
        /* Text Dark */
        color: #011A3C;
    }
    
    vlocity_ins-omniscript-block[data-omni-key='StudentDetailsBlock'] .field-value,
    vlocity_ins-omniscript-block[data-omni-key='StudentDetailsBlockRO'] .field-label,
    vlocity_ins-omniscript-block[data-omni-key='AddressDetailsBlock']  .field-label,
    vlocity_ins-omniscript-block[data-omni-key='FamilyDetailsBlock']  .field-label,
    vlocity_ins-omniscript-block[data-omni-key='SchoolDetailsBlock']  .field-label{
        font-family: VIC;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */

        align-items: center;

        /* Text Dark */

        color: #011A3C;
    }


@media only screen and (max-width: 600px) {
    vlocity_ins-omniscript-ip-action button[label="Save"].vlocity-btn.slds-button {
        position: static;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    div.omniscript-sfl-actions {
        border: 1px solid #DDDBDA;
    }

    vlocity_ins-button.omniscript-btn-save-for-later > button {
        border: none !important;
    }
  
}