/*  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%;
	margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
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%;
}
 /* NAV STYLES BASELINE  */
 ul#dirNavbarNav{
    background: #e8e8e8;
}
#dirNavbarNav li {
    /* border-right: 5px solid #dedede !important; */
    opacity: 1;
    border-radius: 5px;
    overflow: hidden;

}
#dirNavbarNav li:not(:last-child) {
    margin-right:5px;
}
#dirNavbarNav li .invertBtn{
    opacity: 1;
}
div ul#dirNavbarNav {
    margin: 0;
    padding: 0;
    width: initial;
    align-items: center;
    position: absolute;
    top: 4px;
    left: 90px;
    border: 5px solid #e8e8e8 !important;
    border-radius: 8px;
    overflow: hidden;
    user-select: none;
	transform: translateX(-50%);
}

div#directoryCompanyImage {
    margin: 0;
    float: none;
    height: 50px;
    width: 100px;
    background-size: cover !important;
    border-radius: 5px;
    border: 2px solid #9c27b0;
    background-position: center center;
}
#searchBar ul#dirNavbarNav{
    border-radius: 50px;
}
#searchBar ul#dirNavbarNav li{ 
    border-radius: 45px
}
#searchBar ul#dirNavbarNav li a:focus, #searchBar ul#dirNavbarNav li a button:focus,
#searchBar ul#dirNavbarNav li a:active, #searchBar ul#dirNavbarNav li a button:active{ 
    outline: none;
}
#searchBar ul#dirNavbarNav a button.invertBtn:disabled:hover{
    background: white !important;
    color:rgba(163, 175, 183, 0.9) !important;
}
div ul#dirNavbarNav, div ul#dirNavbarNav.noCategories{
    transition: all 0.25s;
}
 /* ---------------------- */
