@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);:root{--accent:#66c011;--base-color:#505a64;--dark-primary:#0097a7;--error:#f44336;--gray:#757575;--info:#2196f3;--light-gray:#00000014;--light-primary:#b2ebf2;--menu-primary-text:#afb3b8;--primary:#0074ff;--secondary:#757575;--success:#0097a7;--text-color:#000c;--text-primary:#fff;--warning:red;--color-dark:#363949;--color-background:#f6f6f9;--primary-hover:#2688ff;--text-field-bg:#f9f9f9;--bg-color-hover:#e9e9e9;--box-shadow-primary:0 0 10px 5px var(--light-gray);--box-shadow-3D:0 1rem 3rem #848bc82e;--high-level:#ff5a5e;--normal-level:#fed100;--low-level:#0074ff}*{box-sizing:border-box;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;margin:0;padding:0;scroll-behavior:smooth}*,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f6f6f9;background-color:var(--color-background);color:#363949;color:var(--color-dark);font-size:.9rem;overflow-x:hidden;width:100vw}body.no-scroll{overflow:hidden}.svg_icon{height:25px;width:25px}.button{background:#0074ff;background:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;height:50px;margin:auto 0;padding:15px}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{display:none;opacity:0}}.App{height:100vh}.App,.loading_overlay_container{display:flex;flex-direction:column}.loading_overlay_container{align-items:center;justify-content:center;min-height:200px}.loading_overlay_contained{transform:scale(.7)}.lds-ring div:first-child{animation-delay:-.45s}.floating_button{background:#0000;border:none;bottom:20px;cursor:pointer;position:fixed;right:20px;transition:all .2s ease;z-index:1000}.floating_button:hover{transform:scale(1.2)}.floating_button img{vertical-align:middle;width:40px}.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:0 0 10px 5px var(--light-gray);display:flex;flex-direction:column;gap:40px;padding:40px;width:400px;z-index:2}.login_logo{margin:0 20px}.login_form{display:flex;flex-direction:column}.login_form h2{color:var(--text-color);font-size:24px;margin-bottom:10px;text-align:center}.login_form label{margin:15px 0 10px}.input_container{align-items:center;background-color:var(--text-field-bg);border:1px solid #ccc;border-radius:5px;display:flex;height:45px;margin-bottom:5px;position:relative;transition:border-color .3s ease}.input_container input{background-color:initial;border:none;flex:1 1;font-size:16px;height:100%;outline:none;padding-left:2.5rem}.input_icon{color:var(--secondary);margin:0 10px;pointer-events:none;position:absolute;transition:color .3s ease}.input_container:focus-within .input_icon,.input_container:focus-within .toggle_password{color:var(--primary)}.input_container.error{border-color:var(--error)}.error_message,.form_label.error,.input_container.error .input_icon,.input_container.error .toggle_password,.input_container.error input,.input_icon.error{color:var(--error)}.error_message{font-size:12px;margin-top:5px}.toggle_password{align-items:center;background:none;border:none;color:var(--secondary);cursor:pointer;display:flex;padding:9px 10px;transition:color .3s ease}.input_container input:focus{outline:none}.input_container:focus-within{border-color:var(--primary)}.login_form button[type=submit]{background-color:var(--info);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:var(--primary)}.loading_overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading_blur{filter:blur(3px);pointer-events:none}.lds-ring{color:var(--primary)}.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}y.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)}}.header_bg_container{background-color:#0074ff;box-shadow:var(--box-shadow-3D);display:flex;height:80px;justify-content:center;position:fixed;top:0;transform:translateY(0);transition:transform .3s ease-in-out;width:100%;z-index:1000}.header_bg_container.hidden{transform:translateY(-90px)}.header_container{align-items:center;display:flex;justify-content:center;padding:0 20px;width:100%}.header_logo_container{border:2px solid #fff;border-radius:10px;left:1.5rem;margin-left:10px;position:absolute}.header_logo img{height:40px;vertical-align:middle}.header_tabs_container{background-color:initial;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.menu_text_btn{background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:10px;transition:all .3s ease-in-out}.menu_text_btn:hover{color:#ccc}.menu_text_btn span{vertical-align:middle}.header_user_container{align-items:center;background-color:#fff;border-radius:20px;box-shadow:var(--box-shadow-primary);display:flex;padding:5px 10px}.header_user_data_container{align-items:center;background-color:initial;border:none;color:var(--text-color);cursor:default;display:flex;gap:5px}.header_user_icon_container{align-items:center;border:2px solid var(--text-color);border-radius:100%;display:flex;height:36px;justify-content:center;width:36px}.header_user_data{display:flex;flex:1 1;flex-direction:column;text-align:start}.header_userName{font-size:14px;font-weight:700}.header_userID_container{display:flex}.header_userID{font-size:12px;opacity:.8}.header_userID_btn_copy{background-color:initial;border:none;cursor:pointer;margin-left:5px;opacity:0;transition:opacity .1s linear;vertical-align:middle}.header_userID_btn_copy span{font-size:17px;opacity:.8;transform:scaley(-1);vertical-align:middle}.header_userID_container:hover .header_userID_btn_copy{opacity:1}.header_logout_btn{align-items:center;background-color:var(--color-background);border:1px solid #0000;border-radius:30px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.header_logout_btn:hover{background-color:var(--bg-color-hover)}.menu_container{position:relative}.menu_button{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:20px;box-shadow:var(--box-shadow-primary);color:var(--text-color);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:15px;padding:13px 15px 13px 13px;transition:all .3s ease-in-out;width:auto}.menu_button.visible{width:100%}.menu_button:hover{background-color:var(--bg-color-hover)}.nav_menu{background-color:#fff;border:0 solid #8593a0;border-radius:5px;box-shadow:0 4px 8px #0000001a;height:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 19px);transition:all .3s ease-in-out;width:300px;z-index:1000}.nav_menu.visible{border-width:1px;height:270px}.menu_list{list-style:none;margin:0;padding:0}.mobile_devices_button,.mobile_menu_button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;font-style:italic;gap:.5rem;z-index:1100}.mobile_menu_container{background-color:#0074ff;box-shadow:-4px 0 8px #0003;display:none;flex-direction:column;height:100vh;padding:10px 0;position:fixed;right:-100%;top:80px;transition:all .3s ease-in-out;width:300px;z-index:1000}.mobile_menu_container.visible{right:0}.mobile_menu_container.hidden{right:-100%}.logout_btn_container{margin-bottom:calc(1rem + 90px);margin-top:auto;padding:8px;transition:all .3s ease-in-out;&:hover{background-color:var(--primary-hover)}}.header_bg_container.hidden .logout_btn_container{margin-bottom:1rem}.logout_btn{align-items:center;background-color:initial;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:15px;justify-content:start;padding:10px;transition:all .3s ease;width:100%;& span{font-weight:600}}@media screen and (max-width:1024px){.mobile_devices_button,.mobile_menu_button,.mobile_menu_container{display:flex}.header_tabs_container,.header_user_container{display:none}.header_container{justify-content:space-between}.header_logo_container{margin-left:0;position:static}}.header_tabs_container .tab_container{background-color:#fff;border:1px solid #0000;border-radius:25px;box-shadow:var(--box-shadow-primary);display:flex;height:2.5rem;margin:auto 0;max-width:40px;overflow:hidden;transition:all .3s ease-in-out;width:auto}.header_tabs_container.text_visible .tab_container{max-width:300px}.header_tabs_container .tab_container.drag-preview{border:1px dashed #fff;opacity:.3;transform:scale(.9)}.header_tabs_container .tab_container:hover{background-color:var(--bg-color-hover)}.mobile_menu_container .tab_container{padding:8px}.mobile_menu_container .tab_container:hover{background-color:var(--primary-hover)}.mobile_menu_container .tab_container.drag-preview{border:1px dashed #fff;opacity:.3}.tab_container_ref{align-items:center;color:var(--text-color);display:flex;font-weight:700;gap:10px;padding:0 15px 0 8.5px;text-decoration:none;-webkit-user-select:none;user-select:none}.mobile_menu_container .tab_container_ref{color:var(--text-primary)}.tab_container_ref svg{height:22px;min-width:22px;width:22px}.mobile_menu_container .tab_container_ref svg .cls-1{fill:#fff!important}.tab_text{font-size:.8rem;white-space:nowrap}.main-screen_bg_container{display:flex;flex:1 1;justify-content:center;margin-top:80px;width:100%}.main-screen_container{display:flex;gap:20px;width:100%}.main-screen_central_panel{flex:1 1 auto;padding:20px 20px 20px 0}.select_range_report_container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.select_range_report_container>div{align-items:center;display:flex;flex-direction:column;gap:1rem}.main-screen_left_panel{flex:none;padding:20px 0 20px 20px;transition:all .5s ease-in-out}.main-screen_devices_header_container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:0 3px 0 10px;position:relative}.main-screen_devices_header_container:after{background-color:#0074ff;border-radius:20px;bottom:-3px;content:"";height:3px;position:absolute;width:65%}.main-screen_devices_header{font-family:Rubik;font-size:1.5rem;font-style:italic;font-weight:700;text-transform:uppercase;transition:all .5s ease}.main-screen_left_panel_btn{background-color:initial;border:none;border-radius:50%;cursor:pointer;padding:7px;transition:all .3s ease}.main-screen_left_panel_btn:hover{background-color:var(--bg-color-hover)}.main-screen_left_panel_btn span{font-size:25px;vertical-align:middle}.main-screen_section_container{display:flex;flex-direction:column;gap:2rem}@keyframes fadeOutCollapse{0%{height:40px;opacity:1}to{height:0;opacity:0}}@keyframes fadeInExpand{0%{height:0;opacity:0}to{height:40px;opacity:1}}.search-field-wrapper{animation-fill-mode:forwards}.search-field-wrapper.retracted{animation:fadeOutCollapse .3s ease forwards}.search-field-wrapper.expanded{animation:fadeInExpand .3s ease forwards}.section_container .section_grid_container{max-height:5000px;transition:all .5s ease}.section_container.collapsed .section_grid_container{max-height:0;overflow-y:hidden;transition:all .5s ease}.dashboard_card{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow-3D);height:fit-content;padding:10px;position:relative;transition:all .3s ease}.dashboard_card:has(#loader_container){overflow-y:hidden}.section_container .dashboard_card{padding:1.2rem 25px}.section_grid_container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(150px,1fr))}.main-screen_devices_container{display:flex;flex-direction:column;gap:3px;max-height:78vh;overflow:hidden;position:sticky;top:100px;transition:all .3s ease-in-out;width:280px}.header_bg_container.hidden+.main-screen_bg_container .main-screen_devices_container{max-height:87.9vh;transform:translateY(-90px)}.devices_container{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.main-screen_left_panel.retracted .main-screen_left_panel_btn{transform:rotate(180deg)}.main-screen_left_panel.retracted .main-screen_devices_container{width:75px}.main-screen_left_panel.retracted .main-screen_devices_header_container{justify-content:center;padding:0 5px}.main-screen_left_panel.retracted .main-screen_devices_header{animation:fadeOut .3s forwards;opacity:0}.section_header_container{align-items:center;display:flex;gap:10px 20px;margin-bottom:20px}.section_icon_header{background-color:#e9ecf4;border-radius:20px;padding:10px;& svg{height:1.8rem;vertical-align:middle;width:1.8rem}& svg .cls-1{fill:#0074ff!important}}.section_header{font-family:Rubik;font-size:1.7rem;font-style:italic;font-weight:700;text-transform:uppercase}.collapse_section_button{background-color:initial;border:none;border-radius:50%;cursor:pointer;margin-right:1rem;padding:4px;transition:all .3s ease;&:hover{background-color:#e5e5e5}}.collapse_section_button span{font-size:2rem;transition:all .5s ease;vertical-align:middle}.section_container.collapsed .collapse_section_button span{transform:rotateX(180deg);transform-origin:center}.download_button{background-color:#1dab91;border:none;border-radius:.5rem;color:#fff;cursor:pointer;margin:auto 0 auto auto;padding:7px;transition:all .3s ease}.download_button span{font-size:1.4rem;vertical-align:middle}.download_button:hover{background-color:#1b9c85}.card_small{display:flex;flex:1 1 200px;flex-direction:column;height:auto}.card_short{grid-column:span 2}.card_large,.card_top_large.card_short{grid-column:span 4}.card_small .dashboard_card_header_container{height:1.5rem;& .dashboard_card_title{font-size:1rem;white-space:nowrap}}.card_short .dashboard_card_title{font-size:1rem}.card_large .dashboard_card_title,.card_top_large .dashboard_card_title{font-size:1rem}.small_cards_container{display:flex;flex-wrap:wrap;gap:1.5rem}.chart_bottom_container{display:flex;margin-top:15px;place-content:center space-between}.chart_period_container{display:flex;gap:20px}.chart_period_container>div{align-content:center}.period_date{font-size:.75rem;font-weight:300}.card_header_flex{display:flex;gap:20px;justify-content:space-between}.card_large:not(.card_top_large) .dashboard_card_header_container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.card_short .dashboard_card_header_container{display:flex;flex-direction:column}.dashboard_card_content_container{max-height:700px;overflow-y:auto}.dashboard_card_view_more{background:#0000;border:none;color:#0074ff;cursor:pointer;font-size:.7rem;font-weight:300;margin-bottom:10px;margin-top:5px;opacity:.8;padding:3px 0;width:fit-content}.row_content{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:500px;justify-content:space-between;width:100%}.row_content .multi_chart_container{flex:1 1 30%;min-width:400px}.row_content select{margin-left:0}.config_chart_container{display:flex;gap:20px}.row_content .config_chart_container{flex:1 1 20%;flex-direction:column;min-width:400px}.row_content .config_chart_container>div:not(:last-child){display:flex;gap:50px;justify-content:space-between}.card_config_container{display:flex}.card_top.card_short .card_config_container{margin-bottom:10px}.row_content .chart_bottom_container{margin-top:0}.chart_compare_button,.chart_toggle_button{background-color:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:15px 20px;transition:all .2s ease}.chart_compare_button:hover,.chart_toggle_button:hover,.restart_zoom_btn:hover{background-color:#048af7}.selector{border-radius:5px;cursor:pointer;font-size:.7rem;padding:8px 4px;position:relative}.selector,.selector option{font-weight:400}.card_short .selector{margin-left:0;width:max-content}.top_items_container{display:flex;flex-direction:column;gap:10px;justify-content:space-between;min-width:fit-content}.top_items_header_container{display:flex;gap:10px;text-align:center}.top_items_header_container>span:first-child{flex:1 1;text-align:start}.top_items_header_container.many_items>div span:not(:first-child),.top_items_header_container>span:not(:first-child){font-size:.75rem;width:150px}.top_items_header_container.many_items>div span span,.top_items_header_container>span span{font-weight:400}.top_items_header_container.many_items>span:not(:first-child){width:300px}.top_items_header_container.many_items>div{display:flex;flex-wrap:wrap;justify-content:space-between;width:300px;& span:first-child{flex:1 1 100%}}.restart_zoom_btn{background:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;height:50px;margin:auto 0;padding:15px}.high{color:var(--high-level)}.normal{color:var(--normal-level)}.low{color:var(--low-level)}.switch_container{align-items:center;display:flex;gap:10px}.switch{display:inline-block;height:30px;margin:auto 0;position:relative;width:55px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(24px)}.switch-label{color:#333;font-size:16px}.multi_chart_container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.multi_chart_container .pie_chart_container{align-items:center;display:flex;flex:1 1 400px;flex-direction:column;gap:10px;justify-content:center;max-width:400px;min-height:400px;position:relative}.pie_chart_container span{left:50%;position:absolute;text-align:center;top:calc(50% - 10px);transform:translate(-50%,-50%);transform-origin:center}.tabs_container{border-radius:0 5px 5px 5px;display:flex;height:400px;margin-top:-1px}.card_chart .tabs_container{flex-direction:column}.legends_container{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;width:100%;& button{align-items:center;background-color:initial;border-color:#0000;cursor:pointer;display:flex;gap:.3rem;padding:.5rem;transition:all .3s ease}& button:hover{background-color:#f4f4f4}& button span:first-child{border-radius:50%;height:8px;width:8px}& button span:last-child{font-size:.65rem;font-weight:400}}.tabs{display:flex;gap:5px}.tabs button{background-color:#3f8be8;border:1px solid #8593a0;border-bottom:#0000;border-radius:5px 5px 0 0;color:#fff;cursor:pointer;font-size:.7rem;padding:10px 15px;transition:background-color .3s}.tabs button:hover{background-color:var(--primary)}.tabs button.active{background-color:#fff;border-bottom:1px solid #fff;color:var(--primary)}.table_container{height:500px;overflow:auto;width:100%}.table_container table{border-collapse:collapse;width:100%}.table_container table thead{position:sticky;top:0;z-index:3}#mileage_section .table_container table tbody tr td:first-child,#mileage_section .table_container table thead tr:first-child th:first-child{left:0;min-width:10rem;position:sticky;z-index:2}.table_container table tbody tr:nth-child(2n) td:first-child{background-color:#f2f2f2}.table_container table tbody tr:nth-child(odd) td:first-child{background-color:#fff}.table_container table th{border:1px solid #ddd;color:#fff;font-weight:700;padding:10px;text-align:center;white-space:nowrap}.table_container table tr:last-child th{font-size:.65rem}.table_container table th:not(.previous_data){background-color:var(--primary)}.previous_data{background-color:var(--success)}.table_container table td{border:1px solid #ddd;font-size:.65rem;padding:5px 10px;text-align:center;white-space:nowrap;width:max-content}.table_container table td:first-child{font-size:.7rem}.table_container table tbody tr:hover{background-color:#ddd}.table_container table tr:nth-child(2n){background-color:#f2f2f2}.table_container table tbody tr:hover td:first-child{background-color:#ddd}.table_container table tbody td.total-cell{background-color:#f6f6f6;color:#333;font-weight:700}.table_container table tbody tr:hover td.total-cell{background-color:#ddd}.table_container table td:first-child{text-align:left}.checkbox-container,.group_header{align-items:center;display:flex}.group_header{cursor:pointer;padding:10px;transition:all .3s ease;white-space:nowrap;&:hover{background-color:#e2ecf9}&>span:last-child{margin-left:auto;margin-right:6px}}.group_header.retracted>span{animation:fadeOut .3s forwards;opacity:0}.group_title{font-size:.8rem;font-weight:600;overflow-x:hidden;text-overflow:ellipsis}.group_devices{display:flex;flex-direction:column;gap:.3rem}.device-group h3{margin-bottom:.3rem;padding:0 10px}.main-screen_devices_container .checkbox-container{margin:10px}.main-screen_devices_container .checkbox-container .custom-checkbox,.main-screen_left_panel:not(.retracted) .main-screen_devices_container .checkbox-container .custom-checkbox{justify-content:space-between;width:100%}.custom-checkbox{align-items:center;cursor:pointer;display:inline-flex;font-size:16px;margin-left:8px;margin-right:10px;position:relative}.main-screen_left_panel.retracted .custom-checkbox{margin-left:10px}.custom-checkbox .checkbox_text{font-size:.8rem;white-space:nowrap}.main-screen_left_panel:not(.retracted) .devices_container .custom-checkbox{margin-left:7px}.main-screen_left_panel.retracted .checkbox_text{animation:fadeOut .3s forwards;opacity:0}.custom-checkbox input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#eee;border:2px solid #007bff;border-radius:4px;display:inline-block;height:1rem;transition:background-color .3s,border-color .3s;width:1rem}.custom-checkbox input:checked+.checkmark{background-color:#007bff}.custom-checkbox input:indeterminate+.checkmark{background-color:#007bff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="0 0 16 16"><rect width="10" height="2" x="3" y="6" /></svg>');background-position:50%;background-repeat:no-repeat;background-size:80%}.custom-checkbox input:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;position:absolute;right:6px;top:2px;transform:rotate(45deg);width:3px}.top_complete_period_container{display:flex;justify-content:space-between}.vertical_separator{background-color:#ccc;border-radius:50%;margin-top:20px;width:2px}.increment_input_container{align-items:center;display:flex;gap:10px;margin-left:auto}.increment_input_container label{font-size:.7rem;font-weight:400}.increment_input_container input{border:1px solid #8593a0;border-radius:4px;font-size:.7rem;font-weight:400;height:auto;padding:6px;width:70px}.increment_input_container span{font-size:.7rem;font-weight:400;margin-left:.5rem}.text_no_vehicles{display:block;font-style:italic;opacity:.8;padding-top:10px;text-align:center}.text_duplicated{font-size:.8rem;font-weight:300}.duplicate_card_btn{background-color:initial;border:none;border-radius:5px;cursor:pointer;padding:8px;transition:all .3s ease-in-out}.card_short .duplicate_card_btn{position:absolute;right:15px;top:15px}.duplicate_card_btn span{font-size:1.3rem;vertical-align:middle}.duplicate_card_btn.active{background-color:var(--primary);color:#fff}.duplicate_card_btn:hover{background-color:var(--info);color:#fff}.duplicate_card_btn:active{background-color:var(--primary)}.main-screen_left_panel.hidden{left:-100%}.main-screen_left_panel.visible{left:0}.zoom-message{animation:fadeIn .3s ease-in-out;background-color:#000000bf;border-radius:8px;color:#fff;font-size:14px;padding:10px 20px;position:absolute;right:0;top:0;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){.main-screen_left_panel{position:fixed;z-index:10}.main-screen_central_panel{padding:20px}.main-screen_devices_container{max-height:82vh}.main-screen_devices_header_container{display:none}}@media screen and (max-width:768px){.main-screen_central_panel{width:100%}.card_short{grid-column:span 4}.section_icon_header svg{height:2.2rem;width:2.2rem}.main-screen_section_container section:nth-child(3) .section_header{font-size:1.1rem}.section_header_container{flex-wrap:wrap;justify-content:center}.section_header{font-size:1.4rem}.card_large .dashboard_card_title,.card_top_large .dashboard_card_title{font-size:1.2rem}.card_large:not(.card_top_large) .dashboard_card_header_container{gap:1rem;justify-content:center}.dashboard_card_header_container{justify-content:center;&>button,&>span{margin:0 auto;text-align:center}}.section_grid_container{grid-template-columns:1fr}.card_header_flex,.dashboard_card_header_container{flex-wrap:wrap;justify-content:center}.chart_bottom_container{flex-direction:column;gap:1rem}.card_config_container{flex-direction:column;justify-content:center;margin:0 auto}.card_short .date_range_selector{margin:0 auto}.table_container table tbody tr td:first-child,.table_container table thead tr:first-child th:first-child{position:static!important}.config_chart_container{flex-wrap:wrap;justify-content:center}.tabs:has(.increment_input_container){flex-direction:column-reverse;gap:1rem;& .increment_input_container{margin:0 auto}}.level_type_container{flex-wrap:wrap;height:140px!important}.section_container{max-height:7000px}.time_pickers_container{display:flex;flex-direction:column;gap:.5rem}.card_short .duplicate_card_btn{align-self:flex-end;position:static;width:fit-content}}.card_mileage_chart{grid-column:span 4}.card_mileage_top{grid-column:span 2}.mileage_chart_bottom_container{display:flex;margin-top:15px;place-content:center space-between}.mileage_chart_period_container{display:flex;gap:20px}.mileage_chart_period_container>div{align-content:center}.mileage_chart_period_container>div span:last-child{font-weight:300}.itemTop_container{align-items:center;display:flex;gap:10px}.itemTop_index{display:inline-block;font-size:.75rem;text-align:center;width:var(--item-index-width)}.itemTop_container img{background:#e9ecf4;border-radius:5px;height:18px;padding:4px;width:28px}.itemTop_data_container{display:flex;flex-direction:column;font-size:.75rem;font-weight:400;gap:5px;text-align:end}.itemTop_data_container.many_items{flex-direction:row;gap:0}.itemTop_data_container span{width:150px}.itemTop_name{flex:1 1;font-size:.75rem;font-weight:400;min-width:100px}.date_range_selector{background-color:#f4f4f4;border-radius:20px;display:flex;gap:8px;height:2.1rem;margin-left:10px;padding:4px;position:relative}.card_short .date_range_selector{margin-left:0;width:max-content}.date_range_button{background:none;border:none;border-radius:12px;color:#666;cursor:pointer;font-size:.65rem;padding:0 10px;position:relative;transition:color .2s;z-index:1}.date_range_button.active{color:#000}.date_range_selector:before{background-color:#fff;border-radius:15px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s ease;z-index:0}.date_range_selector.position-0:has(button:first-child:only-child):before{transform:translateX(0);width:calc(100% - 8px)}.date_range_selector.position-0:has(button:nth-child(2)):before{transform:translateX(0);width:calc(50% - 8px)}.date_range_selector.position-1:has(button:nth-child(2)):before{transform:translateX(115%);width:calc(50% - 8px)}.date_range_selector.position-0:has(button:nth-child(3)):before{transform:translateX(0);width:calc(33.33% - 8px)}.date_range_selector.position-1:has(button:nth-child(3)):before{transform:translateX(110%);width:calc(33.33% - 8px)}.date_range_selector.position-2:has(button:nth-child(3)):before{transform:translateX(230%);width:calc(33.33% - 8px)}.card_stopped_time_top{grid-column:span 4}.period_table{border-collapse:collapse;width:100%}.period_table td,.period_table th{border:1px solid #ddd;padding:8px;text-align:center}.period_table th{background-color:var(--primary);color:#fff;font-weight:700}.period_table tr:nth-child(2n){background-color:#f9f9f9}.period_table tr:hover{background-color:#f2f2f2}.vehicle-columns{display:flex;flex-wrap:wrap;gap:20px}.vehicle-column{border-radius:8px;flex:1 1 360px}.vehicle-column .increment_input_container{gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.vehicle_container{display:flex;flex-direction:column;height:calc(100% - 40px - .5rem)}.vehicle_container h3{margin-bottom:.5rem}.vehicle_container>div{height:100%;transition:all .3s ease}.vehicle_container>div.hovered{background-color:#f0f8ff}.vehicle_container .itemTop_container{padding:.5rem;&:hover{background-color:#edf0f3}}.fuel_stats_container{display:flex;flex-direction:column;gap:1rem;grid-column:span 4;& .date_range_selector{margin:0 auto;width:max-content}& select option{cursor:pointer}}.level_type_container{height:47px;justify-content:space-between;margin:.5rem 0;overflow:hidden}.level_type_container,.level_type_container>div:first-child{align-items:center;display:flex}.level_type_container>div:first-child span:first-child{margin-right:20px}.level_type_container>div:first-child label{align-items:center;cursor:pointer;display:flex;gap:5px;margin-right:10px}.level_type_container>div:first-child label input{accent-color:#007bff;cursor:pointer;height:.8rem;width:.8rem}.level_type_container>div:first-child label span{color:#333;font-size:.7rem;font-weight:400}.radio-button{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;margin-right:15px}.radio-button input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #007bff;border-radius:50%;cursor:pointer;height:16px;outline:none;transition:background-color .2s ease,border-color .2s ease;width:16px}.radio-button input[type=radio]:checked{background-color:#007bff;border-color:#0056b3}.radio-button input[type=radio]:hover{border-color:#0056b3}.values_container{display:flex;gap:.7rem}.values_container>span:first-child{font-size:2.4rem}.card_small .dashboard_card_content_container{display:flex;flex-direction:column;justify-content:space-between;&>span{font-weight:300}}.values_container>div{display:flex;flex-direction:column;margin:auto 0;& span:first-child{white-space:nowrap}}.select_report_container{align-items:center;background-color:#f0f0f0;border-radius:30px;display:flex;gap:.5rem;justify-content:center;margin:0 auto 1rem;padding:5px;width:fit-content}.select_report_container button{background-color:initial;border:none;border-radius:30px;color:#555;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .3s ease;z-index:1}.select_report_container button.selected{background-color:#007bff;background-color:var(--primary,#007bff);color:#fff;z-index:2}.time_pickers_container{display:flex;gap:1rem}.device_container{-ms-overflow-style:none;align-items:center;border-radius:10px;display:flex;justify-content:center;padding:10px;scrollbar-width:none;white-space:nowrap}.device_container::-webkit-scrollbar{display:none}.device_container:hover{background-color:#f0f3f8;cursor:pointer;& .device_name{width:28ch}}.group_header:not(.retracted)+.group_devices .device_container:hover>span:last-child{display:inline}.device_container.visible{background-color:#f0f3f8;opacity:.8;& .device_name{width:28ch}}.group_header:not(.retracted)+.group_devices .device_container.visible>span:last-child{display:inline}.device_icon{border-radius:20px;color:var(--icon-color);padding:4px}.device_icon span{font-size:22px;vertical-align:middle}.device_name{font-size:.8rem;margin-left:10px;overflow:hidden;text-overflow:ellipsis;width:100%}.group_header.retracted+.group_devices .device_container .device_name{animation:fadeOut .3s forwards;opacity:0}.device_container>span:last-child{display:none;font-size:20px;margin-left:auto}
/*# sourceMappingURL=main.df99e874.css.map*/