/* * Document : theme-color.css * Author : RedStar Theme * 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 > 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; } .logo-custom .page-header.navbar .page-logo { background: var(--logo-color); } .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 { 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; } /* 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: #ffffff; border-top-color: transparent; color: #4680ff; } /* .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: #ffffff; border-top-color: transparent; color: #4680ff; } .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: #4680ff; } .white-sidebar-color .sidemenu-container .sidemenu .sub-menu, .white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: #F5F5F5; } .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: #4680ff; } .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: #4680ff; } /* 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: #1e293c; border-top-color: transparent; color: #fff; } .dark-sidebar-color .sidemenu-container .sidemenu > li > a, .dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a { color: #b7c0cd; border-bottom: none; } .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: #222c3c; 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; } /* 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 > 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; } .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: #186fad } .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; } /* 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 > 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; } .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: #545ed6; } .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; } /* 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 > 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; } .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: #34A3BC } .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; } /* 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 > 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; } .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: #3fa961; } .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; } /* 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 > 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; } .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: #b54b50; } .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; } /***************** Logo Theme **********************/ .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: #1880c9; } .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 Theme ******************/ /* Header White */ .header-white .page-header.navbar { background-color: #33b5e5; } /*Header Background color changes with variables*/ .page-header.navbar.bg-aqua, .logo-indigo .page-header.navbar.bg-aqua .page-logo { background-color: #33b5e5; color: #fff; } .page-header.navbar.bg-light, .logo-indigo .page-header.navbar.bg-light .page-logo { color: #666 !important; background-color: #FFF !important; } .page-header.navbar.bg-blue, .logo-indigo .page-header.navbar.bg-blue .page-logo { background-color: #4a89dc !important; color: #f5f8fd; } .page-header.navbar.bg-gold, .logo-indigo .page-header.navbar.bg-gold .page-logo { background-color: #f6bb42 !important; color: #ffffff; } .page-header.navbar.bg-red, .logo-indigo .page-header.navbar.bg-red .page-logo { background-color: #e9573f !important; color: #fef7f6; } .page-header.navbar.bg-purple, .logo-indigo .page-header.navbar.bg-purple .page-logo { background-color: #967adc !important; color: #ffffff; } .page-header.navbar.bg-seafoam, .logo-indigo .page-header.navbar.bg-seafoam .page-logo { background-color: #37bc9b !important; color: #cef1e8; } .page-header.navbar.bg-green, .logo-indigo .page-header.navbar.bg-green .page-logo { background-color: #70ca63 !important; color: #fcfefb !important; } .page-header.navbar.bg-forest, .logo-indigo .page-header.navbar.bg-forest .page-logo { background-color: #039146 !important; color: #fcfefb; } .page-header.navbar.bg-dark, .logo-indigo .page-header.navbar.bg-dark .page-logo { background-color: #3b3f4f !important; color: #9fa4b7; } /* Custom Button Background Color Change*/ .CustomBtn.bg-aqua{ background-color: #33b5e5 !important; border-color: #33b5e5 !important; color: #fff; } .CustomBtn.bg-light { color: #666 !important; background-color: #FFF !important; border-color: #FFF !important; } .CustomBtn.bg-blue { background-color: #4a89dc !important; border-color: #4a89dc !important; color: #f5f8fd; } .CustomBtn.bg-gold { background-color: #f6bb42 !important; border-color: #f6bb42 !important; color: #ffffff; } .CustomBtn.bg-red { background-color: #e9573f !important; border-color: #e9573f !important; color: #fef7f6; } .CustomBtn.bg-purple { background-color: #967adc !important; border-color: #967adc !important; color: #ffffff; } .CustomBtn.bg-seafoam { background-color: #37bc9b !important; border-color: #37bc9b !important; color: #cef1e8; } .CustomBtn.bg-green { background-color: #70ca63 !important; border-color: #70ca63 !important; color: #fcfefb !important; } .CustomBtn.bg-forest { background-color: #039146 !important; border-color: #039146 !important; color: #fcfefb; } .CustomBtn.bg-dark { background-color: #3b3f4f !important; border-color: #3b3f4f !important; color: #9fa4b7; } /*font Colors Change with background color */ .page-header.navbar.bg-light div.top-menu > ul.nav.navbar-nav.pull-left.mt-4 > li > a, .page-header.navbar.bg-light .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar.bg-light .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i, .page-header.navbar.bg-light .nav.navbar-nav.pull-left.mt-4 li span, .page-header.navbar.bg-light .page-logo a { color: #444 !important; } .header-white form.search-form-opened { float: left; width: 100%; max-width: 165px; background-color: white; color: #000; border-radius: 36px; margin: 14px 0 0 15px; border: 1px solid #bdbdbd; height: 30px; /*position: fixed; left: 265px; right: auto; z-index: 10002; top: -24px; transition: 1s ease-in; -webkit-animation: ease-in; -webkit-transition: 1s ease-in;*/ } .btn-search { display: none; } /*.header-white form.search-form-opened .input-group .form-control { display: none !important; } .header-white form.search-form-opened:hover, .header-white form.search-form-opened:active, .header-white form.search-form-opened:focus { float: left; width: 100%; max-width: 165px; top: 40px; transition: 1s ease-in; -webkit-animation: ease-in; -webkit-transition: 1s ease-in; } .header-white form.search-form-opened:hover .input-group .form-control, .header-white form.search-form-opened:active .input-group .form-control, .header-white form.search-form-opened:focus .input-group .form-control { display: block !important; transition: 1s ease-in; -webkit-animation: ease-in; -webkit-transition: 1s ease-in; }*/ .header-white form.search-form-opened .input-group .form-control { display: block; height: 28px; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; color: #000; } .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: #fff; font-weight: normal; } .header-white .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #fff; } .header-white .language-switch a { color: #000; } .header-white .menu-toggler i.icon-menu { color: #fff; 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: #F5F5F5; } /* .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; } /* Header Dark */ .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 { 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; } /* header blue */ .header-blue .page-header.navbar { background-color: #1880c9; } .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 { 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; } /* Header Indigo */ .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 { 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; } /* Header Cyan */ .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 { 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; } /* Header Red */ .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 { 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; } /* Header Green */ .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 { 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; } /*Header Change with Sidebar Color */ .light-sidebar-color .sidemenu-container { color: #666; background-color: #fafafa; border-right: 1px solid #DDD; } .light-sidebar-color .sidemenu-container .sidemenu .sub-menu, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: #f2f2f2; box-shadow: 0 1px 0 #e5e5e5 inset, 0 -1px 0 #e5e5e5 inset !important; } .light-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .light-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .light-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a { /* color: black; */ color: #888; } .light-sidebar-color .sidemenu-container .sidemenu > li.open > a, .light-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a { background-color: #f2f2f2 !important; /* color: black !important; */ color: #888 !important; font-weight: 400 !important; /* background-color: #eee !important; */ } .light-sidebar-color .user-panel, .light-sidebar-color .txtOnline, .light-sidebar-color .sidemenu-container .sidemenu > li > a, .light-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a { color: #888 !important; /* color: #000 !important; */ font-weight: 400 !important; } .light-sidebar-color .sidemenu-container .sidemenu > li.open > a > i { /* color: #a1cd52 !important; */ color: #444 !important; } .light-sidebar-color .sidemenu-container .sidemenu > li > a > i { /* color: #a1cd52 !important; */ color: #444 !important; } .light-sidebar-color .sidemenu-container .sidemenu li:hover > a > .arrow:before, .light-sidebar-color .sidemenu-container .sidemenu li > a > .arrow.open:before { color: #444 !important; } /*Layout Color of Light ends here */ /* Lighter Color */ .lighter-sidebar-color .sidemenu-container { color: #222; background-color: #fff; border-right: 1px solid #eee; } .lighter-sidebar-color .sidemenu-container .sidemenu .sub-menu, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu { background-color: #fafafa; box-shadow: 0 1px 0 #e5e5e5 inset, 0 -1px 0 #e5e5e5 inset !important; } .lighter-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.active > a, .lighter-sidebar-color .sidemenu-container .sidemenu .sub-menu > li.open > a, .lighter-sidebar-color .sidemenu-container .sidemenu .sub-menu > li:hover > a, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.active > a, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li.open > a, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu > li:hover > a { /* color: black; */ color: #333; } .lighter-sidebar-color .sidemenu-container .sidemenu > li.open > a, .lighter-sidebar-color .sidemenu-container .sidemenu > li:hover > a, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a { background-color: #fafafa !important; /* color: black !important; */ color: #333 !important; font-weight: 400 !important; /* background-color: #eee !important; */ } .lighter-sidebar-color .user-panel, .lighter-sidebar-color .txtOnline, .lighter-sidebar-color .sidemenu-container .sidemenu > li > a, .lighter-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li > a { color: #333 !important; /* color: #000 !important; */ font-weight: 400 !important; } .lighter-sidebar-color .sidemenu-container .sidemenu > li.open > a > i { /* color: #a1cd52 !important; */ color: #000 !important; } .lighter-sidebar-color .sidemenu-container .sidemenu > li > a > i { /* color: #a1cd52 !important; */ color: #000 !important; } .lighter-sidebar-color .sidemenu-container .sidemenu li:hover > a > .arrow:before, .lighter-sidebar-color .sidemenu-container .sidemenu li > a > .arrow.open:before { color: #000 !important; }