div.square-rating label.btn{
	color: white;
	font-weight: bold;
	border-color: white;
	border-radius: 0;
	position: relative;
}

div.square-rating .cor-caqui{
	background: #bda251;
}

div.square-rating .cor-marrom{
	background: #95823e;
}

div.square-rating .cor-ebano{
	background: #685d27;
}

div.square-rating .cor-preto{
	background: #000000;
}

div.square-rating label.btn.active,
div.square-rating label.btn.active:hover{
	color: black;
	background-color: white;
	border-color: black;
}

div.square-rating label.btn.active:before{
	/*font-family: 'Glyphicons Halflings';*/
	text-shadow: 0px 1px 0px white;
	/*content: "\e013";*/
	position: absolute;
	bottom: 0;
	right: 3px;
}

.square-rating-subtitle{
	font-weight: bold;
}

.square-rating-subtitle.left{
	text-align: left;
}

.square-rating-subtitle.middle{
	text-align: center;
}

.square-rating-subtitle.right{
	text-align: right;
}

@media (max-width: 768px) {
	.square-rating-subtitle{
		font-size: 11px;
	}
	
}

@media (min-width: 1200px) {
	.btn-responsive {
		padding: 14px 18px;
		line-height: 1;
	}
}
@media (max-width: 1202px) {
	.btn-responsive {
		width: 80px;
	}
}
@media (max-width: 1077px) {
	.btn-responsive {
		width: 80px;
	}
}
@media (max-width: 967px) {
	.btn-responsive {
		width: 70px;
	}
}
@media (max-width: 857px) {
	.btn-responsive {
		width: 60px;
	}
}
@media (max-width: 695px) {
	.btn-responsive {
		width: 50px;
	}
}
@media (max-width: 585px) {
	.btn-responsive {
		width: 40px;
	}
}
@media (max-width: 475px) {
	.btn-responsive {
		width: 35px;
	}
}
@media (max-width: 420px) {
	.btn-responsive {
		width: 32px;
	}
}
@media (max-width: 387px) {
	.btn-responsive {
		width: 30px;
	}
}
@media (max-width: 365px) {
	.btn-responsive {
		width: 25px;
	}
}
@media (max-width: 321px) {
	.btn-responsive {
		width: 20px;
	}
}