.required-asterisk {
    color:red;
}
.error-group input{
    border:1px solid red;
}

.star-icon {
    color: #ddd;
    font-size: 30px;
    position: relative;
    margin-right: -5px;
}
.star-icon.full:before {
    color: #FFCC00;
    content: '\2605'; /* Full star in UTF8 */
    position: absolute;
    left: 0;
    text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
.star-icon.half:before {
    color: #FFCC00;
    content: '\2605'; /* Full star in UTF8 */
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
    /*text-shadow: 0 0 2px rgba(0,0,0,0.7);*/


.star-icon > bar-icon {
    color: #ddd;
    font-size: 50px;
    position: relative;
    margin-right: -1px;
}
.star-icon > bar-icon.full:before {
    color: #FFCC00;
    content: '\2501'; /* Full star in UTF8 */
    position: absolute;
    left: 0;
    text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
.star-icon > bar-icon.half:before {
    color: #FFCC00;
    content: '\2501'; /* Full star in UTF8 */
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
    /*text-shadow: 0 0 2px rgba(0,0,0,0.7);*/
}