@charset "utf-8";
/* CSS Document */
#working-modal .tagpin {
  display: flex;
}

#working-modal .tagpin .form_pin_working {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

#working-modal .tagpin .form_pin_working .pin_txt {
  font-size: 2.9vw;
  color: #30c40c;
  margin-bottom: 4.4vw;
}

#working-modal .tagpin .form_pin_working .pin_number_list, .form_pin_working .pin_number-btn_list {
  display: flex;
  justify-content: space-between;
  width: 24vw;
}

#working-modal .tagpin .form_pin_working .pin_number_list {
  font-size: 4.4vw;
  align-items: center;
  padding: 0 2%;
  margin-bottom: 3.0vw;
  height: 5.0vw;
}

#working-modal .tagpin .form_pin_working .pin_number_list li {
  width: 6.0vw;
}

#working-modal .tagpin .form_pin_working .pin_number_list img {
  width: 6.0vw;
  animation: iconFadeIn 1s cubic-bezier(0.47, 0.13, 0.7, 1.07);
  -webkit-animation: iconFadeIn 1s cubic-bezier(0.47, 0.13, 0.7, 1.07);
}

#working-modal .tagpin .form_pin_working .pin_number_list p {
  text-align: center;
}

@keyframes iconFadeIn {
  0% {opacity: 0}
  50% {opacity: 0.5}
  100% {opacity: 1}
}

@-webkit-keyframes iconFadeIn {
  0% {opacity: 0}
  50% {opacity: 0.5}
  100% {opacity: 1}
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list {
  flex-wrap: wrap;
  align-content: normal;
  justify-content: flex-end;
  height: 44.6vw;
  height: 31vw;
  padding: 5% 5% 5% 0;
  max-width: 25.3vw;
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list li {
  margin-right: 2vw;
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list li:nth-of-type(3n) {
  margin-right: 0;
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list li button {
  width: 5.5vw;
  height: 5.5vw;
  border: solid 0.2vw #30c40c;
  background-color: #ffffff;
  border-radius: 50%;
  color: #30c40c;
  position: relative;
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list li:nth-of-type(12) button {
  border: none;
  background: none;
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list li button p {
  font-size: 2.2vw;
}

#working-modal .tagpin .form_pin_working .pin_number-btn_list li button.touched:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #b3eaa6;
  width: 11.0vw;
  height: 11.0vw;
  border-radius: 50%;
  z-index: -1;
}

#working-modal .routime {
  margin-bottom: 1vw;
  padding: 0.9vw 0.9vw 0.21vw 0.9vw;
  background-color: #ddf2d8;
}

#working-modal .routime p {
  font-size: 1.5vw;
  line-height: 1.2em;
  color: #4c556e;
}

#working-modal .routime .modal_numberbox .funo {
    width: 18vw;
}

#working-modal .tagpin .tag_table {
  border: solid 0.1vw #c3c3c3;
}

#working-modal .tagpin .tag_table .error {
  color: #ff1515;
  font-size: 1.5vw;
}

#working-modal .tagpin .tag_table .warning {
  color: #ff1515;
  font-size: 1.5vw;
}

#working-modal .ovrtime {
  padding: 0 0.9vw;
}

#working-modal .ovrtime_sita {
  margin-top: 1.5vw;
}

#working-modal .ovrtime_sita .modal_numberbox  {
  display: flex;
  align-items: center;
  font-size: 1.2vw;
  justify-content: space-between;
  margin: 1.2vw 0;
  text-align: left;
}

#working-modal .ovrtime_sita .modal_numberbox .zikano{
    width:14vw;
    font-size: 1.5vw;
}

#working-modal .ovrtime_sita .modal_numberbox .funo{
   margin: 0 0  ;
   font-size: 1.5vw;
    width: 18vw;
}

#working-modal .ovrtime_sita .modal_numberbox input[type="text"] {
  border: 0.1vw solid rgb(48, 196, 12);
  background-color: rgb(255, 255, 255);
  font-size: 1.6vw;
  color: #515d62;
  padding: 0 0.5em;
  margin: 0 0.2em;
  width: 4.9vw;
  height: 3.9vw;
  text-align: center;
}

#working-modal .routime .modal_numberbox input[type="text"] {
  border: 0.1vw solid rgb(48, 196, 12);
  background-color: rgb(255, 255, 255);
  font-size: 1.6vw;
  color: #515d62;
  padding: 0 0.5vw;
  margin: 0 0.2em;
  width: 4.9vw;
  height: 3.9vw;
  text-align: center;
}

#working-modal .tag_table .box {
  display: flex;
}

#working-modal .form_pin_working .pin_number-btn_list li:nth-of-type(12) {
  background-image: url("../img/ic/tntr_button.svg");
  background-repeat: no-repeat;
}

#working-modal .routime .modal_numberbox {
  display: flex;
  align-items: center;
  font-size: 1.2vw;
  color: #515d62;
  margin: 1.2vw 0;
  justify-content: space-between;
}
#working-modal .routime .modal_numberbox:first-child  {
  margin-top: 0;
}

#working-modal .tagpin .tag_table {
  max-height: 30vw;
  width: calc(100% - (5.5vw * 3 + 4vw));
  overflow-y: scroll;
  padding: 1.1vw;
  box-sizing: border-box;
}