/* TABLE WRAPPER */

.table-container {
  padding: 0 5vw;
  margin-top: 20px;
  overflow-x: auto;
}

/* MAIN TABLE */

table#data-table {
  width: 100%;
  min-width: 650px;
  border-collapse: collapse;
  font-family: "Montserrat", Arial, sans-serif;
  color: #e8e8e8;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  /*border: 2px solid #555;*/
  border-radius: 10px;
  overflow: hidden;
}

/* HEADER */

table#data-table thead {
  /*background: linear-gradient(135deg, #222, #333);*/
  background: #2a2a2a;
}

table#data-table th {
  padding: 14px 18px;
  font-size: 18px;
  font-weight: 600;
  color: #ff9900;
  text-align: center;
  border: 1px solid #555;
}

/* CELLS */

table#data-table td {
  padding: 12px 16px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #555;
}

/* STRIPED ROWS */

table#data-table tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}

/* HOVER EFFECT */

table#data-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.12);
  transition: 0.25s ease;
}

/* MOBILE */

@media screen and (max-width: 600px) {
  table#data-table {
    font-size: 14px;
  }
}