.studio-bookings {
    display: flex;
    flex-direction: column;
    /* table-layout: fixed; */
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
}
.date{
    text-align: center;
}
.studio {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.green {
    background-color: green !important;
}
.orange {
    background-color: orange !important;
}
.purple {
    background-color: purple !important;
}

/* Common styles for all studio bookings */
.studio-booking {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.time {
    font-size: 20px;
    font-weight: bold;
}

.customer {
    font-size: 16px;
    color: #fff;
}

.ref {
    font-style: italic;
    color: #ffffff;
}

.cost {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

.summary {
    margin-top: 10px;
}

.booked {
    height:30;
}

.paid {
    font-weight: bold;
    margin-bottom: 5px;
    height: 33px;
    color:#FFEB3B;
}

.actions {
    margin-top: 10px;
}

.action {
    margin-right: 10px;
    text-decoration: none;
    color: #333;
}

/* Specific styles for each studio booking type */
.green.studio-booking {
    background-color: #c2f0c2;
}

.orange.studio-booking {
    background-color: #FF9800;
}

.purple.studio-booking {
    background-color: #9c27b0;
    color: #fff;
}

.warehouse.studio-booking {
    background-color: #9E9E9E;
    color: #fff;
}