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

.bg-primary-100 {
  background: #d3d3d4 !important;
}

.border-primary-100 {
  border-color: #d3d3d4 !important;
  --bs-border-color: #d3d3d4;
}

.hover-primary-100 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-100:hover {
  background: rgba(211, 211, 212, 0.1) !important;
}

.active-primary-100.active {
  background: #d3d3d4 !important;
}

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

.bg-primary-200 {
  background: #a7a7a8 !important;
}

.border-primary-200 {
  border-color: #a7a7a8 !important;
  --bs-border-color: #a7a7a8;
}

.hover-primary-200 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-200:hover {
  background: rgba(167, 167, 168, 0.1) !important;
}

.active-primary-200.active {
  background: #a7a7a8 !important;
}

.text-primary-300 {
  color: #7b7c7d !important;
}

.bg-primary-300 {
  background: #7b7c7d !important;
}

.border-primary-300 {
  border-color: #7b7c7d !important;
  --bs-border-color: #7b7c7d;
}

.hover-primary-300 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-300:hover {
  background: rgba(123, 124, 125, 0.1) !important;
}

.active-primary-300.active {
  background: #7b7c7d !important;
}

.text-primary-400 {
  color: #4f5051 !important;
}

.bg-primary-400 {
  background: #4f5051 !important;
}

.border-primary-400 {
  border-color: #4f5051 !important;
  --bs-border-color: #4f5051;
}

.hover-primary-400 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-400:hover {
  background: rgba(79, 80, 81, 0.1) !important;
}

.active-primary-400.active {
  background: #4f5051 !important;
}

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

.bg-primary-500 {
  background: #232426 !important;
}

.border-primary-500 {
  border-color: #232426 !important;
  --bs-border-color: #232426;
}

.hover-primary-500 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-500:hover {
  background: rgba(35, 36, 38, 0.1) !important;
}

.active-primary-500.active {
  background: #232426 !important;
}

.text-primary-600 {
  color: #1c1d1e !important;
}

.bg-primary-600 {
  background: #1c1d1e !important;
}

.border-primary-600 {
  border-color: #1c1d1e !important;
  --bs-border-color: #1c1d1e;
}

.hover-primary-600 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-600:hover {
  background: rgba(28, 29, 30, 0.1) !important;
}

.active-primary-600.active {
  background: #1c1d1e !important;
}

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

.bg-primary-700 {
  background: #151617 !important;
}

.border-primary-700 {
  border-color: #151617 !important;
  --bs-border-color: #151617;
}

.hover-primary-700 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-700:hover {
  background: rgba(21, 22, 23, 0.1) !important;
}

.active-primary-700.active {
  background: #151617 !important;
}

.text-primary-800 {
  color: #0e0e0f !important;
}

.bg-primary-800 {
  background: #0e0e0f !important;
}

.border-primary-800 {
  border-color: #0e0e0f !important;
  --bs-border-color: #0e0e0f;
}

.hover-primary-800 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-800:hover {
  background: rgba(14, 14, 15, 0.1) !important;
}

.active-primary-800.active {
  background: #0e0e0f !important;
}

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

.bg-primary-900 {
  background: #070708 !important;
}

.border-primary-900 {
  border-color: #070708 !important;
  --bs-border-color: #070708;
}

.hover-primary-900 {
  transition: all 0.15s linear ease-out;
}
.hover-primary-900:hover {
  background: rgba(7, 7, 8, 0.1) !important;
}

.active-primary-900.active {
  background: #070708 !important;
}

.text-secondary-100 {
  color: #e4e5ee !important;
}

.bg-secondary-100 {
  background: #e4e5ee !important;
}

.border-secondary-100 {
  border-color: #e4e5ee !important;
  --bs-border-color: #e4e5ee;
}

.hover-secondary-100 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-100:hover {
  background: rgba(228, 229, 238, 0.1) !important;
}

.active-secondary-100.active {
  background: #e4e5ee !important;
}

.text-secondary-200 {
  color: #d2d4e2 !important;
}

.bg-secondary-200 {
  background: #d2d4e2 !important;
}

.border-secondary-200 {
  border-color: #d2d4e2 !important;
  --bs-border-color: #d2d4e2;
}

.hover-secondary-200 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-200:hover {
  background: rgba(210, 212, 226, 0.1) !important;
}

.active-secondary-200.active {
  background: #d2d4e2 !important;
}

