:root {
    --table-padding: 4px 8px;
}

table.so_table {
    background-color: var(--color-white);
}

table.so_table tr th {
    text-align: left;
    padding: 4px 2px;
    border-bottom: solid 1px var(--color-stone400);
}

table.so_table tr:nth-child(even) {
    background-color: var(--color-stone200);
}

table.so_table tr td {
    text-align: left;
    padding: 4px 1px;
}

table.so_table tr th.so_left, table.so_table tr td.so_left {
    text-align: left;
}
table.so_table tr th.so_center, table.so_table tr td.so_center {
    text-align: center;
}
table.so_table tr th.so_right, table.so_table tr td.so_right {
    text-align: right;
}


table.so_table2 tr th {
    text-align: center;
}

table.so_table2 tr td {
    border-right: solid 1px #ddd;
}
table.so_table2 tr td:last-child {
    border-right: none 0;
}


table.so_table3 tr th {
    text-align: center;
}

table.so_table3 tr:hover td {
    background-color: #fff085;
}

table.so_table3 tr td {
    border-right: solid 1px #ddd;
    padding: 2px 1px;
    font-size: 0.9em;
}
table.so_table3 tr td:last-child {
    border-right: none 0;
}

/* ------------------------------------------------------------------------------------------------------------------ */
table.warsztat-table {
    width: 100%;
    border: solid 1px var(--color-gray4);
}
table.warsztat-table thead th {
    background-color: var(--color-gray3) !important;
    color: white;
    font-weight: normal;
    padding: 1px 0;
    text-align: center;
    border-right: solid 1px var(--color-gray4);
}
table.warsztat-table tbody tr:nth-child(even){
    background-color: var(--color-gray5);
}
table.warsztat-table tbody tr:nth-child(odd){
    background-color: white;
}
table.warsztat-table tbody tr {
    border-bottom: solid 1px var(--color-gray4);
}
table.warsztat-table tbody tr td {
    border-right: solid 1px var(--color-gray4);
    padding: 1px 4px;
}
table.warsztat-table tfoot td {
    border-right: solid 1px var(--color-gray5);
    padding: 1px 4px;
    background-color: var(--color-gray4) !important;
}

/* Małe ekrany (sm) */
@media (min-width: 640px) {

}

/* Ekrany mniejsze niż 768px */
@media (max-width: 767px) {

}


/* Średnie ekrany (md) */
@media (min-width: 768px) {


}

/* Duże ekrany (lg) */
@media (min-width: 1024px) {

}

/* Bardzo duże ekrany (xl) */
@media (min-width: 1280px) {

}

/* Ekstremalnie duże ekrany (2xl) */
@media (min-width: 1536px) {

}