/**
 * Ratings index page
 */
.ratings-row {

}
	.ratings-row .ratings-column {
		margin-bottom: 20px;
		padding: 0px;
	}
		.ratings-row .ratings-column .inner {
			height: 100%;
			background: #ebeaea;
		}
	.ratings-row .ratings-column:first-child {
		margin-left: 0;
	}
	.ratings-row .ratings-column .mattress-icon-list {
		margin: 25px;
	}
	.ratings-row .ratings-column .poster {
		display: block;
		padding: 20px;
		background: #bb53b4;
		text-align: center;
	}
		.ratings-row .ratings-column .poster img {
			width: 100%;
			max-width: 100%;
		}
@media (min-width: 768px) {
	.ratings-row {
		display: table;
		/*width: 100%;*/
		border-collapse: separate;
		border-spacing: 3px 0px;
	}
		.ratings-row .ratings-column {
			float: none;
			display: table-cell;
			background: #ebeaea;
		}
	.ratings-row .ratings-column .poster img {
		width: auto;
	}
}

/**
 * Ratings chart
 */
.ratings-chart {

}
	.ratings-chart .chart-container {
		position: relative;
		padding: 20px 20px 40px;
		background-color: #EBEAEA;
		-webkit-box-shadow: inset 0px -50px 50px -50px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px -50px 50px -50px rgba(0,0,0,0.1);
		box-shadow: inset 0px -50px 50px -50px rgba(0,0,0,0.1);
	}
		.ratings-chart .chart-container .chart {
			display: block;
			margin: 0 auto;
		}

/**
 * Ratings charts
 */
.ratings-charts {
	margin: 0;
}
	.ratings-charts .ratings-chart {
		position: relative;
		padding: 0;
	}
		.ratings-chart .chart-container {

		}
		.ratings-chart .content {
			position: relative;
			padding: 30px 10px 50px;
			font-size: 18px;
			text-align: center;
		}
		.ratings-chart .content:after {
			content: " ";
			position: absolute;
			z-index: 2;
			bottom: 100%;
			left: 50%;
			height: 0;
			width: 0;
			margin-left: -12px;
			border: solid transparent;
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #ffffff;
			border-width: 12px;
			pointer-events: none;
		}
			.ratings-chart .content hr {
				margin: 1em 0 0;
				padding: 0;
				width: auto;
				border: none;
				background: none;
				color: none;
			}

/**
 * Ratings chart column
 */
.ratings-chart .col {
	position: relative;
	padding: 0;
}

/**
 * Peoplefill
 */
.ratings-chart.peoplefill {

}
	.ratings-chart .peoplefill-container {
		/*padding: 20px;*/
		padding: 20px 20px 0;
		background-color: #EBEAEA;
	}
.ratings-chart.peoplefill .row {
	margin: 0;
}
	.ratings-chart.peoplefill .chart-label {
		margin: 0;
		padding: 20px 10px 40px;
		background-color: #EBEAEA;
		-webkit-box-shadow: inset 0px -50px 50px -50px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px -50px 50px -50px rgba(0,0,0,0.1);
		box-shadow: inset 0px -50px 50px -50px rgba(0,0,0,0.1);
		text-align: center;
	}
		.ratings-chart.peoplefill .chart-label h1 {
			font-weight: 300;
			font-size: 24px;
			text-transform: uppercase;
			color: inherit;
		}
		.ratings-chart.peoplefill .chart-label h2 {
			font-weight: normal;
			font-size: 48px;
			color: inherit;
		}
/*@media (min-width: 768px) {
	.ratings-chart .peoplefill-container {
		padding-bottom: 0;
	}
}*/

/**
 * Chart People fill
 */
.chart-peoplefill {
	width: 100%;
	height: auto;
	overflow: hidden;
	/*padding-left: 20px !important;
	padding-right: 20px !important;*/
}
	.chart-peoplefill .person {
		float: left;
		width: 5%;
		height: auto;
		padding: 2px;
		/*background: url(../images/ratings/people/person-none.svg);*/
	}

/**
 * Colors
 */
.category-happy {
	color: #4d88b2;
}
.category-unhappy {
	color: #ca9440;
}
.category-neutral {
	color: #7c7b7b;
}