/*
 * Complete Brand Color Palette for CibesLift
 * Primary Brand Color: #F49713 (Orange)
 * Harmonious color scheme based on brand guidelines
 */

:root {
  /* Primary Brand Colors */
  --primary: #F49713 !important;
  --bs-primary: #F49713 !important;

  /* Secondary - Complementary Blue-Gray */
  --secondary: #6B7280 !important;
  --bs-secondary: #6B7280 !important;

  /* Success - Green that complements orange */
  --success: #10B981 !important;
  --bs-success: #10B981 !important;

  /* Warning - Amber/Yellow that harmonizes with orange */
  --warning: #F59E0B !important;
  --bs-warning: #F59E0B !important;

  /* Danger - Red that contrasts well with orange */
  --danger: #EF4444 !important;
  --bs-danger: #EF4444 !important;

  /* Info - Blue that complements the palette */
  --info: #3B82F6 !important;
  --bs-info: #3B82F6 !important;

  /* Light variants */
  --light-primary: #FFF4DE !important;
  --light-secondary: #F3F4F6 !important;
  --light-success: #D1FAE5 !important;
  --light-warning: #FEF3C7 !important;
  --light-danger: #FEE2E2 !important;
  --light-info: #DBEAFE !important;

  /* Neutral colors */
  --light: #F9FAFB !important;
  --dark: #1F2937 !important;
}

/* ===== PRIMARY COLORS ===== */
.bg-primary {
  background-color: #F49713 !important;
}

.text-primary {
  color: #F49713 !important;
}

.border-primary {
  border-color: #F49713 !important;
}

.btn-primary {
  background-color: #F49713 !important;
  border-color: #F49713 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #E6890E !important;
  border-color: #E6890E !important;
}

.btn-outline-primary {
  color: #F49713 !important;
  border-color: #F49713 !important;
}

.btn-outline-primary:hover {
  background-color: #F49713 !important;
  border-color: #F49713 !important;
  color: #fff !important;
}

/* ===== SECONDARY COLORS ===== */
.bg-secondary {
  background-color: #6B7280 !important;
}

.text-secondary {
  color: #6B7280 !important;
}

.border-secondary {
  border-color: #6B7280 !important;
}

.btn-secondary {
  background-color: #6B7280 !important;
  border-color: #6B7280 !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #4B5563 !important;
  border-color: #4B5563 !important;
}

.btn-outline-secondary {
  color: #6B7280 !important;
  border-color: #6B7280 !important;
}

.btn-outline-secondary:hover {
  background-color: #6B7280 !important;
  border-color: #6B7280 !important;
  color: #fff !important;
}

/* ===== SUCCESS COLORS ===== */
.bg-success {
  background-color: #10B981 !important;
}

.text-success {
  color: #10B981 !important;
}

.border-success {
  border-color: #10B981 !important;
}

.btn-success {
  background-color: #10B981 !important;
  border-color: #10B981 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #059669 !important;
  border-color: #059669 !important;
}

.btn-outline-success {
  color: #10B981 !important;
  border-color: #10B981 !important;
}

.btn-outline-success:hover {
  background-color: #10B981 !important;
  border-color: #10B981 !important;
  color: #fff !important;
}

/* ===== WARNING COLORS ===== */
.bg-warning {
  background-color: #F59E0B !important;
}

.text-warning {
  color: #F59E0B !important;
}

.border-warning {
  border-color: #F59E0B !important;
}

.btn-warning {
  background-color: #F59E0B !important;
  border-color: #F59E0B !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #D97706 !important;
  border-color: #D97706 !important;
}

.btn-outline-warning {
  color: #F59E0B !important;
  border-color: #F59E0B !important;
}

.btn-outline-warning:hover {
  background-color: #F59E0B !important;
  border-color: #F59E0B !important;
  color: #fff !important;
}

/* ===== DANGER COLORS ===== */
.bg-danger {
  background-color: #EF4444 !important;
}

.text-danger {
  color: #EF4444 !important;
}

.border-danger {
  border-color: #EF4444 !important;
}

