:root {
  --primary: #0078a9;
  --secondary: #0033a0;
  --success: #00b149;
  --info: #3ec7f4;
  --warning: #ff7c13;
  --danger: #d0006f;
  --light: #f8f9fa;
  --dark: #343a40;
}

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

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

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

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

.btn-info {
  background-color: var(--info) !important;
  border-color: #3bbde8 !important;
  color: #000 !important;
}

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

.btn-danger {
  background-color: var(--danger) !important;
  border-color: #c60069 !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(0, 120, 169, 0.5) !important;
}

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

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

.btn-info:focus, .btn-info.focus,
.btn-info:active, .btn-info.active {
  box-shadow: 0 0 0 0.2rem rgba(62, 199, 244, 0.5) !important;
}

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

.btn-danger:focus, .btn-danger.focus,
.btn-danger:active, .btn-danger.active {
  box-shadow: 0 0 0 0.2rem rgba(208, 0, 111, 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, 18, 67), rgb(0, 120, 169)) !important;
  color: #fff !important;
  border: none;
}

.btn-gradient:hover {
  background: linear-gradient(to left, rgb(0, 82, 131), rgb(51, 171, 220)) !important;
  color: #fff !important;
}

a {
  color: #0078a9;
}

a:hover {
  color: #0072a1;
}

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

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