#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: 100%;
	line-height: 16px;
	margin: 0;
	padding: 8px 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-sortable {
	cursor: pointer;
}
/*.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: -10px;
}
#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;
}
.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;
	top: 8px;
	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: -424px;
	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;
}
@media screen and (max-width: 464px) {
	#listWindow .nav-btn {
		width:calc(100vw - 90px);
		min-width:200px;
	}
	#btnListHide{
		left:calc(100vw - 88px);
	}
	#listWindow.nav-closed{
		left:min(calc(-100vw + 90px), 200px);
	}
	#control1{
		display:none;
	}
	
}
#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:not(.selected):hover {
	transition: 0.1s;
	margin-left: 2px;
}
#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: 100%;
}
.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: block;
	height:0;
	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;	
	display: flex;
    justify-content: center;
    align-items: 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.75);
	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 8px 5px 2px;
    position: absolute;
	right: 9px;
    top: 58px;
	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;
	word-spacing: 1px;
}
#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: 36px;
	border-radius: 2px;
	font-weight: 500;
}
.hdr-btn:nth-of-type(1) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.hdr-btn:nth-last-child(1) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#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: 30px;
	top: -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: 157px;
	position: absolute;
	right: 40px;
	display:none;
	font-family: 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: 40px;
	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;
}
.directoryFloorMenu #iahMsg {
	height: 40px;
}
/*	#txtVer {
		font-size: 1.4em;
		font-weight: bold;
		color: red;
}   */
#expolink {
	display	: inline-block;
	padding-left: 5px;
}
#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: 16px;
	position: absolute;
	top: 10px;
	right: 112px;
	z-index: 2;
}
#control1 button,
#control1 li {
	border: 0;
	cursor: pointer;
	float: right;
	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;
	max-width: 28%;
	min-width:290px;
}
.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;
	max-width: 100%;
}
#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: 56px;
	right: -220px;
	/* height: 100%; */
	width: 216px;
	overflow: auto;
	transition: right 0.4s;
	z-index: 20;
	text-align: center;
	padding-top: 2px;
	border-radius: 5px 0px 0px 0px;
	bottom: 0px;
}
#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;
}
#btnMenu {
	display: flex;
    justify-content: center;
	align-items: center;
	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: 21;
	-webkit-user-select: none;
	   -moz-user-select: none;
        -ms-user-select: none;
		    user-select: none;
}
.directoryFloorMenu #btnMenu {
	top: 75px;
}
.directoryFloorMenu #menu {
	top: 120px;
}
.unselectable {
	-webkit-user-select: none;
	   -moz-user-select: none;
        -ms-user-select: none;
		    user-select: none;
}
#menuSymbol {
	display: flex;
    flex-direction: column;
    align-items: center;
	height: 36px;
    padding-left: 2px;
	position: relative;
	width: 40px;
	transform: scale(0.8);
}
#menuSymbol div {
	height: 3px;
	position: relative;
	width: 20px;
    transition: all 0.4s ease;
}
#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: 16px;
	font-weight: 500;
	left: 0;
	margin-left: 0;
	padding-right: 12px;
	padding-bottom: 1px;
	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: 4px; 
	overflow: hidden;
	width: 60px;
	margin-left: 12px;
}
.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%; */
	right: 55%;
	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: 4;
	-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 0 3px 0;
}
#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: 8px 6px 6px 8px;
	cursor: pointer;
	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:not(.Xtop) {
		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 {
	display	: block;
	position : relative;
	}
	#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: 4em;
    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(0deg);
    }
}
.details-star{
	position:absolute;
	top:1.35rem;
	left:-35px;
}
#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: 100%;
}
#barNone {
    margin-left: 20px;
	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);
}
#floorplan-social-links {
	display: flex;
    column-gap: 8px;
	padding-right: 4px;
	align-items: center;
}
.floorplan-social-link {
	border-radius:12px;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 32px;
	height: 32px;
	/*border-radius: 50%;
	border: 1px solid #D3D3D3;*/
	transition: all 0.5s;
	color: #273238 !important;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	min-width: 32px;
}
.floorplan-social-link:hover {
	text-decoration: none !important;
	background-color: #dedede;
}
.logo {
    width: 230px;
    height: 65px;
    padding-top: 6px;
    /* padding-left: 4px; */
	padding-right: 14px;
    margin: 0px;
    background-color: #212121; 
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	z-index: 1;
	transition: all .4s ease;
}
.logo:hover {
	transform: scale(3);
    transform-origin: left top;
    /* border-radius: 0px 0px 4px 0px; */
}
.cancel-hover-effect:hover {
	transform: initial !important;
    transform-origin: initial !important;
}
.cancel-hover-effect:hover #logo-hover-title {
	display: none !important;
}
.default-nav-logo {
	background-size: 100px !important;
}
#logo-hover-title {
	display: none;
	position: absolute;
    /* bottom: -20px; */
	top: 65px;
    font-size: 8px;
    background: #ffffff;
    border-radius: 0px 0px 4px 0px;
    padding: 4px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 230px;
	width: 100%;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.logo:hover #logo-hover-title {
	display: initial;
}
.multiline-title-text {
	text-align: left !important;
	overflow: initial !important;
	text-overflow: initial !important;
    white-space: initial !important;
}
/* .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: 0 !important;
	height: 47px;
    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;
}
#directoryLogin .btn-expo {
	background-color: white;
	color: #273238;
	border: 1px solid #D3D3D3;
    box-shadow: none;
    border: none;
    width: 150px;
	height: 47px;
    text-align: center;
    /* padding: 14px 0 13px !important; */
    font-size: 12px !important;
    text-transform: uppercase;
    border-radius: 5px !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;
	border: 1px solid #D3D3D3;
}
#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: auto;
	aspect-ratio: 930/150;
	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;
}
[data-toggle="collapse"] {
    font-size: 16px !important;
}
#navbarSupportedContent {
    padding-top: 0;
    justify-content: flex-end;
    position: relative;
}
ul#dirNavbarNav a button.invertBtn {
    margin: 0;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px !important;
	color:#999999 !important;
}
#searchBar {
    align-items: initial;
}
li a, 
li a:hover, 
li a:visited, 
.dropright a {
    width: 100%;
    font-size: 12px;
    color: rgba(163,175,183,.9);
    text-decoration: none;
    padding: 0 !important;
}
#dirNavbarNav li {
    border-right: 1px solid #e8e8e8;
	color:#999999;
}
#dirNavbarNav li:last-child {
    border-right: none;
}
#directory-login-wrapper {
	display: flex;
	width: initial;
    margin-right: 10px !important;
	column-gap: 10px;
}
.navbar-toggler:focus, 
.navbar-toggler:active {
    box-shadow: 0 !important;
    outline: 0 !important;
}
i.fa {
    color: black;
    margin: 4px;
}
nav i {
    padding: 0 10px;
	color: rgba(0,0,0,0.6) !important;
}
nav button:enabled i {
	cursor: pointer;
}
#navFullscreenBtn {
    position: absolute;
    left: 8px;
    top: 22px;
    margin-right: initial !important;
}
.invertBtn i {
    font-size: 16px;
}
#directoryLogin .btn-expo i {
    font-size: 16px;
	color: rgba(0,0,0,0.6) !important;
}
.invertBtn span {
    font-size: 14px;
}
#directoryLogin .btn-expo span {
    font-size: 14px;
	margin-left: 1px;
}
button:not(#dirNavbarNav button):enabled:hover i:not(#navBars):not(.mapCloseIcon) {
    color: #3d3d3d !important;
    transform: scale(1.2);
    transition: 0.1s;
}
#minimap .Xtop:hover .mapCloseIcon {
	color: #9f3232 !important;
}
#barNone:hover {
	transform: scale(1.25);
    transition: 0.1s;
}
#btnMenu:hover {
    transform: scale(1.04);
    transition: 0.1s;
}
ul#dirNavbarNav a button.invertBtn:enabled:hover,
#directoryLogin .btn-expo:hover {
	background: #dedede !important;
}
#tb4 {
	display: flex;
    flex-direction: row-reverse;
	align-items: center;
}
#tb4Label {
	margin-left: 2px;
}
#searchBar .img-fluid {
	max-width: 100px;
	display: block;
    margin: 0 auto;
}
#btnLegend,
#build,
#map {
	position: relative;
	text-align: left;
}
#menu ul li.icon-check:before {
	content: '\2714';
	left: 15px;
    position: absolute;
}
#menu li {
	min-height: 40px;
    padding-top: 4px !important;
	font-weight: normal;
	text-align: left;
    padding-left: 48px;
}
#menu ul {
	font-weight: bold;
	padding-top: 6px;
}
#btnUnits,
#iah {
	margin-top: 4px;
}
#theFloorplan #btnMenu {
	top: 10px !important;
}
.legend-text-color {
	color: black !important;
}
.ui-widget-content > .slick-cell {
	height: 100% !important;
	border: none;
	padding: 0px;
	width: auto;
} 
.ui-widget-content > .slick-cell > .cell-text {
	height: 100%;
    display: flex;
    align-items: center;
}
.boothContact-address span {
	display: block;
}

