/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */
.badge-active {
    background-color: #28a745;
    color: white;
  }
  
  .badge-inactive {
    background-color: #6c757d;
    color: white;
  }
  
  .badge-underrepair {
    background-color: #ffc107;
    color: black;
  }
  
  .badge-disposed {
    background-color: #dc3545;
    color: white;
  }

  /* The sidebar is position:fixed with height:100% and no scroll of its own,
     so an expanded Reports dropdown (many categories x many report links)
     taller than the viewport was getting clipped with no way to reach the
     rest of it. Let the sidebar scroll internally instead. !important is
     needed because the theme's own JS sets an inline overflow:hidden on
     this element (app.min.js, sidebar init) that would otherwise win. */
  .main-sidebar {
    overflow-y: auto !important;
  }

  /* DataTables' export toolbar (Copy/CSV/Excel/PDF/Print/Download Selected)
     renders as a Bootstrap .btn-group, and this theme's .btn { flex: 1 1 auto }
     rule (meant for buttons that should stretch to fill a flex row) was
     forcing every button in the group to the same equal width regardless of
     its own text length - so "Copy" and "Download Selected" ended up the
     same oversized width, wrapping the longer labels onto 2-3 lines and
     inflating every button in the row to match that wrapped height. These
     buttons should size to their own text like any other button, not stretch
     to fill the row. */
  .dt-buttons.btn-group > .btn {
    display: inline-block;
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
  }