.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: white !important;
    font-weight: 800;
    border-radius: unset !important;
    transition: border .3s ease;
}

.mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-flex {}

.mat-form-field-underline {
    display: none !important;
}

.mat-checkbox-layout {
    align-items: start !important;
}

.mat-checkbox-inner-container {
    margin: unset !important;
    margin-top: 0px !important;
    margin-right: 10px !important;
    width: 23px !important;
    height: 23px !important;
    background: white;
    border-radius: 4px;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: transparent !important;
}

.mat-checkbox-checkmark-path {}

.invalid {
    border: none !important;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {}


mat-checkbox {
    margin: unset !important;
}

app-page-block-form-question-checkbox section {
    padding: 0 !important;
}

/* // mat-icon-stepper selected color change  */
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {}

/* //input outline color */
.mat-form-field-appearance-outline .mat-form-field-outline {
    color: var(--wasabi-green) !important;
    background: #fff !important;
    border-radius: 5px !important;
    /* // opacity: 1!important; */
}

/* 
//mat-input focused color */
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: var(--wasabi-green) !important;
}



/* // mat-input error outline color */
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    opacity: 0.8 !important;
}

/* // mat-input carent color */
.mat-input-element,
.mat-form-field .mat-select-value {
    caret-color: var(--wasabi-green) !important;
    color: var(--wasabi-green) !important;
    font-family: Wasabi !important;
    letter-spacing: 0;
}

/* // mat-input error carent color */
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
    caret-color: var(--wasabi-green) !important;
}

/* // mat-label normal state style */
.mat-form-field-label {
    color: var(--wasabi-green) !important;
    font-family: Wasabi !important;
    letter-spacing: 0;
    font-size: 18px;
}

/* // mat-label focused style */
.mat-form-field.mat-focused .mat-form-field-label {
    color: var(--wasabi-green) !important;
    font-family: Wasabi !important;
    letter-spacing: 0;
}

/* // mat-label error style */
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: var(--wasabi-green) !important;
    font-family: Wasabi !important;
    letter-spacing: 0;
}

.footer-short-terms {
    color: white;
    margin-inline: 1em;
    font-size: 3.5vw;
}




/* checkkbox border */
.page .mat-checkbox-frame,
app-preview-entrant .mat-checkbox-frame {
    border-color: var(--reeses-orange);
}

/* astrisk color */
.mat-form-field-required-marker {
    color: var(--wasabi-green);
}

.mat-form-field.mat-focused .mat-form-field-required-marker {
    color: var(--wasabi-green);
}


/* checkbox */
mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element {
    opacity: 0.03 !important;
    background-color: transparent !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: transparent !important
}

/* checkbox tick */
.mat-checkbox-checkmark-path {}


.mat-form-field-subscript-wrapper {
    margin-top: 1.8em;
}

.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
    /* padding: 0 1em; */
    padding: 0 0 !important;
}

.mat-card {
    background-color: var(--wasabi-green) !important;
}

.mat-form-field-wrapper {
    padding-bottom: 0.1em !important;
}

/* form button */
.form-container .form-submit {
    font-size: 1.5em;
    background: var(--wasabi-lime) !important;
    color: var(--wasabi-green);
    border-radius: 404px;
    padding: 10px 60px;
    margin: 40px auto 32px !important;
    font-family: "citrus-gothic", sans-serif;
    font-style: normal;
}

.form-container .form-submit.mat-button-disabled {
    color: #979797b0 !important;
    opacity: .5;
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 0.2em !important;
}

.mat-form-field-infix {
    border-top: 0.2em solid transparent !important;
}