* {
  box-sizing: border-box;
}
html, body {
  overscroll-behavior: none; 
}
.ui-layout-pane {
    padding: 0px !important;
    margin:0 !important;
    
}
 .ui-layout-pane-west {
  padding: 0px !important;
  margin:0 !important;
}

.pin-button
{
  float:right;
  padding:6px;
}
#menulogo {
  margin-top:6px;
  margin-left:16px;
  margin-right:16px;
  opacity:1;
  
  }
#cssmenu > ul > li.menu-logo > a:hover {
  background:inherit;
  }
#cssmenu > ul{
  //-webkit-app-region:no-drag;
}
.ui-layout-north{
  //-webkit-app-region:drag;
}
.menu-logo > a {
  border-right:0 !important;
  }
  .menu-tooltip .ui-tooltip-content{
    font-size:1em;
    color:gray;
    padding:6px;
  }
  .menu-tooltip{
    opacity:0.85;
    background-color:#f2f2f2 !important;
  }
  

.ui-tooltip{
  color:black;
}
.status_table td span, .status_table td a
{
  font-size:11px ;
  vertical-align:middle;
}
.header
{
  background-color:#39b1cc;
  font-weight:bold;
  padding:6px;
}
.select-list
{
  list-style: none; 
  padding: 0;
  margin: 0;
  width:100%
}
#subscriber-list
{
  /* width:400px; */
  /* min-width: 800px; */
  /* height:600px; */
  overflow:auto;
}
.ui-layout-pane-east
{
  /* overflow: auto !important; */
}
.ui-layout-pane-east
{
  overflow-x:hidden !important;
}
#truck-list
{
  /* min-width:800px; */
  height:600px;
  overflow:auto;
  
}

.truckitem
{
  display: inline-block;
  max-width:120px;
  padding:3px;
  font-family:'Roboto';
  font-size:12px;
  
  height:22px;
  vertical-align:top;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}
 .driveritem
{
  display: inline-block;
  width:145px;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
  padding:3px;
  height:18px;
  position:relative;
}
 .udfdata
{
  float:right;
  /* position:absolute; */
  width:100%;
  height:20px;
  margin-left:90px;
  overflow:hidden;
  text-overflow: ellipsis;
}

/*   .accordion-row{
  background:silver;
}
.active{
  background:green;
} */

.driversearch td span
{
  margin-left:2px;
  margin-right:2px;
  line-height:14px;
  
}
.driversearch td, .driversearch
{
  padding-left:3px;
  border-bottom:1px solid #eaeaea;
}
.jobtime
{
  vertical-align: middle;
  line-height:14px;
}
.truckitemdata0,.truckitemdata1,.truckitemdata2,.truckitemdata3,.truckitemdata4,.truckitemdata5,.truckitemdata6,.truckitemdata7,.truckitemdata8,
.driverdiff, 
.workeddiff,
.truckitemdata
{
  /* display: inline-block; */
  /* width: calc(100% / 6 );
  width:100%; */
  text-align:right;
  vertical-align: middle;
  line-height:14px;
  white-space: nowrap;  
  padding-top:2px;
  padding-bottom:3px;
  margin-left:2px;
  font-family: Arial Narrow, arial
  /* background:green; */
  /* overflow:hidden; */
}
.truckitemdata0:after { content:' kg'}
.truckitemdata1:after { content:' lb'}
.truckitemdata2:after { content:' h'}
.truckitemdata3:after { content:' l'}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  width:430px;
}
.driverdiff
{
  width:35px;
}
.workeddiff
{
  width:35px;
}
.minusdiff
{
  font-weight:bold !important;
  color:red !important;
}
.plusdiff
{
  font-weight:bold !important;
  color:blue !important;
}
.jobexists span
{
  font-weight:normal;
  color:gray;
}
.nojob
{
  font-weight:bold;
  color:black;
}
.green
{
  color:#1dae5e;
}
.orange
{
  color:#ff9e10;
}
.subtitle
{
  font-weight:bold;
  height:26px;
  background-color: silver;
  text-align:middle;
  vertical-align:middle;
  padding-left:4px;
  padding-top:4px;
}
#myVideo {
  top: 0;
  max-width: 100%;
  min-width:100%;
  height: 100%;
  z-index:-2;
  object-fit: none;
  position: absolute;
}
#myeastern {
  top: 0;
  min-height:100%;
  min-width:100%;
  z-index:99999999;
  position: fixed;
}
.status-table .tbody-data{
  padding-left:3px;
  margin-left:3px;
  margin-right:3px;
  display:block;
  height:100%;
  max-height:calc(100vh / 2 - 98px);
  overflow:scroll;"
}
.status-table .tbody-data::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
} 
.status-table .tbody-data::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--telme-secondary-color);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.ui-layout-resizer-west{
  background: var(--telme-color) !important;
  opacity: 0.4;
}