/* Template Name: Admin Press Admin Author: Themedesigner Email: niravjoshi87@gmail.com File: scss */ @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"); /* Default theme color - overridden by :root from cookie in */ :root { --theme-color: #ff683a; } /*Preloader*/ .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff; } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } /******************* /*Top bar *******************/ .topbar { background: #fff; } .topbar .navbar-collapse {border-bottom: 1px solid #F3F4F6; min-height: 60px; padding-right: 15px;} .topbar .navbar-header { background: #0C111C; } .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: none; color: rgba(255, 255, 255, 0.8); } .topbar .navbar-light .navbar-nav .nav-item > a.nav-link { color: #0C111C !important; } .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus { color: #0C111C !important; } /******************* /*General Elements *******************/ a.link:hover, a.link:focus { color: var(--theme-color) !important; } .bg-theme { background-color: var(--theme-color) !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: var(--theme-color); border-color: var(--theme-color); } .right-sidebar .rpanel-title { background: var(--theme-color); } .stylish-table tbody tr:hover, .stylish-table tbody tr.active { border-left: 4px solid var(--theme-color); } .text-themecolor { color: var(--theme-color) !important; } .profile-tab li a.nav-link.active, .customtab li a.nav-link.active { border-bottom: 2px solid var(--theme-color); color: var(--theme-color); } .profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover { color: var(--theme-color); } /******************* /*Buttons *******************/ .btn-themecolor, .btn-themecolor.disabled { background: var(--theme-color); color: #ffffff; border: 1px solid var(--theme-color); } .btn-themecolor:hover, .btn-themecolor.disabled:hover { background: var(--theme-color); opacity: 0.7; border: 1px solid var(--theme-color); } .btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus { background: var(--theme-color); filter: brightness(0.85); } /******************* /*sidebar navigation *******************/ .label-themecolor { background: var(--theme-color); } .sidebar-nav > ul > li.active > a { color: var(--theme-color); border-color: var(--theme-color); background: #1F2937; } .sidebar-nav > ul > li.active > a i { color: var(--theme-color); } .sidebar-nav ul li a:hover { color: var(--theme-color); border-color: var(--theme-color); background: #1F2937; } .sidebar-nav ul li a.active, .sidebar-nav ul li a.active:hover, .sidebar-nav ul li.active a.has-arrow:hover { color: var(--theme-color); background: #1F2937; } .sidebar-nav ul li a:hover i { color: var(--theme-color); } .sidebar-nav ul li a.active i, .sidebar-nav ul li a.active:hover i, .sidebar-nav ul li.active a:hover i { color: var(--theme-color); } .sidebar-nav .active > .has-arrow::after, .sidebar-nav li > .has-arrow.active::after, .sidebar-nav .has-arrow[aria-expanded="true"]::after { border-color: var(--theme-color); } .sidebar-nav ul li a.has-arrow:hover::after { border-color: var(--theme-color); }