.btn-danger {
  background-color: #EF4444 !important;
  border-color: #EF4444 !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #DC2626 !important;
  border-color: #DC2626 !important;
}

.btn-outline-danger {
  color: #EF4444 !important;
  border-color: #EF4444 !important;
}

.btn-outline-danger:hover {
  background-color: #EF4444 !important;
  border-color: #EF4444 !important;
  color: #fff !important;
}

/* ===== INFO COLORS ===== */
.bg-info {
  background-color: #3B82F6 !important;
}

.text-info {
  color: #3B82F6 !important;
}

.border-info {
  border-color: #3B82F6 !important;
}

.btn-info {
  background-color: #3B82F6 !important;
  border-color: #3B82F6 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #2563EB !important;
  border-color: #2563EB !important;
}

.btn-outline-info {
  color: #3B82F6 !important;
  border-color: #3B82F6 !important;
}

.btn-outline-info:hover {
  background-color: #3B82F6 !important;
  border-color: #3B82F6 !important;
  color: #fff !important;
}

/* ===== LIGHT VARIANTS ===== */
.bg-light-primary {
  background-color: #FFF4DE !important;
}

.bg-light-secondary {
  background-color: #F3F4F6 !important;
}

.bg-light-success {
  background-color: #D1FAE5 !important;
}

.bg-light-warning {
  background-color: #FEF3C7 !important;
}

.bg-light-danger {
  background-color: #FEE2E2 !important;
}

.bg-light-info {
  background-color: #DBEAFE !important;
}

/* ===== LIGHT BUTTON VARIANTS ===== */
.btn-light-primary {
  background-color: #FFF4DE !important;
  border-color: #FFF4DE !important;
  color: #F49713 !important;
}

.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  background-color: #F49713 !important;
  border-color: #F49713 !important;
  color: #fff !important;
}

.btn-light-secondary {
  background-color: #F3F4F6 !important;
  border-color: #F3F4F6 !important;
  color: #6B7280 !important;
}

.btn-light-secondary:hover,
.btn-light-secondary:focus,
.btn-light-secondary:active {
  background-color: #6B7280 !important;
  border-color: #6B7280 !important;
  color: #fff !important;
}

.btn-light-success {
  background-color: #D1FAE5 !important;
  border-color: #D1FAE5 !important;
  color: #10B981 !important;
}

.btn-light-success:hover,
.btn-light-success:focus,
.btn-light-success:active {
  background-color: #10B981 !important;
  border-color: #10B981 !important;
  color: #fff !important;
}

.btn-light-warning {
  background-color: #FEF3C7 !important;
  border-color: #FEF3C7 !important;
  color: #F59E0B !important;
}

.btn-light-warning:hover,
.btn-light-warning:focus,
.btn-light-warning:active {
  background-color: #F59E0B !important;
  border-color: #F59E0B !important;
  color: #fff !important;
}

.btn-light-danger {
  background-color: #FEE2E2 !important;
  border-color: #FEE2E2 !important;
  color: #EF4444 !important;
}

.btn-light-danger:hover,
.btn-light-danger:focus,
.btn-light-danger:active {
  background-color: #EF4444 !important;
  border-color: #EF4444 !important;
  color: #fff !important;
}

.btn-light-info {
  background-color: #DBEAFE !important;
  border-color: #DBEAFE !important;
  color: #3B82F6 !important;
}

.btn-light-info:hover,
.btn-light-info:focus,
.btn-light-info:active {
  background-color: #3B82F6 !important;
  border-color: #3B82F6 !important;
  color: #fff !important;
}

/* ===== HOVER VARIANTS ===== */
.bg-hover-primary:hover {
  background-color: #F49713 !important;
}

.bg-hover-secondary:hover {
  background-color: #6B7280 !important;
}

.bg-hover-success:hover {
  background-color: #10B981 !important;
}

.bg-hover-warning:hover {
  background-color: #F59E0B !important;
}

.bg-hover-danger:hover {
  background-color: #EF4444 !important;
}

.bg-hover-info:hover {
  background-color: #3B82F6 !important;
}

