.wrapper {
    margin: 30px auto;
    max-width: 1400px;
}

@media(max-width: 1200px) {
  .dataTables_wrapper > .row:nth-child(2) { overflow-x: scroll !important; }
}

.table { min-width: 1200px; }
.kompas-table table { border-spacing: 0 !important; }
.kompas-table--center { margin: 0 auto; }
.kompas-table tbody tr { box-shadow: none !important; }
.kompas-table tbody tr td { color: #696969; }
.kompas-table tbody td a { color: #189ae8; }
.kompas-table tbody td a:hover { text-decoration: underline; }
.kompas-table thead th,
.kompas-table tfoot th {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  padding: 20px 10px !important;
}

.kompas-table tr td,
.kompas-table tr th { border-top: 1px solid #dee2e6 !important; }
.kompas-table thead th { padding-right: 45px !important; }
.kompas-table .hide-arrow { padding-right: 10px !important; }
.kompas-table .hide-arrow::before,
.kompas-table .hide-arrow::after { display: none !important; }

.kompas-table thead th::before,
.kompas-table thead th::after {
  top: 16px !important;
  right: 16px !important;
}

.kompas-table tbody td {
  font-size: 13px;
  text-align: center;
  padding: 20px 10px !important;
}

.kompas-table tbody td:nth-child(2n) { max-width: 180px; }
.kompas-table tbody td:last-child { max-width: 300px;}
.kompas-table .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.03) !important; }
.kompas-table .table-striped tbody tr { transition: .4s background-color !important; }
.kompas-table .table-striped tbody tr:hover { background-color: rgba(0,0,0,.05) !important; }
.kompas-table .capitalize { text-transform: capitalize; }
.kompas-table .hidden { display: none; }