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

.drag-and-drop ul {
  list-style-type: none;
}

.order li,
.activitySortableList li.ui-droppable {
  font-size: 16px;
  min-height: 130px;
  margin-bottom: 5px;
}

.activitySortableList li.ui-droppable {
  position: relative;
  list-style: none;
  cursor: move;
  color: #fff;
  background-color: #e8e8e8;
  margin-bottom: 5px;
}

.order li {
  background-color: #e3e3e3;
  color: #241d3c;
  padding: 10px;
}

.ui-draggable.being-dragged {
  z-index: 6;
  opacity: 0.9;
  -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, 0.32);
  box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, 0.32);
}

span.sortableElement {
  z-index: 5;
  width: 100%;
  min-height: 130px;
  padding: 10px;
  color: #fff;
  background: #241d3c;
  cursor: move;
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}

.feedback-all-correct,
.feedback-total-correct {
  display: none;
}

.alert {
  font-weight: 600;
}

.alert-danger {
  border: 1px solid rgb(169, 68, 66);
}

.alert-success {
  border: 1px solid rgb(60, 118, 61);
}

@media (min-width: 768px) {
  span.sortableElement,
  .order li,
  .activitySortableList li.ui-droppable {
    min-height: 70px;
  }
}