/**
 * Responsive Table v1.2.4 (https://github.com/maestro888/table-fluid)
 * Copyright (c) 2021 maestro888
 * Licensed under MIT (https://github.com/maestro888/table-fluid/blob/master/LICENSE)
 */
.table-fluid {
  /* Default table style variables. */
  --table-font-family: inherit;
  --table-font-size: inherit;
  --table-row-gap-mobile: 40px;
  /* Table Head style variables. */
  --th-font-weight: bold;
  --th-bg-color: #39966c;
  --th-border-color-tb: transparent;
  --th-border-color-rl: transparent;
  --th-color: #ffffff;
  --th-padding-tb: 15px;
  --th-padding-rl: 15px;
  /* Style variables for tablet and mobile only. */
  --th-even-bg-color: #3da174;
  --th-even-border-color-tb: transparent;
  --th-even-border-color-rl: transparent;
  /* Table Body style variables. */
  --td-font-weight: inherit;
  --td-odd-bg-color: transparent;
  --td-even-bg-color: transparent;
  --td-border-color-tb: transparent;
  --td-border-color-rl:transparent ;
  --td-color: inherit;
  --td-padding-tb: 15px;
  --td-padding-rl: 15px;
}
table.table-fluid,table.table-fluid tr.alt, table.table-fluid tr.even, table.table-fluid tr:nth-of-type(even) {
background: transparent;
}

.table-fluid {
  font-family: var(--table-font-family);
  font-size: var(--table-font-size);
  border-collapse: collapse;
  width: 100%;
}

.table-fluid > * > tr > th,
.table-fluid > * > tr > td {
  border-width: 1px;
  border-style: solid;
  text-align: center;
}

.table-fluid > * > tr > th:first-child,
.table-fluid > * > tr > td:first-child {
  text-align: left;
}

.table-fluid > * > tr > th {
  font-weight: var(--th-font-weight);
  background-color: var(--th-bg-color);
  padding: var(--th-padding-tb) var(--th-padding-rl);
  color: var(--th-color);
border-color:var(--td-border-color-tb) var(--td-border-color-rl);
}


.table-fluid.redTable>*>tr>td:first-child {

  background-color: #b15d5a;
  color: white;

}

.table-fluid.greenTable>*>tr>td:first-child {

  background-color: #57975e;
  color: white;

}

.table-fluid.blueTable>*>tr>td:first-child {

  background-color: #5c82cc;
  color: white;

}

.table-fluid > * > tr > td {
  font-weight: var(--td-font-weight);
  border-color: var(--td-border-color-tb) var(--td-border-color-rl);
  padding: var(--td-padding-tb) var(--td-padding-rl);
  color: var(--td-color);
}

.table-fluid > * > tr:nth-child(odd) > td {
  background-color: var(--td-odd-bg-color);
}

.table-fluid > * > tr:nth-child(even) > td {
  background-color: var(--td-even-bg-color);
}

.table-fluid > * > tr:nth-child(odd) > td {
  background: transparent;
}

.table-fluid.blueTable > * > tr > td:first-child {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.table-fluid > * > tr > td {
  text-align: left;
}
@media (max-width: 860px) {

  /* 

    .table-fluid > * > tr > td {
    display: table;
    width: 100%;
    border: 0 none;
    padding: 0;
  }
  .table-fluid tbody tr th {
    display: block;
}
.table-fluid > thead {
  display: none;
}





  .table-fluid > * > tr:nth-child(odd) > td {
    background-color: transparent;
  }
  .table-fluid > * > tr:nth-child(odd) > td:before {
    border-color: var(--th-border-color-rl) var(--th-border-color-tb);
    background-color: var(--th-bg-color);
  }
  .table-fluid > * > tr:nth-child(odd) > td > .table-cell {
    background-color: var(--td-odd-bg-color);
  }
  .table-fluid > * > tr:nth-child(even) > td:before {
    border-color: var(--th-even-border-color-rl) var(--th-even-border-color-tb);
    background-color: var(--th-even-bg-color);
  }

  .table-fluid > * > tr > td:first-child:before {
    border-top-color: var(--th-border-color-tb);
  }
  .table-fluid > * > tr > td:first-child > .table-cell {
    border-top-color: var(--td-border-color-rl);
  }
  .table-fluid > * > tr > td:last-child:before {
    border-bottom-color: var(--th-border-color-tb);
  }
  .table-fluid > * > tr > td:last-child > .table-cell {
    border-bottom-color: var(--td-border-color-rl);
  }
  .table-fluid > * > tr > td:before,
  .table-fluid > * > tr > td > .table-cell {
    border-width: 1px 1px 0;
    border-style: solid;
    display: table-cell;
    padding: var(--td-padding-tb) var(--td-padding-rl);
  }
  .table-fluid > * > tr > td:before {
    font-weight: var(--th-font-weight);
    content: attr(data-th);
    color: var(--th-color);
    text-align: left;
    width: 50%;
  }
  .table-fluid > * > tr > td > .table-cell {
    border-color: var(--td-border-color-tb) var(--td-border-color-rl);
    text-align: center;
  }
  .table-fluid > * > tr:last-child > td:last-child:before,
  .table-fluid > * > tr:last-child > td:last-child > .table-cell {
    border-bottom-width: 1px;
  } */
}

@media (max-width: 575px) {
  .table-fluid > * > tr > td {
    display: table;
    width: 100%;
    border: 0 none;
    padding: 0;
  }
  .table-fluid tbody tr th {
    display: block;
}
.table-fluid > thead {
  display: none;
}


  .table-fluid > * > tr + tr {
    margin-top: var(--table-row-gap-mobile);
  }
  .table-fluid > * > tr:nth-child(odd) > td:before {
    border-color: var(--th-border-color-tb);
  }
  .table-fluid > * > tr:nth-child(even) > td:before {
    border-color: var(--th-even-border-color-tb);
  }
  .table-fluid > * > tr > td:before,
  .table-fluid > * > tr > td > .table-cell {
    display: block;
    width: auto;
  }
  .table-fluid > * > tr > td:before {
    border-bottom-width: 1px;
  }
  .table-fluid > * > tr > td > .table-cell {
    border-width: 0 1px;
    text-align: left;
  }
  .table-fluid > * > tr > td:last-child > .table-cell {
    border-bottom-width: 1px;
  }
}


.table-fluid.redTable>*>tr>td:first-child,.table-fluid.redTable > * > tr > td:before  {

  background-color: #b15d5a;
  color: white;

}

.table-fluid.greenTable>*>tr>td:first-child,.table-fluid.greenTable > * > tr > td:before  {

  background-color: #57975e;
  color: white;

}

.table-fluid.blueTable>*>tr>td:first-child,.table-fluid.blueTable > * > tr > td:before {

  background-color: #5c82cc;
  color: white;

}

/*# sourceMappingURL=table-fluid.css.map */
