/*-- rating--*/

.rating-stars {
	width: 100%;
	text-align: center;
	.rating-stars-container {
		font-size: 0px;
		.rating-star {
			display: inline-block;
			font-size: 30px;
			cursor: pointer;
			padding: 0px 5px;
			color: #e5e9f2;
			&.sm {
				display: inline-block;
				font-size: 14px;
				color: $border;
				cursor: pointer;
				padding: 5px;
			}
			&.is--active, &.is--hover {
				color: #f1c40f;
			}
			&.is--no-hover {
				color: #e5e9f2;
			}
			&.is--active .fa-heart, &.is--hover .fa-heart {
				color: $primary;
			}
			.fa-heart .is--no-hover {
				color: #3e4b5b;
			}
		}
	}
	input {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 0.375rem 0.75rem;
		font-size: 0.9375rem;
		line-height: 1.6;
		color: #495057;
		background-color: $white;
		background-clip: padding-box;
		border: $border;
		border-radius: 3px;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}
}
.br-theme-bars-horizontal .br-widget {
	a {
		background-color: #ebeff8;
		&.br-active, &.br-selected {
			background-color: $primary;
		}
	}
	.br-current-rating {
		color: $primary;
	}
}
.br-theme-bars-pill .br-widget a {
	background-color: #ebeff8;
	&.br-active, &.br-selected {
		background-color: $primary;
		color: white;
	}
	color: $primary;
}
.br-theme-bars-square .br-widget a {
	&.br-active, &.br-selected {
		border: 2px solid $primary;
		color: $primary;
	}
	border: 2px solid #ebeff8;
	background-color: $white;
	color: #e5e9f2;
}
.br-theme-bars-movie .br-widget {
	a {
		&.br-active, &.br-selected {
			background-color: $primary;
		}
		background-color: #ebeff8;
	}
	.br-current-rating {
		color: $primary;
	}
}
.br-theme-bars-1to10 .br-widget {
	a {
		background-color: #ebeff8;
		&.br-active, &.br-selected {
			background-color: $primary;
		}
	}
	.br-current-rating {
		color: $primary;
	}
}
.br-theme-fontawesome-stars .br-widget a {
	&.br-active:after, &.br-selected:after {
		color: $warning;
	}
}
.br-theme-fontawesome-stars-o .br-widget a {
	&.br-active:after, &.br-selected:after {
		content: '\f005';
		color: $warning;
	}
	&.br-fractional:after {
		content: '\f123';
		color: $warning;
	}
}
.br-theme-fontawesome-stars .br-widget a:after {
	content: '\f005';
	color: #ebeff8;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
	content: '\f006';
	color: #ebeff8;
}
.rating-stars i {
    padding: 5px 8px;
}
.rating-stars input {
    display: none;
    margin: 0 auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #3d4e67;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8dde6;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.rating-stars {
    font-size: 1.8rem;
}
.rating-stars.stars-example-fontawesome i {
    padding: 2px 3px;
}
.rating-stars.stars-example-fontawesome {
    font-size: 13px;
}