.text-secondary-300 {
  color: #c0c2d6 !important;
}

.bg-secondary-300 {
  background: #c0c2d6 !important;
}

.border-secondary-300 {
  border-color: #c0c2d6 !important;
  --bs-border-color: #c0c2d6;
}

.hover-secondary-300 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-300:hover {
  background: rgba(192, 194, 214, 0.1) !important;
}

.active-secondary-300.active {
  background: #c0c2d6 !important;
}

.text-secondary-400 {
  color: #b7b9d1 !important;
}

.bg-secondary-400 {
  background: #b7b9d1 !important;
}

.border-secondary-400 {
  border-color: #b7b9d1 !important;
  --bs-border-color: #b7b9d1;
}

.hover-secondary-400 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-400:hover {
  background: rgba(183, 185, 209, 0.1) !important;
}

.active-secondary-400.active {
  background: #b7b9d1 !important;
}

.text-secondary-500 {
  color: #a5a8c5 !important;
}

.bg-secondary-500 {
  background: #a5a8c5 !important;
}

.border-secondary-500 {
  border-color: #a5a8c5 !important;
  --bs-border-color: #a5a8c5;
}

.hover-secondary-500 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-500:hover {
  background: rgba(165, 168, 197, 0.1) !important;
}

.active-secondary-500.active {
  background: #a5a8c5 !important;
}

.text-secondary-600 {
  color: #84869e !important;
}

.bg-secondary-600 {
  background: #84869e !important;
}

.border-secondary-600 {
  border-color: #84869e !important;
  --bs-border-color: #84869e;
}

.hover-secondary-600 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-600:hover {
  background: rgba(132, 134, 158, 0.1) !important;
}

.active-secondary-600.active {
  background: #84869e !important;
}

.text-secondary-700 {
  color: #636576 !important;
}

.bg-secondary-700 {
  background: #636576 !important;
}

.border-secondary-700 {
  border-color: #636576 !important;
  --bs-border-color: #636576;
}

.hover-secondary-700 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-700:hover {
  background: rgba(99, 101, 118, 0.1) !important;
}

.active-secondary-700.active {
  background: #636576 !important;
}

.text-secondary-800 {
  color: #42434f !important;
}

.bg-secondary-800 {
  background: #42434f !important;
}

.border-secondary-800 {
  border-color: #42434f !important;
  --bs-border-color: #42434f;
}

.hover-secondary-800 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-800:hover {
  background: rgba(66, 67, 79, 0.1) !important;
}

.active-secondary-800.active {
  background: #42434f !important;
}

.text-secondary-900 {
  color: #212227 !important;
}

.bg-secondary-900 {
  background: #212227 !important;
}

.border-secondary-900 {
  border-color: #212227 !important;
  --bs-border-color: #212227;
}

.hover-secondary-900 {
  transition: all 0.15s linear ease-out;
}
.hover-secondary-900:hover {
  background: rgba(33, 34, 39, 0.1) !important;
}

.active-secondary-900.active {
  background: #212227 !important;
}

.text-success-100 {
  color: #D1E7DD !important;
}

.bg-success-100 {
  background: #D1E7DD !important;
}

.border-success-100 {
  border-color: #D1E7DD !important;
  --bs-border-color: #D1E7DD;
}

.hover-success-100 {
  transition: all 0.15s linear ease-out;
}
.hover-success-100:hover {
  background: rgba(209, 231, 221, 0.1) !important;
}

.active-success-100.active {
  background: #D1E7DD !important;
}

.text-success-200 {
  color: #A3CFBB !important;
}

.bg-success-200 {
  background: #A3CFBB !important;
}

.border-success-200 {
  border-color: #A3CFBB !important;
  --bs-border-color: #A3CFBB;
}

.hover-success-200 {
  transition: all 0.15s linear ease-out;
}
.hover-success-200:hover {
  background: rgba(163, 207, 187, 0.1) !important;
}

.active-success-200.active {
  background: #A3CFBB !important;
}

.text-success-300 {
  color: #75B798 !important;
}

.bg-success-300 {
  background: #75B798 !important;
}

.border-success-300 {
  border-color: #75B798 !important;
  --bs-border-color: #75B798;
}

.hover-success-300 {
  transition: all 0.15s linear ease-out;
}
.hover-success-300:hover {
  background: rgba(117, 183, 152, 0.1) !important;
}