@media only screen and (max-width: 991px) {
	button:enabled:hover i:not(#navBars) {
		color: #838282 !important;
		transform: scale(1.1);
	}
	#searchBar .img-fluid {
		height: 28px;
	}
	.logo {
		width: initial;
		position: absolute;
    	left: 50%;
		margin-left: -25px;
		padding: 0px;
		top: 50%;
		margin-top: -14px;
		background-color: initial;
	}
	ul#dirNavbarNav a button.invertBtn:enabled:hover, 
	#directoryLogin .btn-expo:hover {
		background: #B71C1C !important;
	}
	/* button:hover i:not(#navBars):not(#directoryLogin .btn-expo i),
	.btn-expo:hover i {
    color: white !important;
    transform: scale(1);
	} */
	#directoryLogin .btn-expo span {
		color: white;
	}
	#directory-login-wrapper { 
		width: 100%;
    	margin-right: 0px !important;
	}
	button:hover i:not(#navBars) {
		color: white !important;
		transform: scale(1);
	}
	.invertBtn i,
	#directoryLogin .btn-expo i {
		color: white !important;
		margin-right: 6px;
		width: 40px;
		text-align: center;
	}
	.navbar-toggler i {
		color: white !important;
	}
	#navFullscreenBtn {
		display: none;
	}
	.navbar-toolbar {
        display: flex;
        flex-direction: column-reverse;
    }
	#navbarSupportedContent ul#dirNavbarNav {
		width: 100%;
		padding: 0;
		flex-direction: column;
		border-radius: 0px;
		margin: 0;
		align-items: initial;
		position: initial;
		border: none;
		transform: translate(0px);
	}
	ul#dirNavbarNav a button.invertBtn{
		border-bottom: 1px solid gray !important;
		justify-content: flex-start !important;
	}
	ul#dirNavbarNav li:last-child a button.invertBtn{
		border-bottom: none !important;
	}
	#searchBar ul#dirNavbarNav{
        border-radius: 0px !important;
    }
	#dirNavbarNav li {
		border-right: none;
	}
	li a, 
	li a:hover, 
	li a:visited, 
	.dropright a {
		font-size: 14px;
	}
	.navbar-collapse {
        background: #e0e0e0;
        max-width: 335px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
	#navbarSupportedContent {
		position: absolute;
		top: 65px;
		right: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
		width: 100%;
		flex-direction: column;
	}
	#directoryLogin .btn-expo {
		width: 100%;
		height: 60px;
		background: #B71C1C;
		opacity: 1;
		box-shadow: none !important;
		border-radius: 0 0 10px 10px !important;
		text-align: left;
		padding-left: 24px !important;
		border: none;
	}
	ul#dirNavbarNav a button.invertBtn {
		width: 100%;
		height: 60px;
		border-radius: initial !important;
		opacity: 1;
		background: #B71C1C !important;
		color: #FAFAFA !important;
		text-align: left;
		padding-left: 24px !important;
		justify-content: initial;
	}
	#searchBar {
		height: 65px;
		height: 65px;
		background: #212121;
		color: white;
		padding: 0 0 0 40px;
		justify-content: flex-end;
	}
}
div ul#dirNavbarNav{
	position: fixed;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1650px) {
	ul#dirNavbarNav a button.invertBtn {
		width: 86px;
	}
	.invertBtn span {
		display: none;
	}
	div ul#dirNavbarNav {
		top: 4px;
	}
}
@media only screen and (min-width: 1180px) {
	div ul#dirNavbarNav.noCategories{
        left: 50%;
    }
}
@media only screen and (min-width: 1110px) {
	div ul#dirNavbarNav {
		position: fixed;
    left: 50%;
	transform: translateX(-50%);
	}
	div ul#dirNavbarNav.noCategories{
        left: 50%;
    }
}
@media only screen and (max-width: 1180px) {
	#directoryLogin .btn-expo {
		width: 100px;
	}
}
#dirNavbarNav .invertBtn{
    background: transparent !important;
    max-height: 43px;
    color: #999999;
}
.invertBtn:disabled, #dirNavbarNav .invertBtn:disabled {
    background: white !important;
	color:#999999 !important;
    /* border-bottom: 2px solid darkgray !important; */
}
.invertBtn:hover , ul#dirNavbarNav a button.invertBtn:hover:not(:disabled){
    color: rgb(153, 153, 153) !important;
    background: rgb(243,243,243) !important;
}
.invertBtn:disabled:hover , ul#dirNavbarNav a button.invertBtn:disabled:hover{
    color: initial !important;
    background: initial !important;
}
ul#dirNavbarNav a button.invertBtn:disabled:hover{
    color:#999999;
}
ul#dirNavbarNav a button.invertBtn {
    margin: 0;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
	/* margin-bottom: 5px; */
}
ul#dirNavbarNav{
    background: #e8e8e8;
    color:#999999;
}
.invertBtn:disabled i{
	color: #151515 !important;
    transform: scale(1.25);
    transition: 0.1s;
}
ul#dirNavbarNav{
    background: #e8e8e8;
}
#dirNavbarNav li {
    /* border-right: 5px solid #dedede !important; */
    opacity: 1;
    border-radius: 5px;
    overflow: hidden;
}
.fx-directory-modal{
	width:960px;
	transition: all 0.3s;
}
.Xtop{
	transition: all 0.3s;
}
@media only screen and (max-width: 1020px) {
	.fx-directory-modal{
		width:100%;
		min-width:300px;
	}
	.Xtop{
		top:-30px;
		right: 20px;
	}
}

