html,body{margin:0;padding:0;width:100%;max-width:100%;background:url(/assets/images/bg.png) #0c3376 no-repeat;background-size:cover;font-family:sans-serif}.back{background:url(/assets/images/icon_back.svg);background-repeat:no-repeat;padding-left:30px;height:30px}.key{width:auto;background:url(/assets/images/icon_key.svg) no-repeat;padding-left:30px;height:30px}.code{width:auto;background:url(/assets/images/icon_code.svg) no-repeat;padding-left:30px;text-transform:uppercase;height:30px}.result .message .icon.ban{background-image:url(/assets/images/ban.svg)}.result .message .icon.bell{background-image:url(/assets/images/bell.svg)}.result .message .icon.check{background-image:url(/assets/images/check.svg)}.result .message .icon.cross{background-image:url(/assets/images/cross.svg)}.fs-07{font-size:.7em!important}.fs-075{font-size:.75em!important}.fs-08{font-size:.8em!important}.fs-085{font-size:.85em!important}.fs-09{font-size:.9em!important}.fs-095{font-size:.95em!important}.fs-15{font-size:1.5em!important}.upper{text-transform:uppercase!important}.fw-bold{font-weight:700!important}.text-muted{color:#666}.container{margin-top:20px;padding:20px;background:#fff;border-radius:10px}.section{margin-top:15px;padding:10px;border:1px solid #aaa;border-radius:5px}.section-button{margin-top:15px}.section-button button{width:100%!important;display:block!important;padding:10px 0;font-size:1em}.section .title{margin-bottom:5px}#sensorInput{opacity:0}#keyboardInput{width:82%;padding:15px 0;text-align:center;border-radius:5px;border:0px;font-size:30px}.keyboard button{float:right;width:15%;text-align:center;font-size:20px;padding:21px 0;border-radius:5px;border:0px;background:#ddd}.keyboard button img{width:15px}.content{padding:25px 20px 0}.mb-1{margin-bottom:20px}.alert{color:#678cc7;padding:60px 30px;font-size:23px;text-align:center;border-radius:10px;margin-top:40px;border:3px dashed #2e5490}.alert:active{color:#fff;border-color:#fff}.switch{text-align:center;border:2px solid #5c81ad;padding:5px;text-transform:uppercase;border-radius:50px;margin-bottom:20px}.switch .in,.switch .out{display:inline-block;width:50%;font-size:1em;border-radius:50px;padding:10px 0;font-size:20px;color:#5c81ad}.switch .active{background:#fff;color:#0a1a35;font-weight:700}.result.green{background:#5cc400}.result.red{background:#ff001e}.result.orange{background:#ff8400}.result.gray{background:#717a91}.result.dark{background:#16181e}.result{width:auto!important;padding:20px;border-radius:5px}.result .object{padding:20px;color:#000;text-align:center;background:#f9f9f9;margin:15px auto 0;border-radius:5px}.result .object .photo{width:100px;margin:0 auto}.result .object .name{font-size:25px;text-transform:uppercase;font-weight:500;margin-bottom:0}.result .object .lastname{font-size:25px;text-transform:uppercase;font-weight:500;margin-bottom:5px}.result .object .company{font-size:20px;color:#666;text-transform:uppercase}.result .object .patente{display:inline-block;border:4px solid #000;padding:5px 20px;margin:5px auto 10px;border-radius:6px;font-weight:700;text-transform:uppercase;font-size:36px}.result .message{width:100%;margin:0 auto}.result .message .detail{text-align:center;display:block}.result .message .detail .h3{font-weight:700;font-size:30px;text-transform:uppercase;color:#fff;display:block;margin-bottom:0}.result .message .detail .h4{margin-top:5px;font-size:20px;color:#fff;display:block;text-transform:uppercase}.result .message .icon{width:100%;background-repeat:no-repeat;background-position:center;height:50px;margin:0 auto 10px;color:#fff;display:block}code{display:block;background:#1e1e1e;color:#b5cea8;line-height:2em;padding:10px;border-radius:3px;border:2px solid #191919;margin-bottom:20px}#status{background:#000;color:#fff;height:80px}#status .left,#status .right{width:60px;height:53px;background:#000;padding-top:27px}#status .left{position:absolute;left:0%;text-align:left;padding-left:30px;padding-top:24px}#status .right{position:absolute;right:0%;padding-right:30px;text-align:right}#status .right .status{width:20px;height:20px;display:block;border-radius:16px;float:right;background:#fff}.status-indicator .status{margin-top:2px;margin-right:30px;width:20px;height:20px;display:block;border-radius:16px;float:right;background:#fff}#status .right .status.connected,.status-indicator .status.connected{background:#0f0!important}#status .right .status.disconnected,.status-indicator .status.disconnected{background:red!important}#status .right .status.working,.status-indicator .status.working{width:20px;height:20px;border-radius:16px;background:#0f0!important;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}#status .right .status.working.pull:before,.status-indicator .status.working.pull:before{content:"";position:absolute;border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);margin-top:5px}#status .right .status.working.push:after,.status-indicator .status.working.push:after{content:"";position:absolute;border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(225deg);margin-bottom:5px}#status .time{text-align:center;font-size:30px;padding-top:20px}.text-center{text-align:center!important}.pwa-toast[data-v-1a2a20f0]{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;display:grid;background-color:#fff}.pwa-toast .message[data-v-1a2a20f0]{margin-bottom:8px}.pwa-toast .buttons[data-v-1a2a20f0]{display:flex}.pwa-toast button[data-v-1a2a20f0]{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.pwa-toast button.reload2[data-v-1a2a20f0]{display:block}