.flickity-button {
        background: hsla(0, 0%, 100%, .35) !important;
        top: 100px !important;
}
.flickity-button:hover {
        background: hsla(0, 0%, 100%, .75) !important;
}
.flickity-viewport {
        min-height: 285px !important;
}
.flickity-page-dots {
        display: none;
}
.carousel-cell {
        align-items: normal !important;
}
.Event .carousel-cell > a > div:last-child{
        padding: 5px 0;
        /*border: 1px solid #e0e0e0;*/
}
.Event .carousel-cell {
	position:relative;
}
.EventCalendar {
        padding: 0;
        display: flex;
        align-items: stretch;
        gap: 20px;
        height: 300px;
}
.EventCalendar .Calendar {
        /* flex: 1; */
        /* width: 50%; */
        /* padding-top: 50px; */
        /* padding-bottom: 50px; */
}
.EventCalendar .ListItem {
        flex: 1;
        width: 50%;
        padding: 10px 20px;
        background-image: linear-gradient(to right, rgb(42 77 108 / 60%), rgb(12 89 159 / 60%)), url(images/bgdn.jpg);
        background-size: cover;
        background-position: center, right bottom;
        background-repeat: no-repeat, no-repeat;
}
.EventCalendar .RadCalendar {
        border: none !important;
        border-collapse: collapse !important;
}
.EventCalendar caption {
        display: none;
}
.EventCalendar .RadCalendar .rcTitlebar {
        background: #fff !important;
        border-radius: 0 !important;
        padding: 0 !important;
        border: none !important;
}
.EventCalendar .RadCalendar .rcTitlebar td {
        padding: 10px !important;
        border: 1px solid #159cf6;
        width: 50px !important;
        height: 50px !important;
        vertical-align: middle;
        text-align: center;
        border-bottom: 0 !important;
}
.EventCalendar .RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
        /* margin: 0 !important; */
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 70px !important; */
        /* height: 70px !important; */
        /* background: #fff !important; */
        margin: 0 auto !important;
}
.EventCalendar .RadCalendar .rcTitlebar table {
        border-collapse: collapse !important;
        border: none !important;
}
.EventCalendar .RadCalendar .rcWeek th {
        padding: 10px !important;
        margin: 0 !important;
        width: 50px !important;
        border: 1px solid #159cf6;
        height: 50px !important;
        background: whitesmoke;
        color: #343a40 !important;
}
.EventCalendar .RadCalendar .rcMainTable {
        border-collapse: collapse !important;
        border: none !important;
}
.EventCalendar .RadCalendar .rcRow th {
        border: 1px solid #159cf6 !important;
        /* background: #fff !important; */
        padding: 10px !important;
        width: 50px !important;
        height: 50px !important;
}
.EventCalendar .RadCalendar .rcRow td {
        border: 1px solid #159cf6 !important;
        padding: 0px !important;
        text-align: center !important;
        width: 50px !important;
        height: 50px !important;
        vertical-align: middle;
}
.EventCalendar .RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span {
        margin: auto !important;
        padding: 0px !important;
        /* width: 70px !important; *//* height: 70px !important; */display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: 600;
}
.EventCalendar .RadCalendar .rcTitlebar .rcTitle {
        font-size: 15px;
        font-weight: 600;
        width: 212px !important;
}
.EventCalendar .is-event{
        position: relative;
        /* background: #dee2e6; */
}
.RadCalendar .rcMain {
        border: none !important;
        width: unset !important;
        border-radius: 0 !important;
}
.RadCalendar_Bootstrap .rcRow th, .RadCalendar_Bootstrap .rcMain .rcWeekend a, .RadCalendar_Bootstrap .rcMain .rcOtherMonth a, .RadCalendar_Bootstrap .rcMain .rcOutOfRange span {
        color: #adb5bd;
}
.RadCalendar_Bootstrap .rcRow .rcHover a {
        background: #159cf6 !important;
        border-radius: 3px !important;
        color: #fff !important;
        border: none !important;
}
.RadCalendar_Bootstrap .rcTitlebar .rcPrev:hover, .RadCalendar_Bootstrap .rcTitlebar .rcNext:hover, .RadCalendar_Bootstrap .rcTitlebar .rcFastPrev:hover, .RadCalendar_Bootstrap .rcTitlebar .rcFastNext:hover {
        background: #159cf6 !important;
        border: none !important;
        color: #fff !important;
}
.EventCalendar .ListItem span {
        color: #fff;
        font-size: 13px;
}
.EventCalendar .view-more {
        padding: 1px 0;
        display: inline-block;
        margin-top: 20px;
        transition: 300ms;
}
.EventCalendar .view-more a {
        font-size: 14px;
        text-transform: uppercase;
        padding: 6px 20px;
        background: #d80027;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
}
.EventCalendar .view-more:before {
        content: '';
        width: 30%;
        height: 2px;
        background: #dc3545;
        display: block;
        margin-bottom: 3px;
        transition: 300ms;
}
.EventCalendar .view-more:after {
        content: '';
        width: 30%;
        height: 2px;
        background: #dc3545;
        display: block;
        margin-top: 3px;
        float: right;
        transition: 300ms;
}
.EventCalendar .view-more:hover:after {
        width: 100%;
}
.EventCalendar .view-more:hover:before {
        width: 100%;
}
.EventCalendar h2.title {
        padding: 10px 0;
        border-bottom: 2px solid #fff;
        font-size: 1.8rem;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 20px;
        font-weight: 600;
}
.EventCalendar .Item a {
        font-size: 15px;
        color: #fff;
        /* padding: 10px; */
        display: flex;
        width: 100%;
        text-decoration: none;
}
.EventCalendar .Item a:before{
        content: '➤';
        margin-right: 10px;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
}
.EventCalendar .Item{
        padding: 10px;
}
.EventCalendar .TitleEvent {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 10px;
}
.EventCalendar .DateEvent {
        padding-left: 20px;
        margin-bottom: 5px;
}
.EventCalendar .AddressEvent {
        padding-left: 20px;
}
.EventCalendar tr.Pager {
        display: flex;
        padding: 10px 0;
        text-align: center;
        align-items: center;
        justify-content: center;
}
.EventCalendar tr.Pager tr>td>span, .EventCalendar tr.Pager tr>td>a {
        width: 30px;
        height: 30px;
        display: flex;
        font-size: 15px;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 5px;
        color: #343a40;
        margin: 2px;
}
.EventCalendar tr.Pager tr>td>span {
        color: red !important;
        font-weight: 600;
}
.EventCalendar span.event-count {
        font-size: 11px !important;
        color: #dc3545 !important;
        width: unset !important;
        height: unset !important;
        /* display: inline-block !important; */
        position: absolute;
        top: -5px;
        left: 5px;
}
.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
        background: #159cf6 !important;
        border: none !important;
        color: #fff !important;
}
.RadCalendarMonthView_Bootstrap .rcSelected a {
        background: #159cf6 !important;
        color: #fff !important;
        border-radius: 3px !important;
        font-size: 15px;
}
table.RadCalendarMonthView {
        padding: 10px;
        border: 1px solid #159cf6;
        border-radius: 0;
}
body>.RadCalendarPopupShadows {
        padding: 0;
}
.RadCalendarPopupShadows>.rcShadTR {
        display: none;
}
.RadCalendarPopupShadows>.rcShadBL {
        display: none;
}
.RadCalendarPopupShadows>.rcShadBR {
        display: none;
}
.RadCalendarMonthView_Bootstrap a {
        font-size: 15px;
        color: #343a40 !important;
}
.RadCalendarMonthView_Bootstrap .rcButtons input {
        margin: 0 !important;
        float: none !important;
        width: calc(33% - 5px) !important;
}
.RadCalendarMonthView_Bootstrap .rcButtons input+input {
        margin-left: 5px !important;
}
.RadCalendarMonthView_Bootstrap .rcButtons {
        padding: 10px 0 !important;
        text-align: center !important;
}
.RadCalendarMonthView_Bootstrap #rcMView_OK {
        background: #159cf6 !important;
}
.Event {
        padding: 0;
        margin-bottom: 10px;
        /* padding-bottom: 50px; */
        border: 1px solid #e0e0e0;
        padding-bottom: 10px;
}
.Event .tab {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        border-bottom: 2px solid #e9ecef;
}
.Event span.filter {
        flex: 1;
        text-align: right;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        color: #343a40;
        cursor: pointer;
}
.Event .tab>a {
        /* margin: 0 !important; */
        border: 0 !important;
        border-radius: 0 !important;
        padding: 8px 25px !important;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        color: #343a40;
}
.Event .tab>a.btn-info {
        border-bottom: 2px solid #1090f0!important;
        margin-bottom: -2px !important;
        background: #e9ecef;
        color: #fff!important;
        background: #d80027;
}
.Event ul.filter-box {
        position: absolute;
        right: 0;
        border: 1px solid #159cf6;
        padding: 10px;
        list-style: none;
        margin: 0;
        /* display: flex !important; */
        flex-direction: column;
        gap: 10px;
        background: #fff;
}
.Event .Search {
        position: relative;
}
.Event .flex {
        flex: 1;
}
.Event .Item a {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        text-decoration: none;
}
.Event .Item a .TitleEvent{
        display: flex;
        width: 100%;
}
.Event .Item a .TitleEvent:before{
        content: '➤';
        margin-right: 10px;
        color: #dc3545;
        font-weight: bold;
        font-size: 15px;
}
.EventElse .Item a .TitleEvent{
        display: flex;
        width: 100%;
}
.EventElse .Item a .TitleEvent:before{
        content: '➤';
        margin-right: 10px;
        color: #dc3545;
        font-weight: bold;
        font-size: 15px;
}
.Event .ImgEvent {
        /*width: 250px;*/
        height: 190px;
}
.Event .ImgEvent img {
        width: 100%;
        object-fit: cover;
        height: 100%;
}
.Event .ListItem>div>table>tbody>tr+tr>td {
        padding-top: 20px;
}
.Event .TitleEvent {
        font-size: 13px;
        line-height: 1.4em;
        font-weight: bold;
        margin-bottom: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 10px;
        text-align: center;
}
.Event .StatusEvent {
        font-size: 14px;
        font-weight: 400;
        position: absolute;
        top: 160px;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        padding: 5px 10px;
        text-align: center;
        color: white;
}
.Event .DateEvent {
         margin-bottom: 0px;
        font-size: 13px;
        line-height: 1em;
        background: url(images/calendar.png) no-repeat;
        background-size: 16px;
        background-position: left center;
        /*display: flex;
        flex-direction: row;
        text-align: left;*/
        padding: 0 10px;
        margin-top: 5px;
        padding-top: 10px;
        border-top: 1px solid #d6d6d6;
        line-height: 1.4;
        color: #222;
}
.Event .DateEvent > span {
        width: 90px;
}
.Event .AddressEvent {
        font-size: 13px;
        padding-left: 0;
        background: url(images/location.png) no-repeat;
        background-size: 16px;
        background-position: left center;
        padding: 0 10px;
         line-height: 1.4;
        margin-top: 5px;
        color: #222;
}
.Event tr.Pager {
        display: flex;
        padding: 10px 0;
        text-align: center;
        align-items: center;
        justify-content: center;
}
.Event tr.Pager tr>td>span, .Event tr.Pager tr>td>a {
        width: 30px;
        height: 30px;
        display: flex;
        font-size: 15px;
        align-items: center;
        justify-content: center;
        background: #e9ecef;
        border-radius: 5px;
        color: #343a40;
        margin: 2px;
}
.Event tr.Pager tr>td>span {
        color: #fff !important;
        font-weight: 600;
        background: #159cf6;
}
.Event ul.filter-box input[type='submit'] {
        margin: 5px;
        margin-top: 10px;
        border: none;
        background: #159cf6;
        border-radius: 3px;
        padding: 8px 25px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
}
.Event ul.filter-box li {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
}
.EventDetail {
        padding: 0;
        padding-bottom: 50px;
}
.flickity-prev-next-button{
	width: 30px!important;
        height: 30px!important
}
.EventElse {
        padding: 0;
        padding-bottom: 0;
}
.EventDetail .UISocialShare {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
}
.EventDetail .UISocialShare .facebook {
        margin-top: -1px;
}
.EventDetail .Name {
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 20px;
        color: #159cf6;
}
.EventDetail .DateTime {
        font-size: 16px;
        margin-bottom: 5px;
}
.EventDetail .DateTime>span {
        font-weight: 600;
}
.EventDetail .Address {
        font-size: 16px;
        margin-bottom: 5px;
}
.EventDetail .Address>span {
        font-weight: 600;
}
.EventDetail .Detail {
        font-size: 16px;
}
.EventElse h2.title {
        color: #343a40;
        font-size: 22px;
        text-transform: uppercase;
        /* padding: 15px; */
        display: inline-block;
        text-decoration: none;
        /* background: #ffffff; */
        position: relative;
        padding-left: 0;
        margin: 0;
        margin-bottom: 30px;
        font-weight: 600;
}
.EventElse .TitleEvent {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
}
.EventElse .DateEvent {
        padding-left: 20px;
        margin-bottom: 5px;
        font-size: 15px;
}
.EventElse .AddressEvent {
        font-size: 15px;
        padding-left: 20px;
}
.EventElse tr.Pager {
        display: flex;
        padding: 10px 0;
        text-align: center;
        align-items: center;
        justify-content: center;
        width: 100%;
}
.EventElse tr.Pager tr>td>span, .EventElse tr.Pager tr>td>a {
        width: 30px;
        height: 30px;
        display: flex;
        font-size: 15px;
        align-items: center;
        justify-content: center;
        background: #e9ecef;
        border-radius: 5px;
        color: #343a40;
        margin: 2px;
}
.EventElse tr.Pager tr>td>span {
        color: #fff !important;
        font-weight: 600;
        background: #159cf6;
}
.EventElse .Item a {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        text-decoration: none;
}
.EventElse .ImgEvent {
        width: 250px;
        height: 160px;
}
.EventElse .ImgEvent img {
        width: 100%;
        height: 100%;
}
.EventElse>div>table>tbody {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 20px;
        align-items: stretch;
}
.EventElse>div>table>tbody>tr {
        display: flex;
        gap: 20px;
        align-items: stretch;
        flex: 48%;
}
.EventElse .Item a>div:nth-child(2) {
        flex: 1;
}
.Event .Item a>div:nth-child(2) {
        flex: 1;
}
.EventElse .DateEvent {
        padding-left: 25px;
        margin-bottom: 5px;
        font-size: 15px;
        background: url(images/calendar.png) no-repeat;
        background-size: 16px;
        background-position: left center;
}
.EventElse .AddressEvent {
        font-size: 15px;
        padding-left: 25px;
        background: url(images/location.png) no-repeat;
        background-size: 16px;
        background-position: left center;
}
.EventCalendar .DateEvent {
        padding-left: 25px;
        margin-bottom: 5px;
        font-size: 13px;
        background: url(images/calendar.png) no-repeat;
        background-size: 16px;
        background-position: left center;
}
.EventCalendar .AddressEvent {
        font-size: 13px;
        padding-left: 25px;
        background: url(images/location.png) no-repeat;
        background-size: 16px;
        background-position: left center;
}
td.rcHover.is-event .event-count {
        color: transparent !important;
}
.EventCalendar .RadCalendar .rcRow td.rcSelected .event-count {
        display: none;
}
@media only screen and (max-width: 768px){
        .Event {
                padding: 0 20px;
                width: 100vw;
                padding-bottom: 20px;
        }
        .Event .Item a>div:nth-child(2) {
                flex: 1;
        }
        .Event .ImgEvent {
                /*width: 160px;
                height: 110px;*/
        }
        .Event tr.Pager td {
                display: inline-block !important;
                width: unset !important;
        }
        .Event ul.filter-box {
                background: #fff;
        }
        .Event .RadComboBox .rcbArrowCell a {
                height: 27px !important;
                width: 27px !important;
                background-position: -18px -62px !important;
        }
        .Event .RadComboBox .rcbReadOnly .rcbArrowCellRight {
                height: 27px;
        }
        .EventDetail {
                width: 100vw;
                padding: 0 20px;
                padding-bottom: 20px;
        }
        .EventElse {
                padding: 0 20px;
                padding-bottom: 20px;
                width: 100vw;
        }
        .EventElse tr.Pager td {
                width: unset !important;
                display: inline-block !important;
        }
        .EventElse .ImgEvent {
                width: 150px;
                height: 110px;
        }
        .EventElse .Item a>div:nth-child(2) {
                flex: 1;
        }
        div.EventCalendar .Calendar td {
                display: table-cell;
        }
        .EventCalendar {
                padding: 0 20px;
                flex-direction: column;
                width: 100vw;
        }
        .EventCalendar .Calendar {
                width: 100%;
                padding: 20px 0;
                padding-bottom: 0;
        }
        .EventCalendar .ListItem {
                width: 100%;
        }
        .EventCalendar tr.Pager td {
                display: inline-block !important;
                width: unset !important;
        }
}