/* This font is the closest match I could find to what was originally used for the floor plan */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');


@keyframes boothglow {
  from   {fill: #f6f0c0;}
  to     {fill: #9ee657;}
}

@keyframes textglow{
  from   {fill: #000000;}
  to     {fill: #000000;}
}

.animatebooth2{
  animation: boothglow 0.70s 0s linear infinite alternate;
}

.animatetext{
  animation: textglow 0.70s 0s linear infinite alternate;
}

.animatebooth{

}

.selectedHighlightColor{
  fill: #9ee657 !important;
}

.clear-selected-exhibitors{
  min-height:40px;
  color: rgb(47, 111, 167);
  cursor: pointer;
  padding-bottom:20px;
  height:auto;
  display:none;
}

.xbooth{
  stroke:#8abf55;
  stroke-width:1.0076;
  stroke-miterlimit:10;
}

.xbooth:hover{
  cursor:pointer;
}

.xbooth-available{
  fill: #dfdfdf;
}

.xbooth-available:hover{
  fill: #f6f0c0;
}

.xbooth-available-highlight{
  fill: #f6f0c0 !important;
}

.xbooth-unavailable{
  fill: #49caff;
}

.xbooth-unavailable:hover{
  fill: #f6f0c0;
}

.xbooth-unavailable-highlight{
  fill: #ffffff;
}

.xbooth-in-cart{
  fill: #fffa0d;
}

.xbooth-in-cart:hover{
  fill: #f6f0c0;
}

.xbooth-in-cart-highlight{
  fill: #ffffff;
}

.xbooth-pending-contract-highlight{
  fill: #fcd503;
}

.xbooth-pending-contract{
  fill: #fcba03;
}

.xbooth-pending-contract:hover{
  fill: #f6f0c0;
}

/* Special styling for the pending contract tooltip */
.xbooth-pending-contract-style-override .xbooth-tooltip-heading{
  background-color: rgb(255, 230, 171) !important;
}


/* Special styling for the unavailble booths where company name is on a single line (<24 characters) */
.xbooth-unavailable-style-override .tooltip-gradient-background:before{
  background-image: linear-gradient(180deg,rgba(255,255,255,0) 53%,rgba(232,241,249,1) 100%);
  mask-image: linear-gradient(180deg,rgba(255,255,255,0) 53%,rgba(232,241,249,1) 100%);
}

.striped-div {
  background: linear-gradient(45deg, #ffcc00 25%, #ffffff 25%, #ffffff 50%, #ffcc00 50%, #ffcc00 75%, #ffffff 75%, #ffffff);
  background-size: 20px 20px;
}

.pending-tag{
  border: 1px solid rgb(4, 99, 194);
  background-color: rgb(255, 230, 171);
  display: inline-block;
  border-radius: 5px;
  padding: 0 5px 0 5px;
  font-weight: bold;
}

.pending-tag-for-dropdown{
  margin-top:5px;
  font-size: 12px;
}

.pending-tag-for-tooltip{
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 13px;
}

.hide-floor-plan-rect{
  fill:#ffffff;
}


/* Emd booth color scheme */

.xbooth-number{
  pointer-events: none;
}

#floorPlanMap {
  width: 100%;
  height: 864px;
  border: 7px rgb(221, 221, 221) solid;
  background-color: #ffffff;
}

ul.exhibitor-locator-dropdown-menu {
  padding:20px !important;
}

ul.exhibitor-locator-dropdown-menu li{
  border-bottom: 1px solid #cccccc;
}

ul.exhibitor-locator-dropdown-menu li:last-child{
  border-bottom: none !important;
}

.exhibitor-locator-dropdown-menu {
  overflow: auto;
  color: #000000;
}


.exhibitor-locator-dropdown-menu-row{
  display: flex;
  width: 100%;
  padding: 10px 0 10px 0;

}

/* Added field to add booths directly form form, per Eric, but Jeanie doesn't want it. Hide it. */
.js-form-item-exhibitor-booth-shopping-cart-exhibitor-booth-add-multiple-booths-field{
  display: none;
}

.exhibitor-locator-dropdown-menu-row{
  cursor: pointer;
}

.expo-list-booth-text{
  font-size:14px;
}

.expo-list-company-text{
  font-weight:bold;
}

.exhibitor-locator-dropdown-menu-row .expo-marker-container{
  width: 38px;
  flex-shrink: 0;
}

.exhibitor-locator-dropdown-menu-row .expo-marker-container{
  width: 38px;
  flex-shrink: 0;
  padding-top:5px
}

.expo-list-company-info-container{
  flex-grow: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.exhibitor-locator-reset-btn{
  fill: rgb(11, 97, 164);
  height: 23px;
  float: right;
  display:none;
  cursor: pointer;
  position: absolute;
  right: 6px;
}

.expo-alt-contact{
  display:none;
}

/*
.exhibitor-locator-dropdown-menu li label:before{
  content: "\f041";
  font-family: FontAwesome;
  display: inline-block;
  color:red;
  font-size:28px;
} */
/*
.exhibitor-locator-dropdown-menu li label:before{
  content: '';
  background: url('/modules/custom/far_exhibitor_booths/assets/images/expo-map-marker.svg');
  position: absolute;
  left: 0;
  top:0;

} */

.exhibitor-booth-purchase-system-container{
  width:100%;
  height:100%;
  background-color: #FFFFFF;
  border: 7px solid rgb(221, 221, 221);
  clear:both;
  position: relative;
}

.floor-plan-header-section{
  height:auto;
  background-color: rgb(4, 99, 194);
  padding:8px 15px 15px 15px;
  float:left;
  width:100%;
  display:inline-block;
  overflow:visible;
}

.expo-booth-order-form-header-section{
  height:5px;
  background-color: rgb(4, 99, 194);
  float:left;
  width:100%;
  display:inline-block;
  overflow:visible;
}

#exhibitorLocatorLabelContainer{
  float:left;
  margin-top:3px;
}

#exhibitorLocatorLabelContainer label {
  display: inline-block;
  float:left;
  text-align: right;
  color:#ffffff;
  font-weight: bold;
  font-size:18px;
  padding: 4px 10px 0 0;
}

#includePendingContractsCheckboxContainer label {
  color:#ffffff;
  font-weight: bold;
}

#includePendingContractsCheckboxContainer{
  clear:both;
  float:left;
  margin-bottom: 0;
  margin-left:140px;
}

#includePendingContractsCheckbox{
  margin-left: 0;
}

