/* 複数パネル画面 固有スタイル */

/* 各ボックスの色設定 */
.input-box {
  background-color: rgba(137, 211, 236, 0.777);
  border: 1px solid blue;
}

.answer-box {
  background-color: rgb(247, 250, 251);
  border: 1px solid blue;
}

.editting-box {
  background-color: lightblue;
  border: 1px solid blue;
}

.comment-box {
  background-color: rgb(202, 220, 226);
  border: 1px solid blue;
}

/* Writing Copy固有のフィールド高さ */
.val-form textarea#question {
  height: 3em;
}

.val-form textarea.option {
  height: 3em;
}

.val-form textarea#requirement {
  height: 9em;
}

/* ドロップダウンの背景色 */
.val-form .dropdown.choice {
  background-color: #b3d6cb;
}

/* ボタンの色設定 */
.btn {
  background: rgba(35, 60, 183);
  color: #d2f7d7;
  border-color: rgb(5, 27, 100);
}

.btn:hover {
  background-color: rgba(35, 60, 183, 0.6);
}

.btn.active {
  background-color: rgb(101, 118, 173, 0.4);
}

.btn-disabled {
  background-color: #cccccc33;
}