@import url("../../../external/ed0c659e787d7d95.css");
.preloader {
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	z-index: 99999;
	background: #fff
}

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

.topbar {
	background: #455a64
}

.topbar .navbar-header {
	background: rgba(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, .8)
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link {
	color: #fff!important
}

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

a.link:focus,
a.link:hover {
	color: #009efb!important
}

.bg-theme {
	background-color: #009efb!important
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #009efb;
	border-color: #009efb
}

.right-sidebar .rpanel-title {
	background: #455a64;
}

.stylish-table tbody tr.active,
.stylish-table tbody tr:hover {
	border-left: 4px solid #009efb
}

.text-themecolor {
	color: #009efb!important
}

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

.customtab li a.nav-link:hover,
.profile-tab li a.nav-link:hover {
	color: #009efb
}

.btn-themecolor,
.btn-themecolor.disabled {
	background: #009efb;
	color: #fff;
	border: 1px solid #009efb
}

.btn-themecolor.disabled:hover,
.btn-themecolor:hover {
	background: #009efb;
	opacity: .7;
	border: 1px solid #009efb
}

.btn-themecolor.active,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus,
.btn-themecolor: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: #87969d
}

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

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

.sidebar-nav>ul>li.active:hover>a,
.sidebar-nav>ul>li.active>a {
	color: #87969d;
	border: 1px solid #87969d
}

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

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

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

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

.page-wrapper { background:#f9f9f5; }
.sidebar-nav>ul>li>a.active {
	font-weight: 400;
	background: #fff;
	color: #87969d
}

.daterangepicker td.active,
.daterangepicker .ranges li.active {
	color: #fff !important;
	background: #87969d !important;
}