body {
  font-family: Rubik, Source Sans Pro, sans-serif;
  color: #353736;
}

.app-header, .sidebar {
  background: #4F789E !important;
}

.sidebar .nav-link.active {
  background: #44698C;
}

.sidebar .nav-link:hover {
  background: #2D5071;
}

.sidebar .nav-link .nav-icon, .sidebar .nav-link.active .nav-icon, .app-header .navbar-brand {
  color: #fff;
}

.btn-primary {
  background-color: #FFBB3F;
  border-color: #FFBB3F;
  color: #333;
}
.btn-primary:hover {
  background-color: #FDC663;
  border-color: #FDC663;
  color: #333 !important;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #FDC663;
  border-color: #FDC663;
  color: #333 !important;
}

.bg-warning-faded {
  background-color: #fdf4db !important;
  color: #8e8e8e;
}

.text-red {
  color: #df4759;
}

.text-green {
  color: #42ba96;
}

h1, h2, thead {
  color: #252161;
}

.table {
  color: #353736;
}

.navbar-brand img {
  max-height: 100%;
  padding: 10px;
}

.attendance-box {
  background: #f3f6f9;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  color: #3e3e3e;
}
.attendance-box.inFuture {
  background-color: #ffc107;
  color: #fff;
}
.attendance-box.present {
  background-color: #42ba96;
  color: #fff;
}
.attendance-box.absent {
  background-color: #df4759;
  color: #fff;
}

.text-blue {
  color: #4f789e;
}

.horizontal-scroll {
  overflow: auto;
}

a.btn {
  cursor: pointer;
}