@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

:root {
	--primary-bg-color: #2b78e4;
	--primary-hover-color: #195ebf;
	--primary-active-color: #021647;
	--secondary-bg-color: #6c757d;
	--danger-bg-color: #cf2a27;
	--danger-hover-color: #b81d1d;
	--danger-active-color: #a81919;
	--warning-bg-color: #e0ab0d;
	--warning-hover-color: #d1a00d;
	--info-bg-color: #123ca3;
	--info-hover-color: #0a58ca;
	--dark-bg-color: #000000;
	--dark-hover-color: #4c4c4c;
}

.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: rgba(255, 255, 255, 0.8);
}

.preloader .cssload-speeding-wheel {
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px);
}

.topbar {
	background: var(--primary-bg-color) !important;
}

.topbar .navbar-header {
	background: rgba(0, 0, 0, 0.05);
}

.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: #ffffff !important;
}

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

a.link:hover,
a.link:focus {
	color: var(--primary-bg-color) !important;
}

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

.right-sidebar .rpanel-title {
	background: #1e88e5;
}

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

.text-themecolor {
	color: #1e88e5 !important;
}

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

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

.btn-themecolor,
.btn-themecolor.disabled {
	background: #1e88e5;
	color: #ffffff;
	border: 1px solid #1e88e5;
}

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

.btn-themecolor.active,
.btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
	background: #028ee1;
}

.sidebar-nav {
	background: #fff;
}

.sidebar-nav ul li a {
	color: #607d8b;
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
	color: var(--primary-bg-color);
}

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

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

.sidebar-nav>ul>li>a.active i,
.sidebar-nav>ul>li>a:hover i {
	color: var(--primary-bg-color);
}

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

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

.sidebar-nav>ul>li.active>a,
.sidebar-nav>ul>li.active:hover>a {
	color: #ffffff;
	background: var(--primary-bg-color) !important;
}

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

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

.form-control:focus {
	border-color: var(--primary-bg-color);
	box-shadow: none !important;
}