body,html{box-sizing:border-box}.geofence-item{display:flex;align-items:center;color:var(--primary-color)}.geofence-item .actions{width:60px;display:flex;align-items:center}.p-inputtext{height:35px;padding:5px 10px}.p-button{padding:3px 10px}.container{display:grid;grid-template-rows:50px 1fr;align-items:center;height:100%;width:100%;overflow:hidden;border:0px solid var(--surface-800);box-sizing:border-box}.container .top{height:50px;width:inherit}.container .main{height:100%;width:inherit;overflow:hidden}.bottom{background:var(--primary-color);color:#fff;padding:0 10px;margin:0}.admin{display:flex;align-items:center;flex-direction:row;width:100%;height:100%;overflow:0;padding:0;margin:0;border:0px solid orange}.admin .left-side{width:250px!important;height:inherit;border:0px solid purple}.admin .right-side{width:100%;height:100%;border:0px solid yellow;padding:20px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.admin .right-side .data-title{height:50px;font-weight:700;font-size:22px}.admin .right-side .data-grid{height:100%}.form{display:flex;flex-direction:column;gap:5px}.form .row{display:flex;flex-direction:row;align-items:center}.form .row .label{width:35%;color:var(--primary-color);font-weight:700;overflow:hidden}.form .row .value{width:65%}.m-0{padding:0;margin:0}.p-tabview-panels{padding:3px}.park,.idle,.moving{width:50px!important;padding:3px 5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:3px}.park{background-color:red}.idle{background-color:orange}.moving{background-color:green}.trip-report{border:0px solid orange;height:100%;width:100%;overflow:hidden;display:grid;grid-template-rows:40px 1fr 400px}.trip-report-minimize{border:0px solid orange;height:100%;width:100%;overflow:hidden;display:grid;grid-template-rows:40px 1fr 40px}.trip-report-datagrid{position:relative;overflow:hidden}.TopNavBar{width:100%;box-sizing:border-box;height:50px;min-height:50px;max-height:50px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:var(--primary-color)}.TopNavBar .Right{width:auto;display:flex;justify-content:flex-end}.TopNavBar .CompanyInfo{display:flex;height:100%;min-height:100%;width:350px;min-width:350px;border:0px solid red;color:#fff}.TopNavBar .CompanyInfo .Logo{width:50px;height:50px;padding:5px}.TopNavBar .CompanyInfo .Label{width:100%;height:100%;display:flex;flex-direction:column}.TopNavBar .CompanyInfo .Label .Main{width:100%;padding:0 0 0 10px;font-weight:600;font-size:20px;margin:0;border:0px solid red}.TopNavBar .CompanyInfo .Label .Descr{width:100%;padding:0 0 0 10px;font-size:12px;font-style:italic}.TopNavBar .W100P{width:100%}.TopNavBar .Menu{display:flex;gap:3px;height:100%;max-height:40px;border:0px solid red;padding:7px 3px}.TopNavBar .Menu Link{text-decoration:none}.Active{padding:0 10px;color:#fff;background:var(--yellow-500);border-radius:5px}.NotActive{padding:0 10px;color:#cdced1;background:#435881;border-radius:5px}.BgRed{color:#d9e3f5;background-color:#b32f2f;padding:0 10px;border-radius:5px}.h30p{height:30px}.menu-active,.menu-inactive{color:#fff;font-size:16px;font-weight:700;padding:8px 7px}.Button{height:25px;width:auto;border:0px solid grey;margin-right:5px;border-radius:5px;cursor:pointer}.RootContainer{height:100%;width:100%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;border:0px solid salmon;background:#fff;padding:0}.RootContainer .TopNav{height:50px;min-height:50px;max-height:50px;width:100%;overflow:hidden}.RootContainer .Main{display:flex;height:100%;width:100%;box-sizing:border-box;border:0px solid salmon;padding:0;margin:0}.RootContainer .Main .Nav{display:flex;flex-direction:column;height:97%;width:300px;min-width:300px;box-sizing:border-box;padding:0;margin:0}.LeftNavBar{height:100%;width:100%;min-width:100%;display:flex;flex-direction:column;padding:0;margin:0;border:0px solid goldenrod}.LeftNavBar .Top{height:130px;width:100%;border:0px solid yellowgreen}.LeftNavBar .Top .UserOptions{display:flex;height:50px;width:100%;gap:5px;padding:10px 5px;border:0px solid red}.LeftNavBar .Top .UserOptions>.p-multiselect{height:30px;width:280px;max-width:280px}.LeftNavBar .Top .UserOptions>.p-multiselect .p-multiselect-label{padding:0}.LeftNavBar .Top .ButtonStatus{height:40px;padding:5px 3px;background:#5b80c5}.LeftNavBar .Top .SearchBox{display:flex;height:35px;padding:2px}.LeftNavBar .Top .SearchBox input{width:100%;height:30px;line-height:30px}.LeftNavBar .Top .SearchBox button{width:80px;height:30px;line-height:30px}.LeftNavBar .GpsContainer{height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.LeftNavBar .Bottom{height:40px;width:100%;border:0px solid red;padding:3px}.ListViewItems{display:flex;flex-direction:column;height:auto;border:0px solid goldenrod}.ListViewItemSmall{display:flex;height:55px;width:100%;min-width:300px;cursor:pointer;margin-bottom:5px;border-bottom:1px solid rgb(211,210,210)}.ListViewItemSmall .Picture{height:50px;width:55px;min-height:50px;min-width:55px;border-radius:50%;line-height:50px;text-align:center;padding:3px 0 0}.ListViewItemSmall .Body{width:100%;display:flex;flex-direction:column;padding:3px 5px;overflow:hidden;font-size:10px;position:relative}.ListViewItemSmall .Body .Title{font-size:14px;font-weight:400;height:35px}.ListViewItemSmall .Body .Descr{font-size:12px;height:100%}.RootContainer .Main .Map{width:100%;height:100%}.MapContainer{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;border:0px solid olivedrab;padding:0;margin:0}.Toolbar{display:flex;height:45px;width:100%;padding:2px 5px;overflow:hidden}.Toolbar>.ButtonAlarm,.ButtonRemainder{height:auto;width:auto;padding:1px 3px;cursor:pointer}.Toolbar>.ButtonAlarm{color:red}.Toolbar>.ButtonAlarm:hover,.ButtonRemainder:hover{border:1px solid green}.Toolbar>.ButtonRemainder{color:orange}.ButtonClose{width:auto;height:auto;padding:3px 5px;background-color:red;cursor:pointer}.InfoGpsDetil{display:flex;flex-direction:column;padding:10px;border:0px solid red}.InfoGpsDetil .Header{height:30px;max-height:30px;position:relative;display:flex;align-content:center;align-items:center;border-bottom:1px solid beige}.InfoGpsDetil .Header .CloseButton{position:absolute;right:0;top:-5}.InfoGpsDetil .Nopol{border-top:1px solid rgb(218,216,216);border-bottom:1px solid rgb(218,216,216);color:#00f;font-weight:400;font-size:14px}.InfoGpsDetil .Descr{font-size:12px}.InfoGpsDetil .Status{display:flex;gap:5px;border-top:1px solid rgb(218,216,216);border-bottom:1px solid rgb(218,216,216)}.PanelCommand{display:flex;justify-content:center;gap:5px;text-align:center;height:50px;padding:5px;border-top:1px solid rgb(218,216,216);border-bottom:1px solid rgb(218,216,216)}.pl5{padding-left:5px}.pr5{padding-right:5px}.w100p{width:100%}.Red{background:red}.BgGreen{background:#38a838}.BgGray{background:#cac7c7}.AccOn,.AccOff{width:auto;overflow:hidden;white-space:nowrap;font-size:11px;font-style:italic;font-weight:100px}.AccOn{color:#38a838}.AccOff{color:#d8082a}.TextWhite{color:wheat}.on{color:#38a838}.off{color:gray}.stop{color:orange}.black{color:#000}.bgred{background-color:#a10620}.bggreen{background-color:#2baa1f}.BtnDelete{cursor:pointer}.BtnDelete:hover{cursor:pointer;background-color:red}.p-panel-content,.p-panel{padding:0}