/*  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			: Arial, "Roboto Condensed", Noto, sans, 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;
}
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-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
}
.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;
}
.closeBtn:hover:after{
	transform:scale(1.1);
	transition:0.3s;
}
.closeBtn:after{
    content: 'X';
    position: fixed;
    color: white;
    top: 0;
		padding-top: 13px;
		transition:0.3s;
		z-index:99;
}
@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;
}
#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-family			: Arial, sans serif;
	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;
    position: relative;
		border-bottom-right-radius:10px;
		border-top-right-radius: 10px;
    text-align: center;
		width: 424px;
		transition:0.1s;
}
#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;
}
#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;
}
#boothGrid .slick-viewport{
	background:#f6f6f6;
}
.carousel-left {
	display	: block;
	position : relative;
}
.modalDialog {
	background-color	: white;
	position	: absolute;
	left 	: 0;
	top		: 0;
	height	: 100%;
	width	: 100%;
	z-index	: 300;
}
.login {
	font-size	: 20px;
	font-weight	: bold;
	margin-top	: 2em;
	text-align	: center;
	width		: 100%;
}
.login div {
	margin-left		: auto;
	margin-right	: auto;
}
.login label {
	display			: inline-block;
	margin			: 0.5em;
	text-align		: right;
	width			: 120px;
}
.login input {
	display		: inline-block;
	font-size	: 20px;
	margin		: 0.5em;
}
.login input[type="button"] {
	width			: 100px;
}
.login button {
	border-style: solid;
    border-width: 1px;
	border-color: white;
	display		: inline-block;
	font-size	: 20px;
	margin		: 1em;
	width		: 80px;
}

#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 {
	font-family	: Arial;
	height		: 2em;
	cursor		: pointer;
	vertical-align: middle;
	text-align:center;
}

.icon {
	display		: inline-block;
	font-family	: "Font Awesome 5 Free";
	font-size	: 18px;
	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';
  font-family	: Arial, sans-serif;
}

.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%;
}
.progress-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;
}
.progress-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;
	padding		: 2px 0 2px 0;
}
.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;
	z-index             : 1;
	height				:44.8px;
	border-radius		:2px;
}
.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;
	background: none;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: grey;
	border:none !important;
	cursor:cursor;
	z-index:9;
	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:0;
}
#show3d:hover{
	opacity:0.9;
transform:scale(1.06);
}
.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-family:"Arial";
	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-color	: rgba( 200, 100, 200, 0.6);
	border				: 1px solid #ff0000;
	font-size			: 1.4em;
	position			: absolute;
	bottom				: 60px;
	right				: 10%;
	width				: 220px;
	height				: 26px;
	z-index				: 99;
}
/*	#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;
	margin-bottom	: 8px;
	text-align		: center;
	padding: 5px 0;
	border-radius:5px;
}
#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	: 14px;
	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%;
	overflow	: auto;
	background-color: white;
}
#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;
	border:1px solid lightsteelblue;
	position	: relative;
}
#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;
}
.thumb {
	cursor			: pointer;
	display			: inline-block;
	margin			: 10px;
	padding			: 4px;
}
.thumb> img {
	width			: 120px;
}
#exhibitorContact{
	font-size: 12px;
	letter-spacing: 0.4px;
}
#exhibitorContact a{
	font-size: 12px;
	letter-spacing: 0.4px;
}
	
#menu {
	background-color: white;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	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		: 200;
	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;
  font-family : Arial;
}

#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	: 10px;
	right : 10px;
	height: 36px;
	min-width: 36px;
	z-index	: 201;
	-webkit-user-select: none;
	   -moz-user-select: none;
        -ms-user-select: none;
		    user-select: none;
}
.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	: 202;

}
#menuSymbol div {
	height: 3px;
	position: relative;
	width: 28px;
    transition: all 0.4s ease;
	z-index : 203;
}
#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-family: Arial, Helvetica Neue, Helvetica, Sans-Serif;
  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-family: Arial, sans-serif;
	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;
}

.dialog {
	background-color	: #e6f2ff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-color		: #0073a8;
	border-radius		: 5px;
	display				: none;
	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: bold; */
	height: 28px;
	/* text-transform: uppercase; */
	/* padding-top: 4px; */
	text-align: center;
	padding: 10px 0;
	letter-spacing: 1px;
}
#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;
	border-radius: 5px;
	margin		: 0;
	overflow-x	: auto;
	overflow-y	: auto;
	position	: relative;
	padding-bottom: 20px;
}
.dialog__actions {
	box-sizing	: border-box;
	border-top	: 1px solid #cccccc;
	font-size	: 16px;
	position	: absolute;
	bottom		: 2px;
	width		: 97%;
	background: inherit;
}
.dialog__actions button {
	background	: transparent;
	color		: blue;
	cursor		: pointer;
	height		: 36px;
	margin		: 8px 8px 8px 0;
	padding		: 8px;
	vertical-align	: top;
	min-width	: 80px;
}
#ei_print{
	font-weight: 600;
}
#ei_email{
	font-weight:bold;
}
.dialog__actions button:disabled {
	color		: gray;
}
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;
	padding-left : 6px;
	right		: 10px;
	top			: 0;
	width		: 280px;
	z-index		: 310;
}
#sPrompt {
	color			: red;
	margin-bottom	: 6px;
}
.salesItem {
	border-bottom	: 1px solid black;
	line-height		: 1.2em;
	padding			: 6px 2px 6px 4px;
	cursor			: pointer;
}
#sTable div {
	display	: none;
	margin-bottom : 2px;
}
#sTable label {
	display	: inline-block;
	width	: 120px;
}
#sTable input {
	background-color	: white;
	border			: none;
	margin-bottom	: 2px;
}
#sTable input[readonly=true] {
	background		: transparent;
}
.statsList {
	font-size : 14px;
	margin : 6px;
}
.statsHeader {
	font-size : 20px;
	font-weight : bold;
	padding-bottom : 6px;
	text-align : center;
}
.statLabel {
	line-height : 1.8em;
	padding-left: 4px;
	width	: 220px;
}
.statValue {
	padding-left: 4px;
	width	: 150px;
}

.contact-text {
	width	: 160px;
}

#divCompanies {
 box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	display		: none;
	margin		: 12px 24px 10px 20px;
	height		: 370px;
	top			: 0;
	left		: 2px;
}
#divideContainer {
	padding	: 8px;
}
#divideTool {
	padding-top	: 6px;
}
#divideTool span {
	margin-right	: 10px;
	margin-top	: 10px;
	width	: 100px;
}
#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 crimson;
	color		: red;
	font-size	: 16px;
	font-weight	: bold;
	padding		: 12px;
	width		: 260px;
}

#tmpList {
	position	: absolute;
	left		: -500px;
	top			: 0;
	width		: 416px;
}
#exhibitorListHeader span:nth-of-type(1){
	font-weight:bold;
}
@media screen and (max-width: 420px) {
	.page {
		width : 100%;
	}
		.r2{
		width:100px;
	}
	.r1{
		width:190px;
	}
}
@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		: 400px;
	}
	#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-size	: 20px;
		font-weight	: bold;
		text-align	: center;
	}
	.refresh_message {
		font-size	: 20px;
		width		: 300px;
	}
	
}

	#control1 {
		font-size	: 100%;
		font-weight	: bold;
	}
@media screen and (min-height: 750px) {
	#ftr {
		font-size	: 12px;
	}
	.ftr_images {
		height		: 68px;
	}
	.ftr_img  {
		height	: 60px;
	}
}
@media print {
	#minimap {
		display	: none;
	}
}
@-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;
	}
}