.outer-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.app-container{width:100%;max-width:1500px;font-family:Arial,sans-serif}.logo{width:auto;height:35px;padding-top:4px;margin:0}.top-line-wrapper{margin:5px 0 0 0}.top-line{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.sign-in,.sign-out{margin:0;border-radius:5px}.select-date{height:30px;font-size:16px;background:#add8e6;color:#000;border-right:3px solid #d3d3d3;cursor:pointer;padding:0 10px}.select-date:disabled{background:#ccc;color:#666;cursor:not-allowed}.select-date:hover:enabled{background:#125da4;color:#fff}.sign-in{background:#90ee90;color:#000;border:none;cursor:pointer;padding:0 10px}.sign-in:hover{background:green;color:#fff}.sign-out{background:#ffffe0;color:#000;border:none;cursor:pointer;padding:0 10px}.sign-out:hover{background:#ff0;color:#000}.date-display{height:20px;padding:4px 10px 2px 10px;font-size:16px;background:#f5f5f5;padding-bottom:1 12px;min-width:250px}.export-button{align-items:center;height:30px;border-right:2px solid #d3d3d3;padding:0 10px;margin-right:0;white-space:nowrap;width:auto;min-width:0}.export-button:disabled{background:#ccc;color:#666;cursor:not-allowed}.export-dropdown{padding:0 10px;height:30px;font-size:16px;margin-left:0}.export-dropdown:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.grid-wrapper{margin:0;text-align:left;min-height:520px}.status-msg{margin:0 10px;font-size:1rem;color:#333;background:#f1f1f1;border-left:4px solid #2196f3;padding:8px 12px}.loading-msg{font-size:1.1rem;margin:0;color:#333}.e-daterangepicker.e-popup{position:fixed!important;left:130px!important;top:70px!important;z-index:10000!important}body{background-color:#282828}.export-controls{display:flex;align-items:center;gap:0}.e-grid td.e-selectionbackground{background-color:#00b7ea}.page-container{display:block;width:100%;margin:0;overflow:auto}.e-grid{overflow:auto}.egrid .e-gridcontent{overflow-y:auto;overflow-x:auto}.e-grid .e-gridheader{overflow:auto}.block-container{display:flex;align-items:center;background-color:#fff;height:-moz-max-content;height:max-content}@media (max-width:800px){.e-gridcontent,.e-gridheader{overflow:auto}}.custom-filter-popup{max-height:800px;z-index:2147483647;width:255px;top:-69.2533px;display:block;visibility:visible;position:absolute;left:0}.e-gridheader{padding-right:0!important}.total-container{display:flex;margin:0}.dateRangePicker{display:inline-block;width:300px;height:25px;background-color:#fff;font-family:Arial,Helvetica,sans-serif;padding-left:25px;margin-top:0;margin-bottom:0;padding-right:20px}.e-popup{height:-moz-fit-content;height:fit-content}.e-hide{display:none}.e-grid .e-gridheader{border:1px solid #fff}.e-grid .e-headercell{color:#000;background-color:#b0c4de}.e-grid .e-headercelldiv{font-size:16px;font-family:Arial,Helvetica,sans-serif;font-weight:400;color:#fff;overflow:hidden}.e-grid .e-columnselection{background-color:#e2efd7}.e-input-group input.e-input,.e-input-group.e-control-wrapper input.e-input{font-size:16px}.e-input-group .e-input-group-icon:last-child,.e-input-group.e-control-wrapper .e-input-group-icon:last-child{font-size:12px;margin-right:0;background-color:#fff}.e-bigger.e-small .e-calendar .e-header .e-title,.e-calendar .e-header .e-title{font-size:16px}.e-bigger.e-small .e-calendar .e-header span,.e-calendar .e-header span{border:1px solid;color:#d2691e}.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow),.e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,.e-grid th.e-headercell[aria-sort=ascending]:not(.e-columnselection) .e-headertext,.e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv,.e-grid th.e-headercell[aria-sort=descending]:not(.e-columnselection) .e-headertext{color:#fff}.e-grid .e-headercell .e-columnmenu{margin-left:0;padding-left:0}.e-grid .e-headercell[data-ej-mappingname=Truck] .e-headercelldiv{display:flex;justify-content:start;padding-right:0!important;gap:0!important}.e-grid .e-headercell.e-filtered .e-columnmenu{color:#fff!important;background-color:#00008b!important;padding:2px}.e-grid .e-filtered:before{color:#000;background-color:#ff0;border:7px solid #ff0}.sign-in,.sign-out{flex:0 0 auto;margin-left:auto;height:30px;width:90px;font-size:16px;align-self:center}@media (orientation:portrait){.top-line-rows{display:flex;flex-direction:column;width:100%}.row-logo{flex:0 0 auto;justify-content:center;background-color:#fff}.row-date,.row-logo{display:flex;align-items:center;width:100%}.row-date{gap:0}.select-date{flex:0 0 auto;height:30px;font-size:16px;border-right:2px solid #d3d3d3}.date-display{flex:1 1 auto;width:250px;font-size:16px}.outter-wrapper{margin:0}.e-daterangepicker.e-popup{position:fixed!important;transform:translate(40px,200px)!important;min-width:350px!important;max-width:100%!important;z-index:10000!important}.e-daterangepicker .e-calendar-container{flex-direction:column!important;align-items:center!important}.e-daterangepicker .e-calendar{width:100%!important}}@media (orientation:landscape){.top-line{display:flex;align-items:center;flex-wrap:nowrap}.sign-in,.sign-out{flex:0 0 auto;margin-left:0;height:30px;width:90px;font-size:16px}.row-date{display:flex;flex:0 0 auto;gap:0}.outter-wrapper{margin:0}.e-daterangepicker .e-calendar-container{flex-direction:row!important}.e-daterangepicker.e-popup{position:fixed!important;transform:translateX(20%)!important;min-height:350px!important;max-height:100vh!important;z-index:10000!important}}.table-container{margin:0}#table-div,.table-margin{margin:0!important}.date-display,.select-date{display:inline-flex;align-items:center;height:30px;line-height:1;font-size:16px;border:1px solid #ccc;box-sizing:border-box;padding:0 12px}.select-date{border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.date-display{border-top-right-radius:5px;border-bottom-right-radius:5px}.export-group{display:flex;align-items:center;gap:0}.export-button,.export-dropdown{height:30px;font-size:16px;padding:0 12px;border:1px solid #ccc;box-sizing:border-box;line-height:1}.export-button{border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;background:#add8e6;color:#000;cursor:pointer}.export-button:hover:enabled{background:#125da4;color:#fff}.export-dropdown{border-top-right-radius:5px;border-bottom-right-radius:5px;background:#fff}.e-grid .e-altrow:hover,.e-grid .e-frozen-left-content .e-row:hover,.e-grid .e-frozencontent .e-row:hover,.e-grid .e-row:hover{background-color:#9ac7db}.e-grid .e-selectionbackground.e-active{background-color:#caf167!important;color:#000!important}