body { padding: 20px; margin-top: 40px; }

@media (min-width: 980px) {
  .container { max-width: 980px; }
}

.pointer { cursor: pointer; }
.sort { cursor: move; }

.topbar { left: 0; position: fixed; right: 0; top: 0; z-index: 1000; border-bottom: 1px solid #999; background-color: #333; }
.navbar { border-color: transparent; margin-bottom: 0; }

.table.table-middle tbody>tr>td { vertical-align: middle; }
.font-small { font-size: 100%; }
label { font-weight: normal; }

.qualification-question { padding-left: 40px; padding-right: 40px; padding-top: 10px; position: relative; background: #f8f8ff; }
.qualification-question::before { content:'Question'; transform: rotate(270deg); position: absolute; top: 40px; left: 0px; }
.qualification-question > button { position: absolute; right: 12px; top: 15px; }
.valid input { background: #efe; margin-bottom: 2px; }
.invalid input { background: #fee; margin-bottom: 2px; }