/*** Boby ***/ body { background-color: #f6f6f6; } /*** Page Header ***/ /* Header search bar, toggler button & top menu */ .page-header.navbar { background-color: #efefef; /* Top notification menu/bar */ /* Header seaech box */ /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { background-color: #e2e2e2; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #bfcad1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { background-color: #3fd5c0; color: white; } .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #e2e2e2; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background-color: #e7e7e7; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username { color: #444444; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i { color: #444444; } .page-header.navbar .search-form { background: #e7e7e7; } .page-header.navbar .search-form:hover { background: #e2e2e2; } .page-header.navbar .search-form .input-group .form-control { color: #888888; } .page-header.navbar .search-form .input-group .form-control::-moz-placeholder { color: #858585; opacity: 1; } .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { color: #858585; } .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { color: #858585; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit { background: url(../../img/header_search_icon_light2.png) center center no-repeat !important; } .page-header.navbar .search-form.open { background: #e2e2e2; } .page-header.navbar .menu-toggler { background-image: url(../../img/sidebar_toggler_icon_light2.png); } /* Default Horizontal Menu */ .page-header.navbar { /* Horizontal mega menu */ } .page-header.navbar .hor-menu .navbar-nav { /* Mega menu content */ /* Classic menu */ } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(226, 226, 226, 0.2); } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { border-right: 1px solid #efefef; } .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #515151; } .page-header.navbar .hor-menu .navbar-nav > li > a { color: #444444; } .page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover, .page-header.navbar .hor-menu .navbar-nav > li > a:focus { color: #444444; background: #e2e2e2; } .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li.current > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a:hover { color: white; background: #3fd5c0; } .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected { border-top: 6px solid #3fd5c0; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(226, 226, 226, 0.2); background: #e2e2e2; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a { color: #444444; } .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a:hover { color: white; background: #3fd5c0; } /* Light Horizontal Menu */ .page-header.navbar .hor-menu.hor-menu-light .navbar-nav { /* Mega menu */ /* Classic menu */ } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(91, 91, 91, 0.2); } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { border-right: 1px solid #eeeeee; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 { color: #666666; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a { color: #777777; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a { color: #444444; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:focus { color: #444444; background: #e2e2e2; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a { color: #777777; background: #fefefe; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a:focus { color: #777777; background: #fefefe; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"] { color: #777777; background: #fefefe; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"]:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"]:focus { color: #777777; background: #fefefe; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover { color: white; background: #3fd5c0; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active .selected, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current .selected { border-top: 6px solid #3fd5c0; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(91, 91, 91, 0.2); background: #fefefe; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a { color: #777777; } .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a:hover { color: #777777; background: #f0f0f0; } /* Page sidebar */ .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar { background-color: #f6f6f6; /* Sidebar search */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, .page-sidebar .page-sidebar-menu { /* 1st level links */ /* All links */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #eeeeee; color: #555555; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a { background: #efefef; color: #555555; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a { background: #3fd5c0; border-top-color: transparent; color: white; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover { background: #3fd5c0; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i { color: white; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { color: white; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar .page-sidebar-menu > li.active.open > a > .selected { background-image: url("../../img/sidebar-menu-arrow.png"); } .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active.open > a > .selected { background-image: url("../../img/sidebar-menu-arrow-reverse.png"); } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a, .page-sidebar .page-sidebar-menu > li.active + li > a { border-top-color: transparent; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a, .page-sidebar .page-sidebar-menu > li.active.open + li > a { border-top-color: #eeeeee; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, .page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 1px solid transparent !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { color: white; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu { background-color: #f6f6f6; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a { color: #555555; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li > a > i { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a { background: #efefef !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { color: #aaaaaa; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler, .page-sidebar .sidebar-toggler { background: url(../../img/sidebar_inline_toggler_icon_light2.jpg); } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group { border-bottom: 1px solid #e4e4e4; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control { background-color: #f6f6f6; color: #999999; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder, .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder { color: #9c9c9c; opacity: 1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder, .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder { color: #9c9c9c; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder, .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder { color: #9c9c9c; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn, .page-sidebar .sidebar-search .input-group .input-group-btn .btn { background-image: url(../../img/sidebar_search_icon_light2.png) !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group, .page-sidebar .sidebar-search.sidebar-search-bordered .input-group { border: 1px solid #e4e4e4; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.open .input-group { background-color: #f6f6f6; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove, .page-sidebar-closed .page-sidebar .sidebar-search.open .remove { background-image: url("../../img/sidebar_search_close_icon_light2.png"); } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar .sidebar-search.sidebar-search-solid .input-group { border: 1px solid #ececec; background: #ececec; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control, .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control { background: #ececec; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.sidebar-search-solid .input-group { background: none; } /*** Footer ***/ .page-footer .page-footer-inner { color: #333333; } .page-footer .page-footer-tools .go-top { background-color: #9ca6ad; } .page-footer .page-footer-tools .go-top:hover { opacity: 0.7; filter: alpha(opacity=70); } .page-footer .page-footer-tools .go-top i { color: #dddddd; } .page-footer-fixed .page-footer { background-color: white; } @media (min-width: 992px) { /* 992px */ /* Fixed Sidebar */ .page-sidebar-fixed:not(.page-footer-fixed) .page-content { border-bottom: 0; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer { background-color: #fff; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { color: #333; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-tools .go-top { background-color: #7B838A; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-tools .go-top i { color: #ddd; } .page-boxed { background-color: #eeeeee !important; /* Page container */ /* Page sidebar */ /* Page footer */ } .page-boxed .page-container { background-color: #f6f6f6; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .page-boxed.page-sidebar-reversed .page-container { border-left: 0; border-right: 1px solid #eeeeee; } .page-boxed.page-sidebar-fixed .page-container { border-left: 0; border-bottom: 0; } .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { border-left: 0; border-right: 0; border-bottom: 0; } .page-boxed.page-sidebar-fixed .page-sidebar { border-left: 1px solid #eeeeee; } .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { border-right: 1px solid #eeeeee; border-left: 0; } .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer { background-color: #eeeeee !important; } .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner { color: #333333; } } @media (max-width: 991px) { /* 991px */ /* Page sidebar */ .page-sidebar { background-color: #f3f3f3; } .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #f6f6f6; } .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a { background: #e7e7e7; } .page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 0 !important; } .page-sidebar .page-sidebar-menu > li .sub-menu { background-color: #f3f3f3 !important; } .page-sidebar .page-sidebar-menu .sidebar-search input { background-color: #f3f3f3 !important; } } /* Page sidebar */ .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, .page-sidebar .page-sidebar-menu { /* Sidebar search */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a, .page-sidebar .page-sidebar-menu li > a { font-weight: normal; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a, .page-sidebar .page-sidebar-menu li .sub-menu li > a { font-weight: normal; } @media (max-width: 991px) { /* 991px */ .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #eeeeee; } } @media (max-width: 480px) { /* 480px */ body { background: #F3F3F3; } }