@charset "utf-8";

h3
{
	font-family: Courgette, cursive; 
}

#sortingSortable li
{
	background-color: #3AA9CB;
	list-style-type: none;
	padding: 5px 10px;
	color: #fff;
	cursor: pointer;
	height: 60px;
	position: relative;
	border-bottom: solid 2px #fff;
	font-size: 16px;
}

#sortingSortable li span
{
	position: absolute; 
	left: 0;
	top: 0;
	height: 60px;
	background-color: #53B2CF;
	width: 100%;
	text-align: center;
	padding: 5px 10px;
	font-size: 16px;
	border-bottom: solid 2px #fff;
}

.element.being-dragged
{
	background-color: #3AA9CB;
    -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
	z-index:1;
}

#order li
{
	background-color: #efefef;
	list-style-type: none;
	padding: 5px 10px;
	border-bottom: 2px solid #fff;
	font-size: 16px;
	height: 60px;
}

#totalCorrectHolder
{
	text-align: right;
}

#activityButtons
{
	margin-bottom: 10px;
}