/*  Main css for js version of FX 'Mobile' after release 3.1
*/

html, body, div, span, h1, h2, h3, p, button,
a, big, img, strong, b, ol, ul, li, fieldset, form, label,
table, tbody, tfoot, thead, tr, th, td, canvas {
	margin			: 0;
	padding			: 0;
	border			: 0;
	font-size		: 100%;
	font			: inherit;
	vertical-align	: baseline;
}
body {
	background-color	: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size			: 16px;
	height				: 100%;
	line-height			: 1.3;
	overflow			: hidden;
	-ms-touch-action		: none !important;
	touch-action		: none !important;
	-ms-content-zooming: none;
	width				: 99.9%;
}
ol, ul {
	list-style	: none;
}
table {
	border-collapse	: collapse;
}
h2, h3 {
	margin	: 0.25em;
}
h2 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.15px;
}
h3 {
	font-size	: 16px;
}
a {
	color			: #0000ee;
	text-decoration	: none;
}

/*  Slick Grid css for js version of FX 'Mobile' after release 2.7
*/
input[type="checkbox"] {
	display : none;
}
input[type="checkbox"] + label{
    display:inline-block;
    width:100%;
    height:100%;
}

#scrollContainer {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}
.premium {
	font-weight: bold;
	line-height: 18px;
	vertical-align: top;
}
.cell-text {
	cursor: pointer;
	text-decoration: underline;
}
/*  force scroll bar to display in Safari  */
.slick-viewport::-webkit-scrollbar,
.trcnt::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
}
.slick-viewport::-webkit-scrollbar:vertical,
.trcnt::-webkit-scrollbar:vertical,
.scrollbar::-webkit-scrollbar:vertical  {
    width: 12px;
}
.slick-viewport::-webkit-scrollbar-thumb,
.trcnt::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}
.slick-viewport::-webkit-scrollbar-track,
.trcnt::-webkit-scrollbar-track
.scrollbar::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}
.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  white-space:normal;
  cursor: default;
  overflow: hidden;
}
.slick-header-column.ui-state-default {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	text-overflow: inherit;
	height: 20px;
	line-height: 16px;
	margin: 0;
	padding: 6px 2px 2px 1px;
  border-left: 0px;
	font-weight: 500;
	border-top: 0px;
	font-size: 14px;
	letter-spacing: 0.1px;
}
.slick-headerrow-column.ui-state-default {
  padding: 8px;
}
/*.slick-header-column-sorted {
  font-style: italic;
}*/
.slick-sort-indicator {
  display: inline-block;
  font-family	: "Font Awesome 5 Free";
  width: 8px;
  height: 5px;
  margin-left: 4px;
  padding-left: 8px;
}

.slick-sort-indicator-desc:after {
	content: '\f078';
	font-weight: bold;
}
.slick-sort-indicator-asc:after{
	content: '\f077';
	font-weight: bold;
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}
.slick-sortable-placeholder {
  background: silver;
}
.grid-canvas {
  position: relative;
  outline: 0;
}
.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}
.slick-cell, .slick-headerrow-column {
  font-size	: 12px;
  position: absolute;
  border: 1px solid transparent;

  overflow: hidden;
  text-overflow: inherit;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
}
.slick-cell[class=10] {
	text-align : center;
}
.slick-group {
	font-size			: 20px;
	font-weight			: bold;
}
.slick-group span {
	margin-left			: 2em;
}
.slick-group-toggle {
	display			: inline-block;
}
.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.r1 {
  width: 218px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.r2{
	width: 116px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trcnt{
	background-color:#f6f6f6;
	position	: relative;
	height		: 100%;
	width		: 100%;
	overflow	: auto;
}
.treeHeading {
	border-bottom	: 2px solid black;
	font-size		: 20px;
	font-weight		: bold;
	text-align		: center;
}
.tree {margin:0; padding:0 2px 0 6px}
.tree li {list-style-type:none; min-height:34px; cursor:pointer; text-align:left;}

.tree li.last-child {margin-left:19px;}
.tree span { line-height: 2em; }

.tree span.trigger:after {
	font-weight: 100;
	content: '\f0fe';
	font-family	: "Font Awesome 5 Free";
	padding: 0 8px 0 2px;
	line-height: 1em;
	font-size:20px; 
}
.r1 {
	width: 218px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .p1:nth-of-type(1):not(i){
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
.tree span.trigger.open:after {
	content: '\f146';
}

.tree span.icon { width: 10px; content: 'i';}
.trcnt li {border-top:1px solid #cfcfdd}
.trcnt ul.tree ul {margin:0; padding:0 0 0 36px; overflow	: auto;}

#centerMark {
	position : absolute;
	left		: 50%;
	top			: 50%;
	width		: 10px;
	height		: 10px;
	border		: 2px solid black;
	background-color : #ff00ff;
	z-index		: 999;
}


.clearfix:after {
    display:block;
    clear:both;
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translate3d(100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@keyframes slideinfromright {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(-100%,0,0); }
}
@keyframes slideouttoleft {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@-webkit-keyframes slideoutfromleft {
	from { -webkit-transform: translate3d(-100%,0,0); }
	to { -webkit-transform: translate3d(0,0,0); }
}
@keyframes slideoutfromleft {
	from { transform: translateX(-100%); }
	to { transform: translateX(0); }
}
.slide.out, .slide.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 150ms;
	animation-timing-function: ease-out;
	animation-duration: 150ms;
}
.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	transform: translateX(-100%);
	animation-name: slideouttoleft;
}
.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
	transform: translateX(0);
	animation-name: slideinfromright;
}
.right { 
	float: right;
}
.closeBtn{
	font-weight: 900;
	font-size: 16px;
	transition:0.3s;
}
.Xtop{
position: fixed;
top: -2px;
visibility: visible;
right: -20px;
color: white !important;
}
#Xtop2 {
	position: fixed;
	top: -2px;
	visibility: visible;
	right: -20px;
	color: white !important;
}
#minimap .Xtop{
	top:-8px;
}
#Xtop3{
	float:right;
	padding-right:15px;
	color: white !important;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .closeBtn:after{
    content: 'X';
    position: fixed;
    color: white;
    top: px;
		padding-top: 13px;
		transition:0.3s;
		z-index:0;
}
}
.closeBtn:active{
	outline:none;
	border:0;
	opacity:0.8;
}
.left { 
	float: left;
}

