/*
Project: 16-17_2.36b
Activity: Introducing Key Terms
Author: Richy Thomas
*/

#order li, .ui-droppable {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0.2em;
	min-height: 4em;
	height: auto;
}

 #activity{
	font-size: 1.1em;
	line-height: 1.2em;
}

.ui-droppable {
	background-color: rgb(178, 3, 196);
	border-radius: 4px;
	/*border: 1px solid rgb(1, 195, 233);*/
	color: rgb(253,157,0);
	cursor: move;
	list-style: none;
	position: relative;
	width: 100%;
}

#order li {
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid #000;
	border-radius: 4px;
	color: rgba(0,0,0,1);
	line-height: 1.4em;
	padding: 0 0.5em;
}

span.swappableElement {
	background: rgb(1, 195, 233);
	border-radius: 4px;
	color: rgb(255,255,255);
	height: 4em;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	    text-align: left;
    padding: 0px 10px;
	font-size: 0.85em;
}

.ui-draggable.being-dragged {
	background: rgba(21,21,21,.7);
	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);
}

.alert {
	border-radius: 6px;
	margin: 1.6em 0 0;
	padding: 9px 12px;
	font-weight: 700;
}

.alert-success {
	border: 1px solid #3c763d;
}

.alert-danger {
	border: 1px solid #a94442;
}

#totalCorrectHolder
{
	margin-bottom: 20px;
}

/* Tablet */
@media(min-width: 768px){

.alert {
	margin-bottom: 20px;
  }

}

@media(max-width: 768px){
	span.swappableElement{
		width: auto;
	}
	.ui-droppable {
		width: auto;
	}
	
	
	
}

/* Desktop */
@media(max-width:992px){

  .alert {
	margin-bottom: 0;
  }

  #activityControls {
	text-align: right;
  }
	
	.ui-droppable {
		margin-bottom: 5px;
	}
	
	span.swappableElement {
		font-size: 0.7em;
	}
}

/* Large Desktop */
@media(max-width:1200px){


}

/* Print */
@media print {


}