.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 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;
}


/* Sidebar pouze na desktopu */
@media (max-width: 991.98px) {
  nav.bg-dark.sidebar-main {
    display: none !important;
  }
  .navbar-top {
    display: flex !important;
  }
  .navbar-top .navbar-collapse .nav {
    margin-top: 0.75rem;
  }
  .navbar-top .dropdown-menu {
    margin-top: 0.5rem;
  }
}
@media (min-width: 992px) {
  .navbar-top {
    display: none !important;
  }
  nav.bg-dark.sidebar-main {
    display: flex !important;
  }
}


/* Attendance actions unified buttons */
.att-actions .btn {
  font-size: 1.1rem;
  border-width: 2px;
}
.att-actions .btn i { font-size: 1.3rem; }
.att-actions .btn.btn-warning { color: #212529; }