.custom_btn_size {
    width: 78px !important;
}

/* wyrównanie maksyumalnie do prawej dla etyikety pól, bo row ma ujemne marginesy*/
.custom_label {
    padding-right: 0 !important;
}

input, select{
width: 30%
}

@media (max-width: 576px) {
    input,select {
        width: 100%;
    }
}

/*
    FS
    Zmiany dla przewijalnych tabelek
    NOTE:
        Aby treść tabelki nie przewijała się pod nagłówkiem
        i stopką trzeba ustawić explicite kolor tła na biały
*/

.tableFixHead       { overflow: auto;  }
.tableFixHead thead { position: sticky; inset-block-start: 0;   background-color: white;  }
.tableFixHead tfoot { position: sticky; inset-block-end: 0;  background-color: white}
/* FS 
        Dodatkowo jeśli jest stronicowanie to trzeba odsunąć sticky od spodu
*/
        .tableFixHead:has(+ nav) tfoot { bottom: 32px; }
/*
    FS
    table-container to klasa zdefiniowana w django_tables,
    aby nie zmieniać ich template-ów, osytlowuje dodatkowo
    tę klasę, pod warunkiem, że ma dziecko tableFixHead
*/
.table-container:has(table.tableFixHead) {
/* TODO
    calculate max-height according to viewport size*/
    max-height: 500px;
}

/*
   FS
    Stronicowanie nie jest elementem tabeli, tylko dodatkowym
    elementem pod.
*/
table.tableFixHead + nav[aria-label="Table navigation"] {
 position: sticky; inset-block-end: 0;
 background-color: white;
}



body {
  /* Margin bottom by footer height */
  padding-top: 60px;
  padding-bottom: 60px;
}

.custom_pagination {
  justify-content: center;
}

.dots_page_button {
  pointer-events: none !important;
  color: black !important;
  padding-left: 0.25em !important;
  padding-right: 0.25em !important;
}