/* Theater Details page*/
.theatercal-container {background: #f0f0f0; padding:10px; position: relative;margin-bottom: 30px;} 
.theatercal-container .overlay {position: absolute;}
.theatercal-container .calender-loader {left: 50%;}
.theatercal-container:after, .theatercalender-content:after {content:""; display:block; clear: both;}
.theatercalender-content {background: #fff; padding: 14px; border: 1px solid #d7d7d7; width: 100%;}
.theatercal-container h2 a {font-size: 0;display: inline-block;width: 28px; height: 32px; background-image: url(../images/spite-custom.png); vertical-align: top;  }
.theatercal-container h2 a.prev-arrow {background-position: -5px -386px; background-repeat: no-repeat;}
.theatercal-container h2 a.next-arrow {background-position: -45px -386px; background-repeat: no-repeat;}
.theatercalender-content select {vertical-align: top; font-size: 12px; padding-right: 38px;}
.theatercal-container .theatercalender-content h2 {text-align: center; border: 0; margin-top: 20px;}
.theatercal-container .theatercalender-content span {display: block; text-align: center; margin-bottom: 40px;}
.theatercal-container #calender_section_bot {width: 100%;}
.theatercal-container #calender_section_bot ul li.view-green span { background: #5bb85d; color: #fff; cursor: pointer;}
.theatercal-container #calender_section_bot ul li.view-green.active span {background: #3f8aff; color: #fff;}
.theatercalender-timeslot ul li {margin: 0 0 2% 2%; padding: 0; width: 23%; text-align: center;}
.theatercalender-timeslot .timeslot-area {margin-left: -2%; height: auto;}
.theatercalender-timeslot ul li:nth-child(1) {margin-right:0; width: 100%;}
.theatercalender-timeslot ul li:nth-child(2), .theatercalender-timeslot ul li:nth-child(3) {width:48%;}
.theatercalender-timeslot.booking-calender-timeslot-view ul li input {width: 100%;}
.theatercal-container .timeslot-area {overflow: hidden;}

/*19.10.2022 -- New Ticket Section*/
.ovrlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.75); z-index: 2222;}
.seating-ticket-pop-outer { max-width: 900px; width: 90%; padding: 0; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); box-shadow: 0 2px 6px rgb(0 0 0); background: #a2c4c9;  border: 10px solid #fff; z-index: 33333;}
.seat-ticket-popup-container {margin: 30px;}
.ticket-lebel {padding: 0 0 25px; border-bottom: 1px solid rgba(0,0,0,0.2);  font-size:30px; font-weight: 700;margin-bottom: 25px;}
.tickets-list ul {list-style: none; margin:0; padding: 0;}
.tickets-list ul li {font-size: 30px; text-align: center; background:#c4dadd; padding: 30px; margin-bottom: 14px; cursor: pointer;}
.tickets-list ul li.active {background-color:#fff;}
.tickets-list ul li:hover {opacity: 0.8;}
.seating-ticket-pop-outer .ticket-popup-close {border: 4px solid #fff;top: -24px;right: -24px;padding: 0;color: #000;}

/* 19.05.2023 - theatercal-container */
.theatercal-container .dynamic-row::after {content:""; display: block; clear:both; }
.theatercal-container .timeslot-list { float: left; margin: 0 0 2% 2%;}
.theatercal-container .timeslot-list li {margin: 0; padding: 0;}
.theatercal-container .theatercalender-content {margin-bottom:24px;}
.theatercal-container .list-4 .timeslot-list {width: 23%;}
.theatercal-container .list-3 .timeslot-list {width: 31.33%;}
.theatercal-container .list-2 .timeslot-list {width: 48%;}
.theatercal-container .list-1 .timeslot-list {width: 98%;}


@media only screen and (min-width: 768px){
    #calender_section_top ul, #calender_section_bot ul { width: 100%; }
    .theatercal-container #calender_section_bot ul li, .theatercal-container #calender_section_top ul li{/*width: 122px;*/width: 14.2857%;}
    .theatercal-container {background: #f0f0f0; padding: 48px 58px 20px;position: relative;}
    .theatercalender-content select {width: 115px;}
}

@media (max-width: 767px){
.theatercalender-content select[name="month_dropdown"] {width: 115px;}
.theatercalender-content select[name="year_dropdown"] {width: 86px;}
}