.addReviewForm .form-validate-item .rating .invalid-text {
    top: 17px;
}


.addReviewForm .rating {
    float: left;
}

.addReviewForm .category {
    float: right;
}

.addReviewForm .row {
    border: none;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.addReviewForm .rating:not(:checked) input[type=radio] {
    position: absolute;
    width: 0;
}

.addReviewForm .rating label {
    width: 1em;
    height: 1em;
    color: transparent;
}

.addReviewForm .rating:not(:checked) label {
    float: left;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    line-height: 1.2;
    background: url('https://img.mishlohim.co.il/mishlohim/static/shared/star-empty.png') no-repeat;
    background-size: contain;
}

.addReviewForm .rating input:checked ~ label {
    background: url('https://img.mishlohim.co.il/mishlohim/static/shared/star-full.png') no-repeat;
    background-size: contain;
}

.addReviewForm .rating input.half:checked ~ label.half {
    background: url('https://img.mishlohim.co.il/mishlohim/static/shared/star-half.png') no-repeat;
    background-size: contain;
}

.addReviewForm .rating input:not(:checked):not(:disabled) ~ label:hover,
.addReviewForm .rating input:not(:checked):not(:disabled) ~ label:hover ~ label {
    background: url('https://img.mishlohim.co.il/mishlohim/static/shared/star-full.png') no-repeat;
    background-size: contain;
}

.addReviewForm .rating input:checked + label:hover,
.addReviewForm .rating input:checked + label:hover ~ label,
.addReviewForm .rating input:checked ~ label:hover,
.addReviewForm .rating input:checked ~ label:hover ~ label,
.addReviewForm .rating label:hover ~ input:checked ~ label {
    background: url('https://img.mishlohim.co.il/mishlohim/static/shared/star-full.png') no-repeat;
    background-size: contain;
}

.addReviewForm .rating label:not(.rating-General):active {
    position: relative;
    top: 2px;
    left: 2px;
}