/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.btn-check:checked + .badge {
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #333;
}

.text-bg-blue       { background-color: #0d6efd !important; color: #fff !important; }
.text-bg-gray       { background-color: #6c757d !important; color: #fff !important; }
.text-bg-green      { background-color: #198754 !important; color: #fff !important; }
.text-bg-red        { background-color: #dc3545 !important; color: #fff !important; }
.text-bg-yellow     { background-color: #ffc107 !important; color: #000 !important; }
.text-bg-water_blue { background-color: #0dcaf0 !important; color: #000 !important; }
.text-bg-white      { background-color: #f8f9fa !important; color: #000 !important; border: 1px solid #dee2e6 !important; }
.text-bg-black      { background-color: #212529 !important; color: #fff !important; }