nav.navbar { padding-bottom:0px; padding-top:0px; }
nav.navbar.bg-dark { background-color: #1d365e !important; }

nav.navbar .dropdown-menu {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 280px;
}

nav.navbar .nav-link { font-size: 14px; }
nav.navbar .selected { background-color: #08c; }

#clientPortalNav .dropdown.show { background-color: #08c; }

#clientPortalNav .dropdown-item {
    color: white;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size:14px;
    padding-top: .2rem;
    padding-bottom: .2rem;
    text-transform: uppercase;
}

#clientPortalNav .dropdown-item:hover { background-color: #08c; }
#clientPortalNav .dropdown-item:focus { background-color: #08c; }

#clientPortalNav .dropdown-menu {
    background-color: #1d365e;    
    margin: 0;
    border-top: none;
}
#clientPortalNav .dropdown-menu .nav-link { line-height: 15px; }

/*Added to remove the side arrows for the drop down menus */
#clientPortalNav .dropdown-toggle::after { display: none; }

#clientPortalNav .logo {
    height: 38px;
    border: none;
    box-sizing: border-box;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-right: 2px;
}

#clientPortalNav .menu-heading {
    font-size: 1rem;
    padding: 10px 14px;
    box-sizing: border-box;
}

#clientPortalNav .menu-heading:hover {
    text-decoration: none;
    background-color: #08c;
}

#clientPortalNav .nav-link {
    color: white;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding-bottom: 7px;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 9px;
    text-transform: uppercase;
    font-weight: 400;
}

#clientPortalNav .nav-link:hover {
    background-color: #08c;
    text-decoration: none;
    transition: background-color linear 0.2s;
}
.bg-dark{
    background-color: #1d365e !important;
}
.logo {
    height: 38px;
    border: none;
    box-sizing: border-box;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-right: 2px;
}
div.navbar-brand{
    display: block;
}
#clientPortalNav .navbar-nav { line-height: 32px; }
/*#clientPortalNav .navbar-expand-lg { padding-bottom: 0px; padding-top: 0px; }*/

#mobileMenu { text-transform: uppercase; background-color: white; }
#mobileMenu li { background-color: white; z-index: 100; }
#mobileMenu .navbar-nav > .nav-item > .nav-link { padding: 8px 12px; }
#mobileMenu .dropdown-toggle::after { display: none; }
#mobileMenu .dropdown i.fa { float: right; padding: 12px; }
#mobileMenu .dropdown-item { background-color: #F6F6F6; }

@media (max-width: 900px) {
    nav.navbar .dropdown { position: relative; display: inline-block; }

    nav.navbar .dropdown-item {
        padding-left: 0px;
        white-space: normal;
        font-size: 14px;
        border-bottom: 1px solid #efefef;
        background-color: #f8f8f8;
    }
    
    nav.navbar .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    nav.navbar .navbar-nav .nav-link {
        display: block;
        padding: 0.5rem 1rem;
        text-transform: uppercase;
    }

    nav.navbar .nav-item {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #efefef;
    }
    nav.navbar .nav-item:active { background-color: #08c; }

    nav.navbar .selected { background-color: #08c; color: white; }
    nav.navbar .show { display: block; }

    #clientPortalNav .logo {
        position: relative;
        height: 38px;
        margin: 5px 0px;
    }
    #clientPortalNav .navbar-brand { margin: auto; padding-right: 30px; }
    #clientPortalNav .navbar-left { float: left; }
    #clientPortalNav .navbar-toggler { border: none; color: white; padding: 0px; }

    #mobileMenu {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        width: 70%;
        height: calc(100% - 30rem);
        position: absolute;
        background-color: white;
    }
    
    #mobileMenu a { float: left; color: #454545; }
    #mobileMenu .dropdown-content {
        display: none;
        position: relative;
        min-width: 160px;
        z-index: 1;
    }
    #mobileMenu .show { display: block; }
    
    #navbarButtonMobile {
        background-color: #1d365e !important;
        border: none;
        outline: none;
    }

    #navList > li {
        border-bottom: 1px solid #efefef;
        border-right: 1px solid #efefef;
        font-size: 14px;
        font-family: "Roboto",Helvetica,Arial,sans-serif;
    }
}