html, body {
	margin:0;
	padding:0;
	border:0;
	overscroll-behavior-y: contain;
	background: #002853;
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjUpIiBoZWlnaHQ9IjMwMHB4IiB3aWR0aD0iNDAwcHgiIHZpZXdCb3g9IjAgMCA0MDAgMzAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNTAuMjUsNThsLTcuMi0zLjVhMjAuNDIsMjAuNDIsMCwxLDEsMzYuNzEsMTcuODhsLTcuMTktMy41QTEyLjQyLDEyLjQyLDAsMCwwLDE1MC4yNSw1OFpNMjAuOTMsNDguNjhsLTYuMTctNS4xQTEyLjQxLDEyLjQxLDAsMCwxLDAsNDYuOTR2OC40OGEyMC42LDIwLjYsMCwwLDAsNS4xNy42N0EyMC4zOCwyMC4zOCwwLDAsMCwyMC45Myw0OC42OFptMzc2LjM1LTMuNDNhMTIuNDMsMTIuNDMsMCwwLDEtMS42Ny0xNy40OGwtNi4xNy01LjA5YTIwLjQ0LDIwLjQ0LDAsMCwwLDIuNzUsMjguNzQsMjAuMTksMjAuMTksMCwwLDAsNy44MSw0VjQ2Ljk0QTEyLjE3LDEyLjE3LDAsMCwxLDM5Ny4yOCw0NS4yNVptLTEzNy42MiwxNTNoLS4wOWwwLDhhMTIuNDMsMTIuNDMsMCwwLDEsMTIuNDcsMTIuMzdsOCwwQTIwLjQ0LDIwLjQ0LDAsMCwwLDI1OS42NiwxOTguMlpNOTcsMjEwLjM5YTEyLjQxLDEyLjQxLDAsMCwxLTIwLjQ1LDEwLjM4LDEyLjI4LDEyLjI4LDAsMCwxLTQuMy04LjQ3bC04LC42MmEyMC40NCwyMC40NCwwLDAsMCwyMC4zNCwxOC44NHEuOCwwLDEuNTktLjA2QTIwLjQzLDIwLjQzLDAsMCwwLDEwNSwyMDkuNzdaTTIyNy42OSw0Mi4wOGw2LjYyLDQuNSwyMi0zMi4zMy02LjYyLTQuNVpNMzYuNzUsMTU0LjY3LDguMTUsMTI4LDIuNywxMzMuODRsMjguNTksMjYuNjhaTTM1OS4yOCwyNThsNS40OCw1LjgzLDI4LjUxLTI2Ljc3LTUuNDctNS44M1pNMzEwLjMzLDExNS4zM2ExMywxMywwLDEsMS0xMy0xM0ExMywxMywwLDAsMSwzMTAuMzMsMTE1LjMzWm0tOCwwYTUsNSwwLDEsMC01LDVBNSw1LDAsMCwwLDMwMi4zMywxMTUuMzNaTTM4LDI2OC42MmExMywxMywwLDEsMS0xMy0xM0ExMywxMywwLDAsMSwzOCwyNjguNjJabS04LDBhNSw1LDAsMSwwLTUsNUE1LDUsMCwwLDAsMzAsMjY4LjYyWm0xNjUuNDUtNDMuNDdhOSw5LDAsMSwwLDksOUE5LDksMCwwLDAsMTk1LjQ3LDIyNS4xNVpNMzY1LjE0LDU3LjQ4YTksOSwwLDEsMC05LDlBOSw5LDAsMCwwLDM2NS4xNCw1Ny40OFpNMTcyLjgzLDE2NC4yNmE2LjM2LDYuMzYsMCwxLDAtNi4zNiw2LjM2QTYuMzcsNi4zNywwLDAsMCwxNzIuODMsMTY0LjI2Wm0xNzYsNi43M2E0LjY5LDQuNjksMCwxLDAsNC42OCw0LjY5QTQuNjksNC42OSwwLDAsMCwzNDguOCwxNzFaTTI2My4xNSwyODcuMzJhNC42OCw0LjY4LDAsMSwwLDQuNjgsNC42OEE0LjY3LDQuNjcsMCwwLDAsMjYzLjE1LDI4Ny4zMlpNNzcuNDcsOTYuNzNhOSw5LDAsMSwwLTktOUE5LDksMCwwLDAsNzcuNDcsOTYuNzNabTI0LjYzLDMzLjY5LTcuMTYsMTcuMDlMMTEyLDE1NC42OEExOC41NCwxOC41NCwwLDAsMCwxMDIuMSwxMzAuNDJaTTIxNywxMjkuMWwxOC00LjM3LTQuMzctMThBMTguNTIsMTguNTIsMCwwLDAsMjE3LDEyOS4xWk04OC43NiwwSDc0LjA3bDYuNTEsNy4zWk02OC4yNSwyOTMuNDYsNzQuMDcsMzAwSDg4Ljc2bDUuNjUtNUExOC41NCwxOC41NCwwLDAsMCw2OC4yNSwyOTMuNDZaIi8+PC9zdmc+);
	background-size: 200px;
}

body {}

.deviceIframe{
	width: 100%;
	height: calc(100% - 36px);
	border:0;
	padding:0;
	border-radius: 10px;
	display: block;
}
 
#video {
    width: 100vw;
    margin-top: 0;
}

#stopButton{
	display:none;
}

#stopButton, #scanButton{
	margin-top: 20px;
	width: 120px;
	height: 45px;
	font-size: 20px;
	pointer-events: all;
	background: #fff;
}

#scanButton{
	background: url(scanqr.png) no-repeat center center / auto 100%!important;
	border: 0;
	color: transparent;
	width: 206px;
	height: 53px;
	border-radius: 6px;
	border: 2px solid #fff;
}
#devices {
	margin-bottom: 90px;
}

#startBar{
	position: fixed;
	bottom: 0;
	background: transparent;
	height: 90px;
	z-index: 9999999999999;
	border-top: 0;
	pointer-events: none;
}

.deviceCloseButton {
	padding: 0!important;
	width: 30px;
	height: 30px;
	margin-left: 0px;
	margin-bottom: 6px;
	display: block;
	border-radius: 10px;
	float: right;
	background: #5f0000;
}

.deviceFSButton {
	padding: 0!important;
	width: 30px;
	height: 30px;
	margin-left: 0px;
	margin-bottom: 6px;
	margin-right: 5px;
	display: block;
	border-radius: 10px;
	background-color: #00085f;
	float: right;
}

#resumeButton {
    width: 30px;
    height: 30px;
    position: fixed;
    top: calc(100% - 35px);
    left: calc(100% - 35px);
    z-index: 1;
    padding: 0!important;
}

.instructions{
	display:none;
	background: white;
	padding: 30px;
}

.deviceContainer{
	
width: 92vw;
	
height: 62vh;
	
margin: 4vw;
	
border: 2vw solid #ddd;
	
border-radius: 10px;
	
background: #ddd;
}