.rating {
    font-size: 25px;
    cursor: pointer;
}

.posted-review-rating {
    /* font-size: 24px; */
}

.star {

}

.star.active {
    fill: #ffb900;
    /* color: gold; */
    /* font-size: 20px; */
    animation: heartbeat 2s infinite;
}

.review_textarea {
    white-space: pre-wrap;
}

.review-vote {
    cursor: pointer;
    background-color: none;
    opacity: 0.7;
}

@keyframes heartbeat {
    0%
    {
    transform: scale( .75 );
    }
    20%
    {
    transform: scale( 1 );
    }
    40%
    {
    transform: scale( .75 );
    }
    60%
    {
    transform: scale( 1 );
    }
    80%
    {
    transform: scale( .75 );
    }
    100%
    {
    transform: scale( .75 );
    }
}

.review-vote-active svg{
    fill: black !important;
}
.ep-like-number-count{
    color: black;
    font-size: 11px;
    padding: 0px 4px;

}

.single-review-text:focus-visible{
    outline: none !important; 
}


/* Rating Scorecard  */
.bar-5 {
    height: 1rem !important;  
}
.bar-4 {
    height: 1rem !important; 
}
.bar-3 {
    height: 1rem !important;   
}
.bar-2 {
    height: 1rem !important; 
}
.bar-1 {
    height: 1rem !important; 
}
.empty-bar {
    width: 100%; 
    height: 1.1rem !important; 
    background-color: #f0f2f2;
}

.single-review-user-img{ 
    width: 50px;
    height: 50px;
    object-fit: cover;
    max-width: 50px;
    max-height: 50px;
}
.upvote-downvote svg{
    fill: white;
    stroke: black;
    stroke-width: 110px;
}


.ep-review-start-container {
    font-size: 25px;
    fill: #ffb900;
}
.single-review-user-name{
    display: inline-block;
}
@media screen and (max-width: 1068px) {
    .single-review-user-name {
        width: 180px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    .ratings-scorecard-content .ep-box-col-1 {
        width: auto !important;
    }
    .ratings-scorecard-content .ep-content-right {
        margin-left: 0.5rem!important;
    }
  }
@media screen and (max-width: 430px) {
    .single-review-user-name {
        width: 100px;
      }
    .ep-review-user-info  {
        flex-direction: column !important;
    }
    .single-review-user-img{ 
        width: 30px !important;
        height: 30px !important;
        object-fit: cover;
        max-width: 30px !important;
        max-height: 30px !important;
    }
  }
  
  .ep-review-down_vote{
   transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);
  }