.active-success-300.active {
  background: #75B798 !important;
}

.text-success-400 {
  color: #479F76 !important;
}

.bg-success-400 {
  background: #479F76 !important;
}

.border-success-400 {
  border-color: #479F76 !important;
  --bs-border-color: #479F76;
}

.hover-success-400 {
  transition: all 0.15s linear ease-out;
}
.hover-success-400:hover {
  background: rgba(71, 159, 118, 0.1) !important;
}

.active-success-400.active {
  background: #479F76 !important;
}

.text-success-500 {
  color: #198754 !important;
}

.bg-success-500 {
  background: #198754 !important;
}

.border-success-500 {
  border-color: #198754 !important;
  --bs-border-color: #198754;
}

.hover-success-500 {
  transition: all 0.15s linear ease-out;
}
.hover-success-500:hover {
  background: rgba(25, 135, 84, 0.1) !important;
}

.active-success-500.active {
  background: #198754 !important;
}

.text-success-600 {
  color: #146C43 !important;
}

.bg-success-600 {
  background: #146C43 !important;
}

.border-success-600 {
  border-color: #146C43 !important;
  --bs-border-color: #146C43;
}

.hover-success-600 {
  transition: all 0.15s linear ease-out;
}
.hover-success-600:hover {
  background: rgba(20, 108, 67, 0.1) !important;
}

.active-success-600.active {
  background: #146C43 !important;
}

.text-success-700 {
  color: #0F5132 !important;
}

.bg-success-700 {
  background: #0F5132 !important;
}

.border-success-700 {
  border-color: #0F5132 !important;
  --bs-border-color: #0F5132;
}

.hover-success-700 {
  transition: all 0.15s linear ease-out;
}
.hover-success-700:hover {
  background: rgba(15, 81, 50, 0.1) !important;
}

.active-success-700.active {
  background: #0F5132 !important;
}

.text-success-800 {
  color: #0A3622 !important;
}

.bg-success-800 {
  background: #0A3622 !important;
}

.border-success-800 {
  border-color: #0A3622 !important;
  --bs-border-color: #0A3622;
}

.hover-success-800 {
  transition: all 0.15s linear ease-out;
}
.hover-success-800:hover {
  background: rgba(10, 54, 34, 0.1) !important;
}

.active-success-800.active {
  background: #0A3622 !important;
}

.text-success-900 {
  color: #051B11 !important;
}

.bg-success-900 {
  background: #051B11 !important;
}

.border-success-900 {
  border-color: #051B11 !important;
  --bs-border-color: #051B11;
}

.hover-success-900 {
  transition: all 0.15s linear ease-out;
}
.hover-success-900:hover {
  background: rgba(5, 27, 17, 0.1) !important;
}

.active-success-900.active {
  background: #051B11 !important;
}

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

.bg-danger-100 {
  background: #F8D7DA !important;
}

.border-danger-100 {
  border-color: #F8D7DA !important;
  --bs-border-color: #F8D7DA;
}

.hover-danger-100 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-100:hover {
  background: rgba(248, 215, 218, 0.1) !important;
}

.active-danger-100.active {
  background: #F8D7DA !important;
}

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

.bg-danger-200 {
  background: #F1AEB5 !important;
}

.border-danger-200 {
  border-color: #F1AEB5 !important;
  --bs-border-color: #F1AEB5;
}

.hover-danger-200 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-200:hover {
  background: rgba(241, 174, 181, 0.1) !important;
}

.active-danger-200.active {
  background: #F1AEB5 !important;
}

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

.bg-danger-300 {
  background: #EA868F !important;
}

.border-danger-300 {
  border-color: #EA868F !important;
  --bs-border-color: #EA868F;
}

.hover-danger-300 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-300:hover {
  background: rgba(234, 134, 143, 0.1) !important;
}

.active-danger-300.active {
  background: #EA868F !important;
}

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

.bg-danger-400 {
  background: #E35D6A !important;
}

.border-danger-400 {
  border-color: #E35D6A !important;
  --bs-border-color: #E35D6A;
}

.hover-danger-400 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-400:hover {
  background: rgba(227, 93, 106, 0.1) !important;
}

.active-danger-400.active {
  background: #E35D6A !important;
}

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

.bg-danger-500 {
  background: #DC3545 !important;
}

.border-danger-500 {
  border-color: #DC3545 !important;
  --bs-border-color: #DC3545;
}

