.globalb{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:100%}header{display:flex;height:100px;justify-content:space-evenly;margin:auto;padding:5px 50px;width:80%}.logoerlan{height:100px;object-fit:cover;width:25%}.sloganerlan{width:30%}.error-message2{background-color:red;border-radius:5px;color:#fff;margin:auto;padding:10px;text-align:center;width:20%}.card{background:#fff;border:1px solid #fff;box-shadow:10px 10px 64px 0 #b4b4cfbf;-webkit-box-shadow:10px 10px 64px 0 #babacabf;-moz-box-shadow:10px 10px 64px 0 #d0d0e7bf;height:320px;margin:auto;width:300px}.form{padding:25px}.card_header{align-items:center;display:flex}.card svg{color:#7878bd;margin-bottom:20px;margin-right:5px}.form_heading{color:#000105;font-size:21px;padding-bottom:20px;text-align:center}.field{padding-bottom:10px}.input{background-color:#e9e9f7;border:1px solid #dadaf7;border-radius:5px;color:#7a7ab3;padding:5px;width:100%}.input:focus-visible{outline:1px solid #aeaed6}.input::placeholder{color:#bcbcdf}.label{color:#289326;display:block;font-size:14px;font-weight:700;padding-bottom:4px}.botonlogin{background-color:#289326;color:#fff}.botonlogin:hover{background-color:#02a012;color:#fff}.loginlogo{transition:opacity .5s ease-in-out}body{flex-direction:column}body,nav{display:flex}nav{background-color:#3535a6;justify-content:space-between;padding:5px 25px}video{max-height:300px;max-width:500px;object-fit:cover;width:100%}.divselectfuncion,.divselectpersona{margin-bottom:0!important}@media only screen and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2){video{height:auto;max-height:300px;max-width:500px;object-fit:cover;width:100%}}.horaactual{color:#1a1aa1;font-size:18px;font-weight:500;margin-left:auto;margin-right:50px;text-align:right}.headertabla{display:flex;height:100px;justify-content:space-around;margin:auto;padding:5px 50px;width:80%}.sloganerlan{height:100px;width:20%}a{text-decoration:none}a:hover{color:#fff}.atras,.salir{color:#fff;font-size:18px;margin:10px 30px}.control{color:#1a1aa1;font-size:18px;text-align:start;width:100%}.control,.tituloregistro{font-weight:700;margin-bottom:30px}.tituloregistro{color:#25860d;font-size:25px;margin-top:20px;text-align:center}.app{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.app-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;padding:0;width:100%}.datos-usuario{text-align:right}.datos-usuario,.datos-usuarioizq{color:#1a1aa1;font-size:20px;font-weight:700;margin-left:auto;margin-right:50px;text-transform:none}.datos-usuarioizq{text-align:left}.input-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.mapita{position:inherit}label{font-size:18px;margin-right:10px}.error-message{background-color:#e3e35e;border-radius:5px;margin-bottom:15px;padding:10px;text-align:center;width:20%}.botonsalida{color:#fff;font-size:20px}.obtener-datos-btn,.obtener-datos-btnqr{background-color:#1649c8;border:none;border-radius:5px;box-shadow:5px 3px 5px #4f7093;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:8px 50px}.obtener-datos-btnqr{margin-left:21%}.obtener-datos-btn:active{background-color:#a52727;box-shadow:5px 3px 5px #49aa7d}.titulodatos{color:#fff;font-size:25px;margin-left:30px;padding:10px;text-align:center}.xcerrar{background-color:#de2d2d;color:#fff;font-weight:700;padding:6px;width:6%}.funcionseleccionada{background-color:#007bff}.funcionnoseleccionada,.funcionseleccionada{color:#fff;font-weight:700;padding:10px;text-align:center;width:100%}.funcionnoseleccionada{background-color:red}.custom-modal .botoncerrar{background-color:#c20f0f}.custom-modal .botoncerrar,.custom-modal .botonentrada{color:#fff;cursor:pointer;font-size:20px;margin:5px;padding:3px;width:40%}.custom-modal .botonentrada{background-color:#3db422}.custom-modal .botonentrada:hover{background-color:#3db422;color:#fff;cursor:pointer;font-size:20px;padding:3px}.custom-modal .botonsalida{margin:5px;width:40%}.custom-modal .botonsalida,.custom-modal .botonsalida:hover{background-color:#3535a6;color:#fff;cursor:pointer;font-size:20px;padding:3px}.custom-modal button .registrarplaca{background-color:#6bc20f;box-shadow:0 0 5px 2px #6bc20f;color:#fff;cursor:pointer;font-size:20px;padding:3px;width:40%}.custom-modal button .registrarplaca:hover{background-color:#aad531;box-shadow:0 0 5px 2px #aad531;color:#fff;cursor:pointer;font-size:20px;padding:3px}.divweb{margin-top:10px!important;min-height:calc(100vh - 120px);padding:15px}.fechayhora{font-size:18px}.datos{padding:15px}.align-right{display:flex;justify-content:flex-end}.card:hover{box-shadow:0 8px 50px #23232333}@media screen and (max-width:480px){.global{margin-top:30%}#root,.global{width:100%}body{flex-direction:column;height:100vh;width:100%}body,header{align-items:center;display:flex}header{height:100%;justify-content:space-between;padding:5px}.horaactual{color:#707171!important;font-size:10px!important;margin-right:20px;margin-top:5px}.logoerlan{height:50px!important;object-fit:cover;width:40%!important}.atras,.salir{color:#fff;font-size:12px!important;margin:10px!important}.tituloregistro{font-size:14px;margin-bottom:10px;margin-top:25px}.botonesabajo,.inputboton{display:flex;font-size:10px;padding:4px;width:80%!important}.botonesabajo{margin-top:0!important}#placaInput{height:auto;max-width:100%!important;overflow:hidden;padding:5px;resize:none;white-space:pre-wrap}#placaInput,#placaInput2{border:1px solid #0091ff;border-radius:2px!important;font-size:13px!important;margin:10px 0 0!important;text-align:center}#placaInput2{height:30px;width:100%!important}.botonlistarnombres,.botonregistrar{border-radius:2px!important;font-size:13px!important;height:40px;width:50%!important}.verregistrosgeneral{font-size:8px;margin:0!important}.dropdown,.verregistrosgeneral{border-radius:2px!important;width:50%!important}.dropdown{font-size:13px!important}.dropdown button{border-radius:2px!important;font-size:12px!important;height:40px;width:100%!important}.btnmisregistros,.registrosusuario{max-width:90%}.cargarcamara{border-radius:2px;font-size:12px!important;height:30px;width:100%!important}.divselectpersona{margin-top:0!important;width:90%!important}.divdatosdniapellidos{display:flex;flex-direction:column;width:100%}.divselectfuncion{width:90%!important}.selectfuncion,.selectpersona{font-size:12px}.botoncambiarcamara{display:inline!important;display:initial!important;height:50px}.botoncambiarcamara,.botonlimpiarfoto{border-radius:2px;font-size:12px!important;width:100%!important}.botonlimpiarfoto{height:30px}.divbotonesbajocamara{background:#fff;border:2px solid #e9ecef;border-radius:20px;box-shadow:0 8px 25px #0000001a;overflow:hidden;position:relative}.divbotonesbajocamara:before{background:linear-gradient(90deg,#28a745,#007bff,#ffc107);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.botontomarfoto{margin-bottom:10px}.botonsubirfoto,.botontomarfoto{border-radius:2px;font-size:12px!important;height:40px;width:100%!important}.botonsubirfoto{margin-bottom:15px}.alertpasos{margin-bottom:0!important;width:90%!important}.titulomodalregistro{font-size:14px;text-align:center}.radiobutonstr label{font-size:12px!important}.alertafuncionselec{font-size:10px!important}.cardprincipal{width:100%!important}.inputbuscador{font-size:10px!important;max-width:100%!important}.camaraconcainer{background:#fff;border:2px solid #e9ecef;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.camaraconcainer:before{background:linear-gradient(90deg,#007bff,#28a745,#ffc107,#dc3545);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.camaraconcainer img,video{border:3px solid #fff;border-radius:15px;box-shadow:0 4px 15px #0003;transition:all .3s ease}.camaraconcainer img:hover,video:hover{box-shadow:0 6px 20px #00000040;transform:scale(1.02)}.botonbuscador{font-size:10px!important}nav{padding:5px 0}.control{padding:10px}.input-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.botonps{font-size:9px}.gestionarpagoimg{height:50px!important}#verasistenciabtn button{font-size:9px!important}.datos-usuario{color:#1a1aa1;font-size:10px!important;font-weight:700;margin-left:auto;margin-right:20px;text-align:right}.datos-usuarioizq{color:#444445;font-size:9px!important;font-weight:700;margin:10px 0 0 10px;margin-top:5px!important;width:100%}.divcodigos{display:flex;padding:5px}.funcionmodal,.nombresapellidosmodal,.tiporegistromodal{font-size:12px!important}.tiporegistromodal select{width:70%!important}label{font-size:13px;margin-right:0}.obtener-datos-btn{border:none;border-radius:5px;cursor:pointer;font-size:13px;margin-top:10px;padding:8px 20px;width:70%}.titulodatos{font-size:15px;margin-left:0;padding:10px}.custom-modal .botoncerrar,.custom-modal .botonentrada,.custom-modal .botonsalida{font-size:12px}.fechayhora{font-size:14px}.CambiarPass-Container{height:500px!important;margin-top:50%!important;padding:0 10px!important;width:100%!important}.datos{display:flex;flex-direction:column}.botonesregistros button{font-size:12px;margin-left:2px;margin-right:2px}.botonesmapas{display:flex;flex-direction:column}.botonmapageneral{width:100%}.botonesCambiarpass button{font-size:12px}.botonmapageneral button{font-size:12px;width:95%}.botonessuccess{justify-content:center}.botonessuccess button{font-size:12px}.botoncambiocontra{font-size:10px;width:5px}.error-message{width:90%}.xcerrar{font-size:12px;padding:5px;width:15%}.selectintervalo{font-size:10px!important;margin:0!important;width:100%!important}.cambiarintervalo{gap:10px}.divweb{margin-top:5px!important;min-height:calc(100vh - 100px);padding:10px}.camaraconcainer{border-radius:15px;margin-bottom:15px;padding:15px}.divbotonesbajocamara{border-radius:15px;padding:15px!important}.botonps{border-radius:6px!important;font-size:12px!important;height:40px!important}.camaraconcainer img,video{border-radius:10px;border-width:2px}.botontomarfoto{border-radius:10px!important;font-size:14px!important;height:50px!important}.botoncambiarcamara,.botonlimpiarfoto,.cargarcamara{border-radius:8px!important;font-size:12px!important;height:45px!important}}.botonesmodal{display:flex;justify-content:space-around}.seleccimagen{background-color:#2acb2a;border:none;width:170px}.textplaca{font-size:20px}.camera-container-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:25px;margin:15px 0;padding:20px}.camera-status{animation:blink 2s ease-in-out infinite;background:#28a745;border-radius:50%;box-shadow:0 0 10px #28a74599;height:12px;position:absolute;right:15px;top:15px;width:12px}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}@keyframes pulse-active{0%{transform:scale(1.05)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.btn-active-animation{animation:pulse-active 2s ease-in-out infinite}.botonps:hover:enabled{transform:scale(1.1)!important;transition:all .2s ease}.botonps:active:enabled{transform:scale(.95)!important}@keyframes pulso-lento{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes resplandor{0%{box-shadow:0 0 10px #17a2b866}50%{box-shadow:0 0 20px #17a2b899}to{box-shadow:0 0 10px #17a2b866}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn-alerta{animation:resplandor 3s ease-in-out infinite;background:#17a2b8;border:none;position:relative;transition:all .5s ease}.btn-alerta.vibrar{animation:pulso-lento 2.5s ease-in-out infinite,resplandor 3s ease-in-out infinite}.btn-alerta:hover{animation:pulso-lento 1.5s ease-in-out infinite,resplandor 2s ease-in-out infinite;transform:scale(1.02)}.btn-alerta.inactive{animation:none;box-shadow:none;transform:scale(1)}.btn:focus{outline:3px solid #007bff80;outline-offset:2px}.btn:disabled{cursor:not-allowed!important;-webkit-user-select:none;user-select:none}*{transition:all .3s ease}.progress-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e9ecefcc;border:1px solid #ffffff80;border-radius:12px;margin-bottom:15px;padding:3px}.progress-bar-custom{background:linear-gradient(90deg,#28a745,#20c997);border-radius:10px;height:8px;overflow:hidden;position:relative;transition:width .5s ease}.progress-bar-custom:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}
/*# sourceMappingURL=main.284736fb.css.map*/