.ce_comments {

  .formbody {

    .widget {

      .rating {
        position: relative;
        height: 42px;
        margin: 0 !important;

        input {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;

          &:checked {

            + label {

              .star_single {

                &:before {
                  color: #ebe200;
                }

                &:after {
                  color: #000000;
                }
              }
            }
          }
        }

        label {
          position: absolute;
          left: 0;
          top: 0;
          width: auto;

          @for $i from 1 through 10 {
            &:nth-of-type(#{$i}) {
              z-index: #{11 - $i};
            }
          }

          &:last-child {

            .star_single {

              &:before {
                color: #d3d3d3;
              }

              &:after {
                color: #000000;
              }
            }
          }

          &:hover {

            .star_single {

              &:before {
                color: #ebe200;
              }

              &:after {
                color: #000000;
              }
            }
          }

          .star_single {
            font-size: 26px;
            padding-right: 3px;

            &:before,
            &:after {
              color: transparent;
            }
          }
        }
      }
    }
  }
}