/* navbar custom color */

.navbar {
    background-color: #5137A3 !important;
    padding:0;
    -webkit-box-shadow: 0 8px 15px -5px #5137A3;
	   -moz-box-shadow: 0 8px 15px -5px #5137A3;
            box-shadow: 0 8px 15px -5px #5137A3;
}

.nav-link{
    padding:.8rem 1rem;
}

.navbar .navbar-brand {
    color: #F5F9FC;
}

.navbar .navbar-brand:hover {
    color: #F5F9FC;
}

.navbar .navbar-nav li a {
    color: #F5F9FC !important;
    font-weight: lighter;
}

.dropdown-menu {
    background: #5137A3;
    border-radius: 0;
    border: #4D90FE 1px solid;
}

.navbar .nav-item .dropdown-menu .dropdown-item {
    color: #000 !important;
}

.navbar .nav-item .dropdown-menu .dropdown-item {
    color: #F5F9FC !important;
    font-weight: lighter;
}

.navbar .nav-item .dropdown-menu .dropdown-item:hover {
    color: #F5F9FC !important;
    background-color: #5137A3;
}

.navbar-toggle {
    background-color: #F5F9FC;
}

#topheader .navbar-nav li>a {
    text-transform: capitalize;
    color: #333;
    transition: background-color 0.2s, color 0.2s;
    font-size: 15px;
}

#topheader .navbar-nav li>a:hover, #topheader .navbar-nav li>a:focus {
    background-color: #FB397D;
    color: #F5F9FC !important;
}

#topheader .navbar-nav li.active>a {
    background-color: #FB397D;
    color: #F5F9FC !important;
}


/* Multi level dropdown menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}