:root {
  --cas-theme-primary: #00345f;
  --cas-theme-primary-light: #257bb2;
  --mdc-typography-font-family: 'ApexNew-Book', Verdana, Arial;
}

body {
  background: var(--cas-body-background) no-repeat fixed;
  background-size: cover;
  font-family: var(--mdc-typography-font-family);
  font-size: 15px;
}

.main-content-500 {
  max-width: 500px;
}

#login-form-controls h2.text-center {
  margin-bottom: 4px;
}

section#usernameSection {
  margin-top: 15px !important;
}

#login-form-controls h2.text-center span#instruction-content {
  text-align: left;
  display: block;
  font-weight: normal;
  font-size: 13px;
}

i.mdi.mdi-login.fas.fa-shield-alt {
  display: none;
}

#app-bar {
  display: none;
}

#upjv-app-bar {
  background-color: var(--cas-theme-primary);
  color: white;
  padding: 10px 40px;
  text-align: center;
  font-size: 15px;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}

#cas-logo {
  margin: 0px 5px 0px 0px;
}

.mdc-elevation--z4 {
  box-shadow: none;
}

.mdc-top-app-bar__row {
  height: max-content;
}

#serviceui.banner {
  display: none;
}

#submitBtn,
#submitCode {
  width: 100%;
  display: block;
}

div.alert.alert-info {
  margin: -25px 0px;
}

div#weak-password-message, div#error-message {
  font-size: large;
  color: red;
}

@media (max-width: 599px) {
  .mdc-top-app-bar--fixed-adjust {
    padding-top: 70px;
  }
}

@media (max-width: 450px) {
  .mdc-top-app-bar--fixed-adjust {
    padding-top: 90px;
  }
}