/*
  This CSS file is meant to be customized by deployments
  and is intentionally left empty. Any style that is added
  here should override the default styles in the application.
 */

:root {
  --cas-theme-primary: #19244D;
  --mdc-theme-body: #19244D26;

}

html{
  line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* header */
.mdc-top-app-bar__section--align-start{
  order: 3;
}
.mdc-top-app-bar--fixed-adjust{
  padding-top: 96px;
}
.mdc-top-app-bar__row{
  height: 104px;
}
.cas-brand{
  height: 88px;
}
.cas-brand..mx-auto{
  margin-right: unset;
  margin-left: unset;
}
.mdc-top-app-bar__section{
  order: -2;
}
.mdc-top-app-bar__section{
  flex-grow: 0 !important;
}
nav .container-fluid.justify-content-between{
  justify-content: flex-start !important;
}

/* main */
div#content,
.close,
.banner,
.mdc-card,
.mdc-button--outline:not(:disabled, .reveal-password),
.mdc-button--raised:not(:disabled, .reveal-password),
.mdc-button--raised:not(:disabled, .reveal-password):hover,
.mdc-elevation--z4,
--mdc-elevation-box-shadow-for-gss{
  box-shadow: none;
  text-shadow: none;
}
.mdc-card{
  border:1px solid rgba(0, 0, 0, 0.125);
  border:1px solid var(--cas-theme-primary);
}
div#content{
  max-width: 70vw;
}
#main-content{
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items:flex-start;
  max-width: 700px;
}
div#login-form-controls h2{
  margin-bottom: 1.5rem;
}
div#login-form-controls i.fa-shield-alt{
  display: grid;
  margin-bottom: 1rem;
}
div#login-form-controls i.fa-shield-alt::before{
  content:"\F033E";
  color: white;
  font-size: 40px;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  background-color: var(--cas-theme-primary);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
}
div#login-form-controls button.mdc-button i.fa-shield-alt{
  display: none;
}
.mdc-button--raised:not(:disabled){
  filter: unset;
  background-color: var(--cas-theme-primary);
}
.mdc-button--raised:not(:disabled, .reveal-password){
  border-radius: 4px;
  font-weight: bold;
}
.mdc-button--raised:not(:disabled, .reveal-password):hover {
  background-color: #464f70;
  transform: none;
}
.mdc-button--raised{
  transition: unset;
  font-weight: normal;
  font-size: 1em;
  width: 100%;
}
.login-section{
  padding:1.5rem;
}
hr.my-4{
  display: none;
}
div#pmlinks{
  text-align: center;
  margin: 1.5rem 0 !important;
}
span.mdi-account-question{
  vertical-align: middle;
}
span.mdi-account-question::before{
  font-size: 24px;
  display: none;
}
div#sidebar div.sidebar-content p{
  margin: 0;
}
.mdc-text-field{
  border-radius: 4px !important;
}
.mdc-input-group .mdc-input-group-append {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mdc-floating-label--required::after {
    margin-left: 1px;
    margin-right: 0px;
    content: "";
}

/* footer */
.cas-footer{
 background:unset;
}
.cas-footer, .cas-footer a {
 color:#212529;
}

/* responsive */
@media screen and (max-width: 600px){
  #main-content{
    padding-right: 24px;
    padding-left: 24px;
  }
  div#content{
    max-width: unset;
  }
  .cas-footer{
    display: block !important;
    text-align: center;
  }
}
