.jasnoczerwony {
  --bs-table-bg-type: rgb(255, 200, 200);
  background: rgb(255, 200, 200);
}
.jasnozielony {
  --bs-table-bg-type: rgb(200, 255, 200);
  background: rgb(200, 255, 200);
}
.jasnoniebieski {
  --bs-table-bg-type: rgb(200, 200, 255);
  background: rgb(200, 200, 255);
}
.jasnozolty {
  --bs-table-bg-type: rgb(255, 255, 200);
  background: rgb(255, 255, 200);
}
.turkusowy {
  --bs-table-bg-type: rgb(200, 255, 255);
  background: rgb(200, 255, 255);
}
.rozowy {
  --bs-table-bg-type: rgb(255, 200, 255);
  background: rgb(255, 200, 255);
}
.jasnoszary {
  --bs-table-bg-type: rgb(220, 220, 220);
  background: rgb(220, 220, 220);
}
.bezowy {
  --bs-table-bg-type: rgb(210, 180, 140);
  background: rgb(210, 180, 140);
}
.morelowy {
  --bs-table-bg-type: rgb(255, 218, 185);
  background: rgb(255, 218, 185);
}

.input-section {
  background-color: #fcfcfc;
  border: 1px solid #eeeeee;
  border-radius: 1em;
  padding: 1em;
}

#filledDataSection table {
  table-layout: fixed;
  width: 100%;
}
#filledDataSection table tr {
  border-bottom: 1px solid #ccc;
}
#filledDataSection table td {
  padding: 0.5rem;
}

.tableContainer {
  width: 100%;
  overflow-x: auto;
}

.timeline-page {
  margin-bottom: 2rem;
}

 .tableContainer .timeline-table {
  width: 100%;
  table-layout: fixed;
  color: #202227;
  font-size: 0.9rem;
  border-collapse: collapse;
  border: 1px solid #d4d6db;
  background-color: #fff;
}

.tableContainer .timeline-table thead th {
  background-color: #f4f5f7;
  border-bottom: 1px solid #d4d6db;
}

.tableContainer .timeline-table th,
.tableContainer .timeline-table td {
  padding: 0.45rem 0.4rem;
  vertical-align: top;
  border-right: 1px solid #e1e3e8;
  border-bottom: 1px solid #e1e3e8;
}

.tableContainer .timeline-table .timeline-event-cell {
  background: white !important;
  background-color: white !important;
}

.tableContainer .timeline-table th:last-child,
.tableContainer .timeline-table td:last-child {
  border-right: none;
}

.tableContainer .timeline-table tr:last-child td {
  border-bottom: none;
}

.tableContainer .timeline-table th {
  text-align: center;
  font-weight: 600;
  color: #14161a;
}

.tableContainer .timeline-table td:nth-of-type(2n-1) {
  white-space: normal;
}

.tableContainer .timeline-table td:nth-of-type(2n) {
  word-break: break-word;
}

.timeline-year-cell {
  white-space: normal;
  font-weight: 400;
  min-width: 7.2rem;
  padding-right: 0.35rem;
}

.timeline-event-cell {
  word-break: break-word;
  white-space: normal;
  font-weight: 400;
}

#eventsTable tr td {
  min-width: 70px;
}
.timeline-year-cell,
.timeline-event-cell {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.sticky-top {
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 1000;
}

.sticky-top .text-center {
  background-color: #ffffff !important;
  padding-bottom: 1rem;
}

.navbar .logo {
  max-height: 60px;
  width: auto;
}

.navbar h2 {
  font-size: 1.5rem;
  color: #333;
}