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

#drag-wrapper {
  	
	padding-top:40px;
	padding-bottom:40px;
	background:#FFF;
	margin-bottom:15px;
	z-index: 11;
	
}
.drag {
  background:#D87468;
  color:#FFF;
  
  
  border-radius: 12px;
  margin: 1px;
  display: inline-block;
  cursor:pointer;
  font-size:32px;
	
  height:60px;
  width:60px;

  line-height:60px;
  text-align:center;
  vertical-align:bottom;
}

.drag:hover, .ui-sortable-helper {
	background:#DA9B94;
}
#nextBtn {
	display:none;
}

.correct {
   border: solid 5px #4caf50;
}

.incorrect {
   border: solid 5px #e53935;
}


#again, #correct {
	z-index: 10;
	display:none
}

@media  (max-width:1200px){
	.drag{font-size:28px; width:50px; height:50px; line-height:50px}
}

@media  (max-width:992px){
	.drag{font-size:18px; width:35px; height:35px; line-height:35px}
}