#exhibitorInfo {
	display : none;
}
#mapAddr {
    display: none;
    color: none;
    cursor: pointer;
    font-size: 14px;
    padding: 0px 10px;
    right: 35%;
}
#divSync{
	display:flex;
}
#mapAddr:before{
	font-family: "Font Awesome 5 Free";
	content: '\f5a0';
	color: blue;
	font-weight: 600;
	font-size: 20px;
}
.odd {
	background-color	: #f9f9f9;
	color				: #000000;
}
.even {
	background-color	: #eeeeee;
	color				: #000000;
}
.header {
	border-top	: 1px solid white;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.thumb {
	background-color	: #0073a8;
	color			: #ffffff;
}
.invertBtn:disabled {
    opacity: 0.3;
}
.thumb p{
	padding: 10px 4px 15px;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.25px;
	text-align: center;
}
#mainHeader {
	display		: inline-block;
	display 	: flex;
	flex-flow	: row;
	flex-wrap	: wrap;
	justify-content	: space-between;
	box-sizing	: border-box;
	padding		: 4px 48px 4px 4px;
	width		: 100%;
}
#logodiv {
	display		: inline-block;
	order		: 1;
	flex-grow	: 0;
}
#titleblock {
	display		: inline-block;
	flex-grow	: 1;
	height: 100%;
	vertical-align	: top;
	order		: 2;
}
#titleblock{
	margin-right	: 20px;
	margin-left		: 6px;
	min-width	:25%;
}
#titleblock h1 {
	font-size	: 14px;
	font-weight	: bold;
	margin		: 0;
}
#titleblock h2 {
	font-size	: 14px;
	margin		: 0;
}
#logo {
	margin-right	: 0;
	max-height		: 60px;
	max-width		: 150px;
}
#smc {
	display		: inline-block;
	order		: 3;
	margin-top	: 4px;
}
.smb {
	display			: inline-block;
	margin			: 0 4px 0 4px;
	text-decoration	: none;
}
.smb a {
	height		: 24px;
}
.smb img {
	vertical-align : bottom;
}
.drawingEventTitle {
	color:		#000000;
	position:	absolute;
	top:		10px;
	font-size:	36px;
	margin:		auto;
	text-align:	center;
	width:		100%;
	z-index:	1;
}
#appContent {
	height		: 700px;
	position	: relative;
	-ms-touch-action	: none !important;
	touch-action	: none !important;
}
#btnListHide {
	display		: none;
	font-family	: "Font Awesome 5 Free";
	font-size	: 20px;
	position	: absolute;
	left		: 427px;
	top			: 2px;
	height		: 28px;
	width		: 40px;
	z-index		: 3;
	border-radius: 10px;
	transition:0.1s;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)
}
#btnListHide:hover {
	transition:0.1s;
	transform:scale(1.04);
	opacity:0.9;
}
#btnListHide:focus{
	outline:0 !important;
}
#btnListHide:after {
	background-color: Transparent;
	color: inherit;
	content: '\f100';
}
#btnListHide.closed:after {
	content: '\f101';
}
.nav-btn .selected:hover{
	opacity:1 !important;
}
#listWindow {
	display				: none;
	border				: 0;
	box-sizing			: border-box;
	font-weight			: bold;
	margin-bottom		: 2px;
	padding				: 2px 0px;
	position			: absolute;
	left				: 0;
	transition			: left 0.6s;
	width				: 430px;
	z-index				: 4;
	border-bottom-right-radius:10px;
	border-top-right-radius: 10px;
	opacity:0;
	background:none !Important;
}
.nav-begin{
	Opacity:1 !important;
  animation:slideoutfromleft 400ms ease-in-out;
	left:0;
}
.nav-open{
	Opacity:1 !important;
	left:0;
}
#listWindow ul {
	top: 0;
}
#listWindow.nav-closed {				/* move accordian off screen */
	left				: -436px;
	animation: none;
	opacity:1 !important;
}

#listWindow .nav-btn {
   /* border: 1px solid lightsteelblue;*/
	 box-sizing: border-box;
	 cursor: pointer;
	 display: block;
	 padding: 4px;
	 margin-bottom: 2px;
	 font-size: 16px;
	 position: relative;
	 border-bottom-right-radius: 10px;
	 border-top-right-radius: 10px;
	 text-align: center;
	 font-weight: 500;
	 width: 424px;
	 transition: 0.1s;
	 letter-spacing: 0.1px;
}
#listWindow .nav-btn:nth-last-of-type(1) {
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;

}
#listWindow .nav-btn:hover {
	opacity:0.9;
	transition:0.1s;
}
#listWindow .selected:hover{
	opacity:1 !important;

}
#listWindow .nav-btn:after {
	content: '\f078';
	font-family	: "Font Awesome 5 Free";
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 4px;
	font-weight:700;
}
#listWindow .nav-btn.selected:after {
	content: '\f077';
}
#listWindow .tree {
	background-color : #eeeeee;
	color			: #000000;
	text-align		: left;
}
#menuNavigation .nav-btn {
	border-radius	: 2px;
	display			: block;
	margin-bottom	: 8px;
	padding-left	: 8px;
	width			: 160px;
}
.static {
	box-sizing	: border-box;
	display		: block;
	position	: absolute;
	top			: 0;
	bottom		: 0;
	right		: 0;
	left		: 0;
    overflow    : hidden;
	visibility	: visible;
}
.page {
	/*background-color : #ffffff; */
	box-sizing	: border-box;
	display		: none;
	width		: 100%;
    overflow    : hidden;
	position	: relative;
	text-align	: left;
	transition	: height, 0.4s;
	z-index		: 20;
}
.pageactive {
	display		: block;
	padding-top	: 5px;
}
#exhGrid .slick-viewport{
	background:#f6f6f6;
	overflow-x: hidden !important;
}
#boothGrid .slick-viewport{
	background:#f6f6f6;
}
.carousel-left {
	display	: block;
	position : relative;
}

