
.card {
  margin-bottom: 24px;
  box-shadow: 0 0 .875rem map-get($theme-colors, shadow);
  background-clip: initial;
  border: 0 solid transparent;
}

.card-header {
  background-color: map-get($theme-colors, background-1);
  border-bottom: 0 solid transparent;
  padding: 1rem 1.25rem;
}

.card-title {
  color: map-get($theme-colors, text-3);
  margin-bottom: .5rem;
}

.card-subtitle {
  margin-top: -.25rem;
}

.card-subtitle, .card-text:last-child {
  margin-bottom: 0;
}


.card {
  & > .dataTables_wrapper .table.dataTable,
  & > .table,
  & > .table-responsive-lg .table,
  & > .table-responsive-md .table,
  & > .table-responsive-sm .table,
  & > .table-responsive-xl .table,
  & > .table-responsive .table {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    margin-bottom: 0;

    & tr:first-child td,
    & tr:first-child th {
      border-top: 0;
    }

    & td:last-child,
    & th:last-child {
      border-right: 0;
      padding-right: 1.25rem;
    }

    & td:first-child,
    & th:first-child {
      border-left: 0;
      padding-left: 1.25rem;
    }
  }
}