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

.sortable-head {
	background-color: #6796DA;
	color: #fff;
}

.sortable-title {
	border: 1px solid #ddd;
	padding: 20px;
}

#order, #activitySortableList1, #activitySortableList2 {
	margin-top: 10px;
	padding: 0px;
}

#order {
	padding-right: 5px;
}

#activitySortableList1, #activitySortableList2 {
	padding-left: 5px;
}

#order li {
	padding; 15px; 
	border: 1px solid #ddd;
}

#order li, #activitySortableList1 li .swappableElement1, #activitySortableList2 li .swappableElement2 {
  height: 100%;
  height: 60px;
  margin-bottom: 15px;
  padding: 15px;
  font-size: 16px;
}

#activitySortableList1 li .swappableElement1, #activitySortableList2 li .swappableElement2 {
  cursor: move;
  display: block;
  background: #c27b76;
  color: #FFF;
}

.swappableElement2{
	padding: 5px 10px!important;
    line-height: 24px;
}

.ui-droppable {
  margin-bottom: 15px!important;
}

.ui-draggable.being-dragged {
  background: #6796DA !important;
  cursor: move;
  box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
  -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
  -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
   z-index: 6;
}

.totalCorrectHolder {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.totalCorrectHolder.alert {
  border-radius: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 20px;
}

.totalCorrectHolder.alert-warning {
  border: 1px solid #8a6d3b;
}

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

.activity-feedback p {
  display: none;
}

/* Activity three */

.draggable-table thead th { 
	width: 25%;
}

.statementStack {
	text-align: center;
}

.statementStack .draggable {
	margin: 5px;
	padding: 10px;
	font-size: 16px;
	cursor: move;
	display: inline-block;
	background: #c27b76;
	color: #FFF;
	text-align:center;
}

td.dropZone.ui-droppable {
    height: 4em;
}