@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); * { color: #555555; font-family: Arial; } body { background: center center repeat whitesmoke; margin: 0px; padding: 80px 0px 0px 0px; } header { background: #ffffff; border-bottom: 1px solid #aaaaaa; height: 80px; left: 0px; position: absolute; top: 0px; width: 100%; } header a { display: block; height: 60px; margin: 10px auto; width: 168px; } header a.backbtn { background: #b8d232; border-radius: 5px; font-size: 12px; height: 40px; left: 32px; line-height: 40px; margin: 0px; position: absolute; text-align: center; text-decoration: none; top: 20px; width: 40px; } header a.backbtn:before { background: #b8d232; border-radius: 5px; content: ''; height: 28px; left: -12px; position: absolute; top: 6px; transform: rotate(45deg); width: 28px; } header a.backbtn:after { color: #564597; content: 'Back'; position: relative; } footer { clear: both; } @media ( min-height: 700px ) { header { position: fixed; } } h1, h2, h3, h4 { background: #b8d232; color: #564597; font-family: "Oswald", san-serif; margin: 20px 0px 0px 0px; padding: 20px 30px; text-align: center; } h1.sub { background: transparent; color: #555555; margin: 0px; } p { margin: 20px 30px; } form input[type="submit"], form input[type="button"], a.button, span.button { background: #b8d232; border-radius: 5px; border: 0px; color: #564597; cursor: pointer; padding: 10px 25px; text-transform: capitalize; } a.button, span.button { display: inline-block; margin: 0px 15px; } span.button.go:before { content: '\226B'; font-size: 18px; float: left; height: 18px; line-height: 18px; margin: 0px 10px 0px 0px; width: 18px; } div.message { background: #ffffff; border: 1px solid #aaaaaa; border-radius: 5px; display: none; margin: 20px 30px; padding: 0px; } div.message.show { display: block; } div.message.installapp:before { background: center center no-repeat transparent; background-size: contain; content: ''; float: right; height: 48px; margin: 20px 30px; width: 48px; } div.message h2 { background: transparent; color: #555555; margin: 0px; } div.message h2:before { display: none; } div.message.openonmobile:before { background: center center no-repeat transparent; background-size: contain; content: ''; float: right; height: 150px; margin: 20px 30px; width: 150px; } div.message.openonmobile:after { clear: both; content: ''; display: block; } section.exhibitor { } section.exhibitor div.logo { background: center center no-repeat #ffffff; background-size: contain; margin: 20px 30px; padding-top: 40%; } section.exhibitor article { background: #ffffff; border: 1px solid #aaaaaa; border-radius: 15px; margin: 20px 30px; } section.exhibitor article h1 { background: transparent; color: #555555; margin: 0px; } section.meetings-list { } section.meetings-list article { } section.meetings-list article nav { margin: 0px; padding: 0px; } section.meetings-list article nav a { background: white; border: 1px solid #aaaaaa; border-radius: 5px; display: inline-block; margin: 20px 0px 0px 30px; padding: 10px 15px 10px 15px; text-align: center; text-decoration: none; width: calc( ( 100vw - 94px - 60px ) / 2 ); } section.meetings-list article nav a span { background: center center no-repeat transparent; background-size: contain; display: block; height: 0px; margin: 0px 0px 10px 0px; padding-top: 100%; width: 100%; } section.meetings-list article nav a.flaggedtile { } section.meetings-list article nav a.flaggedtile.none { opacity: 0.5; } section.meetings-list article nav a:hover { box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.54); } section.meetings-list article nav:after { clear: both; content: ''; display: block; } section.floorplan div.frame { background: #ffffff; border: 1px solid #aaaaaa; border-radius: 5px; display: block; margin: 20px 30px 0px 30px; max-height: 40vh; overflow: scroll; } section.floorplan div.frame div.canvas { height: var(--floorplanheight); position: relative; width: var(--floorplanwidth); } section.floorplan div.frame div.canvas span.pin, section.floorplan div.frame div.canvas a.pin { background: center center no-repeat transparent; background-size: contain; height: 21px; left: calc( var(--pinleft) - 10px ); position: absolute; text-decoration: none; top: calc( var(--pintop) - 10px ); width: 21px; } section.floorplan div.frame div.canvas a.industry.pin { background: #ffffff; border-radius: 50%; font-size: 10px; height: 25px; left: calc( var(--pinleft) - 13px ); line-height: 25px; text-align: center; top: calc( var(--pintop) - 13px ); width: 25px; } section.floorplan div.frame div.canvas span.pin, section.floorplan div.frame div.canvas a.pin { background-color: #ffffff; border: 1px solid #000000; height: 29px; left: calc( var(--pinleft) - 15px ); top: calc( var(--pintop) - 15px );width: 29px; }  section.standlist { margin: 20px 30px; } section.standlist article { background: #ffffff; border: 1px solid #aaaaaa; border-bottom: 0px; margin: 0px; min-height: 50px; overflow: hidden; padding: 0px; } section.standlist article.flagged { background: #c1e1c1; } section.standlist article:first-child { border-top-right-radius: 20px; border-top-left-radius: 20px; } section.standlist article:last-child { border-bottom: 1px solid #aaaaaa; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } section.standlist article p { margin: 0px; padding: 0px; } section.standlist article p a, section.standlist article p span { display: block; float: left; margin: 0px; padding: 0px; text-align: center; text-decoration: none; padding: 15px; width: calc( 100% - 72px - 10px ); } section.standlist article p a:first-child { color: transparent; } section.standlist article.blank { background: whitesmoke; } section.standlist article.blank p span:not(:first-child) { color: #aaaaaa; font-style: italic; } section.standlist article p a:first-child, section.standlist article p span:first-child { background: center center no-repeat transparent; background-size: contain; border-right: 1px solid #aaaaaa; line-height: 50px; padding: 0px; width: 50px; } section.standlist article p:after { clear: both; content: ''; display: block; } section.checkin-section:not(.checkin-loading) { display: none; } section.checkin-section article { background: #ffffff; border: 1px solid #aaaaaa; border-radius: 5px; margin: 20px 30px; text-align: center; } section.checkin-section.show { display: block; } section.checkin-section.hide { display: none; } section.checkin-section article h2 { background: transparent; color: #555555; margin: 0px; text-align: center; } section.checkin-section.checkin-loading { } section.checkin-section.checkin-loading article p { padding: 50px 0px; } section.checkin-section.checkin-loading article p span.icon { -webkit-animation: rotating 2s linear infinite; border: 3px solid black; border-top-color: #ffffff; border-radius: 50%; display: inline-block; height: 15px; margin-top: 10px; width: 15px; } section.checkin-section.checkin-offline article { border-color: #d94c4c; } section.checkin-section.checkin-offline article p strong { color: #d94c4c; } section.checkin-section.checkin-offline article p span.button { position: relative; width: 100px; } section.checkin-section.checkin-offline article p span.button:after { -webkit-animation: rotating 2s linear infinite; border: 2px solid black; border-top-color: #dddddd; border-radius: 50%; top: 12px; content: ''; display: none; height: 10px; position: absolute; left: 68px; width: 10px; } section.checkin-section.checkin-offline article p span.button.loading { background: #dddddd; color: transparent; cursor: not-allowed; } section.checkin-section.checkin-offline article p span.button.loading:after { display: block; } section.checkin-section article form#personal-form-entry { display: block; } section.checkin-section article form#personal-form-entry div { text-align: left; } div#personal-form { display: none; } div#personal-form.show { display: block; } form#personal-form-entry { display: none; } form#personal-form-entry.show { display: block; } form#personal-form-entry { margin: 10px 30px 20px 30px; } form div.field { margin: 10px 0px; position: relative; } form div.field label { display: block; font-size: 12px; font-style: italic; text-transform: capitalize; } form div.field:has(input:placeholder-shown):not(:has(input:focus)) label { position: relative; top: 20px; } form div.field:has(input:focus) label { color: #000000; } form div.field div { border-bottom: 2px solid #aaaaaa; } form div.field div input, form div.field div select, form div.field div textarea { background: 0px; border: 0px; font-size: 18px; outline: 0px; padding: 5px 15px; width: calc( 100% - 30px ); } form div.field div select { width: 100%; } form div.field div:has( input:focus ) { border-bottom-color: #555555; } form div.field div:has(input.saved) { border-bottom-color: green; } form div.field:has(input.invalid) label, form div.field:has(input:invalid) label { color: red; } form div.field input.invalid, form div.field input:invalid { color: red; } form div.field div:has(input.invalid), form div.field div:has(input:invalid), form div.field div:has(input:invalid):has(input:focus), form div.field div:has(input.invalid):has(input:focus) { border-bottom-color: red; } input.hide { display: none; } @-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); } } form div.field:after { -webkit-animation: rotating 2s linear infinite; border: 1px solid black; border-top-color: #ffffff; border-radius: 50%; bottom: 5px; content: ''; display: none; height: 8px; position: absolute; right: 3px; width: 8px; } form div.field:has(input.waiting):after { display: block; } footer p { color: #999999; font-style: italic; text-align: center; }  body.admin div.left section.floorplan:nth-child(3) img { filter: grayscale(1); opacity: 0.9; } body.admin div.left details { margin: 20px 30px; } body.admin div.left details form { margin: 20px 0px; } body.admin section.standlist article span:not(:first-child) { text-align: left; } body.admin section.standlist article span:nth-child(2) { padding: 5px 15px; } body.admin section.standlist article span.business-type, body.admin section.standlist article span.stand-type, body.admin section.standlist article span.stand-extras { float: left; font-size: 12px; padding: 5px 15px; width: calc( ( ( 100% - 71px - 10px ) / 3 ) - 30px ); } body.admin section.standlist article span.business-type:before, body.admin section.standlist article span.stand-type:before { background-color: var(--business-type-colour); content: ''; float: left; height: 12px; margin-right: 15px; width: 12px; } body.admin section.standlist article.type-tent p :first-child, body.admin section.standlist article.type-tent p span.stand-type:before { background-color: #c654d8; } body.admin section.standlist article.type-maxi-impact p :first-child, body.admin section.standlist article.type-maxi-impact p span.stand-type:before { background-color: #f2b13d; } body.admin section.standlist article.type-standard p :first-child, body.admin section.standlist article.type-standard p span.stand-type:before { background-color: #60adf5; } body.admin section.standlist article.type-small p :first-child, body.admin section.standlist article.type-small p span.stand-type:before { background-color: #7ed854; } body.admin section.standlist article.type-enterprise p :first-child, body.admin section.standlist article.type-enterprise p span.stand-type:before { background-color: #5adcce; } body.admin section.stats { } section.stats { } section.stats article { background: #ffffff; border: 1px solid #aaaaaa; border-radius: 5px; float: left; margin: 20px 0px 0px 30px; position: relative; width: calc( ( 100% - 120px - 6px ) / 3 ); } section.stats article:nth-child(3n-2) { clear: both; } section.stats article p { margin: 0px; padding: 10px 15px; text-align: center; } section.stats article p span { display: block; font-size: 35px; width: 100%; } section.stats article p span i { font-size: 12px; } section.stats article span.fill { background: #017b92; bottom: 0px; height: var(--fill-percent); left: 0px; opacity: 0.2; position: absolute; width: 100%; } section.stats:after { clear: both; content: ''; display: block; } @media ( min-width: 1900px ) { } @media ( min-width: 2500px ) { section.stats article { width: calc( ( 100% - 180px - 10px ) / 5 ); } section.stats article:nth-child(3n-2) { clear: none; } section.stats article:nth-child(5n-4) { clear: both; } section.stats article p span { font-size: 70px; } section.stats article p span i { font-size: 14px; } }  @media ( min-width: 1000px ) { body.admin { } aside, section { margin: auto 15%; } body.admin section { margin: 0px; } body.admin div.left { float: left; max-height: calc( 100vh - 81px - 30px ); overflow-y: auto; width: 35%; } body.admin div.right { float: left; max-height: calc( 100vh - 81px - 30px - 40px ); overflow-y: auto; padding: 20px 0px; width: 65%; } body.admin:after { clear: both; content: ''; display: block; } body.admin div.left section.forms form { margin: 20px 30px; } div.message.openonmobile { display: block; } div.message.installapp, div.message.installapp.show { display: none; } section.meetings-list article nav a { width: calc( ( 100% - 158px - 120px ) / 4 ); } section.standlist { column-count: 2; column-gap: 30px; margin: 20px calc( 15% + 30px ); } section.standlist article p { height: 50px; overflow: hidden; }  section.standlist article.last-in-col-1-2 { border-bottom: 1px solid #aaaaaa; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } section.standlist article.first-in-col-2-2 { border-top-right-radius: 20px; border-top-left-radius: 20px; } form#move-stand-form { } form#move-stand-form > div.field { float: left; width: calc( ( 100% - 85px - 15px - 40px ) / 2 ); } form#move-stand-form > span { float: left; height: 48px; line-height: 48px; text-align: center; width: 40px; } form#move-stand-form > input[type="submit"] { float: left; margin-left: 15px; margin-top: 13px; width: 85px; } form#move-stand-form:after { clear: both; content: ''; display: block; } } @media ( min-width: 2400px ) { section.standlist { column-count: 3; } section.standlist article.last-in-col-1-2 { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } section.standlist article.first-in-col-2-2 { border-top-right-radius: 0px; border-top-left-radius: 0px; } section.standlist article.last-in-col-1-3, section.standlist article.last-in-col-2-3 { border-bottom: 1px solid #aaaaaa; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } section.standlist article.first-in-col-2-3, section.standlist article.first-in-col-3-3 { border-top-right-radius: 20px; border-top-left-radius: 20px; } }