:root {
    --mdc-text-button-label-text-color: #f7f7f7;
    --mdc-shape-small: 4px;
    --mdc-theme-body: rgb(27, 39, 51);
    --mdc-theme-error: #a20323;
    --cas-theme-primary: #12a4de;
    --cas-theme-button-bg-hover: #1678d8;
    --cas-theme-primary-bg: rgba(21, 62, 80, 0.2);
    --cas-theme-button-bg: #26418f;
    --cas-theme-button-bg-lite: #1e78d0;
    --cas-theme-primary-light: #006d85;
    --cas-theme-secondary: #353d5f;
    --cas-theme-success: #74C163;
    --cas-theme-danger: #a20323;
    --cas-theme-danger-bg: #ffffff;
    --cas-theme-warning: #664d03;
    --cas-theme-warning-bg: #ffffff;
    --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: #2c3e50;
    --navbar-light-primary: #f5f6fa;
    --navbar-light-secondary: #8392a5;
}

#termsOfUse {
    font-size: 14px;
}

#loginErrorsPanel {
    padding-top: 0px;
    padding-bottom: 0px;
}

.language-selector {
    display: flex;
    gap: 8.8px;
    margin-bottom: 1em !important;
}

.language-option {
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}

.language-option:hover {
    background-color: #e0e0e0;
}

.language-option.active {
    background-color: #e7f3ff;
    background-color: #12a4de55;
    font-weight: bold;
}

.language-flag {
    width: 24px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}