.modalDialog {
	background-color	: white;
	position	: fixed;
	left 	: 0;
	top		: 0;
	height	: 100%;
	width	: 100%;
	z-index	: 1100;
}
.login div:nth-of-type(2) label:before{
	font-family: "Font Awesome 5 Free";
	content: '\f007';
	font-weight: bold;
	padding-right: 5px;
	opacity:0.6;
}
.login div:nth-of-type(3) label:before{
	font-family: "Font Awesome 5 Free";
	content: '\f084';
	font-weight: bold;
	padding-right:5px;
	opacity:0.6;
}
.login p:nth-of-type(1){
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0 25px;
  background: #C8E6C9;
	padding: 7.5px 0;
	letter-spacing: 0.4px;
	opacity: 0.8;
}
.wrongLogin{
	background: #FFCDD2 !important;
	animation: shake 0.5s; 
	color: red !important;
}
.wrongLoginTwo{
	background: red !important;
	animation: shake 0.5s !important; 
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
#login_div{
    background: radial-gradient(#616161, #424242);
    height: 100vh;
    width: 101vw;
    background-size: cover;
    background-position: bottom;
    top: 0;
}

.login {
	font-size: 20px;
	font-weight: bold;
	margin-top: 2em;
	text-align: center;
	width: 100%;
	background: white;
	margin: 25vh auto 0;
	padding: 0px 0px 25px;
	max-width: 400px;
	border-radius: 7px;
	box-shadow:0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
	animation: slideReveal 750ms ease-out;
}  
#newFooter{
	position: absolute;
	bottom: 0;
	height: 12px;
	color: white;
	background: linear-gradient(-35deg, #424242, #212121 );
	font-size: 12px;
	z-index: 9999;
	padding: 5px;
	width: 100%;
}
@keyframes slideReveal{
	0%{
		transform: translateY(-200%);
		opacity:0;
	}
	100%{
		transform: translateY(0);
		opacity:1;
	}
}
.login div:nth-of-type(1){
	background:linear-gradient(35deg, #424242, #212121 );
	padding:25px 0 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.login img{
	width:200px;
	height:auto;
}
.login div:nth-of-type(1):after{
	content: 'FX';
	color: white;
	font-weight: 400;
	letter-spacing: 0.5px;
	font-size: 16px;
}
.login div:nth-of-type(3), .login div:nth-of-type(2){
	margin: 0 25%;

}
.login div {
	margin-left		: auto;
	margin-right	: auto;
}
.login label {
	display: block;
	margin: 15px 1em 0;
	text-align: left;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
}
.login input {
	display		: block;
	font-size	: 14px;
	margin		: 0.5em;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
}

.login input[type="button"] {
	width			: 100px;
}
.login button {
	display: inline-block;
	font-size: 14px;
	margin: 1em;
	background: #212121;
	border-radius: 2.5px;
	color: white;
	width: 80px;
	padding: 10px;
	font-weight: 500;
	letter-spacing: 1.25px;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}
.login button:nth-of-type(2) {
	display: inline-block;
	font-size: 14px;
	margin: 1em;
	background: none;
	color: #212121;
	width: 80px;
	padding: 10px;
	font-weight: 500;
	letter-spacing: 1.25px;
	text-transform: uppercase;
	box-shadow:none;
}
.login button:hover{
	box-shadow:none;
	opacity:0.8;
	transition:0.3s;
}
.login button:focus{
	outline:none;
	box-shadow:none;
}
#fpContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
}


canvas {
	position : absolute;
	-ms-touch-action: none !important;
	touch-action	: none !important;
}

.iamhear {
	cursor : pointer;
}

.exhChk {
	height		: 2em;
	cursor		: pointer;
	vertical-align: middle;
	text-align:center;
}

.icon {
	display		: inline-block;
	font-family	: "Font Awesome 5 Free";
	font-size	: 14px;
	margin		: 0 2px 0 2px;
	font-style  : normal;
	font-weight: 700;
}
.icon-star-outline, .icon-star-outline{
	padding:0;
}
.icon-star-outline:before {
	font-family: "Font Awesome 5 Free";
	content	: '\f005';
	font-weight: 500;
	cursor	: pointer;
}
.hdr-btn .icon{
	padding: 0 0 0 6px;
}

.beat{
	-webkit-animation: beat 2s infinite linear;
  -moz-animation: beat 2s infinite linear;
  -o-animation: beat 2s infinite linear;
	animation: beat 2s infinite linear;
}
@keyframes beat {
  50% {
    transform: scale(.85);
  }
  100% {
    transform: scale(1);
  }
}
.icon-star-filled:before {
	font-family: "Font Awesome 5 Free";
	content	: '\f005';
	cursor	: pointer;
	font-weight: 600;
}
.icon-plus:after {
	font-family: "Font Awesome 5 Free";
	content: '\f067';
	font-weight: bold;
}
.icon-minus:after {
	font-family: "Font Awesome 5 Free";
	content: '\f068';
	font-weight: bold;
}
.icon-pin:after {
	font-family: "Font Awesome 5 Free";
	content: '\f041';
	font-weight: bold;
}
.icon-fit:after {
	font-family: "Font Awesome 5 Free";
	content: '\f066';
	font-weight: bold;
}
.icon-reload:before {
	font-family: "Font Awesome 5 Free";
  content: '\f01e';
	margin-right: 4px;
	font-weight: bold;
}
.icon-filter:after {
	font-family: "Font Awesome 5 Free";
  content: '\f0b0';
	color	: white;
	font-weight: bold;
	
}
.icon-arrow:after {
	font-family: "Font Awesome 5 Free";
  content: '\25BC';
}
.icon-location:after {
	font-family: "Font Awesome 5 Free";
	content: '\f124';
	font-weight: bold;
}

.legend {
	background-color: rgba(200, 200, 200, 0.5);
	border-radius	: 5px;	
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	display			: block;
	font-size		: 14px;
    padding			: 5px 6px 5px 0px;
    position		: absolute;
	right			: 120px;
    top				: 70px;
	max-width		: 200%;
	transition		: opacity 0.5s;
   -moz-user-select	: none;
	-ms-user-select	: none;
	user-select		: none;
	z-index			: 1;

}
.legend:not(#salesmenu){
    max-height: 255px;
    overflow-y: auto;
}
.legend li {
    display		: block;
	margin		: 2px 0 2px 6px;
	white-space	: nowrap;
}
#salesmenu{
	background:black;
}
.barContainer {
	position	: absolute;
	top			: 60px;
    margin-top  : 100px;
    text-align  : center;
    width       : 100%;
}
.progressFX-bar {
  background-color: whiteSmoke;
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  width: 40%;
  height: 24px;
  position: relative;
  display: inline-block;
}
.progressFX-bar > span {
  background-color: green;
  border-radius: 2px;
    line-height: 24px;
  display: block;
  text-indent: -9999px;
}
#mask {
	background-color : black;
	display		: none;
	opacity		: 0.4;
	position	: absolute;
	top			: 0;
	left		: 0;
	right		: 0;
	bottom		: 0;
	z-index		: 29;
}
.listHeader {
	cursor	: auto;
	padding	: 2px;
}
.listHeader div {
	cursor		: auto;		/* keep it from inheriting pointer */
}
.listHeader input {
	font-size	: 14px;
	width		: 192px;
}
.listHeader select {
	font-size	: 12px;
	max-width	: 160px;
}
.listHeader button {
	background-color : transparent;
}
.listHeader button .disabled {
	color	: gray;
}
#btnReturnList {
	cursor	: pointer;
	height	: 24px;
	padding	: 2px;
	width	: 120px;
}
.hdr-btn:focus{
	box-shadow:0;
	outline:none;
}
.hdr-btn:not(#show3d):hover{
		opacity: 0.9;
		transform: scale(1.04);
    transition: 0.1s;
    z-index: 999;
}

.hdr-btn {
	margin: 0 1px 0 0;
	min-width: 2.8em;
	padding: 5px 10px;
	letter-spacing: 0.1px;
	z-index: 1;
	height: 44.8px;
	border-radius: 2px;
	font-weight: 500;
}
.hdr-btn:nth-of-type(1){
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.hdr-btn:nth-last-child(1){
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#AvailableBoothColor{
	background: #fff;
}
.hdr-btn#show3d	{
	float:left !important;
	margin-right: -5px;
	background: none;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: grey;
	border:none !important;
	cursor:cursor;
	z-index:9;
	width: 50px;
	padding:0;
}

