.device {
  min-width: 48rem;
}

.appInfo {
  font-size: large;
}

.info {
  font-size: small;
}

.detailinfo {
  font-size: x-small;
}

.status {
  font-size: x-small;
}

.device .buttons {
  display: flex;
  justify-content: left;
}

.device .position {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.x-position-button {
  min-width: 6rem;
  /* width: 6rem; */
}

.btn {
  white-space: normal;
}

input[type=range].shutterslider {
  -webkit-appearance: slider-vertical;
  width: 4rem;

  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.timer-toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.timer-toolbar button {
  min-width: 7rem;
}

.timer-row {
  display: flex;
  justify-content: flex-start;
  /* align-items: flex-start; */
}

/* .timer-row button {
  min-width: 7rem;
}   */

.timer {
  /* align-self: flex-start; */
  display: flex;
  align-items: center;
  /* margin: 0 auto; */
}

.timerExtra {
  /* align-self: flex-start; */
  display: flex;
  align-items: center;
  /* margin: 0 auto; */
}

.timer .day {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timer .schedule {
  max-width: 7rem;
}

.timer .targetPos {
  max-width: 6rem;
}

.timer .targetPosText {
  min-width: 2.5rem;
}

.timer-active input {
  vertical-align: middle;
}

.timer .condition {
  width: 7rem;
}

button:has(i) {
  background-color: transparent;
}

/* i {
  font-size: 2rem;
  color: cornflowerblue;
} */

button {
  outline: none;
  box-shadow: none;
}

.editbutton {
  font-size: small;
}