/*
    *{ border: 1px solid red; }
*/

.page
{
  height: 100vh;
  margin: 0 auto;
  max-width: 100%;
  font-family: "Ariel", sans-serif;
}

a:link
{
  text-decoration: underline;
}

.head
{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

.main
{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

#logo
{
  width: 35%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#contact_form
{
  margin-bottom: 5px;
}

#margin_zero
{
  margin: 0;
}
.bg-dark {
  background-color: #198754 !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.nav-item:hover {
    background-color: #19794c;
}

.place {
  border: 1px solid #00c4a7;
  margin: 12px 0;
  padding: 5px 12px;
}

.place:hover {
  cursor: pointer;
}

.place > p {
  height: 50px;
  overflow: auto;
}

.occupied {
  color: #a90c28;
  border: 1px solid #a90c28;
  background-color: #a90c2815;
}

.subscription {
  color: #c26a00;
  border: 1px solid #c26a00;
}

.disable {
  color: #7a7a7a;
  border: 1px solid #7a7a7a;
}

.disable:hover {
  cursor: not-allowed;
}

.reservation {
  border-top: 1px solid green;
  padding: 10px 0;
}

.reservationsList {
  height: 200px;
  overflow-y: auto;
}

.delete-reservation {
  color: red;
  text-decoration: none;
}

.delete-reservation:hover {
  color: #b60303;
}

#addNewReservationMessage {
  color: red;
}

/* Media Query for iPads */

@media only screen 
and (min-width: 600px)
{
  #logo
  {
    max-width: 40%;
  }
}

/* Media Query for Desktops */

@media only screen   
and (min-width: 768px)
{
  #logo
  {
    max-width: 10%;
  }
  .main
  {
    height: 80%;
  }
}

.tillDate, .parking_place {
  line-height: 200px;
}

.forPrint {
  display: none;
  width: 210mm;
  min-height: 297mm;
  padding: 20mm;
  margin: 10mm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.subpage {
  color: red;
  font-size: 100px;
  font-weight: bold;
  text-align: center;
  padding: 1cm;
  border: 5px #666666 solid;
  height: 257mm;
  outline: 2cm #FFFFFF solid;
}

@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
  .forPrint {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}