header{z-index:9!important}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");:root{--building-color:#ff9800;--house-color:red;--shop-color:#7b1fa2;--warehouse-color:#558b2f;--font-family:"Open Sans",sans-serif;--car-color:#17489b}body,html{font-family:Open Sans,sans-serif;height:100%;margin:0;padding:0}#map{height:100vh}.property{align-items:center;background-color:#fff;border-radius:50%;color:#263238;display:flex;font-size:14px;gap:15px;height:30px;justify-content:center;padding:4px;position:relative;width:30px}.property,.property:after{transition:all .3s ease-out}.property:after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #fff;content:"";height:0;left:50%;position:absolute;top:95%;transform:translate(-50%);width:0;z-index:1}.property .icon{align-items:center;background-color:rgba(var(--house-color),0)!important;color:#fff;display:flex;justify-content:center}.property .icon svg{height:20px;width:auto}.property .details{display:none;flex:1;flex-direction:column}.property .details button{background-color:#00af42}.property .details .buttonDeleteRoute,.property .details button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:5px;padding:5px}.property .details .buttonDeleteRoute{background-color:#f10000}.property .address{color:#9e9e9e;font-size:10px;margin-top:5px}.property .features{align-items:flex-end;display:flex;flex-direction:row;gap:10px}.property .features>div{align-items:center;background:#f5f5f5;border:1px solid #ccc;border-radius:5px;display:flex;font-size:10px;gap:5px;padding:5px}.property.highlight{background-color:#fff;border-radius:8px;box-shadow:10px 10px 5px rgba(0,0,0,.2);height:150px;padding:8px 15px;width:auto}.property.highlight:after{border-top:9px solid #fff}.property.highlight .details{display:flex}.property.highlight .icon svg{height:50px;width:50px}.property .bed{color:#ffa000}.property .bath{color:#03a9f4}.property .size{color:#388e3c}.property .leyend{color:#010101;display:none;font-size:12px;font-weight:700;position:absolute;text-align:center;text-transform:uppercase;top:90%;width:100px}.property:not(.highlight):has(.fa-car):after{background-color:var(--car-color)}.property.highlight:has(.fa-house) .icon{color:var(--house-color)}.property:not(.highlight):has(.fa-house){background-color:var(--house-color)}.property:not(.highlight):has(.fa-house):after{border-top:9px solid var(--house-color)}.property[data-contador="0"]{background-color:#fff!important;color:#000!important}.property[data-contador="0"] .icon{background-color:#fff!important;color:var(--house-color)!important}.property:not(.highlight):has(.fa-calendar-days)[data-contador="0"]:after{border-top:9px solid var(--house-color)}.property[data-contador="0"] .details .buttonDeleteRoute{background-color:var(--house-color)!important;color:#fff!important}.property[data-contador]:not([data-contador="0"]){background-color:#fff!important;color:#000!important}.property[data-contador]:not([data-contador="0"]) .icon{background-color:grey!important;color:#fff!important}.property:not(.highlight):has(.fa-calendar-days):not([data-contador="0"]):after{border-top:9px solid grey}.property[data-contador]:not([data-contador="0"]) .details .buttonDeleteRoute{background-color:grey!important;color:#fff!important}.property[data-contador="0"]:not(.highlight){background-color:var(--house-color)!important;color:#fff!important}.property[data-contador]:not([data-contador="0"]):not(.highlight){background-color:grey!important;color:#fff!important}.property:not(.highlight) .icon{background-color:rgba(var(--house-color),0)!important;color:#fff!important}.property.highlight.client{height:75px!important}.property.highlight .icon{color:var(--house-color)!important}.property.highlight[data-contador]:not([data-contador="0"]) .icon{background-color:#fff!important;color:grey!important}.property.highlight:has(.fa-building) .icon{color:var(--building-color)}.property:not(.highlight):has(.fa-building){background-color:var(--building-color)}.property:not(.highlight):has(.fa-building):after{border-top:9px solid var(--building-color)}.property.highlight:has(.fa-warehouse) .icon{color:var(--warehouse-color)}.property:not(.highlight):has(.fa-warehouse){background-color:var(--warehouse-color)}.property:not(.highlight):has(.fa-warehouse):after{border-top:9px solid var(--warehouse-color)}.property.highlight:has(.fa-store) .icon{color:var(--warehouse-color)}.property:not(.highlight):has(.fa-store){background-color:var(--warehouse-color)}.property:not(.highlight):has(.fa-store):after{border-top:9px solid var(--warehouse-color)}.property.highlight:has(.fa-shop) .icon{color:var(--shop-color)}.property:not(.highlight):has(.fa-shop){background-color:var(--shop-color)}.property:not(.highlight):has(.fa-shop):after{border-top:9px solid var(--shop-color)}span.letter{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;font-size:10px;height:15px;justify-content:center;margin:auto 3%;padding:3px;position:relative;text-align:center;width:15px}span.letter:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #000;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.drag-over{position:relative}.drag-over:before{background-color:#0078ff;border-radius:2px;content:"";height:4px;left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:-5px;z-index:1000}.draggable{cursor:grabbing;opacity:.6}.draggable:hover{transform:scale(1.02)}#loader{align-items:center;background:hsla(0,0%,100%,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.lds-roller{color:#3b8dde;display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:currentColor;border-radius:50%;content:" ";display:block;height:7.2px;margin:-3.6px 0 0 -3.6px;position:absolute;width:7.2px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:62.62742px;top:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:67.71281px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48.28221px;top:70.90963px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:31.71779px;top:70.90963px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:67.71281px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17.37258px;top:62.62742px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12.28719px;top:56px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background-color:#f4f4f4;box-shadow:2px 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:60px;overflow:hidden;padding:10px 0 0 10px;transition:width .3s ease-in-out;width:100%}.row{display:flex;height:621px}#sidebar-left{margin-left:0}#sidebar-left,#sidebar-right{height:100vh;position:relative}#sidebar-right{margin-right:10px;padding-right:0}#toggle-btn-left,#toggle-btn-mobile-1,#toggle-btn-right{border:none;border-radius:5px;cursor:pointer;font-size:24px;margin-bottom:10px;padding:10px 15px;text-align:center}#toggle-btn-mobile-1{margin-left:8px}#toggle-btn-right{margin-right:4px}.sidebar.expanded{max-width:260px;width:100%}.map-container{flex:1;flex-direction:column;transition:flex .3s ease-in-out}#map-container{width:100%}.map-container.shrunk-left{margin-left:260px}.map-container.shrunk-right{margin-right:260px}#map{background-color:#d3d3d3;height:calc(100vh - 200px);width:100%}.expand-toggle{background:#f7f7f7;max-width:60px;padding:20px 0 0;text-align:center}.map-container{display:flex;height:475px;margin:45px 25px;position:relative}#map{border-radius:10px;flex:1;height:100%;margin-top:2%;min-height:475px;position:relative;z-index:1}.place-picker-container{display:none;left:10px;margin-top:0;padding:0 20px;top:10px;z-index:1}.sidebar.expanded .place-picker-container{display:block}.place-picker-container-mobile1{display:none;left:10px;margin-top:0;padding:0 20px;top:10px;z-index:1}.active{display:none}#point-list{border-radius:5px;max-height:400px;overflow-y:auto;padding:5px}.btn.btn-icono .icono-eliminar path{fill:#00af42;transition:fill .3s}input[type=checkbox]:enabled:checked{background-color:#00af42}.btn.btn-icono:hover .icono-eliminar path{fill:#fff}.btn.btn-icono .icono-continuar path{fill:#00af42;transition:fill .3s}.btn.btn-icono:hover .icono-continuar path{fill:#fff}#Sugeridos-list{border-radius:5px;margin-top:10px;max-height:400px;overflow-y:auto;padding:5px}.iconos.dragging{border:2px dashed #000;opacity:.5}.hover-icon{cursor:grab}#point-list::-webkit-scrollbar{width:10px}#point-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}#point-list::-webkit-scrollbar-thumb{background-color:#28a745;border:2px solid #f1f1f1;border-radius:5px}#point-list::-webkit-scrollbar-thumb:hover{background-color:#218838}#Sugeridos-list::-webkit-scrollbar{width:10px}#Sugeridos-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}#Sugeridos-list::-webkit-scrollbar-thumb{background-color:#28a745;border:2px solid #f1f1f1;border-radius:5px}#Sugeridos-list::-webkit-scrollbar-thumb:hover{background-color:#218838}#generate-route{background-color:#00af42;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:2%;padding:10px;width:70%}#generate-route:hover{background-color:#45a049}.bot{display:flex}.ruta-text{font-size:24px}.ruta-text,.ruta-text-2{align-items:center;color:#242729;display:flex;margin-left:10px}.ruta-text-2{font-size:16px;font-weight:700}.text-title{color:#666;font-size:12px!important}.select-date,select#day-select{background:#fff 0 0 no-repeat padding-box;border:1px solid #d9d9d9;border-radius:5px;height:100%;margin-top:5px;max-width:220px;min-height:34px;padding:0 4px;width:100%}select#day-select{font-size:12px;max-width:100%;min-width:100px}.icon-circle{color:#0505d8}.icon-circle,.icon-circle2{align-items:center;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;margin-left:8px;margin-top:2px;width:16px}.icon-circle2{color:#00af42}.hover-icon{align-items:center;color:#666;display:flex;height:10px;justify-content:center;margin-top:8px;transition:background-color .3s;width:10px}.drag-icono path{fill:#666}.drag-icono:hover path{fill:#3b8dde}.icon-vertical,.icon-vertical-2{color:#666;height:10px;width:10px}.iconos{display:flex}.mob-sug{display:none}.fa-ellipsis-h{color:#000;font-size:14px}.title-map{color:#3b8dde;font-size:24px}.marcadores{display:flex}.morosos,.news{margin-left:2%}input[type=checkbox]+label{color:#000;font-weight:400}input[type=checkbox]:checked+label{color:#00af42}#title-container{gap:20px;margin-bottom:10px}#title-container,.cont-map{align-items:center;display:flex}.cont-map{justify-content:space-between;width:-webkit-fill-available}.new-registro{background:var(--unnamed-color-00af42) 0 0 no-repeat padding-box;background:#00af42 0 0 no-repeat padding-box;border:none;border-radius:5px;box-shadow:3px 3px 6px #0000001f;color:#fff;cursor:pointer;font-weight:700;height:37px;left:1087px;opacity:1;top:90px;width:186px}.new-registro .icon{display:none;font-size:16px}.new-registro .text{display:inline;text-transform:none}.icon-vertical,.icon-vertical-2{display:inline-block;position:relative}.popup{background-color:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;left:-5px;padding:10px;position:absolute;right:0;top:100%;transform:translateX(-90%);width:150px;z-index:1}.popup a{color:#333;cursor:pointer;display:block;font-size:12px;padding:5px 10px;text-decoration:none}.popup a:hover{background-color:#f1f1f1}.icon-vertical-2:hover .popup,.icon-vertical:hover .popup{display:block}.botones{display:flex;justify-content:space-evenly}.btn-icono{color:#00af42}.btn-icono,.btn-icono:hover{border:1px solid #00af42;border-radius:5px;box-shadow:3px 3px 6px #0000001f;margin-right:2%}.btn-icono:hover{background-color:#00af42;color:#fff}.btn-icono i{height:15px;width:15px}#set-start,.b-ruta{background:#00af42}#set-start,.b-ruta,.b-ruta-neg{border-radius:5px;box-shadow:3px 3px 6px #0000001f;color:#fff;font-size:12px;font-weight:700}.b-ruta-neg{background:#c23030}.confirmar-ruta{margin-bottom:20px}#appointment-time{background-color:transparent;border:none;color:inherit;font-family:inherit;outline:none}#date-info{color:#333;font-size:10px}#sidebar-mobile-1,#sidebar-mobile-1.active,div#mobile-des.desactive,div#mobile-des2.desactive,div#mobilesugdes.disabled,div#mobilesugg.desactive{display:none}button.eliminar,button.startpoint{background:none;border:none;cursor:pointer;font:inherit;font-size:12px;margin-left:8px;padding:0;text-decoration:none}button.eliminar:hover,button.startpoint:hover{background:#f1f1f1}.punto{border-radius:5px;font-family:Arial,sans-serif;margin:0;padding:2px}.hr{border:1px solid #666}.punto-header{align-items:start;display:flex;justify-content:space-between}.icono-drag{cursor:grab}.nombre-cliente{font-size:10px;font-weight:900;margin:0 auto;width:70%}.direccion-cliente{color:#555;font-size:9px;font-weight:500;margin:0;text-transform:uppercase}.motivo:disabled{appearance:none;color:#000;opacity:1}.hora-y-motivo{align-items:center;display:block;justify-content:space-between;margin-top:0}.hora{color:#0505d8;font-size:10px;font-weight:500;margin-bottom:0}.hora span{font-size:14px;margin-right:5px}select{border:1px solid #ccc;border-radius:4px;font-size:11.5px;padding:5px;width:100%}.hora input[type=time]{background:none;border:none;border-radius:4px;color:#0505d8;font-size:10px;padding:0}.contentButtonCR{margin:4% 0;text-align:center;width:100%}#crearRuta{background-color:#00af42;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.punto-actions{background:#fff;border:1px solid #d9d9d9;border-radius:5px;display:none;padding:5px}.punto-actions button{background:none;border:none;font-size:12px}.closePanel{font-weight:900;margin-left:auto;text-align:right;width:fit-content}.closePanel,.eliminarDeLaRuta:hover,.recalendarizarPunto:hover{color:#f10000}#openOptions{background:none;border:none}.punto{cursor:pointer;transition:opacity .2s ease-in-out}.punto[draggable=true]:active{opacity:.4}.new-registro:before:hover{background-color:var(--primary-color)!important}@media(max-width:600px){.title-map{font-size:16px!important}.container{margin-left:auto;margin-right:auto;padding-left:8px!important;padding-right:8px;position:relative;width:100%;z-index:1}.row{display:flex;flex-wrap:nowrap!important;margin-left:-.75rem;margin-right:-.75rem}.sidebar-right{display:none}.sidebar{position:relative;width:100%;z-index:2}.marcadores{align-items:start!important;flex-direction:column}#map{background-color:#d3d3d3;height:80%;min-height:375px;width:100%}#sidebar-left{height:auto;left:0;margin-left:0;position:relative;top:0;transition:transform .3s ease;width:100%}.mob-sug{display:flex}#sidebar-left.expanded{height:100vh;position:absolute;transform:translateX(0);z-index:1000}#map-container{margin-left:0}.row{height:100vh}#sidebar-mobile-1.active{display:block}.place-picker-container-mobile1.expanded{display:block;height:100vh;position:absolute;transform:translateX(0);z-index:1000}.cont-map{align-items:center;display:flex!important;gap:20px;justify-content:space-between}.new-registro{height:35px;width:62px}.new-registro .text{display:none}.new-registro .icon{display:inline}div#mobile-des.desactive,div#mobile-des2.desactive,div#mobilesugdes.desactive,div#mobilesugg.desactive{display:none}}*{font-family:Open Sans}.alignrigth{text-align:right}.alignrigth a{color:#3b8dde;font-size:11px;text-decoration:none;width:100%}.popup-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;font:normal normal 700 24px/33px Open Sans;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:visibility 0s,opacity .3s;visibility:hidden;width:100%;z-index:9}.popup-content{background:#fff;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.3);margin-bottom:43px;margin-right:93px;margin-top:45px;padding:20px;text-align:center;width:508px}.popup-content form h2{color:#3b8dde;font-size:24px;margin:0;text-align:left}.close-btn{color:#333;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.popup-overlay.active{opacity:1;visibility:visible}.popup-overlay.deactive{opacity:0;visibility:hidden}.popup-content form{display:flex;flex-direction:column;padding:20px 32px}.popup-content form label{color:#666;font-size:12px;text-align:left}.popup-content form input,.popup-content form select{background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;border:1px solid #d9d9d9;border-radius:5px;font-size:10px;opacity:1}.popup-content form select{padding:10px}.popup-content form input::placeholder{font-size:10px}.popup-content form button,.popup-content form input{font-size:10px;margin:0;padding:10px}.popup-content form button,.popup-content form button.aceptado{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px}.popup-content form button[type=button]{background-color:#fff;border:1px solid;color:#00af42;width:50%}.popup-content form button[type=button]:hover{background:#00af42;color:#fff}.buttonalignleft{text-align:left}.popup-content form button.aceptado{background:#00af42;color:#fff;width:238px}.popup-content form button.aceptado:hover{background:#00af42}.buttonalignright{text-align:right}.popup-content form button:hover{background-color:#0056b3}.buttonContianer{display:flex;margin:2% 0}.buttonmitad{width:50%}.hrverde{border:1px double #00af42;width:60%}.containerLocations{display:flex}.location{text-align:left;width:50%}.multiselect-dropdown{display:inline-block;margin:2% 0;position:relative;width:100%}.select-box{border:1px solid #ccc;border-radius:5px;color:#666;cursor:pointer;font-size:10px;font-weight:500;padding:4px;text-align:left}.dropdown-options{background-color:#fff;border:1px solid #ccc;display:none;max-height:150px;overflow-y:auto;position:absolute;width:100%;z-index:1}.dropdown-options label{display:block;padding:5px}.dropdown-options input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}.dropdown-options input[type=checkbox]{margin-right:8px}.dropdown-options input[type=checkbox]:checked:after{color:#fff;content:"✔";font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.containerButton{margin:2% 0;text-align:center;width:100%}.containerButton button{background-color:#00af42;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:5px;width:100%}@media (min-width:320px) and (max-width:500px){.popup-content{background:#fff;border-radius:8px;box-shadow:none;margin-bottom:0;margin-right:0;margin-top:0;padding:0;text-align:center;width:100%}.containerLocations{display:table-column}.location{text-align:left;width:100%}.popup-content form button,.popup-content form input{font-size:16px;margin:0;padding:10px;width:100%}.popup-content form button[type=submit]{width:145px}.popup-overlay{align-items:center;background:transparent;display:flex;font:normal normal 700 24px/33px Open Sans;height:100%;justify-content:end;left:0;opacity:0;position:relative;top:0;transition:visibility 0s,opacity .3s;visibility:hidden;width:100%}.popup-content form{display:flex;flex-direction:column;padding:0}.buttonContianer{display:flex;flex-direction:column-reverse;margin:2% 0}.buttonmitad{margin:2% 0;width:100%}.popup-content form button[type=button]{background-color:#fff;border:1px solid;color:#00af42;width:100%}.popup-content form button[type=submit]{background:#00af42;width:100%}}svg.svg-inline--fa.fa-table{margin-left:20px!important;margin-top:3px}.back-button{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:50%;cursor:pointer;display:inline-flex;height:25px;justify-content:center;text-decoration:none;transition:border-color .3s ease;width:25px}.back-button i{color:#00af42;font-size:24px}.back-button:hover{border-color:#00af42}i.fa-solid.fa-table{margin-left:0!important}.contenedor-botones-mapa{display:flex}.superior-functions-mapa{display:block}.inferior-functions-mapa{display:none}@media(max-width:600px){.contenedor-botones-mapa{display:none}.inferior-functions-mapa{display:flex;justify-content:flex-end}.title-map{font-size:18px}.sidebar.expanded{max-width:100%!important}.contenedor-lateral{overflow:hidden!important;width:100vw!important}}