:root {
    --mdc-text-button-label-text-color: #f7f7f7;
    --mdc-shape-small: 4px;
    --mdc-theme-body: #f7f7f7;
    --mdc-theme-error: #a20323;
    --cas-theme-primary: #004D44;
    --cas-theme-button-bg-hover: #004D44;
    --cas-theme-primary-bg: #004D44;
    --cas-theme-button-bg: #004D44;
    --cas-theme-button-bg-lite: #a2915c;
    --cas-theme-primary-light: #a2915c;
    --cas-theme-secondary: #018077;
    --cas-theme-success: #74C163;
    --cas-theme-danger: #58151c;
    --cas-theme-danger-bg: #f8d7da;
    --cas-theme-warning: #664d03;
    --cas-theme-warning-bg: #fff3cd;
    --cas-theme-border-light: 1px solid rgba(0, 0, 0, .2);
    --mdc-theme-primary: var(--cas-theme-primary, #153e50);
    --mdc-typography-font-family: "Ubuntu", "Open Sans", Roboto, Arial, sans-serif;

    --navbar-width: 256px;
    --navbar-width-min: 80px;
    --navbar-dark-primary: #18283b;
    --navbar-dark-secondary: white;
    --navbar-light-primary: #004D44;
    --navbar-light-secondary: #004D44;

    /* extra vars */
    --link-text-color: #f7f7f7;
    --link-text-color-hover: #f7f7f7;
}

.mdc-drawer-app-content {
    flex: auto;
    overflow: auto;
    position: relative;
    margin-top: 50px;
}

.mdc-top-app-bar {
    z-index: 7;
    padding: 5px;
    margin-bottom: 5px;
    background-color: var(--navbar-light-primary);
}

/* Fix: floating label hidden behind autofilled input value */
.mdc-text-field--outlined:has(.mdc-text-field__input:-webkit-autofill) .mdc-floating-label,
.mdc-text-field--outlined:has(.mdc-text-field__input:-webkit-autofill:hover) .mdc-floating-label {
    transform: translateY(-37.25px) scale(0.75);
}
.mdc-text-field--outlined:has(.mdc-text-field__input:-webkit-autofill) .mdc-notched-outline__notch {
    border-top: none;
}
/* Fallback: neutralise browser autofill background so label is not obscured */
.mdc-text-field__input:-webkit-autofill,
.mdc-text-field__input:-webkit-autofill:hover,
.mdc-text-field__input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    transition: background-color 5000s ease-in-out 0s;
}

#serviceui{
    display: none;
}