:root {
  --primary: #0452a1;
  --secondary: #f81f76;
  --success: #1976d2;
  --info: #f81f76;
  --warning: #ffeb3b;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

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

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

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

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

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

.btn-warning {
  background-color: var(--warning) !important;
  border-color: #f2df38 !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(4, 82, 161, 0.5) !important;
}

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

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

.btn-info:focus, .btn-info.focus,
.btn-info:active, .btn-info.active {
  box-shadow: 0 0 0 0.2rem rgba(248, 31, 118, 0.5) !important;
}

.btn-warning:focus, .btn-warning.focus,
.btn-warning:active, .btn-warning.active {
  box-shadow: 0 0 0 0.2rem rgba(255, 235, 59, 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, 0, 59), rgb(4, 82, 161)) !important;
  color: #fff !important;
  border: none;
}

.btn-gradient:hover {
  background: linear-gradient(to left, rgb(0, 44, 123), rgb(55, 133, 212)) !important;
  color: #fff !important;
}

a {
  color: #0452a1;
}

a:hover {
  color: #044e99;
}

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

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