body > .container
{
  padding: 60px 15px 0;
}
/*
li.nav-item
{
  color:#d0d0d0;
  padding-left:3px;
  padding-right:3px;
}
*/
span.navbar-user
{
  color:#d0d0d0;
  padding-right:20px;
}
span.edit
{
  display:none;
}
tr.editentry>td>span.edit
{
  display:inline;
}
tr.editentry>td>span.display
{
  display:none;
}
button{
  margin-bottom:1px;
}
/*
tr.workplace{
  border-top:1px solid #a0a0a0;
}
*/
.workplacedivider{
  border-color:#a0a0a0;
}
div.checkin{
  position:absolute;
  left:0px;
  top:0px;
  width:30%;
  height:100% !important;
  background-color:#00ff00;
  opacity:0;
  animation:fade 5s 1;
}
div.checkout{
  position:absolute;
  right:0px;
  top:0px;
  width:30%;
  height:100% !important;
  background-color:#0000ff;
  opacity:0;
  animation:fade 5s 1;
}
@keyframes fade{
  0%{display:block; opacity:1; height:100%;}
  90%{display:block; opacity:1; height:100%;}
  100%{display:none; opacity:0; height:0;}
}