.calendar-holder {
    position:relative;
    border-radius:8px;
    background:#fff;
    z-index:2;
    overflow:hidden;
    margin-top: -12rem;
    box-shadow:0 4px 32px -4px rgba(30,30,30,0.2),
    0 -4px 32px 0px rgba(255,255,255,0.5)
}
.btn-calendar-back {
    position:absolute;
    top:4px;
    left:4px;
    z-index:1;
    text-shadow:0 0 4px rgba(0,0,0,0.8)
}

.calendar-heading-date--month {
    font-size:12px;
}
.calendar-heading-date--day {
    font-size:20px;
    line-height:12px;
}

.time-holder {
    padding:12px 20px;
    background:rgba(0,0,0,0.04);
    position:relative;
}
        .time-holder.enddate::before {
            content:'';
            width:18px;
            background:var(--darkGreyAlpha);
            height:3px;
            position:absolute;
            top:calc(50% - 2px);
            left:-9px;
        }

.calendar-modal .modal-header {
    min-height:180px;
    background-image:url(https://placehold.it/600x400);
    background-size:cover;
    background-position:center;
    position:relative;
    display:flex;
    align-items: flex-end;
    color:#fff;
}
.calendar-modal .modal-header::before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:linear-gradient(transparent 40%, #000), linear-gradient(45deg, transparent, #000 80%);
    opacity:0.6
}
.calendar-modal .modal-header > * {
    position:relative;
}
.calendar-modal .close {
    position:absolute;
    top:8px;
    right:8px;
}



/*TODO move into core*/
.navbar[data-stick-in-parent] {
    z-index:1010
}






/*full calendar styles*/
/*.fc-day {*/
    /*cursor:pointer;*/
    /*transition:all 0.1s;*/
/*}*/
/*.fc-day:hover {*/
    /*box-shadow:0 3px 32px -8px rgba(0,0,0,0.4);*/
    /*z-index:1010;*/
/*}*/

.fc-slats tr > td {
    padding: 1.2rem 0;
}
.fc-slats .fc-time {
    font-size:0.8rem;
    color:#565656;
}