/* Bootstrap CSS Custom Theme */

:root {
  --primary: #0460b2;
  --secondary: #FFA500;
  --success: #6B8E23;
  --warning: #FFD700;
  --danger: #C70039;
  --info: #008080;
  --light: #F5F5F5;
  --dark: #333333;
}

/* Basic color classes */

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

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

.bg-success {
  background-color: var(--success) !important;
  color: #fff !important;
}

.bg-warning {
  background-color: var(--warning) !important;
  color: #333 !important;
}

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

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

.bg-light {
  background-color: var(--light) !important;
  color: #333 !important;
}

.bg-dark {
  background-color: var(--dark) !important;
  color: #fff !important;
}

/* Text color classes */

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-light {
  color: var(--light) !important;
}

.text-dark {
  color: var(--dark) !important;
}
/* Custom button styles */

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

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

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

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

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

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

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

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