.bg-bs-blue {
  background-color: rgba(13, 110, 253, 0.9) !important; /* Original Bootstrap blue color with reduced opacity */
}

.bg-bs-grey {
  background-color: rgba(108, 117, 125, 0.9) !important; /* Original Bootstrap grey color with reduced opacity */
}

.bg-bs-green {
  background-color: rgba(25, 135, 84, 0.9) !important; /* Original Bootstrap green color with reduced opacity */
}

.bg-bs-red {
  background-color: rgba(220, 53, 69, 0.9) !important; /* Original Bootstrap red color with reduced opacity */
}

.bg-bs-light-green {
  background-color: rgba(142, 221, 161, 0.9) !important; /* Original Bootstrap light-green color with reduced opacity */
  color: black !important;
}

.bg-bs-yellow {
  background-color: rgba(255, 193, 7, 0.9) !important; /* Original Bootstrap yellow color with reduced opacity */
  color: black !important;
}

.bg-bs-light-blue {
  background-color: rgba(13, 204, 242, 0.9) !important; /* Original Bootstrap light-blue color with reduced opacity */
  color: black;
}

.bg-bs-light {
  background-color: rgba(248, 249, 250, 0.9) !important; /* Original Bootstrap light color with reduced opacity */
  color: black;
}

.bg-bs-dark {
  background-color: rgba(33, 37, 41, 0.9) !important; /* Original Bootstrap dark color with reduced opacity */
}



.bg-bs-white {
  background-color: rgba(255, 255, 255, 0.9) !important; /* Original Bootstrap white color with reduced opacity */
}

.bg-bs-transparent {
  background-color: rgba(0, 0, 0, 0) !important; /* Original Bootstrap transparent color with reduced opacity */
}


.text-bs-blue {
  color: rgba(13, 110, 253, 0.9) !important; /* Original Bootstrap blue color with reduced opacity */
}

.text-bs-grey {
  color: rgba(108, 117, 125, 0.9) !important; /* Original Bootstrap grey color with reduced opacity */
}

.text-bs-green {
  color: rgba(25, 135, 84, 0.9) !important; /* Original Bootstrap green color with reduced opacity */
}

.text-bs-red {
  color: rgba(220, 53, 69, 0.9) !important; /* Original Bootstrap red color with reduced opacity */
}

.text-bs-yellow {
  color: rgba(255, 193, 7, 0.9) !important; /* Original Bootstrap yellow color with reduced opacity */
}

.text-bs-light-blue {
  color: rgba(13, 202, 240, 0.9) !important; /* Original Bootstrap light-blue color with reduced opacity */
}

.text-bs-light {
  color: rgba(248, 249, 250, 0.9) !important; /* Original Bootstrap light color with reduced opacity */
}

.text-bs-dark {
  color: rgba(33, 37, 41, 0.9) !important; /* Original Bootstrap dark color with reduced opacity */
}

.text-bs-white {
  color: rgba(255, 255, 255, 0.9) !important; /* Original Bootstrap white color with reduced opacity */
}
.text-white {
  color: rgba(255, 255, 255) !important; /* Original Bootstrap white color with reduced opacity */
}

.text-bs-body {
  color: rgba(33, 37, 41, 0.9) !important; /* Original Bootstrap body color with reduced opacity */
}

.text-bs-muted {
  color: rgba(108, 117, 125, 0.9) !important; /* Original Bootstrap muted color with reduced opacity */
}

.text-bs-black-50 {
  color: rgba(0, 0, 0, 0.3) !important; /* Reduced opacity for black */
}

.text-bs-white-50 {
  color: rgba(255, 255, 255, 0.3) !important; /* Reduced opacity for white */
}

.bg-orange {
  background-color: rgba(255, 106, 7, 0.9) !important; /* Original Bootstrap red color with reduced opacity */
}

body.dark-only .text-dark{
  color: #ffffffcc !important;
}
body.dark-only .txt-dark{
  color: #ffffffcc !important;
}
body.dark-only .bg-light{
  background-color: #1F2F3E !important;
}
body.dark-only .bg-dark{
  background-color: #ffffffcc !important;
  color: #1F2F3E !important;
}