/* OER CUSTOM STYLES */
#oer_canvas {
	 background-size: 0; 
	background-color:#c9fcba; 
	
}


#canvas {

	margin-top:3px;

	background:#c9fcba; 

	/*border:1px dashed #fff;*/

	width:100%;

	max-width:800px !important;

	margin-bottom:20px;

}

#kyklwma1 {
	float:left;
	display:block;
	
	width:210px;
	margin:40px 0 0 55px;
	text-align:center;
}

#kyklwma2 {
	float:right;
	display:block;
	
	width:210px;
	margin:40px 25px 0 0;
	text-align:center;
}

.value-box {
	display:block;
	width:auto;
	background:#39454a;
	border:10px solid orange;
	border-radius:10px;
	padding:10px;
	color:white;
	font-weight:bold;
	font-size:20px;
}


#oer_results {

	

    background: #657b1669;

    text-align: center;

    margin: 0;

    border-radius: 10px;

}


.fa-check-square, .fa-square {

	cursor:pointer;

}

#mine{
	background: none;

	color: #fff
}






#oer_theory {

	margin-top:-300px;  /* change this with the actual total height */

}



#oer_application {

	margin-top:-120px; /* change this with the actual total height */

}



#oer_investigation {

	margin-top:-180px; /* change this with the actual total height */

}


@media (max-width:425px) {
	#kyklwma1, #kyklwma2 {
		float:none;
		margin:20px auto;
	}
}






