:root {
    --mdc-text-button-label-text-color: #f7f7f7;
    --mdc-shape-small: 0.125rem;
    --mdc-theme-body: #f7f7f7;
    --mdc-theme-error: #a20323;
    --cas-theme-primary: #3d535d;
    --cas-theme-button-bg-hover: #526e7b;
    --cas-theme-primary-bg: #3d535d;
    --cas-theme-button-bg: #3d535d;
    --cas-theme-button-bg-lite: #a2915c;
    --cas-theme-primary-light: #23527c;
    --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: #fff;
    --navbar-light-primary: #fff;
    --navbar-light-secondary:#fff;

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

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 700px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 700px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 700px;
    }
}

.banner {
    border-radius: .125em;
}

.cas-brand:first-of-type {
  height: 60px;
  width: auto;
}

img#cas-logo {
    height: 60px;
    width: auto;
}

.cas-brand:nth-of-type(2) {
  height: 30px;
  width: auto;
  padding-left: 2em;
}

img#cas-extra-logo {
    height: 30px;
    width: auto;
}

.btn-home {
    background-color: #dddddd;
    text-transform: none;
    color: #000 !important;
    font-weight: 300;
    border-radius: 0.25em;
}

.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);
}

#submitBtn {
    width: 100%;
    font-size: 1.5rem;
    padding: 1.75rem;
    border-radius: 0.125rem;
}

.mdc-button--raised:not(:disabled, .reveal-password):hover {
    transform: none;
}

.mdc-top-app-bar__row {
    height: 90px;
}

.cas-footer {
    background-color: var(--mdc-theme-body);
    color: var(--mdc-theme-primary);
}