@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--color-primary:#0074ff;--color-primary-light:#1e83ff;--color-danger:#ff0060;--color-success:#1b9c85;--color-warning:#f7d060;--color-white:#fff;--color-info-dark:#7d8da1;--color-dark:#363949;--color-light:#848bc82e;--color-dark-variant:#677483;--color-dark-light:#e0e0e0;--color-background:#f6f6f9;--color-background-hover:#e0f1fb;--card-border-radius:0.3rem;--border-radius-circle:100%;--border-radius-1:0.4rem;--border-radius-2:1.2rem;--card-padding:1.2rem 1.5rem;--padding-1:1.2rem;--box-shadow:0 2rem 3rem var(--color-light)}.dark-mode-variables{--color-background:#181a1e;--color-background-hover:#2f394d;--color-white:#202528;--color-dark:#edeffd;--color-dark-variant:#a3bdcc;--color-dark-light:#848bc82e;--color-light:#0006;--box-shadow:0 2rem 3rem var(--color-light)}*{border:0;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f6f9;background-color:var(--color-background);font-size:.8rem;height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;width:100vw}a,body{color:#363949;color:var(--color-dark)}h1{font-size:1.4rem;font-weight:800}h2{font-size:1.2rem;font-weight:600}h3{font-size:.8rem;font-weight:500}span{font-size:.7rem}small{font-size:.76rem}p{color:#677483;color:var(--color-dark-variant);font-size:.8rem}b{color:#363949;color:var(--color-dark)}button{background-color:#0074ff;background-color:var(--color-primary);border:none;cursor:pointer;font-weight:500;padding:0 1rem}button:disabled{background-color:#ccc!important}.text-muted{color:#7d8da1;color:var(--color-info-dark)}.primary{color:#0074ff;color:var(--color-primary)}.danger{color:#ff0060;color:var(--color-danger)}.success{color:#1b9c85;color:var(--color-success)}.warning{color:#f7d060;color:var(--color-warning)}@keyframes fadeOut{0%{opacity:1}to{display:none;opacity:0}}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}.App{overflow-y:hidden}.App,.alerts_container{display:flex;flex-direction:column}.alerts_container{gap:1rem;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;right:2rem;top:1rem;z-index:10000}.alert-item{transition:transform .5s ease-in-out,opacity .5s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.container{display:flex;flex:1 1;overflow-y:hidden;padding:.5rem 1.08rem 0;width:100%}.princ_container{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-x:hidden;padding-bottom:1rem;transition:all .3s ease}aside.collapsed+.princ_container,main{flex:1 1}main{overflow-y:auto}footer,main{display:flex}footer{align-items:center;background-color:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);height:4rem;justify-content:space-between;margin:0 .5rem 0 1.5rem;padding:.5rem 1.5rem;transition:all .3s ease;&:hover{box-shadow:none}}footer.fullScreen{margin:0}.loading_overlay{background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.loading_overlay,.loading_overlay_container{align-items:center;display:flex;justify-content:center}.loading_overlay_container{flex-direction:column;min-height:200px}.loading_overlay_contained{transform:scale(.7)}.lds-ring{color:var(--primary)}.lds-ring div{border:8px solid var(--color-primary);border-color:var(--color-primary) #0000 #0000 #0000}.right-section{margin-top:1.4rem}.right-section .nav{display:flex;gap:2rem;justify-content:end}.right-section .dark-mode{align-items:center;background-color:var(--color-light);border-radius:var(--border-radius-1);cursor:pointer;display:flex;height:1.6rem;justify-content:space-between;width:4.2rem}.right-section .dark-mode span{align-items:center;display:flex;font-size:1.2rem;height:100%;justify-content:center;width:50%}.right-section .dark-mode span.active{background-color:var(--color-primary);border-radius:var(--border-radius-1);color:#fff}.right-section .nav .profile{display:flex;gap:2rem;text-align:right}.right-section .nav .profile .profile-photo{border-radius:50%;height:2.8rem;overflow:hidden;width:2.8rem}.right-section .user-profile{background-color:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);cursor:pointer;display:flex;justify-content:center;margin-top:1rem;padding:var(--card-padding);text-align:center;transition:all .3s ease}.right-section .user-profile:hover{box-shadow:none}.right-section .user-profile img{border-radius:50%;height:auto;margin-bottom:.8rem;width:11rem}.right-section .user-profile h2{margin-bottom:.2rem}.right-section .reminders{margin-top:2rem}.right-section .reminders .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.right-section .reminders .header span{background-color:var(--color-white);border-radius:50%;box-shadow:var(--box-shadow);padding:10px}.right-section .reminders .notification{align-items:center;background-color:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);cursor:pointer;display:flex;gap:1rem;margin-bottom:.7rem;padding:1.4rem var(--card-padding);transition:all .3s ease}.right-section .reminders .notification:hover{box-shadow:none}.right-section .reminders .notification .content{align-items:center;display:flex;justify-content:space-between;margin:0;width:100%}.right-section .reminders .notification .icon{background-color:var(--color-success);border-radius:20%;color:var(--color-white);display:flex;padding:.6rem}.right-section .reminders .notification.deactive .icon{background-color:var(--color-danger)}.right-section .reminders .add-reminder{align-items:center;background-color:var(--color-white);border:2px dashed var(--color-primary);color:var(--color-primary);cursor:pointer;display:flex;justify-content:center}.right-section .reminders .add-reminder:hover{background-color:var(--color-primary);color:#fff}.right-section .reminders .add-reminder div{align-items:center;display:flex;gap:.6rem}@media screen and (max-width:768px){footer{height:3rem;margin-left:.5rem}.route_modal_container{width:90vw!important}.container{padding:0}}section{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-x:hidden;padding:0 .5rem 0 1.5rem}.card_title{font-size:1.2rem;margin-bottom:.7rem}.card{background-color:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);padding:var(--card-padding);transition:all .3s ease}.card_content{flex:1 1}.card:hover{box-shadow:none}.header_container{display:flex;justify-content:space-between}.header_container button{background-color:var(--color-success);border-radius:var(--border-radius-1);color:#fff;margin:.4rem 0;padding:.5rem 1rem;&:hover{filter:brightness(.9)}}.actions_container{display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.actions_container .buttons_container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:end;& button{border-radius:var(--border-radius-1);color:#fff;font-size:.7rem;height:2rem;padding:0 .8rem;transition:all .3s ease}& button:hover{filter:brightness(.9)}& .change_status_btn{background-color:var(--color-primary)}& .save_changes_btn{background-color:var(--color-success)}& .download_btn{background-color:var(--color-primary-light)}& .view_btn{background-color:var(--color-success)}& .edit_btn{background-color:var(--color-warning)}& .delete_btn{background-color:var(--color-danger)}& button span{font-size:1rem;vertical-align:middle}}.table_wrapper{box-shadow:var(--box-shadow);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}.table_wrapper,table{border-radius:var(--card-border-radius);transition:all .3s ease}table{background-color:var(--color-white);border-collapse:collapse;text-align:center;width:100%}.table_wrapper:hover{box-shadow:none}table thead{position:relative}table thead tr{background-color:var(--color-primary);top:0;&:first-child{position:sticky}}table thead tr th{border:1px solid var(--color-dark-light);color:#fff;cursor:pointer;font-weight:600;line-height:normal!important;padding:.7rem 0!important;transition:all .3s ease;&:hover{background-color:var(--color-primary-light)}}table thead tr:first-child th{font-size:.75rem!important;& span:first-child{font-size:.75rem!important}}table thead tr:not(:first-child) th{font-size:.65rem!important}table thead tr th span:last-child{display:inline-block;margin-left:.3rem;vertical-align:middle;&.material-symbols-rounded{font-size:1.1rem;margin-left:.1rem}}table tbody td select{background-color:var(--color-white);border:1px solid var(--color-light);border-radius:5px;color:var(--color-dark);font-size:.65rem;padding:.3rem;width:90%}table thead tr:first-child th{&:first-child{border-radius:var(--card-border-radius) 0 0 0}&:last-child{border-radius:0 var(--card-border-radius) 0 0}}.table_status_value:not(.null){border-radius:1rem!important;color:var(--color-white)!important;font-size:.6rem!important;font-weight:700!important;padding:5px 10px!important}.table_status_value.null{font-size:.5rem!important}.num_header{width:4rem}table tbody tr:hover{background-color:var(--color-background)!important}table tbody td{border:1px solid var(--color-dark-light)!important;font-size:.65rem!important;padding:.2rem 0!important}table tbody td span{font-size:.6rem}table tbody td span:first-child{color:var(--color-dark)}table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--card-border-radius)}table tbody tr:last-child td:last-child{border-radius:0 0 var(--card-border-radius) 0}table tr .status span{border-radius:20px;color:var(--color-white);font-weight:600;padding:5px 20px}table tr .status.delayed span{background-color:var(--color-danger)}table tr .status.on-time span{background-color:var(--color-success)}table tr .status.advanced span{background-color:var(--color-warning)}@media screen and (max-width:1024px){table thead tr:first-child th span:first-child{font-size:.55rem!important}.table_status_value:not(.null){font-size:.5rem!important;padding:3px 7px!important}table tbody td,table tbody td p{font-size:.5rem!important}}@media screen and (max-width:768px){section{padding-left:.5rem}}aside .header_logo_container{display:none}aside{width:13.5rem}aside,aside.collapsed{flex:0 1 auto;transition:all .3s ease}aside.collapsed{width:5.5rem}.responsive_table_container{max-width:81vw;transition:all .3s ease}.collapsed+div main .responsive_table_container{max-width:89vw}.responsive_table_container table tbody tr{height:2.5rem!important;& td span{font-size:.6rem}}.responsive_table_container table td{min-width:7.5rem}aside .sidenav{background-color:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:2rem;height:calc(100vh - 5rem);position:relative;transition:all .3s ease}aside .sidenav .sections_group{display:flex;flex-direction:column;width:100%}aside .sidenav .sections_group:last-child{margin-bottom:1rem;margin-top:auto}aside .sidenav:hover{box-shadow:none}@media screen and (max-width:768px){aside{left:-100%;position:absolute;width:15rem;z-index:1000}aside,aside:after{height:100vh;top:0}aside:after{background-color:#000;content:"";left:0;opacity:0;pointer-events:none;position:fixed;transition:all .3s ease-in-out;width:100vw;z-index:-1}aside.visible:after{opacity:.1}aside.visible{left:0}aside .sidenav{height:100%}aside .header_logo_container{display:flex;padding:.6rem .5rem 0 .6rem;width:auto}}.side_nav_button{align-items:center;background-color:initial;color:var(--color-info-dark);display:flex;gap:1rem;height:3.7rem;padding-left:2rem;position:relative;transition:all .3s ease}.side_nav_button:first-child{border-radius:.3rem .3rem 0 0}.side_nav_button span{font-size:1.4rem;transition:all .3s ease}.side_nav_button.active{background-color:var(--color-light);color:var(--color-primary);padding-left:0;width:100%}.side_nav_button.active:before{background-color:var(--color-primary);content:"";height:18px;left:0;position:absolute;width:6px}.side_nav_button.active span{color:var(--color-primary);padding-left:calc(2rem + 9px)}.side_nav_button:hover:not(.sections_group:last-child .side_nav_button.logout:hover){color:var(--color-primary)}.sections_group:last-child .side_nav_button.logout:hover{color:var(--color-danger)}.side_nav_button:hover span{padding-left:.6rem}.side_nav_button.active:hover span{padding-left:2.9rem}.side_nav_button h3{text-wrap:nowrap;transition:all .3s ease}aside.collapsed .sidenav .side_nav_button h3{animation:fadeOut .3s forwards;opacity:0}aside .sidenav .message-count{background-color:var(--color-danger);border-radius:var(--border-radius-1);color:var(--color-white);font-size:11px;padding:2px 6px}.view_schedules_container{display:flex;flex-direction:column;gap:2rem;justify-content:space-between;overflow-y:auto}.checkbox_status{cursor:pointer}.checkbox_status span{display:inline-flex;justify-content:center;width:7ch}.checkbox_status label{margin-left:.5rem;& input{cursor:pointer;height:15px;vertical-align:middle;width:15px}}.small_cards_container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.checks_records a{color:var(--color-primary);display:block;margin:1rem auto;text-align:center}.checks_records .card_content{display:flex;gap:1rem}.checks_records .card_content>div:first-child{flex:1 1;position:relative}.floating_checks_container{align-items:center;display:flex;gap:1.5rem;position:absolute;right:0;top:-2.5rem;z-index:600}.toggle-map-btn{background-color:initial;border:none;border-radius:var(--border-radius-1);color:var(--color-dark-variant);cursor:pointer;padding:.3rem;transition:all .3s ease}.toggle-map-btn span{vertical-align:middle}.toggle-map-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.map_container{flex-basis:20%;overflow:hidden;text-align:center;transition:all .5s ease;width:0}.map_container.collapsed{border-width:0;flex-basis:0%;padding:0}.tracking_container{overflow-y:auto;transition:all .3s ease}.tracking_container.fullscreen{background-color:var(--color-background);gap:0;height:100vh;left:0;max-height:none;overflow:auto;overflow-y:hidden;padding:.5rem 1rem 1rem;position:fixed;top:0;width:100vw;z-index:500;&>div{margin-top:1rem}& .fullscreen-open-btn{right:0}& .map_container{display:none}}.fullscreen .checks_records{display:flex;flex-direction:column;margin-bottom:1rem;overflow-y:hidden}.fullscreen .checks_records .card_content{overflow-y:auto}.fullscreen-close-btn,.fullscreen-open-btn{background-color:var(--color-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.7rem;padding:.5rem 1rem;transition:all .3s ease}.fullscreen-close-btn{width:fit-content}.fullscreen-close-btn:hover,.fullscreen-open-btn:hover{background-color:var(--color-primary-light)}.checks_container{display:flex;flex:1 1;flex-direction:column;gap:1rem;height:auto;overflow-y:auto}.fullscreen .checks_container{height:100%;margin-bottom:1rem;padding:0}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.row-updated{animation:scaleUp .5s ease-in-out}@media screen and (max-width:1024px){.percent{padding:.7rem 1.2rem!important}.percent h2{font-size:1rem}.checks_records .card_content{gap:0}.checks_records td:nth-child(4),.checks_records td:nth-child(7),.checks_records th:nth-child(4),.checks_records th:nth-child(7),.map_container,.toggle-map-btn{display:none}.floating_checks_container{top:-2rem}.fullscreen-open-btn{display:none}}.users-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.users-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-rows:repeat(auto-fill,190px);overflow-y:auto;padding-bottom:.3rem}.user-card{background-color:var(--color-white);border:1px solid var(--color-white);border-radius:.5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:190px;padding:1rem;text-align:center;transition:all .3s ease}.user-name{color:var(--color-dark);font-size:1.25rem;font-weight:600}.user-email{color:var(--color-dark-variant)}.user-status{font-size:.875rem;font-weight:700}.user-status.active{color:var(--color-success)}.user-status.inactive{color:var(--color-danger)}.user-expiration{color:var(--color-dark-variant)}.user-buttons_container{display:flex;gap:1rem;height:1.7rem;justify-content:center;margin-top:auto;& button{min-width:fit-content}& span{font-size:large}}.edit_date_modal,.view_user_modal_box{background-color:var(--color-white);border-radius:.5rem;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;display:flex;flex-direction:column;gap:.5rem;left:50%;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(80vw,500px)}.view_user_modal_box p strong{margin-right:.5rem}.vehicles_modal{background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:1rem;height:60vh;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(90vw,40rem)}.vehicles_table thead tr{z-index:1}.vehicles_table thead tr th{cursor:default;text-align:center}.vehicles_table thead tr th:hover{background-color:var(--color-white)}.vehicles_table tbody tr td:not(:last-child) span{margin-left:.5rem!important}.vehicles_table tbody tr td:last-child{text-align:center}.login_container{align-items:center;display:flex;height:100vh;justify-content:center}@keyframes slideBackground{0%{background-position:0 0}to{background-position:100% 0}}.login_container:before{animation:slideBackground 10s linear infinite;background-image:url(/static/media/monitoring.1f0b09ac8d99fc7d26d3.png);background-repeat:repeat;background-size:50%;bottom:0;content:"";filter:blur(5px);-webkit-filter:blur(5px);left:0;position:absolute;right:0;top:-10%;z-index:1}.login_panel{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;background-color:#fff;border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:40px;margin:0 1rem;padding:40px;width:450px;z-index:2}.login_logo{margin:0 auto;width:70%}.login_form{display:flex;flex-direction:column}.login_form h2{color:#363949;margin-bottom:10px;text-align:center}.login_form label{margin:15px 0 10px}.input_container{align-items:center;background-color:#f6f6f9;border:1px solid #ccc;border-radius:5px;display:flex;margin-bottom:5px;position:relative;transition:border-color .3s ease}.input_container input{background-color:initial;border:none;flex:1 1;font-size:.8rem;height:100%;outline:none;padding:.8rem 1rem .8rem 2.7rem}.input_icon{color:#677483;left:10px;pointer-events:none;position:absolute;top:calc(50% - 12px);transition:color .3s ease}.input_container:focus-within .input_icon,.input_container:focus-within .toggle_password{color:#0074ff}.input_container.error{border-color:#ff0060}.form_label.error,.input_container.error .input_icon,.input_container.error .toggle_password,.input_container.error input,.input_icon.error{color:#ff0060}.error_message{color:#ff0060;font-size:12px;margin-top:5px}.toggle_password{align-items:center;background:none;border:none;border-radius:50%;color:#677483;cursor:pointer;display:flex;padding:9px 10px;position:absolute;right:0;transition:all .3s ease}.toggle_password:hover{opacity:.7}.input_container input:focus{outline:none}.input_container:focus-within{border-color:#0074ff}.login_form button[type=submit]{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px;transition:background-color .3s ease}.login_form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.login_form button[type=submit]:not(:disabled):hover{background-color:#0074ff}.loading_blur{filter:blur(3px);pointer-events:none}.lds-ring{color:#0074ff}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid #0000;border-radius:50%;border-top-color:currentcolor;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tab_content_container{display:flex;flex:1 1;flex-direction:column}.filters_container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filters_container span{font-size:.7rem;font-weight:500}.filter_input{padding:7px 12px;width:12rem}.filter_input,.filter_select{border:1px solid #ccc;border-radius:4px;font-size:.7rem}.filter_select{cursor:pointer;font-weight:400;padding:7px}.checkbox_cell input{cursor:pointer;height:15px;vertical-align:middle;width:15px}.tab_panel:has(.MuiBox-root){display:flex;flex:1 1 auto;flex-direction:column;& .MuiBox-root{display:flex;flex:1 1 auto;flex-direction:column}}.schedule_table td{height:2.3rem;padding:5px 10px!important}.grid_container{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"total_events puntuality chart" "stats stats chart"}@media screen and (max-width:1024px){.grid_container{grid-template-areas:"total_events puntuality" "stats stats" "chart chart"}}.schedules_container{display:flex;flex:1 1;gap:1rem;overflow:hidden}.schedules_container>div:first-child{flex:1 1}.schedules_container>div:last-child{width:25%;& .card{padding:1rem 0}}.import_modal,.schedules_modal{background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:1rem;height:90vh;margin:5vh auto auto;overflow:auto;padding:1rem;width:90vw}.new_button{border-radius:var(--border-radius-1);color:#fff;font-size:.7rem;height:2rem;padding:0 .8rem;transition:all .3s ease}.schedules_modal .form_container{display:flex;flex-wrap:wrap;gap:1.5rem;& div,& div label{color:var(--color-dark)}&>div:not(:has(button)){flex:1 1 300px}&>div:has(button){display:flex;flex:1 1}}.schedules_modal .table_wrapper{max-height:none}.schedules_modal table th{border:1px solid var(--color-white);cursor:default;min-width:5rem;padding:4px!important;text-align:center;&:first-child{border-left:0;border-radius:0}&:last-child{border-radius:0;border-right:0}}.schedules_modal table thead tr th input[type=number]{border:1px solid #ccc;border-radius:2px;font-size:.7rem;padding:.2rem;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;width:100%;&:focus{border-color:#1976d2;box-shadow:0 0 4px #1976d280;outline:none}}.schedules_modal table tbody tr{height:2.3rem}.schedules_modal table td{text-align:center;vertical-align:middle}.timeField{background:#0000;border:none;font-size:1rem;margin:0;outline:none;padding:0;text-align:center;width:100%}.multi_schedules_modal{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:1.5rem;height:90vh;margin:5vh auto auto;padding:1rem;width:60vw}.multi_schedules_modal .form_container{display:flex;flex-wrap:wrap;gap:1.5rem;& div{flex:1 1}& div,& div label{color:var(--color-dark)}}.multi_schedule_container{display:flex;flex-direction:column;gap:1.3rem;overflow-y:auto;padding-top:.5rem}.multi_schedule_item{display:flex;gap:1rem;& div,& div label{color:var(--color-dark)}}.route_modal{border-radius:8px;box-shadow:0 4px 8px #0003;flex-direction:column;gap:1rem;height:90vh;margin:5vh auto auto;overflow:auto;padding:1rem;width:40rem}.route_modal,.route_modal .route_container{background-color:var(--color-background);display:flex}.route_modal .route_container{flex:1 1;flex-direction:column;overflow-y:auto;& ul{list-style:none;padding:0}& ul li{align-items:center;background-color:var(--color-white);border:2px solid var(--color-background);cursor:grab;font-size:1rem;justify-content:space-between;padding:.5rem;transition:background .2s}& ul li.hovered{background-color:var(--color-background-hover);border:2px dashed #00f;transition:background-color .2s ease-in-out}& ul li:active{background:var(--color-background);cursor:grabbing}& ul li.omitted{background-color:var(--color-dark-light)}}.modal_bottom_container{display:flex;justify-content:space-between;margin-top:auto}.modal_bottom_container>span{color:var(--color-primary);font-size:1rem;margin:auto 0;padding:0 1.5rem;white-space:nowrap}.modal_box .button_container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:auto}.modal_box .button_container button{border:none;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:600;padding:10px 20px}.modal_box .button_container .cancel_button{background-color:#f44336;color:#fff}.modal_box .button_container .cancel_button:hover{background-color:#d32f2f}.modal_box .button_container .accept_button{background-color:#4caf50;color:#fff}.modal_box .button_container .accept_button:hover{background-color:#388e3c}@media screen and (max-width:1024px){.multi_schedules_modal{width:80vw}.route_modal{width:90vw}}.geofences_container{display:flex;flex:1 1;flex-direction:column;gap:.3rem;overflow-y:auto}.geofence_item{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease;&:hover{background-color:var(--color-background-hover)}}.geofence_item .icon{border-radius:var(--border-radius-circle);font-size:1.2rem;padding:.5rem}.geofence_item .icon:not(:first-child){cursor:pointer;display:none;transition:all .3s ease;&:hover{background-color:var(--color-background)}}.geofence_item>div{flex:1 1;overflow:hidden}.geofence_item .name{text-wrap:nowrap;display:block;font-size:.65rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.geofence_item .tag{background-color:#0096881a;border:1px solid #009688;border-radius:var(--border-radius-2);color:#009688;font-size:.6rem;padding:0 8px}.percent{display:flex;padding:1rem 1.5rem!important}.percent .card_content{align-items:center;display:flex;justify-content:space-between}.percent .card_content .info h3{font-size:.8rem}.percent .card_content .progresss{border-radius:50%;height:92px;position:relative;width:92px}.percent .card_content svg{height:100%;width:100%}.percent .card_content svg circle{fill:none;stroke-width:10;stroke-linecap:round;transform:translate(5px,5px)}.percent .card_content .progresss .percentage{align-items:center;display:flex;height:100%;justify-content:center;left:-1px;position:absolute;top:-3px;width:100%}.percent .status{align-items:center;display:flex;gap:.4rem}.percent .status .dot{border-radius:50%;display:inline-block;height:6px;width:6px}.percent .status .dot.green{background-color:var(--color-success)}.percent .status .dot.red{background-color:var(--color-danger)}.danger-bg{stroke:var(--color-danger);opacity:.3}header{height:3.5rem}.header_content,header{display:flex;width:100%}.header_content{gap:1.5rem;justify-content:space-between;margin:0 auto;padding:0 1.08rem}.header_logo_container{align-items:center;display:flex;gap:.5rem;transition:all .3s ease;width:13.5rem}.header_logo_container.collapsed{width:5.5rem}.header_logo_container img{width:2rem}.header_logo_container .logo_text{display:inline-block;max-width:100%;overflow:hidden;transition:max-width .3s ease,opacity .3s ease;white-space:nowrap;& span{font-size:1.2rem}}.header_logo_container.collapsed .logo_text{max-width:0;opacity:0}.menu_button{background-color:var(--color-white);border-radius:50%;color:var(--color-dark);cursor:pointer;height:40px;justify-self:end;margin:auto 0 auto auto;padding:.5rem;transition:all .3s ease}.menu_button:hover{background-color:var(--color-light);color:var(--color-primary)}.header_logo_container.collapsed .menu_button{transform:rotate(180deg)}.menu_button span{vertical-align:middle}.movil_menu_button{display:none}.header_title{align-self:center;flex:1 1}.header_info_container{align-items:center;display:flex;gap:2rem;justify-content:end}.theme_mode_buttons{align-items:center;background-color:var(--color-light);border-radius:var(--border-radius-1);cursor:pointer;display:flex;height:1.6rem;justify-content:space-between;width:4.2rem}.theme_mode_buttons span{align-items:center;display:flex;font-size:1rem;height:100%;justify-content:center;width:50%}.theme_mode_buttons span.active{background-color:var(--color-primary);border-radius:var(--border-radius-1);color:#fff}.header_profile_container{align-items:center;display:flex;gap:2rem;text-align:end}.info span b{display:inline-block;max-width:13rem;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}@media screen and (max-width:1024px){.header_title{font-size:1.1rem}.profile-photo{display:none}}@media screen and (max-width:768px){.header_profile_container,header .header_logo_container{display:none}.movil_menu_button{display:flex}.header_title{font-size:.9rem}.header_content{padding:0 .5rem}}
/*# sourceMappingURL=main.28fbd467.css.map*/