#show3d{
	float: none !important;
	margin-right: 0;
	padding-left: 0;
	background: none;
	-webkit-text-stroke-width: 0;
	-webkit-text-stroke-color: none;
	border: none !important;
	cursor: auto;
	z-index: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
 #show3dLabel{
	 left:16px !important;
 }
}
/* .flyout-3d{
	margin-right:100px;
  	position:absolute;
  background-color: #555;
  color: #fff;
	width:150px;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  content: 'Press me to toggle 3D!';
	font-weight: 300;
	font-size:12px;
  opacity: 0.5;
	animation: appear 500ms ease-out forwards;
	-webkit-text-stroke-width: 0 !important;
	-webkit-text-stroke-color: 0 !important;
} */
#show3d:active, #show3d:focus{
	outline:none;
	border:0;
}
#show3dLabel{
    position: relative;
	cursor:pointer;
    font-size: 35px;
	top: 4.5px;
	right: 5px;
	transition: 0.1s;
	padding: 2px 4.5px;
}
#show3d:hover{
	opacity:0.9;
	transform:scale(1.06);
}
#viewContent, #hallGroup{
	padding: 0 0 200px;
}
.flyout-3d{
	background: red;
	width: 150px;
	position: absolute;
	right: 40px;
	display:none;
}
#show3dLabel:hover + .flyout-3d{
	display: inline;
	right: -150px;
	position: absolute;
	top: 30px;
	z-index: 9;
	animation: ThreeFly 0.2s ease-out forwards;
} 
.flyout-3d:after{
	content: 'Press me to toggle 3D!';
	font-weight: 300;
	padding:  0 6px 0 0;
	right: 10px;
	opacity:0.9;
	-webkit-text-stroke-width: 0 !important;
	-webkit-text-stroke-color: rgba(0,0,0,0) !important;
}
.icon-check{
	-webkit-text-stroke-width: 0px !important;
	-webkit-text-stroke-color: rgba(0,0,0,0) !important;
}
#load {
	font-size	: 24px;
	position	: absolute;
	top			: 50%;
	transition	: opacity 0.5s;
	width		: 100%;
	z-index		: 0;
	text-align: center;

}
.note {
	bottom		: 6px;
	left		: 4px;
	font-size	: 10px;
	position	: absolute;
	z-index		: 1;
}
.message {
	color		: red;
	font-weight	: bold;
	position	: absolute;
	text-align	: center;
	top			: 50%;
	width		: 100%;
}
#iahMsg {
	background: rgb(200,100,200);
	/* border: 1px solid #ff0000; */
	font-size: 1.25em;
	position: absolute;
	bottom: 60px;
	right: 10%;
	width: 300px;
	text-align: center;
	height: 26px;
	color: #EEE;
	z-index: 99;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
	border-radius: 5px;
	padding: 5px;
	animation: fadeIn 600ms ease-out;
}
#iahMsg:before{
	content: '\f183';
	font-family: "Font Awesome 5 Free";
	color: rgb(200,100,200);
	padding: 3px 10px;
	font-weight: 700;
	font-size: 1em;
	margin-right: 7px;
	border-radius: 100%;
	background: white;
}
/*	#txtVer {
		font-size	: 1.4em;
		font-weight	: bold;
		color		: red;
	}   */
#expolink {
	display		: inline-block;
}
#ver {
	bottom		: 12px;
	font-size	: 10px;
	position	: absolute;
	width		: 100%;
	text-align	: left;
}

#ftr {
	font-size		: 9px;
    position        : absolute;
    bottom          : 0;
    left            : 0;
    right           : 0;
    z-index         : 10;
}
#ftr p {
	display		: inline-block;
}
#ftr span {
	margin	: 0 2px;
}
.ftr_images {
	box-sizing	: border-box;
	height		: 44px;
	padding		: 4px 4px 0 4px;
    position    : relative;
    overflow    : hidden;
}
.ftr_img  {
	cursor	: pointer;
	display	: inline-block;
	height	: 40px;
	margin	: 0 6px;
}
#ftrTxt {
	padding		  : 4px 0 2px 0;
}
.exhContent {
	height		: 100%;
	width		: 95%;
	padding-left	: 10px;
	overflow-x	: hidden;
	overflow-y	: auto;
}
.divider {
	display			: none;
	margin-top: 8px;
	font-size: 14px;
	margin-bottom: 8px;
	text-align: center;
	padding: 5px 0;
	border-radius: 5px;
	font-weight: 500;
	letter-spacing: 0.1px;
}
#fav {
	float: right;
	margin-right: 10px;
}
.contact-label {
	width	: 70px;
}
.ui-contact-field {
	display	: inline-block;
	padding-left	: 0.5em;
	width			: 100%;
}
.contact-link {
	color		: blue;
	cursor		: pointer;
	font-size	: 12px;
	text-decoration	: underline;
}
#boothInfo { margin-top : 4px; margin-bottom : 8px;}
.bthDesc {
	cursor			: pointer;
	margin 			: 0 0 6px 0 ;
	font-size:12px;
	padding-left: 7px;
}
.exi {
	padding-left	: 0.5em;
	font-size: 12px;
    letter-spacing: 0.4px;
}
.content {
	position	: relative;
	width		: 100%;
	background:  #f5f5f5;
	overflow	: auto;
	text-align: center;
}
#flyout {
	border-radius	: 2px;
	display			: none;
	font-size		: 14px;
	max-width		: 250px;
	opacity			: 0.8;
	padding			: 4px;
	position		: absolute;
	z-index			: 32;
}
#coords {
	font-weight	: bold;
	position	: absolute;
	top			: 50%;
	right		: 20px;
	border		: 1px solid #ff0000;
	display		: none;
}

#debug {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;
	background-color: #ffffff;
	font-size: 12px;
}
#control1 {
	border-radius	: 2px;
	/*box-shadow		: 5px 3px 5px rgba(0, 0, 0, 0.4),
					  -2px 4px 5px rgba(0, 0, 0, 0.2);*/
	font-size		: 0.8em;
	/*padding			: 0 1px 1px 0;*/
	position		: absolute;
	top				: 8px;
	right			: 5px;
	z-index			: 2;
}
#control1 button, #control1 li {
	border		: 0;
	cursor		: pointer;
	float		: right;
	line-height	: 2em;
	position	: relative;
}
#control1 button:not(#show3d), #control1 li {
  box-shadow: 0 3px 3px rgba(0,0,0,0.16), 0 1px 3px rgba(0,0,0,0.23)
}
#control1 span {
	margin-right : 4px;
}
#sTimeDisplay {
	font-weight: bold;
	position: absolute;  bottom: 20px;
	width	: 100%;
	margin-left	: 6px;
	text-align	: center;
}
#sTimeDisplay span {
	margin-right: 6px;
}
#hall-group {
	display		: block;
	float		: left;
	margin		: 10px;
}
#views#viewContent{
	padding: 25px 5vw 0;
}
.thumb {
	cursor: pointer;
	display: inline-block;
	padding: 10px 10px 0;
	margin: 10px;
	border-radius: 10px;

}
.thumb> img:hover{
	transition:0.2s;
	transform:scale(1.11);
}
.thumb> img {
	opacity: 0.98;
	box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.10), 2px 8px 17px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	transition: 0.2s;

}
#exhibitorContact{
	font-size: 12px;
	letter-spacing: 0.4px;
}
#exhibitorContact a{
	font-size: 12px;
	letter-spacing: 0.4px;
}
	
#menu {
	background-color: white;
	box-shadow:0 20px 40px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	color		: black;
	line-height	: 2em;
	position	: fixed;
	top			: 0;
	right		: -220px;
	height		: 100%;
	width		: 216px;
	overflow	: auto;
	transition	: right 0.4s;
	z-index		: 1040;
	text-align:center;
}
#menu.open {
	right		: 0;
}
#menu li {
	cursor	: pointer;
	padding: 0px 10px 0px 0px;
}
#menu li:hover{
	background:rgba(0,0,0,0.1);
}
.disabled {
	color	: gray;
	cursor	: auto;
}
#menu ul li:before {
	content : ' ';
	left	: -16px;
	position : relative;
}
#menu ul {
	border-bottom	: 1px solid #cccccc;
}
#menu ul li.icon-check:before {
  content: '\2714';
  left : -16px;
  position	: relative;
}

#btnMenu {
	background	: #e6d499;
	color		: #000000;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	box-sizing	: border-box;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
	top	: 15px;
	right : 10px;
	height: 36px;
	min-width: 36px;
	z-index	: 1050;
	-webkit-user-select: none;
	   -moz-user-select: none;
        -ms-user-select: none;
		    user-select: none;
}
.btn-expo:hover {
    opacity: 1;
    color: white;
    transition: 0.5s;
}
nav i:hover {
    color: black !important;
    transform: scale(1.25);
    transition: 0.1s;
}
.unselectable {
	-webkit-user-select: none;
	   -moz-user-select: none;
        -ms-user-select: none;
		    user-select: none;
}

