/*
Project: 15-17_1-39
Author:  Richy Thomas
Date: 09/03/17
*/

/* Sortable Section */

#order li, #activitySortableList li .swappableElement {
  border: 1px solid #CCC;
  font-size: 14px;
  height: 100%;
  height: 70px;
  margin-bottom: 15px;
  padding: 15px;
}

#order li {
  background: #CCC;
  line-height: 40px;
  text-align: center;
}

#activitySortableList li .swappableElement {
  cursor: move;
  display: block;
  background: rgba(255,255,255,1);
}

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

.ui-draggable.being-dragged {
  opacity: .8;
  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);
  cursor: move;
  z-index: 6;
}

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

.totalCorrectHolder p {
  display: none;
}

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

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

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

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



}


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

  #order li, #activitySortableList li .swappableElement {
    font-size: 16px;
    height: 75px;
  }

  #order li {
    line-height: 45px;
  }

}


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

  #order li, #activitySortableList li .swappableElement {
    font-size: 18px;
    height: 80px;
  }

   #order li {
    line-height: 50px;
  }

}