[v-cloak] {
  display: none;
}

@keyframes fullPageLoaderSpin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.eventBody .filterLebel {
  margin-right: 12px;
}

.awc-table {
  width: 100%;
  table-layout: auto;
  empty-cells: show;
  font: 12px / 16px "segoe ui", arial, sans-serif;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.clickable {
  cursor: pointer;
}

.alert-success {
  color: rgb(10, 54, 34);
  background-color: rgb(209, 231, 221);
  border-color: rgb(163, 207, 187);
  font-size: 12px;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #9eeaf9;
  font-size: 12px;
}

/* Make a Payment Control Start  */
.make-payment-totals {
  text-align: right;
  font-size: 1.3em;
}

.make-payment-totals label {
  font-weight: bold;
  padding-right: 30px;
}

.make-payment-pay-amount input {
  width: 100%;
  margin-left: 6px;
  flex-grow: 1;
  text-align: center;
}

.make-payment-pay-amount input:disabled {
  background-color: #ccc;
}

.make-payment-radio label {
  font-size: 18px;
}

.make-payment-radio input {
  margin: 0 5px 0 0;
}
/* Make a Payment Control End  */

/** PB Modal Start **/

.pb-modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 999;
}

.pb-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.3);
}

.pb-modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pb-modal-dialog-sm .pb-modal-dialog-box {
  width: 400px;
  height: 400px;
}

.pb-modal-dialog-md .pb-modal-dialog-box {
  width: 600px;
  height: 600px;
}

.pb-modal-dialog-box {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  height: 100%;
  max-width: 90%;
  border-radius: 8px;
}

.pb-modal-header-text {
  flex-grow: 1;
  font-size: 20px;
}

.pb-modal-header-wrapper {
  position: relative;
  width: 100%;
}

.pb-modal-header {
  background: #25a0da;
  color: #fff;
  padding: 20px;
  display: flex;
  font-weight: bold;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pb-modal-header button {
  color: #fff;
  background: transparent;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0.7;
  border: 0 none;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.pb-modal-header button:hover {
  opacity: 1;
}

.pb-modal-body {
  height: 100%;
  padding: 20px;
  font-size: 14px;
  flex-grow: 1;
}

.pb-modal-footer {
  background: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/** PB Modal END **/

/** PB Exhibitor Styles **/
.pb-color-legend-flex {
  display: flex;
}

.mr-24px {
  margin-right: 24px;
}

.pb-card {
  margin-top: 25px;
  margin-bottom: 25px;
  min-height: 240px;
  padding: 20px;
  box-shadow: 5px 7px 20px 7px #cfcfcf, -1px 1px 10px #cfcfcf, 10px 8px 10px #cfcfcf;
}

.pb-upsell {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pb-legend {
  padding: 25px;
}

.pb-legend-title {
  font-weight: 600;
}

.pb-inline {
display: inline-block;
}

.pb-view-header {
  color: rgba(127, 127, 127, 1);
}
.pb-button {
  margin: 0 !important; 
  padding-right: 50px !important;
}

.pb-validation-message {
  display: block; 
  color: Red; 
  font-weight: bold;
}

.pb-italic {
  font-style: italic;
}

.pb-w-100 {
  width: 100%;
}

.pb-w-120 {
  width: 120px;
}

.pb-w-240 {
  width: 240px;
}

.pb-mt-24 {
  margin-top: 1.5rem;
}

.pb-pr-50 {
  padding-right: 50px !important;
}

.pb-p-20 {
  padding: 20px;
}

.pb-img {
  max-width: 100%; 
  margin-top: 10px;
}

.pb-img-sm {
  max-width: 100px; 
  margin-top: 10px;
}

.pb-whitespace-nw {
  white-space: nowrap;
}

.mb-32px {
margin-bottom: 32px;
}

.mb-24px {
  margin-bottom: 24px;
}

.pb-person-options {
position: absolute;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 5px;
border-top: none;
width: auto;
/* max-width: 724px; */
z-index: 9999; /* Adjust the z-index as needed to ensure it appears above other content */
overflow-y: auto; /* Enable vertical scrollbar when needed */
}

.pb-person-options ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.pb-person-options li {
padding: 5px 10px;
cursor: pointer;
}

.pb-person-options li:hover {
background-color: #f2f2f2;
}

.legendSpacing {
  padding-left: 51px;
}

.standardBooth {
padding: 10px;
margin-bottom: 10px;
height: 27px;
width: 41px;
display: inline-block;
border: 1px black solid;
}

.premierBooth {
padding: 10px;
margin-bottom: 10px;
height: 27px;
width: 41px;
display: inline-block;
border: 1px black solid;
}

.claimedBooth {
  padding: 10px;
  margin-bottom: 10px;
  height: 27px;
  width: 41px;
  display: inline-block;
  border: 1px black solid;
  }

.floorplan {
  overflow-x: auto;
  width: 601px;
  background-repeat: no-repeat;
}

.vendor-list-item {
  font-size: 1.2em;
  margin-bottom: 5px;
}

.booth {
  cursor: pointer;
}

.expo-info-area {
  display: flex;
}

.vendors a {
  text-decoration: none;
}

.vendor-list {
  overflow: auto;
  overflow-y: auto;
  border: 1px solid black;
  padding: 10px;
  margin: 10px 0;
  max-height: 390px;
}

.selected-booth {
  font-size: 2.2em!important;
}

.hint-content {
  position: absolute;
  z-index: 5;
  padding: 12px;
  background-color: rgba(10, 10, 10, 85%);
  color: #fff;
  width: 250px;
}

.hint-content a {
  color: #fff !important;
  text-decoration: none;
}
.hint-content a:hover {
  color: rgb(151, 150, 150);
}
.tool-tip-close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 1.2em;
}

.pb-termsConditionsBox {
  max-height: 500px; /* Set a maximum height for the box */
  overflow-y: auto; /* Enable vertical scrolling */
  border: 1px solid #ccc; 
  border-radius: 5px; 
  padding: 24px;
  font-size: 14px;
  line-height: 1.6; 
  background-color: #f9f9f9;
}

.pb-termsConditionsBox h1 {
  font-size: 18px !important;
}

.pb-termsConditionsBox p {
  font-size: 14px !important;
}

.pb-list-style {
  padding-left: 2rem;
  list-style: circle !important;
}
/** PB Exhibitor Styles END **/