@charset "utf-8";
/* CSS Document */


#grid .img-wrapper {
	width:20%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	padding:2px;
}

#grid .img-wrapper img {
	cursor:all-scroll;
}


.img-wrapper {
	position:relative;
	background:#AAA;
}
.img-wrapper:after {
	content:attr(data-order);
	position:absolute;
	margin-top:-25px;
	padding:5px;
	font-weight:bold;
	color:#222;
	text-shadow: 1px 0px 1px #555;
}

.ui-draggable.being-dragged {
    background:#1b263b;
    color:#fff;
    z-index: 6;
    -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);
}

#activity-feedback {
	margin-top: 20px;
}
#activity-feedback p {
	display: none;
}

.incorrect:after {
	content:'\e014';
	position:absolute;
	top:20px;
	right:0px;
	text-align:center;
	font-family:'Glyphicons Halflings';
	
	
}

.correct:after{
	content:'\e013';
	position:absolute;
	font-family:'Glyphicons Halflings';
	top:20px;
	right:0px;
}

@media only screen and (max-height:768px){
	hr {margin-top:10px; margin-bottom:10px;}
}