.details-table {
  table-layout: fixed !important;
  width: 100%;
  font-size: 1.0rem;
  font-weight: 300 !important; }

.details-table tr > td:first-of-type {
  width: 15% !important;
  font-weight: bolder;
  text-align: left; }

.details-table tr > td:not(:first-of-type) {
  padding-left: 1rem; }

.details-table tr {
  background: #fff !important;
  transition: background-color 0.15s ease-in-out; }

.details-table tr:hover > td:not(:first-of-type) {
  color: #343a40;
  background-color: #eee; }

.details-table td {
  padding: 6px;
  border: 1px solid #343a40 !important;
  text-align: left; }

.details-table-primary tr > td:first-of-type {
  background-color: #007bff !important;
  color: #fff; }

.details-table-secondary tr > td:first-of-type {
  background-color: #6c757d !important;
  color: #fff; }

.details-table-danger tr > td:first-of-type {
  background-color: #dc3545 !important;
  color: #fff; }

.details-table-dark tr > td:first-of-type {
  background-color: #343a40 !important;
  color: #fff;
  border-color: #fff !important; }

.details-table-warning tr > td:first-of-type {
  background-color: #ffc107 !important;
  color: #fff; }

.details-table-success tr > td:first-of-type {
  background-color: #28a745 !important;
  color: #fff; }

.details-table-info tr > td:first-of-type {
  background-color: #17a2b8 !important;
  color: #fff; }

.details-table-light tr > td:first-of-type {
  background-color: #f8f9fa !important;
  color: #343a40; }

.details-table-purple tr > td:first-of-type {
  background-color: #41215e !important;
  color: #fff;
  border-color: #fff !important; }