/* ===== HOVER STATE VARIANTS ===== */
.bg-hover-state-primary:hover {
  background-color: #F49713 !important;
}

.bg-hover-state-secondary:hover {
  background-color: #6B7280 !important;
}

.bg-hover-state-success:hover {
  background-color: #10B981 !important;
}

.bg-hover-state-warning:hover {
  background-color: #F59E0B !important;
}

.bg-hover-state-danger:hover {
  background-color: #EF4444 !important;
}

.bg-hover-state-info:hover {
  background-color: #3B82F6 !important;
}

/* Light hover variants */
.bg-hover-light-primary:hover {
  background-color: #FFF4DE !important;
}

.bg-hover-light-secondary:hover {
  background-color: #F3F4F6 !important;
}

.bg-hover-light-success:hover {
  background-color: #D1FAE5 !important;
}

.bg-hover-light-warning:hover {
  background-color: #FEF3C7 !important;
}

.bg-hover-light-danger:hover {
  background-color: #FEE2E2 !important;
}

.bg-hover-light-info:hover {
  background-color: #DBEAFE !important;
}

/* Diagonal light variants */
.bg-diagonal-light-primary:before {
  background-color: #FFF4DE !important;
}

.bg-diagonal-light-secondary:before {
  background-color: #F3F4F6 !important;
}

.bg-diagonal-light-success:before {
  background-color: #D1FAE5 !important;
}

.bg-diagonal-light-warning:before {
  background-color: #FEF3C7 !important;
}

.bg-diagonal-light-danger:before {
  background-color: #FEE2E2 !important;
}

.bg-diagonal-light-info:before {
  background-color: #DBEAFE !important;
}

/* ===== TEXT LIGHT VARIANTS ===== */
.text-light-primary {
  color: #F49713 !important;
}

.text-light-secondary {
  color: #6B7280 !important;
}

.text-light-success {
  color: #10B981 !important;
}

.text-light-warning {
  color: #F59E0B !important;
}

.text-light-danger {
  color: #EF4444 !important;
}

.text-light-info {
  color: #3B82F6 !important;
}

/* ===== OPACITY VARIANTS ===== */
.bg-primary-o-5 { background-color: rgba(244, 151, 19, 0.05) !important; }
.bg-primary-o-10 { background-color: rgba(244, 151, 19, 0.1) !important; }
.bg-primary-o-15 { background-color: rgba(244, 151, 19, 0.15) !important; }
.bg-primary-o-20 { background-color: rgba(244, 151, 19, 0.2) !important; }
.bg-primary-o-25 { background-color: rgba(244, 151, 19, 0.25) !important; }
.bg-primary-o-30 { background-color: rgba(244, 151, 19, 0.3) !important; }
.bg-primary-o-35 { background-color: rgba(244, 151, 19, 0.35) !important; }
.bg-primary-o-40 { background-color: rgba(244, 151, 19, 0.4) !important; }
.bg-primary-o-45 { background-color: rgba(244, 151, 19, 0.45) !important; }
.bg-primary-o-50 { background-color: rgba(244, 151, 19, 0.5) !important; }
.bg-primary-o-55 { background-color: rgba(244, 151, 19, 0.55) !important; }
.bg-primary-o-60 { background-color: rgba(244, 151, 19, 0.6) !important; }

.bg-secondary-o-5 { background-color: rgba(107, 114, 128, 0.05) !important; }
.bg-secondary-o-10 { background-color: rgba(107, 114, 128, 0.1) !important; }
.bg-secondary-o-15 { background-color: rgba(107, 114, 128, 0.15) !important; }
.bg-secondary-o-20 { background-color: rgba(107, 114, 128, 0.2) !important; }
.bg-secondary-o-25 { background-color: rgba(107, 114, 128, 0.25) !important; }
.bg-secondary-o-30 { background-color: rgba(107, 114, 128, 0.3) !important; }