#includePendingContractsCheckboxContainer input[type="checkbox"] {
  display: none;
}

#includePendingContractsCheckboxContainer input[type="checkbox"] ~ label::before {
  content: "\f0c8";
  font-family: FontAwesome;
  display: inline-block;
}

#includePendingContractsCheckboxContainer input[type="checkbox"]:checked ~ label::before {
  content: "\f14a"; /* Checked icon code */
}

.exhibitor-locator-container{
  /* float:left; */
  display:flex;
  width:100%;
}

.exhibitor-locator-container select{
  float:left;
  /*max-width:347px; */
}

.booth-view-cart-btn span:before{
  content: "\f07a";
  font-family: FontAwesome;
  display: inline-block;
}

.exhibitor-tool-tip {
  /*position: absolute;
  background: rgb(80,138,188);
  background: linear-gradient(180deg, rgba(80,138,188,1) 11%, rgba(48,81,110,1) 100%);
  width:150px;
  height:160px;
  color: rgb(47, 48, 52);
  padding: 5px;
  border-radius: 8px;
  pointer-events: auto;
  display: none;
  text-align: left;
  box-shadow: 11px 11px 10px -7px rgba(0,0,0,0.3);
  -webkit-box-shadow: 11px 11px 10px -7px rgba(0,0,0,0.3);
  -moz-box-shadow: 11px 11px 10px -7px rgba(0,0,0,0.3); */
  background: linear-gradient(180deg, rgba(80,138,188,1) 11%, rgba(48,81,110,1) 100%);
  min-height: 9px;
  color: rgb(47, 48, 52);
  padding: 5px;
  border-radius: 8px;
  pointer-events: auto;
  text-align: center;
  box-shadow: 11px 11px 10px -7px rgba(0,0,0,0.3);
  -webkit-box-shadow: 11px 11px 10px -7px rgba(0,0,0,0.3);
  -moz-box-shadow: 11px 11px 10px -7px rgba(0,0,0,0.3);
  max-width: 250px;
  display: none;
}

