/* XAVI: mobile first => media queries for min-width */

/* ---- general ---- */

.pt-menu {
}

.breadcrumb-item .fas,
.breadcrumb-item .far,
.breadcrumb-item .fab {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

.breadcrumb-item.active .fas,
.breadcrumb-item.active .far,
.breadcrumb-item.active .fab {
  color: var(--bs-breadcrumb-item-active-color);
}

/* additional text colors for service status */

.text-blue {
  color: #0d6efd !important;
}
.text-orange {
  color: #fd7e14 !important;
}

/* ---- login page ---- */

body.app_login,
body.app_forgot_password_request,
body.app_check_email,
body.app_reset_password {
  background-image: url("../images/login-background-X89ItEs.jpg");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}
body.app_login header .bg-primary-subtle,
body.app_forgot_password_request .bg-primary-subtle,
body.app_check_email .bg-primary-subtle,
body.app_reset_password .bg-primary-subtle {
  background-color: #fff !important;
}

/* ---- datatables ---- */

div.dt-container div.dt-length,
div.dt-container div.dt-search {
  text-align: left;
  padding-left: 0.25rem;
}
div.dt-container div.dt-info {
  text-align: center;
}
div.dt-container div.dt-paging ul.pagination {
  justify-content: center;
}
@media screen and (min-width: 576px) {
  div.dt-container div.dt-length {
    text-align: right;
    padding-left: 0;
    padding-right: 0.25rem;
  }
  div.dt-container div.dt-info {
    text-align: left;
    padding-left: 0.25rem;
  }
  div.dt-container div.dt-paging ul.pagination {
    justify-content: end !important;
    padding-right: 0.25rem;
  }
}

div#dt_filter.dataTables_filter {
  text-align: left !important;
}

.dataTable .table-actions {
  min-width: 150px;
}

/* ---- forms ---- */

label.required:not(.form-check-label):after,
legend.required:after {
  content: " *";
}

/* ---- print styles ---- */

@media print {
  .card {
    page-break-inside: avoid;
  }
}