.bg-success-o-5 { background-color: rgba(16, 185, 129, 0.05) !important; }
.bg-success-o-10 { background-color: rgba(16, 185, 129, 0.1) !important; }
.bg-success-o-15 { background-color: rgba(16, 185, 129, 0.15) !important; }
.bg-success-o-20 { background-color: rgba(16, 185, 129, 0.2) !important; }
.bg-success-o-25 { background-color: rgba(16, 185, 129, 0.25) !important; }
.bg-success-o-30 { background-color: rgba(16, 185, 129, 0.3) !important; }

.bg-warning-o-5 { background-color: rgba(245, 158, 11, 0.05) !important; }
.bg-warning-o-10 { background-color: rgba(245, 158, 11, 0.1) !important; }
.bg-warning-o-15 { background-color: rgba(245, 158, 11, 0.15) !important; }
.bg-warning-o-20 { background-color: rgba(245, 158, 11, 0.2) !important; }
.bg-warning-o-25 { background-color: rgba(245, 158, 11, 0.25) !important; }
.bg-warning-o-30 { background-color: rgba(245, 158, 11, 0.3) !important; }

.bg-danger-o-5 { background-color: rgba(239, 68, 68, 0.05) !important; }
.bg-danger-o-10 { background-color: rgba(239, 68, 68, 0.1) !important; }
.bg-danger-o-15 { background-color: rgba(239, 68, 68, 0.15) !important; }
.bg-danger-o-20 { background-color: rgba(239, 68, 68, 0.2) !important; }
.bg-danger-o-25 { background-color: rgba(239, 68, 68, 0.25) !important; }
.bg-danger-o-30 { background-color: rgba(239, 68, 68, 0.3) !important; }

.bg-info-o-5 { background-color: rgba(59, 130, 246, 0.05) !important; }
.bg-info-o-10 { background-color: rgba(59, 130, 246, 0.1) !important; }
.bg-info-o-15 { background-color: rgba(59, 130, 246, 0.15) !important; }
.bg-info-o-20 { background-color: rgba(59, 130, 246, 0.2) !important; }
.bg-info-o-25 { background-color: rgba(59, 130, 246, 0.25) !important; }
.bg-info-o-30 { background-color: rgba(59, 130, 246, 0.3) !important; }

/* ===== SHADOW VARIANTS ===== */
.shadow-primary {
  box-shadow: 0 0.125rem 0.25rem rgba(244, 151, 19, 0.075) !important;
}

.shadow-secondary {
  box-shadow: 0 0.125rem 0.25rem rgba(107, 114, 128, 0.075) !important;
}

.shadow-success {
  box-shadow: 0 0.125rem 0.25rem rgba(16, 185, 129, 0.075) !important;
}

.shadow-warning {
  box-shadow: 0 0.125rem 0.25rem rgba(245, 158, 11, 0.075) !important;
}

.shadow-danger {
  box-shadow: 0 0.125rem 0.25rem rgba(239, 68, 68, 0.075) !important;
}

.shadow-info {
  box-shadow: 0 0.125rem 0.25rem rgba(59, 130, 246, 0.075) !important;
}

/* ===== LINK HOVER STATES ===== */
a.text-primary:hover,
a.text-primary:focus {
  color: #E6890E !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #4B5563 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #059669 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #D97706 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #DC2626 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #2563EB !important;
}

