/*
  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 {
    --mdc-text-button-label-text-color: #f7f7f7;
    --mdc-shape-small: 4px;
    --mdc-theme-body: rgb(0, 0, 0);
    --mdc-theme-error: #a20323;
    --cas-theme-primary:rgb(233, 72, 69);
    --cas-theme-button-bg-hover: rgb(250, 103, 100);
    --cas-theme-primary-bg: rgba(0, 0, 0, 0.2);
    --cas-theme-button-bg: rgb(233,72,69);
    --cas-theme-button-bg-lite: rgb(250, 103, 100);
    --cas-theme-primary-light: #006d85;
    --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: #2c3e50;
    --navbar-light-primary: #f5f6fa;
    --navbar-light-secondary: #8392a5;
}

.ujm-logo-container{
    height: 10rem;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1rem;
}
.ujm-logo-container img{
  height: 100%;
  width: auto;
  margin: auto;
  object-fit: contain;
  transition: 0.3s all ease-in-out;
  background-color: rgba(0, 0, 0, 0.20);
}
.footer-text a {
  text-align: center !important;
  color: white !important;
  text-decoration : underline;
  font-size : large;

}
body {
  background: 
    linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent),
    url('/esup-cas/images/ujm_pic-deb78df1e143f17269e9c7fab216084e.jpg') center center no-repeat fixed; 
  background-size: cover;
}
#serviceui{
	background-color: white !important;
}
.vpn-message{
	font-size : large;
	text-decoration : underline;
}

#transportStatus{
  height: 6rem;
  background-color: white;
  text-align: center;
  padding : 1rem;
  transition: 0.3s all ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.bgInputWhite{
	background-color: white;
}

@media (max-width: 750px) {
  #transportStatus {
    height: 9rem;
  }
}

@media (max-width 650px ){
 #transportStus {
   height:9.5rem;
 }
}

@media (max-width: 500px) {
  #transportStatus {
    height: 10rem;
  }
}

@media (max-width: 400px) {
  #transportStatus {
    height: 11rem;
  }
}
@media (max-width: 350px) {
  #transportStatus {
    height: 12rem;
  }