.sticker {
	width: 150px;
	height: 75px; 
}


.jumbotron {
		padding-top: 20px;
		padding-bottom: 20px; 
}

/*
.scaling-svg-container {
 position: relative; 
 height: 1px; 
 width: 100%; 
 padding: 0;
 padding-bottom: 50%; 
}

.sticker-max{
 height: 100%; 
 max-width: 150px; 
}
*/

/* Hide standard radio buttons */
.container-test label > input[type = 'radio'] 
{
	visibility: hidden;
	position: absolute;
}

/*Ravel Buttons*/
/*st1 and st2 are classes in the svgs themselves. st2 is need to style the line of the circle*/

/* Ravel Daily Reflections Ratings Buttons- Min & Max Width */
.ratingsvg
{
	min-width: 50px;
	max-width: 85px;
	fill: #505050;
}


.st1 /*radio button circle in .ratingsvg*/
{
	fill:#FFFFFF;
	stroke: #505050;
	stroke-width: 2;
	stroke-miterlimit:10;
}


.st2 /*text within rectangle*/
{
	fill:#FFFFFF;
}


.positive1lab:hover .ratingsvg 
{
	cursor: pointer; 
	fill: #25a828;
}


.positive2lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #229824;
}

.positive3lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #1e8820;
}

.positive4lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #1b781c;
}

.positive5lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #176819;
}

.positive6lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #145815;
}


input[class="positive1"]:checked + .ratingsvg,
input[class="positive1"]:focus + .ratingsvg
{
	fill: #25a828;
}


input[class="positive2"]:checked + .ratingsvg,
input[class="positive2"]:focus + .ratingsvg
{
	fill: #229824;
}

input[class="positive3"]:checked + .ratingsvg,
input[class="positive3"]:focus + .ratingsvg 
{
	fill: #1e8820;
}


input[class="positive4"]:checked + .ratingsvg,
input[class="positive4"]:focus + .ratingsvg 
{
	fill: #1b781c;
}


input[class="positive5"]:checked + .ratingsvg,
input[class="positive5"]:focus + .ratingsvg 
{
	fill: #176819;
}

input[class="positive6"]:checked + .ratingsvg,
input[class="positive6"]:focus + .ratingsvg
{
	fill: #145815;
}


.negative1lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #ea4e54;
}


.negative2lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #e7383e;
}

.negative3lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #e52128;
}

.negative4lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #d31920;
}

.negative5lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #bc161d;
}

.negative6lab:hover .ratingsvg
{
	cursor: pointer; 
	fill: #a51419;
}


input[class="negative1"]:checked + .ratingsvg,
input[class="negative1"]:focus + .ratingsvg 
{
	fill: #ea4e54;
}


input[class="negative2"]:checked + .ratingsvg,
input[class="negative2"]:focus + .ratingsvg 
{
	fill: #e7383e;
}

input[class="negative3"]:checked + .ratingsvg,
input[class="negative3"]:focus + .ratingsvg 
{
	fill: #e52128;
}


input[class="negative4"]:checked + .ratingsvg,
input[class="negative4"]:focus + .ratingsvg 
{
	fill: #d31920;
}


input[class="negative5"]:checked + .ratingsvg,
input[class="negative5"]:focus + .ratingsvg 
{
	fill: #bc161d;
}

input[class="negative6"]:checked + .ratingsvg,
input[class="negative6"]:focus + .ratingsvg 
{
	fill: #a51419;
}

/* For Daily Report */

.positiverep
{
	min-width: 60px;
	max-width: 120px;
}