/* Remove last border of tables with tfoot */
.table-nobottomborder:has(tfoot) tfoot tr:last-child td,
.table-nobottomborder:has(tfoot) tfoot tr:last-child th {
  border: none;
}

/* Remove last border of tables without tfoot */
.table-nobottomborder:not(:has(tfoot)) tbody tr:last-child td,
.table-nobottomborder:not(:has(tfoot)) tbody tr:last-child th {
  border: none;
}


.menu-toggler {
  margin-left: auto;
  margin-right: 0.5rem;
  padding: .2rem .8rem;
  font-size: 1.6rem;
}

@media screen and (max-width: 991px) {
  .navbar__username {
    display: none;
  }

  .user-dropdown-toggler {
    padding: .2rem .8rem;
    font-size: 1.6rem;
  }

  .dropdown-toggle.user-dropdown-toggler::after {
    display: none;
  }

  .navbar-collapse {
    order: 4;
  }
}


h1 {
  margin-top: 1rem;
  margin-bottom: 1.6rem;
}

@media screen and (min-width: 1200px) {
  main {
    padding: 1rem;
  }
}





.dashboard-intro {
  max-width: 1200px;
}

.dashboard-intro a {
  text-decoration: none;
  transition: all .15s ease-in-out;
  background: #0d6efd;
  color: #ffffff;
  height: 100%;
  text-align: center;
}

.dashboard-intro a:hover {
  background: #4a93ff;
}

.dashboard-intro a i {
  font-size: 2rem;
}

.dashboard-intro a .card-body {
  display: flex;
  align-items: center;
  flex-direction: column;
}




.customer-results {
  margin-bottom: 1rem;
  background: white;
  border-radius: 6px;
  padding: 0.5rem 1rem;
}

.customer-results table {
  width: 100%;
}

.customer-results tr td:first-child {
  width: 100%;
  padding-right: 1rem;
}


.related-results {
  margin-top: 0.6rem;
  background: white;
  border-radius: 6px;
  padding: 0.5rem 1rem;
}

.related-results table {
  width: 100%;
}

.related-results tr td:first-child {
  width: 100%;
  padding-right: 1rem;
}


/* Mobile tables */
/* Mobile tables */
/* Mobile tables */
@media screen and (max-width: 1200px) {

  /* Block display */
  .table-mobile tr {
    display: block;
  }

  /* Flex display on cells */
  .table-mobile td, 
  .table-mobile th {
    /*display: flex;*/
    display: block;
  }

  /* Reset borders */
  .table-mobile td, 
  .table-mobile th,
  .table-mobile tbody,
  .table-mobile thead,
  .table-mobile tr {
    border: none;
    box-shadow: none;
  }
  .table.table-mobile>:not(:first-child) {
    border-top: 0;
  }
  .table.table-mobile>:not(:last-child)>:last-child>* {
    border-bottom-color: white;
  }

  /* Reset max-widths */
  .table-mobile td, 
  .table-mobile th {
    max-width: unset !important;
    width: unset !important;
  }

  /* Hide empty cells */
  .table-mobile td:empty, 
  .table-mobile th:empty {
    display: none;
  }

  /* Style row */
  .table-mobile tr {
    background: #dee2e6;
    margin-bottom: 1rem;
  }

  /* Round it, but not if in card */
  .table-mobile tbody tr:last-child {
    margin-bottom: 0;
  }
  :not(.card):not(.card-body) > .table-mobile tr {
    border-radius: 8px;
  }

  /* Set new borders */
  .table-mobile td, 
  .table-mobile th {
    border-bottom: 1px solid white;
  }
  .table-mobile td:last-child, 
  .table-mobile th:last-child {
    border-bottom: none;
  }

  /* Set label styling */
  .table-mobile tbody tr th:before,
  .table-mobile tbody tr td:before {
    opacity: 0.8;
    font-style: italic;
    padding-right: 0.5rem;
    /*margin-right: auto;*/
  }
}

/* Additional mobile table styling for tablet devices */
@media screen and (min-width: 750px) and (max-width: 1200px) {
  .table-mobile tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }

  .table-mobile tbody tr {
    flex-basis: 49%;
    max-width: 49%;
  }
}
/* Mobile tables */
/* Mobile tables */
/* Mobile tables */





@media screen and (max-width: 1200px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter {
    margin-bottom: 0.6rem;
  }
}

@media screen and (max-width: 767px) {

  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
  }

  div.dataTables_wrapper div.dataTables_info {
    margin-bottom: 1rem;
  }

}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  flex-wrap: wrap;
}