@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot');
    src: url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

#productReviewForm .form-group.ratings .row {
    margin-bottom: 10px;
}

/* Center ratings in container */
.box-example-1to10 .br-wrapper {
    width: 210px;
    position: absolute;
    margin: 0px 0 0 -105px;
    left: 50%;
}
.box-example-movie .br-wrapper {
    /*  max-width: 250px;
    position: absolute;
    margin: 0px 0 0 -125px;
    left: 50%;*/
}
.box-example-square .br-wrapper {
    width: 190px;
    position: absolute;
    margin: 0px 0 0 -95px;
    left: 50%;
}
.box-example-pill .br-wrapper {
    width: 232px;
    position: absolute;
    margin: 0px 0 0 -116px;
    left: 50%;
}
.box-example-reversed .br-wrapper {
    padding-top: 1.3em;
    width: 356px;
    position: absolute;
    margin: 0px 0 0 -178px;
    left: 50%;
}
.box-example-horizontal .br-wrapper {
    width: 120px;
    position: absolute;
    margin: 0px 0 0 -60px;
    left: 50%;
}
/* Display star ratings */
.star-ratings h1 {
    font-size: 1.5em;
    line-height: 2;
    margin-top: 3em;
    color: #757575;
}
.star-ratings p {
    margin-bottom: 3em;
    line-height: 1.2;
}
.star-ratings h1,
.star-ratings p {
    text-align: center;
}
.star-ratings .stars {
    /*width: 120px;*/
    text-align: center;
    margin: auto;
    /*padding: 0 95px;*/
}
.star-ratings .stars .title {
    font-size: 14px;
    color: #bbcefb;
    line-height: 3;
}
.star-ratings .stars select {
    width: 120px;
    font-size: 16px;
}
.star-ratings .stars-example-fontawesome,
.star-ratings .stars-example-css,
.star-ratings .stars-example-bootstrap {
    float: left;
}
.star-ratings .stars-example-fontawesome-o {
    width: 200px;
}
.star-ratings .stars-example-fontawesome-o select {
    width: 200px;
}
.start-ratings-main {
    margin-bottom: 15px;
}
/* Boxes */
.box {
    width: 100%;
    float: left;
    margin: 1em 0;
}
.box .box-header {
    text-align: center;
    font-weight: 400;
    padding: .5em 0;
}
.box .box-body {
    padding-top: 2em;
    height: 85px;
    /* rating widgets will be absolutely centered relative to box body */
    position: relative;
}
.box select {
    width: 120px;
    margin: 10px auto 0 auto;
    display: block;
    font-size: 16px;
}
.box-large .box-body {
    padding-top: 2em;
    height: 120px;
}
.box-orange .box-header {
    background-color: #edb867;
    color: white;
}
.box-orange .box-body {
    background-color: white;
    border: 2px solid #f5d8ab;
    border-top: 0;
}
.box-green .box-header {
    background-color: #50e3c2;
    color: white;
}
.box-green .box-body {
    background-color: white;
    border: 2px solid #92eed9;
    border-top: 0;
}
.box-blue .box-header {
    background-color: #4278f5;
    color: white;
}
.box-blue .box-body {
    background-color: white;
    border: 2px solid #8bacf9;
    border-top: 0;
}

@media print {
    .star-ratings h1 {
        color: black;
    }
    .star-ratings .stars .title {
        color: black;
    }
    .box-orange .box-header,
    .box-green .box-header,
    .box-blue .box-header {
        background-color: transparent;
        color: black;
    }
    .box-orange .box-body,
    .box-green .box-body,
    .box-blue .box-body {
        background-color: transparent;
        border: none;
    }
}

/**
BARS
 */
.br-theme-bars-movie .br-widget {
    height: 26px;
    white-space: nowrap;
}
.br-theme-bars-movie .br-widget a {
    float: left;
    display: block;
    width: 24px;
    height: 28px;
    padding: 4px 0;
    margin-right: 5px;
    position: relative;
}
.br-theme-bars-movie .br-widget a:after {
    content: '';
    background-color: #bbcefb;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 8px;
    bottom: 8px;
}
.br-theme-bars-movie .br-widget a.br-active:after,
.br-theme-bars-movie .br-widget a.br-selected:after {
    background-color: #0061AF;
}
.br-theme-bars-movie .br-widget .br-current-rating {
    /*clear: both;
  width: 240px;
  text-align: center;*/
    display: block;
    padding: .5em 0;
    color: #707477;
    font-weight: 300;
    float: right;
    margin-top: -10px;
    margin-right: 0px;
    font-style: italic;
    font-size: 0.85rem;

}
.br-theme-bars-movie .br-readonly a {
    cursor: default;
}
.br-theme-bars-movie .br-readonly a.br-active,
.br-theme-bars-movie .br-readonly a.br-selected {
    background-color: #729bf8;
}
.br-theme-bars-movie .br-readonly .br-current-rating {
    color: #729bf8;
}
@media print {
    .br-theme-bars-movie .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .br-theme-bars-movie .br-widget a.br-active,
    .br-theme-bars-movie .br-widget a.br-selected {
        border: 1px solid black;
        background: white;
    }
    .br-theme-bars-movie .br-widget .br-current-rating {
        color: black;
    }
}


