#activity-content{
  text-align: center;
}

.resA, .resB, .resC {
	min-height:100px;
	min-width:30%;
	font-size:x-large;
}

.btn-feedback{
  background-color: #3fb0ac;
  color:#fff;
}

.modal-feedback{
	margin-top:.5em;
	padding:.5em;
	border-radius: 4px;
	background-color: #fae596;
	display: none;
	
}


/* sortable-multi activity*/


h5 {
  line-height: 1.5em;
}

.activitySortableList li span {
  display: block;
  font-size: 1em;
}

.activitySortableList li {
  background-color: #fff;
  border: 1px solid #000;
  margin: 0 0 .2em;
  padding: .5em;
  min-height: 1em;
}

.swappableElement {
/*  cursor: ns-resize;*/
  background-color: #fff;
}

.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-placeholder {
  background-color: rgba(116, 130, 143, 1);
  height: 46px;
}

#activity-feedback p {
  display: none;
}

li.swappableElement {
  position: relative;
}

li.swappableElement.correct {
  background-color: #56c25b;
}

li.swappableElement.incorrect {
  color: #fff;
  background-color: #963a36;
}

li.swappableElement i {
  position: absolute;
  top: 0;
  right: 10px;
  float: right;
}

.handle{
  position:relative;
 top: 6px;
}
.move{
  float:right;
      top: 6px;
}
.handle:hover{
  color:#AAAAAA;
  
}
.move:hover{
  color:#AAAAAA;
  cursor: ns-resize;
}

.info{
	
	float:left;
}

#activitySortableList2{
	text-align: center;
}


@media only screen 
and (max-width : 992px) 
 { 
	

	ul li{
    font-size: 14px;
	
	}
}

span.info.handle {
    background-color: #484848;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 10px;
    /* padding-bottom: 10px; */
    /* top: 5px; */
    font-size: 10px;
    cursor: pointer;
    line-height: 19px;
}