.navbar.navbar-default {
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    border: none;
    padding: 0 15px;
    overflow-y: auto;
    max-height: 100vh;
}

.navbar-header {
    width: 100%;
}

.nav a {
    font-size: 14px;
    position: relative;
}

nav a .new {
    animation: red-pulse .7s ease 0s infinite alternate;
    width:.4rem;
    height: .4rem;
    background-color: #F00;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}
nav a .badge-danger {
    animation: red-pulse .7s ease 0s infinite alternate;
}

@keyframes red-pulse {
  from {background-color: #F00;}
  to {background-color: #A90000;}
}

nav a .fa,
nav a .svg-inline--fa
{
    margin-right:5px;
    width: 18px !important;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 2px;
    border: 1px solid #DFDFDF;
    padding: 0.3rem 0;
}

.navbar-default .navbar-nav li a {
    color: #FFF;
    display: block;
}

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

.navbar-default.navbar-nav > .open > a,
.navbar-default.navbar-nav > .open > a:focus,
.navbar-default.navbar-nav > .open > a:hover
{
    background: none;
    color: #E0EFFF;
    text-decoration: underline;
}

.navbar .dropdown-toggle .caret,
.navbar .dropdown-toggle::after
{
    display:none;
}

.navbar-default .navbar-toggler .icon-bar {
    background-color:#fff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-default .navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-default .navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
}

.logo {
    margin: 10px 20px 5px 0;
}

.navbar-nav > .nav-item i {
    width: 1.5em;
    text-align: center;
    padding-right: .5em;
}

.dropdown-item {
    padding-left: 13px; 
    padding-left: 13px; 
}


@media (min-width: 1200px) {
    .navbar-nav > li {
        padding: 20px 5px;
    }

    .navbar-default .navbar-nav li > a {
        padding: 1px 10px;
    }

    .navbar-default .navbar-nav li > .dropdown-menu a {
        color: #000;
    }

    .navbar.navbar-default {
        overflow-y: visible;
    }
    .navbar-header {
        width: auto;
    }

    .navbar-collapse > .navbar-nav > .nav-item i {
       width: auto;
       padding-right: 0;
    }

    .dropdown-menu .dropdown-item i {
        width: 1.5em !important;
        padding-right: .5em !important;
    }
}