/*
   palette colors:
Logo: #2fcdfa;
Logo Yellow: #f2fa38;
white: #ffffff;
black: #000000;
Light Blue: #c3f2fd; #ebfafe;
Medium-Dark Blue: #046e8b;
Dark Blue: #023f50;
   */
body{
  background-color: #ebfafe;
}
div.page{
  width: 90%;
  margin: 5px;
  padding: 10px;
}
p.title,div.title{
  margin: 5px;
  font-size: 2em;
}
.hidden {
  display: none;
}

.visible {
  display: inline;
}
.visible-block {
  display: block;
}

.lrflow {
  float: left;
}
.tbflow{
float: none;
}
a:link{
  color: white;
  background-color: #046e8b;
  }
a:visited{ /* just like :link */
  color: white;
  background-color: #046e8b;
  }
a:hover{
  color: black;
  background-color: #2fcdfa;
  }
a:active{
  color: black;
  background-color: #f3fa38;
  }
a{
margin: 5px;
padding: 5px;
width: 200px;
}
a.disabled{
  background-color: #777;
}
.empmgmt{
width: 1024px;
}
a.inlineA{
  display: inline;
}
div.timeperiod{
  font-weight: bold;
}

@media print {
  .printhide, .printhide * {
    visible: false;
    display: none !important;
  }

}

.behours {
  width: 70;
  visible: false;
  display: none !important;
}
.bestart .bestop {
  width: 60;
}
.bewcassign {
  width: 100;
}
.timelock{
  font-weight: bold;
  color: red;
}
tr.timeentry{
display:table-row;
}
td.timeentry{
display:table-cell;
}
th {
  padding: 3px;
}

@media max-device-width: 650px {
  /* covers mobiles */
  .timeentry{
    padding: 15px;
  }
}
div.reportbox {
  border: 1px solid black;
  width: 90%;
  background-color: #ffffff;
  font-family: monospace;
  white-space: break-spaces;
}