/* ===== HOVER OPACITY VARIANTS ===== */
/* Primary opacity hover variants */
.bg-hover-primary-o-1:hover { background-color: rgba(244, 151, 19, 0.01) !important; }
.bg-hover-primary-o-2:hover { background-color: rgba(244, 151, 19, 0.02) !important; }
.bg-hover-primary-o-3:hover { background-color: rgba(244, 151, 19, 0.03) !important; }
.bg-hover-primary-o-4:hover { background-color: rgba(244, 151, 19, 0.04) !important; }
.bg-hover-primary-o-5:hover { background-color: rgba(244, 151, 19, 0.05) !important; }
.bg-hover-primary-o-6:hover { background-color: rgba(244, 151, 19, 0.06) !important; }
.bg-hover-primary-o-7:hover { background-color: rgba(244, 151, 19, 0.07) !important; }
.bg-hover-primary-o-8:hover { background-color: rgba(244, 151, 19, 0.08) !important; }
.bg-hover-primary-o-9:hover { background-color: rgba(244, 151, 19, 0.09) !important; }
.bg-hover-primary-o-10:hover { background-color: rgba(244, 151, 19, 0.1) !important; }
.bg-hover-primary-o-11:hover { background-color: rgba(244, 151, 19, 0.11) !important; }
.bg-hover-primary-o-12:hover { background-color: rgba(244, 151, 19, 0.12) !important; }
.bg-hover-primary-o-13:hover { background-color: rgba(244, 151, 19, 0.13) !important; }
.bg-hover-primary-o-14:hover { background-color: rgba(244, 151, 19, 0.14) !important; }
.bg-hover-primary-o-15:hover { background-color: rgba(244, 151, 19, 0.15) !important; }
.bg-hover-primary-o-16:hover { background-color: rgba(244, 151, 19, 0.16) !important; }
.bg-hover-primary-o-17:hover { background-color: rgba(244, 151, 19, 0.17) !important; }
.bg-hover-primary-o-18:hover { background-color: rgba(244, 151, 19, 0.18) !important; }
.bg-hover-primary-o-19:hover { background-color: rgba(244, 151, 19, 0.19) !important; }
.bg-hover-primary-o-20:hover { background-color: rgba(244, 151, 19, 0.2) !important; }

/* Secondary opacity hover variants */
.bg-hover-secondary-o-1:hover { background-color: rgba(107, 114, 128, 0.01) !important; }
.bg-hover-secondary-o-2:hover { background-color: rgba(107, 114, 128, 0.02) !important; }
.bg-hover-secondary-o-3:hover { background-color: rgba(107, 114, 128, 0.03) !important; }
.bg-hover-secondary-o-4:hover { background-color: rgba(107, 114, 128, 0.04) !important; }
.bg-hover-secondary-o-5:hover { background-color: rgba(107, 114, 128, 0.05) !important; }
.bg-hover-secondary-o-6:hover { background-color: rgba(107, 114, 128, 0.06) !important; }
.bg-hover-secondary-o-7:hover { background-color: rgba(107, 114, 128, 0.07) !important; }
.bg-hover-secondary-o-8:hover { background-color: rgba(107, 114, 128, 0.08) !important; }
.bg-hover-secondary-o-9:hover { background-color: rgba(107, 114, 128, 0.09) !important; }
.bg-hover-secondary-o-10:hover { background-color: rgba(107, 114, 128, 0.1) !important; }
.bg-hover-secondary-o-11:hover { background-color: rgba(107, 114, 128, 0.11) !important; }
.bg-hover-secondary-o-12:hover { background-color: rgba(107, 114, 128, 0.12) !important; }
.bg-hover-secondary-o-13:hover { background-color: rgba(107, 114, 128, 0.13) !important; }
.bg-hover-secondary-o-14:hover { background-color: rgba(107, 114, 128, 0.14) !important; }
.bg-hover-secondary-o-15:hover { background-color: rgba(107, 114, 128, 0.15) !important; }
.bg-hover-secondary-o-16:hover { background-color: rgba(107, 114, 128, 0.16) !important; }
.bg-hover-secondary-o-17:hover { background-color: rgba(107, 114, 128, 0.17) !important; }
.bg-hover-secondary-o-18:hover { background-color: rgba(107, 114, 128, 0.18) !important; }
.bg-hover-secondary-o-19:hover { background-color: rgba(107, 114, 128, 0.19) !important; }
.bg-hover-secondary-o-20:hover { background-color: rgba(107, 114, 128, 0.2) !important; }

