.navbar-inverse {
  border: none;
  background-color: rgba(10, 10, 200, 0.75);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(15%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  border: none;
  color: white;
  background-color: transparent;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li {
  margin: 5px;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: white;
  box-shadow: none;
  background: none;
  background-image: none;
}
.navbar-inverse .container > .active > a.navbar-brand,
.navbar-inverse .navbar-nav > .active > a {
  box-shadow: none;
  background-image: unset;
  border-radius: 25px;
  /*-moz-box-shadow: 2px 2px 2px royalblue;
    -webkit-box-shadow: 2px 2px 2px royalblue;
    box-shadow: 2px 2px 2px royalblue;*/
  /*-moz-box-shadow: inset 1px 1px 1px royalblue;
    -webkit-box-shadow: inset 1px 1px 1px royalblue;
    box-shadow: inset 1px 1px 1px royalblue;*/
  background-color: rgba(10, 10, 225, 0.75);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(15%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  box-shadow: none;
  background-image: unset;
  border-radius: 25px;
  /*-moz-box-shadow: 1px 1px 1px royalblue;
    -webkit-box-shadow: 1px 1px 1px royalblue;
    box-shadow: 1px 1px 1px royalblue;*/
  /*-moz-box-shadow: 2px 2px 2px royalblue;
    -webkit-box-shadow: 2px 2px 2px royalblue;
    box-shadow: 2px 2px 2px royalblue;*/
  background-color: rgba(10, 10, 175, 0.75);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(15%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}