.rotate_text {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.rotated_cell {
  width: 10%;
  text-align: center;
  vertical-align: bottom;
  padding: 1px;
  padding-bottom: 10px;
  padding-top: 20px;
}

/*------------------------*/
.sticky {
  position: sticky;
  top: 0;
  z-index: 100;
  /* You can adjust the z-index as needed */
  /* Other styling properties like background color, text color, etc. */
}

/* .rotate {
  white-space: nowrap;
  transform: rotate(-45deg);
  transform-origin: left top;
} */

th.salmonlight {
  background-color: LightSalmon;
}

.sm-fnt {
  font-size: 11px;
}

.md-fnt {
  font-size: 12px;
}

.tiny-fnt {
  font-size: 8px;
}

.special-task-color {
  color: white;
  /* background-color:rgb(122, 255, 140); */
}

.square {
  width: 100px;
  height: 10px;
  border: 1px solid #ddd;
  margin: 0 auto;
}

.square-red { background-color: #ff0000; }
th.square-blue { background-color: #00008f; }
td.square-blue { background-color: #00008f; }
th.holidays { background-color: #7FFFD4; }
td.holidays { background-color: #7FFFD4; }
td.fsanone { background-color: #f2dcff; }
td.fsafs { background-color: #a775f7; }
td.fsafsa { background-color: #d814ff; }
.square-green { background-color: #00ff00; }
td.square-light-grey { background-color: #d6dbdf }
div.square-light-grey { background-color: #d6dbdf }
table.w80 { width: 90%; }
.padding-top-20 {padding-top: 20px;}
th.zebra {
  background-color: #8eb5cd; /* Light gray background for even rows */
}
td.zebra {
  background-color: #8eb5cd; /* Light gray background for even rows */
}
div.zebra {
  background-color: #8eb5cd; /* Light gray background for even rows */
  /* padding: 20px; */
}
td.bg-salmon, div.bg-salmon {
  background-color: salmon;
}