*{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:700}ul{padding-left:0;list-style:none}html,body{font-size:16px}#root{flex-wrap:wrap;place-content:flex-start center;align-items:center;width:100%;height:100vh;display:flex;position:relative}label{font-size:1.2rem;font-weight:700}input{padding:5px;font-size:1.5rem}button{cursor:pointer;border:none;border-radius:5px;padding:10px}.guia-pendiente .guias .opciones button:first-child,.guia-pendiente .guias-pen .opciones button:first-child{text-align:center;border-bottom:1px solid #004fa8;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;color:#fff!important;background:linear-gradient(#004fa8 0%,#06f 100%)!important}.guia-pendiente .guias .opciones button:last-child,.guia-pendiente .guias-pen .opciones button:last-child{color:#fff;text-align:center;border-bottom:3px solid #444;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#444 0%,#000 100%)!important}.guia-pendiente .guias .opciones button,.guia-pendiente .guias-pen .opciones button{color:#000;text-align:center;border-bottom:3px solid #ffd000;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#ffd000 0%,#ff0 100%)!important}.guia-pendiente{border:2px solid #002770;flex-wrap:wrap;width:100%;margin-bottom:10px;display:flex}.guia-pendiente .cliente{color:#fff;background:#002770;width:100%;padding:10px;font-size:1.4rem;font-weight:700;display:block}.guia-pendiente .guias{flex-wrap:wrap;width:100%;padding:10px;display:flex}.guia-pendiente .guias h4{width:100%;font-size:1.3rem}.guia-pendiente .guias div{justify-content:center;width:50%;padding:10px 5px;font-size:1.1rem;font-weight:700}.guia-pendiente .guias .opciones{flex-wrap:wrap;width:100%;display:flex}.guia-pendiente .guias .opciones button{font-size:1.5rem}.guia-pendiente .guias-pen{flex-wrap:wrap;width:100%;padding:10px;display:flex}.guia-pendiente .guias-pen h4{width:100%;font-size:1.3rem}.guia-pendiente .guias-pen h5{border-bottom:1px solid gray;width:100%;padding-bottom:5px;font-size:1.3rem}.guia-pendiente .guias-pen .parcial{justify-content:space-between;width:100%;padding:10px 5px;font-size:1.1rem;font-weight:700;display:flex}.guia-pendiente .guias-pen .parcial div{font-size:1.1rem;font-weight:700}.guia-pendiente .guias-pen .parcial button{color:#fff;background:#8b0000;padding:5px}.guia-pendiente .guias-pen .opciones{flex-wrap:wrap;width:100%;display:flex}.guia-pendiente .guias-pen .opciones button{font-size:1.5rem}.guia .guias .opciones button:first-child,.guia .guias-pen .opciones button:first-child,.infoguia .btn-cancel{text-align:center;border-bottom:1px solid #004fa8;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;color:#fff!important;background:linear-gradient(#004fa8 0%,#06f 100%)!important}.guia .guias .opciones button:last-child,.guia .guias-pen .opciones button:last-child{color:#fff;text-align:center;border-bottom:3px solid #444;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#444 0%,#000 100%)!important}.guia .guias .opciones button,.guia .guias .btn-parcial,.guia .guias-pen .opciones button,.guia .btn-parcial{color:#000;text-align:center;border-bottom:3px solid #ffd000;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#ffd000 0%,#ff0 100%)!important}.guia{border:2px solid #002770;flex-wrap:wrap;width:100%;margin-bottom:10px;display:flex}.guia .cliente{color:#000;background:#dcdcdc;width:100%;padding:10px;font-size:1.4rem;font-weight:700;display:block}.guia .llego{color:#fff;background:#002770}.guia .guias{flex-wrap:wrap;width:100%;padding:10px;display:flex}.guia .guias h4{width:100%;font-size:1.2rem}.guia .guias div{justify-content:space-between;width:50%;padding:5px 5px 0 0;font-weight:700;display:flex}.guia .guias div span{font-size:1.05rem}.guia .guias div button{background:0 0;align-items:center;margin:0;padding:0;display:flex}.guia .guias div button img{width:40px;height:20px}.guia .guias .fotos{flex-wrap:wrap;width:100%;padding:10px 0;display:flex}.guia .guias .fotos label{width:100%;margin-bottom:10px;font-size:1rem;font-weight:700}.guia .guias .fotos input{width:100%}.guia .guias .guia-foto{justify-content:space-between;align-items:center;width:100%;padding-bottom:10px;display:flex}.guia .guias .guia-foto span{width:50%;font-size:1.1rem}.guia .guias .guia-foto button{color:#000;background:0 0;justify-content:center;align-items:center;width:50%;padding:5px;font-size:.9rem;font-weight:700;display:flex;position:relative}.guia .guias .guia-foto button img{width:36px;height:30px;margin-right:10px}.guia .guias .guia-foto button input{text-align:right;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;background:#fff;outline:none;display:block;position:absolute;top:0;right:0}.guia .guias .guia-foto img{width:36px;height:30px}.guia .guias .guia-foto-tras{justify-content:space-between;align-items:center;width:50%;padding-bottom:10px;font-size:1.1rem;display:flex}.guia .guias .datos{flex-wrap:wrap;width:100%;display:flex}.guia .guias .datos .subtitle{border-bottom:1px solid #000;width:100%;padding-bottom:5px;font-size:1.1rem;font-weight:700}.guia .guias .datos .dato{width:100%}.guia .guias .datos-mitad{flex-wrap:wrap;align-content:flex-start;width:49%;display:flex}.guia .guias .datos-mitad .subtitle{border-bottom:1px solid #000;width:100%;padding-bottom:5px;font-size:1.1rem;font-weight:700}.guia .guias .datos-mitad .dato{width:100%;font-size:1.1rem}.guia .guias .datos-mitad .vendedor{width:100%;font-size:.9rem}.guia .guias .gmaps{color:#004fa8;background-color:#fff;border:2px solid #dcdcdc;border-radius:15px;place-content:center;align-items:center;width:100%;margin-top:10px;padding:5px 10px;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.guia .guias .gmaps img{width:30px;height:40px;margin-right:5px}.guia .guias .opciones{flex-wrap:wrap;width:100%;display:flex}.guia .guias .opciones button,.guia .guias .btn-parcial{font-size:1.5rem}.guia .guias .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.guia .guias .motivos{flex-wrap:wrap;width:100%;display:flex}.guia .guias .motivos label{width:100%;padding-bottom:5px}.guia .guias .motivos select,.guia .guias .motivos textarea{width:100%;font-size:1.1rem}.guia .guias-pen{flex-wrap:wrap;width:100%;padding:10px;display:flex}.guia .guias-pen h4{width:100%;font-size:1.3rem}.guia .guias-pen h5{border-bottom:1px solid gray;width:100%;padding-bottom:5px;font-size:1.3rem}.guia .guias-pen .parcial{justify-content:space-between;width:100%;padding:10px 5px;font-size:1.1rem;font-weight:700;display:flex}.guia .guias-pen .parcial div{font-size:1.1rem;font-weight:700}.guia .guias-pen .parcial button{color:#fff;background:#8b0000;padding:5px}.guia .guias-pen .opciones{flex-wrap:wrap;width:100%;display:flex}.guia .guias-pen .opciones button{font-size:1.5rem}.guia .guias-pen .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.guia .guias-pen .fotos{flex-wrap:wrap;width:100%;padding:10px 0;display:flex}.guia .guias-pen .fotos label{width:100%;margin-bottom:10px;font-size:1rem;font-weight:700}.guia .guias-pen .fotos input{width:100%}.guia .guias-pen .motivos{flex-wrap:wrap;width:100%;display:flex}.guia .guias-pen .motivos label{width:100%;padding-bottom:5px}.guia .guias-pen .motivos select{width:100%;font-size:1.1rem}.guia .guias-pen .guia-foto{justify-content:space-between;align-items:center;width:100%;padding-bottom:10px;display:flex}.guia .guias-pen .guia-foto span{width:50%;font-size:1.1rem}.guia .guias-pen .guia-foto button{color:#000;background:0 0;justify-content:center;align-items:center;width:50%;padding:5px;font-size:.9rem;font-weight:700;display:flex;position:relative}.guia .guias-pen .guia-foto button img{width:36px;height:30px;margin-right:10px}.guia .guias-pen .guia-foto button input{text-align:right;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;background:#fff;outline:none;display:block;position:absolute;top:0;right:0}.guia .guias-pen .guia-foto img{width:36px;height:30px}.guia .guias-pen .guia-foto-tras{justify-content:space-between;align-items:center;width:50%;padding-bottom:10px;font-size:1.1rem;display:flex}@keyframes l3{to{transform:rotate(1turn)}}.guia .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.guia .btn-parcial{font-size:1.5rem}.infoguia{z-index:3;background:#fff;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.infoguia .guia-nombre{text-align:center;justify-content:center;width:100%;padding-bottom:10px;font-size:2.5rem;font-weight:700}.infoguia .items{flex-wrap:wrap;width:100%;display:flex}.infoguia .items .item{border-bottom:5px solid gray;flex-wrap:wrap;align-content:center;width:100%;padding:15px 0;display:flex}.infoguia .items .item .info{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}.infoguia .items .item .info div{flex-wrap:wrap;align-items:flex-start;width:31%;display:flex}.infoguia .items .item .info div span{width:100%;padding:5px;font-size:1rem}.infoguia .items .item .info div span:first-child{border-bottom:1px solid #000;font-size:.9rem;font-weight:700}.infoguia .items .item .info div span input,.infoguia .items .item .info div:first-child{width:100%}.infoguia .items .item .no-despacho{color:#fff;background:#8b0000;justify-content:center;align-items:center;width:100%;padding:5px;font-size:1.5rem;font-weight:700;display:flex}.infoguia .items .item .confirmar{color:#fff;background:#006400;justify-content:center;align-items:center;width:100%;padding:5px;font-size:1.5rem;font-weight:700;display:flex}.infoguia .items .no-show{display:none!important}.infoguia .items .deshabilitado .info div span{color:gray}.infoguia .items .deshabilitado .info div span:first-child{border-bottom:1px solid gray;font-size:.9rem;font-weight:700}.infoguia .registrar-parcial{background:#383838;justify-content:center;align-items:center;width:100%;padding:5px;font-size:1.5rem;font-weight:700;display:flex;color:#fff!important}.infoguia .btn-cancel{font-size:1.5rem}.wrap .pendientes .hora button,.wrap .btn-ruta{text-align:center;border-bottom:1px solid #004fa8;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;color:#fff!important;background:linear-gradient(#004fa8 0%,#06f 100%)!important}.wrap .pendientes .pasar button,.wrap .combustible .guardar{color:#fff;text-align:center;border-bottom:3px solid #444;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#444 0%,#000 100%)!important}.wrap .hoy .hora .btn-inicio,.ruta-overlay .ruta-content .ruta-abrir-btn{color:#fff;text-align:center;border-bottom:3px solid #005a26;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#00862d 0%,#005721 100%)!important}.wrap .hoy .hora .btn-fin{color:#fff;text-align:center;border-bottom:3px solid #7c0e00;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#970000 0%,#4b0000 100%)!important}.wrap .combustible .cerrar,.wrap .refrigerio .cerrar,.ruta-overlay .ruta-header .ruta-cerrar{color:#000;text-align:center;border-bottom:3px solid #b3b3b3;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#f5f5f5 0%,#d6d6d6 100%)!important}.wrap,.wrap .pendientes{flex-wrap:wrap;align-content:flex-start;width:100%;display:flex}.wrap .pendientes .title{text-align:center;color:#fff;background:#8b0000;width:100%;margin-bottom:10px;padding:10px;font-size:2rem;font-weight:700;display:block}.wrap .pendientes .pasar{border-bottom:2px solid gray;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap .pendientes .pasar h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.wrap .pendientes .pasar div{width:100%}.wrap .pendientes .pasar div span{font-size:1.2rem}.wrap .pendientes .pasar div span:first-child{margin-right:10px;font-weight:700}.wrap .pendientes .pasar button{font-size:1.3rem}.wrap .pendientes .pasar .msg-chofer{text-align:center;width:100%;font-size:1.1rem;font-weight:700}.wrap .pendientes .hora{border-bottom:2px solid red;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap .pendientes .hora h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem;font-weight:700}.wrap .pendientes .hora p{width:100%;margin-bottom:10px;font-size:1.2rem}.wrap .pendientes .hora .input{flex-wrap:wrap;width:100%;margin-bottom:10px;display:flex}.wrap .pendientes .hora .input label{width:100%;margin-bottom:10px;font-size:1.1rem}.wrap .pendientes .hora .input input[type=time]{width:100%;font-size:2.5rem}.wrap .pendientes .hora .input input{width:75%;padding-right:10px;font-size:1.5rem}.wrap .pendientes .hora .input span{width:25%;padding-left:10px;font-size:1.5rem}.wrap .pendientes .hora .input select{width:100%;font-size:1.5rem}.wrap .pendientes .hora .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0 20px;padding:10px;font-size:1.5rem}.wrap .pendientes .hora button{font-size:1.5rem}.wrap .pendientes .regularizar{border-bottom:2px solid gray;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap .pendientes .regularizar h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.wrap .hoy{flex-wrap:wrap;align-content:flex-start;width:100%;display:flex}.wrap .hoy .btn-sucursales{font-weight:1.2rem;border-right:2px solid #fff;border-radius:0;padding:10px;font-weight:700}.wrap .hoy .susel{color:#fff;background:linear-gradient(#000,#272727)}.wrap .hoy .title{text-align:center;color:#fff;background:linear-gradient(#000,#272727);width:100%;padding:10px;font-size:2rem;font-weight:700;display:block}.wrap .hoy .datos-viaje{background:#e4e4e4;justify-content:center;width:100%;padding:5px;font-size:1rem;font-weight:700;display:flex}.wrap .hoy .hora{border-bottom:2px solid red;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap .hoy .hora h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem;font-weight:700}.wrap .hoy .hora p{width:100%;margin-bottom:10px;font-size:1.2rem}.wrap .hoy .hora .input{flex-wrap:wrap;width:100%;margin-bottom:10px;display:flex}.wrap .hoy .hora .input label{width:100%;margin-bottom:10px;font-size:1.1rem}.wrap .hoy .hora .input input[type=time]{width:100%;font-size:2.5rem}.wrap .hoy .hora .input input{width:75%;padding-right:10px;font-size:1.5rem}.wrap .hoy .hora .input span{width:25%;padding-left:10px;font-size:1.5rem}.wrap .hoy .hora .input select{width:100%;font-size:1.5rem}.wrap .hoy .hora .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0 20px;padding:10px;font-size:1.5rem}.wrap .hoy .hora .btn-inicio,.wrap .hoy .hora .btn-fin{font-size:1.5rem}.wrap .hoy .regularizar{border-bottom:2px solid gray;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap .hoy .regularizar h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.wrap .hoy .vacio{text-align:center;width:100%;padding:20px;font-size:2rem;display:flex}.wrap .chofer{width:100%;display:flex}.wrap .chofer .nombre{color:#fff;background:#002770;justify-content:center;width:60%;padding:10px;font-size:.9rem;font-weight:700}.wrap .chofer button{border-radius:0;justify-content:center;width:20%;padding:5px;display:flex}.wrap .chofer button img{width:25px;height:25px}.wrap .chofer .btn-combustible{background:#ffe600}.wrap .chofer .btn-refrigerio{background:#00c3ff}.wrap .combustible{z-index:5;background:#fff;flex-wrap:wrap;align-content:flex-start;width:100%;height:100vh;padding:20px;display:flex;position:absolute;top:0;left:0}.wrap .combustible .titu{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem;font-weight:700}.wrap .combustible label{width:100%;margin-bottom:5px;font-weight:700}.wrap .combustible input,.wrap .combustible select{width:100%;margin-bottom:10px;font-size:1.5rem}.wrap .combustible .guardar{margin-bottom:10px;font-size:1.5rem}.wrap .combustible .cerrar{font-size:1.5rem}.wrap .combustible .exito{color:#006400;text-align:center;border:3px solid #006400;width:100%;margin-bottom:10px;padding:10px;font-size:2.5rem;font-weight:700;display:flex}.wrap .combustible .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.wrap .cerrar-usu{text-align:center;text-align:center;background:#f5f5f5;width:100%;margin-top:10px;font-size:1.3rem;display:block}.wrap .btn-ruta{width:calc(100% - 30px);margin:10px 15px;font-size:1.3rem}.wrap .input-destino{flex-wrap:wrap;width:100%;padding:0 15px 10px;display:flex}.wrap .input-destino label{width:100%;margin-top:16px;margin-bottom:8px;font-size:1.1rem}.wrap .input-destino select{width:100%;font-size:1.5rem}.wrap .refrigerio{z-index:5;background:#fff;flex-wrap:wrap;align-content:flex-start;width:100%;height:100vh;padding:20px;display:flex;position:absolute;top:0;left:0}.wrap .refrigerio .title{text-align:center;width:100%;margin-bottom:20px;font-size:1.5rem;font-weight:700}.wrap .refrigerio .hora-refrigerio{text-align:left;width:100%;margin-bottom:20px;font-size:1.2rem}.wrap .refrigerio button{text-align:center;border-radius:30px;width:100%;margin-bottom:20px;padding:15px;font-size:1.5rem;font-weight:700}.wrap .refrigerio .inicio{color:#fff;background:#006400}.wrap .refrigerio .fin{color:#fff;background:#8b0000}.wrap .refrigerio .msj{color:#006400;width:100%;padding:10px;font-size:1.5rem;font-weight:700}.wrap .refrigerio .error{color:#8b0000;width:100%;padding:10px;font-size:1.5rem;font-weight:700}.wrap .refrigerio .show{color:#fff;text-align:center;background:#002e49;width:100%;padding:15px;font-size:1.5rem;font-weight:700}.wrap .refrigerio .cerrar{font-size:1.5rem}.ruta-overlay{z-index:10;background:#fff;flex-wrap:wrap;align-content:flex-start;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.ruta-overlay .ruta-header{color:#fff;background:linear-gradient(#000,#272727);justify-content:space-between;align-items:center;width:100%;padding:10px 15px;display:flex}.ruta-overlay .ruta-header span{font-size:1.3rem;font-weight:700}.ruta-overlay .ruta-header .ruta-cerrar{width:auto;margin:0;padding:8px 20px;font-size:1rem}.ruta-overlay .ruta-content{flex-wrap:wrap;align-content:flex-start;width:100%;padding:15px;display:flex}.ruta-overlay .ruta-content .ruta-loading{text-align:center;color:#004fa8;width:100%;padding:20px;font-size:1.3rem;font-weight:700}.ruta-overlay .ruta-content .ruta-error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;padding:10px;font-size:1.2rem}.ruta-overlay .ruta-content .ruta-abrir-btn{font-size:1.5rem;text-decoration:none}.ruta-overlay .ruta-content .ruta-iframe{border:none;width:100%;height:calc(100vh - 130px);margin-top:10px}.ruta-overlay .ruta-content .ruta-metrics{background:#f0f4ff;border-radius:6px;gap:20px;width:100%;margin-bottom:10px;padding:10px;font-size:1.1rem;display:flex}.ruta-overlay .ruta-content .ruta-paradas{width:100%;margin-bottom:10px;padding:10px 10px 10px 30px}.ruta-overlay .ruta-content .ruta-paradas li{border-bottom:1px solid #eee;padding:6px 0;font-size:1rem}.ruta-overlay .ruta-content .ruta-raw{white-space:pre-wrap;word-break:break-all;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;width:100%;max-height:70vh;padding:10px;font-size:.75rem;overflow:auto}.form{background-color:#fff;flex-wrap:wrap;justify-content:center;width:90%;margin-top:50px;padding:10px;display:flex}.form .logo{justify-content:center;width:100%;margin-bottom:20px;display:flex}.form .logo img{max-height:75px}.form label{width:100%;padding-bottom:5px}.form input{width:100%;margin-bottom:10px}.form button{color:#fff;background-color:#0019a8;width:100%;margin-top:10px;padding:10px;font-size:1.4rem;font-weight:700}.form .error{color:#8b0000;text-align:center;background:#ffd8d8;border:2px solid red;width:100%;margin-top:10px;padding:10px;font-size:3rem}.form select{width:100%;margin:10px 0;padding:10px;font-size:1.2rem}.wrap-pendientes .btn-ruta{text-align:center;border-bottom:1px solid #004fa8;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;color:#fff!important;background:linear-gradient(#004fa8 0%,#06f 100%)!important}.wrap-pendientes .pendientes .pasar button,.wrap-pendientes .combustible .guardar{color:#fff;text-align:center;border-bottom:3px solid #444;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#444 0%,#000 100%)!important}.wrap-pendientes .hora .btn-inicio{color:#fff;text-align:center;border-bottom:3px solid #005a26;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#00862d 0%,#005721 100%)!important}.wrap-pendientes .hora .btn-fin{color:#fff;text-align:center;border-bottom:3px solid #7c0e00;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#970000 0%,#4b0000 100%)!important}.wrap-pendientes .combustible .cerrar,.wrap-pendientes .refrigerio .cerrar{color:#000;text-align:center;border-bottom:3px solid #b3b3b3;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#f5f5f5 0%,#d6d6d6 100%)!important}.wrap-pendientes,.wrap-pendientes .pendientes{flex-wrap:wrap;align-content:flex-start;width:100%;display:flex}.wrap-pendientes .pendientes .title{text-align:center;color:#fff;background:#8b0000;width:100%;margin-bottom:10px;padding:10px;font-size:2rem;font-weight:700;display:block}.wrap-pendientes .pendientes .pasar{border-bottom:2px solid gray;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap-pendientes .pendientes .pasar h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.wrap-pendientes .pendientes .pasar div{width:100%}.wrap-pendientes .pendientes .pasar div span{font-size:1.2rem}.wrap-pendientes .pendientes .pasar div span:first-child{margin-right:10px;font-weight:700}.wrap-pendientes .pendientes .pasar button{font-size:1.3rem}.wrap-pendientes .pendientes .pasar .msg-chofer{text-align:center;width:100%;font-size:1.1rem;font-weight:700}.wrap-pendientes .regularizar{border-bottom:2px solid gray;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap-pendientes .regularizar h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.wrap-pendientes .hoy{flex-wrap:wrap;align-content:flex-start;width:100%;display:flex}.wrap-pendientes .hoy .btn-sucursales{font-weight:1.2rem;border-right:2px solid #fff;border-radius:0;padding:10px;font-weight:700}.wrap-pendientes .hoy .susel{color:#fff;background:linear-gradient(#000,#272727)}.wrap-pendientes .hoy .title{text-align:center;color:#fff;background:linear-gradient(#000,#272727);width:100%;padding:10px;font-size:2rem;font-weight:700;display:block}.wrap-pendientes .hoy .datos-viaje{background:#e4e4e4;justify-content:center;width:100%;padding:5px;font-size:1rem;font-weight:700;display:flex}.wrap-pendientes .hoy .regularizar{border-bottom:2px solid gray;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap-pendientes .hoy .regularizar h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.wrap-pendientes .hoy .vacio{text-align:center;width:100%;padding:20px;font-size:2rem;display:flex}.wrap-pendientes .chofer-jefe{text-align:center;color:#fff;background:#002770;width:100%;padding:10px;font-size:1.4rem;font-weight:700;display:block}.wrap-pendientes .combustible{z-index:5;background:#fff;flex-wrap:wrap;align-content:flex-start;width:100%;height:100vh;padding:20px;display:flex;position:absolute;top:0;left:0}.wrap-pendientes .combustible .titu{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem;font-weight:700}.wrap-pendientes .combustible label{width:100%;margin-bottom:5px;font-weight:700}.wrap-pendientes .combustible input,.wrap-pendientes .combustible select{width:100%;margin-bottom:10px;font-size:1.5rem}.wrap-pendientes .combustible .guardar{margin-bottom:10px;font-size:1.5rem}.wrap-pendientes .combustible .cerrar{font-size:1.5rem}.wrap-pendientes .combustible .exito{color:#006400;text-align:center;border:3px solid #006400;width:100%;margin-bottom:10px;padding:10px;font-size:2.5rem;font-weight:700;display:flex}.wrap-pendientes .combustible .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.wrap-pendientes .cerrar-usu{text-align:center;text-align:center;background:#f5f5f5;width:100%;margin-top:10px;font-size:1.3rem;display:block}.wrap-pendientes .btn-ruta{width:calc(100% - 30px);margin:10px 15px;font-size:1.3rem}.wrap-pendientes .input-destino{flex-wrap:wrap;width:100%;padding:0 15px 10px;display:flex}.wrap-pendientes .input-destino label{width:100%;margin-top:16px;margin-bottom:8px;font-size:1.1rem}.wrap-pendientes .input-destino select{width:100%;font-size:1.5rem}.wrap-pendientes .refrigerio{z-index:5;background:#fff;flex-wrap:wrap;align-content:flex-start;width:100%;height:100vh;padding:20px;display:flex;position:absolute;top:0;left:0}.wrap-pendientes .refrigerio .title{text-align:center;width:100%;margin-bottom:20px;font-size:1.5rem;font-weight:700}.wrap-pendientes .refrigerio .hora-refrigerio{text-align:left;width:100%;margin-bottom:20px;font-size:1.2rem}.wrap-pendientes .refrigerio button{text-align:center;border-radius:30px;width:100%;margin-bottom:20px;padding:15px;font-size:1.5rem;font-weight:700}.wrap-pendientes .refrigerio .inicio{color:#fff;background:#006400}.wrap-pendientes .refrigerio .fin{color:#fff;background:#8b0000}.wrap-pendientes .refrigerio .msj{color:#006400;width:100%;padding:10px;font-size:1.5rem;font-weight:700}.wrap-pendientes .refrigerio .error{color:#8b0000;width:100%;padding:10px;font-size:1.5rem;font-weight:700}.wrap-pendientes .refrigerio .show{color:#fff;text-align:center;background:#002e49;width:100%;padding:15px;font-size:1.5rem;font-weight:700}.wrap-pendientes .refrigerio .cerrar{font-size:1.5rem}.wrap-pendientes .hora{border-bottom:2px solid red;flex-wrap:wrap;width:100%;padding:20px;display:flex}.wrap-pendientes .hora h3{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem;font-weight:700}.wrap-pendientes .hora p{width:100%;margin-bottom:10px;font-size:1.2rem}.wrap-pendientes .hora .input{flex-wrap:wrap;width:100%;margin-bottom:10px;display:flex}.wrap-pendientes .hora .input label{width:100%;margin-bottom:10px;font-size:1.1rem}.wrap-pendientes .hora .input input[type=time]{width:100%;font-size:2.5rem}.wrap-pendientes .hora .input input{width:75%;padding-right:10px;font-size:1.5rem}.wrap-pendientes .hora .input span{width:25%;padding-left:10px;font-size:1.5rem}.wrap-pendientes .hora .input select{width:100%;font-size:1.5rem}.wrap-pendientes .hora .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0 20px;padding:10px;font-size:1.5rem}.wrap-pendientes .hora .btn-inicio,.wrap-pendientes .hora .btn-fin{font-size:1.5rem}.wrap-pendientes .regularizar{padding:20px}.wrap-pendientes .regularizar h3{text-align:center;font-size:1.5rem;display:block}.wrap-pendientes .nada{text-align:center;color:gray;width:100%;padding:20px;font-size:1.5rem;display:block}.guia-ind .guia-jefe .infoguia .btn-cancel,.guia-ind .guias .opciones button:first-child,.guia-ind .guias-pen .opciones button:first-child{text-align:center;border-bottom:1px solid #004fa8;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;color:#fff!important;background:linear-gradient(#004fa8 0%,#06f 100%)!important}.guia-ind .guias .opciones button:last-child,.guia-ind .guias-pen .opciones button:last-child{color:#fff;text-align:center;border-bottom:3px solid #444;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#444 0%,#000 100%)!important}.guia-ind .guias .opciones button,.guia-ind .guias .btn-parcial,.guia-ind .guias-pen .opciones button,.guia-ind .btn-parcial{color:#000;text-align:center;border-bottom:3px solid #ffd000;border-radius:30px;width:100%;margin:10px 0;padding:10px;font-weight:700;display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=0)!important;background:linear-gradient(#ffd000 0%,#ff0 100%)!important}.guia-ind{border:2px solid #002770;flex-wrap:wrap;width:100%;margin-bottom:10px;padding:10px;display:flex}.guia-ind .guia-jefe{flex-wrap:wrap;display:flex}.guia-ind .guia-jefe div{width:100%;font-size:1.2rem}.guia-ind .guia-jefe div:nth-child(4),.guia-ind .guia-jefe div:nth-child(5){width:50%}.guia-ind .guia-jefe button{border-radius:50px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;padding:10px;font-size:1.5rem;font-weight:700;display:flex}.guia-ind .guia-jefe .btn-aten{color:#fff;background:#006400;margin-top:10px}.guia-ind .guia-jefe .btn-par{color:#000;background:#ffe600}.guia-ind .guia-jefe .btn-no{color:#fff;background:#8b0000;margin-bottom:10px}.guia-ind .guia-jefe .btn-cancelar{color:#000;background:#dcdcdc}.guia-ind .guia-jefe .guia-foto{border:1px solid #dcdcdc;justify-content:space-between;align-items:center;width:100%;margin-top:10px;margin-bottom:10px;padding:10px;display:flex}.guia-ind .guia-jefe .guia-foto span{width:50%;font-size:1.1rem;font-weight:700}.guia-ind .guia-jefe .guia-foto button{color:#000;background:0 0;justify-content:center;align-items:center;width:50%;margin-bottom:0;padding:0;font-size:.9rem;font-weight:700;display:flex;position:relative}.guia-ind .guia-jefe .guia-foto button img{width:36px;height:30px;margin-right:10px}.guia-ind .guia-jefe .guia-foto button input{text-align:right;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;background:#fff;outline:none;display:block;position:absolute;top:0;right:0}.guia-ind .guia-jefe .guia-foto img{width:36px;height:30px}.guia-ind .guia-jefe .infoguia{z-index:3;background:#fff;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;width:100%;height:100vh;padding:10px;display:flex;position:fixed;top:0;left:0}.guia-ind .guia-jefe .infoguia .guia-nombre{text-align:center;justify-content:center;width:100%;padding-bottom:10px;font-size:2.5rem;font-weight:700}.guia-ind .guia-jefe .infoguia .items{flex-wrap:wrap;width:100%;display:flex}.guia-ind .guia-jefe .infoguia .items .item{border-bottom:5px solid gray;flex-wrap:wrap;align-content:center;width:100%;padding:15px 0;display:flex}.guia-ind .guia-jefe .infoguia .items .item .info{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}.guia-ind .guia-jefe .infoguia .items .item .info div{flex-wrap:wrap;align-items:flex-start;width:31%;display:flex}.guia-ind .guia-jefe .infoguia .items .item .info div span{width:100%;padding:5px;font-size:1rem}.guia-ind .guia-jefe .infoguia .items .item .info div span:first-child{border-bottom:1px solid #000;font-size:.9rem;font-weight:700}.guia-ind .guia-jefe .infoguia .items .item .info div span input,.guia-ind .guia-jefe .infoguia .items .item .info div:first-child{width:100%}.guia-ind .guia-jefe .infoguia .items .item .no-despacho{color:#fff;background:#8b0000;justify-content:center;align-items:center;width:100%;padding:5px;font-size:1.5rem;font-weight:700;display:flex}.guia-ind .guia-jefe .infoguia .items .item .confirmar{color:#fff;background:#006400;justify-content:center;align-items:center;width:100%;padding:5px;font-size:1.5rem;font-weight:700;display:flex}.guia-ind .guia-jefe .infoguia .items .no-show{display:none!important}.guia-ind .guia-jefe .infoguia .items .deshabilitado .info div span{color:gray}.guia-ind .guia-jefe .infoguia .items .deshabilitado .info div span:first-child{border-bottom:1px solid gray;font-size:.9rem;font-weight:700}.guia-ind .guia-jefe .infoguia .registrar-parcial{background:#383838;justify-content:center;align-items:center;width:100%;padding:5px;font-size:1.5rem;font-weight:700;display:flex;color:#fff!important}.guia-ind .guia-jefe .infoguia .btn-cancel{font-size:1.5rem}.guia-ind .guia-jefe label{width:100%;padding:10px 0;font-size:1rem}.guia-ind .guia-jefe select{width:100%;margin-bottom:20px;font-size:1.2rem}.guia-ind .cliente{color:#000;background:#dcdcdc;width:100%;padding:10px;font-size:1.4rem;font-weight:700;display:block}.guia-ind .llego{color:#fff;background:#002770}.guia-ind .guias{flex-wrap:wrap;width:100%;padding:10px;display:flex}.guia-ind .guias h4{width:100%;font-size:1.2rem}.guia-ind .guias div{justify-content:space-between;width:50%;padding:5px 5px 0 0;font-weight:700;display:flex}.guia-ind .guias div span{font-size:1.05rem}.guia-ind .guias div button{background:0 0;align-items:center;margin:0;padding:0;display:flex}.guia-ind .guias div button img{width:40px;height:20px}.guia-ind .guias .fotos{flex-wrap:wrap;width:100%;padding:10px 0;display:flex}.guia-ind .guias .fotos label{width:100%;margin-bottom:10px;font-size:1rem;font-weight:700}.guia-ind .guias .fotos input{width:100%}.guia-ind .guias .guia-foto{justify-content:space-between;align-items:center;width:100%;padding-bottom:10px;display:flex}.guia-ind .guias .guia-foto span{width:50%;font-size:1.1rem}.guia-ind .guias .guia-foto button{color:#000;background:0 0;justify-content:center;align-items:center;width:50%;padding:5px;font-size:.9rem;font-weight:700;display:flex;position:relative}.guia-ind .guias .guia-foto button img{width:36px;height:30px;margin-right:10px}.guia-ind .guias .guia-foto button input{text-align:right;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;background:#fff;outline:none;display:block;position:absolute;top:0;right:0}.guia-ind .guias .guia-foto img{width:36px;height:30px}.guia-ind .guias .guia-foto-tras{justify-content:space-between;align-items:center;width:50%;padding-bottom:10px;font-size:1.1rem;display:flex}.guia-ind .guias .datos{flex-wrap:wrap;width:100%;display:flex}.guia-ind .guias .datos .subtitle{border-bottom:1px solid #000;width:100%;padding-bottom:5px;font-size:1.1rem;font-weight:700}.guia-ind .guias .datos .dato{width:100%}.guia-ind .guias .datos-mitad{flex-wrap:wrap;align-content:flex-start;width:49%;display:flex}.guia-ind .guias .datos-mitad .subtitle{border-bottom:1px solid #000;width:100%;padding-bottom:5px;font-size:1.1rem;font-weight:700}.guia-ind .guias .datos-mitad .dato{width:100%;font-size:1.1rem}.guia-ind .guias .datos-mitad .vendedor{width:100%;font-size:.9rem}.guia-ind .guias .gmaps{color:#004fa8;background-color:#fff;border:2px solid #dcdcdc;border-radius:15px;place-content:center;align-items:center;width:100%;margin-top:10px;padding:5px 10px;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.guia-ind .guias .gmaps img{width:30px;height:40px;margin-right:5px}.guia-ind .guias .opciones{flex-wrap:wrap;width:100%;display:flex}.guia-ind .guias .opciones button,.guia-ind .guias .btn-parcial{font-size:1.5rem}.guia-ind .guias .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.guia-ind .guias .motivos{flex-wrap:wrap;width:100%;display:flex}.guia-ind .guias .motivos label{width:100%;padding-bottom:5px}.guia-ind .guias .motivos select,.guia-ind .guias .motivos textarea{width:100%;font-size:1.1rem}.guia-ind .guias-pen{flex-wrap:wrap;width:100%;padding:10px;display:flex}.guia-ind .guias-pen h4{width:100%;font-size:1.3rem}.guia-ind .guias-pen h5{border-bottom:1px solid gray;width:100%;padding-bottom:5px;font-size:1.3rem}.guia-ind .guias-pen .parcial{justify-content:space-between;width:100%;padding:10px 5px;font-size:1.1rem;font-weight:700;display:flex}.guia-ind .guias-pen .parcial div{font-size:1.1rem;font-weight:700}.guia-ind .guias-pen .parcial button{color:#fff;background:#8b0000;padding:5px}.guia-ind .guias-pen .opciones{flex-wrap:wrap;width:100%;display:flex}.guia-ind .guias-pen .opciones button{font-size:1.5rem}.guia-ind .guias-pen .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.guia-ind .guias-pen .fotos{flex-wrap:wrap;width:100%;padding:10px 0;display:flex}.guia-ind .guias-pen .fotos label{width:100%;margin-bottom:10px;font-size:1rem;font-weight:700}.guia-ind .guias-pen .fotos input{width:100%}.guia-ind .guias-pen .motivos{flex-wrap:wrap;width:100%;display:flex}.guia-ind .guias-pen .motivos label{width:100%;padding-bottom:5px}.guia-ind .guias-pen .motivos select{width:100%;font-size:1.1rem}.guia-ind .guias-pen .guia-foto{justify-content:space-between;align-items:center;width:100%;padding-bottom:10px;display:flex}.guia-ind .guias-pen .guia-foto span{width:50%;font-size:1.1rem}.guia-ind .guias-pen .guia-foto button{color:#000;background:0 0;justify-content:center;align-items:center;width:50%;padding:5px;font-size:.9rem;font-weight:700;display:flex;position:relative}.guia-ind .guias-pen .guia-foto button img{width:36px;height:30px;margin-right:10px}.guia-ind .guias-pen .guia-foto button input{text-align:right;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;background:#fff;outline:none;display:block;position:absolute;top:0;right:0}.guia-ind .guias-pen .guia-foto img{width:36px;height:30px}.guia-ind .guias-pen .guia-foto-tras{justify-content:space-between;align-items:center;width:50%;padding-bottom:10px;font-size:1.1rem;display:flex}.guia-ind .error{color:#8b0000;background:#ff00001a;border:1px solid red;width:100%;margin:10px 0;padding:10px;font-size:1.5rem}.guia-ind .btn-parcial{font-size:1.5rem}.loader{aspect-ratio:1;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0)content-box;width:50px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;background:#1750bb;border-radius:50%;padding:8px;animation:1s linear infinite l3;-webkit-mask-composite:source-out;mask-composite:subtract}.exito{color:#006400;text-align:center;border:3px solid #006400;width:100%;margin-bottom:10px;padding:10px;font-size:2.5rem;font-weight:700;display:flex}