#navbar {
  background-image: -webkit-linear-gradient(top, #e4e4e4 0%, #d7e6e8 100%) !important;
  background-image:      -o-linear-gradient(top, #e4e4e4 0%, #d7e6e8 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#d7e6e8)) !important;
  background-image:         linear-gradient(to bottom, #e4e4e4 0%, #d7e6e8 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border: none;
  padding: 5pt 0;
}

a:visited {
  color: #562d7d;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a{
  color: #777777;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{
  background-image: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
  color: #4c4c4c;
}
.navbar-inverse .navbar-nav > li:hover,
.navbar-inverse .navbar-nav > li:focus{
  background-color: rgba(255, 255, 255, 0.2);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #222222;
}
.logo-img{
  max-height: 100%;
  min-height: 30pt;
}
.navbar-brand-wrapper{
  display: flex;
  justify-content: space-around;
  column-gap: 40pt;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
  margin-left: 0pt;
}
.navbar-brand{
  padding: 6pt;
  display: flex;
}
.navbar-inverse .navbar-toggle, .navbar-inverse .sidebar-toggler{
  border: none;
}
.navbar-inverse .navbar-brand:hover{
  background-color: rgba(255, 255, 255, 0.2);
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .sidebar-toggler:hover,
.navbar-inverse .sidebar-toggler:focus,
.navbar-inverse .navbar-toggle:focus,
.navbar-brand-wrapper > a:hover{
  background-color: rgba(255, 255, 255, 0.2);
}
.navbar-inverse.navbar-fixed-top.on .navbar-toggle:hover,
.navbar-inverse.navbar-fixed-top.on .navbar-toggle:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
}

.navbar-inverse .navbar-nav > .active > a{
  background-image: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  color: black;
}

.navbar-inverse.navbar-fixed-top.on .navbar-toggle:hover > .icon-bar,
.navbar-inverse.navbar-fixed-top.on .navbar-toggle:focus > .icon-bar{
  background-color: #4c4c4c;
}

.navbar-inverse .sidebar-toggler{
  color: #4c4c4c;
}

.navbar-inverse .navbar-toggle .icon-bar{
  background-color: #4c4c4c;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover{
  color: #afafaf;
}

#footer{
  background-color: rgba(223, 236, 237, 0.667);
}

.alert-info, .alert-danger{
  background-image: unset;
  filter: unset;
  border: none;
}

.alert-danger{
    color: rgb(105, 0, 0);
}

.alert-info {
  background-color: rgba(0, 147, 221, 0.77);
  color: #444;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  margin-top: 2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #d7e5e7;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 1px 5px rgba(11, 11, 11, 0.3);
  border: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background-color: rgba(255, 255, 255, 0.5);
  background-image: unset;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1200px){
  .navbar-brand-wrapper{
    display: flex;
    justify-content: start;
    column-gap: 20pt;
  }
}

@media screen and (min-width:768px) and (max-width: 1200px){
  .navbar > .container{
    width: unset;
  }
  .navbar-brand{
    column-gap: 20pt;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand{
    margin-left: 0;
  }
}

@media screen and (max-width: 768px){
  #navbar{
    width: 100%;
  }
  #content{
    margin-top: 30pt;
  }
}

@media screen and (max-width: 640px){
  .navbar-inverse .sidebar-toggler,
  .navbar-inverse .sidebar-toggler:focus,
  .navbar-inverse .navbar-toggle,
  .navbar-inverse .navbar-toggle:focus{
    background-color: unset;
  }

  .navbar-brand{
    column-gap: 0pt;
  }

  .navbar-fixed-top.on .navbar-brand-wrapper {
    display: flex;
  }
}