.qrcode-wrap .qrcode-scan,
.qrcode-wrap .qrcode-login-error,
.qrcode-wrap .qrcode-scan-error,
.qrcode-details,
.qrcode-wrap .qrcode-scan-now{
	display:none;
}

.qrcode-wrap .qrcode-login-error,
.qrcode-wrap .qrcode-scan-error{
	color:#FF0000;
}
.qrcode-scan .qrcode-scanner{
	width:330px;
	height:330px;
	overflow:hidden;
	z-index:1;
}
.qrcode-scan .qrcode-reader{
	top: 50%;
	transform: translateY(-50%);
}
.qrcode-scan .qrcode-result{
	position:absolute;
	top:150px;
	width:330px;
	min-height:350px;
	background:#FFF;
	display:none;
}
.qrcode-scan .qrcode-scanner-scameras{
	margin-top:10px;
	min-width:330px;
}
.qrcode-scan .qrcode-scanner-scameras .qrcode-camera-btn{
	width:100%;
}
.qrcode-reader-loader{
	position:absolute;
	top:50%;
	left:50%;
	width:64px;
	height:64px;
	margin:-64px 0 0 -32px;
	z-index:0;
}
.qrcode-scan,
.qrcode-login{position: relative;}
.qrcode-scan:after,
.qrcode-login:after{
	content:"";
	background: rgba(255, 255, 255, .7) url(../../images/loader-yellow.svg) no-repeat 50% 50%;
	-webkit-background-size:50px 50px;
	background-size:50px 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}
.qrcode-scan.loading:after,
.qrcode-login.loading:after{opacity: 1;visibility:visible;}
.qrcode-wrap{min-height: 350px;padding:15px;}
.qrcode-login-form label{display: block;margin: 0 0 10px;}
.qrcode-login-form input[type="text"]{
	display: block;
	width: 100%;
	margin: 0 0 20px;
}
.qrcode-login-form input[type="submit"]{display:block;width:100%;}
.qrcode-result{padding: 25px 0 0;text-align: center;}
.qrcode-icon.qr-success{
	background: url(../../images/check-green.svg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100px;
	height: 100px;
	display: block;
	margin:0 auto 10px;
}
.qrcode-scan-error{margin: 0 0 5px;}
.qrcode-icon.qr-notfound{
	background: url(../../images/alert-gray.svg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100px;
	height: 100px;
	display: block;
	margin:0 auto 10px;
}
.qrcode-icon.qr-error{
	background: url(../../images/icon-close-red.svg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100px;
	height: 100px;
	display: block;
	margin:0 auto 10px;
}
.qrcode-scan-form .qrcode-scan-now{width: 100%;padding: 20px 30px;}
.qrcode-result .t-name{font-weight: 700;font-family: Helvetica;}
.qrcode-result .t-desc{margin: 0 0 10px;}
.undo-checkin{
	border: 1px solid #008cd4;
	padding: 5px 10px;
	border-radius: 3px;
}
.qrcode-scan-type select{padding:3px;}
.qrcode-type-scanner{width:330px;height:64px;text-align:center;}
.qrcode-type-scanner input.scanner-code{margin-top:15px;}
.undo-checkin:visited{color:#008cd4;}
.qrcode-scan .search-ticket-wrap{padding-top:12px;}
body.page-id-1542 #masthead.site-header,body.page-id-1542 #colophon.site-footer{display: none;}

.search-ticket-popup{
	position: relative;
	width:410px;
	height:500px;
	padding:0 30px 0 30px;
	overflow:auto;
}
.search-ticket-popup.loading {
	overflow: hidden;
}
.search-ticket-popup.loading .st-top:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: rgb(255 255 255 / 70%);
	z-index: 2;
}
.search-ticket-popup h3{
	margin:0 0 10px;
}
.search-ticket-popup input[type="button"]{
	cursor:pointer;
}
.search-ticket-popup .st-field{
	padding:0;
	margin:0 0 10px;
}
.search-ticket-popup .st-field input{
	width:97.5%;
}

.search-ticket-popup .st-results{
	margin-top:20px;
}
.search-ticket-popup .st-results .st-list-item{
	margin-bottom:10px;
	border-bottom:1px solid #C1C1C1;
}
.search-ticket-popup .st-results .st-line{
	padding:0;
	margin:0 0 10px;
	line-height:18px;
}

@media (max-width: 768px) {
	.search-ticket-popup {
		max-width: calc(100vw - 120px);
	}
}