:root {
  --color-1: #50c39a;
  --color-1-dark: #d56e00;
}

button.btn-primary {
  background-color: var(--color-1);
  border-color: var(--color-1);
}


button.btn-primary:hover, button.btn-primary:active {
  background-color: var(--color-1-dark) !important;
  border-color: var(--color-1-dark) !important;
}


.navbar {
  background-color: var(--color-1);
  height: 90px;
  padding: 0 20px;
}

h3 {
  color: var(--color-1);
  font-weight: bold;
}

.breadcrumb {
  background-color: transparent;
}

.breadcrumb a {
  background-color: transparent;
  color: var(--color1-dark);
}

.breadcrumb-item.active {
  color: var(--color1-dark);
  font-weight: bold;
}

.b-sidebar .nav-item {
  padding-bottom: 10px;
  padding-top: 20px;
}

.b-sidebar .nav-item a {
  color: white;
}

.nav a {
  color: var(--color1);
}

.nav a:active {
  color: var(--color1-dark);
}