/************************
 * Color Background *****
************************/
html.sm-user-ui  {
        background-color: #28292b;
    background-size: 100%;
}

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
        .sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region-header {
    background-color: #28292b;
            background-color: rgba(40,41,43, 0.20);
    }
/** 
* Different Color for Active/Hover Sub-menus
***************************************************/	
.sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-activepage > a,
.sm-user-ui .sm-page-widget-nav .yui3-menu-item .sm-page-widget-nav-activepage > a,
.sm-user-ui .sm-page-widget-nav .yui3-menu-has-children.sm-page-widget-nav-activepage > a,
.sm-user-ui .sm-page-widget-nav .yui3-menu-has-children.sm-page-widget-nav-activepage > a.yui3-menu-label::after,
.sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-toplink.sm-page-widget-nav-activepage > a,
.sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-toplink.sm-page-widget-nav-hasactivepage > a,
.sm-user-ui .sm-page-widget-nav .yui3-menu-has-children.sm-page-widget-nav-hasactivepage > a,
.sm-user-ui .sm-page-widget-nav .yui3-menu-has-children.sm-page-widget-nav-hasactivepage > a.yui3-menu-label::after {
	color: gray;
}