#dirNavbarNav li:not(:last-child) {
    margin-right:5px;
}
#dirNavbarNav li .invertBtn{
    opacity: 1;
    color:#999999 !important;
}
#dirNavbarNav li:last-child {
    border-right: none;
}

.invertBtn i {
    font-size: 16px;
}
#dirNavbarNav .invertBtn:hover i {
    color: #999999 !important;
    transform: scale(1.25);
    transition: 0.1s;
}
#searchBar ul#dirNavbarNav{
    border-radius: 50px;
}
#searchBar ul#dirNavbarNav li{ 
    border-radius: 45px
}
#searchBar ul#dirNavbarNav a button.invertBtn:disabled:hover{
    background: white !important;
    color:rgba(163, 175, 183, 0.9) !important;
}
#dirNavbarNav .invertBtn:disabled i{
    color: #999999 !important;
}
#dirNavbarNav i{
    color: #999999 !important;
}
#dirNavbarNav .invertBtn{
    background: transparent !important;
    max-height: 43px;
    color: #999999;
}
.dir-nav-top-right{
    display:flex;
    margin-left:auto;
}
#navFullscreenBtn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height:110%;
    top:0;
}
#navFullscreenBtn.lessThanFour{
    height:100%;
}
#navFullscreenBtn span:first-child{
    line-height: 15px;
}
.titleInfo{
    font-size:10px;
}
#secondaryInfoDiv p:not(.company-booth-list),
#primaryInfoDiv p{
	word-wrap: break-word;
}
.company-booth-list{
	display: flex;
	flex-wrap: wrap;
}
#directoryNav #navbarSupportedContent{
	overflow: visible;
}
@media only screen and (max-width: 991px) {
	.nav-item-has-attendee{
		margin: 0 auto;

	}
	#navbarMessage.nav-item-has-attendee{
		margin-right: 20px;
	}