/* Success opacity hover variants */
.bg-hover-success-o-1:hover { background-color: rgba(16, 185, 129, 0.01) !important; }
.bg-hover-success-o-2:hover { background-color: rgba(16, 185, 129, 0.02) !important; }
.bg-hover-success-o-3:hover { background-color: rgba(16, 185, 129, 0.03) !important; }
.bg-hover-success-o-4:hover { background-color: rgba(16, 185, 129, 0.04) !important; }
.bg-hover-success-o-5:hover { background-color: rgba(16, 185, 129, 0.05) !important; }
.bg-hover-success-o-6:hover { background-color: rgba(16, 185, 129, 0.06) !important; }
.bg-hover-success-o-7:hover { background-color: rgba(16, 185, 129, 0.07) !important; }
.bg-hover-success-o-8:hover { background-color: rgba(16, 185, 129, 0.08) !important; }
.bg-hover-success-o-9:hover { background-color: rgba(16, 185, 129, 0.09) !important; }
.bg-hover-success-o-10:hover { background-color: rgba(16, 185, 129, 0.1) !important; }
.bg-hover-success-o-11:hover { background-color: rgba(16, 185, 129, 0.11) !important; }
.bg-hover-success-o-12:hover { background-color: rgba(16, 185, 129, 0.12) !important; }
.bg-hover-success-o-13:hover { background-color: rgba(16, 185, 129, 0.13) !important; }
.bg-hover-success-o-14:hover { background-color: rgba(16, 185, 129, 0.14) !important; }
.bg-hover-success-o-15:hover { background-color: rgba(16, 185, 129, 0.15) !important; }
.bg-hover-success-o-16:hover { background-color: rgba(16, 185, 129, 0.16) !important; }
.bg-hover-success-o-17:hover { background-color: rgba(16, 185, 129, 0.17) !important; }
.bg-hover-success-o-18:hover { background-color: rgba(16, 185, 129, 0.18) !important; }
.bg-hover-success-o-19:hover { background-color: rgba(16, 185, 129, 0.19) !important; }
.bg-hover-success-o-20:hover { background-color: rgba(16, 185, 129, 0.2) !important; }

/* Warning opacity hover variants */
.bg-hover-warning-o-1:hover { background-color: rgba(245, 158, 11, 0.01) !important; }
.bg-hover-warning-o-2:hover { background-color: rgba(245, 158, 11, 0.02) !important; }
.bg-hover-warning-o-3:hover { background-color: rgba(245, 158, 11, 0.03) !important; }
.bg-hover-warning-o-4:hover { background-color: rgba(245, 158, 11, 0.04) !important; }
.bg-hover-warning-o-5:hover { background-color: rgba(245, 158, 11, 0.05) !important; }
.bg-hover-warning-o-6:hover { background-color: rgba(245, 158, 11, 0.06) !important; }
.bg-hover-warning-o-7:hover { background-color: rgba(245, 158, 11, 0.07) !important; }
.bg-hover-warning-o-8:hover { background-color: rgba(245, 158, 11, 0.08) !important; }
.bg-hover-warning-o-9:hover { background-color: rgba(245, 158, 11, 0.09) !important; }
.bg-hover-warning-o-10:hover { background-color: rgba(245, 158, 11, 0.1) !important; }
.bg-hover-warning-o-11:hover { background-color: rgba(245, 158, 11, 0.11) !important; }
.bg-hover-warning-o-12:hover { background-color: rgba(245, 158, 11, 0.12) !important; }
.bg-hover-warning-o-13:hover { background-color: rgba(245, 158, 11, 0.13) !important; }
.bg-hover-warning-o-14:hover { background-color: rgba(245, 158, 11, 0.14) !important; }
.bg-hover-warning-o-15:hover { background-color: rgba(245, 158, 11, 0.15) !important; }
.bg-hover-warning-o-16:hover { background-color: rgba(245, 158, 11, 0.16) !important; }
.bg-hover-warning-o-17:hover { background-color: rgba(245, 158, 11, 0.17) !important; }
.bg-hover-warning-o-18:hover { background-color: rgba(245, 158, 11, 0.18) !important; }
.bg-hover-warning-o-19:hover { background-color: rgba(245, 158, 11, 0.19) !important; }
.bg-hover-warning-o-20:hover { background-color: rgba(245, 158, 11, 0.2) !important; }