#exhibitorToolTipContentContainer{
  /*background: #ffffff;
  background-color: #ffffff;
  width:100%;
  height:100%;
  border-radius: 6px;
  padding:7px 7px 7px 7px; */
  background: #ffffff;
  width: auto;
  height: auto;
  border-radius: 6px;
  padding: 7px 7px 7px 7px;
  display: flex;
}

#exhibitorToolTipContentContainer span{
  display:inline-block;
  clear:both;
  float:left;
  width:100%;
  text-align: center;
}

.xbooth-tooltip-heading{
  padding-bottom:3px;
  border-bottom: 1px solid #508abc;
  border-radius: 5px;
  background-color: #e8f1f9;
  font-size:18px;
  font-weight:bold;
}

.xbooth-tooltip-discount{
  font-size: 14px;
  padding: 0 3px 3px 3px;
  border-radius: 5px;
  /* max-width: 110px;
   margin: 3px 0 3px 10px; */
  position: relative;
  /* background-color: #f0d3d0; */
  display:none;
  color: #b70303;
  font-weight: bolder;
  min-width:170px;
}
#redRemoveFromCartBtn{
  float:left;
  padding-top: 6px;
}

.xbooth-tooltip-notice {
  font-size: 14px;
  padding: 0 10px 0 10px;
  display:none;
}

.xbooth-tooltip-heading{
  padding: 2px 10px 4px 10px;
}

.xbooth-tooltip-price{
  /*padding:0 3px 6px 3px; */
  padding:0 10px 0 10px;
}

.xbooth-tooltip-company{
  padding: 0 10px 5px 10px;
}

.xbooth-tooltip-purchase-btn{
  padding: 0 10px 10px 10px;
  width:170px;
}

.xbooth-tooltip-purchase-btn  .btn-primary  {
  width:110px;
}

#xboothTooltipSpacer {
  display:none;
  padding-bottom:3px;
}

#expoBoothPurchaseSystemWrapper .expo-add-to-cart-btn  {
  border-radius: 4px;
  background-color: rgb(2, 120, 67);
  margin-top:3px;
}


#expoBoothPurchaseSystemWrapper .expo-remove-from-cart-btn  {
  border-radius: 4px;
  background-color: rgb(138, 10, 18);
  margin-top:3px;
  color: #FFFFFF;
  width: 135px;
  display:none;
}


/*
#expoBoothPurchaseSystemWrapper button:hover{
  background-color: rgb(20, 103, 158) !important;
} */



#checkoutContainer{
  float:right;
  text-align: right;
  padding-left: 15px;
}
#checkoutContainer .btn-primary  {
  border-radius: 4px;
  background-color: rgb(232, 241, 249);
  margin-top:3px;
  color: #0B61A4;
}

.expo-booth-cart-checkout-button-wrapper{
  float: right;
  padding-top: 10px;
  height: auto;
}
.expo-booth-cart-checkout-button-wrapper .btn-primary  {
  border-radius: 4px;
  background-color: rgb(2, 120, 67) !important;
  margin-top:3px;
  color: #ffffff !important;
}

#checkoutContainer button:hover{
  background-color: #ffffff;
}

.expo-booth-cart-total-wrapper,.expo-booth-cart-checkout-button-wrapper{
  display:none;
}
/*
.expoCheckoutBtn {
  min-width:179px;
  height:38px !important;
} */

#cartItemsHtmlContainer{
  width:100%;
}

.form-item-exhibitor-booth-shopping-cart-exhibitor-booth-add-multiple-booths-field{
  margin-top:20px !important;
}

#cartItemsHtmlContainer .cartItemsHtmlForFormWrapper{
  background-color: #ffffff !important;
}

#cartItemsHtmlContainer .expoBoothCartTotalContainer{
  border-left: 1px solid #4c769f47;
  border-right: 1px solid #4c769f47;
}

.littleTabSheet{
  z-index: 2;
  width: 114.5px;
  height: 15px;
  background-color: #ffffff;
  position: absolute;
  left: 1px;
  top: 31px;
  display: none;
  border-right: 1px solid #204d74;
  display:none;
}

.expoCheckoutBtn span{
  font-weight: bolder;
}

#boothsInCartDisplay{
  color:#ffffff;
  clear:both;
  float:right;
  text-align: right;
  padding: 0px 2px 7px 0;
  font-weight: bold;
}

