/****** Style Star Rating Widget *****/
.reviewform{
    background: #f5f5f5;
    display: block;
    padding: 15px;
    width: 100%;
}
.reviewform{
	display: block;
    width: 100%;
}
.reviewform .form-group{
	background: #fff;
    padding: 0;
    margin: 0px 0 15px 0;
    width: 100%;
    display: block;
}
.reviewform .form-control {
    width: 100%;
    padding: 10px 15px;
    float: left;
    border: 0px;
	height: auto;
    font-size: 16px;
}
textarea.form-control {
    height: 100px!important;
}
label.ratelabel {
    float: left;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 15px;
}
.reviewform .input-group {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    border: 1px solid #ccc;
    display: block;
    overflow: hidden;
}
.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
	margin-right: 15px;
    font-size: 24px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}
.reviewform h3 {
    color: #333;
    padding: 0;
    margin: 0 0 20px 0!important;
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
 color: #02254f; 
 float: right; 
}
.half{width: auto;}
/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #a6282b;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #a6282b;  } 
.ratingsection {
    display: block;
    overflow: hidden;
    margin: 15px 0 0 0;
}
.starsleft {
    display: block;
    overflow: hidden;
    float: left;
    padding: 8px 0;
}
.starsleft i.fa.fa-star {
    float: left;
    width: 17px;
    color: #ff9200;
}
.rating-text {
    display: block;
    float: left;
    overflow: hidden;
    font-weight: bold;
	color:#fff;
    padding: 8px 5px;
}
.addrating {
    display: block;
    overflow: hidden;
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
    border: 1px solid #dedede;
}
.addrating h3 {
    background: #dedede;
    color: #333;
    font-size: 18px;
    padding: 8px 12px;
    text-align: left;
    margin: 0!important;
}