.fs14 {
  font-size: 14px;
}
.fs24 {
  font-size: 24px;
  /* font-weight: 800; */
}
.fs30 {
  font-size: 30px;
  padding: 10px;
}
.fs48 {
  font-size: 48px !important;
  padding: 10px;
}
.action{
  font-size: 2rem !important;
  color:#fff !important;
}
.fs52{
  font-size: 52px;
  font-weight: 700;
}
.mb5{
  margin-bottom: 5px;
}

.red {
  color: #ff0000;
}
.w90 {
  width: 90%;
}
.button-primary {
  height: 60px;
}
.text-black{
  color: #000;
}
.small{
  font-size: small;
}
.done {
  background-color: #bbb !important;
  border-color: #bbb !important;
  color: #666 !important;
}
#nextLocation {
  background-color: #ccc;
  font-size: 2rem;
  text-align: right;
  width: 60%;
  margin: 0 10px;
}
.measure {
  position: absolute;
  bottom:0;
  font-size: 1.2rem;
  width: 100%;
  background-color: #000;
  color: #fff;
  /* border-color: #bbb; */
  /* margin: 20px 10px; */
}
#barcode-wrapper {
  position: fixed;
  top: 50px;
  left: 0;
}

#center {
  background-color: #099;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 20px;
}

#scanBtn {
  position: fixed;
  top: 50px;
  right: 0;

  color: #fff;
  background-color: #eb6100 !important;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  line-height: 50px;
  width: 75px;
  height: 75px;
  padding: 0;
}

#backBtn {
  position: fixed;
  bottom: 50px;
  left: 0;

  color: #fff;
  background-color: #ff0000 !important;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  line-height: 50px;
  width: 50px;
  height: 50px;
  padding: 0;
}

.body {
  position: static;
}

.itemName {
  width: 100%;
  /* 要素の横幅を指定 */
  white-space: nowrap;
  /* 横幅のMAXに達しても改行しない */
  overflow: hidden;
  /* ハミ出した部分を隠す */
  text-overflow: ellipsis;
  /* 「…」と省略 */
  -webkit-text-overflow: ellipsis;
  /* Safari */
}

.animation {
  animation-direction: normal;
  animation-duration: 0.6s;
  animation-name: anim_sc;
  animation-timing-function: ease;
  transform: scale(1, 1);
}

@keyframes anim_sc {
  50% {
    transform: scale(0.6, 0.6);
  }

  100% {
    transform: scale(1, 1);
  }
}


/* 外部ver用 */
#barcode-input {
  position: fixed;
  top: 80px;
  right: 0;
  width: 40px;
}
input:focus {
  background-color: orange;
  /* 背景色 */
  border: 1px solid red;
  /* 枠線 */
}