:root {
  --white: #ffffff;
  --black: #212121;
  --primary: #009672;
  --secondary: #00395f;
}


/**
 * General
 */
body {
  font-family: 'Montserrat', sans-serif;
}
.bi {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.dashboard-content {
  padding: 1.5rem 2.5rem;
}


/*
 * Navbar
 */
.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.navbar-brand img {
  max-width: 150px;
}
.navbar .form-control {
  padding: .75rem 1rem;
}
.navbar {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}



/*
 * Sidebar
 */
.sidebar {
  height: 100vh;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.sidebar hr {
  border-color: #b9bbbd;
}
.sidebar .nav-link {
  font-size: 1rem;
  font-weight: 500;
  color: var(--secondary);
  transition: all 0.15s ease-in-out;
}
.sidebar .nav-link.active {
  color: var(--primary);
}
.sidebar .nav-link:hover,
.sidebar .nav-link:focus,
.sidebar .nav-link:active {
  color: var(--primary);
}
.sidebar .nav-link i {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.sidebar-heading {
  font-size: .75rem;
}
.sidebar-logo {
  padding-left: 1rem;
  margin-bottom: 1rem;
}