#cartTotalDisplay{
  color:#ffffff;
  font-weight: bold;
  clear:both;
  float:right;
  text-align: right;
  font-size: 29px;
}

#cartButtonsContainer{
  clear:both;
  float:right;
  text-align: right;
  position: relative;
  display: inline-block;
}

.cart-view-active{
  background-color: #ffffff !important;
}

.test-dropdown {
  position: relative;
  display: inline-block;
  margin-left:250px;
}

#boothCart {
  display: none;
  position: absolute;
  background-color: #ffffff;
  padding: 0 15px 15px 15px;
  z-index: 1;
  border: 1px solid #204d74;
  width: 332.5px;
  height: auto;
  left: -33px;
  top: 45px;
  border-radius: 5px;
  text-align: left;
  min-height: 75px;
}

/* safari override */
@supports (-webkit-touch-callout: none) {

}



#expoBoothCartForForm .viewCartTotalLabelContainer,
#expoBoothCartForForm .promoDiscountAmt,
#expoBoothCartForForm .promoDiscountLabel,
#expoBoothCartForForm .cartTotalDollarAmtDisplay{
  height:70px !important;
}


#boothCart #cartTotalContainer,
#boothCart .viewCartTotalLabelContainer,
#boothCart .promoDiscountAmt,
#boothCart .promoDiscountLabel,
#boothCart .cartTotalDollarAmtDisplay{
  height:55px !important;
}


.boothCartItemRowContainer{
  border-bottom: 2px solid #4c769f47;
  float: left;
  clear: both;
  width: 100%;
}

.boothCartRowWrapper{
  float: left;
  width: 192px;
  text-align: right;
}

.boothCartRowHeading{
  font-weight: bold;
  font-size: 20px;
  height: 30px;
  float: right;
  text-align: right;
  padding: 0 17px 0 0;
}
.boothCartRowPricing{
  height: 50px;
  width: 105px;
  float: right;
  text-align: center;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ccc;
  padding-bottom: 3px;
  font-weight: bold;
}

.boothCartButtonsRow{
  padding: 0 15px 11px 5px;
  height: auto;
  float: right;
  clear: both;
  text-align: right;
}

.boothCartButton{
  margin-left: 3px;
  float: right;
  border-radius: 5px;
  font-size: 15px;
}



.expo-booth-delete-icon-container{
  height: 50px;
  width: 50px;
  display: flex;
  float: left;
  justify-content: right;
  align-items: flex-end;
}





/* Start new cart stuff */

.expo-booth-delete-icon{
  height:25px;fill: #4971a4;margin-top:3px;
}

.expo-booth-delete-trashcan-border{
  fill:none; stroke:#4971a4; stroke-miterlimit:10; stroke-width:13px;
}

.expo-booth-cart-row-wrapper{
  clear:both;border-bottom: 2px solid #4c769f47;display: flex;padding: 10px 0 10px 0;
}

.expo-booth-cart-booth-title{
  font-size:20px;font-weight: bold
}

.expo-booth-cart-booth-list{
  font-size:15px;
}

.expo-booth-cart-delete-icon-container{
  display: flex; align-items: center; justify-content: center; clear:both; float:right; height:50px; width:40px;
}

.expo-booth-cart-row-pricing-container{
  display: flex; align-items: center; justify-content: center;font-size: 22px; font-weight:bold; float:right; width:105px; height:50px; text-align:center; border-left: 1px solid #ccc;
}

.expo-booth-cart-row-details-container{
  padding: 0 15px 0 15px;height:50px;float:right;text-align:right;width: calc(100% - 155px);
}

.expo-booth-delete-trashcan-border:hover{
  fill: red;
}

.expo-booth-cart-total-wrapper{
  clear: both;
  float: left;
  width: 100%;
  height: 50px;
}

.expo-booth-cart-total{
  float: right;
  width: 137px;
  /* color: rgb(11, 97, 164); */
  font-weight: bold;
  font-size: 21px;
  padding-left:10px;
  text-align: left;
  border-bottom: 2px solid #4c769f47;
  height: 50px;
  border-right: 2px solid #4c769f47;
  border-top: 2px solid #4c769f47;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-right: 40px;
}

