/* This is the global css for V3 */

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


/* global font, size forms */
#xhbt-main-container input, 
#xhbt-main-container select, 
#xhbt-main-container td, 
#xhbt-main-container p, 
#xhbt-main-container b,
#xhbt-main-container .MuiButton-root, 
#xhbt-main-container .MuiButtonBase-root {
	font-size: 13px !important;
	font-family: 'Roboto', sans-serif !important;
}
#xhbt-main-container .xhbt-company-profile-viewer div[style*="background"]:not(.bg) {
	background-color: rgba(40,40,40, 1.0) !important;
	font-size: 13px !important;
	color: #ffffff !important;
}

/* header */
#xhbt-main-container.Client header {
	background: var(--navbarColor) !important;
	color: var(--navbarColor-text) !important;
}
#xhbt-main-container.header-logo {
	max-height: 60px;
}
/*
#xhbt-main-container #xhbt-header-logo img {
	content:url(https://dev.goeshow.com/assets/img/logos/eshow-logo-white-2.png);
}
*/
#xhbt-header-logo {
	text-align: left !important;
}
#xhbt-main-container #xhbt-header-logo img {
	height: 45px !important;
	
}
#xhbt-main-container #header-bar a, #xhbt-main-container #header-bar button {
    background: transparent !important;
    min-width: 45px!important;
    padding: 1.5px 5px!important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: var(--navbarColor-text) !important;
}
#xhbt-main-container #header-bar a.active {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
	border: 0px !important;
	border-radius: 4px;
    border-bottom: 1px solid #eeeeee;
    padding: 2px 9px !important;
}
#xhbt-main-container #header-bar a:hover, #xhbt-main-container #header-bar button:hover {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
	border: 0px !important;
	border-radius: 4px;
}
#xhbt-main-container .xhbt-main-menu-link {
	color: var(--navbarColor-text) !important;
}
#xhbt-main-container .xhbt-main-menu-container {
	margin-top: 10px !important;	
}
#header-bar button .MuiSvgIcon-root {
    color: #ffffff;
}
.MuiMenuItem-gutters li {
	font-size: 13px !important;
}
/* sub-header */
#xhbt-main-container .Client .sub-header {
    align-items: center !important;
    background: linear-gradient(rgb(157, 189, 221, 0.2), rgb(157, 189, 221, 0.0)) !important;
    border-bottom: 1px solid #e0e0e0 !important;
    display: flex !important;
    height: 51px !important;
    left: 0 !important;
    margin: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    position: absolute !important;
    top: 65px !important;
    width: 100% !important;
}

/* maps */
#xhbt-main-container .chip {
	color: var(--secondaryColor-text) !important;
    background-color: var(--secondaryColor) !important;
}


/* sidenav */
#xhbt-main-container .company-profile-viewer {
	background: rgba(255,255,255,1.0) !important;
}
#xhbt-main-container .xhbt-company-profile-viewer div[class=*"css-"] {
	background-color: rgba(40,40,40, 0.25) !important;
	font-size: 13px !important;
	color: #333333 !important;
}
#xhbt-main-container button.MuiButtonBase-root[aria-label="directions"] {
    background-color: rgba(64,64,64,255) !important;
    color: #ffffff !important;
    /*
    padding: 0px 16px 0px 6px !important;
    height: auto !important;
    */
}
#xhbt-main-container .MuiDrawer-paper > .bg {
	background-color: var(--secondaryColor) !important;
	font-size: 13px !important;
	color: var(--secondaryColor-text) !important;
}
#xhbt-main-container .company-profile-viewer .bg h3 {
	font-size: 16px !important;
	color: var(--secondaryColor-text) !important;
}
#xhbt-main-container .bg button[class*="css-"] {
	color: var(--secondaryColor-text) !important;
}
#xhbt-main-container .MuiButtonBase-root[title="Zoom In"] img {
	content:url(https://dev.goeshow.com/assets/img/icons/icon-zoom-in.png);
}
#xhbt-main-container .MuiButtonBase-root[title="Zoom Out"] img {
	content:url(https://dev.goeshow.com/assets/img/icons/icon-zoom-out.png);
}
#xhbt-main-container .MuiButtonBase-root[title="Auto Fit on Screen"] img {
	content:url(https://dev.goeshow.com/assets/img/icons/icon-fullscreen.png);
}
#xhbt-main-container .MuiButtonBase-root[title="Legend"] img {
	content:url(https://dev.goeshow.com/assets/img/icons/icon-legend.png);
}
#xhbt-main-container .MuiButtonBase-root[title="Download pdf"] img {
	content:url(https://dev.goeshow.com/assets/img/icons/icon-pdf.png);
}
#xhbt-main-container .xhbt-MuiButtonBase-root {
	color: #1F3262 !important;
    font-family: 'Roboto';
    font-weight: bold !important;
    font-size: 11px !important;
}
#xhbt-main-container .MuiSelect-select {
	color: #1F3262 !important;
    font-family: 'Roboto';
    font-weight: bold !important;
    font-size: 11px !important;
}
.xhbt-button-bookmark {
	border: 0px solid red !important;
}
.xhbt-button-featured {
	border: 0px solid red !important;
}

/* sub-footer */
#xhbt-main-container .Client .xhbt-sub-footer {
    background: #ffffff !important;
    border-top: 2px solid #e0e0e0 !important;
    bottom: 0;
    left: 0;
    margin: 0px !important;
    padding: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 9999;
}
.xhbt-goeshow-logo {
	padding-right: 10px;
}
.xhbt-goeshow-logo img {
	content:url(https://dev.goeshow.com/assets/img/logos/eshow-powered-white.png);
	filter: brightness(0.5);
}


/* exhibitor search */
#xhbt-main-container form {
	box-shadow: unset !important;
	border: 1px solid #e0e0e0 !important;
	font-size: 13px !important;
}
#xhbt-main-container .MuiMenuItem-gutters[role="option"] {
	font-size: 13px !important;
}

