.navigation-clean {
  background:#ffffff;
  padding-top:.75rem;
  padding-bottom:.75rem;
  color:#333;
  border-radius:0;
  box-shadow:none;
  border:none;
  margin-bottom:0;
  font-size:14px;
}

.navbar-background {
  background:  #0a4595;
}

.navbar-background-bravvo{
  background: #027125;
}

@media (min-width:768px) {
  .navigation-clean {
    padding-top:1rem;
    padding-bottom:1rem;
  }
}

.navigation-clean .navbar-brand {
  font-weight:800;
  color:#005bab;
  padding: 0;
  font-size: 25px;
}

.navigation-clean .navbar-brand:hover {
  color:#007bff;
}

.navigation-clean .navbar-toggler {
  border-color:#a29b9b;
  font-size: 15px;
  padding: 5px 10px;
}

.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus {
  background:none;
}

.navigation-clean .navbar-toggler {
  color:#888;
}

.navigation-clean .navbar-collapse, .navigation-clean .form-inline {
  border-top-color:#ddd;
}

.navigation-clean.navbar-dark .navbar-nav .nav-link.active, .navigation-clean.navbar-dark .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-dark .navbar-nav .nav-link.active:hover {
  color:white;
  box-shadow:none;
  background:none;
  pointer-events:none;
}

.navigation-clean.navbar .navbar-nav .nav-link {
  padding-left:18px;
  padding-right:18px;
}

.navigation-clean.navbar-dark .navbar-nav .nav-link {
  color:white;
}

.navigation-clean.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean.navbar-dark .navbar-nav .nav-link:hover {
  color:white;
  background-color:transparent;
}

.navigation-clean .navbar-nav > li > .dropdown-menu {
  margin-top:-5px;
  box-shadow:none;
  background-color:#fff;
  border-radius:2px;
  box-shadow:0 7px 14px rgba(0,0,0,0.12), 0 10px 10px rgba(0,0,0,0.11);
  font-size:14px;
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item {
  line-height:2;
  color:#37434d;
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
  background:#eee;
  color:inherit;
}

.nav.navbar-nav {
  font-weight: 600;
  font-size: 15px;
}

.container-fluid-width{
  max-width: 1000px;
}

.container-fluid-width-1600{
  max-width: 1600px;
  margin-bottom: 90px;
}

.navbar-footer {
  color:white;
  font-weight: bold;
}

.sidebar-wrapper{
  padding-top: 20px;
  display: flex;
  width: 100%;
  align-items: stretch;
}

#sidebar {
  position: fixed;
  background: #333;
  color: #fff;
  top:0;
  bottom:0;
  height:100%;
  left:0;
  width:50px;
  overflow:hidden;
  -webkit-transition:width .05s linear;
  transition:width .05s linear;
  -webkit-transform:translateZ(0) scale(1,1);
  z-index:1000;
}

#sidebar:hover{
  width:350px;
  overflow:visible;
  overflow-y:scroll;
}

#sidebar.active {
  margin-left: -250px;
}

a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px;
  }
  #sidebar.active {
    margin-left: 0;
  }
}

#sidebar .sidebar-header {
  padding: 20px;
  background: #6d7fcc;
}

#sidebar ul.components {
  position:relative;
  display:block;
  width:350px;
  padding: 20px 0;
  border-bottom: 1px solid rgb(51, 51, 51);
}

#sidebar ul p {
  color: #fff;
  padding: 10px;
}

#sidebar ul li a span {
  padding-right: 22px;
}

#sidebar ul li a i {
  padding-right: 22px;
}

#sidebar ul li a {
  color: #fff;
  padding: 13px;
  font-size: 1.2em;
  display: block;
}
#sidebar ul li a:hover {
  color: cornflowerblue;
  background: #333;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
  color: #fff;
  background: #333;
}
ul ul a {
  font-size: 1.1em !important;
  padding-left: 30px !important;
  background: #333;
}