*,
*::before,
*::after {
    box-sizing: border-box;
}

#calendarWrap {
    margin: 10px;
    margin-bottom:140px;
    flex: 1;
    padding:20px;
    background-color: #ffffff;
}

.XTL-toolbar {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
}

#divCalendar {
}

.XTL-dayheader {
    display: block;
    background-color: #E0E0E0;
    padding: 3px 5px 3px 5px;
    font-family: sans-serif;
    font-weight: bold;
    color: #555555;
    font-size: 13px;
    line-height: 16px;
    width: 100%;
}

.XTL-daybox {
    padding: 0px;
    position: relative;
    background-color: #BBBBBB;
}

.XTL-daybox.XTL-daymuted {
    background-color: #BBBBBB;
}

.XTL-dayheader.XTL-daymuted {
    color: #A2A2A2;
}

.day {
    width: 14%;
    padding: 0px;
    vertical-align: top;
    border: 2px solid #fff;
    padding: 0;
}

.XTL-dayheader {
    background-color: #565656;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-family: sans-serif;
}

/*
#calendar_title,
#calendar_title_mobile {
    line-height: 50px;
    font-size: 20px;
    text-align: center;
}
*/

.XTL-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.XTL-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    border: 2px solid #fff;
}

.XTL-gap {
    width:0px;
}

#XTL-toolbar-header > .XTL-row > .XTL-column {
    /*margin-bottom:2px;*/
}

.btn {
    border-radius: 0px;
}

/*
.XTL-button {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #E4EAEC;
    text-align: center;
    font-size: .858rem;
    line-height: 20px;
    border-radius: 0.143rem;
    box-sizing: border-box;
    font-weight: 300;
    cursor: pointer;
    text-transform: uppercase;
    color: #616B75;
    background-color: #fff;
}

.XTL-button:hover {
    background-color: #E4EAEC;
}

.XTL-button.disabled {
    color: #e9e9e9;
}

.XTL-button.disabled:hover {
    background-color: #fff;
    cursor: default;
}
*/

.calendar-button {
    margin-left:10x;
}

.XTL-daymuted>td.XTL-dayheader {
    color: #888888;
}

#dpMonthYear {
    height: 50px;
    width: 100%;
}

#tblCalendar>tbody>tr:nth-child(even)>td {
    border: 1px solid #BBBBBB;
}

.XTL-daymuted>td.XTL-dayheader {
    color: #888888;
}

.hiddensm {
    display: none;
}

@media (min-width: 990px) {
    .XTL-column {
        flex: 1;
    }
}

@media (min-width: 768px) {
    .hiddensm {
        display: inline-block;
    }
}

.XTL-events {
    width: 100%;
    height: 100%;
    /*padding: 5px 5px 0 5px;*/
    min-height: 50px;
}

.XTL-events .XTL-event:hover {
    box-shadow: 0px 0px 4px 2px rgba(62, 142, 247, 0.6);
    background-color: rgba(62, 142, 247, 0.1);
    transition: box-shadow .5s, background-color .5s;
}

.XTL-events .XTL-event {
    padding: 8px;
    opacity: .8;
    /*margin-bottom: 5px;*/
    background-color: white;
    border-bottom: 1px solid #D2D2D2;
}

.XTL-link {
    text-decoration: none;
    color: #3E8EF7;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.XTL-events .XTL-event:last-of-type {
    /*border-bottom: 0px;*/
}

.XTL-event-name,
.XTL-event-name a {
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 14px;
    color: #1a1a1a;
}

.XTL-event-time,
.XTL-mobile-event {
    font-size: 12px;
    color: #1a1a1a;
}

.XTL-mobile-event {
    border-bottom: 1px solid #D2D2D2;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 8px;
}

.XTL-mobile-event>.XTL-event-name {
    font-size: 16px;
}

.XTL-mobile-event>.XTL-event-time {
    display: inline-block;
    line-height: 14px;
    padding-bottom: 6px;
}

.XTL-event-description {
    font-size: 15px;
    color: #555555;
    line-height: 16px;
    margin-top: 4px;
}

.XTL-events>div {
    cursor: pointer;
}

.XTL-eventbox {
    cursor: default;
}

.XTL-event-name {
    cursor: pointer;
}

.XTL-daily-details {
    width: 70%;
    padding: 10px;
    padding-left: 20px;
}

.XTL-eventbox-daily {
    width: 90%;
    margin: auto;
    margin-top: 10px;
}

.XTL-eventbox {
    display: none;
    z-index: 200;
}

