html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.table-container {
  max-height: 600px;
  overflow-y: auto; 
}
.form-inline {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px; /* Odstępy między elementami */
}
.form-inline .form-group {
  margin: 0;
}   

/* table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 1px 1px;
} */

/* td {
  text-overflow: ellipsis;
} */

.table-fixed {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* Stała szerokość kolumn */
}
.table-fixed .col1 {
  background-color: #f2f2f2;
  width: 10%;
  text-align: center;
  font-weight: bold;
}
.table-fixed th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: rgb(216, 230, 213); 
  text-align: center;
} 
.table-fixed td {
  border: 1px solid #ddd; /* Opcjonalna ramka */
  padding: 0; /* Zerowy margines wewnętrzny */
  text-align: left; /* Opcjonalne: wyrównanie do środka */
  height: 50px; /* Stała wysokość wierszy */
  overflow: hidden; /* Ukrycie nadmiaru treści */
  white-space: wrap; /* Zapobieganie zawijaniu tekstu */
  text-overflow: ellipsis; /* Dodanie "..." przy długim tekście */
}

.table-fixed .btn {
  width: 100%;  /* Przycisk wypełnia całą szerokość komórki */
  height: 100%; /* Przycisk wypełnia całą wysokość komórki */
  border: none; /* Usunięcie domyślnej obramówki */
 
  /* cursor: pointer; */
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*



th, td {
  width: auto;
  text-align: center;
  border-collapse: collapse;
  padding: 1px;
} */


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

.btn-outline-primary {
  width: 100%;
  min-height: 50px;
  padding: 0px;
  border-color: #0d6efd;
  transition: 200ms;
}

.btn-outline-primary:hover{
  transform: scale(0.95);
}

.btn-outline-primary:not(:empty){
  background-color: #dc3545;
  color: white;
  border: none;
}

.btn-outline-primary:not(:empty):hover{
  background-color: #bb2d3b;
  transform: scale(1);
}
*/
/* 
.btn{
  width: 100%;
  min-height: 40px;
  padding: 1px;
} */
.btn-res{
  border-color: grey; 
}
.btn-res-empty {
  background-color: white; 
  color: white; 
}
.btn-res-user-logged {
  background-color: #28a745; 
  color: white; 
}
.btn-res-user-other {
  background-color: white; 
  color: black; 
}
.btn-res-obs {
  background-color: darkgray; 
}
.btn-res:hover{
  transform: scale(0.95);
}