/*
 * Compatibility shims for the Bootstrap 3-era Mouldifi markup while the app is
 * being migrated to Bootstrap 4.
 */

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.visible-xs {
  display: none !important;
}

@media (max-width: 767.98px) {
  .hidden-xs {
    display: none !important;
  }

  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .hidden-xs {
    display: block !important;
  }
}

.page-sidebar .navbar-collapse.collapse {
  display: block;
}

@media (max-width: 767.98px) {
  .page-sidebar .navbar-collapse.collapse:not(.show) {
    display: none;
  }
}

.page-sidebar .navbar-collapse.collapsing {
  display: block;
}

@media (min-width: 768px) {
  .main-content .col-lg-12 > .panel.col-md-6 {
    float: left;
  }
}

.main-content .card {
  background-color: #fff;
  color: #212529;
}

.main-content .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.main-content .card-title {
  color: #2b384c;
  margin-bottom: 0;
}

.main-content .card .table {
  color: #212529;
  margin-bottom: 0;
}

.main-content .card .table > thead > tr > th,
.main-content .card .table > thead > tr > td,
.main-content .card .table > tbody > tr > th,
.main-content .card .table > tbody > tr > td,
.main-content .card .table > tfoot > tr > th,
.main-content .card .table > tfoot > tr > td {
  border-color: #dee2e6;
  vertical-align: middle;
}

.main-content .card .table > thead > tr > th {
  border-bottom-color: #cfd6dd;
  color: #212529;
}

.main-content .card .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f8fafc;
}

.main-content .card .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}

.main-content .card .table-hover > tbody > tr:hover,
.main-content .card .table-striped > tbody > tr:hover {
  background-color: #eef7fb;
}

.main-content .card .table a {
  color: #32bdd3;
}

.main-content .card .table .delete {
  cursor: pointer;
}

.main-content .card .table .edit + .delete {
  margin-left: 8px;
}