.unselectable{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dd-wrapper { position:relative; }
.dd-wrapper .dd-field { position:relative; margin-bottom:20px; }
.dd-wrapper .dd-field > img { display:block; }
.dd-wrapper .dd-field .placeholders { position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; }
.dd-wrapper .dd-field .placeholders .placeholder { position:absolute; z-index:2; width:20px; height:20px; }
.dd-wrapper .dd-field .placeholders .placeholder.busy label { box-shadow:2px 2px 2px rgba(0,0,0,0.3); }
.dd-wrapper .dd-field .placeholders .placeholder em { display:none; position:absolute; background-color:#fff; left:23px; width:20px; height:20px; border-radius:4px; box-shadow:2px 2px 2px rgba(0,0,0,0.3); }
.dd-wrapper .dd-field .placeholders .placeholder.type-label { margin-left:-10px; margin-top:-10px; }
.dd-wrapper .dd-field .placeholders .placeholder.type-label label { display:block; position:absolute; background:#b2d784; width:20px; height:20px; border-radius:4px; text-align:center; overflow:hidden; line-height:20px; font-family: 'Oswald', sans-serif; font-weight:normal; }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal { width:50px; margin-left:-25px; margin-top:-10px; }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal label {  display:block; position:absolute; background:#2bb8c9; width:50px; height:20px;  border-radius:4px; }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal label.direction-right { line-height:100px; overflow:hidden; background-image:url(images/direction-right.png); background-position:center 4px; background-repeat:no-repeat; }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal label.direction-left { line-height:100px; overflow:hidden; background-image:url(images/direction-left.png); background-position:center 4px; background-repeat:no-repeat; }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal em { left:53px;}

.dd-wrapper .dd-field .placeholders .placeholder.result-true em { display:block; background:#fff url(images/result-true.png) center center no-repeat; }
.dd-wrapper .dd-field .placeholders .placeholder.result-false em { display:block; background:#fff url(images/result-false.png) center center no-repeat; }
.dd-wrapper .dd-field .placeholders .placeholder.result-false label { background:#d35241; color:#fff; }

/*
.dd-wrapper .dd-field .placeholders .placeholder.type-label.ui-state-hover { margin-left:-11px; margin-top:-11px; }
.dd-wrapper .dd-field .placeholders .placeholder.type-label.ui-state-hover label { width:22px; height:22px; box-shadow:0px 0px 4px rgba(0,0,0,0.4); }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal.ui-state-hover { margin-left:-26px; margin-top:-11px; }
.dd-wrapper .dd-field .placeholders .placeholder.type-horizontal.ui-state-hover label { width:52px; height:22px; box-shadow:0px 0px 4px rgba(0,0,0,0.4); }
*/
.dd-wrapper .dd-field .line { display:block; position:absolute; background:#333333;  }
.dd-wrapper .dd-field .line-horz { height:1px; }
.dd-wrapper .dd-field .line-vert { width:1px; }
.dd-wrapper .dd-field .line-circ { width:6px; height:6px; border-radius:50%; margin-left:-3px; margin-top:-3px; }

.dd-wrapper .dd-hint { background-color: rgba(6,6,6,0.45); border-radius: 4px; padding: 8px; position:absolute; }
.dd-wrapper .dd-reset { background-color: rgba(6,6,6,0.45); border-radius: 4px; padding: 8px; position:absolute; font-weight: normal; z-index:10; }

table.movable-item { margin:0 0 10px 0; border-collapse:collapse; padding:0; border:0; width:100%; padding-top:5px; }
table.movable-item tr td { padding:3px 0 0 0; width:99%; text-align:left; vertical-align:top; }
table.movable-item tr td:first-child { white-space: nowrap; width: 1%; padding-top:0px; }
.movable-item tr td > strong { display:inline-block; *display:inline; zoom:1; margin-right:9px; white-space: nowrap; }
.movable-item tr td > strong > em { vertical-align:top; display:none; width:20px; height:20px; border-radius:4px; box-shadow:0px 0px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3); }
.movable-item tr td > label { display:inline; font-weight:normal;  }
.movable { vertical-align:top;  display:inline-block; *display:inline; zoom:1; font-family: 'Oswald', sans-serif;font-weight:normal; cursor:move; background:#b2d784; width:20px; height:20px; border-radius:4px; box-shadow:2px 2px 2px rgba(0,0,0,0.3);  text-align:center; overflow:hidden; line-height:20px; }
.movable.type-label {  }
.movable.ui-draggable { z-index:10; }
.movable.type-horizontal { background:#2bb8c9; width:50px; }
.movable.type-horizontal.type-horizontal.direction-left { line-height:100px; overflow:hidden; background-image:url(images/direction-left.png); background-position:center 4px; background-repeat:no-repeat; }
.movable.type-horizontal.type-horizontal.direction-right { line-height:100px; overflow:hidden; background-image:url(images/direction-right.png); background-position:center 4px; background-repeat:no-repeat; }
.movable.used { box-shadow:none; opacity:0.6; cursor:default; }

.movable-item tr td > strong.result-true em {  display:inline-block; *display:inline; zoom:1; margin-right:8px; background:#fff url(images/result-true.png) center center no-repeat; }
.movable-item tr td > strong.result-false em {  display:inline-block; *display:inline; zoom:1; margin-right:8px; background:#fff url(images/result-false.png) center center no-repeat; }
.movable-item tr td > strong.result-false span {  background:#d35241; color:#fff; }

.quiz-submit { width:110px; white-space:nowrap; display:block; margin:0 auto; height:50px; line-height:50px; background:#a6d670 url(images/bg-button-arrow.png) center right no-repeat; color:#333; font-size:18px; font-family: 'Oswald', sans-serif; font-weight:normal!important; text-decoration:none; padding:0 82px 0 22px; margin-top:28px;  }
.quiz-reset { display:block; position:absolute; margin-top:20px; left:50%; margin-left:-50px; }

.score { overflow:hidden; zoom:1 }
.score span { float:left; background:#c1277b; height:50px; line-height:50px; color:#FFF; font-size:18px;  font-family: 'Oswald', sans-serif;font-weight:normal; padding:0 13px 0 19px; letter-spacing:1px; }