.ratio-container
{
    background: none;
}

.ratio-star-unit
{
    transition: 0.6s ease all;
}
.ratio-star-unit:hover
{
    cursor: pointer;
    transition: 0.6s ease all;
    transform: scale(1.4);
}

.ratio-success
{
    color: green;
    font-weight: bold;
}

.ratio-error
{
    color: red;
    font-weight: bold;
}

.ratio-small-container
{

}

.ratio-small-container img
{
    height: 25px;
    width: auto;
}

.ratio-small-container h3
{
    font-size: 0.8em;
    font-weight: normal;
}

.ratio-review-container img
{
    width: 30px;
}

.mark1
{
    color: #df0200;
}

.mark2
{
    color: #f55c19;
}

.mark3
{
    color: #eebb09;
}

.mark4
{
    color: #ecdb0a;
}

.mark5
{
    color: #a0de00;
}

.std-ratio-view
{
    font-size: 0.8em;
    color: #b5b5b5;
}

.std-ratio-view img
{
    height: 1em;
    width: auto;
}

.std-ratio-stat-container
{
    font-size: 1.5em;
    display: flex;
}

.std-ratio-stat-container div
{
    min-width: 50px;
    text-align: center;
    background: #f1f1f1;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #9b9b9b;
    margin: 0.5em;
    padding: 0.5em;
}

.std-ratio-stat-container div.inactive {
    opacity: 0.2;
}

.std-ratio-stat-container img {
    //height: 1.5em;
}

.inline-star-element div
{
    display: inline;
}