.hover-danger-500 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-500:hover {
  background: rgba(220, 53, 69, 0.1) !important;
}

.active-danger-500.active {
  background: #DC3545 !important;
}

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

.bg-danger-600 {
  background: #B02A37 !important;
}

.border-danger-600 {
  border-color: #B02A37 !important;
  --bs-border-color: #B02A37;
}

.hover-danger-600 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-600:hover {
  background: rgba(176, 42, 55, 0.1) !important;
}

.active-danger-600.active {
  background: #B02A37 !important;
}

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

.bg-danger-700 {
  background: #842029 !important;
}

.border-danger-700 {
  border-color: #842029 !important;
  --bs-border-color: #842029;
}

.hover-danger-700 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-700:hover {
  background: rgba(132, 32, 41, 0.1) !important;
}

.active-danger-700.active {
  background: #842029 !important;
}

.text-danger-800 {
  color: #58151C !important;
}

.bg-danger-800 {
  background: #58151C !important;
}

.border-danger-800 {
  border-color: #58151C !important;
  --bs-border-color: #58151C;
}

.hover-danger-800 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-800:hover {
  background: rgba(88, 21, 28, 0.1) !important;
}

.active-danger-800.active {
  background: #58151C !important;
}

.text-danger-900 {
  color: #2C0B0E !important;
}

.bg-danger-900 {
  background: #2C0B0E !important;
}

.border-danger-900 {
  border-color: #2C0B0E !important;
  --bs-border-color: #2C0B0E;
}

.hover-danger-900 {
  transition: all 0.15s linear ease-out;
}
.hover-danger-900:hover {
  background: rgba(44, 11, 14, 0.1) !important;
}

.active-danger-900.active {
  background: #2C0B0E !important;
}

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

.bg-warning-100 {
  background: #FFF3CD !important;
}

.border-warning-100 {
  border-color: #FFF3CD !important;
  --bs-border-color: #FFF3CD;
}

.hover-warning-100 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-100:hover {
  background: rgba(255, 243, 205, 0.1) !important;
}

.active-warning-100.active {
  background: #FFF3CD !important;
}

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

.bg-warning-200 {
  background: #FFE69C !important;
}

.border-warning-200 {
  border-color: #FFE69C !important;
  --bs-border-color: #FFE69C;
}

.hover-warning-200 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-200:hover {
  background: rgba(255, 230, 156, 0.1) !important;
}

.active-warning-200.active {
  background: #FFE69C !important;
}

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

.bg-warning-300 {
  background: #FFDA6A !important;
}

.border-warning-300 {
  border-color: #FFDA6A !important;
  --bs-border-color: #FFDA6A;
}

.hover-warning-300 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-300:hover {
  background: rgba(255, 218, 106, 0.1) !important;
}

.active-warning-300.active {
  background: #FFDA6A !important;
}

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

.bg-warning-400 {
  background: #FFCD39 !important;
}

.border-warning-400 {
  border-color: #FFCD39 !important;
  --bs-border-color: #FFCD39;
}

.hover-warning-400 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-400:hover {
  background: rgba(255, 205, 57, 0.1) !important;
}

.active-warning-400.active {
  background: #FFCD39 !important;
}

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

.bg-warning-500 {
  background: #FFC107 !important;
}

.border-warning-500 {
  border-color: #FFC107 !important;
  --bs-border-color: #FFC107;
}

.hover-warning-500 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-500:hover {
  background: rgba(255, 193, 7, 0.1) !important;
}

.active-warning-500.active {
  background: #FFC107 !important;
}

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

.bg-warning-600 {
  background: #CC9A06 !important;
}

.border-warning-600 {
  border-color: #CC9A06 !important;
  --bs-border-color: #CC9A06;
}

.hover-warning-600 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-600:hover {
  background: rgba(204, 154, 6, 0.1) !important;
}

.active-warning-600.active {
  background: #CC9A06 !important;
}

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

.bg-warning-700 {
  background: #997404 !important;
}

.border-warning-700 {
  border-color: #997404 !important;
  --bs-border-color: #997404;
}

.hover-warning-700 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-700:hover {
  background: rgba(153, 116, 4, 0.1) !important;
}

.active-warning-700.active {
  background: #997404 !important;
}

.text-warning-800 {
  color: #664D03 !important;
}

