div.bookingwrapper {
    overflow: auto;
    width: 100%;
}

div.bookingwrapper table.booking {
    width: 150em;
}

div.bookingwrapper table.booking th,
div.bookingwrapper table.booking td {
    padding: 2px !important;
    text-align: center;
}

div.bookingwrapper table.booking th.day {
    width: 3em;
}

div.bookingwrapper table.booking th.hour {
    text-align: center;
    border-right: 1px dotted black;
}

div.bookingwrapper table.booking th.minute:nth-child(4n) {
    border-right: 1px dotted black;
}

div.bookingwrapper table.booking th.minute {
    font-size: small;
}

div.bookingwrapper table.booking td.vehicle-booked {
    background-color: salmon;
}

div.bookingwrapper table.booking td.vehicle-reserved {
    background-color: gold;
}

div.bookingwrapper table.booking td.vehicle-free {
    background-color: palegreen;
}

div.bookingwrapper table.booking td:nth-child(4n+1) {
    border-right: 1px dotted black;
}

.progress-wrapper {
    position: relative;
}

.progress-value {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: calc(1rem / 1.5);
    line-height: 1rem;
    font-weight: bold;
}

.progress.is-small+.progress-value {
    font-size: calc(0.75rem / 1.5);
    line-height: 0.75rem;
}

.progress.is-medium+.progress-value {
    font-size: calc(1.25rem / 1.5);
    line-height: 1.25rem;
}

.progress.is-large+.progress-value {
    font-size: calc(1.5rem / 1.5);
    line-height: 1.5rem;
}

#tabs-with-content .tabs:not(:last-child) {
    margin-bottom: 0;
}

#tabs-with-content .tab-content {
    padding: 1rem;
    display: none;
}

#tabs-with-content .tab-content.is-active {
    display: block;
}

.modalPIN {
    /* arbitrary styling */
    background-color: white;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    height:200px;
    width:300px;
  
    /* change position to fixed if you want to prevent the dialog from scrolling away, and center it */
    position:fixed;
    top:50%;
    left:50%;
    margin-left: -150px;
    margin-top:-100px;
  }

  .modalPIN::backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
  }