:root {
  --primary: #fbce07;
  --secondary: #1976d2;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #d32f2f;
  --danger: #ef5350;
  --light: #ffffff;
  --dark: #343a40;
}

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

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

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: #1870c8 !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: #c82d2d !important;
  color: #fff !important;
}

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

.btn-light {
  background-color: var(--light) !important;
  border-color: #f2f2f2 !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(251, 206, 7, 0.5) !important;
}

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:active, .btn-secondary.active {
  box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 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(211, 47, 47, 0.5) !important;
}

.btn-danger:focus, .btn-danger.focus,
.btn-danger:active, .btn-danger.active {
  box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5) !important;
}

.btn-light:focus, .btn-light.focus,
.btn-light:active, .btn-light.active {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 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(149, 104, 0), rgb(251, 206, 7)) !important;
  color: #000 !important;
  border: none;
}

.btn-gradient:hover {
  background: linear-gradient(to left, rgb(213, 168, 0), rgb(255, 255, 58)) !important;
  color: #000 !important;
}

a {
  color: #fbce07;
}

a:hover {
  color: #eec407;
}

.dropdown-item:active {
  color: #000 !important;
  background-color: #eec407 !important;
}

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