.bg-warning-800 {
  background: #664D03 !important;
}

.border-warning-800 {
  border-color: #664D03 !important;
  --bs-border-color: #664D03;
}

.hover-warning-800 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-800:hover {
  background: rgba(102, 77, 3, 0.1) !important;
}

.active-warning-800.active {
  background: #664D03 !important;
}

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

.bg-warning-900 {
  background: #332701 !important;
}

.border-warning-900 {
  border-color: #332701 !important;
  --bs-border-color: #332701;
}

.hover-warning-900 {
  transition: all 0.15s linear ease-out;
}
.hover-warning-900:hover {
  background: rgba(51, 39, 1, 0.1) !important;
}

.active-warning-900.active {
  background: #332701 !important;
}

.text-info-100 {
  color: #CFF4FC !important;
}

.bg-info-100 {
  background: #CFF4FC !important;
}

.border-info-100 {
  border-color: #CFF4FC !important;
  --bs-border-color: #CFF4FC;
}

.hover-info-100 {
  transition: all 0.15s linear ease-out;
}
.hover-info-100:hover {
  background: rgba(207, 244, 252, 0.1) !important;
}

.active-info-100.active {
  background: #CFF4FC !important;
}

.text-info-200 {
  color: #9EEAF9 !important;
}

.bg-info-200 {
  background: #9EEAF9 !important;
}

.border-info-200 {
  border-color: #9EEAF9 !important;
  --bs-border-color: #9EEAF9;
}

.hover-info-200 {
  transition: all 0.15s linear ease-out;
}
.hover-info-200:hover {
  background: rgba(158, 234, 249, 0.1) !important;
}

.active-info-200.active {
  background: #9EEAF9 !important;
}

.text-info-300 {
  color: #6EDFF6 !important;
}

.bg-info-300 {
  background: #6EDFF6 !important;
}

.border-info-300 {
  border-color: #6EDFF6 !important;
  --bs-border-color: #6EDFF6;
}

.hover-info-300 {
  transition: all 0.15s linear ease-out;
}
.hover-info-300:hover {
  background: rgba(110, 223, 246, 0.1) !important;
}

.active-info-300.active {
  background: #6EDFF6 !important;
}

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

.bg-info-400 {
  background: #3DD5F3 !important;
}

.border-info-400 {
  border-color: #3DD5F3 !important;
  --bs-border-color: #3DD5F3;
}

.hover-info-400 {
  transition: all 0.15s linear ease-out;
}
.hover-info-400:hover {
  background: rgba(61, 213, 243, 0.1) !important;
}

.active-info-400.active {
  background: #3DD5F3 !important;
}

.text-info-500 {
  color: #0DCAF0 !important;
}

.bg-info-500 {
  background: #0DCAF0 !important;
}

.border-info-500 {
  border-color: #0DCAF0 !important;
  --bs-border-color: #0DCAF0;
}

.hover-info-500 {
  transition: all 0.15s linear ease-out;
}
.hover-info-500:hover {
  background: rgba(13, 202, 240, 0.1) !important;
}

.active-info-500.active {
  background: #0DCAF0 !important;
}

.text-info-600 {
  color: #0AA2C0 !important;
}

.bg-info-600 {
  background: #0AA2C0 !important;
}

.border-info-600 {
  border-color: #0AA2C0 !important;
  --bs-border-color: #0AA2C0;
}

.hover-info-600 {
  transition: all 0.15s linear ease-out;
}
.hover-info-600:hover {
  background: rgba(10, 162, 192, 0.1) !important;
}

.active-info-600.active {
  background: #0AA2C0 !important;
}

.text-info-700 {
  color: #087990 !important;
}

.bg-info-700 {
  background: #087990 !important;
}

.border-info-700 {
  border-color: #087990 !important;
  --bs-border-color: #087990;
}

.hover-info-700 {
  transition: all 0.15s linear ease-out;
}
.hover-info-700:hover {
  background: rgba(8, 121, 144, 0.1) !important;
}

.active-info-700.active {
  background: #087990 !important;
}

.text-info-800 {
  color: #055160 !important;
}

.bg-info-800 {
  background: #055160 !important;
}

.border-info-800 {
  border-color: #055160 !important;
  --bs-border-color: #055160;
}

.hover-info-800 {
  transition: all 0.15s linear ease-out;
}
.hover-info-800:hover {
  background: rgba(5, 81, 96, 0.1) !important;
}

