/* span,
h2 {
    color: var(--mid-white);
} */

textarea.mat-input-element {
    padding: 2px 0 !important;
    margin: 5px 0 !important;
    resize: none !important;
}

textarea {
    resize: none;
}

.full-width {
    width: 100%;
}

.mat-button .mat-icon-button,
.mat-stroked-button {
    color: inherit !important;
    background: var(--dark-grey);
    border-radius: 15px;
}

.mat-button {
    color: white !important;
}

.action-button {
    color: var(--mid-white) !important;
}

.mat-input-element {
    caret-color: var(--white) !important;
}
.mat-focused .mat-form-field-label {
    /*change color of label*/
    color: var(--mid-red) !important;
}

.mat-form-field-ripple {
    /*change color of underline when focused*/
    background-color: var(--mid-red) !important;
}
.mat-date-range-input-mirror {
    line-height: 0px;
}

.mat-date-range-input-separator {
    padding-left: 2px !important;
    padding-right: 4px !important;
}
.mat-form-field-flex {
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    /* padding-right: 1em; */
}
.div-label {
    padding: 0 0.75em 0 0.75em;
    height: 30px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding-bottom: 6px;
    width: 100%;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: var(--mid-white) !important;
}
.box-shadow-grey {
    box-shadow: 0px 0px 5px var(--grey) !important;
}

@media (max-width: 500px) {
    .box-shadow-grey {
        box-shadow: 0px 0px 3px var(--grey) !important;
    }
}