/* * Document : theme-color.css * Author : Bootstrap, RedStar Theme, Ret Silo, Andrey Mattias * Description: stylesheet for change theme color, user can set any custom color for template, User have to just replace three classes (header-white white-sidebar-color logo-indigo) with (custom-sidebar-color logo-custom header-custom) classes in template tag and set bellow variable color as per desire. Thats It !!!!!! */ :root { --sidebar-color: #ffffff; --sidebar-font-color: #4680ff; --logo-color: #222c3c; --header-color: #6673FC; } /* --white-color: #ffffff; --dark-color: #222c3c; --blue-color: #1880c9; --indigo-color: #6673FC; --cyan-color: #4ABAD2; --green-color: #3FCC7E; --red-color: #E44F56; */ /******************************************* Custom Theme Color *******************************************/ .custom-sidebar-color .sidemenu-container { background-color: var(--sidebar-color); } .custom-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .custom-sidebar-color .sidemenu-container .sidemenu>li.active>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #ffffff; border-top-color: transparent; color: var(--sidebar-font-color); } .custom-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .custom-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .custom-sidebar-color .sidemenu-container .sidemenu>li>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: #555; border-bottom: none; background-color: var(--sidebar-color); } .custom-sidebar-color .user-panel { color: #444; } .custom-sidebar-color .txtOnline { color: #444; } .custom-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .custom-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .custom-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .custom-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .custom-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .custom-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: var(--sidebar-font-color); } .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: #F5F5F5; } .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: #444; } .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: var(--sidebar-font-color); } .custom-sidebar-color .page-container { background-color: #ffffff; } .selector-title { margin-top: 0px !important; } .custom-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid var(--sidebar-font-color); } .custom-sidebar-color .sidemenu-hover-submenu li:hover>.sub-menu { background-color: #F5F5F5; } .header-custom .page-header.navbar { background-color: var(--header-color); } .header-custom form.search-form-opened .btn.submit { color: #fff; } .header-custom .search-form-opened input[type=text] { color: #fff; } .header-custom form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-custom .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-custom .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-custom .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-custom .page-header.navbar .menu-toggler, .header-custom .app-list-icon, .header-custom .fullscreen-click { color: #fff; } .header-custom .language-switch a { color: #fff; } .header-custom .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-custom .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-custom .page-header.navbar .hor-menu .navbar-nav>li.current>a { background-color: transparent; } .header-custom .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent; } .header-custom .dropdown-menu>li.active:hover>a, .header-custom .dropdown-menu>li.active>a, .header-custom .dropdown-menu>li:hover>a { background-color: transparent; } .header-custom .language-switch a.dropdown-toggle { color: #fff; } .logo-custom .page-header.navbar .page-logo { background: var(--logo-color); } /******************************************* White sidebar color *******************************************/ .white-sidebar-color .sidemenu-container { background-color: #ffffff; } .white-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .white-sidebar-color .sidemenu-container .sidemenu>li.active>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #0066f58c; color: #261616; border-radius: 0 28px 28px 0 } .white-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .white-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #0066f58c; color: #fff; border-radius: 0 28px 28px 0 } .sidemenu>li>a.nav-link.active { background-color: #0066f58c; color: #fff; border-radius: 0 28px 28px 0 } .white-sidebar-color .sidemenu-container .sidemenu>li, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li { padding: 0px 7px; margin-bottom: 5px; } .white-sidebar-color .sidemenu-container .sidemenu>li>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { padding: 12px 7px; } .white-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #dfe2e4; color: white; } /* .white-sidebar-color .sidemenu-container .sidemenu>li>a{ color: #555; border-bottom:none; background-color: #ffffff; } */ .white-sidebar-color .sidemenu-container .sidemenu>li.open>a, .white-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #0066f5c0; border-top-color: transparent; color: #fff; border-radius: 0 28px 28px 0 } .white-sidebar-color .user-panel, .white-sidebar-color .txtOnline, .white-sidebar-color .sidemenu-container .sidemenu>li>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: #444; } .white-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .white-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .white-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .white-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .white-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .white-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #dfe2e4; } .white-sidebar-color .sidemenu-container .sidemenu .sub-menu, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: #F4F6F9; } .white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: #444; } .white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #818488; } .white-sidebar-color .page-container { background-color: #ffffff; } .selector-title { margin-top: 0px !important; } .white-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #4680ff; } .white-sidebar-color .sidemenu-hover-submenu li:hover>.sub-menu { background-color: #F5F5F5; } .white-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .white-sidebar-color .sidemenu-container .sidemenu li.active>a>.arrow.open:before, .white-sidebar-color .sidemenu-container .sidemenu li.active>a>.arrow:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active>a>.arrow.open:before, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active>a>.arrow:before { color: #040404; } .white-sidebar-color .menu-heading { color: #52545b; } .white-sidebar-color .sidebar-userpic-btn a, .white-sidebar-color .sidebar-userpic-name { color: #65676d; } .white-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: #0066f5; color: #fff; border-radius: 28px; } .white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a>i, .white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a>i { color: #818488; } .white-sidebar-color .sidemenu-container .sidemenu-closed.sidemenu>li>a { padding-left: 0px !important; } /******************************************* Dark sidebar color *******************************************/ .dark-sidebar-color .sidemenu-container { background-color: #222c3c; } .dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .dark-sidebar-color .sidemenu-container .sidemenu>li.active>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #273244; border-top-color: transparent; color: #fff; } .dark-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .dark-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .dark-sidebar-color .sidemenu-container .sidemenu>li>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: #8d96ab; border-bottom: none; padding-left: 4px !important; } .dark-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #1e293c; color: white; } .dark-sidebar-color .user-panel { color: #ccc; } .dark-sidebar-color .txtOnline { color: #ccc; } .dark-sidebar-color .sidemenu-container .sidemenu>li.open>a, .dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #273244; color: #fff; } .dark-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #fff; } .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: #1e293c; } .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: rgba(255, 255, 255, 0.5); } .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #fff; } .dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, .dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, .dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, .dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i { color: #fff; } .dark-sidebar-color .page-container { background-color: #222c3c; } .dark-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #fff; } .dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a>i { color: #ffffff; } .dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: rgba(82, 91, 109, 0.65); } /******************************************* Blue sidebar color *******************************************/ .blue-sidebar-color .sidemenu-container { background-color: #1880c9; } .blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .blue-sidebar-color .sidemenu-container .sidemenu>li.active>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #186fad; border-top-color: transparent; color: #fff; } .blue-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .blue-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .blue-sidebar-color .sidemenu-container .sidemenu>li>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: rgba(255, 255, 255, 0.8); border-bottom: none; padding-left: 4px !important; } .blue-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #0d65a3; color: white; } .blue-sidebar-color .user-panel { color: #fff; } .blue-sidebar-color .txtOnline { color: #fff; } .blue-sidebar-color .sidemenu-container .sidemenu>li.open>a, .blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #1880c9; color: #fff; } .blue-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #fff; } .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: rgba(24, 112, 175, 0.5); } .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: rgba(255, 255, 255, 0.8); } .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #fff; } .blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, .blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, .blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, .blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i { color: #fff; } .blue-sidebar-color .page-container { background-color: #1880c9; } .blue-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, .blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3 { color: #fff; } .blue-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #fff; } .blue-sidebar-color .profile-usertitle-job, .blue-sidebar-color .sidebar-userpic-name { color: #f5e6e6; } .blue-sidebar-color .menu-heading { color: #ccdee2; } .blue-sidebar-color .sidebar-userpic-btn a { color: #d6d9e2; } .blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: rgba(9, 91, 150, 0.73); } .blue-sidebar-color .sidemenu-container .sidemenu>li>a>i { background-color: rgb(41, 145, 218); } /******************************************* Indigo sidebar color *******************************************/ .indigo-sidebar-color .sidemenu-container { background-color: #6673FC; } .indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #545ed6; border-top-color: transparent; color: #fff; } .indigo-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .indigo-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .indigo-sidebar-color .sidemenu-container .sidemenu>li>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: rgba(255, 255, 255, 0.8); border-bottom: none; padding-left: 4px !important; } .indigo-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #4852c3; color: white; } .indigo-sidebar-color .user-panel { color: #fff; } .indigo-sidebar-color .txtOnline { color: #fff; } .indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a, .indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #6673FC; color: #fff; } .indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #fff; } .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: rgba(84, 94, 214, 0.50); } .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: rgba(255, 255, 255, 0.8); } .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #fff; } .indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, .indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, .indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i { color: #fff; } .indigo-sidebar-color .page-container { background-color: #6673FC; } .indigo-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, .indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3 { color: #fff; } .indigo-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #fff; } .indigo-sidebar-color .profile-usertitle-job, .indigo-sidebar-color .sidebar-userpic-name { color: #f5e6e6; } .indigo-sidebar-color .menu-heading { color: #ccdee2; } .indigo-sidebar-color .sidebar-userpic-btn a { color: #d6d9e2; } .indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: rgba(68, 77, 185, 0.86); } .indigo-sidebar-color .sidemenu-container .sidemenu>li>a>i { background-color: rgb(91, 103, 232); } /******************************************* Cyan sidebar color *******************************************/ .cyan-sidebar-color .sidemenu-container { background-color: #4ABAD2; } .cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #34a3bc; border-top-color: transparent; color: #fff; } .cyan-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .cyan-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .cyan-sidebar-color .sidemenu-container .sidemenu>li>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: rgba(255, 255, 255, 0.8); border-bottom: none; padding-left: 4px !important; } .cyan-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #34A3BC; color: white; } .cyan-sidebar-color .user-panel { color: #fff; } .cyan-sidebar-color .txtOnline { color: #fff; } .cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a, .cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #4ABAD2; color: #fff; } .cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #fff; } .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: rgba(52, 163, 188, 0.50); } .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: rgba(255, 255, 255, 0.8); } .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #fff; } .cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, .cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, .cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i { color: #fff; } .cyan-sidebar-color .page-container { background-color: #4ABAD2; } .cyan-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, .cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3 { color: #fff; } .cyan-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #fff; } .cyan-sidebar-color .profile-usertitle-job, .cyan-sidebar-color .sidebar-userpic-name { color: #f5e6e6; } .cyan-sidebar-color .menu-heading { color: #ccdee2; } .cyan-sidebar-color .sidebar-userpic-btn a { color: #d6d9e2; } .cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: #34A3BC; } .cyan-sidebar-color .sidemenu-container .sidemenu>li>a>i { background-color: rgba(64, 160, 181, 0.78); } /******************************************* Green sidebar color *******************************************/ .green-sidebar-color .sidemenu-container { background-color: #3FCC7E; } .green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .green-sidebar-color .sidemenu-container .sidemenu>li.active>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #3fa961; border-top-color: transparent; color: #fff; } .green-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .green-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .green-sidebar-color .sidemenu-container .sidemenu>li>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: rgba(255, 255, 255, 0.8); border-bottom: none; padding-left: 4px !important; } .green-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #47c76f; color: white; } .green-sidebar-color .user-panel { color: #fff; } .green-sidebar-color .txtOnline { color: #fff; } .green-sidebar-color .sidemenu-container .sidemenu>li.open>a, .green-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #3FCC7E; color: #fff; } .green-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .green-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .green-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .green-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #fff; } .green-sidebar-color .sidemenu-container .sidemenu .sub-menu, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: rgba(63, 169, 97, 0.50); } .green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: rgba(255, 255, 255, 0.8); } .green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #fff; } .green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, .green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, .green-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, .green-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, .green-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i { color: #fff; } .green-sidebar-color .page-container { background-color: #3FCC7E; } .green-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, .green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3 { color: #fff; } .green-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #fff; } .green-sidebar-color .profile-usertitle-job, .green-sidebar-color .sidebar-userpic-name { color: #f5e6e6; } .green-sidebar-color .menu-heading { color: #ccdee2; } .green-sidebar-color .sidebar-userpic-btn a { color: #d6d9e2; } .green-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: #3fa961; } .green-sidebar-color .sidemenu-container .sidemenu>li>a>i { background-color: rgba(66, 185, 119, 0.80); } /******************************************* Red sidebar color *******************************************/ .red-sidebar-color .sidemenu-container { background-color: #E44F56 } .red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a, .red-sidebar-color .sidemenu-container .sidemenu>li.active>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #b54b50; border-top-color: transparent; color: #fff; } .red-sidebar-color .sidemenu-container .sidemenu-closed>li.active.open>a, .red-sidebar-color .sidemenu-container .sidemenu-closed>li.active>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a { background-color: #90929400; color: #fff; border-radius: 5px; } .red-sidebar-color .sidemenu-container .sidemenu>li>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a { color: rgba(255, 255, 255, 0.8); border-bottom: none; padding-left: 4px !important; } .red-sidebar-color .sidemenu.sidemenu-closed>li:hover { box-shadow: 5px 5px rgba(44, 53, 66, .2); background-color: #b54b50; color: white; } .red-sidebar-color .user-panel { color: #fff; } .red-sidebar-color .txtOnline { color: #fff; } .red-sidebar-color .sidemenu-container .sidemenu>li.open>a, .red-sidebar-color .sidemenu-container .sidemenu>li:hover>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a { background-color: #E44F56; color: #fff; } .red-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, .red-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, .red-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, .red-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i { color: #fff; } .red-sidebar-color .sidemenu-container .sidemenu .sub-menu, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: rgba(181, 75, 80, 0.50); } .red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a { color: rgba(255, 255, 255, 0.8); } .red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, .red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, .red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a { color: #fff; } .red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, .red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, .red-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, .red-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, .red-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i { color: #fff; } .red-sidebar-color .page-container { background-color: #E44F56 } .red-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, .red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3 { color: #fff; } .red-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow { border-right: 8px solid #fff; } .red-sidebar-color .profile-usertitle-job, .red-sidebar-color .sidebar-userpic-name { color: #f5e6e6; } .red-sidebar-color .menu-heading { color: #ccdee2; } .red-sidebar-color .sidebar-userpic-btn a { color: #d6d9e2; } .red-sidebar-color .sidemenu-container .sidemenu>li.active>a>i { background-color: #b54b50; } .red-sidebar-color .sidemenu-container .sidemenu>li>a>i { background-color: rgba(249, 112, 117, 0.85); } /******************************************* Logo Color Style *******************************************/ .logo-white .page-header.navbar .page-logo { background: #ffffff; } .logo-white .page-logo a { color: #000; } .logo-dark .page-header.navbar .page-logo { background: #222c3c; } .logo-blue .page-header.navbar .page-logo { background: #0066f5; } .logo-indigo .page-header.navbar .page-logo { background: #6673FC; } .logo-cyan .page-header.navbar .page-logo { background: #4ABAD2; } .logo-red .page-header.navbar .page-logo { background: #E44F56 } .logo-green .page-header.navbar .page-logo { background: #3FCC7E; } /******************************************* Header Color Style *******************************************/ /******************************************* White Header Style *******************************************/ .header-white .page-header.navbar { background-color: #ffffff; } .header-white form.search-form-opened { float: left; width: 100%; max-width: 200px; background-color: transparent; color: #fff; border-radius: 30px; margin: 10px 0 0 10px; border: 1px solid #bdbdbd; } .header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #000; } .header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-white .page-header.navbar .menu-toggler, .header-white .app-list-icon, .header-white .fullscreen-click { color: #000; } .header-white .language-switch a { color: #000; } .header-white .menu-toggler i.icon-menu { color: #000000; font-size: 18px; } .header-white .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3, .header-white .page-header.navbar .hor-menu .navbar-nav>li>a { color: #555; } .header-white .page-header.navbar .hor-menu .navbar-nav>li>a>i { color: #555; } .header-white .page-header.navbar .hor-menu .navbar-nav>li.open>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li>a:hover { color: #555; background: none !important; } .header-white .page-header.navbar .hor-menu .navbar-nav>li.open>a>i, .header-white .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i, .header-white .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i { color: #555; } .header-white .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li.current>a { color: #4680ff; background-color: transparent; } .header-white .page-header.navbar .hor-menu .navbar-nav>li.active>a>i, .header-white .page-header.navbar .hor-menu .navbar-nav>li.current>a>i { color: #4680ff; } .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: #444; } .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, .2); background: #ffffff; } /* .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: #444 !important; } */ .header-white .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:hover { text-decoration: none; color: #46a2ff; } .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #000000; } .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #46a2ff; background: transparent; } .header-white #headerSettingButton { color: #555; } /******************************************* Dark Header Style *******************************************/ .header-dark .page-header.navbar { background-color: #222c3c; } .header-dark form.search-form-opened .btn.submit { color: #fff; } .header-dark .search-form-opened input[type=text] { color: #fff; } .header-dark form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-dark .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-dark .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-dark .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-dark .page-header.navbar .menu-toggler, .header-dark .app-list-icon, .header-dark .fullscreen-click { color: #fff; } .header-dark .language-switch a { color: #fff; } .header-dark .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-dark .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-dark .page-header.navbar .hor-menu .navbar-nav>li.current>a { background-color: transparent; } .header-dark .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent; } .header-dark .dropdown-menu>li.active:hover>a, .header-dark .dropdown-menu>li.active>a, .header-dark .dropdown-menu>li:hover>a { background-color: transparent; } .header-dark .language-switch a.dropdown-toggle { color: #fff; } .header-dark .navbar-custom { background: #343d4c; } /******************************************* Blue Header Style *******************************************/ .header-blue .page-header.navbar { background-color: #0066f5; } .header-blue form.search-form-opened .btn.submit { color: #fff; } .header-blue .search-form-opened input[type=text] { color: #fff; } .header-blue form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-blue .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-blue .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-blue .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-blue .page-header.navbar .menu-toggler, .header-blue .app-list-icon, .header-blue .fullscreen-click { color: #fff; } .header-blue .language-switch a { color: #fff; } .header-blue .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-blue .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3, .header-blue .page-header.navbar .hor-menu .navbar-nav>li>a { color: rgba(255, 255, 255, 0.8); } .header-blue .page-header.navbar .hor-menu .navbar-nav>li>a>i { color: rgba(255, 255, 255, 0.8); } .header-blue .page-header.navbar .hor-menu .navbar-nav>li.open>a, .header-blue .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .header-blue .page-header.navbar .hor-menu .navbar-nav>li>a:hover { color: #fff; background: none !important; } .header-blue .page-header.navbar .hor-menu .navbar-nav>li.open>a>i, .header-blue .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i, .header-blue .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i { color: #fff; } .header-blue .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-blue .page-header.navbar .hor-menu .navbar-nav>li.current>a { color: #fff; background: none !important; } .header-blue .page-header.navbar .hor-menu .navbar-nav>li.active>a>i, .header-blue .page-header.navbar .hor-menu .navbar-nav>li.current>a>i { color: #fff; } .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, .2); background: #186fad; } .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: rgba(255, 255, 255, 0.8); } .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #fff; /* background: #47596e; */ } .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #fff; background: transparent; } .header-blue .dropdown-menu>li.active:hover>a, .header-blue .dropdown-menu>li.active>a, .header-blue .dropdown-menu>li:hover>a { background-color: transparent; } .header-blue .language-switch a.dropdown-toggle { color: #fff; } .header-blue .navbar-custom { background: #1370b1; } /******************************************* Indigo Header Style *******************************************/ .header-indigo .page-header.navbar { background-color: #6673FC; } .header-indigo form.search-form-opened .btn.submit { color: #fff; } .header-indigo .search-form-opened input[type=text] { color: #fff; } .header-indigo form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-indigo .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-indigo .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-indigo .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-indigo .page-header.navbar .menu-toggler, .header-indigo .app-list-icon, .header-indigo .fullscreen-click { color: #fff; } .header-indigo .language-switch a { color: #fff; } .header-indigo .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a { color: rgba(255, 255, 255, 0.8); } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a>i { color: rgba(255, 255, 255, 0.8); } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.open>a, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a:hover { color: #fff; background: none !important; } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.open>a>i, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i { color: #fff; } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.current>a { color: #fff; background: none !important; } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.active>a>i, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li.current>a>i { color: #fff; } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, .2); background: #545ed6; } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: rgba(255, 255, 255, 0.8); } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #fff; /* background: #47596e; */ } .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #fff; background: transparent; } .header-indigo .dropdown-menu>li.active:hover>a, .header-indigo .dropdown-menu>li.active>a, .header-indigo .dropdown-menu>li:hover>a { background-color: transparent; } .header-indigo .language-switch a.dropdown-toggle { color: #fff; } .header-indigo .navbar-custom { background: #5360e6; } /******************************************* Cyan Header Style *******************************************/ .header-cyan .page-header.navbar { background-color: #4ABAD2; } .header-cyan form.search-form-opened .btn.submit { color: #fff; } .header-cyan .search-form-opened input[type=text] { color: #fff; } .header-cyan form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-cyan .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-cyan .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-cyan .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-cyan .page-header.navbar .menu-toggler, .header-cyan .app-list-icon, .header-cyan .fullscreen-click { color: #fff; } .header-cyan .language-switch a { color: #fff; } .header-cyan .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a { color: rgba(255, 255, 255, 0.8); } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a>i { color: rgba(255, 255, 255, 0.8); } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.open>a, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a:hover { color: #fff; background: none !important; } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.open>a>i, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i { color: #fff; } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.current>a { color: #fff; background: none !important; } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.active>a>i, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li.current>a>i { color: #fff; } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, .2); background: #34A3BC; } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: rgba(255, 255, 255, 0.8); } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #fff; /* background: #47596e; */ } .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #fff; background: transparent; } .header-cyan .dropdown-menu>li.active:hover>a, .header-cyan .dropdown-menu>li.active>a, .header-cyan .dropdown-menu>li:hover>a { background-color: transparent; } .header-cyan .language-switch a.dropdown-toggle { color: #fff; } .header-cyan .navbar-custom { background: #44a8bd; } /******************************************* Red Header Style *******************************************/ .header-red .page-header.navbar { background-color: #E44F56 } .header-red form.search-form-opened .btn.submit { color: #fff; } .header-red .search-form-opened input[type=text] { color: #fff; } .header-red form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-red .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-red .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-red .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-red .page-header.navbar .menu-toggler, .header-red .app-list-icon, .header-red .fullscreen-click { color: #fff; } .header-red .language-switch a { color: #fff; } .header-red .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-red .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3, .header-red .page-header.navbar .hor-menu .navbar-nav>li>a { color: rgba(255, 255, 255, 0.8); } .header-red .page-header.navbar .hor-menu .navbar-nav>li>a>i { color: rgba(255, 255, 255, 0.8); } .header-red .page-header.navbar .hor-menu .navbar-nav>li.open>a, .header-red .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .header-red .page-header.navbar .hor-menu .navbar-nav>li>a:hover { color: #fff; background: none !important; } .header-red .page-header.navbar .hor-menu .navbar-nav>li.open>a>i, .header-red .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i, .header-red .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i { color: #fff; } .header-red .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-red .page-header.navbar .hor-menu .navbar-nav>li.current>a { color: #fff; background: none !important; } .header-red .page-header.navbar .hor-menu .navbar-nav>li.active>a>i, .header-red .page-header.navbar .hor-menu .navbar-nav>li.current>a>i { color: #fff; } .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, .2); background: #b54b50; } .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: rgba(255, 255, 255, 0.8); } .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #fff; /* background: #47596e; */ } .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #fff; background: transparent; } .header-red .dropdown-menu>li.active:hover>a, .header-red .dropdown-menu>li.active>a, .header-red .dropdown-menu>li:hover>a { background-color: transparent; } .header-red .language-switch a.dropdown-toggle { color: #fff; } .header-red .navbar-custom { background: #ce444b; } /******************************************* Green Header Style *******************************************/ .header-green .page-header.navbar { background-color: #3FCC7E; } .header-green form.search-form-opened .btn.submit { color: #fff; } .header-green .search-form-opened input[type=text] { color: #fff; } .header-green form.search-form-opened { background-color: rgba(255, 255, 255, 0.3); border: 0; } .header-green .page-header .search-form-opened .input-group .form-control::-moz-placeholder { color: #efefef; opacity: 1; } .header-green .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder { color: #efefef; opacity: 1; } .header-green .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder { color: #efefef; opacity: 1; } .header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i { color: #fff; } .header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i, .header-green .page-header.navbar .menu-toggler, .header-green .app-list-icon, .header-green .fullscreen-click { color: #fff; } .header-green .language-switch a { color: #fff; } .header-green .menu-toggler i.icon-menu { color: #ffffff; font-size: 18px; } .header-green .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3, .header-green .page-header.navbar .hor-menu .navbar-nav>li>a { color: rgba(255, 255, 255, 0.8); } .header-green .page-header.navbar .hor-menu .navbar-nav>li>a>i { color: rgba(255, 255, 255, 0.8); } .header-green .page-header.navbar .hor-menu .navbar-nav>li.open>a, .header-green .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .header-green .page-header.navbar .hor-menu .navbar-nav>li>a:hover { color: #fff; background: none !important; } .header-green .page-header.navbar .hor-menu .navbar-nav>li.open>a>i, .header-green .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i, .header-green .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i { color: #fff; } .header-green .page-header.navbar .hor-menu .navbar-nav>li.active>a, .header-green .page-header.navbar .hor-menu .navbar-nav>li.current>a { color: #fff; background: none !important; } .header-green .page-header.navbar .hor-menu .navbar-nav>li.active>a>i, .header-green .page-header.navbar .hor-menu .navbar-nav>li.current>a>i { color: #fff; } .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu { box-shadow: 5px 5px rgba(63, 79, 98, .2); background: #3fa961; } .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i { color: rgba(255, 255, 255, 0.8); } .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a { color: #fff; /* background: #47596e; */ } .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a, .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a, .header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #fff; background: transparent; } .header-green .dropdown-menu>li.active:hover>a, .header-green .dropdown-menu>li.active>a, .header-green .dropdown-menu>li:hover>a { background-color: transparent; } .header-green .language-switch a.dropdown-toggle { color: #fff; } .header-green .navbar-custom { background: #33b76e; } /* Dark theme style */ .dark-theme { color: #ddd; } .dark-theme .card, .dark-theme .mail-list, .dark-theme .panel { background-color: #222c3c; } .dark-theme .white-box { background: #222c3c; } .dark-theme .border-gray { border: 1px solid #222c3c; } .dark-theme .cardbox { background: #222c3c; color: #efefef; border: 1px solid #222c3c; } .dark-theme .cardbox .header { background: #222c3c; } .dark-theme .demo-container { background: #222c3c; border: 1px solid #9a9797; } .dark-theme .page-content, .dark-theme .page-container-bg-solid .page-bar, .dark-theme .page-content-white .page-bar { background-color: #253042 !important; } .dark-theme .page-bar { background-color: #253042 !important; } .dark-theme .card-box { background: #222c3c; border: 1px solid #222c3c; } .dark-theme .sub-title { color: #efefef } .dark-theme .page-title, .dark-theme .page-container-bg-solid .page-title, .dark-theme .page-content-white .page-title, .dark-theme .card-head { color: #fff; } .dark-theme .table-scrollable>.table-bordered>tbody>tr:last-child>td, .dark-theme .table-scrollable>.table-bordered>tbody>tr:last-child>th, .dark-theme .table-scrollable>.table-bordered>tfoot>tr:last-child>td, .dark-theme .table-scrollable>.table-bordered>tfoot>tr:last-child>th, .dark-theme .table-scrollable>.table-bordered>thead>tr:last-child>td, .dark-theme .table-scrollable>.table-bordered>thead>tr:last-child>th, .dark-theme .table.table-bordered thead>tr>th { color: #ddd; } .dark-theme .table td, .dark-theme .table th, .dark-theme .card .table td, .dark-theme .card .table th, .dark-theme .card .dataTable td, .dark-theme .card .dataTable th { color: #949ba2; } .dark-theme .table-hover>tbody>tr:hover, .dark-theme .table-hover>tbody>tr:hover>td { background: #272e3a91!important; } .dark-theme tr.group, .dark-theme tr.group:hover { background-color: #1b2432 !important; } .dark-theme .details .title { color: #fff; } .dark-theme .breadcrumb .active { color: #fff; } .dark-theme .btn-group>a>i, .dark-theme .view-message a, .dark-theme .inbox .inbox-nav>li>a { color: #ddd; } .dark-theme ul.labels-info li a { border: 0px; } .dark-theme .inbox .inbox-nav>li>a:hover { background: #142c3c; } .dark-theme .to-do-list li { background: #222c3c; } .dark-theme .inbox-sidebar { background: #222c3c; } .dark-theme .inbox .inbox-body, .dark-theme .inbox .inbox-sidebar, .dark-theme .table-bordered td, .dark-theme .table-bordered th { border: 1px solid #4f5467; ; } .dark-theme .inbox tr { border-bottom: 1px solid #4f5467; ; } .dark-theme .compose-mail .form-group label { background: #18293a; } .dark-theme .table td, .dark-theme .table th { border-top: 1px solid #4f5467; ; } .dark-theme .form-control { background-color: #1b2432; border-color: #4f5467; color: #ddd; } .dark-theme .mail-option .btn-group .btn { color: #fff; } .dark-theme .nav-pills>li>h4 { background: #18293a; height: 50px; } .dark-theme .note-editor.note-frame .note-editing-area .note-editable { color: #fff; background-color: #18293A; } .dark-theme .note-editor .note-toolbar { background-color: #18293A; } .dark-theme .note-editor.note-frame .note-statusbar { background-color: #18293A; } .dark-theme .panel-heading-blue { background: #1b2835; } .dark-theme .fc th, .dark-theme .fc td { border: 1px solid #4f5467; ; } .dark-theme .fc-unthemed td.fc-today { background: #214161; } .dark-theme .input-group .input-group-addon { border-color: #5b5c5f; background-color: #1b2432; } .dark-theme textarea.form-control-textarea { background: #1b2432; border-color: #5b5c5f; color: #ddd; } .dark-theme .mdl-textfield__input { border-bottom: 1px solid rgba(255, 255, 255, 0.37); } .dark-theme .list-group-item { background-color: #222c3c; } .dark-theme .profile-usertitle-name { color: #ddd; } .dark-theme .nav-tabs .nav-item.show .nav-link, .dark-theme .nav-tabs .nav-link.active, .dark-theme .nav-tabs>li a.active, .dark-theme .nav-tabs>li a.active:focus, .dark-theme .nav-tabs>li a.active:hover { background-color: #222c3c; } .dark-theme .table-bordered { border: 1px solid #eceeef24; } .dark-theme .card-head .tools .btn-color:hover { color: #97a0b3; } .dark-theme .dropzone { background: transparent; border: 2px dashed rgba(208, 200, 200, 0.3); } .dark-theme .profile-desc-item { color: #d4caca; } .dark-theme .text-muted { color: #b0b3b5 !important; } .dark-theme ul.activity-list .activity-desk h5 { color: #ffffff; } .dark-theme .nice-chat li.out .message { background: #393c4c; } .dark-theme .notification-list.mail-list.not-list { background: #222c3c; } .dark-theme .notification-list a { color: #ddd; } .dark-theme a.single-mail.text-center.view-all { background: #1b2534; } .dark-theme .blogThumb { background-color: #222c3c; border: 1px solid #eceeef24; } .dark-theme .panel-heading-gray { background: #1b2534; } .dark-theme .borderBox.light { background-color: #222c3c; border: 1px solid #eceeef24; } /* .dark-theme .nav-tabs { border-bottom: 1px solid #636161; } */ .dark-theme .fa-item i, .dark-theme .sl-iconsdemo .item-box .item { color: #ddd; } .dark-theme .fa-item:hover, .dark-theme .sl-iconsdemo .item-box .item { background: #253042; } .dark-theme .tabbable-line>.tab-content { border-top: 0px; } .dark-theme .mdl-data-table th { color: #ddd; } .dark-theme .mdl-checkbox__box-outline, .dark-theme .mdl-radio__outer-circle, .dark-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .dark-theme .mdl-checkbox.is-disabled .mdl-checkbox__box-outline, .dark-theme .mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .dark-theme .mdl-radio.is-disabled .mdl-radio__outer-circle { border: 2px solid #888c8e; } .dark-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .dark-theme .mdl-checkbox.is-disabled .mdl-checkbox__label, .dark-theme fieldset[disabled] .mdl-radio .mdl-radio__label, .dark-theme .mdl-radio.is-disabled .mdl-radio__label, .dark-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { color: rgba(255, 255, 255, 0.40); } .dark-theme .treeview .list-group-item:hover, .dark-theme .ml-table-striped>tbody>tr:nth-of-type(even) { background-color: #253042; } .dark-theme div.tagsinput { border: 1px solid #eceeef24; background: #222c3c; } .dark-theme .select2-container--bootstrap .select2-selection { background-color: #1b2432; border-color: #4f5467; } .dark-theme .mdl-tabs__tab, .dark-theme .radioicon label { color: #ddd; } .dark-theme .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: #fff; } .dark-theme .menuBackground { background: #253042; } .dark-theme .mdl-data-table, .dark-theme .table-scrollable>.table { background-color: #253042; } .dark-theme .mdl-data-table thead { background: #333a46; } .dark-theme .mdl-data-table tbody tr:hover { background-color: #272e3a91; } .dark-theme .ml-table-bordered>tbody>tr>td, .dark-theme z.ml-table-bordered>thead>tr>td { border: 1px solid #777b7e6b; } .dark-theme table.dataTable td.sorting_1, .dark-theme table.dataTable td.sorting_2, .dark-theme table.dataTable td.sorting_3, .dark-theme table.dataTable th.sorting_1, .dark-theme table.dataTable th.sorting_2, .dark-theme table.dataTable th.sorting_3 { background: #222c3c !important; } .dark-theme .paging_simple_numbers .page-item.next a, .dark-theme .paging_simple_numbers .page-item.previous a { color: #ffffff; background-color: transparent; } .dark-theme .table-scrollable { border: 1px solid #222c3c; } .dark-theme .sw-theme-default .sw-toolbar { background: #2e3746; } .dark-theme .sw-theme-default .step-content { border: 0px solid #253042; background-color: #253042; } .dark-theme .sw-theme-arrows>ul.step-anchor>li>a, .dark-theme .sw-theme-arrows>ul.step-anchor>li>a:hover { background: #344157; } .dark-theme .sw-theme-arrows .step-content { background-color: #253042 } .dark-theme .sw-theme-circles>ul.step-anchor { background: #222c3c; } .dark-theme .sw-theme-circles>ul.step-anchor>li>a, .dark-theme .sw-theme-circles>ul.step-anchor>li>a:hover { background: #253042; } .dark-theme .sw-theme-circles .sw-toolbar, .dark-theme .sw-theme-dots>ul.step-anchor>li>a, .dark-theme .sw-theme-dots .sw-toolbar { background: #222c3c; } .dark-theme .sw-theme-circles .step-content, .dark-theme .sw-theme-dots .step-content { background-color: #253042; border: 2px solid #222c3c; } .dark-theme .sw-theme-dots>ul.step-anchor:before, .dark-theme .sw-theme-dots>ul.step-anchor { background-color: #253042; } .dark-theme .navbar-custom { background: #253042; } .dark-theme .chat-sidebar-container, .dark-theme .chat-sidebar-container .chat-sidebar .list-items>li { background: #222c3c; color: #e4e4e4; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #676565; } .dark-theme .chat-sidebar-container .chat-sidebar { background: #1b232f; } .dark-theme .chat-sidebar-chat-user, .dark-theme .chat-sidebar-container .chat-sidebar .chat-sidebar-settings .chat-sidebar-settings-list { background: #253042; } .dark-theme .settings-list .setting-item { border-bottom-color: #676565; } .dark-theme .page-bar .page-breadcrumb { background: rgba(220, 208, 208, 0.16); } .dark-theme .info-box { background: #16202f !important; color: #fff; } .dark-theme .getmdl-select .mdl-icon-toggle__label { color: rgba(245, 238, 238, 0.62); } .dark-theme .profile-tab-box { background: #222c3c; } .dark-theme .customtab.nav-tabs .nav-link.active { color: #fff; } .dark-theme .customtab { border-bottom: 2px solid #141415; } .dark-theme .modal-content { background-color: #29303a; } .dark-theme .btn.btn-outline.dark, .dark-theme .btn.btn-outline.lightColor, .dark-theme .btn.btn-outline.lightColor:hover { border-color: #e9ebec; color: #e8edf1; }