.modal-button {
  position: relative;
  margin: 0.4rem;
  border-radius: 0.8rem;
  padding: 0.8rem;
  background-color: var(--w3-theme-l1-background-color) !important;
  color: var(--w3-theme-l1-color) !important;
}
@media (hover:hover) {
.modal-button:hover {
  background-color: var(--w3-theme-background-color) !important;
  color: var(--w3-theme-color) !important;
}}
.modal-table-disable {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--w3-theme-background-color) !important;
  color: var(--w3-theme-color) !important;
}
.table-floor-plan {
  width: 75%;
  border: none;
  border-collapse: initial;
  text-align: center;
}
.table-floor-plan td, .table-floor-plan th {
  padding: 0 !important;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.table-floor-plan {
  width: 55%;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.table-floor-plan {
  width: 35%;
}
}