/*Bootstrap custom */
.navbar-collapse {
  text-align:center;
  }
.navbar-nav {
    display:inline-block;
    float:none;
    font-size:18px;
  }
  
.dropdown-menu {
    font-size: 18px;
}
  
.nav > li > a {
    padding: 5px 13px;
}

.navbar {
    border: 0;
    min-height: 30px;
    height: 30px;
    margin-bottom: 0;
}

.navbar-default {
  background-color: #011b4a;
  border-color: #57a639;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #011b4a;
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav > .active > a:before,
.navbar-default .navbar-nav > .active > a:hover:before,
.navbar-default .navbar-nav > .active > a:focus:before,
.navbar-default .navbar-nav > .open > a:before,
.navbar-default .navbar-nav > .open > a:hover:before,
.navbar-default .navbar-nav > .open > a:focus:before {
    content:'';
    position:absolute;
    width:100%;
    height:4px;   
    background: -moz-linear-gradient(1deg, rgba(1,27,74,1) 0%, rgba(87,166,57,1) 50%, rgba(1,27,74,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(1,27,74,1)), color-stop(50%, rgba(87,166,57,1)), color-stop(100%, rgba(1,27,74,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(1deg, rgba(1,27,74,1) 0%, rgba(87,166,57,1) 50%, rgba(1,27,74,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(1deg, rgba(1,27,74,1) 0%, rgba(87,166,57,1) 50%, rgba(1,27,74,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(1deg, rgba(1,27,74,1) 0%, rgba(87,166,57,1) 50%, rgba(1,27,74,1) 100%); /* ie10+ */
    background: linear-gradient(89deg, rgba(1,27,74,1) 0%, rgba(87,166,57,1) 50%, rgba(1,27,74,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011b4a', endColorstr='#011b4a',GradientType=1 ); /* ie6-9 */

    top:0px;
    left:0;
}

.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav > .active > a:after,
.navbar-default .navbar-nav > .active > a:hover:after,
.navbar-default .navbar-nav > .active > a:focus:after,
.navbar-default .navbar-nav > .open > a:after,
.navbar-default .navbar-nav > .open > a:hover:after,
.navbar-default .navbar-nav > .open > a:focus:after {
    content:'';
    position:absolute;
    width:100%;
    height:4px;   
    background: -moz-linear-gradient(1deg, #011b4a 0%, #57a639 50%, #011b4a 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #011b4a), color-stop(50%, #57a639), color-stop(100%, #011b4a)); /* safari4+,chrome */
    background: -webkit-linear-gradient(1deg, #011b4a 0%, #57a639 50%, #011b4a 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(1deg, #011b4a 0%, #57a639 50%, #011b4a 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(1deg, #011b4a 0%, #57a639 50%, #011b4a 100%); /* ie10+ */
    background: linear-gradient(89deg, #011b4a 0%, #57a639 50%, #011b4a 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011b4a', endColorstr='#011b4a',GradientType=1 ); /* ie6-9 */


    bottom:0px;
    left:0;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #011b4a;
}
.navbar-default .navbar-toggle {
  border-color: #57a639;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #57a639;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

.dropdown-menu {
    background-color: #011b4a;
}

.dropdown-menu > li > a {
    color: #ffffff;
}


@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #57a639;
  }
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
    .nav > li > a {
        padding: 5px 23px;
    }
    
    .navbar-brand {display:none}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    .nav > li > a {
        padding: 5px 13px;
    }
    .navbar-brand {display:none}
    .navbar-nav, .dropdown-menu { font-size:17px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        padding: 5px 7px;
    }
    .navbar-nav, .dropdown-menu { font-size:14px; }
    .navbar-brand {display:none}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #011b4a;
    }
    
    .navbar-brand {display: block; float: none; font-size: 82%; padding-top: 6px; overflow:hidden;}
    .titlecontainer {display:none !important;}
    .navbar-header {margin-bottom:-15px;}
    .navbar {height: auto;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

/*---------*/

/* NAV-PILLS */
.navpillcontainer {
    margin-bottom:30px;
}

.nav-pills > li {
    line-height: 1.65;
}

.nav-pills > li > a {
	background-color: #fff;
    border-radius: 0;
    border: solid 1px #57a639;
    color: #57a639;
    text-align: center;
}
/*hover*/
.nav-pills > li > a:hover {
	background-color: #57a639;
    color: #fff;
    border: solid 1px #57a639;
}
/*selected*/
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #57a639;
    color: #fff;
    font-weight: bold;
}