.toggle-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.toggle-wrap.half-w{width:50%}.toggle-wrap .label-wrap{width:calc(100% - 140px)}.toggle-wrap .label-wrap.full{width:100%}.toggle-wrap .custom-switch{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;width:80px;min-width:80px}[dir] .toggle-wrap .custom-switch{padding-top:5px}[dir=ltr] .toggle-wrap .custom-switch{float:left;padding-right:20px}[dir=rtl] .toggle-wrap .custom-switch{float:right;padding-left:20px}[dir=ltr] .toggle-wrap .custom-switch.float-r{float:right}[dir=rtl] .toggle-wrap .custom-switch.float-r{float:left}.toggle-wrap .custom-switch.w-auto{width:auto}[dir] .toggle-wrap .custom-switch .switch-label{padding-top:2px}[dir=ltr] .toggle-wrap .custom-switch .switch-label{padding-left:14px}[dir=rtl] .toggle-wrap .custom-switch .switch-label{padding-right:14px}.toggle-wrap .custom-switch input[type=checkbox]{height:0;width:0;visibility:hidden}.toggle-wrap .custom-switch .toggle{text-indent:-9999px;width:60px;height:30px;display:block;position:relative;color:#000}[dir] .toggle-wrap .custom-switch .toggle{cursor:pointer;background:#e5e4df;border-radius:100px}.toggle-wrap .custom-switch .toggle:after{content:"";position:absolute;top:5px;width:20px;height:20px;transition:.3s}[dir] .toggle-wrap .custom-switch .toggle:after{background:#fff;border-radius:50%;-webkit-transition:.3s}[dir=ltr] .toggle-wrap .custom-switch .toggle:after{left:5px}[dir=rtl] .toggle-wrap .custom-switch .toggle:after{right:5px}.toggle-wrap .custom-switch input:checked+.toggle{color:#fff}[dir] .toggle-wrap .custom-switch input:checked+.toggle{background:#0f4c81}[dir=ltr] .toggle-wrap .custom-switch input:checked+.toggle:after{left:calc(100% - 5px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}[dir=rtl] .toggle-wrap .custom-switch input:checked+.toggle:after{right:calc(100% - 5px);-webkit-transform:translateX(100%);transform:translateX(100%)}.toggle-wrap .custom-switch .toggle:active:after{width:130px}.grid-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.grid-navigation.is-mobilize .grid-navigation-btns-wrap .grid-navigation-btn.selected{color:#fff}[dir] .grid-navigation.is-mobilize .grid-navigation-btns-wrap .grid-navigation-btn.selected{background-color:#000}.grid-navigation.is-mobilize .grid-navigation-btns-wrap .grid-navigation-btn:hover{color:#f45000}.grid-navigation .grid-navigation-current{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;line-height:35px}[dir] .grid-navigation .grid-navigation-current{text-align:center}.grid-navigation .grid-navigation-current span{font-weight:700}.grid-navigation .grid-navigation-btns-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:390px}.grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn{height:35px;width:35px;font-size:1.1rem;font-weight:700;color:#000;transition:color .4s ease-out}[dir] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn{border-radius:50%;border:0;background-color:#f0f0f0;-webkit-transition:color .4s ease-out;cursor:pointer}[dir] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn:disabled{cursor:auto}.grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn:hover{color:#0f4c81}.grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.prev-page{font-size:1.3rem}[dir=ltr] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.prev-page{margin-left:7px}[dir=rtl] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.prev-page{margin-right:7px}.grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.next-page{font-size:1.3rem}[dir=ltr] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.next-page{margin-right:7px}[dir=rtl] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.next-page{margin-left:7px}.grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.selected{color:#fff}[dir] .grid-navigation .grid-navigation-btns-wrap .grid-navigation-btn.selected{background-color:#0f4c81}.grid-navigation .grid-navigation-btns-wrap .current-page{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:35px}[dir] .grid-navigation .grid-navigation-btns-wrap .current-page{margin:0 14px}.grid-navigation .grid-navigation-btns-wrap .current-page span{font-weight:700}[dir] .grid-navigation .grid-navigation-btns-wrap .current-page span{padding:0 10px}.grid-navigation .grid-navigation-btns-wrap .current-page .page-input{width:70px;height:25px;font-size:1rem;font-weight:700;vertical-align:middle}[dir] .grid-navigation .grid-navigation-btns-wrap .current-page .page-input{text-align:center;border:1px solid #ccc;border-radius:4px;margin:0 10px;padding:0 5px}.grid-navigation .grid-navigation-btns-wrap .current-page .page-input:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(220,53,69,.2)}[dir] .grid-navigation .grid-navigation-btns-wrap .current-page .page-input:focus{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.2)}@media(max-width:640px){.grid-navigation{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.grid-navigation,.grid-navigation .grid-navigation-btns-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-navigation .grid-navigation-btns-wrap{-ms-flex-item-align:center;align-self:center}}.export-btn{position:relative;min-width:103px}.export-btn .loader-circles{height:100%;width:100%}.export-btn .loader-circles .lds-ripple{top:62%}[dir=ltr] .export-btn .loader-circles .lds-ripple{left:57%}[dir=rtl] .export-btn .loader-circles .lds-ripple{right:57%}.export-btn .loader-circles .lds-ripple div{-webkit-transform:scale(.5)}[dir] .export-btn .loader-circles .lds-ripple div{border:2px solid #fff;transform:scale(.5)}.grid-export-load-bar{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:99999999;width:250px;height:40px}[dir] .grid-export-load-bar{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px}[dir=ltr] .grid-export-load-bar{padding-left:14px;margin-right:14px}[dir=rtl] .grid-export-load-bar{padding-right:14px;margin-left:14px}.grid-export-load-bar .loading-bar-wrap{width:200px;height:20px}[dir] .grid-export-load-bar .loading-bar-wrap{margin-top:10px;background-color:#d3d3d3;border-radius:10px;padding:2px}.grid-export-load-bar .loading-bar-wrap .bar-wrap{height:100%;width:0;transition:all .3s ease-out}[dir] .grid-export-load-bar .loading-bar-wrap .bar-wrap{border-radius:10px;background-color:#218739;-webkit-transition:all .3s ease-out}.grid-export-load-bar .loading-bar-label{width:50px;height:40px;line-height:40px}[dir] .grid-export-load-bar .loading-bar-label{text-align:center}.search-input{display:-webkit-box;display:-ms-flexbox;display:flex}.search-input label{-ms-flex-line-pack:center;align-content:center}[dir=ltr] .search-input label{padding-right:6px}[dir=rtl] .search-input label{padding-left:6px}.vehicle-card{position:relative;width:100%}.vehicle-card .loading-card{position:absolute;top:0;width:100%;height:100%;z-index:9999}[dir] .vehicle-card .loading-card{background-color:hsla(0,0%,100%,.8)}[dir=ltr] .vehicle-card .loading-card{left:0}[dir=rtl] .vehicle-card .loading-card{right:0}.vehicle-card .loading-card .loader-circles{position:absolute;top:50%}[dir=ltr] .vehicle-card .loading-card .loader-circles{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .vehicle-card .loading-card .loader-circles{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.vehicle-card .soc-wrap{width:100%}.vehicle-card .soc-wrap .battery{position:relative;width:100%}.vehicle-card .soc-wrap .battery img{position:relative;top:0;width:100%;z-index:10}[dir=ltr] .vehicle-card .soc-wrap .battery img{left:0}[dir=rtl] .vehicle-card .soc-wrap .battery img{right:0}.vehicle-card .soc-wrap .battery .battery-level{position:absolute;top:0;width:-10px;height:calc(100% - 20px);z-index:9;transition:all .5s ease-out}[dir] .vehicle-card .soc-wrap .battery .battery-level{background-color:#fff;-webkit-transition:all .5s ease-out}[dir=ltr] .vehicle-card .soc-wrap .battery .battery-level{left:0}[dir=rtl] .vehicle-card .soc-wrap .battery .battery-level{right:0}[dir] .vehicle-card .soc-wrap .battery .battery-level.low{background-color:#ff6685}[dir] .vehicle-card .soc-wrap .battery .battery-level.medium{background-color:#ffb70f}[dir] .vehicle-card .soc-wrap .battery .battery-level.ok{background-color:#48c78e}.vehicle-card .soc-wrap .battery .battery-percentage{position:absolute;top:calc(50% - 5px);height:45px;width:45px;line-height:45px;z-index:11}[dir] .vehicle-card .soc-wrap .battery .battery-percentage{text-align:center;background-color:#fff;border-radius:50%}[dir=ltr] .vehicle-card .soc-wrap .battery .battery-percentage{left:calc(50% - 10px);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .vehicle-card .soc-wrap .battery .battery-percentage{right:calc(50% - 10px);-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.vehicle-card .vehicle-info-wrap{position:relative}.vehicle-card .vehicle-info-wrap .refresh-vehicle{position:absolute;top:0}[dir] .vehicle-card .vehicle-info-wrap .refresh-vehicle{background-color:transparent;border:0}[dir=ltr] .vehicle-card .vehicle-info-wrap .refresh-vehicle{right:0}[dir=rtl] .vehicle-card .vehicle-info-wrap .refresh-vehicle{left:0}#vehicle-list{position:relative}#vehicle-list .vehicle-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] #vehicle-list .vehicle-header{margin-bottom:16px}#vehicle-list .vehicle-header .search-vehicles{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}[dir] #vehicle-list .vehicle-header .search-vehicles{padding:0 21px}