#theme-group-description { max-height: 220px; overflow-y: scroll;}
.ticket-shop-calendar-key { margin-top: 20px; }
.ticket-shop-calendar-key .success { background-color: #d4edda; display: inline-block; width: 30px; }
.ticket-shop-calendar-key .danger { background-color: #fbe1e3; display: inline-block; width: 30px; }
.ticket-shop-calendar-key .selected { background-color: #F4D03F; display: inline-block; width: 30px; }
.ticket-shop-calendar-key .key-label { display: inline-block; margin-right: 30px; margin-left: 10px; }
.ticket-shop-calendar-nav { margin-top: 20px; }
.month-item { border: 1px solid #DDD; margin-right: 10px; margin-bottom: 10px; border-radius: 10px; padding: 10px; height: 480px;}
#ticket-shop-calendar-container-header { padding-top: 20px;}
.multi-month-calendar td.success:hover {background-color: #26C281;}
.multi-month-calendar td.selected { background-color: #F4D03F; }
.multi-month-calendar td a { text-decoration: none; color: #000; display: block; padding: 3px 0 10px 3px;}
.ticket-shop-chosen-item { font-size: 150%; }
.now-and-next-group-container { border: 1px solid #DDDDDD; border-radius: 8px; padding: 20px; margin-top: 10px; margin-bottom: 10px; }
#selectTicketGroup, #selectTicketTime, #selectTicketSubGroup, #selectTicketDate, #selectTicketSubGroup2, #selectTicketTypes { padding-top: 20px; }
th.ticket-description-col, td.ticket-description-col {
    width: 50%;
}
div.price-div { font-size: 120%; font-weight: bold; margin-top: 10px;}
div.price-div .per-ticket-booking-fee { font-size: 80%; }
th.qty-col, td.qty-col {
    width: 150px;   
}

.tickets-total-container, #ticket-shop-total-container { font-size: 150%; }
#per-ticket-booking-fees-total-container,#booking-fee-container { margin-bottom: 20px;}
.total-price-display { display: inline-block; width: 100px; }

@media(max-width: 576px) {
    .multi-month-calendar .table>tbody>tr>td {padding: 5px!important; }
    .month-item { height: 360px; }
}

@media(max-width: 400px) {
    .multi-month-calendar .table>tbody>tr>td {padding: 5px!important; }
    .multi-month-calendar .col-md-6 { padding-left: 0; padding-right: 0; }
    .month-item { height: 360px; border: 0; }
}