.XTL-eventbox.XTL-tooltip {
    display: inline-block;
    position: absolute;
    background-color: white;
    border: 1px solid #EEEEEE;
    /*box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);*/
    box-shadow: 1px 2px 21px rgba(0, 0, 0, .4);
    border-radius: 4px;
    margin-left: 4px;
    margin-top: 4px;
    padding: 10px;
    max-width:278px;
}

.XTL-eventbox.XTL-tooltip::before {
    /*border-bottom-width: 4px;
					border-image-repeat: stretch;
					border-image-slice: 100%;
					border-image-width: 1px;
					border-left-color: black;*/
    border: 10px solid transparent;
    border-bottom-color: white;
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 20px;
    left: auto;
    right: auto;
    box-sizing: border-box;
    z-index: 200;
    pointer-events: none;
}

.XTL-eventbox.XTL-tooltip.XTL-tooltipBL::before {
    left: 40px;
}

.XTL-eventbox.XTL-tooltip.XTL-tooltipBR::before {
    right: 40px;
}

.XTL-eventbox.XTL-tooltip.XTL-tooltipTL::before {
    left: 40px;
    top: auto;
    bottom: -20px;
    border-bottom-color: transparent;
    border-top-color: white;
}

.XTL-eventbox.XTL-tooltip.XTL-tooltipTR::before {
    right: 40px;
    top: auto;
    bottom: -20px;
    border-bottom-color: transparent;
    border-top-color: white;
}

.XTL-event-details {
    display:block;
    width:100%;
}

i {
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    padding-right: 6px;
}

i.iright {
    width: 40px;
    height: 50px;
    padding: 10px;
    border: 1px solid #E4EAEC;
    border-left: 0px;
    background-color: white;
    border-radius: 0.143rem;
    top: 0px;
    padding-right: 10px;
    left: -40px;
    pointer-events: none;
}

.XTLcalField {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23616B75" d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 248H128V192H48V248zM48 296V360H128V296H48zM176 296V360H272V296H176zM320 296V360H400V296H320zM400 192H320V248H400V192zM400 408H320V464H384C392.8 464 400 456.8 400 448V408zM272 408H176V464H272V408zM128 408H48V448C48 456.8 55.16 464 64 464H128V408zM272 192H176V248H272V192z"/></svg>') no-repeat scroll 7px 14px;
    background-size: 20px 20px;
    padding-left: 36px;
}

i.XTLcalendar {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23616B75" d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 248H128V192H48V248zM48 296V360H128V296H48zM176 296V360H272V296H176zM320 296V360H400V296H320zM400 192H320V248H400V192zM400 408H320V464H384C392.8 464 400 456.8 400 448V408zM272 408H176V464H272V408zM128 408H48V448C48 456.8 55.16 464 64 464H128V408zM272 192H176V248H272V192z"/></svg>');
}

i.XTLcalendarday {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23616B75" d="M383.9,64h-40V24c0-13.2-10.7-24-24-24c-13.2,0-24,10.7-24,24v40H152V24c0-13.2-10.7-24-24-24c-13.2,0-24,10.7-24,24v40 H64.1c-35.4,0-64,28.6-64,64v319.9c0,35.2,28.6,64,64,64h319.9c35.2,0,64-28.8,64-64V128C447.9,92.8,419.2,64,383.9,64z M400,248v48 v64v48v40v16h-16h-64h-48H176h-48h-64H48v-16v-40v-48v-64v-48v-56h80h48H272h48h80L400,248L400,248z"/><path fill="%23616B75" d="M207.3,255.8h-96.5c-8.4,0-15.1,6.7-15.1,15.1v94c0,8.4,6.7,15.1,15.1,15.1h96.5c8.4,0,15.1-6.7,15.1-15.1v-94 C222.5,262.5,215.7,255.8,207.3,255.8z"/></svg>');
}

i.XTLlist {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23616B75" d="M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H192C174.3 128 160 113.7 160 96C160 78.33 174.3 64 192 64H480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H192C174.3 288 160 273.7 160 256C160 238.3 174.3 224 192 224H480zM480 384C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416C160 398.3 174.3 384 192 384H480zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z"/></svg>');
}

