body.ncar thead th,
body.ncar tbody th {
 color: #fff;
 background: #1a658f;
 border-color: #012169;
 font-weight: 600;
}

body.ucar thead th,
body.ucar tbody th {
  color: #fff;
  background: #00797c;
  border-color: #53565a;
  font-weight: 600;
}


table {
  width: 100%;
  margin-bottom: 1rem;
}

table tr td {
  background: #fff;
}

.field--name-field-main-content table thead th {
  border: none;
}

/* Responsive Tables */
.rtable {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 460px;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: auto;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 100px 100%, 100px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
}

@media all and (min-width: 64em) {
  .rtable {
    max-height: 100%;
  }
}

.rtable td:first-child {
  background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;
}

.rtable td:last-child {
  background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

.rtable th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #f2f0e6;
}

.rtable th,
.rtable td {
  padding: 6px 12px;
  border: 1px solid #d9d7ce;
}