body {
	font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 50px;
    padding-bottom: 20px;
}

.jumbotron {
    margin-bottom: 5px;
	margin-left: 15px;
}

.page-header {
    margin: 15px 15px 15px;
    border-bottom: 3px solid #eee
}
.form-control {
    height: 45px;
    font-size: 18px;
}


.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    width: 21em;
}

.rating input {
    position: absolute;
    left: -999999px;
}

.rating label {
    display: inline-block;
    font-size: 0;
  vertical-align: baseline;
}

.rating > label:before {
    position: relative;
    font: 24px/1 FontAwesome;
    display: block;
    content: "\f04c";
    color: #ccc;
    background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > label.selected:before,
.rating > label.selected ~ label:before {
    color: #f0ad4e;
    background: -webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#star1:before
{
  content: "\f04c";
  font: 16px/1 FontAwesome;
}
#star2:before
{
  content: "\f04c";
  font: 18px/1 FontAwesome;
}
#star3:before
{
   content: "\f04c";
  font: 20px/1 FontAwesome;
}
#star4:before
{
   content: "\f04c";
  font: 23px/1 FontAwesome;
}
#star5:before
{
   content: "\f04c";
  font: 26px/1 FontAwesome;
}
#star6:before
{
   content: "\f04c";
  font: 29px/1 FontAwesome;
}
#star7:before
{
   content: "\f04c";
  font: 33px/1 FontAwesome;
}
#star8:before
{
   content: "\f04c";
  font: 37px/1 FontAwesome;
}
#star9:before
{
   content: "\f04c";
  font: 41px/1 FontAwesome;
}
#star10:before
{
   content: "\f04c";
  font: 47px/1 FontAwesome;
}