#menuSymbol {
	display	: inline-block;
	height: 36px;
	padding-left: 4px;
	position: relative;
	width: 32px;
	z-index	: 1050;

}
#menuSymbol div {
	height: 3px;
	position: relative;
	width: 28px;
    transition: all 0.4s ease;
	z-index : 1050;
}
#menuSymbol div:first-child {
  top: 9px;
}
#menuSymbol div:nth-child(0n+2){
  top: 13px;
}
#menuSymbol div:nth-child(0n+3) {
  top: 17px;
}
#btnMenu.open div:first-child div:first-child {
    top: 16px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); 
}
#btnMenu.open div:first-child div:nth-child(0n+2) {
    opacity: 0; 
}
#btnMenu.open div:first-child div:nth-child(0n+3){
    top: 10px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); 
}
#menuLabel {
  display	: none;
  font-size: 20px;
  font-weight: 300;
  left	: 0;
  top	: -10px;
  margin-left: 0;
  padding-right : 4px;
  position: relative;
  text-decoration: none;
  transition: all .4s ease;
}
/*     SLIDE SWITCH   */
.on .slideswitch_inner { 
	margin-left: 0; 
}
.on .slideswitch_handle { 
	right: 1px;
}
.slideswitch {
	box-sizing:	border-box;
	display	: inline-block;
	font-size	: 16px;
	position: relative;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.slideswitch button {
	border: 1px solid white;
	border-radius:	12px;
	cursor	: pointer;
	font-weight: bold;
	position: relative;
	top		: 2px; 
	overflow: hidden;
	width : 60px;
}
.slideswitch_inner {
	display: block;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
	width: 200%; 		
}
.slideswitch_inner:before, .slideswitch_inner:after {
	box-sizing:	border-box;
	display: block;		
	float: left; 
	width: 50%; height: 20px; 
	line-height: 20px;
}
.slideswitch_inner:before {
	content: "O";
	padding-left: 6px;		
	text-align: left;
}
.slideswitch_inner:after {
	content: "O";
	padding-right: 6px;		
	text-align: right;
}
.slideswitch_handle {
	float: none;
	background: #cccccc;
	border: 2px solid #666666; border-radius: 10px;
	display: block;
	position: absolute; top: 1px; bottom: 1px; right: 48%;
	width: 24px;			
	transition: all 0.3s ease-in 0s;
}
.slideswitch_label {
	cursor		: auto;
	display		: inline-block;
	line-height	: 20px;
	margin		: 0 4px 2px 1px;
}
#userlanguage {
	border-radius	: 3px;
	box-sizing	: border-box;
	font-size	: 16px;
	padding	: 4px;
	margin-left	: 10px;
	width		: 160px;
}
#otherBoothLinks{
	margin-bottom: 25px;
}
.dialog {
	background-color	: #e6f2ff;
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
	border-color		: #0073a8;
	border-radius		: 5px;
	display				: none;
	overflow-x			: hidden;
	padding 			: 0;
	position			: absolute;
	z-index				: 30;
	-webkit-animation: appear 400ms ease-out forwards;
	-moz-animation: appear 400ms ease-out forwards;
	-ms-animation: appear 400ms ease-out forwards;
	animation: appear 400ms ease-out forwards;
}
.dialog__header {
	cursor: move;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	padding: 10px 0;
	letter-spacing: 0.15px;
}
#minimap .dialog__header{
	padding: 0;
	/* padding-top:4px; */
}
#minimap .dialog__actions{
	background:none;
	border:0;
	visibility: hidden;
} 
#minimap .closeBtn:after{
	padding-top: 7px;
		padding-left: 25px;
		visibility: visible;
}
.dialog__content {
	box-sizing	: border-box;
	margin		: 0;
	overflow-x	: hidden;
	overflow-y	: auto;
	position	: relative;
	padding-bottom: 20px;
}
.dialog__actions {
	box-sizing	: border-box;
	font-size	: 16px;
	position	: absolute;
	bottom		: 2px;
	width		: 97%;
	background: inherit;
}
#removeHatch{
	background: #f44336 !important;
	color:#FAFAFA !important
}
.dialog__actions button, #removeHatch {
	background	: transparent;
	color		: blue;
	cursor		: pointer;
	height		: 36px;
	margin		: 8px 8px 8px 0;
	padding		: 0 15px;
	vertical-align	: top;
	min-width	: 80px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	transition:0.3s;
	border-radius:5px;
}
.dialog__actions button:focus, .swal-button:focus {
	outline:none;
	box-shadow:none;
}
 .swal-button:hover {
	transition:0.3s;
	opacity:0.7;
	box-shadow:none !important;
}
.swal-button:not([disabled]):hover{
	background-color:#4caf50;
}
#sOp, .swal-button{
	background:#4caf50;
	color:white;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
#sInfo{
	display: none;
}
#sInfoMin{
	display: none;
}
#sInfo:before{
	font-family: "Font Awesome 5 Free";
	content	: '\f067';
	font-weight: 600;
}
#sInfoMin:before{
	font-family: "Font Awesome 5 Free";
	content	: '\f068';
	font-weight: 600;
}
#ei_print{
	font-weight: 600;
}
#ei_email{
	font-weight:bold;
}
.dialog__actions button:disabled {
	color		: gray !important;
	background:#e0e0e0 !important;
	box-shadow:none !important;

}
canvas .grab {
	cursor : -webkit-grab;
	cursor : move;	
}
#mmMarkerDiv {
	border	: 2px solid blue;
	box-sizing : border-box;
	background-color : #eeeeee;
	opacity	: 0.5;
	position : absolute;
}
.mm-nav {
	cursor : move;
	cursor : -webkit-grab;
	cursor : grab;
}
.mm-nav.mm-down {
	cursor : move;
	cursor : -webkit-grabbing;
	cursor : grabbing;
}
#salesWindow {
	display		: none;
	font-size	: 11px;
	line-height	: 1.2em;
	right		: 10px;
	padding-bottom: 25px;
	top			: 0;
	width		: 280px;
	z-index		: 310;
}
#divideTool{
	height:425px;
}
#sPrompt {
	color: white;
	font-weight: 400;
	opacity: 0.95;
	text-align: center;
	padding: 12px 0 5px;
	background: #4CAF50;
	text-transform: capitalize;
	margin: 0;
	font-size: 14px;
	letter-spacing: 0.25px;
	animation: fadeIn 600ms ease-out;
}
.salesComplete:after{
	font-family: "Font Awesome 5 Free";
	content: '\f00c';
	color: #4CAF50;
	font-weight: 600;
	padding-left: 5px;
	font-size: 12px;
}
@keyframes fadeIn{
	0%{
		opacity:0;
		transform:translate(-100%);

	}
	50%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
#salesHeader{
	color: white;
	cursor: move;
	font-weight: 400;
	text-align: center;
	padding: 10px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 20px;
	letter-spacing: 0.15px;
	text-transform: capitalize;
}
.salesItem {
	border-bottom	: 1px solid black;
	line-height		: 1.2em;
	padding			: 6px 2px 6px 4px;
	cursor			: pointer;
	padding-top: 8px;
	transition:0.1s;
}
.salesItem:hover{
	transition:0.1s;
	opacity:0.8;
}
#sTable div {
	display	: none;
	margin-bottom : 2px;
}
#sTable label {
	display	: inline-block;
	width	: 200px;
	display: block;
	font-weight: 400;
	letter-spacing: 0.1px;
	font-size: 14px;
}
#sTable input {
	background-color: white;
	border: 1px solid #e0e0e0;
	margin-bottom: 5px;
	height: 25px;
	padding: 2px 10px;
	border-radius: 5px;
}
#sTable{
	padding:1rem 4rem 0.5rem;
	max-height: 400px;
	overflow: auto;
	animation: fadeIn 600ms ease-out;
}
#sTable input[readonly=true] {
	background: lightgrey;
    opacity: 0.6;
    cursor: auto;
}
#sTable input[readonly=true]:focus {
	outline:none;
	box-shadow:none;
}
#ratePlanDiv{
	text-align: left;
    max-width: 325px;
    margin-right: auto;
    margin-left: auto;
}
.statsList {
	font-size : 14px;
	margin : 6px;
	margin-top: 20px;
}
.statsHeader {
	font-size : 20px;
	font-weight : bold;
	padding-bottom : 6px;
	text-align : center;
	margin-top: -50px;
}
.statLabel {
	line-height : 1.8em;
	padding-left: 4px;
	width	: 220px;
}
.statValue {
	padding-left: 4px;
	width	: 150px;
}

