/*---- Rating------*/

.rating-stars {
	width: 100%;
	text-align: center;
	font-size: 30px;

	.rating-stars-container {
		font-size: 0px;

		.rating-star {
			display: inline-block;
			font-size: 30px;
			cursor: pointer;
			padding: 0px 5px;
			color: #f0f0f2;

			&.sm {
				display: inline-block;
				font-size: 14px;
				color: 1px solid $border;
				cursor: pointer;
				padding: 5px;
			}

			&.is--active,
			&.is--hover {
				color: #f1c40f;
			}

			&.is--no-hover {
				color: #3e4b5b;
			}

			&.is--active .fa-heart,
			&.is--hover .fa-heart {
				color: $danger;
			}

			.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: 1px solid $border;
		border-radius: 3px;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}
}

.jq-star-svg {
	padding-inline-start: 3px;
	width: 100%;
	height: 100%;
}

.jq-star {
	width: 100px;
	height: 100px;
	display: inline-block;
	cursor: pointer;
}

.rating-stars i {
	padding: 5px;
}
/*---- Rating End------*/