/**
STARS
 */
.br-theme-bootstrap-stars .br-widget {
    height: 22px;
    white-space: nowrap;
}
.br-theme-bootstrap-stars .br-widget a {
    font: normal normal normal 21px/1 'Glyphicons Halflings';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    display: block;
    width: 28px;
    height: 28px;
    padding: 4px;
    float: left;
}
.br-theme-bootstrap-stars .br-widget a:after {
    content: '\e006';
    color: #bbcefb;
}
.br-theme-bootstrap-stars .br-widget a.br-active:after {
    color: #0061AF;
}
.br-theme-bootstrap-stars .br-widget a.br-selected:after {
    color: #0061AF;
}
.br-theme-bootstrap-stars .br-widget .br-current-rating {
    /*clear: both;
  width: 240px;
  text-align: center;*/
    display: block;
    /*padding: .5em 0;*/
    color: #707477;
    font-weight: 300;
    float: right;
    /*margin-top: -25px;
    margin-right: 60px;*/
    font-style: italic;
    font-size: 0.85rem;

}
.br-theme-bootstrap-stars .br-readonly a {
    cursor: default;
}
@media print {
    .br-theme-bootstrap-stars .br-widget a:after {
        content: '\e007';
        color: black;
    }
    .br-theme-bootstrap-stars .br-widget a.br-active:after,
    .br-theme-bootstrap-stars .br-widget a.br-selected:after {
        content: '\e006';
        color: black;
    }
}

.ratings .form-check.form-check-inline label {
    margin-right: 20px;
}

.ratings .form-check.form-check-inline label input {
    margin-right: 5px;
}

.ratings .invalid-feedback {
    text-align: left;
}

.form-group.ratings p {
    margin-bottom: 0px;
}

#productReviewForm .required{color:red;}
#productReviewForm .row{margin-top: 20px;}
#productReviewForm .ratings .row{margin-top: 0px;}
#productReviewForm .form-group p, .form-group h3{text-transform: uppercase;}
#productReviewForm .btn{margin:30px 10px 10px;}





.customer-reviews-container .controls{
    display: flex;
    justify-content: center;
    margin: 10px 0 10px 0;
}

.customer-reviews-container .controls button{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .2rem .6rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin: 0 3px;
    cursor: pointer;
}

.customer-reviews-container .controls button.jplist-selected{
    background-color: #007bff;
    border-color: #007bff;
}

.customer-reviews-container [data-jplist-control="pagination"]{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.customer-reviews-container .jplist-pages-number-0, .customer-reviews-container .jplist-pages-number-1 {
    display: none;
}



.graph-star-rating-body .progress-bar.bg-primary {
    background-color: #005eae !important;
}

.customer-reviews-container .rating_circle{
    width: 100px;
    height: 100px;
    border-radius: 70px;
    border: 1px none;
    font-size: 35px;
    display: block;
    color: #005eae;
}
.customer-reviews-container .rating_text{
    margin-top: 38px;
}
.customer-reviews-container .dark {
    background-color: #000000;
}


.score {
    display: block;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.score-wrap {
    display: inline-block;
    position: relative;
    height: 19px;
}

.score .stars-active {
    color: #005eae;
    position: relative;
    z-index: 10;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.score .stars-inactive {
    color: #b9dbf7;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-text-stroke: initial;
}

.customer-reviews-container .rating-list {
    display: flex;
    flex-direction: row;
}

.customer-reviews-container .rating-list-left, .customer-reviews-container .rating-list-right {
    text-align: center;
}

.customer-reviews-container .rating-list-left {
    width: 70px;
}

.customer-reviews-container .rating-list-right {
    width: 50px;
}

.customer-reviews-container .rating-list-center {
    flex: 1 0 auto;
}


.single-review-container .review-details {
    display: flex;
    flex-direction: row;
}

.single-review-container .review-details__content {
    flex: 1 0 auto;
    margin-left: 10px;
}

.single-review-container .br-theme-bars-movie .br-widget a {
    height: 6px;
}

.single-review-container .br-theme-bars-movie .br-readonly a.br-selected {
    background-color: #0a318f;
}

.single-review-container .overall-rating-stars .fa-star {
    color: #005eae !important;
}


.easy-autocomplete {
    width: 100% !important;
}