.booking-wrapper {
    width: 100%;
    max-height: 500px;
    overflow-y: hidden;
    overflow-x: auto;
    max-width: 570px;
}
.booking-wrapper > .booking {
    display: flex;
}
.booking-wrapper > .booking > div {
    width: 40px;
}
.booking-wrapper > .booking > div > i {
    display: block;
    width: 39px;
    min-height: 19px;
    margin: 0 1px 1px 0;
    cursor: pointer;
    background-color: #c2dfe8;
    font-style: normal;
    font-size: 0.9em;
    text-align: center;
    line-height: 1.35em;
}
.booking-wrapper > .booking > div > i[disabled] {
    cursor: not-allowed;
    background-color: #dddddd;
}
.booking-wrapper > .booking > div > i.active {
    background-color: #78b6d7;
}