#main-calendar-view{
    background-color: #EAF5FA;
    border-radius: 20px;
    padding: 20px;
}

.calendar-item-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.calendar-item-row:not(:last-child){
    margin-bottom: 20px;
}
.calendar-item-date{
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 30px; 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    text-align: center;
}
.calendar-item-date .day{
    font-size: 32px;
    line-height: 32px;
    color: #FF6555;
    display: block;
}
.calendar-item-date .month{
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}
.calendar-item-details{
    margin-left: 40px;
}
.calendar-item-details .title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}
.calendar-item-details .start-time{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #818181;
}
#calTFooter{
    display: none!important;
}

#main-calendar.loading-calendar:after, #main-calendar-view.loading-calendar:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background-color: rgba(255,255,255,0.7);
    display: block;
    z-index: 99999;
}