.table {
  width: 100%;
  margin-bottom: 1rem;
  /* color: #212529; */


  border-collapse: collapse;

  border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
}


thead th:last-child th:first-child {
  background-color: #bee5eb;
  /* -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius:10px;
  border-bottom-left-radius:10px */
}

  table th:last-child th:last-child {
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius:10px;
  border-bottom-right-radius:10px}
thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;

  background-color: #f7a826;

  
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;

  border: 1px solid #89a; 
       

  border: solid 1px #333;
  border-radius: 7px;
  /* border-radius: 10px 10px 0 0; 
  text-decoration: none; 
  border-collapse: collapse; */
}
.table td, .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
  vertical-align: middle;
}

.table-slim th {
  padding: 0.50rem;
}

.table-slim td {
  padding: 0.50rem;
}

th {
  text-align: inherit;
}

.table-striped tbody th:nth-of-type(odd) {
  background-color: rgba(0,0,0,.05);
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered-cell td, table-bordered-cell th {
  border: 1px solid #dee2e6;
}



.table-hover tbody tr:hover {
  /* color: #212529; */
  color: var(--table-hover-color);
  background-color: rgba(0,0,0,.075);
}

.table-danger, .table-danger>td, .table-danger>th {
  background-color: #f5c6cb;
}

.table-success, .table-success>td, .table-success>th {
  background-color: #c3e6cb;
}

.table-warning, .table-warning>td, .table-warning>th {
  background-color: #ffeeba;
}

.table-info, .table-info>td, .table-info>th {
  background-color: #bee5eb;
}

.table-pointer > tbody {
  cursor: pointer;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 992px) {
  .table-responsive {
    display: block
  } 
}




@media only screen and (max-width: 992px) {

  .table-responsive-column table, 
  .table-responsive-column thead, 
  .table-responsive-column tbody, 
  .table-responsive-column tr, 
  .table-responsive-column th, 
  .table-responsive-column td {
      display: block;
  }

  .table-responsive-column thead {
      display: none;
  }

  .table-responsive-column td {
      padding-left: 150px;
      position: relative;
      margin-top: -1px;
      background: #FFF;
  }

  .table-responsive-column td:nth-child(odd) {
      background-color: #eee;
  }

  .table-responsive-column td::before {
      padding: 10px;
      content: attr(data-label);
      position: absolute;
      top: 0;
      left: 0;
      width: 130px;
      bottom: 0;
      background-color: var(--header-bg);
      color: #FFF;
      display: flex;
      align-items: center;
      font-weight: bold;
  }

  .table-responsive-column tr {
      margin-bottom: 1rem;
  }

  .table-responsive-column th + td {
      padding-left: 10px;
  }

}










































