:root {
  --primary: #388e3c;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

.btn {
  border: 1px solid transparent !important;
}

.btn-primary {
  background-color: var(--primary) !important;
  border-color: #358739 !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: #676f77 !important;
  color: #fff !important;
}

.btn-success {
  background-color: var(--success) !important;
  border-color: #269f42 !important;
  color: #fff !important;
}

.btn-info {
  background-color: var(--info) !important;
  border-color: #169aaf !important;
  color: #fff !important;
}

.btn-warning {
  background-color: var(--warning) !important;
  border-color: #f2b707 !important;
  color: #000 !important;
}

.btn-danger {
  background-color: var(--danger) !important;
  border-color: #d13242 !important;
  color: #fff !important;
}

.btn-light {
  background-color: var(--light) !important;
  border-color: #ecedee !important;
  color: #000 !important;
}

.btn-dark {
  background-color: var(--dark) !important;
  border-color: #31373d !important;
  color: #fff !important;
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active {
  box-shadow: 0 0 0 0.2rem rgba(56, 142, 60, 0.5) !important;
}

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:active, .btn-secondary.active {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5) !important;
}

.btn-success:focus, .btn-success.focus,
.btn-success:active, .btn-success.active {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}

.btn-info:focus, .btn-info.focus,
.btn-info:active, .btn-info.active {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-warning:focus, .btn-warning.focus,
.btn-warning:active, .btn-warning.active {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

.btn-danger:focus, .btn-danger.focus,
.btn-danger:active, .btn-danger.active {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}

.btn-light:focus, .btn-light.focus,
.btn-light:active, .btn-light.active {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5) !important;
}

.btn-dark:focus, .btn-dark.focus,
.btn-dark:active, .btn-dark.active {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}

.btn-gradient {
  background: linear-gradient(to right, rgb(0, 40, 0), rgb(56, 142, 60)) !important;
  color: #fff !important;
  border: none;
}

.btn-gradient:hover {
  background: linear-gradient(to left, rgb(18, 104, 22), rgb(107, 193, 111)) !important;
  color: #fff !important;
}

a {
  color: #388e3c;
}

a:hover {
  color: #358739;
}

.dropdown-item:active {
  color: #fff !important;
  background-color: #358739 !important;
}

#sidebar #navbarNav ul li {
  border-right: 4px solid transparent;
}
#sidebar #navbarNav ul li.active {
  border-right: 4px solid #358739;
}