i.XTLcalendarweek {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23616B75" d="M384,64h-40V24c0-13.2-10.7-24-24-24s-24,10.8-24,24v40H152V24c0-13.2-10.7-24-24-24c-13.3,0-24,10.8-24,24v40H64 c-35.3,0-64,28.7-64,64V448c0,35.3,28.7,64,64,64h320.1c35.3,0,64-28.7,64-64V127.9C448,92.6,419.3,64,384,64z M400,248v48v64v48v40 v16h-16h-64h-48h-96h-48h-64h-16v-16v-40v-48v-64v-48v-56h80h48h96h48h80V248z"/><path fill="%23616B75" d="M341.4,255.6H106.8c-5.7,0-10.4,4.7-10.4,10.4v74.2c0,5.7,4.7,10.4,10.4,10.4h234.5c5.7,0,10.4-4.7,10.4-10.4V266 C351.8,260.1,347.1,255.6,341.4,255.6z"/></svg>');
}

.dot {
    background-color: #3E8EF7;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin: 0px auto;
    position: relative;
    top: 11px;
}

.XTL-eventbox-daily tr {
    display: block;
    width: 100%;
}

.XTL-eventbox-daily td {
    display: block;
    width: 100%;
}

.XTL-event-image {
    width: 100%;
    display: block;
    margin-right: 6px;
    margin-bottom: 10px;
    float: none;
}

.hidden {
    display: none !important;
}

.mobilehide {
    display: none;
}

.mobileshow {
    display: block;
    overflow: auto;
}

#tblCalendar {
    display: none;
}

.filter-event {
    display: none;
}

@media (min-width: 768px) {
    .XTL-eventbox-daily tr {
        width: unset;
        display: table-row;
    }

    .XTL-eventbox-daily td {
        width: unset;
        display: table-cell;
    }

    .XTL-event-image {
        width: 100%;
        display: block;
        margin-right: 6px;
        margin-bottom: 10px;
        float: none;
    }

    .XTL-event-image-tbl {
        width: 250px !important;
        float: right !important;
    }

    .mobilehide {
        display: block;
    }

    .mobileshow {
        display: none;
    }

    .XTL-eventbox-daily {
        width: 80%;
    }

    .XTL-daily-details {
        padding-left: 100px;
    }

    #tblCalendar {
        display: table;
    }

    .XTL-mobile-event {
        display: none;
    }

    .filter-event {
        display: none;
    }
}

/*
input {
    height: 2.288rem;
    color: #616B75;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #E4EAEC;
    padding: 0.429rem 0.858rem;
    font-size: .858rem;
    line-height: 20px;
    border-radius: 0.143rem;
    box-sizing: border-box;
    font-weight: 300;
    box-shadow: none;
    transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 60px;
    outline: 0;
}
*/

.XTL-event-month-time {
    margin: 0px;
    font-size: 12px;
}

.XTL-event-month-name {
    margin: 0px;
    font-size: 14px;
}

.XTL-filter {
    margin-right: 10px;
    border: 0px;
}

.XTL-filter:hover {
    opacity: 0.75;
}

.mday_string {
    width: 100%;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
    background-color: #E0E0E0;
    text-transform: uppercase;
    border-bottom: 1px solid #BBBBBB;
}

.soldout {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 4px;
    background: #878787;
    color: white;
    width: 100%;
    text-align: center;
}

.sold-out {
    cursor: default;
}

.today {
    background-color: #fafad5
}

.XTL-seemore {
    border-left: 4px solid lightgrey;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 14px;
    color: #1a1a1a;
}

.XTL-category-button {
    margin-left:5px;
}
.XTL-event-tooltip-header {
    margin-bottom:10px;
}

#descriptionTooltipImage {
    width: 100%;
}

#descriptionTooltipLink {
    display:inline;
}

#descriptionTooltipName {
    font-size:1.2rem;
    margin-bottom: 5px;
}

#descriptionTooltipDate {
    font-size:1rem;
}




/* daily and list view */
.XTLday-container {
    background-color: #ffffff;
}
.XTLday-row {
    margin-top:40px;
    margin-bottom:20px;
    margin-left:0px;
    margin-right:0px;
    padding-top:20px;
    border-top: 1px solid #BBBBBB;
}

.XTLday-column {
    padding:0px;
}

.XTLday-column-left {
}

.XTLday-column-center {
    padding-left:10px;
    padding-right:10px;
    overflow: hidden;
    max-height: 200px;
}

.XTLday-column-right {
    height:200px;
    width:100%;
    padding:10px;
    background-color: #f5f5f5;
}

.XTLday-ante {
    font-size: small;
}

.XTLday-title {
    font-weight: 300; 
}

.XTLday-time {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 300;    
}

.XTLday-day {
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
}

.XTLday-date {
    text-align: center;
    font-size: 1.2rem;
}

.XTLday-limit {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height:200px;
}

.XTLday-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}