/* Screen 1 */

.box {
  margin: 0;
  font-weight: bold;
}

.question {
  margin: 30px 0;
}

.question h3 {
  margin: 0;
}

.check-definition {
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Screen 2 */

.table-answer {
  display: none;
}

table {
  margin-bottom: 20px;
}

.statementStack {
  text-align: center;
  margin-bottom: 20px;
}

.draggable {
  background: rgba(255,255,255,1);
  border-radius: 6px;
  color: #333;
  cursor: move;
  display: inline-block;
  padding: 12px;
  text-align: center;
  z-index: 2;
}

.dropZone .draggable {
  background: transparent;
  color: #333;
  display: block;
  height: auto!important;
  padding: 0;
  text-align: left;
  width: 100%!important;
}

.ui-draggable-dragging {
  background: rgba(255,255,255,0.5);
}

/* Screen 4 */

.table-entry {
  display: block;
  height: auto;
  line-height: 28px;
  min-height: 28px;
  width: 100%;
}

.table-entry:focus {
    outline: none;
}

/* Tablet */
@media(min-width: 768px){



}

/* Desktop */
@media(min-width:992px){

.check-definition {
  margin-top: 40px;
  margin-bottom: 0;
}

}

/* Large Desktop */
@media(min-width:1200px){



}


/* Print Stylesheet */
@media print {



}
