.mainBody { display: none; }
.calendarView { max-width: 1170px; margin: 0 auto; }
.table > thead > tr > th { font-family: 'almoni-tzar-aaa-bold'; font-size: 130%; background: #ffffff; padding: 9px; border: 0; text-align: center; }
.calendar-day { width: 100px; min-width: 100px; max-width: 100px; height: 80px; }

.selected { background-color: #eee; }
.outside .date { color: #ccc; }
.timetitle { white-space: nowrap; text-align: right; }
.event { margin-top: 5px; /* border-top: 1px solid #b2dba1; */ /* border-bottom: 1px solid #b2dba1; */ /* background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%); */ /* background-repeat: repeat-x; */ /* color: #3c763d; */ border-width: 1px; font-size: 0.90em; /* padding: 0 0.75em; */ line-height: 1.2; /* white-space: nowrap; */ /*overflow: hidden;*/ /* text-overflow: ellipsis; */ margin-bottom: 1px; cursor: pointer; position: relative; }
.event.open { background-color: red; }
.event.begin { /* border-left: 1px solid #b2dba1; */ /* border-top-left-radius: 4px; */ /* border-bottom-left-radius: 4px; */ }
.event.end { /* border-right: 1px solid #b2dba1; */ /* border-top-right-radius: 4px; */ /* border-bottom-right-radius: 4px; */ }
.event.all-day { border-top: 1px solid #9acfea; border-bottom: 1px solid #9acfea; background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%); background-repeat: repeat-x; color: #31708f; border-width: 1px; }
.popover.top > .arrow:after { margin-right: -10px; }
.popover.top > .arrow:before { bottom: 1px; content: " "; border-bottom-width: 0; content: ""; position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 11px; z-index: 0; margin-right: -11px; top: -9px; border-top-color: #3d8525; }
.popover-title { display: none; }
.popover.top { box-shadow: 7px 7px 30px 0 rgba(54, 54, 54, 0.1); border: solid 2px #3d8525; border-radius: 0; min-width: 370px; min-height: 170px; }
.rightImg { max-width: 140px; height: 140px; overflow: hidden; float: right; }
.leftContent { float: right; width: calc(100% - 150px); padding-right: 20px; }
.leftContent p strong { font-family: 'almoni-tzar-aaa-bold'; font-size: 185%; display: block; margin-top: 5px; line-height: 1; }
.leftContent p { text-align: right; }
.popover-content { padding: 12px; }
.leftContent p:nth-child(2) { margin-top: 10px; }
.event.all-day.begin { border-left: 1px solid #9acfea; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.event.all-day.end { border-right: 1px solid #9acfea; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.event.clear { background: none; border: 1px solid transparent; }
.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td { padding-top: 0; padding-bottom: 0; }
.calender-day-inner { background: #ffffff; padding: 10px; height: 120px; opacity: 0.7; }
.calender-day-inner.hasEvent { opacity: 1; }
tbody tr td:first-child { padding-right: 0; }
tbody tr td:last-child { padding-left: 0; }
.date { width: 23px; height: 23px; background: #eee; color: #252525; text-align: center; }
.hasEvent .date { background: #3d8525; color: #fff; }
td.today .date { background: #252525; color: #fff; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none; }
.table > tbody > tr > td { padding-top: 8px; padding-bottom: 0; background: transparent; }

.selectLayout button { background: transparent; border: 0; }
.selectLayout button svg path { fill: #D3D3D3; }
.selectLayout button.active svg path { fill: #3d8525; fill: #3d8525; }

.ListView { max-width: 1170px; margin: 0 auto; padding-bottom: 60px; }
.ListView ul.listOfShows { padding: 0; margin: 0; list-style: none; }
.ListView ul.listOfShows li { background: #ffffff; display: table; width: 100%; margin-bottom: 9px; padding: 10px; transition: all 300ms ease-in-out; -webkit-transition: all 220ms ease-in-out; height: 74px; }
.ListView ul.listOfShows li .showRow { width: 100%; display: table; height: 100%; }
.ListView ul.listOfShows li .showRow:focus, .ListView ul.listOfShows li .showRow:hover { text-decoration: none; }
.ListView ul.listOfShows li div { display: table-cell; vertical-align: middle; text-align: center; }
.ListView ul.listOfShows li div.showItemListDate { width: 8%; color: #3d8525; font-family: 'almoni-tzar-aaa-bold'; font-size: 135%; text-align: right; padding: 0 15px; }
.ListView ul.listOfShows li div.showItemListName { width: 15%; font-family: 'almoni-tzar-aaa-bold'; text-align: right; padding: 0 15px; }
.ListView ul.listOfShows li div.showItemListDay { width: 15%; }
.ListView ul.listOfShows li div.showItemListTime { width: 15%; }
.ListView ul.listOfShows li div.showItemListSubtitles { width: 15%; }
.ListView ul.listOfShows li div.showItemListLocation { width: 15%; }
.ListView ul.listOfShows li div.showItemListBtn { width: 12%; }
.ListView ul.listOfShows li div.showItemListBtns .btn { margin: 4px 0; }
.ListView ul.listOfShows li div.showItemListBtn .btn { width: 120px; padding: 0; line-height: 36px; min-width: 120px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.ListView ul.listOfShows li div.showItemListBtn .btn.noAvailability { font-size: 100%; pointer-events: none; border-color: #adadad; background-color: #adadad; color: #000; }
.ListView ul.listOfShows li div.showItemListBtn .btn:hover { padding-right: 25px; }
.ListView ul.listOfShows li div.showItemListBtn .btn[edate="6377"]:hover { padding-right: 0; }
.ListView ul.listOfShows li div.showItemListBtn .btn svg { position: absolute; top: 50%; right: 25px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ListView ul.listOfShows li div.showItemListBtn .btn:hover svg { display: inline-block; width: 18px; height: 18px; margin-bottom: -3px; margin-left: 3px; right: 18px; visibility: visible; opacity: 1; }
.ListView ul.listOfShows li:not(.noAvailability):hover { -webkit-transform: scale(1.005); transform: scale(1.005); height: 80px; box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1); }
.showItemListBtn .buttonHover:hover::before, .showItemListBtn .buttonHover:focus::before { z-index: -1; background-color: #3d8525; }

.nowMonth[show-available="False"] { display: none; }

@media(max-width:991px) {
    .selectLayout { display: none; }
    .calendarView { display: none; }
    .ListView { display: block !important; }
    .ListView { max-width: 90vw; padding-bottom: 90px; }
    .ListView ul.listOfShows li div.showItemListBtn .btn { width: 110px; height: 38px; }
    .ListView ul.listOfShows li div { padding: 0 10px; }
}

@media(max-width:767px) {
    ul.MonthsSelect li { width: auto; float: none; min-width: 0px; }
    .ListView { margin-top: 115px; padding-bottom: 45px; }
    .topBanner { height: 280px; }
    .ListView ul.listOfShows li div { display: block; text-align: right; padding: 0; }
    .ListView ul.listOfShows li div.showItemListDate, .ListView ul.listOfShows li div.showItemListName { width: unset; display: inline-block; font-size: 175%; padding: 0; }
    .ListView ul.listOfShows li div.showItemListDate { margin-left: 5px; }
    .ListView ul.listOfShows li div.showItemListDay, .ListView ul.listOfShows li div.showItemListTime, .ListView ul.listOfShows li div.showItemListLocation { width: unset; display: inline-block; margin-left: 5px; font-size: 5vw; }
    .ListView ul.listOfShows li div.showItemListDay svg, .ListView ul.listOfShows li div.showItemListTime svg, .ListView ul.listOfShows li div.showItemListLocation svg { fill: #252525; width: 18px; height: 18px; vertical-align: middle; margin-top: -2px; }
    .ListView ul.listOfShows li div.showItemListSubtitles { width: 100%; margin-bottom: 20px; }
    .showItemTitle_mobile, .showItemDetails_mobile, .showItemListSubtitles { margin-bottom: 12px; }
    .ListView ul.listOfShows li { padding: 15px; margin-bottom: 30px; }

    .ListView ul.listOfShows li div.showItemListBtn { width: 100%; display: flex; justify-content: flex-start; }
    .ListView ul.listOfShows li div.showItemListBtn .btn { font-size: 100%; }
    .ListView ul.listOfShows li div.showItemListBtn a:first-child, .ListView ul.listOfShows li div.showItemListBtn .btn.noAvailability { margin-left: 10px; }
    .ListView ul.listOfShows li div.showItemListBtn .btn:hover svg { top: unset; bottom: 22px; right: 22px; }
    .ListView ul.listOfShows li div.showItemListBtn .btn svg path { fill: #3d8525; }
}
@media(max-width:320px) {
    .ListView ul.listOfShows li div.showItemListBtn { justify-content: space-between; }
}