/* Danger opacity hover variants */
.bg-hover-danger-o-1:hover { background-color: rgba(239, 68, 68, 0.01) !important; }
.bg-hover-danger-o-2:hover { background-color: rgba(239, 68, 68, 0.02) !important; }
.bg-hover-danger-o-3:hover { background-color: rgba(239, 68, 68, 0.03) !important; }
.bg-hover-danger-o-4:hover { background-color: rgba(239, 68, 68, 0.04) !important; }
.bg-hover-danger-o-5:hover { background-color: rgba(239, 68, 68, 0.05) !important; }
.bg-hover-danger-o-6:hover { background-color: rgba(239, 68, 68, 0.06) !important; }
.bg-hover-danger-o-7:hover { background-color: rgba(239, 68, 68, 0.07) !important; }
.bg-hover-danger-o-8:hover { background-color: rgba(239, 68, 68, 0.08) !important; }
.bg-hover-danger-o-9:hover { background-color: rgba(239, 68, 68, 0.09) !important; }
.bg-hover-danger-o-10:hover { background-color: rgba(239, 68, 68, 0.1) !important; }
.bg-hover-danger-o-11:hover { background-color: rgba(239, 68, 68, 0.11) !important; }
.bg-hover-danger-o-12:hover { background-color: rgba(239, 68, 68, 0.12) !important; }
.bg-hover-danger-o-13:hover { background-color: rgba(239, 68, 68, 0.13) !important; }
.bg-hover-danger-o-14:hover { background-color: rgba(239, 68, 68, 0.14) !important; }
.bg-hover-danger-o-15:hover { background-color: rgba(239, 68, 68, 0.15) !important; }
.bg-hover-danger-o-16:hover { background-color: rgba(239, 68, 68, 0.16) !important; }
.bg-hover-danger-o-17:hover { background-color: rgba(239, 68, 68, 0.17) !important; }
.bg-hover-danger-o-18:hover { background-color: rgba(239, 68, 68, 0.18) !important; }
.bg-hover-danger-o-19:hover { background-color: rgba(239, 68, 68, 0.19) !important; }
.bg-hover-danger-o-20:hover { background-color: rgba(239, 68, 68, 0.2) !important; }

/* Info opacity hover variants */
.bg-hover-info-o-1:hover { background-color: rgba(59, 130, 246, 0.01) !important; }
.bg-hover-info-o-2:hover { background-color: rgba(59, 130, 246, 0.02) !important; }
.bg-hover-info-o-3:hover { background-color: rgba(59, 130, 246, 0.03) !important; }
.bg-hover-info-o-4:hover { background-color: rgba(59, 130, 246, 0.04) !important; }
.bg-hover-info-o-5:hover { background-color: rgba(59, 130, 246, 0.05) !important; }
.bg-hover-info-o-6:hover { background-color: rgba(59, 130, 246, 0.06) !important; }
.bg-hover-info-o-7:hover { background-color: rgba(59, 130, 246, 0.07) !important; }
.bg-hover-info-o-8:hover { background-color: rgba(59, 130, 246, 0.08) !important; }
.bg-hover-info-o-9:hover { background-color: rgba(59, 130, 246, 0.09) !important; }
.bg-hover-info-o-10:hover { background-color: rgba(59, 130, 246, 0.1) !important; }
.bg-hover-info-o-11:hover { background-color: rgba(59, 130, 246, 0.11) !important; }
.bg-hover-info-o-12:hover { background-color: rgba(59, 130, 246, 0.12) !important; }
.bg-hover-info-o-13:hover { background-color: rgba(59, 130, 246, 0.13) !important; }
.bg-hover-info-o-14:hover { background-color: rgba(59, 130, 246, 0.14) !important; }
.bg-hover-info-o-15:hover { background-color: rgba(59, 130, 246, 0.15) !important; }
.bg-hover-info-o-16:hover { background-color: rgba(59, 130, 246, 0.16) !important; }
.bg-hover-info-o-17:hover { background-color: rgba(59, 130, 246, 0.17) !important; }
.bg-hover-info-o-18:hover { background-color: rgba(59, 130, 246, 0.18) !important; }
.bg-hover-info-o-19:hover { background-color: rgba(59, 130, 246, 0.19) !important; }
.bg-hover-info-o-20:hover { background-color: rgba(59, 130, 246, 0.2) !important; }