/* featured exhibitors */
#xhbt-main-container .MuiGrid-item {
    /*padding: 10px !important;*/
    display: inline-grid !important;

}
#xhbt-main-container .MuiPaper-outlined {
	border-radius: 5px !important;
	background-color: #fafbfc !important;
}
#xhbt-main-container .MuiPaper-outlined a {
	/*/: 100% !important;*/
	/*display: inline-flex !important;*/
}
#xhbt-main-container .MuiPaper-outlined b {
    text-decoration: none!important;
    font-size: 15px !important;
    font-weight: bold !important;
    /*color: #404040 !important;*/
    /*background-color: #ffffff !important;*/
    /*border: 1px solid rgba(0,0,0,.05) !important;*/
    border-radius: 3px !important;
    width: 100% !important;
    line-height: 40px;
}
#xhbt-main-container .MuiPaper-outlined a>b {
    /*background-color: #ffffff !important;*/
    border: 1px solid rgba(0,0,0,.05) !important;
    border-radius: 3px !important;
    width: 100% !important;
    padding: 8px 2px !important;
    margin: 0px 0px 8px 0px !important;
}
#xhbt-main-container .MuiPaper-outlined b:hover {
    text-decoration: none !important;
    color: #707780 !important;
}
/*
#xhbt-main-container .MuiPaper-outlined span {
    font-size: 15px !important;
    line-height: 16px;
}
*/
#xhbt-main-container .MuiPaper-outlined [style*="min-height"],
#xhbt-main-container .MuiPaper-outlined {
    min-height: auto !important;
    font-size: 13px !important;
	font-family: 'Roboto', sans-serif !important;
}
#xhbt-main-container .MuiPaper-outlined img {
	/*height: 100px;*/
}
#xhbt-main-container .MuiPaper-outlined img[src=""] {
	content:url(https://dev.goeshow.com/assets/img/logos/logo-placeholder.png);
	max-height: 90px !important;
	opacity: 0.3;
	display: none;
}

/* slide out left */
#xhbt-main-container .MuiDrawer-paper {
    background: #ffffff !important;
    height: 100%!important;
    top: 0!important;
    font-size: 13px !important;
}
#xhbt-main-container .slideout-header {
    background: rgb(40,40,40,1.0) !important;
    font-size: 13px !important;
    color: #ffffff !important;
}

/* My Planner */
#xhbt-main-container #simple-tabpanel-0 button {
	color: var(--secondaryColor-text);
    background-color: var(--secondaryColor);
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 0.5rem 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
}
/* Modal */
#xhbt-main-container .MuiDialog-paper .MuiButtonBase-root button[type="submit"],
#xhbt-main-container .MuiDialog-paper input {
	background: #ffffff !important;
    font-size: 13px !important;
}
#xhbt-main-container .mouseModal {
	border-radius: 10px !important;
	background: rgba(255,255,255,1.0);
	border: 1px solid rgba(0,0,0,.05) !important;
}

/* Replace custom css */

#xhbt-main-container .jss38, 
#xhbt-main-container .css-aa9vd5,
#xhbt-main-container .jss47,
#xhbt-main-container .jss49,
#xhbt-main-container .jss58,
#xhbt-main-container .jss52,
#xhbt-main-container .MuiPaper-outlined > .MuiButtonBase-root > div[role="button"],
#xhbt-main-container .MuiPaper-outlined div[role="button"],
#xhbt-main-container .MuiPaper-outlined .MuiBox-root button[class*="css-"],
#xhbt-main-container .MuiPaper-outlined .MuiBox-root div[class*="css-"] div[style*="margin:"]
 {
    color: var(--secondaryColor-text) !important;
    background-color: var(--secondaryColor) !important;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-grid;
    padding: 0px 8px !important;
    
}
.MuiDialogContent-root button[class*="css-"] {
	color: var(--secondaryColor-text) !important;
    background-color: var(--secondaryColor) !important;
    text-decoration: none !important;
    text-transform: none !important;
    font-weight: normal !important;
    text-align: center !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    display: inline-grid !important;
    padding: 5px 15px !important;
}
.MuiDialogContent-root h4[class*="css-"] {
	color: var(--primaryColor) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
}
#xhbt-main-container div[style*="background: rgb(77, 182, 172)"] {
	background-color: var(--secondaryColor) !important;
}
#xhbt-main-container button[aria-selected="true"]  {
	color: var(--primaryColor) !important;
	border: 0px;
}
#xhbt-main-container button[type="submit"] {
	color: var(--secondaryColor-text) !important;
    background-color: var(--secondaryColor) !important;
    text-decoration: none !important;
    text-transform: none !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    line-height: 1.43 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    padding: 0.5rem 1rem !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
#xhbt-main-container .MuiDrawer-paper .social-icon {
    color: var(--secondaryColor-text) !important;
    background-color: var(--secondaryColor) !important;
    background: var(--secondaryColor) !important;
}
#xhbt-main-container .site-button {
    color: var(--secondaryColor-text) !important;
    background-color: var(--secondaryColor) !important;

}

/* cards */
#xhbt-main-container>.card-body>.MuiButtonBase-root>.MuiChip-clickableColorPrimary {
    background-color: var(--secondaryColor) !important;
}