body {
  color: #243447;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.app-header {
  background: #123b5d;
}

.login-card {
  max-width: 27rem;
}

main > form,
main > table,
main > div {
  max-width: 100%;
}

.date-select select,
select[name^="from"],
select[name^="to"] {
  display: inline-block;
  width: auto;
  min-width: 5.5rem;
  margin-right: .35rem;
  padding: .375rem 2rem .375rem .75rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  background-color: #fff;
}

.table-responsive {
  overflow-x: auto;
}

@media (max-width: 991.98px) {
  .app-header .navbar {
    justify-content: flex-end;
  }

  .header-utilities {
    margin-left: auto;
  }

  .navbar form {
    margin-top: .75rem;
  }

  .app-subnav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-subnav .list-group-item {
    min-width: 0;
    white-space: normal;
    border-width: 1px;
  }

  .app-subnav .list-group-item:nth-child(even) {
    border-left-width: 0;
  }

  .app-subnav .list-group-item:nth-child(n + 3) {
    border-top-width: 0;
  }

}