body{
  font-family:arial;
}

.cancelled_1, .overdue{
  background-color: #F8C8DC;
}

.tscrol{overflow: auto; height:90vh}
.tscrol thead th { 
  position: sticky; 
  top: 0; 
  z-index: 1; 
  background-color:white;
  padding-left: 5px;
  padding-right: 5px;
}

.tscrolUsers thead th { 
  position: sticky; 
  text-align: left;
  top: 0; 
  z-index: 1; 
  background-color:white;
  padding-right: 10px;
}
.tscrolUsers td {
  padding-right: 10px;
}
table.orderStatus{
  border-collapse:collapse;
}

table.orderStatus th, table.orderStatus td{
  border: solid thin black;
}

table.orderStatus tbody{
}

.invalid{
  display:inline-block;
  color:red;
}
#prefxnumber, #prefxnumberv{
  width: 4ex;
}
#admin{
  display:none;
}
body.admin_local #admin, body.admin_global #admin{
  display: inherit;
}
#language{
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 14px;

}
#language > select{
  margin-left: 2px
}
#storeSelector{
  position: absolute;
  left: 10px;
  bottom: 40px;
  font-size: 14px;
}
#storeSelector > select {
  margin-left: 5px;
}
#autologout{
  position: absolute;
  right: 10px;
  top: 10px;
}
.shelfList{
  margin-top:10px;
  margin-left:10px;
}

.shelfList>div.common{
  box-shadow: 0px 0px 0px 0.6ex rgb(0, 0, 255);
}

.dimmed{
  opacity:25%;
}
.completedOrder{
  display: inline-block;
  border:solid;
  padding: 10px;
  margin:10px;
}

#late{
  display: none;
}

table.orderStatus td{
  text-align:center;
}

#noShow{
  color:white;
  background: repeating-linear-gradient(
  45deg,
  #606dbc,
  #606dbc 10px,
  #465298 10px,
  #465298 20px
  );
}

h2 {
  margin-top:10px;
} 

#addUser {
  padding-bottom: 50px;
}
.hide{
  display:none;
}
#up{
  width:fit-content;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}
.wholeMachine{
  position:relative;
  border: thick gray solid;
  padding: 1ex;
  margin: 1ex;
  box-shadow: -7px 5px 15px 5px #000000;
}
.popped-over .veil{
  opacity: 0.5;
}
.shelfList > div{
  display: inline-flex;
  align-items: center; 
  flex-direction: row-reverse;
  width: 10%;
  max-width: 8ex;
  min-width: 3ex;
  min-height: 6ex;
  margin: 0.3ex;
  text-align:right;
  vertical-align:bottom;
  padding: 1ex;
  padding-bottom:0px;
}

.shelfList > div.t {
  min-width: 6ex;
  width: auto;  
  max-width: 16ex;
}

.shelfList > div#empty{
  background-color:rgb(108,205,124);
}
.shelfList > div#used{
  background-color:rgb(229,227,228);
}
.shelfList > div#old{
  color: white;
  background-color:rgb(103,49,125);
}
.shelfList > div#veryOld{
  color: white;
  background-color:rgb(235,30,34);
}
.shelfList > div#cancelled{
  color: white;
  background-color: black; /* rgb(249,154,159);*/
}
tbody > tr#old{
  color: white;
  background-color:rgb(103,49,125);
}
tbody >  tr#veryOld{
  color: white;
  background-color:rgb(235,30,34);
}
tbody > tr#cancelled{
  color: white;
  background-color: black; /* rgb(249,154,159);*/
}
#econtent{
  border: solid;
  background-color:white;
  padding:2ex;
}
#econtent > div{
  margin-top: 1ex;
}

#econtent label span{
  display: inline-block;
  width:25ex;
}


.addOrder{
  border: solid;
  background-color:white;
  padding:2ex;
}
.addOrder > div{
  margin-top: 1ex;
}

.addOrder label{
  display: inline-block;
  width:25ex;
}

.sidebar {
  height: 100%;
  width: 150px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: lightgrey;
}

.sidebar a {
  padding: 8px;
  display: block;
  text-decoration: none;
  color: black;
}

.sidebar a:hover {
  cursor: pointer;
  opacity: .7;
}

.body-text {
  margin-left: 150px;
  font-size: 16px;
  padding-top: 20px;
}

.header-text {
  margin-left: 150px;
  font-size: 16px;
}

.welcome-text {
  margin-left: 150px;
  font-size: 16px;
}

body #search{
  display:none;
}
body.page-orderStatus #search{
  display:inline-block;
  position: absolute;
  right: 3ex;
}

#ndays{
  width:8ex;
}
.nav button{
  margin:10px;
  width:100px;
  height:50px;
}

.machineContainer {
  display: flex;
}

#currentVersion{
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
}

#copyInfoText{
  font-size: 12px;
  margin-right: 20px;
  text-align: right;
}
.tableHeader {
  cursor: pointer;
  -webkit-touch-callout: none;
  user-select: none;
}