html,
body {
  font-family: 'San Francisco', Arial, sans-serif;
  letter-spacing: .5px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'klavika';
  font-weight: 400;
  font-size: 17px;
}
.page-admin-login {
  background: #333c45;
  color: white;
}
.page-admin-login h1,
.page-admin-login .h1,
.page-admin-login h2,
.page-admin-login .h2,
.page-admin-login h3,
.page-admin-login .h3,
.page-admin-login h4,
.page-admin-login .h4,
.page-admin-login h5,
.page-admin-login .h5,
.page-admin-login h6,
.page-admin-login .h6 {
  font-family: 'San Francisco', Arial, sans-serif;
  color: #f6f6f7;
}
.page-admin-login .copyright {
  color: #f6f6f7;
}
.page-admin-login form {
  background: #f6f6f7;
  color: #8e969c;
}
.page-admin-login form .btn-login {
  background: #ff007a;
  color: #ffffff;
}
.btn {
  font-family: 'klavika';
  letter-spacing: .5px;
}
.navbar-admin {
  background: #ffffff;
  color: #373f48;
  border-bottom: 1px solid #c3c5c8;
}
.nav-title h1 {
  font-family: 'klavika';
}
.sidebar-wrapper {
  background: #373f48;
  color: #8e969c;
  fill: #8e969c;
}
.sidebar-wrapper .sidebar {
  background: #373f48;
}
.sidebar-wrapper .sidebar .nav > li > a:hover,
.sidebar-wrapper .sidebar .nav .open > a:hover,
.sidebar-wrapper .sidebar .nav > li:hover > a,
.sidebar-wrapper .sidebar .nav .open > a,
.sidebar-wrapper .sidebar .nav .open > a:focus {
  color: white;
  fill: white;
  background: rgba(255, 255, 255, 0.15);
  opacity: 1;
}
.sidebar-wrapper .sidebar .nav > li:hover svg,
.sidebar-wrapper .sidebar .nav .open svg {
  color: white;
  fill: white;
  opacity: 1;
}
.sidebar-wrapper .sidebar .nav > li.active > a,
.sidebar-wrapper .sidebar .nav > li.active svg {
  color: white;
  fill: white;
  background: #ff007a !important;
  opacity: 1;
}
.sidebar-wrapper .sidebar .nav .dropdown-menu {
  padding: 0;
}
.sidebar-wrapper .sidebar .nav .dropdown-menu > li {
  background: #414a55;
}
.sidebar-wrapper .sidebar .nav .dropdown-menu > li > a {
  padding: 15px;
  color: #8e969c;
}
.sidebar-wrapper .sidebar .nav .dropdown-menu > li > a:focus,
.sidebar-wrapper .sidebar .nav .dropdown-menu > li > a:hover {
  background: #414a55;
  color: #ffffff;
}
.sidebar-wrapper .sidebar .nav .dropdown-menu > li.active > a {
  color: white;
  background: transparent;
}
.sidebar-wrapper .sidebar .nav .dropdown-menu > li.dropdown-submenu.open > a {
  background: inherit;
  color: #ffffff;
}
header {
  background: #f5f5f5;
}
.nav-tabs {
  background: #f5f5f5;
  color: #8e969c;
  border: 0;
}
.nav-tabs > li.active > a {
  background: transparent;
  color: #373f48;
  border-color: #373f48;
}
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background: transparent;
  color: #373f48;
  border-color: #373f48;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  color: #373f48;
}
.dashboard-stat {
  font-family: 'klavika';
  font-weight: 200;
}
.dashboard-stat.blue {
  background: #48b6ff;
  color: white;
}
.dashboard-stat.blue .more {
  background: #40b3ff;
}
.dashboard-stat.green {
  background: #00f4c2;
  color: white;
}
.dashboard-stat.green .more {
  background: #00ecbc;
}
#translations.table-hover > tbody > tr:hover {
  background-color: #fff1f8;
}