.contact-text {
	width	: 160px;
}
.fx-form-control{
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
}
#exhibitorFilter,  #boothFilter{
	width: 35%;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
}
.fx-form-controlAlt{
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	padding-left: 27.5px;
}
.fx-form-controlAlt-Icon{
	position: absolute;
	margin: 4px 5px 5px 5px;
	opacity: 0.6;
}
#divCompanies {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	display: none;
	margin: 10px 24px 10px 20px;
	height: 375px;
	top: 0;
	padding: 2px;
	overflow: hidden;
	left: 2px;
	animation: fadeIn 500ms ease-out;
}
.slick-viewport{
	overflow-x:hidden !important;
}
#sControl{
	z-index: 9;
}
#sNewComp{
	width: 50px;
}
#divideContainer {
	padding	: 8px;
	margin-top:-10px;
}
#divideTool {
	padding-top: 6px;
	font-size: 14px;
	letter-spacing: 0.25px;
}
#divideTool span {
	margin-right: 10px;
	margin-top: 10px;
	width: 100px;
	font-weight: 500;
	letter-spacing: 0.1px;
	font-size: 14px;
}
#divideTool span:nth-of-type(2){
	font-weight: 400;
	letter-spacing: 0.25px;
}
#divideTool div:nth-of-type(1), #divideTool div:nth-of-type(2){
	padding: 0 5%;
}
#divideTool input[type="radio"] {
	display 		: inline-block;
	padding-left	: 30px;
	width			: 20px;
}
#divideTool canvas {
	position	: absolute;
	top			: 50px;
}
#divideLine {
	cursor		: move;
	display		: none;
	position	: absolute;	
}
#divideLine.vertical {
	height		: 380px;
	top			: 50px;
	left		: 190px;
	width		: 4px;
}

#divideLine::before {
	position	: absolute;
	content		: '';
	top			: -10px;
	left		: -10px;
	right		: -10px;
	bottom		: -10px;
}

#divideLine.horizontal {
	height		: 4px;
	top			: 190px;
	left		: 0px;
	width		: 380px;
}
.divide_label {
	position	: absolute;
	width		: 160px;
}
#aSide {
	left	: 0;
	top		: 100px;
}
#bSide{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#bSide.vertical {
	right	: 0;
	top		: 100px;
}
#bSide.horizontal {
	left	: 0;
	top		: 300px;
}
.divide_dim_input {
	font-size	: 16px;
	margin-right	: 4px;
	width	: 40px;
}
.divide_label input[type="number"] {
	width		: 60px;
}
.divide_label input[type="text"] {
	font-size	: 12px;
	width		: 80px;
}
.divide_label label {
	font-size	: 12px;
	margin-right	: 4px;
}


.refresh_message {
	border: 10px solid red;
	color: white;
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	padding: 5px 25px;
	width: 260px;
	background: red;
	box-shadow:2px 2px 14px #ff5e5e;
}
.refresh_message:before {
	font-size: 35px;
	font-weight: bold;
	content: '\f071';
	font-family: 'Font Awesome 5 Free';
	line-height: 2;
}


#tmpList {
	position	: absolute;
	left		: -500px;
	top			: 0;
	width		: 416px;
}
#exhibitorListHeader span:nth-of-type(1){
	font-weight:bold;
}
#addBoothBtn{
	display:none;
	margin: 0 auto;
	opacity: 0.8;
	padding: 15px 0;
	transition: 0.3s;
	text-align: center;
}
#addBoothBtn a{
	color: white;
	background:#f44336;
	border-radius:5px;
	padding:15px 60px;
	box-shadow: 2.5px 3px 10px rgba(0, 0, 0, 0.2), -2px 4px 10px rgba(0, 0, 0, 0.2);
}
#addBoothBtn a:hover{
	opacity:1;
	transition:0.3s;
	box-shadow:none;
}
#sPrompt2Flag{
	display:none;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 35px;
	background: #4CAF50;
	text-align: center;
	font-size: 14px;
	text-transform: capitalize;
	color: white;
	position: absolute;
	letter-spacing: 0.25px;
	font-weight: 400;
	padding-top: 17.5px;
	animation: fadeIn 600ms ease-out;
}
@media screen and (max-width: 320px) {
	#divideContainer {
		padding: 8px;
		margin-top: -40px;
		transform: scale(0.75, 0.75) !important;
		margin-left: -35px;
		margin-top: -125px;
		margin-bottom: 100px;
	}
}
@media screen and (max-height:600px) {

	#bSide.horizontal {
    left: 0;
    top: 200px;
}
#sTable{
	max-height: 250px;
}
	#salesWindow{
		max-height:325px;
	}
	#salesHeader {
	 max-height: 48px;
    padding: 10px 0;
	}
	#divideContainer{
		zoom: 0.80;
		-moz-transform: scale(0.80);
	}
	#divideLine.vertical {
    height: 180px !important;
    top: 75px !important;
	}
	@-moz-document url-prefix() {
		#divideTool{
		  margin: -25px;
	
		}
}
	#divideTool canvas {
		margin-top: -75px;
	}

	#salesDialog.dialog__content {
    overflow: hidden;
}
	#divCompanies{
		height:170px;
		margin: 0px 24px 25px 20px;
	}
	#companies{
		height:140px !important;
	}
	#sTable label{
		font-size:12px;
	}
	.dialog input[type="text"] {
    font-size: 12px;
    padding: 0 10px !important;
}
.dialog{
	overflow-x: hidden;
}
#divideTool div:nth-of-type(2) {
	padding: 0 5%;
	position:absolute;
	z-index:3;
}
}
@media screen and (max-width: 420px) {
	.page {
		width : 100%;
	}
	.grid-canvas{
		margin-bottom:15px;
	}
	.pageactive {
    padding-top: 0px;
}
		.r2{
		width:100px;
	}
	.r1{
		width:160px;
	}
	#addBoothBtn{
		display:block !important;
		margin-bottom:15px !important;
		margin-top:-15px;
	}
	#salesWindow{
		overflow:auto;
		padding-bottom:0;

	}
	#salesWindow .dialog__actions{
    background: inherit;
    margin: 50px 0 5px;
    padding-top: 20px;
    bottom: -5px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    padding-right: 10px;
	}
	.dialog__actions button{
    font-size: 12px;
    margin: 0;
    padding: 0 10px 0;
	}
	#salesmenu{
		overflow: auto;
    max-height: 64vh;
    position: absolute;
		right: 0 !important;
		animation: 500ms slidein ease-out;
	}
	@keyframes slidein{
		0%{
			right:-200px;
			opacity:0;
		}
		100%{
			right:0;
			opacity:1;
		}
	}
	#control1 button{
		font-size: 14px;
    padding: 5px;
	}
	.hdr-btn .icon {
    font-size: 10px;
	}
	.hdr-btn{
		height: auto;
	}
	.salesItem {
		font-size: 12px
}
#sPrompt{
	height: auto;
	font-size: 12px;
	position: absolute;
	width: 100%;
	padding: 10px 0;
	z-index: 9;
}
.btn-expo:disabled {
    opacity: 0.3;
}
.statsList{
	position: absolute;
    top: 0;
}
#info-rent{
    right: 30px !important;
	top: 37.5% !important;
}
#sTable input, .fx-form-control {
	border: 1px solid #e0e0e0;
	margin-bottom: 5px;
	font-size: 1em;
	padding: 5px;
	border-radius: 5px;
	width: 95%;
}
#Xtop2 {
	top: 69px;
}
#sTable{
	padding: 50px 0 100px;
	margin: 0 10% 0;
	max-height: 100%;
}
#sTable label{
	letter-spacing: 0.1px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
}
#divCompanies{
	margin: 50px 24px 35px 20px;
	overflow:hidden;
}
#salesDialog{
	left: 0 !important;
	height: 100%;
	width: 100vw;
	z-index: 999;
	top: 0 !important;
	border-radius:0;
	animation:fadeIn 300ms ease-out;;
}
	#divideContainer {
		padding: 8px;
		margin-top: -40px;
		transform: scale(0.85, 0.85);
    margin: -125px auto 100px;
	}
	#salesHeader{
		font-size:16px;
		padding:10px 0 5px;
		border-radius:0 !important;
	}
	#salesWindow{
		overflow-x:hidden;
		height: 100vh;
		width: 100%;
	}
}

