/*------------------------------
/   Idle
------------------------------*/
#but_start, #but_start_onsite{
  position: absolute;
  width: calc(600 * var(--asR));
  height: calc(200 * var(--asR));
  left: calc(345 * var(--asR));
  top: calc(2359 * var(--asR)); /*1383.25*/

  background: url("../ui/but_start.png");
  background-size: cover;
}

#but_start_onsite{
  top: calc(1935.9791 * var(--asR)); /*1383.25*/
}

/*------------------------------
/   Register
------------------------------*/
select {
  width: calc(1008 * var(--asR));
  height: calc(144 * var(--asR));
  text-align: center;
  font-weight: bold;
  font-size: calc(51 * var(--asR));
  color: white;

  background: url("../ui/select.png");
  background-size: contain;
  background-repeat: no-repeat;

  -webkit-appearance: none; /* For Safari, Chrome, Opera */
  -moz-appearance: none;    /* For Firefox */
  appearance: none;         /* Standard property */
  border: 0;
}

.container {
  display: flex;
  justify-content: flex-end; /* Aligns items to the end (right) of the main axis */
}

#dates{
  position: absolute;
  left: calc(141 * var(--asR));
  top: calc(1505.0822 * var(--asR));
}

#times, #times_onsite{
  position: absolute;
  left: calc(141 * var(--asR));
  top: calc(1710.7179 * var(--asR));
}

#times_onsite{
  top: calc(1505.0822 * var(--asR));
}

#but_next{
  position: absolute;
  width: calc(600 * var(--asR));
  height: calc(200 * var(--asR));
  left: calc(345 * var(--asR));
  top: calc(2359 * var(--asR)); /*1383.25*/

  background: url("../ui/but_next.png");
  background-size: cover;
}

#checkbox, #checkbox_onsite{
  position: absolute;
  width: calc(140 * var(--asR));
  height: calc(140 * var(--asR));
  left: calc(119.4742 * var(--asR));
  top: calc(2058.2208 * var(--asR));
}

#checkbox_onsite{
  top: calc(1837.6543 * var(--asR));
}

#but_TAC, #but_TAC_onsite{
  position: absolute;
  width: calc(240 * var(--asR));
  height: calc(100 * var(--asR));
  left: calc(560 * var(--asR));
  top: calc(2080 * var(--asR));
  background-color: rgba(255, 0, 0, 0);
}

#but_TAC_onsite{
  top: calc(1860 * var(--asR));
}

/*------------------------------
/   Register - TAC
------------------------------*/
#TAC{
    position: relative;
    height: calc(1856.2102 * var(--asR));;
    margin: calc(237.7571 * var(--asR)) calc(100 * var(--asR)) 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: transparent;
    top: calc(20 * var(--asR));;
}

#TAC > iframe{
    position: relative;
    padding: calc(90 * var(--asR)) calc(45 * var(--asR)) calc(45 * var(--asR));
    flex-grow: 1;
    border: 0;

    background-color: transparent;
}

#but_accept{
  position: absolute;
  width: calc(600 * var(--asR));
  height: calc(200 * var(--asR));
  left: calc(336.4766 * var(--asR));
  top: calc(2093.9672 * var(--asR)); /*1383.25*/

  background: url("../ui/but_accept.png");
  background-size: cover;
}

#but_decline{
  position: absolute;
  width: calc(600 * var(--asR));
  height: calc(200 * var(--asR));
  left: calc(336.4766 * var(--asR));
  top: calc(2317.7448 * var(--asR)); /*1383.25*/

  background: url("../ui/but_decline.png");
  background-size: cover;
}

/*------------------------------
/   Thankyou
------------------------------*/
#but_retry{
  position: absolute;
  width: calc(600 * var(--asR));
  height: calc(200 * var(--asR));
  left: calc(345 * var(--asR));
  top: calc(2402.8202 * var(--asR)); /*1383.25*/

  background: url("../ui/but_retry.png");
  background-size: cover;
}

/*------------------------------
/   getcode
------------------------------*/
#walkin_QRcode{
  position: absolute;
  width: calc(321.2788 * var(--asR));
  height: calc(321.2788 * var(--asR));
  left: calc(484.3606 * var(--asR));
  top: calc(1238.9335 * var(--asR));

  mask-size: cover;
}

#qr_bg{
    width: calc(560 * var(--asR));
    height: calc(560 * var(--asR));
    left: calc(365 * var(--asR));
    top: calc(1120 * var(--asR));
}