body {
	background-color: #FFF;
	font-family: Abel;
}
 h3, h4 {
	 font-size: 25px;
	 padding: 0px;
	 margin: 2%;
	 color: #333;
 }
/* space were nav and table go */
#tablewrapper {
width:40%;
 height: 1000px;
 background-color: #EEE;
 display: block;
 margin-left: 5%;
 float: left;
 margin-top: 2%;
 margin-bottom:2%;
 overflow-y: auto;
}
#tablewrapper2 {
width:40%;
 height: 1000px;
 background-color: #EEE;
 display: block;
 margin-right: 5%;
 float: right;
 margin-top: 2%;
 margin-bottom:2%;
 overflow-y: auto;
}

table
{
table-layout: fixed;
width:90%;
height:91%;
padding: 0px;
border-collapse: collapse;
margin: auto;
background-color: white;
}
td, th
{
  padding-left: 15px;
  text-align: left;
  width: 25%;
  border-bottom: 1px solid black;
}
td {
height: 50px;	
}
th {
	height: 20px;
}
.header .sign:after{
  display:block; 
  cursor:pointer;  
}

.header .decline .accept:after{
  display:block;  
  cursor:pointer;
  right:0;  
}
 .sign{
  right:0; 
  
 }
 /*phones*/
	@media(max-width: 991px)
	{ 
	#tablewrapper {

 width:90%;
 height: calc(100vh - 50px);
 margin: auto;
 margin-bottom: 15px;

}
 #tablewrapper2{
 float: center;
 width:90%;
 height: calc(100vh - 50px);
 margin: auto;
 margin-bottom: 15px;

}
}