.expo-booth-cart-total-label{
  float: right;
  background-color: rgb(232, 241, 249);
  color: rgb(11, 97, 164);
  font-weight: bold;
  font-size: 21px;
  text-align: right;
  height: 50px;
  width: calc(100% - 137px);
  padding: 7px 14px 0 10px;
  border-bottom: 2px solid #4c769f47;
  border-left: 2px solid #4c769f47;
  border-top: 2px solid #4c769f47;
  border-right: 1px solid #4c769f47;
}

.promo-code-cart-text{
  padding-top:22px;
  float:left;
  font-size:14px;
  display:none;
}


/*
.test-dropdown:hover .test-dropdown-content {
  display: block;
} */

.tooltip-gradient-background{
  height:100%;
  width:100%;
  position: relative;
  z-index: 0;
}

.tooltip-gradient-background:before{
  border: 1px solid #508abc;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 80%;
  z-index: -1;
  background: rgb(255,255,255);
  background-image: linear-gradient(180deg,rgba(255,255,255,0) 23%,rgba(232,241,249,1) 100%);
  mask-image: linear-gradient(180deg,rgba(255,255,255,0) 23%,rgba(232,241,249,1) 100%);
  border-radius: 6px;
  bottom: 0;
}

.xbooth-tooltip-size{
  padding: 5px 10px 2px 10px;
  font-size: 22px;
}

.tooltip-gradient-background .tooltip-details-wrapper{

}

.xbooth-number{
  font-size:7px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  fill: #023c21;
}


/* The small triangular "tail"
.exhibitor-tool-tip::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #508abc;
} */

#exhibitorToolTipTail{
  display: none;
  position: fixed;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #508abc;
}

.expo-legend-container{
  position: absolute;
  right: 15px;
  top: -20px;
  text-align: right;
  border-top: 1px solid rgb(4,99,194);
  width: 310px;
  height: 60px;
  border-left: 1px solid rgb(4,99,194);
  padding: 15px 15px 15px 10px;
}

.expo-legend-container:after{
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  left: -5px;
  border: 5px solid white;
  height: 50px;
  content: "";
}

.legend-container-label{
  color: rgb(4,99,194);
  position: absolute;
  top: -12px;
  right: 0;
  text-align: right;
  height: 20px;
  font-size: 14px;
  background-color: #ffffff;
  padding: 0 15px 0 10px;
}

.legend-indicator{
  width: 15px;
  height: 15px;
  border: 1px solid rgb(4,99,194);
  margin-top: 3px;
  margin-right: 7px;
}

.legend-available-indicator{
  background-color: #dfdfdf;
  float:left;
}

.legend-pending-indicator{
  background-color: #fcba03;
  float:left;
}

.legend-unavailable-indicator{
  background-color: #06b3f9;
  float:left;
}

.legend-in-cart-indicator{
  background-color: #fffa0d;
  float:left;
}

.legend-indicator-text{
  float:left;
  font-size: 14px;
  color: rgb(4,99,194);
}

.legend-right{
  float:right;
  padding-left:20px;
}

.legend-left{
  float:right;
}

.legend-row{
  float:left;
  clear:both;
  margin-bottom:5px;
}

.exhibitor-locator-list-btn-container{
  flex-grow: 1;
  margin-top:3px;
}

.exhibitor-list-btn {
  display:inline-block;
  width:100%;
  text-align: left !important;
}

.exhibitor-list-btn:hover {
  background-color: #ffffff !important;
}

.exhibitor-locator-list-btn-container .dropdown-toggle:hover {
  background-color: #ffffff !important;
}

#exhibitorLocatorListBtnContainer .dropdown-menu{
  min-width: 377px;
  max-height: 250px;
}

.exhibitor-locator-list-btn-container .dropdown-toggle:focus {
  background-color: #ffffff !important;
}

.open > .btn-default.dropdown-toggle.exhibitor-list-btn {
  background-color: #ffffff;
}

#expoBoothPurchaseSystemWrapper .tab-pane .row{
  margin: 0;
}

#navTabsWrapper .nav-tabs li a{
  font-size: 24px;
  padding: 10px 20px 10px 20px;
  font-family: OpenSans-SemiBold,"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-border-radius: 10px 10px 0px 0px;
  border: 1px solid #ddd;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(221, 221, 221);
  cursor: pointer;
  font-weight: bold;
}

#navTabsWrapper .nav-tabs li a:hover{
  background-color: #F2F2F2;
}

