/* navbar */
.navbar-custom {
    background-color:rgba(33,78,81,0.7);
    border-color: #204050;
}
    /* Title */
    .navbar-custom .navbar-brand {
        color: #ccc;
    }

        .navbar-custom .navbar-brand:hover,
        .navbar-custom .navbar-brand:focus {
            color: #ccc;
        }
    /* Link */
    .navbar-custom .navbar-nav > li > a {
        color: #ccc;
        height: 60px;
        padding: 23px 15px 7px 15px
    }

        .navbar-custom .navbar-nav > li > a:hover,
        .navbar-custom .navbar-nav > li > a:focus {
            color: #ccc;
        }

    .navbar-custom .navbar-nav > .active > a,
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus {
        color: #ccc;
        background-color: #204050;
    }

    .navbar-custom .navbar-nav > .open > a,
    .navbar-custom .navbar-nav > .open > a:hover,
    .navbar-custom .navbar-nav > .open > a:focus {
        color: #ccc;
        background-color: #204050;
    }
    /* Caret */
    .navbar-custom .navbar-nav > .dropdown > a .caret {
        border-top-color: #777;
        border-bottom-color: #777;
    }

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

    .navbar-custom .navbar-nav > .open > a .caret,
    .navbar-custom .navbar-nav > .open > a:hover .caret,
    .navbar-custom .navbar-nav > .open > a:focus .caret {
        border-top-color: #555;
        border-bottom-color: #555;
    }
    /* Mobile version */
    .navbar-custom .navbar-toggle {
        border-color: #DDD;
    }

        .navbar-custom .navbar-toggle:hover,
        .navbar-custom .navbar-toggle:focus {
            background-color: #204050;
        }

        .navbar-custom .navbar-toggle .icon-bar {
            background-color: #204050;
        }

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ccc;
    }

        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #999;
        }
}

.navbar-custom ul.nav li a:hover {
    background-color: #7090a0;
}

.navbar-custom ui.dropdown-menu {
    background-color: #214e51;
}