.booking-list-container {
    margin-top: 1rem;
    justify-content: space-between;
}

.booking-list-table {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.booking-list-table .table-header tr th:first-child {
    width: 1%
}

.booking-list-table:first-child {
    padding-right: 0.6rem;
}

.booking-list-table:last-child {
    padding-left: 0.6rem;
}

body.dashboard table {
    display: inline-table;
    table-layout: fixed;
}

body.dashboard table td {
    overflow-x: auto;
}

.booking-list-table table {
    width: 100%;
    border-top: 1px solid #666;
}

.table-header, .booking-list-card {
    background-color: #f6f6f6;
}

.booking-list-card {
    width: 100%;
    display: inline-block;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}

.booking-list-card p {
    margin: 0.3rem;
}

.booking-list-card-title, .booking-list-table-title {
    color: #760909;
    padding-left: 0.3rem;
}

.booking-list-all-table-title {
    background-color: #f6f6f6;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #760909;
    margin: 0;
    padding: 0.5rem 0 0.5rem 0.3rem;
    border-bottom: 1px solid #666;
}

.title-divider {
    background-color: #666;
    color: #666;
    margin-bottom: 0.5rem;
}

.passed {
    text-decoration: line-through;
}

@media (max-width: 1206px) {
    .booking-list-table {
        width: 100%;
        display: block;
        padding: 0 !important;
        margin-bottom: 0.5rem;
    }

    .booking-list-card {
        padding-right: 0;
    }

    body.dashboard table td, body.dashboard table th {
        font-size: x-small;
    }
}

@media (max-width: 300px) {
    body.dashboard table {
        display: block;
        overflow-x: scroll;
    }
}

.dashboard-title-container {
    display: flex;
}

.dashboard-title-container a.add-booking {
    padding: 0.5rem;
    background: #417690;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    color: #fff;
    align-self: baseline;
    margin: 0 0 0.5rem auto;
    border-radius: 1rem;
    transition: background 1s;
}

.dashboard-title-container a.add-booking:hover {
    background: #760909;
    transition: background 1s;
}

.actual {
    background-color: #bccfd9;
}

.field-_service_type ul li {
    list-style-type: none;
}

.field-_service_type ul {
    margin-left: 0;
}

.column-_service_type, .field-_service_type {
    max-width: 270px;
}