body 
{
  background-image: url('i/1.jpg');
  background-repeat: repeat;
  padding: 0px;
  margin:0px;
  border:0px;
  
}

div 
{
} 
.titlebar 
{
  background-color: #000000;
  padding: 0px;
  margin:0px;
  border:0px;
}
.main_content 
{
  margin-left: auto;
  margin-right: auto;
  border:1px solid green;
  width: 70%;
  background-color: #FDF5E6;
  height:100%;
}
.unallocated
{
  color: #cf7e15;
}
.allocated
{
  color: #1ba61b;
}
.overallocated
{
  color: #a3250b;
}


a.titlelink
{      
  font: 30px arial, sans-serif, bold;
  color: #FFFFFF;
  text-decoration: none;
  font-weight:bold;
  margin-left:25px;
  margin-right:25px;
}
a.titlelink:hover
{
  color: #5CE68A;
}

table.datatable
{
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);  
}
.datatable thead tr 
{
  background-color: #027d64;
  color: #ffffff;
  text-align: left;
}

.datatable th,
.datatable td 
{
  padding: 5px 10px;
}

.datatable tbody tr 
{
  border-bottom: 1px solid #dddddd;
}

.datatable tbody tr:nth-of-type(even) 
{
  background-color: #d4d4d4;
}
.datatable tbody tr:nth-of-type(odd) 
{
  background-color: #e0e0e0;
}
.datatable tbody tr:last-of-type 
{
  border-bottom: 2px solid #009879;
}