.table {
  width: 100%;
}
.table-component-full {
  /* background-color: #272627; */
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 80vh !important;
}
.table-striped {
  border-collapse: collapse;
  margin-bottom: 5px;
}
.table-striped thead tr {
  background-color: indianred;
}

.dayoff thead tr {
  background-color: #0c0c0c;
}

/*
.dayoff tbody tr:nth-child(even) {
  background: #cf0243;
}
.dayoff tbody tr:nth-child(odd) {
  background: #cf0243;
}

.trip tbody tr:nth-child(even) {
  background: #cf0243;
}
.trip tbody tr:nth-child(odd) {
  background: #cf0243;
}
*/

.trip thead tr {
  background-color: #0c0c0c;
}

.ongoing thead tr {
  background-color: #0c0c0c;
}

.upcoming thead tr {
  background-color: #0c0c0c;
}

.table-striped thead tr:first-child {
  border-bottom: 2px solid #ffffff;
}

.table-striped thead tr td {
  font-family: Tahoma;
  color: #fff;
  padding: 10px 14px;
}

/* .table-striped tbody tr:nth-child(even) {
  background: #cf0243;
}
.table-striped tbody tr:nth-child(odd) {
  background: #fc0352;
} */

/* .ongoing tbody tr:nth-child(even) {
  background: rgb(16 185 129)
}
.ongoing tbody tr:nth-child(odd) {
  background: rgb(16 185 129)
} */

.bg-red-700 {
  background: rgb(185 28 28);
}

.bg-emerald-200 {
  background: rgb(167 243 208);
}

.bg-emerald-500 {
  background: rgb(16 185 129)
}

.bg-emerald-700 {
  background: rgb(4 120 87);
}

.bg-blue-500 {
  background: rgb(59 130 246);
}

.bg-blue-700 {
  background: rgb(29 78 216);
}

.bg-yellow-300 {
  background: rgb(253 224 71);
}

.bg-lime-300 {
  background: rgb(190 242 100);;
}

.bg-lime-500 {
  background: rgb(132 204 22);
}

.bg-orange-300 {
  background: rgb(253 186 116);
}

.bg-teal-700 {
  background: rgb(15 118 110);
}

.bg-teal-900 {
  background: rgb(19 78 74);
}

.bg-yellow-700 {
  background: rgb(161 98 7);
}

/* .upcoming tbody tr:nth-child(even) {
  background: #d622a2;
}
.upcoming tbody tr:nth-child(odd) {
  background: #d932a9;
} */

.table-striped tbody tr:not(:first-child) {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.table-striped tbody tr td {
  font-family: Tahoma;
  color: #fff;
  padding: 8px 12px;
}/*# sourceMappingURL=Table.css.map */

.table-component {
  margin: 0;
  height:200%;
  width:100%;
  padding:10px;
  font-size: 1.1vw;
}
section {
  display: block;
  height:100%;
  width:100%;
  box-sizing:border-box;
}

.enable-scroll {
  /* height: 230px;
  overflow-y: scroll;
  margin-bottom: 15px; */
  font-size: 16px;
}

.maximize-table {
  cursor: pointer;
}

.dayoff-image {
  width: 30px;
  height: 40px;
  margin-right: 5px;
  display:block;
  float:left
}