body {
  flex-direction: column !important;
}

.sidebars {
  justify-content: center;
  max-width: 100% !important;
  width: 100% !important;
  flex-direction: row !important;
}

.disabled, .new-list-container .pagination .page-button-disabled, .disabled:hover {
  opacity: 0.6;
  cursor: not-allowed !important;
  pointer-events: none;
  z-index: 1;
}

.new-list-container {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding-inline: 1em;
  background-color: white;
  overflow-x: auto;
  gap: 1em;
}
.new-list-container .pagination {
  flex-direction: row;
  min-width: 50%;
  width: 100%;
  margin: 1em;
  justify-content: center;
  justify-self: center;
  align-items: flex-start;
  gap: 0.5rem;
}
.new-list-container .pagination .page-button {
  font-size: 100%;
  aspect-ratio: 1/1 !important;
  align-items: center;
  justify-content: center;
  flex: 0 1 1.5rem;
  padding: 0;
}
.new-list-container .pagination .bg-blue {
  color: #444444 !important;
  background-color: transparent !important;
}
.new-list-container .pagination .bg-blue:hover {
  background-color: #B2D0E9 !important;
}
.new-list-container .pagination .page-button-active {
  background-color: #0066A5 !important;
  color: white !important;
}
.new-list-container .search-container .search-container {
  flex-direction: row;
  width: 100%;
  padding: 0.25em;
  border: 1px solid hsl(246, 6%, 65%);
  border-radius: 3px;
  gap: 0.25em;
}
.new-list-container .search-container .search-container:focus-within {
  box-shadow: 0 0 1px 1px #0066A5;
}
.new-list-container .search-container .search-container .image-container {
  width: 25px;
  height: 25px;
  aspect-ratio: 1/1;
}
.new-list-container .search-container .search-container .image-container img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.new-list-container .search-container .search-container .search-input {
  flex-grow: 1;
  border: none;
  outline: none;
}
.new-list-container .table-message {
  font-size: 1em;
  font-weight: 500;
}
.new-list-container .error {
  color: hsl(1, 62%, 60%);
}
.new-list-container .success {
  color: hsl(152, 38%, 60%);
}
.new-list-container .list-table {
  display: grid;
  grid-template-columns: auto;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.new-list-container .list-table .header-row, .new-list-container .list-table .list-row {
  display: contents;
}
.new-list-container .list-table .header-row .item, .new-list-container .list-table .list-row .item {
  min-width: 8em;
  max-width: 500px;
  padding-inline: 0.5em;
  padding: 0.5em;
}
.new-list-container .list-table .header-row .controls, .new-list-container .list-table .list-row .controls {
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.new-list-container .list-table .header-row .controls img, .new-list-container .list-table .list-row .controls img {
  width: 25px;
  height: 25px;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.new-list-container .list-table .header-row .controls img:hover, .new-list-container .list-table .list-row .controls img:hover {
  opacity: 0.5;
}
.new-list-container .list-table .header-row .controls .dropdown-controls, .new-list-container .list-table .list-row .controls .dropdown-controls {
  position: absolute;
  display: none;
  top: 100%;
  z-index: 99;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 1px 1px 5px 0px gray;
  border-radius: 3px;
}
.new-list-container .list-table .header-row .controls .dropdown-controls .dropdown-button, .new-list-container .list-table .list-row .controls .dropdown-controls .dropdown-button {
  padding: 0.5em;
  cursor: pointer;
}
.new-list-container .list-table .header-row .controls .dropdown-controls .dropdown-button:hover, .new-list-container .list-table .list-row .controls .dropdown-controls .dropdown-button:hover {
  background-color: hsl(246, 6%, 95%);
}
.new-list-container .list-table .header-row {
  font-weight: bold;
  font-size: 0.85em;
}
.new-list-container .list-table .header-row .item {
  background-color: #a3bfcc;
}
.new-list-container .list-table .header-row .item:first-child {
  border-top-left-radius: 3px;
}
.new-list-container .list-table .header-row .item:last-child {
  border-top-right-radius: 3px;
}
.new-list-container .list-table .list-row {
  font-size: 0.85em;
}
.new-list-container .list-table .list-row:nth-child(odd) .item {
  background-color: #d4e1e7;
}
.new-list-container .list-table .list-row .item {
  border-right: 1px solid hsl(246, 6%, 78%);
}
.new-list-container .list-table .list-row .item:first-child {
  border-bottom-left-radius: 3px;
  border-left: 1px solid hsl(246, 6%, 78%);
}
.new-list-container .list-table .list-row .item:last-child {
  border-bottom-right-radius: 3px;
}/*# sourceMappingURL=lists.css.map */