/*

Author: DWM
*/
/* @import '../variable'; */
/*
 
Author: DWM
 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/*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: #ffffff; }
  .topbar .navbar-header {
    background: #ffffff; }
  .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); }

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

.text-primary {
  color: #1D4481 !important; }

.text-secondary {
  color: #1D93D1 !important; }

.page-titles h3 {
  color: #6D7278; }
  @media (min-width: 992px) {
    .page-titles h3 {
      font-size: 24px; } }

.page-titles .breadcrumb li.breadcrumb-item a {
  color: #6D7278; }

.page-titles .breadcrumb li.breadcrumb-item.active {
  opacity: .5;
  color: #6D7278; }

/*******************
/* Sidebar navigation
*******************/
.sidebar-nav {
  background: #fff; }
  .sidebar-nav ul li a {
    color: #9F9F9F; }
    @media (max-width: 768px){
      .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
      }
    }
     .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
      color: #1D4481; }
    .sidebar-nav ul li a.active {
      color: #263238; }
    .sidebar-nav ul li a i {
      width: 27px;
      height: 27px;
      font-size: 14px;
      line-height: 27px;
      display: inline-block;
      vertical-align: middle; }
  .sidebar-nav ul li.nav-small-cap {
    color: #99abb4; }
  .sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    font-weight: 400;
    color: #ffffff;
    background: #1D4481 !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; }
  .sidebar-nav > ul > li > a {
    font-size: 14px; }
    @media (max-width:768px){
      .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
      color: #ffffff !important;}
    }
    .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
      color: #1D4481; }
    .sidebar-nav > ul > li > a i {
      color: #9F9F9F; }
    .sidebar-nav > ul > li > a.active {
      font-weight: 400;
      background: #1D4481;
      color: #ffffff; }
      .sidebar-nav > ul > li > a.active i {
        color: #ffffff; }
  .sidebar-nav > ul > li a.add {
    font-weight: 400;
    color: #37B6C5; }
    .sidebar-nav > ul > li a.add:hover {
      color: #5FCCD7; }
    .sidebar-nav > ul > li a.add i {
      color: #37B6C5; }
  .sidebar-nav > ul > li a.add-active {
    background: #ffffff !important;
    border: 1px solid #37B6C5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px; }
    .sidebar-nav > ul > li a.add-active:hover {
      color: #37B6C5;
      background: #ffffff !important; }
      .sidebar-nav > ul > li a.add-active:hover i {
        color: #5FCCD7; }

@media (min-width: 992px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #ffffff; } }

.mini-sidebar .sidebar-nav #sidebarnav li:hover > a {
  background: #1D4481; }