.active-info-800.active {
  background: #055160 !important;
}

.text-info-900 {
  color: #032830 !important;
}

.bg-info-900 {
  background: #032830 !important;
}

.border-info-900 {
  border-color: #032830 !important;
  --bs-border-color: #032830;
}

.hover-info-900 {
  transition: all 0.15s linear ease-out;
}
.hover-info-900:hover {
  background: rgba(3, 40, 48, 0.1) !important;
}

.active-info-900.active {
  background: #032830 !important;
}

.text-gray-100 {
  color: #EFF0F2 !important;
}

.bg-gray-100 {
  background: #EFF0F2 !important;
}

.border-gray-100 {
  border-color: #EFF0F2 !important;
  --bs-border-color: #EFF0F2;
}

.hover-gray-100 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-100:hover {
  background: rgba(239, 240, 242, 0.1) !important;
}

.active-gray-100.active {
  background: #EFF0F2 !important;
}

.text-gray-200 {
  color: #DEE1E5 !important;
}

.bg-gray-200 {
  background: #DEE1E5 !important;
}

.border-gray-200 {
  border-color: #DEE1E5 !important;
  --bs-border-color: #DEE1E5;
}

.hover-gray-200 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-200:hover {
  background: rgba(222, 225, 229, 0.1) !important;
}

.active-gray-200.active {
  background: #DEE1E5 !important;
}

.text-gray-300 {
  color: #CED3D7 !important;
}

.bg-gray-300 {
  background: #CED3D7 !important;
}

.border-gray-300 {
  border-color: #CED3D7 !important;
  --bs-border-color: #CED3D7;
}

.hover-gray-300 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-300:hover {
  background: rgba(206, 211, 215, 0.1) !important;
}

.active-gray-300.active {
  background: #CED3D7 !important;
}

.text-gray-400 {
  color: #BDC4CA !important;
}

.bg-gray-400 {
  background: #BDC4CA !important;
}

.border-gray-400 {
  border-color: #BDC4CA !important;
  --bs-border-color: #BDC4CA;
}

.hover-gray-400 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-400:hover {
  background: rgba(189, 196, 202, 0.1) !important;
}

.active-gray-400.active {
  background: #BDC4CA !important;
}

.text-gray-500 {
  color: #ADB5BD !important;
}

.bg-gray-500 {
  background: #ADB5BD !important;
}

.border-gray-500 {
  border-color: #ADB5BD !important;
  --bs-border-color: #ADB5BD;
}

.hover-gray-500 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-500:hover {
  background: rgba(173, 181, 189, 0.1) !important;
}

.active-gray-500.active {
  background: #ADB5BD !important;
}

.text-gray-600 {
  color: #8A9197 !important;
}

.bg-gray-600 {
  background: #8A9197 !important;
}

.border-gray-600 {
  border-color: #8A9197 !important;
  --bs-border-color: #8A9197;
}

.hover-gray-600 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-600:hover {
  background: rgba(138, 145, 151, 0.1) !important;
}

.active-gray-600.active {
  background: #8A9197 !important;
}

.text-gray-700 {
  color: #686D71 !important;
}

.bg-gray-700 {
  background: #686D71 !important;
}

.border-gray-700 {
  border-color: #686D71 !important;
  --bs-border-color: #686D71;
}

.hover-gray-700 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-700:hover {
  background: rgba(104, 109, 113, 0.1) !important;
}

.active-gray-700.active {
  background: #686D71 !important;
}

.text-gray-800 {
  color: #45484C !important;
}

.bg-gray-800 {
  background: #45484C !important;
}

.border-gray-800 {
  border-color: #45484C !important;
  --bs-border-color: #45484C;
}

.hover-gray-800 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-800:hover {
  background: rgba(69, 72, 76, 0.1) !important;
}

.active-gray-800.active {
  background: #45484C !important;
}

.text-gray-900 {
  color: #232426 !important;
}

.bg-gray-900 {
  background: #232426 !important;
}

.border-gray-900 {
  border-color: #232426 !important;
  --bs-border-color: #232426;
}

.hover-gray-900 {
  transition: all 0.15s linear ease-out;
}
.hover-gray-900:hover {
  background: rgba(35, 36, 38, 0.1) !important;
}

.active-gray-900.active {
  background: #232426 !important;
}

/*# sourceMappingURL=custom.css.map */