/*

Template Name: Material Pro Admin

Author: Themedesigner

Email: niravjoshi87@gmail.com

File: scss

*/

/*

Template Name: Material Pro Admin

Author: Themedesigner

Email: niravjoshi87@gmail.com

File: scss

*/

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

/*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;

}



.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;

}



.logo-center .topbar .navbar-header {

  background: transparent;

  box-shadow: none;

}



.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {

  display: none;

}



.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {

  display: inline-block;

  color: rgba(255, 255, 255, 0.8);

}



/*******************

/*General Elements

*******************/

a {

  color: #F04923;

}



a.link:hover, a.link:focus {

  color: #000 !important;

}



.bg-theme {

  background-color: #d1d3d4 !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: #d1d3d4;

  border-color: #F04923;

}



.right-sidebar .rpanel-title {

  background: #d1d3d4;

}



.stylish-table tbody tr:hover, .stylish-table tbody tr.active {

  border-left: 4px solid #F04923;

}



.text-themecolor {

  color: #000 !important;

}



.profile-tab li a.nav-link.active,

.customtab li a.nav-link.active {

  border-bottom: 2px solid #F04923;

  color: #000;

}



.profile-tab li a.nav-link:hover,

.customtab li a.nav-link:hover {

  color: #000;

}



/*******************

/*Buttons

*******************/

.btn-themecolor,

.btn-themecolor.disabled {

  background: #d1d3d4;

  color: #ffffff;

  border: 1px solid #F04923;

}



.btn-themecolor:hover,

.btn-themecolor.disabled:hover {

  background: #d1d3d4;

  opacity: 0.7;

  border: 1px solid #F04923;

}



.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: #58595B;

}



.mini-sidebar .sidebar-nav {

  background: transparent;

}



@media (min-width: 768px) {

  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {

    background: #181c22;

  }

}



.sidebar-nav {

  background: #58595B;

}



.sidebar-nav ul li a {

  color: #fff;

}



.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {

  color: #F04923;

}



.sidebar-nav ul li a.active {

  color: #ffffff;

}



.sidebar-nav ul li.nav-small-cap {

  color: #99abb4;

}



.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {

  color: #ffffff !important;

  background: #F04923 !important;

}



.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {

  color: #ffffff !important;

}



.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {

  border-color: #ffffff;

}



.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {

  color: #F04923;

}



.sidebar-nav > ul > li > a i {

  color: #fff;

}



.sidebar-nav > ul > li > a.active {

  font-weight: 400;

  background: #ffffff;

  color: #000;

}



.user-profile .profile-text a {

  color: #808285 !important;

}



.card-no-border .sidebar-footer {

  background: #000;

}