*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;height:100vh;overflow:hidden}.top-bar{background:#1a252f;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;height:50px;left:0;padding:0 15px;position:fixed;right:0;top:0;z-index:1001}.logo,.top-bar{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700}.logo i{margin-right:10px}.header-title{flex:1;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.logout-btn,.logout-menu{align-items:center;display:flex}.logout-btn{background:none;border:none;color:#fff;cursor:pointer}.logout-btn i{margin-right:5px}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.2rem;margin-right:15px}.main-content{display:flex;height:calc(100vh - 50px)}.sidebar{background:#fafafa;color:#000;display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative;transition:all .3s ease;width:350px;z-index:99999999}.sidebar.collapsed{min-width:50px;width:50px}.sidebar-header{align-items:center;background:none;display:flex;justify-content:space-between;padding:15px;position:absolute;right:10px;top:5px}.sidebar-title{font-size:1.2rem;overflow:hidden;transition:opacity .3s ease;white-space:nowrap}.toggle-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:2px}.search-container{background:#34495e;transition:all .3s ease}.search-input{border:none;border-radius:4px;padding:8px 10px;width:100%}.tabs{border-bottom:1px solidrgb(77,110,143);display:flex;transition:all .3s ease}.tab{background:#ededed;border:1px solid #ededed;cursor:pointer;flex:1;overflow:hidden;padding:5px 15px;text-overflow:ellipsis;white-space:nowrap}.tab.active{background:#fafafa;border-bottom:2px solid #3498db}.tab-content{flex:1;overflow-y:auto;padding:15px;transition:all .3s ease}.tab-pane{display:none}.tab-pane.active{display:block}.map-container{flex:1;height:100%;transition:margin-left .3s ease}#map{height:100%;width:100%}.sidebar.collapsed .search-container,.sidebar.collapsed .sidebar-title,.sidebar.collapsed .tab-content,.sidebar.collapsed .tab-pane1,.sidebar.collapsed .tabs{display:none}.sidebar.collapsed .sidebar-header{justify-content:center}.overlay{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:50px;z-index:999}.overlay.show{display:block}.leaflet-control-accordionlegend-panel{min-width:260px!important}.action-cancel,.action-finishMode,.leaflet-control-accordionlegend-panel h2:nth-child(13){display:none!important}.inputpop{border:1px solid #ccc;border-radius:3px;margin-bottom:2px;width:100%}.inputpopbtn{position:absolute;right:26px;top:62px}.leaflet-pm-icon-save{background:url(/images/save.png?7459d03af8e90d50ba39189e9edbcd5a) 50%!important;background-size:cover!important}#map{height:calc(100% - 80px)}#map .leaflet-marker-icon #map .leaflet-pane img.leaflet-zoom-animated{background:none!important;border-radius:0!important;height:60px!important;margin-left:-18px!important;margin-top:-70px!important;opacity:1!important;width:75px!important}#map .leaflet-marker-icon.leaflet-pane img.leaflet-zoom-animated{height:inherit!important;width:inherit!important}.leaflet-sidebar{max-height:415px!important}.toolBox{border:1px solid #999;border-radius:5px;box-shadow:1px 1px 5px #999;float:none;height:32px;margin:15px 3px;padding:5px;text-align:center;width:32px}.toolBox.active{opacity:.5}.toolBox:hover .bi,.toolBox:hover svg{fill:#6495ed}#sidebar{display:none1;z-index:9999999!important}.ui-autocomplete.ui-front{font-size:11px!important;z-index:99999!important}.highresolution{position:absolute;right:140px;top:10px;width:290px;z-index:9999}.dropdown-menu{z-index:999}.highresolution span{color:#000;display:inline-block;font-size:15px;font-weight:700;margin:0;padding:8px;text-align:left;vertical-align:top}.toggle{background-color:#263238;border:2px solid #546e7a;border-radius:500px;color:#fff;display:inline-block;height:40px;margin:0 auto;outline:0;position:relative;text-decoration:none;transition:all .5s;width:100px}.toggle:active{background-color:#1c2429}.toggle:hover:not(.toggle--moving):after{background-color:#455a64}.toggle:after{background-color:#37474f;border:2px solid;bottom:4px;color:#fff;display:block;font-size:15px;left:4px;line-height:25px;position:absolute;text-align:center;text-transform:uppercase;top:4px;transition:all .5s;width:calc(50% - 4px)}.toggle--on:after{border-radius:50px 5px 5px 50px;color:#66bb6a;content:"On"}.toggle--off:after{border-radius:5px 50px 50px 5px;color:#f44336;content:"Off";transform:translate(100%)}.toggle--moving{background-color:#1c2429}.toggle--moving:after{background-color:#222c31;border-color:#435862;color:transparent;transition:color 0s,transform .5s,border-radius .5s,background-color .5s}.highresolution,.mobileshow{display:none}#map .custom-icon{border-radius:50%}@media only screen and (max-width:800px){.mobilehide{display:none}.mobileshow{display:block}}#map .leaflet-control-container .leaflet-left{left:0!important}#map .leaflet-control-container .leaflet-top{top:45px!important;z-index:9999!important}.button-print{background:green;box-shadow:1px 1px 2px #000;color:#fff;padding:0 10px}.leaflet-control-zoom{display:none}#status .item{border:1px solid #ededed;display:inline-block;padding:1px 7px}#status .item:hover{cursor:pointer}.inputbox-search{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') no-repeat right 10px center;background-size:16px;border:1px solid #ddd;border-radius:5px;font-size:14px;margin:10px 0;max-width:300px;padding:2px 10px;width:78%}.inputbox-search:focus{border-color:#4caf50;outline:none}.table-gps{height:250px;overflow-y:auto;width:100%}table{width:100%}.table-gps thead{background:#ededed;position:sticky;top:0;z-index:1}.table-gps th{font-size:15px}td,th{border-radius:5px;font-size:13px;margin:1px;padding:5px}tr:nth-child(2n){background-color:#ededed}.leaflet-popup-content{font-size:11px!important;margin:0 4px!important;min-width:inherit!important}.leaflet-popup-content-wrapper{border-radius:0!important;padding:1px 4px;text-align:left}.leaflet-popup-close-button{display:none}.alert{animation:fadeIn .3s,fadeOut .5s 2.5s forwards;border:1px solid transparent;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);left:20px;margin-bottom:20px;max-width:300px;padding:15px;position:fixed;top:250px;z-index:9999}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-error{background-color:#f2dede;border-color:#ebccd1;color:#a94442}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.vehicleInfo{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:5px;overflow:hidden;padding:10px}.header{background-color:#2c3e50;color:#fff}.header img,.headerinfo{display:inline-block;font-weight:700}.headerinfo{line-height:24px;padding:15px}.status-badge{border-radius:20px;display:inline-block;font-size:12px!important;margin-top:-10px;padding:0 10px}.status-halt{background-color:#e74c3c;color:#fff}.status-moving{background-color:#2ecc71;color:#fff}.info-section{border-bottom:1px solid #eee;font-size:14px!important;padding:0 5px}.info-row{display:flex;margin-bottom:2px}.info-label{color:#7f8c8d;font-weight:700;width:120px}.info-value{flex:1}.photo-row{align-items:center;display:flex;gap:2px;margin-top:1px}.vehicle-photo{border:0 solid #ddd;height:80px;width:80px}.driver-photo{border:1px solid #2c3e50;border-radius:50%;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.photo-details{flex:1;padding:0 10px}@media (max-width:780px){.hidden1{display:none}}@media (max-width:10px){.info-row{flex-direction:column}.info-label{margin-bottom:3px;width:auto}.photo-row{flex-direction:column;text-align:center}.vehicle-photo{height:auto;max-height:150px;width:100%}}.vehicleInfo{border-top:1px solid #006400;display:inline-block;margin:0 0 10px;padding:4px;width:100%}.header-main{margin-bottom:-10px;width:40%}.header-info,.header-main{display:inline-block;padding:0}.header-info{margin:0;width:57%}.vehicle-photo{border-radius:4px;height:125px;width:125px}.objects{color:#000;font-size:22px;font-weight:700;text-decoration:underline}.vehicleInfo .column{color:#000;font-style:italic;font-weight:300}.vehicleInfo .column span{font-size:16px;font-style:normal;font-weight:700!important}.btnPanel{float:right;position:relative}.btnPanel .btn{display:inline-block;margin-top:5px}span.speed{color:green;font-size:15px;font-weight:300!important}.trackHistory{background:#dcdcdc;border:1px solid;border-radius:3px;color:#000;cursor:pointer;display:inline-block;height:30px;left:-35px;padding:6px;position:absolute;top:5px;width:30px}.leaflet-tooltip-right{margin-left:25px}.leaflet-tooltip{color:#000;padding:1px 5px}.fa-click,.trackHistoryD{cursor:pointer}.ui-dialog{background:#fafafa;border:1px solid #ccc;border-radius:3px;box-shadow:1px 1px 3px #999;z-index:9999999}.ui-dialog-titlebar-close{background:url(https://code.jquery.com/ui/1.13.2/themes/base/images/ui-icons_777777_256x240.png) no-repeat -96px -128px!important;display:block!important}.ui-dialog-buttonpane{display:none!important}.fa-click:hover,.trackHistoryD:hover{color:green}#tableBody .vTime{color:#333;font-size:11px;font-style:italic}.vehicleInfo .vType span{font-size:13px}#tableBody td{padding-left:0!important}.trackHistoryD.isActive{color:red}#controls{bottom:50px;box-shadow:0 0 10px rgba(0,0,0,.2);position:absolute;right:10px;top:10px;z-index:1000}#controls,.legend{background:#fff;border-radius:5px;padding:10px}.legend{color:#555;line-height:16px}.legend i{float:left;height:15px;margin-right:8px;opacity:.7;width:15px}.leaflet-popup-content{border-radius:3px;font-size:13px!important;padding:10px}hr.bordered{display:block;height:1px;margin:5px 0;position:relative}.pHeading{background-color:#ddd;box-shadow:1px 1px 0;margin:0 -22px 17px;padding:17px}