#tds-header-menu-pc-long-main .navbar-brand img {
  height: 200px !important;
}

@media print {
  @page {
    margin: 0;
    size: landscape;
    transform: scale(0.7);
    transform-origin: 0 0;
  }
  ::-webkit-scrollbar {
    display: none !important;
  }
}

/* table-sticky class */
.table-sticky {
  display: block;
  overflow: auto;
  position: relative;
}
.table-sticky.table-bordered {
  border-collapse: separate;
  border-spacing: 0;
}
/* Make the header row sticky */
.table-sticky > thead > tr > th {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 1px; /* Cell has 1px border, sticky does not take into account the border so we must offset it manually */
  z-index: 1021; /* Higher z-index to stay above body cells and other header cells */
  /*
    Set a background color to prevent content from showing through
    when scrolling. Match your table header's background.
    Bootstrap's default is often white or a light gray.
  */
  background-color: white; /* Adjust if your header has a different background */
}
/* Make the first header cell sticky */
.table-sticky > thead > tr > th:first-child {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  left: 1px; /* Cell has 1px border, sticky does not take into account the border so we must offset it manually */
  z-index: 1024; /* Higher z-index to stay above body cells and other header cells */
  /*
    Set a background color to prevent content from showing through
    when scrolling. Match your table header's background.
    Bootstrap's default is often white or a light gray.
  */
  background-color: white; /* Adjust if your header has a different background */
}
/* Make the first body cell in each row sticky */
.table-sticky > tbody > tr > th:first-child {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  left: 1px; /* Cell has 1px border, sticky does not take into account the border so we must offset it manually */
  z-index: 1023; /* Higher z-index to stay above body cells and other header cells */
  /*
    Default background for sticky cells.
    This is important if your table is striped.
  */
  background-color: white; /* Default row background */
}
/* Place a white block below header to hide cell movement below sticky cells */
.table-responsive:has(.table-sticky):has(thead > tr > th):before {
  content: "";
  z-index: 1020;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px; /* Double offset from top to ensure it is always drawn below cells */
  background-color: white;
}
/* Place a white block below first column to hide cell movement below sticky cells */
.table-responsive:has(.table-sticky):has(tbody > tr > th):after {
  content: "";
  z-index: 1022;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2px; /* Double offset from left to ensure it is always drawn below cells */
  height: 100%;
  background-color: white;
}

/* Color palette for partit floating cells, based on categoria */
.activitat {
  color: black;
  background-color: lightgrey;
  border-color: lightgrey;
}
.activitat * {
  border-color: black !important;
}

.activitat_fade {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 16px;
  background: linear-gradient(to top, lightgrey 20%, transparent 100%);
  pointer-events: none;
}

.cat_highlight {
  color: black;
  background-color: #f0d41b;
  border-color: #f0d41b;
}
.cat_highlight * {
  border-color: black !important;
}

.cat_0 {
  color: white;
  background-color: black;
  border-color: black;
}
.cat_0 * {
  border-color: white !important;
}

.cat_masc_1 {
  color: white;
  background-color: #a2cd4a;
  border-color: #a2cd4a;
}
.cat_masc_1 * {
  border-color: white !important;
}

.cat_masc_2 {
  color: white;
  background-color: #67bf6b;
  border-color: #67bf6b;
}
.cat_masc_2 * {
  border-color: white !important;
}

.cat_masc_3 {
  color: white;
  background-color: #27beb7;
  border-color: #27beb7;
}
.cat_masc_3 * {
  border-color: white !important;
}

.cat_masc_4 {
  color: white;
  background-color: #518bca;
  border-color: #518bca;
}
.cat_masc_4 * {
  border-color: white !important;
}

.cat_masc_5 {
  color: white;
  background-color: #915ba7;
  border-color: #915ba7;
}
.cat_masc_5 * {
  border-color: white !important;
}

.cat_masc_6 {
  color: white;
  background-color: #b856a1;
  border-color: #b856a1;
}
.cat_masc_6 * {
  border-color: white !important;
}

.cat_masc_7 {
  color: white;
  background-color: #ed468c;
  border-color: #ed468c;
}
.cat_masc_7 * {
  border-color: white !important;
}

.cat_masc_8 {
  color: white;
  background-color: #ef2f46;
  border-color: #ef2f46;
}
.cat_masc_8 * {
  border-color: white !important;
}

.cat_masc_9 {
  color: white;
  background-color: #f04925;
  border-color: #f04925;
}
.cat_masc_9 * {
  border-color: white !important;
}

.cat_masc_10 {
  color: white;
  background-color: #f46a29;
  border-color: #f46a29;
}
.cat_masc_10 * {
  border-color: white !important;
}

.cat_masc_11 {
  color: white;
  background-color: #f4ae1a;
  border-color: #f4ae1a;
}
.cat_masc_11 * {
  border-color: white !important;
}

.cat_masc_12 {
  color: white;
  background-color: #f0d41b;
  border-color: #f0d41b;
}
.cat_masc_12 * {
  border-color: white !important;
}

.cat_fem_1 {
  color: black;
  background-color: #cae189;
  border-color: #cae189;
}
.cat_fem_1 * {
  border-color: black !important;
}

.cat_fem_2 {
  color: black;
  background-color: #98d0a9;
  border-color: #98d0a9;
}
.cat_fem_2 * {
  border-color: black !important;
}

.cat_fem_3 {
  color: black;
  background-color: #a1d9da;
  border-color: #a1d9da;
}
.cat_fem_3 * {
  border-color: black !important;
}

.cat_fem_4 {
  color: black;
  background-color: #94cae4;
  border-color: #94cae4;
}
.cat_fem_4 * {
  border-color: black !important;
}

.cat_fem_5 {
  color: black;
  background-color: #8c8bc4;
  border-color: #8c8bc4;
}
.cat_fem_5 * {
  border-color: black !important;
}

.cat_fem_6 {
  color: black;
  background-color: #e4b7d6;
  border-color: #e4b7d6;
}
.cat_fem_6 * {
  border-color: black !important;
}

.cat_fem_7 {
  color: black;
  background-color: #f390bc;
  border-color: #f390bc;
}
.cat_fem_7 * {
  border-color: black !important;
}

.cat_fem_8 {
  color: black;
  background-color: #f38093;
  border-color: #f38093;
}
.cat_fem_8 * {
  border-color: black !important;
}

.cat_fem_9 {
  color: black;
  background-color: #f58170;
  border-color: #f58170;
}
.cat_fem_9 * {
  border-color: black !important;
}

.cat_fem_10 {
  color: black;
  background-color: #f9a656;
  border-color: #f9a656;
}
.cat_fem_10 * {
  border-color: black !important;
}

.cat_fem_11 {
  color: black;
  background-color: #fece7a;
  border-color: #fece7a;
}
.cat_fem_11 * {
  border-color: black !important;
}

.cat_fem_12 {
  color: black;
  background-color: #f7e39a;
  border-color: #f7e39a;
}
.cat_fem_12 * {
  border-color: black !important;
}