table {
  width: 100% !important;
  border: 1px solid #ccc !important;
  border-collapse: collapse;
  font-size: 0.7rem !important;
  table-layout: auto; display: initial !important; border-radius:none !important;
}

table > thead > tr {
  font-weight: 300; color:white;
  background-color: #4051b5;
}

table th {
    border-right: 1px solid #fff !important;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

table th:last-child {
  border-right: none !important;
}

table td {
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 5px !important;
    text-align: left;
    vertical-align: top;
}
table td:last-child {
    border-right: 1px solid #ccc !important;
}
.table-dark td,
.table-dark > tbody > tr > th {
    border: 1px solid #ccc !important;
}

.table-dark > thead > tr > th:first-child {
  border-top: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
}

.table-dark > thead > tr > th:not(:first-child):not(:last-child) {
  border-top: 1px solid #ccc !important;
}

.table-dark > thead > tr > th:last-child {
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #666 !important;
}