.smartreview-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 32px;
}
.center-block {margin: 0 auto; display: block;}
.smartreviews {
    border: none;
}
fieldset.smartreviews {
    padding: 0!important;
    margin: 0!important;
}
.smartreviews > input { display: none; }
.smartreviews > label:before {
    box-sizing: border-box;
}
.smartreviews > label {
    color: #dddddd;
    float: right;
    font-size: 50px;
    width: 50px;
    height: 50px;
}
.smartreviews > input:checked ~ label, /* show gold star when clicked */
.smartreviews:not(:checked) > label:hover, /* hover current star */
.smartreviews:not(:checked) > label:hover ~ label { color: #fbd701; } /* hover previous stars in list */
.smartreviews > input:checked + label:hover, /* hover current star when changing rating */
.smartreviews > input:checked ~ label:hover,
.smartreviews > label:hover ~ input:checked ~ label, /* lighten current selection */
.smartreviews > input:checked ~ label:hover ~ label { filter: brightness(105%); }


.smartreviews-form .single-input {
    display: block;
    width: 100%;
    outline: none;
    background: #f9f9ff;
    padding: 12px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}

.smartreviews-form .single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}

.smartreviews-container .successmessage , .smartreviews-container .errormessage {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
}

.smartreviews-container .successmessage {
    color: #005955;
    background-color: #d4efee;
}

.smartreviews-container .errormessage {
    color: #820800;
    background-color: #ffe2e0;
}