/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*******************
/*Top bar
*******************/
.topbar {
  background: #1976d2;
}

.topbar .navbar-header {
  background: #ffffff;
}

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

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: var(--he-fg, #3a362d);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: var(--he-sidebar-link-hover, #292720);
}

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

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

.text-themecolor {
  color: #1976d2 !important;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav > ul > li.active > a {
  color: #1976d2;
  border-color: #1976d2;
}

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

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

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