/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* ------------------------------------------------------------------
   Brand colour for the side menu highlight (all pawan pages).
   Replaces the template purple #7367F0 / rgba(115,103,240,.7) from
   components.min.css and dark-layout.min.css with the hospital plum #6d2662.
   ------------------------------------------------------------------ */
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-light .navigation > li ul .active,
.main-menu.menu-dark .navigation > li ul .active {
    background: linear-gradient(118deg, #6d2662, rgba(109, 38, 98, .78));
    box-shadow: 0 0 10px 1px rgba(109, 38, 98, .35);
}
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-light .navigation > li.active > a i,
.main-menu.menu-light .navigation > li.active > a svg {
    color: #fff;
}
/* active sub-item sits on the plum gradient: keep its text white (menu.php forces #333 on li.active a) */
.main-menu.menu-light .navigation > li ul li.active > a,
.main-menu.menu-dark .navigation > li ul li.active > a,
.main-menu.menu-light .navigation > li ul li.active > a svg {
    color: #fff !important;
}
/* parent group text when one of its sub-items is active */
.main-menu.menu-light .navigation > li .active > a,
.main-menu .navigation > li.sidebar-group-active > a {
    color: #6d2662;
}

/* dark / semi-dark menus: a lighter plum keeps text readable on the dark background */
.dark-layout .main-menu .navigation > li .active > a,
.semi-dark-layout .main-menu .navigation > li .active > a,
.dark-layout .main-menu .navigation > li.sidebar-group-active > a,
.semi-dark-layout .main-menu .navigation > li.sidebar-group-active > a {
    color: #dd9fd0;
}
.dark-layout .main-menu .navigation > li.active > a,
.semi-dark-layout .main-menu .navigation > li.active > a {
    color: #fff;
}
.dark-layout .main-menu .collapse-toggle-icon {
    color: #dd9fd0 !important;
}
.dark-layout .dropdown-menu .dropdown-item:hover,
.dark-layout .dropdown-menu .dropdown-item:focus {
    background: rgba(196, 107, 179, .14);
    color: #dd9fd0;
}