/*
 * 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.
 */

 .miniicon{
font-size: 10px;
 }
 .fielder-col {
     background-color: #f0f8ff!important;;
 }

 .qc-col {
     background-color: #f9fbe7!important;;
 }

 .cleaner-col {
     background-color: #fff3e0!important;;
 }


.search{
    width: 100% !important;
    max-width: none !important;
}

 .search label, 
 .search b, 
 .label,
 form label {
    font-size: 0.8em;
    font-weight: bold;
    
 }
 .text-small{
    font-size: 0.75em;
    
 }

 hr {
     border: 1px solid #efefef;
 }





 :root {
     --bs-primary: #2e2e85;
     --bs-secondary: #1c70b8;
     --bs-info: #2a5e8c;
 }

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

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

 .badge-primary {
     background-color: var(--bs-primary);
 }

 .badge-secondary {
     background-color: var(--bs-secondary);
 }

 :root {
     --bs-primary: #2e2e85;
     --bs-secondary: #1c70b8;
     --bs-info: #2a5e8c;
     --bs-success: #388e3c;
     --bs-danger: #b71c1c;
     --bs-warning: #f9a825;
     --bs-light: #f1f3f8;
     --bs-dark: #1a1a40;
     --bs-muted: #6c757d;
     --bs-white: #ffffff;
 }

 /* Buttons */
 .btn-primary {
     background-color: var(--bs-primary) !important;
     border-color: var(--bs-primary) !important;
 }

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

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

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

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

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

 /* Badges */
 .badge-primary {
     background-color: var(--bs-primary) !important;
 }

 .badge-secondary {
     background-color: var(--bs-secondary) !important;
 }

 .badge-info {
     background-color: var(--bs-info) !important;
 }

 .badge-success {
     background-color: var(--bs-success) !important;
 }

 .badge-danger {
     background-color: var(--bs-danger) !important;
 }

 .badge-warning {
     background-color: var(--bs-warning) !important;
 }

 .badge-light {
     background-color: var(--bs-light) !important;
     color: #000;
 }

 .badge-dark {
     background-color: var(--bs-dark) !important;
 }

 .badge-muted {
     background-color: var(--bs-muted) !important;
 }

 .badge-white {
     background-color: var(--bs-white) !important;
     color: #000;
 }