.row .col-10 {
  width: 10%;
}
.row .col-20 {
  width: 20%;
}
.row .col-30 {
  width: 30%;
}
.row .col-40 {
  width: 40%;
}
.row .col-50 {
  width: 50%;
}
.row .col-60 {
  width: 60%;
}
.row .col-70 {
  width: 70%;
}
.row .col-80 {
  width: 80%;
}
.row .col-90 {
  width: 90%;
}
.row .col-100 {
  width: 100%;
}
.row [class^='col-'],
.row [class*=' col-'] {
  float: left;
}
.clearfix:before,
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.block {
  display: block;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.table2 {
  border-collapse: collapse;
  border: 0 none;
}
.table2 th,
.table2 td {
  padding: 5px;
}
button,
input[type=submit],
input[type=button] {
  background: #3e3e3e;
  border: 0 none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 10px 20px;
  transition: all 200ms ease-in;
}
button:hover,
input[type=submit]:hover,
input[type=button]:hover {
  background: #ed702b;
}
.hide {
  display: none;
}
.show {
  display: block;
}
@media screen and (max-width: 1024px) {
  .hide-sm {
    display: none;
  }
  .show-sm {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .row [class^='col-'],
  .row [class*=' col-'] {
    float: none;
    width: 100%;
  }
  .table,
  .trngtable-box {
    border: 1px solid #ccc;
    border-collapse: collapse;
  }
  .table th,
  .trngtable-box th,
  .table td,
  .trngtable-box td {
    padding: 1px 2px;
    font-size: 12px;
  }
  .table2 th,
  .table2 td {
    padding: 1px 2px;
  }
  .overflow-wrap {
    overflow-x: auto;
  }
  .align-left-sm {
    text-align: left;
  }
  .align-center-sm {
    text-align: center;
  }
  .align-right-sm {
    text-align: right;
  }
}
@media screen and (max-width: 540px) {
  button,
  input[type=submit],
  input[type=button] {
    padding: 6px 12px;
    border-radius: 0;
  }
}