#navTabsWrapper .nav-tabs > li.active > a {
  color: #fff;
  background-color: #0463c2;
  border: 1px solid #0463c2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(4, 99, 194);
}

/*#zoomControls {
  position: absolute;
  top: 0;
  right: 5px;
  width: 1px;
  height: 900px;
  overflow: visible;
  pointer-events: none;
  margin-right:47px;
  padding-top:6px;
} */
#expoBoothCartAlerts .alert{
  position:relative;
  padding: 10px 10px 12px 10px;
}

#expoBoothCartAlerts svg{
  height:26px;
  fill:#db8585;
  cursor:pointer;
}

#expoBoothCartAlerts  .errorAlertCloseBtnContainer{
  float: right;
  position: absolute;
  top: 10px;
  right: 10px;
}

#zoom-controls-mobile{
  display:none;
 }

#zoomControls {
  width: 60px;
  height: 100%;
  border-radius: 10px;
  display: inline-block;
  position: absolute;
  top: 0;
  right:0;
  pointer-events: none;
  padding: 4px 10px 10px 10px;
}

#boothButtons li{
  display: inline;
}

#zoomControlButtons{
  position: sticky;
  top: 0;
}

.zoom-in-btn-container, .zoom-out-btn-container,.zoom-reset-btn-container {
    pointer-events: auto;
}


.zoom-btn {
  font-family: "Lucida Console", Monaco, monospace;
  font-weight: bolder;
  padding: 8px 12px;
  font-size: 22px;
  font-stretch: 100%;
  cursor: pointer;
  margin: 5px;
  border: none;
  background-color: #4c769f;
  color: white;
  border-radius: 5px;
}
.zoom-btn:hover {
  background-color: #027843;
}

.zoom-reset-btn{
  padding:6px;
  min-width:37.2px;
  height:38px
}

.zoom-reset-btn svg{
  height:18px;
  width:18px;
  fill:#fff;
}

.close-view-cart-circle-container {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #b4c5d5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor:pointer;
}

.close-cart-triangle {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid white;
  margin-bottom: 2px;
}

#in-form-add-booth-field{
  width: calc(100% - 150px);
  float:left;
}

#edit-exhibitor-booth-shopping-cart-exhibitor-booth-cart-for-form{
  clear:both;
  float:left;
  width:100%;
}

#expoBoothCartForForm{
  float:left;
  clear:both;
  width:100%;
  background-color: #f9f9f9;
}

.emptyCartMessageOnForm{
  width:100%;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items: center;
  min-height:70px;
  padding:10px;
}

#expoBoothCartAlerts .alert{
  margin-bottom: 0 !important;
}

/**********************************************/
/* START styles for drupal admin booth manager */
/**********************************************/
.far-exhibitor-booth-management-company-field-wrapper {
  max-width:350px !important;
  float:left;
  display:inline-block;
  margin-left:20px;
}

.exhibitor-pending-row{
  clear:both;
  float:left;
}

.far-exhibitor-booth-management-booth-field-wrapper{
  max-width:100px !important;
  float:left;
  display:inline-block;
  margin-left:30px;
}

.far-exhibitor-booth-management-field-wrapper{
  float:left;
  display:inline-block;
}

.far-exhibitor-booth-management-update-field-wrapper,.far-exhibitor-booth-management-delete-field-wrapper{
  display:flex;
  align-items:end;
  height:58px;
  margin-left:15px;
  float:left;
}

#far-exhibitor-booths-management-form{
  float:left;
  clear:both;
}

.far-exhibitor-booth-management-add-field-wrapper{
  display:flex;
  align-items:end;
  height:58px;
  margin-left:15px;
  float:left;
}

.far-exhibitor-booth-management-divider-wrapper{
  clear:both;
  float:left;
}

#far-exhibitor-booths-management-form #edit-actions{
  display:none;
}

#far-exhibitor-booths-management-form .edit-delete-booth-btn{
  background: rgb(199,63,63);
  /* background: linear-gradient(180deg, rgba(199,63,63,1) 8%, rgba(124,27,27,1) 97%); */
  background-image:linear-gradient(180deg, rgba(199,63,63,1) 8%, rgba(124,27,27,1) 97%);
}

.far-exhibitor-booth-management-error-container{
  width:100%;
  float:left;
  clear:both;
  height:auto;
}