ul#dirNavbarNav a button.invertBtn {
	border-bottom: 1px solid gray !important;
	width: 100%;
	height: 60px;
	border-radius: 4px !important;
	opacity: 1;
	color: #FAFAFA !important;
	background: transparent !important;
	color: rgb(123, 123, 123) !important;
	text-align: left;
	padding-left: 24px !important;
	justify-content: initial;
	}
	#attLoginButtonContainer .attendeeNavName{
		color: rgb(123, 123, 123) !important;
	}
	#signInNavbar.navbar-toolbar {
		flex-direction: row;
		padding:5px;
	}

	.navbar-collapse {
		background: #e8e8e8;
	}
	#attLoginButtonContainer #attendeeSignInTrigger.invertBtn{
		background-color: white !important;
		color:rgb(123, 123, 123) !important;
	}
	#attLoginButtonContainer #attendeeSignInTrigger.invertBtn i{
		color:rgb(123, 123, 123) !important;
	}
	#signInLi{
		margin:5px auto !important;
	}
	#attLoginButtonContainer{
		width:100%;
	}
}
.view-img-error{
	position: relative;
}
.view-img-error img{
	opacity: 0 !important;
	min-height:100px;
}
.view-img-error:before{
    content: "\f06e";  
    font-family: FontAwesome;
    left: calc(50% - 25px);
    font-size: 50px;
    position:absolute;
    top:25px;
    color:gray;
}