/*
  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.
 */
 
 body 
 {
   background: #3B0D6A;
 }
 
 .mdc-top-app-bar, .cas-footer 
 {
   background-color: #639;
 }

 .cas-footer a{
  color:white;
 }
 
 .mdc-button--raised:not(:disabled, .reveal-password)
 {
   background-color: #3B0D6A;
   filter: drop-shadow(2px 2px 4px #280948);
 }
 
 .mdc-button--raised:not(:disabled, .reveal-password):hover
 {
   background-color: #639;
 }
 
 .mdc-button--unelevated:not(:disabled)
 {
   background-color: #3B0D6A;
 }

 #main_content {
  display:flex;
  gap:2vw;
  flex-wrap:wrap;
 }

div.form-wrapper {
  flex: 1 1 55%;
  min-width:300px;
}

div#right_column {
  flex: 1 1 35%;
  background:#f5f5f5;
  padding:1rem;
  border-radius:5px;
  min-width:250px;
  border:1px solid #ccc;
}

p.side_buttons {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #FFF;
}

p.side_buttons a {
  padding: 1rem;
  color: #639 !important;
}

p.side_buttons a:hover {
  color:#000 !important;
}

p.side_buttons a:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

p.bigtext {
  font-size: 1.2rem;
  line-height: 150%;
}

.banner-info {
  background-color: #FC0;
}

#loginForm #serviceui {
    display: none;
}

#fm3 #selectDeviceButton{
  display:none;
}