/**
* #.# Section Bar Ratings
*
* This section includes div width for design front-end review ,manage review page.
*/

:root {
    --bgr-bg-white: #fff;
}

/* Dark theme support - Theme Variables with Fallbacks */
html.dark-mode,
body.dark-scheme {
	--bgr-bg-white: var(--reign-site-sections-bg-color, var(--color-theme-white-box, #1a1a1a));
}

.bgr-bars {
	display: block;
	width: 30px;
	height: 8px;
	float: left;
	background-color: var(--bgr-bg-white, #fff);
	margin: 1px;
}

.bgr-filled-bars {
	display: block;
	width: 30px;
	height: 8px;
	float: left;
	margin: 1px;
}

.bgr-half-filled-bars {
	display: block;
	width: 30px;
	height: 8px;
	float: left;
	background-color: var(--bgr-bg-white, #fff);
	margin: 1px;
}

.bgr-bar-div {
	padding: 20px 0;
}

/**
* #.# Section Number Ratings
*
* This section includes div width for design front-end review ,manage review page.
*/

.bgr-numbers {
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	background-color: var(--bgr-bg-white, #fff);
	margin: 2px;
	text-decoration: none;
	font-size: 12px;
	line-height: 2;
	text-align: center;
	font-weight: 600;
}

.bgr-half-filled-numbers {
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	background-color: var(--bgr-bg-white, white);
	margin: 2px;
	text-decoration: none;
	font-size: 12px;
	line-height: 2;
	text-align: center;
	font-weight: 600;
}

.bgr-filled-numbers {
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin: 2px;
	text-decoration: none;
	font-size: 12px;
	line-height: 2;
	text-align: center;
	font-weight: 600;
	color: var(--bgr-bg-white, #fff);
}