/* Show it is fixed to the top */
.top-nav{ 
    padding: 10px 5px;
    min-height: 65px;
}
.mu-icon {
    background-size: 100% !important;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
.mu-icon.user-icon {
    background: url(../icons/user-solid.svg) no-repeat;
    width: 14px;
    height: 16px;
    top: 2px;
}
.mu-icon.notifaction-icon {
    background: url(../icons/notifaction-icon.svg) no-repeat;
    width: 14px;
    height: 16px;
    top: 3px;
}
.mu-icon.unlock-icon {
    background: url(../icons/unlock-alt-solid.svg) no-repeat;
    width: 14px;
    height: 16px;
    top: 3px;
}
.mu-icon.logout-icon {
    background: url(../icons/sign-out-alt-solid.svg) no-repeat;
    width: 16px;
    height: 16px;
    top: 3px;
}
.notification-dropdowns{
    background: #f1fee4;
    max-height: 300px;
    min-width: 180px;
}
.account-dropdown {
    background: #f1fee4;
    min-width: 180px;
}
.account-dropdown .dropdown-item:focus, 
.account-dropdown .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #fff;
}
.top-nav .navbar-nav .active>.nav-link, .top-nav .navbar-nav .nav-link.active, .top-nav .navbar-nav .nav-link.show, .top-nav .navbar-nav .show>.nav-link{ color:#0c8944;}
.top-nav .navbar-nav .nav-link{color:#0c8944;}
.top-nav .navbar-nav li{max-height: 14px;
    line-height: 14px;}
.top-nav .dropdown-item{     
    font-size: 14px;
    padding: 7px 10px;
    cursor: pointer;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #0c8944;
}
.top-nav .navbar-nav li:first-child{ border-right:1px solid #ed1c24;}
.admin-nav .navbar-toggler{ color: #fff; border-color: #fff;background: #000 ;padding: .15rem .25rem;}
.top-nav .navbar-toggler:focus{ border-color: #fb1d25 !important;}   
.top-nav .navbar-nav li.no-bdr{ border-right:0;}
.top-nav .nav-link{padding: 0 1rem; float:left;}
/* .top-nav a:hover{ color:#ed1c24 !important;} */
/* .top-nav .dropdown-toggle::after{    border-top: .25em solid; border-right: .25em solid transparent;  border-bottom: 0; border-left: .25em solid transparent;    float: left !important; margin: 5px 5px 5px 0;} */
.navbar2{ padding:14px 0;}
.navbar2 .navbar-nav li{ border-right:1px solid #fff;max-height: 14px;line-height: 14px;}
.navbar2 .navbar-nav li:last-child{ border-right:0;}
.navbar2 .nav-link{padding: 0 1rem; float:left;}
.navbar2 a{color:#fff !important;}
.navbar2 a:hover{color:#fff !important; text-decoration:underline;}
.navbar2 .dropdown-toggle::after{ border-top: .25em solid; border-right: .25em solid transparent;  border-bottom: 0; border-left: .25em solid transparent;    float: left; margin: 5px 5px 5px 0; }
/*Backgrounds*/
.bg-offwhite{ background:#f8f8f8;}
.bg-green{ background:#0c8944;}
.alerts{float: left; margin: -6px 0 0 0;}
.alerts span{ background:#e50019; height:16px; width:16px; color:#fff; text-align:center; line-height:14px; font-size:10px; margin:-8px -10px 0 8px; float:left; border-radius:50%; position:sticky;}
.alerts i{color:#6ab130; font-size:20px;}
.admin-photo{ background:#177246; border:1px solid #6ab130; height:35px; width:35px; line-height:35px; color:#fff; text-align:center; line-height:15px; float:left; border-radius:50%; margin:-10px 5px 0 0; overflow:hidden;}
.admin-photo img{ max-width:100%;}
@media screen and (max-width: 767px) {
.top-nav .navbar-nav li:first-child{ border-right:none;}
.top-nav .navbar-nav li{ height:34px; line-height:34px; max-height:34px; border-bottom:1px solid #c8c8c8; float:left; margin-bottom:10px;}
.top-nav .dropdown-toggle::after{ margin: 14px 7px 5px 0;}
}