/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*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
*******************/


/*******************
/*General Elements
*******************/
a { color: #175592; }
a.link:hover, a.link:focus { color: #175592 !important; }
.bg-theme { background-color: #175592 !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: #175592; border-color: #175592; }
.right-sidebar .rpanel-title { background: #175592; }
.stylish-table tbody tr:hover, .stylish-table tbody tr.active { border-left: 4px solid #175592; }
.text-themecolor { color: #175592 !important; }
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active { border-bottom: 2px solid #175592; color: #175592; }
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover { color: #175592; }
/*******************
/*Buttons
*******************/
.btn-themecolor, .btn-themecolor.disabled { background: #175592; color: #ffffff; border: 1px solid #175592; }
.btn-themecolor:hover, .btn-themecolor.disabled:hover { background: #175592; opacity: 0.7; border: 1px solid #175592; }
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus { background: #028ee1; }
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav { background: #fff; }
.mini-sidebar .sidebar-nav { background: transparent; }
 @media (min-width: 768px) {
 .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
 background: #181c22;
}
}
.sidebar-nav { background: #272c33; }
.sidebar-nav ul li a { color: #798699; }
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover { color: #175592; }
.sidebar-nav ul li a.active { color: #ffffff; }
.sidebar-nav ul li.nav-small-cap { color: #90a4ae; }
.sidebar-nav > ul > li.active > a { border-left: 3px solid #175592; color: #175592; }
.sidebar-nav > ul > li.active > a i { color: #175592; }
.sidebar-nav > ul > li > a { border-left: 3px solid #272c33; }
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover { border-left: 3px solid #175592; }
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i { color: #175592; }
.sidebar-nav > ul > li > a i { color: #798699; }
.sidebar-nav > ul > li > a.active { font-weight: 400; background: #ffffff; color: #175592; }
.user-profile .profile-text a { color: #798699 !important; }
.card-no-border .sidebar-footer { background: #fff !important; }