header
{
  background-color: beige;
  height: 120px;
}

#top-section
{
  margin-bottom: 10px;
}

hr
{
  border-color: #88d37a;
}

#Errormelding{
  position: absolute;
  z-index: 1000;
  padding: 10px;
  width: auto;
  height:55px;
  top:50%;
  left:50%;
  margin-top:-150px; /* negative half the size of height */
  margin-left:-150px; /* negative half the size of width */
  background-color: #d9534f;
  color: white;
  text-align: center;
}

#loginForm
{
  border-right: solid black 1px;
}

#registerForm
{
  border-left: solid black 1px;
}

aside
{
  /*height: calc(100vh - 120px);*/
  background-color: #cdfac5;
}

footer {
  height: 30px;
  background-color: beige;
}

#container
{
  position: relative;
}

@media screen and (min-width: 769px)
{
  aside
  {
    height: calc(100vh - 150px);
  }

  #container
  {
    height: calc(100vh - 150px);
    overflow: auto;
  }
}

.hr_bestelling{
  margin: 10px;
  margin-left: 0;
  margin-right: 0;
}

input.inputaantal {
  height: 22px;
  padding: 1px;
}

@media print {
  .inputaantal{
    height: 22px;
    padding: 1px;
    font-size: 12;
  }

  label{
    font-size: 12;
  }

  .hr_bestelling{
    border-color: lightgrey;
    margin: 2px;
    border-width: 1px;
  }
}


.print-margin{
  margin: 0px;
  padding: 0px;
}

.print-titel{
  margin: 0px;
}

.artikelnaam-div{
  text-align: right;
  padding: 0px;
}
.print-margin-naam{
  margin: 0px;
  padding-bottom: 0px;
}

.artikelnaam{
  margin-right: 10px;
  text-align: right;
  padding: 0px;
}

aside .bar
{
  border-bottom: solid #b8dd73 1px;
}

.table-responsive
{
  overflow-x: auto;
}

thead
{
  background-color: #92cddc;
}

tr.clickable-row
{
  cursor: pointer;
}

#logo
{

}

#hoursTotals table td
{
  padding-right: 5px;
}

#hoursTotals .weekend
{
  background-color: #CDFAC5;
}
#hoursTotals .total
{
  background-color: #dddddd;
}