/* Fonts */
@font-face {
  font-family: "Roboto Regular";
  src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: "Roboto Medium";
  src: url('../fonts/Roboto-Medium.ttf');
}

/* General settings */
.limiter {
  max-width: 100%;
  margin: 0 auto;
}

.container-table100 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
}

.wrap-table100 {
  width: 1300px;
}

/* Table settings */
table {
  width: 100%;
  background-color: #fff;
}

th,
td {
  font-weight: normal;
  padding: 10px;
}

.column100 {
  width: 130px;
  padding-left: 25px;
}

.column100.column1 {
  width: 265px;
  padding-left: 42px;
}

.row100.head th {
  padding: 24px 10px;
}

.row100 td {
  padding: 18px 10px;
}

/* Table style ver6 */
.table100.ver6 {
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(22deg, #673ab7, #512da8);
}

.table100.ver6 table {
  background-color: transparent;
}

.table100.ver6 td {
  font-family: "Roboto Regular";
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
}

.table100.ver6 th {
  font-family: "Roboto Medium";
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.32);
}

.table100.ver6 .row100:hover td,
.table100.ver6 .hov-column-ver6,
.table100.ver6 .row100 td:hover {
  background-color: rgba(255, 255, 255, 0.2);
}