/*sortable
*
*/
#sortable {
	min-height: 40px;
	background-color: #fff;
}
.ui-sortable div {
	margin: auto;
	padding: 10px 20px;
	cursor: move;
	text-align: center;
	border: 1px solid rgba(116, 130, 143, 1);
	background-color: #fff;
}
.ui-sortable div p {
	margin-bottom: 0;
}
.ui-sortable-helper {
	-webkit-box-shadow: 1px 1px 5px 4px rgba(116, 130, 143, .5);
	-moz-box-shadow: 1px 1px 5px 4px rgba(116, 130, 143, .5);
	box-shadow: 1px 1px 5px 4px rgba(116, 130, 143, .5);
}
.ui-sortable-disabled {
	cursor: default;
}

/*user answer
* drop area of sortable
*/
.user-answer {
	min-height: 4em;
	margin-bottom: 2em;
	border: 1px dashed rgba(116, 130, 143, 1);
	background-color: rgba(116, 130, 143, .5);
}
.user-answer-hover {
	border: 1px dashed rgba(194, 91, 86, 1);
	background-color: #ffffb2;
}

/*feedback*/
#activity-feedback {
	margin-top: 20px;
}
#activity-feedback p {
	display: none;
}
.user-answer .ui-sortable-handle.correct {
	background-color: #56c25b;
}
.user-answer .ui-sortable-handle.incorrect {
	color: #fff;
	background-color: #963a36;
}
.ui-sortable-handle p{
	position: relative;
}
.ui-sortable-handle p i {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
}

/* Tablet */
@media(min-width:768px) {
	.fixed-height-title {
		min-height: 75px;
	}
}

/* Desktop */
@media(min-width:992px) {
	.fixed-height-title {
		min-height: 75px;
	}
}

/* Large Desktop */
@media(min-width:1200px) {
	.fixed-height-title {
		min-height: 44px;
	}
}