*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}


a, a:hover{
  text-decoration: none;
}

.upper-navbar{
  display: flex;
  max-height: 63.8833px;
}

.facility-name{
  margin: auto auto auto 0;
  color: #333;
  font-weight: 400;
}

/*
.nav-bar{
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', Helvetica, sans-serif;
}
*/

.logo-img{
  max-width: 250px;
  width:100%;
}

/*
.red-dot{
  color: #fc5c65;
}


.main-navbar{
  display: flex;
  background: #e9e9e9 !important;
}
*/

.user-login{
  margin: auto auto auto 0;
  padding: 15px 20px;
  margin: 0 5px;
  font-size: 18px;
  color: #444;
}

.username{
  color: #468ba3;
}

/*
.links{
  display: flex;
  flex-direction: row;
  margin: auto 0 auto auto;
  list-style-type: none;
  min-height: 52px;
}
*/

.link{
  padding: 15px 20px !important;
  margin: 0 5px !important;
  font-size: 18px !important;
  color: #444 !important;
  transition: color 100ms ease-in-out !important;
  text-decoration: none !important;
}

.link:hover{
  color: #3a8ba8 !important;
}

/*
#sub-navbar{
  display: flex;
  padding: 0px 15px;
  background: none;
  min-height: 12px;
  justify-content: flex-start;
}

.sublinks{
  display: flex;
  list-style-type: none;
  padding: 5px 0;
  margin: 0;
}
*/

.logout{
  color: #fff !important;
  padding: 10px !important;
  border-radius: 20px !important;
  transition: all 100ms ease-out !important;
  font-family: 'Roboto', Helvetica, sans-serif !important;
  font-size: 15px !important;
}

.logout:hover{
  background-color: #e9e9e9 !important;
  color: #444 !important;
}

.page-title{
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

#topTitle{
  display: none;
}

.navbar-bottom-strip{
  height: 30px;
  background-color: #005A7C;
}

.navbar {
  padding:0rem;
  margin-bottom:2rem;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51, 51, 51, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(51, 51, 51);
} 

@media only screen and (max-width: 576px) {
  .facility-name {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .navbar-toggler-right {
    width: 100%;
  }
  
  #bottomTitle{
    display: none;
  }
  
  #topTitle{
    display: block;
  }
  #topTitle h3{
    display: inline;
  }
}