html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.table-ic {
    font-size: 0.875rem;
    width: 100%;
    border-collapse: collapse;
}

.table-ic thead th {
    background-color: #507CD1;
    color: white;
    font-weight: bold;
    padding: 6px 8px;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
    border-right: 1px solid #6d95e1;
}

.table-ic thead th:first-child {
    border-left: 1px solid #6d95e1;
}

.table-ic tbody td {
    padding: 5px 8px;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    vertical-align: middle;
    text-align: left;
}

.table-ic tbody td:first-child {
    border-left: 1px solid #dee2e6;
}

.table-ic tbody tr:nth-child(even) {
    background-color: #EFF3FB;
}

.table-ic tbody tr:hover {
    background-color: #D1DDF1;
}

.table-ic td, .table-ic th {
    overflow: hidden;
    white-space: normal;
}

.table-ic td.wrap-cell {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.search-panel {
    background-color: #f8f9fa;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

.search-panel .form-group label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 2px;
}
.pagination {
    flex-wrap: wrap;
}

/* ==========================================================================
   Kolorowanie wierszy tabel (table-ic) - table-danger/table-warning z Bootstrapa
   ==========================================================================
   Bootstrap 5 - klasy table-danger/table-warning tylko USTAWIAJĄ zmienną CSS
   (--bs-table-bg), a faktyczne jej zużycie jest w regule celującej w tabelę
   z klasą ".table" (.table > :not(caption) > * > *). Nasze tabele mają własną
   klasę "table-ic", nie "table", więc ta zmienna nigdzie się nie odczytuje -
   stąd brak koloru mimo poprawnie ustawionej klasy w HTML-u.

   Te reguły wymuszają kolor jawnie i muszą zostać NA KOŃCU tego pliku (po
   regule zebry .table-ic tbody tr:nth-child(even)) - obie reguły mają taką
   samą specyficzność CSS, więc o tym, która "wygrywa", decyduje kolejność
   w pliku. Będąc na końcu, ta poprawka poprawnie nadpisuje zebrę na
   kolorowanych wierszach, niezależnie czy wiersz jest parzysty czy nie.

   Działa automatycznie na KAŻDEJ stronie z <table class="table-ic"> i
   wierszami <tr class="table-danger"> / "table-warning" - bez potrzeby
   dopisywania własnego <style> na każdej stronie z osobna. Używane m.in.
   na: Naprawy/Kolejka.cshtml, Naprawy/DoOdwiezienia.cshtml, HelpDesk/Kolejka.cshtml.
   ========================================================================== */
.table-ic tr.table-danger > td {
    background-color: #f8d7da;
}

.table-ic tr.table-warning > td {
    background-color: #fff3cd;
}