.exhibitor_booths_form_open_div{
  background: rgb(244, 244, 241);

  padding: 30px;
  margin-top: 30px;
  position: relative;
  height: auto;
  float: left;
}

.far-exhibitor-booth-management-update-or-delete-description-wrapper{
  clear:both;
  float:left;
  max-width:1100px;
  margin: 30px 0 30px 30px;
}

.far-exhibitor-booth-management-add-booths-field-wrapper{
  float:left;
}

.far-exhibitor-booth-management-add-description-wrapper{
  max-width:1100px;
}
.far-exhibitor-booth-management-add-description-wrapper span{
  font-weight:bold;
  font-size:22px;
}


.far-exhibitor-booth-management-add-company-field-wrapper{
  float:left;
  margin-left:20px;
}
/**********************************************/
/* END - styles for drupal admin booth manager */
/**********************************************/

/**********************************************/
/* START mobile */
/**********************************************/

@media screen and (min-width: 400px) and (max-width: 500px) {
  #boothCart{
    background-color: #ffffff;
    padding: 0 15px 15px 15px;
    z-index: 1;
    border: 1px solid #204d74;
    width: 343px;
    height: auto;
    left: -10.5px;
    top: 52px;
    border-radius: 5px;
    text-align: left;
    min-height: 75px;
  }
  .sponsorLevelPurchasePriceContainer div:first-child{
    padding: 20px 15px 20px 15px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  #exhibitorLocatorLabelContainer label{
    font-size:14px !important;
    padding: 7px 10px 0 0 !important;
  }
}

@media screen and (max-width: 767px) { /* Mobile */
  #zoom-controls-mobile{
    width: max-content;
    margin: auto;
    text-align: center;
    display: flex;
    padding-top:10px;
  }

  #zoom-controls-mobile div{
    float:left;
    max-width:45px;
  }

  #navTabsWrapper .nav-tabs li a {
    font-size:17px;
  }

  .expo-legend-container{
    top:-82px;
  }

  .exhibitor-locator-container{
    display:inline-block;
  }

  #exhibitorLocatorLabelContainer {
    float: left;
    clear: both;
  }

  #exhibitorLocatorListBtnContainer{
    float:left;
    clear:both;
    width:100%;
  }

  #exhibitorLocatorListBtnContainer .dropdown-menu {
    min-width: 285px;
    width:285px;
    height: 250px;
  }

  #checkoutContainer{
    float: left;
    text-align: left;
    padding-left: 0;
  }

  #cartButtonsContainer{
    float: left;
    text-align: left;
    padding-top:10px;
  }

  #zoomControlButtons{
    display:none;
  }

  .expoCheckoutBtn {
     float:right;
     margin-left:10px;
    /* min-width: 170px; */
     font-size: 14px !important;
  }
/*
  #viewCartBtn{
    font-size: 14px !important;
    height:38px !important;
  } */

  .exhibitors-dropdown-text{
    font-size:14px;
  }

  #boothsInCartDisplay{
    padding: 0 2px 0 0;
    margin-bottom: -10px;
  }

  .floor-plan-header-section{
    padding-bottom:12px;
  }

  .littleTabSheet{
    z-index: 2;
    width: 102px;
    height: 15.5px;
    background-color: #ffffff;
    position: absolute;
    left: 1px;
    top: 41px;
    border-right: none;
  }

  #boothCart{
    background-color: #ffffff;
    padding: 0 15px 15px 15px;
    z-index: 1;
    border: 1px solid #204d74;
    width: 358px;
    height: auto;
    left: -10.5px;
    top: 52px;
    border-radius: 5px;
    text-align: left;
    min-height: 75px;
  }

  .viewCartTotalLabelContainer{
    width:50% !important;
  }

  .emptyCartMessageOnForm{
    font-size:14px;
  }

}

@media screen and (min-width: 768px) { /* Tablet */ }

@media screen and (min-width: 768px) and (max-width: 991px) { /* Tablet to Tablet Down */ }

@media screen and (max-width: 991px) { /* Tablet Down */ }

@media screen and (min-width: 992px) { /* Normal */ }

@media screen and (min-width: 992px) and (max-width: 1449px) { /* Normal to Normal Down */ }

@media screen and (max-width: 1449px) { /* Normal Down */ }

@media screen and (min-width: 1450px) { /* Wide */ }

@media screen and (min-width: 768px) { /* Grid Breakpoint */ }