/*
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
*******************/
.topbar {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	/* background: #3876bc;
  Old browsers
  background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
  FF3.6-15
  background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
  Chrome10-25,Safari5.1-6
  background: linear-gradient(to right, #0178bc 0%, #00bdda 100%);
  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: #ffffff !important;
} */

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
	color: #3876bc !important;
}

.bg-theme {
	background-color: #3876bc !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: #3876bc;
	border-color: #3876bc;
}

.right-sidebar .rpanel-title {
	/*  background: #3876bc; */
	background: #f6f5fb;;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #3876bc;
}

.text-themecolor {
	color: #3876bc !important;
}

.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #3876bc;
	color: #3876bc;
}

.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #3876bc;
}

/*******************
/*Buttons
*******************/
.btn-themecolor, .btn-themecolor.disabled {
	background: #3876bc;
	color: #ffffff;
	border: 1px solid #3876bc;
}

.btn-themecolor:hover, .btn-themecolor.disabled:hover {
	background: #3876bc;
	opacity: 0.7;
	border: 1px solid #3876bc;
}

.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: #272c33; */
	background: #318f94;
	background: -moz-linear-gradient(left, #318f94 0%, #3876bc 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #318f94 0%, #3876bc 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #318f94 0%, #3876bc 100%);
	/* background: linear-gradient(to right, #55ae47 0%, #3876bc 100%);  */
}

.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
	/* display: none; */
	
}

/* .card-no-border .left-sidebar, .card-no-border .sidebar-nav {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.card-no-border .left-sidebar, .card-no-border .sidebar-nav > a.nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.card-no-border .left-sidebar, .card-no-border .sidebar-nav > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: #ffffff !important;
}  */
.sidebar-nav ul li a {
	color: #fffff;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #00000;
}

.sidebar-nav ul li a.active {
	color: #fffff;
}

.sidebar-nav ul li.nav-small-cap {
	color: #fffff;
}

.sidebar-nav>ul>li.active>a {
	color: #ffffff;
}

.sidebar-nav>ul>li.active>a i {
	color: #ffff;
}

.sidebar-nav>ul>li>a.active i, .sidebar-nav>ul>li>a:hover i {
	color: #ffffff;
}

.sidebar-nav>ul>li>a i {
	color: #ffffff;
}

.sidebar-nav>ul>li>a.active {
	font-weight: 400;
	background: #ffffff;
	color: #3876bc;
}