#tipDiv {
  position: absolute;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 10000;
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  width: 220px;
  padding: 4px;
  font-size: 11px;
  line-height: 1.2;
}

[id^="floorPlanData_"] div {
  position: absolute;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  font-weight: bold;
  padding:4px;
  z-index:101;
  border: 1px none #000000;
}

[id^="floorPlanData_"] div:hover {
  filter: brightness(125%);
}

[id^="floorPlanData_"] div p {
  margin: 30% 0;
}

.tip {
  background-color: #eef0f4
}

.busy {
  font-size: 10px;
  color: #FFFFFF;
  font-style: italic;
  background-color: #353F3F;
  text-align: center;
  cursor: pointer;
  padding-right: 10px;
}

.available {
  /*padding-top:45%;*/
  background-color: #FFAD42;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  padding-right: 10px;
}

.inprocess {
  font-weight: bold;
  /*padding-top:45%;*/
  background-color: #FFFF33;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  padding-right: 10px;
}

.onhold {
  font-weight: bold;
  /*padding-top:45%;*/
  background-color: #FF0010;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  padding-right: 10px;
}

.myonhold {
  font-weight: bold;
  color: green;
  background-color: green;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  padding-right: 10px;
}

.premiumbooth {
  background-color: #00afef;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  padding-right: 10px;
}

/* styles for infoDiv content */
.info {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}

.hot {
  color: red;
}

.exhibitInstructions {
  margin: 5px;
  background: #EEEEEE;
  padding: 5px;
}

.exhibitInstructions th {
  font-size: 1.4em;
  font-weight: bold;
  padding: 8px;
  background: #CCCCCC;
}

.exhibitInstructions td {
  padding: 5px;
}

table td#planTable {
  vertical-align: top !important;
}

#multiFPID {
  display: flex;             /* Use flexbox for flexible layout */
  flex-wrap: wrap;          /* Allow buttons to wrap to the next line */
  gap: 8px;                 /* Add some space between buttons */
}

#multiFPID .btn {
  white-space: nowrap;       /* Prevent button text from wrapping */
  flex: 1 0 auto;            /* Allow buttons to grow but not shrink past their content */
  font-size: 105%;
}

.row:has(#floorPlanDiv) {
  display: flex;
  flex-wrap: wrap;
}

.col-xl-10:has(#floorPlanDiv) {
  flex: 1 0 auto;
}