.suborder-grid-panel tbody td , .delivery-grid-panel tbody td, .grid-panel tbody td{
  vertical-align: baseline !important;
}

.delivery-grid-panel tbody tr.placed td{
  opacity: 0.2;
  cursor: auto;
}

.delivery-grid-panel tbody tr td{
  cursor: pointer;
  transition: all 0.2s;
}

.delivery-grid-panel tbody tr.placed:hover td{
  background: white;
  color:black;
}
.delivery-grid-panel tbody tr:hover td{
  background: rgba(0, 0, 0, 0.3);
  color:white;
}
.delivery-grid-panel tbody tr.selected td{
  background: rgba(0, 0, 0, 0.7);
  color:white;
}

.grid-search {
  margin-bottom: 0px;
  margin-top: 0;
}

.grid-filter-dropdown ul {
  width: 200px;
}

.grid-filter-dropdown ul li a {
  color:rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.grid-filter-dropdown ul li a:hover {
  color: red;
  background-color: white;
  color:rgba(0, 0, 0, 1);
}

.grid-filter-dropdown ul li a span{
  float:right;
}

#empty-filter-selector span {
  color: #DEDEDE;
}

#raw-material-filter-selector span {
  color: #97c95d;
}

#finished-product-filter-selector span {
  color: #00d3ee;
}

.grid-menu {
  position:fixed;
  width:150px;
  height:100%;
  overflow-y:scroll;
  padding-bottom: 100px;
}

.grid-menu a {
  padding: 15px;
  font-size: 20px;
}

.grid-panel {
  height: 100%;
  margin-left: 165px;
  overflow: hidden;
}

.grid-header, .grid-sticky-header {
  border-bottom: 1px solid #dddddd;
  background-color: #f9f9f9;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
  height:62px;
  z-index:10;
}
.grid-sticky-header {
  margin-left: 180px;
  position: fixed;
  border: 1px solid #dddddd;
}

.grid-header p, .grid-sticky-header p{
  margin-top:5px;
}

.dock-sticky-header{
  margin-left: 180px;
  margin-top:60px;
  position: fixed;
  z-index: 0;
  display: none;
}
.dock-sticky-header.show {
  display: block;
}

.grid-container table {
  margin: 0;
  border-bottom: 1px solid #dddddd;
}

.grid-container table tr.raw-material {
  background-color: rgba(151,201,93,0.5);
}
.grid-container table tr.finished-product {
  background-color: rgba(0,211,238,0.5);
}

.grid-row {
  padding: 10px 0px 10px 10px;
  border-bottom: 1px solid #dddddd;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 120px;
  overflow-x:scroll;
  white-space: nowrap;
  vertical-align: middle;
}

.grid-location {
  display: inline-table;
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 200ms;
  height: 100px;
  margin-right: 10px;
}
.grid-location:hover {
  box-shadow: 3px 3px 2px #DEDEDE;
}

.grid-location div{
  display: table-cell;
  vertical-align: middle;
  padding: 0px 15px;
}

.grid-location .location-name {
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
}
.grid-location.empty .location-name{
  background-color: #DEDEDE;
}
.grid-location.finished-product .location-name{
  background-color: #00bcd4;
}
.grid-location.raw-material .location-name{
  background-color: #8bc34a;
}

.grid-location .location-info {
  font-size: 12px;
}
.grid-location .location-info ul{
  display:table-row;
  margin: 0;
  list-style: none;
  height: 80px;
  vertical-align: middle;
}
.grid-location .location-info ul li{
  vertical-align: middle;
}
.grid-location.empty .location-info{
  background-color: #EFEFEF;
}
.grid-location.finished-product .location-info{
  background-color: #00d3ee;
}
.grid-location.raw-material .location-info{
  background-color: #97c95d;
}

.legend {
  text-align: right;
  margin-bottom: 20px;
}