@charset "UTF-8";

#container {
  width: 100%;
  height: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../img/area.png);
  background-size: 100%;
}

#drag-items {
  padding-top: 430px;
  left: 0;
  width: 100%;
  text-align: center;
}

.drag-items-line {
  width: 100%;
  margin: 10px -20px;
}
.drag-items-line img {
  margin: auto 20px;
  vertical-align: middle;
}

#drag-items-text {
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
#drag-items-number {
  height: 80px;
  vertical-align: middle;
  white-space: nowrap;
}

#interface {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

#reset-button {
  padding-left: 32px;
  background-image: url(../img/repeat.png);
  background-size: 16px;
  background-position: 14px center;
}

#reset-button.down {
  background-image: url(../img/repeat_down.png);
}

#reset-button.disabled,
#reset-button[disabled="disabled"] {
  background-image: url(../img/repeat_disabled.png);
}