.index-toolbar-card .btn-sm {
  --vz-btn-font-size: 0.78rem;
  --bs-btn-font-size: 0.78rem;
}

.index-summary-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.75rem;
  min-height: 38px;
  padding: 0.55rem 0.75rem;
  border: 1px dashed var(--vz-border-color);
  border-radius: var(--vz-border-radius);
  background-color: var(--vz-light);
  font-size: 0.8125rem;
}

.index-summary-title {
  color: var(--vz-secondary-color);
  font-weight: 600;
}

.index-search-row {
  display: flex;
  gap: 0.5rem;
}

.index-search-row .form-control {
  min-width: 0;
}

.index-filter-icon-btn {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  padding: 0;
}

#accordionPanelsStayOpenExample .choices {
  width: 100%;
  margin-bottom: 0;
}

#accordionPanelsStayOpenExample .choices__inner {
  min-height: 37.5px;
}

.index-check-box {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--vz-border-color);
  border-radius: var(--vz-border-radius);
}

#mainTable {
  font-size: 0.8125rem;
}

#mainTable th,
#mainTable td,
#reservationTable th,
#reservationTable td,
#menageReservationTable th,
#menageReservationTable td,
#offerTable th,
#offerTable td,
#sumOfferTable th,
#sumOfferTable td {
  text-align: center;
  vertical-align: middle;
}

#mainTable .text-start,
#reservationTable .text-start,
#menageReservationTable .text-start,
#offerTable .text-start {
  text-align: left !important;
}

#mainTable .text-end,
#reservationTable .text-end,
#menageReservationTable .text-end,
#offerTable .text-end,
#sumOfferTable .text-end {
  text-align: right !important;
}

#mainTable .btn.btn-sm,
#reservationTable .btn.btn-sm,
#menageReservationTable .btn.btn-sm,
#offerTable .btn.btn-sm {
  --vz-btn-padding-y: 0.15rem;
  --vz-btn-padding-x: 0.5rem;
  --vz-btn-font-size: 0.65rem;
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.65rem;
  padding: 0.15rem 0.5rem;
  font-size: 0.65rem;
  line-height: 1.2;
}

#mainTable .btn.btn-sm i,
#reservationTable .btn.btn-sm i,
#menageReservationTable .btn.btn-sm i,
#offerTable .btn.btn-sm i {
  font-size: 0.78rem;
  line-height: 1;
}

#mainTable input[type="checkbox"],
#reservationTable input[type="checkbox"],
#menageReservationTable input[type="checkbox"],
#offerTable input[type="checkbox"] {
  width: 1.15rem;
  height: 1.15rem;
}

#infoTable th {
  width: 135px;
  color: var(--vz-secondary-color);
  font-weight: 600;
}

#infoTable td {
  vertical-align: middle;
}

.no-pointer {
  pointer-events: none;
}

.index-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--vz-body-bg-rgb), 0.7);
}

.index-loading-overlay .spinner-border {
  width: 4rem;
  height: 4rem;
}

@media (max-width: 575.98px) {
  .index-summary-box {
    align-items: flex-start;
    flex-direction: column;
  }
}