.navbar {
    margin-bottom: 0px;
    z-index: 9000000;
    box-shadow: 0 0px 20px 8px rgba(0,0,0,0.8);
}

    .navbar.disabled {
        cursor: not-allowed;
    }

        .navbar.disabled > .container-fluid {
            pointer-events: none;
        }

/* overrides bootstrap max-height of 340px */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 450px !important;
}

.navbar-inverse .dropdown-menu
/*.navbar-inverse .navbar-nav > li > .dropdown-menu*/ {
    border-radius: 0 !important;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}

.navbar-inverse .dropdown-menu .dropdown li a {
    font-size: 14px !important;
}

.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .dropdown,
.navbar-inverse .dropdown-menu,
.navbar-inverse {
    font-size: 14px;
    /* cow blue */
    background-color: #367cfe;
    background: -webkit-gradient(linear,left top,left bottom,from(#367cfe),to(#015dff));
    background: -webkit-linear-gradient(to top,#367cfe,#015dff);
    background: -moz-linear-gradient(to top,#367cfe,#015dff);
    background: -ms-linear-gradient(to top,#367cfe,#015dff);
    background: -o-linear-gradient(to top,#367cfe,#015dff);
    background: linear-gradient(to top,#367cfe,#015dff);
}

    /* make the text of the navbar default white */
    .navbar-inverse a {
        color: #ffffff !important;
    }

    /* collapse button */
    .navbar-inverse .navbar-toggle {
        border-radius: 0px !important;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    /* cow green */
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .dropdown .dropdown-menu li a:hover,
    .navbar-inverse .navbar-nav > li > a:hover
    /*.navbar-inverse .navbar-nav > li:hover,
            .navbar-inverse .navbar-nav > li > a:hover */ {
        color: #000000 !important;
        background-color: #bfe096;
        background: -webkit-gradient(linear,left top,left bottom,from(#bfe096),to(#9fd163));
        background: -webkit-linear-gradient(to top,#bfe096,#9fd163);
        background: -moz-linear-gradient(to top,#bfe096,#9fd163);
        background: -ms-linear-gradient(to top,#bfe096,#9fd163);
        background: -o-linear-gradient(to top,#bfe096,#9fd163);
        background: linear-gradient(to top,#bfe096,#9fd163);
    }

/*
.dropdown-menu > li {
    border-top: 1px solid #003eff;
}

.dropdown-menu > li > a {
    padding: 10px 20px;
}

.dropdown-menu {
    padding-top: 0px;
    padding-bottom: 1px;
}
*/

.navbar .dropdown-menu > li {
    border-top: 1px solid #003eff;
}

    .navbar .dropdown-menu > li > a {
        padding: 10px 20px;
    }

.navbar .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 1px;
}


@media all and (min-width:768px) {
    /*-- fixes header height issue in MS Edge --*/
    .navbar-header {
        /*--float: left; --*/
        height: 50px;
    }
}

/* logic for height issue on smaller screens, allows the dropdown-menu to scroll */
@media screen and (max-width: 768px) {
    .navbar-right .dropdown-menu {
        /*right: 0;*/
        left: 0;
    }

    .navbar-header a {
        font-size: 16px !important;
    }
    /* fixes navbar height issue on small screens */
    .navbar-brand {
        font-size: 14px !important;
    }

    .scrollable-menu {
        height: auto;
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

/*#region application loader navbar */

.application-loader-navbar-container {
    display: inline-block;
    color: #FFFFFF;
    /* line-height: 100px; */
    width: 16px;
    height: 100%;
    /* visibility: visible; */
    /*background-color: red;*/
    padding-top: 17px;
}

.application-loader-navbar {
    width: 16px;
    height: 16px;
    /* background-color: yellow; */
    border-radius: 50%;
    border: 3px solid white;
    border-top: 4px solid #1a6cff;
    border-top-width: 3px;
    border-top-style: solid;
}

.application-loader-navbar-animate-start {
    animation: application_loader_navbar_rotate .9s linear infinite;
    -webkit-animation: application_loader_navbar_rotate .9s linear infinite;
    visibility: visible;
}

.application-loader-navbar-animate-stop {
    animation: none;
    -webkit-animation: none;
    visibility: hidden;
}

@keyframes application_loader_navbar_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*#endregion */