#warehouse_categories {
	position: absolute;
	top: 10%;
	right: 75%;
	bottom: 10%;
	left: 0%;
}

#warehouse_categories div, 
#warehouse_shipment_units div {
	display: none;	
}
#warehouse_categories div.active, 
#warehouse_shipment_units div.active {
	display: flex;	
}

#warehouse_shipment_units {
	position: absolute;
	top: 10%;
	right: 30%;
	bottom: 10%;
	left: 25%;
}

#warehouse_depot {
	position: absolute;
	top: 10%;
	right: 0%;
	bottom: 80%;
	left: 70%;
}

#warehouse_orders {
	position: absolute;
	top: 20%;
	right: 0%;
	bottom: 20%;
	left: 70%;
}


#warehouse_orders div,
.warehouse_orders div {
	background-color: #DDD;
	overflow: auto;
	border: 1px solid #222;
	border-radius: 2px;
	flex-basis: 100%;
	flex-grow: 1;
	height: 100%;
	box-sizing: border-box;
}

#warehouse_orders div ul li,
.warehouse_orders div ul li {
	list-style: none;
	line-height: 2.5vw;
	padding: 0px 10px;	
	text-transform:none;
	cursor: pointer;
}

#warehouse_orders div ul li input,
.warehouse_orders div ul li input {
	margin-right: 10px;
	border: none;
	background-color: #DDD;
	text-align: center;
	padding: 5px;
	font-size: 1vw;
}

#warehouse_orders div ul li span,
.warehouse_orders div ul li span {
	margin-left: 10px;
}


#warehouse_orders div ul li.selected,
.warehouse_orders div ul li.selected {
	background-color: #FFF;
	color: #000;
	list-style: none;
	font-weight: 700;
}


#warehouse_orders div textarea,
.warehouse_orders div textarea
{
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	resize: none;
	oveflow: auto;
}


#warehouse_orderbutton {
	position: absolute;
	top: 90%;
	right: 0%;
	bottom: 00%;
	left: 70%;
}


#warehouse_orderbutton button {
	-webkit-flex-grow: 1; /* Safari */
	flex-grow:         1;
	
	-webkit-flex-basis: calc(100% / 1); /* Safari */
	flex-basis:         calc(100% / 1);

	height: 			calc(100% / 1);
	min-height: 		calc(100% / 1);
	max-height: 		calc(100% / 1);
	
	background-color: #344a49;
	color: #FFF;
	font-size: 1.5vw;
	line-height: 1.5vw;
}


#warehouse_categories button {
	-webkit-flex-grow: 1; /* Safari */
	flex-grow:         1;
	
	-webkit-flex-basis: calc(100% / 2); /* Safari */
	flex-basis:         calc(100% / 2);

	height: 			calc(100% / 6);
	min-height: 		calc(100% / 6);
	max-height: 		calc(100% / 6);
	
	color: #FFF;
	
}

#warehouse_shipment_units button {
	-webkit-flex-grow: 1; /* Safari */
	flex-grow:         1;
	
	-webkit-flex-basis: calc(100% / 4); /* Safari */
	flex-basis:         calc(100% / 4);
	
	height: 			calc(100% / 6);	
	min-height: 		calc(100% / 6);
	max-height: 		calc(100% / 6);

	color: #FFF;

}

#warehouse_ordernav {
	position: absolute;
	top: 80%;
	right: 0%;
	bottom: 10%;
	left: 70%;
}


/*************************************************************************************************************************/
/* ORDERNAV CONTAINER SPECIFIC STYLING */
/*************************************************************************************************************************/

#warehouse_ordernav button#remove_unit {
	background-color: #F33;
	color: #FFF;
	font-size: 1.5vw;
	line-height: 1.5vw;
}
#warehouse_ordernav button#increase_order_quantity,
#warehouse_ordernav button#decrease_order_quantity {
	font-size: 3vw;
	line-height: 1vw;
}
#warehouse_ordernav button#order_units {
	background-color: #344a49;
	color: #FFF;
	font-size: 1.5vw;
	line-height: 1.5vw;
}



















#warehouse_depot div,
.warehouse_depot div
{
	padding: 10px;	
	flex-basis: 100%;
	flex-grow: 1;
	border: 1px solid #222;
	border-radius: 2px;
	box-sizing: border-box;
	background-color: #344a49;
}


#warehouse_depot h3,
.warehouse_depot h3 {
	color: #b1cccb;
	font-size: 1.5vw !important;
}
/*
#table h3,
.tableinfo h3 {
	color: #b1cccb
}*/

#warehouse_depot h3 span,
.warehouse_depot h3 span {
	float: right;
}

#warehouse_depot h4,
.warehouse_depot h4
{
	color: #FFF;
	text-transform:capitalize;
	font-size: 1vw !important;
}

#warehouse_depot h4 span,
.warehouse_depot h4 span 
{
	float: right;
}

#warehouse_depot div.open,
.warehouse_depot div.open
{
	background-color: #F33;
}
#warehouse_depot div.open h3,
.warehouse_depot div.open h3
{
	color: #000;
	font-size: 1.5vw !important;
}