body {
	background-color: #FFF;
	font-family: Abel;
}
 h3 , h4 {
	 font-size: 25px;
	 padding-left: 0px;
	 color: #333;
	 margin: 2%;
 }
/* space were nav and table go */
#tablewrapper {
width:40%;
 height: 1000px;
 background-color: #EEE;
 display: block;
 position: sticky;
 margin-right:5%;
 float: right;
 margin-top: 2%;
 margin-bottom:2%;
 overflow-y: auto;
}
#makeOrder {
width:40%;
 height: 1000px;
 background-color: #EEE;
 display: block;
 position: sticky;
 margin-left:5%;
 float: left;
 margin-top: 2%;
 margin-bottom:2%;
 overflow-y: auto;
}
table
{
table-layout: fixed;
width:95%;
padding: 0px;
border-collapse: collapse;
background-color: white;
margin: auto;
}
td, th
{
  padding-left: 15px;
  text-align: left;
  width: 25%;
  border-bottom: 1px solid black;
}
td {
height: 20px;	
}
th {
	height: 20px;
}
tr.header
{
    cursor:pointer;
}
.header .sign:after{
  content:"+";
  display:block;  
}
.header.expand .sign:after{
  content:"-";
 }
 .sign{
  right:0; 
 }
 /* color of the top navigation */
.nav {
  float: right;
  width: 36.25%;
  background-color: #EEE;
}

/* links inside the nav bar */
.nav a {
  float: center;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links when u hover */
.nav a:hover {
  background-color: white;
  color: black;
}
 .add:after{
  float:left;
  content:"+";
  display:block; 
 cursor:pointer;  
 }
  .remove:after{
  float:right;
  content:"-";
  display:block;
 cursor:pointer;  
 }