.just4attime {
    height: 280px;
    width: 425px;
    object-fit: fill;
}

.no-img-add-color {
    background: linear-gradient(45deg, #7584fb, #45dcc7);
    height: 280PX;
}

.handicon {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-event-tile-view-list-with-details-border-box {
    border: 1px solid red;
    border-radius: 4px;
    width: 100%;
    color: #727272;
}

.calendar-event-tile-view-list-with-details-border-bottom {
    border-bottom: 1px solid red;
}

.calendar-event-tile-view-list-with-details-mt-20 {
    margin-top: 20px;
}

.calendar-event-tile-view-list-with-details-p-24 {
    font-size: 24px;
}

.calendar-event-tile-view-list-with-details-p-18 {
    font-size: 16px;
}

.calendar-event-tile-view-list-with-details-p-24>.date-top {
    position: absolute;
}

.calendar-event-tile-view-list-with-details-month {
    margin: -10px 0 0 0px;
}

.calendar-event-tile-view-list-with-details-singleevent {
    font-weight: bold;
    font-size: 18PX;
    text-transform: uppercase;
}

.calendar-event-tile-view-list-with-details-time {
    margin: -5px 0 4px 0px;
}

.calendar-event-tile-view-list-with-details-icons {
    padding-right: 5px;
}
.onOverlay{
    position: absolute;
    right: 25px;
    top: 10px;
}