.heart {
    width: 100px;
    background: url("") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    transition: background-position 1s steps(28);
    transition-duration: 0s;
    float: right;
    top: -25px;
    position: relative;
    height: 65px;
}

.emagic .ep-add-to-wishlist {
    cursor: pointer;
}

.emagic .ep-add-to-wishlist:after { 
    font-family: "Material Icons";
    content: "favorite_border";
    font-size: 18px;
}

.emagic .ep-add-to-wishlist.is-active:after { 
    font-family: "Material Icons";
    content: "favorite";
    font-size: 18px;
}



.heart.is-active {
    transition-duration: 1s;
    background-position: -2800px 0;
}
.stage {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.em_profile_wishlist_btn {
    background: #23C16C !important;
 
}

.em_start_date {
    font-size: smaller;
}


.emagic .em_event_detail_popup .ep-event-detail-wrap .ep-book-now {
    max-width: 90%;
}

.emagic .em_event_detail_popup .ep-event-detail-wrap .ep-add-to-wishlist {  
    padding: 10px 0px;
    float: right;
    width: 10%;
    text-align: center;
}

.emagic .em_event_detail_popup .ep-event-detail-wrap .ep-booking-footer .ep-wishlist-message {
    position: absolute;
    z-index: 9999;
    font-size: 10px;
    right: 28px;
    color: #000;
    width: 100%;
    text-align: right;
    top: 20px;
}

#em_profile_table .ep-wishlist-event-name a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 135px;
}
#em_profile_table .ep-wishlist-event-date{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 135px;
}

.emagic .em_card .em-card-description .em_event_title {position: relative;}

.emagic .em_card .em-card-description .em_event_title .ep-wishlist-message {
    font-size: 10px;
    text-align: right;
    position: absolute;
    right: -7px;
    top: -9px;
}

/**** Widget Section Starts ****/
.ep-mw-wrap {
    width: 100%;
    box-shadow: 1px 1px 8px 1px #cacaca;
    display: inline-block;
    padding: 14px 10px;
    border-radius: 2px;
    border: 1px solid rgb(208 208 208 / 43%);
    margin-bottom: 15px;
}


.ep-mw-wrap .ep-fimage {
    float: left;
    position: relative;
    width: 75px;
    height: 75px;
    font-size: 13px;
    line-height: 20px;
}

.ep-mw-wrap .ep-fimage img {    
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ep-mw-wrap .ep-fname {  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.ep-mw-wrap .ep-fdate {
    font-size: 86%;
    color: rgb(134 130 130);
    margin-top: 4px;
}



.ep-mw-wrap .ep-fimage .ep-fsold{    
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0.5);
    color: #fff;
    padding: 8px 4px;
    text-align: center;
     border-radius: 8px;
    line-height: 20px;
}
.ep-mw-wrap .ep-fdata{
    float: left;
    width: 70%;
    padding: 0px 10px;
}

.ep-mw-wrap .ep-fdesc {   
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 80%;
    margin-top: 10px;
}

.ep-mw-wrap .ep-faddress{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 90%;
    margin-top: 4px;
}
/**** Widget Section Ends ****/