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

.collapse.in {
	display: inline;
}

.eye-container {
	width: 32px;
	display: inline-block;
	margin-right: 10px;
}

.eye-container a i.fa-eye-slash {
	color: #d7635b;
}

.eye-container a i.fa-eye {
	color: #6796DA;
}
td{
	text-align: center
}

tr>td p
{
	margin-bottom: 0px;
}

.table>tbody>tr>td
{
	border-top: 0px;
}

.definition
{
	display: inline-block;
}

		tr>td p {
			margin-bottom: 0px;
			margin-left: 20px;
			position: relative;
			bottom: 10px;
		}
		
		span.letter {
			font-size: 2em;
			font-weight: 600;
			position: relative;
			top: 4px;
		}
		
		#header h1 {
  font-size: 28px;
}

#header h1 span {
  font-size: 26px;
}

/* Sortable Section */

#order li, #activitySortableList li .swappableElement {
  
  font-size: 13px;
  height: 100%;
  height: 185px;
  margin-bottom: 15px;
  padding: 15px;
}

#order li {
  background: #CCC;
}

#activitySortableList li .swappableElement {
  cursor: move;
  display: block;
}

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

.ui-draggable.being-dragged {
  background: #FFF;
  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;
}
		
#activitySortableList img {
    max-height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
		
#order li p {
    margin-bottom: 0px;
    font-size: 1em;
}
		
.mark {
    position: absolute;
    top: 10%;
    right: 10px;
    z-index: 102;
    background: rgba(245,245,245,.2);
}
		
.fa-check {
	color: #37b81d;
}

.fa-times {
	color: #b81d1d;
}
		
.fa-circle {
    font-size: 0.5em;
    position: relative;
    bottom: 2px;
    margin-right: 10px;
}

.btnCheck, .btnReset {
    float: right;
    margin-left: 4px;
}


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


}


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

  #header h1 {
    font-size: 35px;
  }

  #header h1 span {
    font-size: 30px;

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


}


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

#order li, #activitySortableList li .swappableElement {

    font-size: 14px;
  }
}


/* Print */
@media print {


}