#ei_email ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#ei_email ul a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	transition:0.2s;
}
#ei_email ul a:hover{
	margin-top: -5px;
	transition:0.2s;
}
#ei_email ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#ei_email ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0
}
#ei_email ul a{
	line-height: 120%;
	border-radius: 100%;
	margin: 0 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

#ei_email ul ul{
	top:0;
	left:100%
}

#ei_email:hover > ul{
	top: -25px;
    display: block;
    margin-top: 1px;
	position: absolute;
	opacity:1;
	border-radius:5px;
} 
#shareEma{
	background: #4caf50;
	padding: 10px !important;

}
#shareCop{
	background: #9c27b0;
	padding: 10px 11px !important;

}
#shareFac{
	background: #3b5998;
	padding: 10px 13px !important;

}
#shareTwi{
	background: #1DA1F2;
	padding: 10px !important;

}
#sharePage{
	background: #9c27b0;
	padding: 10px !important;


}

#boothInfo h2 {
    font-size: 20px !important;
}
@media screen and (max-width: 350px) {
	#txtVer {
		display	: none;
	}

/*	#mainHeader {
		flex-flow	: column;
		margin-right	: 4px;
	} */
}

@media screen and (min-width: 750px) {
	#exhGrid {
		width		: 416px;
	}
	#salesWindow {
		font-size	: 16px;
		right		: 20px;
		width		: 402px;
	}
	#sTable input[type="text"] {
		width	: 260px;
	}
	/*.carousel-left {
		left	: 50%;
		width	: 50%;
	}*/
	#menuLabel {
		display	: inline-block;
	}
	#menu {
		padding-top	: 48px;
	}
	#mainHeader {
		padding-right	: 120px;
	}
	#logo {
		max-height	: 200px;
		max-width	: 300px;
	}
	#control1 {
		font-size	: 100%;
		font-weight	: bold;
	}
	.hidelist{
		left	: 0;
	}
	#titleblock h1 {
		font-size	: 20px;
	}
	#titleblock h2 {
		font-size	: 16px;
	}

	#vt {
    font-weight: 500;
    letter-spacing: 0.1px;
    color: rgba(0,0,0,0.4);
    font-size: 7em;
    padding: 5px 6vw;
    background:#f5f5f5;
	}
	.refresh_message {
		font-size	: 20px;
		width		: 300px;
	}	
}

	#control1 {
		font-size	: 100%;
		font-weight	: bold;
	}

	#sTable input:focus{
		outline:0;
		box-shadow:0px 4px 8px rgba(0,0,0,0.08);
	}

	.validate-error{
		border-color: #F44336 !important;
    background: #FFCDD2;
	}
	.validate-error-msg{
		color: #F44336 !important;
		font-size: 10px;
		font-weight: 500;
		line-height:25px;
	}
	.validate-error:before{
		content: "Character Limit Reached";
		color: #F44336;
		display:block;
	}

@media screen and (min-height: 750px) {
	#ftr {
		font-size	: 12px;
	}
	.ftr_images {
		height		: 68px;
	}
	.ftr_img  {
		height	: 60px;
	}
}
@media print {
	#minimap {
		display	: none;
	}
}
@media screen and ( min-width: 900px ) and ( max-height: 900px ){
}
@-moz-keyframes appear {
    0% {transform: scale(0);}
    50% {transform: scale(1.05) }
    75% {transform: scale(0.95) }
    100% {transform: scale(1)}
}
@-webkit-keyframes appear {
    0% {transform: scale(0);}
    50% {transform: scale(1.05) }
    75% {transform: scale(0.95) }
    100% {transform: scale(1)}
}
@-ms-keyframes appear {
    0% {transform: scale(0);}
    50% {transform: scale(1.05) }
    75% {transform: scale(0.95) }
    100% {transform: scale(1)}
}
@keyframes appear {
    0% {transform: scale(0);}
    50% {transform: scale(1.05) }
    75% {transform: scale(0.95) }
    100% {transform: scale(1)}
}
@keyframes ThreeFly{
	0%{
		opacity:0;
	}
	99%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
/*MODAL*/
.modal {
  display: none; 
  position: fixed; 
  z-index: 999; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 20px 20px;
	border-radius: 5px;
	width: 480px;
	/* height: 310px; */
	-webkit-animation: appear 400ms ease-out forwards;
	-moz-animation: appear 400ms ease-out forwards;
	-ms-animation: appear 400ms ease-out forwards;
	animation: appear 400ms ease-out forwards;
}
.modal-content:not(.modal-footer){
	text-align:center;
}
.modal h3{
	color: rgba(0,0,0,.65);
	font-weight: 600;
	text-transform: none;
	position: relative;
	display: block;
	padding: 10px 16px;
	font-size: 27px;
	line-height: normal;
	text-align: center;
	margin-bottom: 10px;
}
.modal h3:before{
	font-family: "Arial";
	content: '?';
	color: #EF5350;
	display: block;
	border: 3px solid #EF9A9A;
	border-radius: 50%;
	margin: auto;
	width: 30px;
	font-size: 60px;
	font-weight: 100;
	margin-bottom: 35px;
	padding: 6px 57.5px 6px 25px;
}
/* The Close Button */
.closeModal {
  color: #aaaaaa;
  float: right;
  font-weight: bold;
}

.closeModal:hover,
.closeModal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#buyModal #modalFooter{
    position: relative !important;
    display: flex;
	justify-content: flex-end;
}
#modalConfirm:disabled, #modalConfirm:disabled:hover, #modalContinue:disabled, #modalContinue:disabled:hover{
	opacity:0.5;
}
#ModalP{
	height: 65px;
	font-size: 16px;
	position: relative;
	float: none;
	line-height: normal;
	vertical-align: top;
	text-align: left;
	display: inline-block;
	margin: -5px;
	font-weight: 400;
	color: rgba(0,0,0,.64);
	max-width: calc(100% - 20px);
	overflow-wrap: break-word;
	box-sizing: border-box;
}
#modalFooter{
	padding:10px 0;
	bottom: 15px;
	position: fixed;
}
#buyModal button:not(.directoryClose){
	color: white;
	margin:0 5px;
    box-shadow: none !important;
		border: none;
		height: 43px;
    width: 150px;
    font-size: .71rem !important;
    opacity: 0.7;
    border-radius: .125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    transition: 0.5s;
}
#buyModal button:hover{
	transition:0.5s;
	opacity:1;
}
#modalConfirm{
	background: #4caf50;
}
#modalCancel{
	background:#273238;
}
#modalContinue{
	color: #212121 !important;
	background:white;
	border:1px solid #eee !important;
}
#cartLegend{
	display: block;
	z-index: 99;
	position: absolute;
	right: 5%;
	top: 27%;
	color: #212121;
	background: #eee;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#cartLegend li{
	font-weight:300;
	font-size:14px;
}
#cartIcon{
	font-size:15px;
	padding-bottom:10px;

}
#legendFinish{
	background: #4caf50;
	opacity: 0.7;
	cursor: pointer;
	transition: 0.3s;
	text-align: center;
	margin-top: 15px;
	color: white;
	padding: 5px 10px;
	font-size: .71rem !important;
	letter-spacing: .5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

}
#legendFinish:hover{
	transition:0.3s;
	opacity: 1;
}
.deleteEvent{
	padding: 0 5px;
	font-size: 14px;
	cursor: pointer;
	color: red;
	opacity: 0.7;
	transition:0.3s;
	font-weight: bold;
}
.deleteEvent:hover{
	transition:0.3s;
	opacity:1;
}

