/* Custome CSS Untuk NAVBAR Dengan Tema Biru Laut dengan degradasinya
Modifikasi dari .navbar-inverse.
Warna Biru Terang: #2fa4e7; Warna Biru gelap: #1479B6;

*/
.navbar-biru .navbar-inner {
  background-color: #2fa4e7;
  background-image: linear-gradient(to bottom, #2fa4e7, #1479B6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2fa4e7), to(#1479B6));
  background-image: -webkit-linear-gradient(top, #2fa4e7, #1479B6);
  background-image: -o-linear-gradient(top, #2fa4e7, #1479B6);
  background-image: linear-gradient(to bottom, #2fa4e7, #1479B6);
  background-repeat: repeat-x;
  border-color: #1479B6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2fa4e7', endColorstr='#1479B6', GradientType=0);
}

.navbar-biru .brand,
.navbar-biru .nav > li > a {
  color: #FFFBF0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-biru .brand:hover,
.navbar-biru .nav > li > a:hover,
.navbar-biru .brand:focus,
.navbar-biru .nav > li > a:focus {
  color: #ffffff;
}

.navbar-biru .brand {
  color: #FFFBF0;
}

.navbar-biru .navbar-text {
  color: #FFFBF0;
}

.navbar-biru .nav > li > a:focus,
.navbar-biru .nav > li > a:hover {
  color: #ffffff;
  background-color: #157EBD;}

.navbar-biru .nav .active > a,
.navbar-biru .nav .active > a:hover,
.navbar-biru .nav .active > a:focus {
  color: #ffffff;
  background-color: #1479B6;
}

.navbar-biru .navbar-link {
  color: #ffffff;
}

.navbar-biru .navbar-link:hover,
.navbar-biru .navbar-link:focus {
  color: #157EBD;
 
}

.navbar-biru .divider-vertical {
  border-right-color: #280000;
  border-left-color: #E0E0E0;
  height:40px;margin:0 1px; /* Warna, tinggi dan margin divider vertikal */
}

.navbar-biru .nav li.dropdown.open > .dropdown-toggle,
.navbar-biru .nav li.dropdown.active > .dropdown-toggle,
.navbar-biru .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #1479B6;
}

.navbar-biru .nav li.dropdown > a:hover .caret,
.navbar-biru .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-biru .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #1479B6;
  border-bottom-color: #1479B6;
}

.navbar-biru .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-biru .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-biru .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-biru .navbar-search .search-query {
  color: #060606;
  background-color: #F7F7F7;
  border-color: #1479B6;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-biru .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-biru .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-biru .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-biru .navbar-search .search-query:focus,
.navbar-biru .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-biru .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #7BC5F0;
  background-image: linear-gradient(to bottom, #1479B6, #7BC5F0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1479B6), to(#7BC5F0));
  background-image: -webkit-linear-gradient(top, #1479B6, #7BC5F0);
  background-image: -o-linear-gradient(top, #1479B6, #7BC5F0);
  background-image: linear-gradient(to bottom, #1479B6, #7BC5F0);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1479B6', endColorstr='#7BC5F0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-biru .btn-navbar:hover,
.navbar-biru .btn-navbar:focus,
.navbar-biru .btn-navbar:active,
.navbar-biru .btn-navbar.active,
.navbar-biru .btn-navbar.disabled,
.navbar-biru .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #7BC5F0;;
}

.navbar-biru .btn-navbar:active,
.navbar-biru .btn-navbar.active {
  background-color: #000000 \9;
}


.navbar-biru .nav-collapse .nav > li > a,
  .navbar-biru .nav-collapse .dropdown-menu a {
    color: #ffffff; /* Warna Teks Pada Menu Collapse*/
  }
  .navbar-biru .nav-collapse .nav > li > a:hover,
  .navbar-biru .nav-collapse .nav > li > a:focus,
  .navbar-biru .nav-collapse .dropdown-menu a:hover,
  .navbar-biru .nav-collapse .dropdown-menu a:focus {
    background-color: #1479B6; /* Warna Background Teks Aktif Pada Menu Collapse*/
  }
.navbar-biru .nav-collapse .navbar-form,
  .navbar-biru .nav-collapse .navbar-search {
    border-top-color: #ffffff; /* Warna Garis Batas Search Box Pada Menu Collapse*/
    border-bottom-color: #ffffff;
  }