canvas{width:100%;height:100%}#header{position:absolute;width:100%;margin-top:0;height:70px;background-color:#fc0;box-shadow:0 5px 10px #404040}#header_toolbar{height:100%;display:flex;margin-left:0}#header_icon{margin:auto;height:50px;width:50px;margin-left:10px}#header_icon_canvas{background-color:transparent}#header_payment_toggle{width:60px;height:60px;margin:auto;margin-right:20px}#header_payment_toggle_canvas{margin:auto;padding:auto}#header_icon{margin-left:5px;margin-right:5px}#header_balance{padding:3px;margin:auto;margin-left:0}#header_balance_lable{padding:0;font-size:22px;color:#404040}#header_balance_lable,#header_balance_value{margin:auto;font-family:sans-serif;font-weight:700}#header_balance_value{padding:2px;padding-top:0;display:flex;font-size:18px}#header_balance_tickets_num{height:25px;width:35px;color:#fff;background-color:#404040}#header_balance_tickets_lable,#header_balance_tickets_num{margin:0;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center}#header_balance_tickets_lable{padding-left:5px;color:#404040}#footer{position:absolute;margin-top:auto;height:70px;bottom:0;width:100%;background-color:#fc0;box-shadow:0 -5px 10px #404040}#footer-toolbar{height:100%;display:flex}#footer-scan{width:50px;height:50px;margin:auto}#footer-scan-canvas{margin:auto;padding:auto;box-shadow:0 0 10px #404040}#sign{position:absolute;height:100%;width:100%;background-color:beige;overflow-y:auto}#sign-logo-container{position:relative;display:flex;flex-direction:column;vertical-align:middle;margin:auto;margin-top:70px;margin-bottom:30px}#sign-logo{display:flex;margin-left:auto;margin-right:auto}#signin-container{align-items:center;justify-items:center;height:100%}#signin-container,.user-input-container{position:relative;display:flex;flex-direction:column}.user-input-container{float:right;margin:auto;margin-top:10px;margin-bottom:0}.field{height:30px;padding:0;border-radius:20px;padding-top:5px;padding-bottom:3px;padding-left:15px;background-color:#fff8dc;font-family:sans-serif;color:#404040;font-size:12pt}.field:invalid{color:brown}.field-error{border-color:red;color:red}.lable{margin:0;margin-left:10px}#signin-button-container{margin:auto;margin-top:40px;margin-bottom:200px;display:flex;flex-direction:column;align-items:center}#register-lable-clickable{margin-top:20px;text-align:center;text-decoration:underline;border:none;background:transparent;color:#5454f3;font-size:12pt}.sign-button{border:none;height:35px;width:-moz-fit-content;width:fit-content;padding-left:20px;padding-right:20px;font-size:12pt;border-radius:10px;color:#404040;border-style:solid;border-width:1px;background-color:#ffeb99}.sign-button:active{background-color:#1a1a1a;color:#cca400}#qr-reader,video{height:400px}#qr-reader{min-width:200px;max-width:500px;width:400px;margin:auto;padding:auto;top:20px;bottom:10%}#qr-reader-container{margin:auto;background-color:#404040;padding-top:110px;padding-bottom:110px;height:100%}.po-font{font-family:sans-serif;color:#404040}#po-area{border-color:#404040;box-shadow:0 5px 10px #404040;position:absolute;top:70px;width:100%;height:220px;background-color:#fc0}#po-options{border:none;padding:0;margin:auto;background-color:#404040;height:100px;display:flex;flex-direction:row;overflow-y:hidden;overflow-x:scroll}#po-options input[type=radio]{opacity:0;position:fixed;width:0}#po-options input[type=radio]:checked+label{background-color:#ffeb99;border-style:solid;border-color:#404040}.po-prod-p{min-width:100px;height:70px;margin:15px;margin-left:10px;margin-right:10px;background-color:#fff;box-shadow:0 0 10px #000}#po-info{height:75px;width:130px;margin:auto;margin-top:15px;margin-left:20px;margin-bottom:10px;border-style:solid;border-color:#404040;border-radius:15px;padding:5px}#po-info-ppt-label{margin:0;margin-top:0;margin-left:15px;font-size:10pt}.pt-value{margin:0;margin-top:5px;margin-bottom:3px;padding-left:15px;font-size:20pt;font-weight:700}#po-info-ppt-value{margin-left:15px}.ppt-save{margin-top:1px;font-size:10pt;font-weight:700;color:#c14b1d}#po-buy:active{background-color:#1a1a1a;color:#cca400}#po-buy{border:none;width:120px;height:50px;margin-right:25px;font-weight:700;font-size:20pt;background-color:#404040;color:#ffeb99;border-radius:10px}#po-info-ppt-save{margin-left:15px}.pc-bold{font-weight:700}.pc-font{color:#404040}.pc-info-container{border-style:solid;border-radius:15px;align-items:center;justify-content:center;vertical-align:middle;display:flex;flex-direction:column;margin:10px;margin-bottom:0;min-width:80px;padding:10px}.pc-info-container-label{margin:0}.pc-button-play,.pc-button-play-off,.pc-button-play-on{border:none;width:120px;height:50px;margin-top:40px;font-weight:700;font-size:20pt;border-radius:10px}.pc-button-play-on{background-color:#404040;color:#ffeb99}.pc-button-play-on:active{background-color:#1a1a1a;color:#cca400}.pc-button-play-off{background-color:#404040;color:grey}#app{height:100%;display:flex;flex-direction:column}body,html{padding:0!important;margin:0!important;height:100%;overflow:clip;background-color:beige;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#404040}