/*************HATCH****************/


#removeHatch{
	margin-left: 10px;
}
#hatchRadioDiv, #hatchGreyDiv{
	display: flex;
}
#spinner {
    width: 40px;
    height: 40px;
    border: 2px solid #f3f3f3;
    border-top: 3px solid #8C9EFF;
    border-radius: 100%;
    margin: auto;
    animation: spin 1s infinite linear;
}

#hatchRadioDiv label{
	margin-right:5px;
}
#allHatch, #notAvailHatch, #availHatch, #greyHatch{
	margin-top:-3px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#info-rent{
	position: fixed;
    right: 30px;
	top: 50%;
	z-index:9;
	display: block !important;
}

.tooltip {
	position: relative;
	display: inline-block;
  }

  .tooltip small{
	  display:block;
	  white-space: nowrap;
  }

  .tooltip p{
	margin-bottom:5px;
  }

  /* Tooltip text */
  .tooltip #tooltiptext {
	visibility: hidden;
	text-align: left !important;
    padding: 10px 15px !important;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
	right: 18px;
    margin-left: -70px;
    opacity: 0;
    transition: opacity 0.3s;

  }
  
  /* Tooltip arrow */
  .tooltip #tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover #tooltiptext {
	visibility: visible;
	opacity: 1;
  }
  #elvisList{
	padding-bottom:25px;
}

#directoryNav {
    display: block !important;
}
.navbarDrop {
    padding: 15px 0 !important;
    font-size: 14px;
    color: lightgrey;
    font-weight: 300;
}
#directory i.fa {
    color: black;
    margin: 4px;
}
.navbarItem {
    color: lightgrey;
    padding: 10px 0;
}

.navbar-header {
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,.08) !important;
    display: none;
    animation-name: fadeInTop;
    animation-duration: 200ms;
    width: 100vw;
}
#barNone{
    margin-left:25px;
	cursor:pointer;
}
#searchBar {
    background-color: white;
    padding: 0;
}
ul.navbar-nav li {
    padding: 8px 22px 8px;
    cursor: pointer;
}

    ul.navbar-nav li, ul.navbar-nav li i.fa {
        color: rgba(163,175,183,.9);
        width: 100%;
        font-size: 15px;
    }

        ul.navbar-nav li:hover {
            background-color: rgba(255,255,255,0.1);
        }

.logo {
    width: 230px;
    height: 65px;
    padding-top: 6px;
    padding-left: 4px;
    margin: 0px;
    background-color: #212121; /*#3e8ef7*/
}

    .logo img {
        margin-top: -1px;
        margin-left: 54px;
    }

.navbar-right {
    float: right !important;
    margin-right: -1.0715rem;
    margin-bottom: 0;
}

.super-right {
    margin-right: 100px;
}
.logo-small {
    width: 80px;
}

    .logo-small img {
        margin-top: 14px;
        margin-left: 26px;
        height: 28px;
    }

.invertBtn {
    background: transparent !important;
    color: #273238 !important;
    border: 1px solid #273238 !important;
    padding: .80rem 0 .80rem !important;
    margin: 0 5px;

    box-shadow: none;
    width: 150px;
    text-align: center;
    padding: .84rem 0 .84rem !important;
    font-size: .71rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: .125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    transition: 0.5s;
}


.btn-expo {
    background: #273238;
    color: white;
    box-shadow: none;
    border: none;
    width: 150px;
    text-align: center;
    padding: .84rem 0 .84rem !important;
    font-size: .71rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: .125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    transition: 0.5s;
}

#exh{
	font-size: 20px !important;
    font-weight: 500 !important;
    letter-spacing: 0.15px !important;
}

#legendSubTotalDiv{
	border-top: 1px solid white;
    font-weight: bold;
    padding-top: 5px;
    margin-top: 5px;
	padding-bottom: 0;
	font-size:14px;
}
#legendSubTotalDiv p{
	margin-bottom: 0;
}
.modalImage{
	border-radius:5px;
	height:150px;
	width:100%;
	object-fit: cover;
}
.detailDocument, .detailProduct {
    background: #f5f5f5;
    margin-bottom: 5px;
    border-radius: 10px;
    padding: 15px 15px 2px;
}
.detailContact {
    padding-bottom: 15px !important;
}

.boothContactAvatar, .sContactAvatar {
    height: 80px;
    width: 80px;
    background: url(https://i.imgur.com/KUNLGER.png);
    background-size: cover !important;
    background-position: center !important;
    border-radius: 100%;
}
.socialContacts {
	display: flex;
	flex-direction: column;
}
.socialContacts i {
    font-size: 17.5px;
    margin-bottom: 10px;
}

.detailContact p {
    margin: 2.5px 0;
}
.productThumb {
    border-radius: 5px;
    border: 2px solid white;
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #eaeaea;
}

.directoryClose{
	border-radius: 100%;
    background: white;
    color: black !important;
    font-weight: 400;
    padding: 1px 8px;
    margin-right: -10px;
}
.directoryLogoDetails {
    height: 175px;
    width: 175px;
    float: left;
    background-size: cover !important;
    border-radius: 100%;
    margin: -50px 25px 25px 50px;
    border: 2px solid #9c27b0;
}
.dialgLeft{
	padding-left:2.2rem !important;
}
.flyoutImg{
	width:100%;
	max-height: 350px;
}