/*--- navbars ---*/
.navbar {
    padding: .625rem 1rem;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

.navbar-brand {
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: .75rem;
    margin-left: .75rem;
}

.navbar-brand img {
    width: auto;
    max-height: 36px; /** was 30px */
}

.navbar-light .navbar-nav .nav-link {
    color: #111111;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
    color: #3f50b5;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link:hover {
    color: #3f50b5;
}

.dropdown-menu {
    margin: 0;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #3f50b5;
}

.navbar-toggler {
    border: none !important;
    padding: .25rem 0;
}

.navbar-toggler-right {
    right: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("../images/menu.png");
    width: 32px;
    height: 32px;
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("../images/menu-inverse.png");
    width: 32px;
    height: 32px;
}

.navbar-collapse {
    text-align: center;
}

.navbar-light .form-control {
    border: 2px solid white;
}

nav .btn-sm {
    line-height: 1.5;
}

nav .btn-xs {
    line-height: 2.3;
}

.nav-icon {
    height: auto;
}

.nav-icon i {
    font-size: 18px;
}

.nav-icon .md-icon {
    line-height: 40px;
    width: auto;
    height: auto;
}

/* navbar-inverse */
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
    color: white;
}

.navbar-inverse .navbar-nav .nav-link {
    color: #cccccc;
}

.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
    color: white;
}

.navbar-inverse .navbar-nav .nav-link:hover, .navbar-inverse .navbar-nav .active > .nav-link:hover, .navbar-inverse .navbar-nav .nav-link.active:hover, .navbar-inverse .navbar-nav .nav-link.open:hover, .navbar-inverse .navbar-nav .open > .nav-link:hover {
    color: white;
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: white;
}

/* end of navbar-inverse */
/*--- end of navbars ---*/

.nav-item > .nav-link:hover {
    font-weight: 200;
}

.nav-item.active {
    border-bottom-style: solid;
    border-bottom-color: #3f50b5;
}

.nav-item > .nav-link {
    font-weight: 200;
}