.password-box-body {
  width: 800px;
  background: var(--whiteColor);
  max-height: 568px;
}

h2.sub-ttl {
  color: var(--secondaryColor);
  font-size: 24px;
  text-align: center;
}

.url-group span {
  display: block;
  line-height: 2;
}

.auth-form form {
  width: 400px;
  margin: 0 auto;
}

.form-input input {
  width: 100%;
  padding: 5px 5px 5px 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-submit {
  margin-bottom: 50px;
  text-align: center;
}

.form-submit a {
  margin: 0 5px;
}

.url-group .symbols {
  color: var(--primaryColor);
}

.question-mark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Group_464' data-name='Group 464' transform='translate(-440 -281)'%3E%3Cg id='Ellipse_240' data-name='Ellipse 240' transform='translate(440 281)' fill='none' stroke='%2366cc02' stroke-width='1'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_797' data-name='Path 797' d='M-.363-.783H1.343c-.2-1.88,2.12-2.52,2.12-4.413C3.463-6.9,2.29-7.73.69-7.73A3.689,3.689,0,0,0-2.11-6.4l1.08.987A2.056,2.056,0,0,1,.45-6.157,1.04,1.04,0,0,1,1.583-5.063C1.583-3.783-.683-2.93-.363-.783ZM.49,2.763a1.228,1.228,0,0,0,1.227-1.28A1.228,1.228,0,0,0,.49.2,1.225,1.225,0,0,0-.723,1.483,1.225,1.225,0,0,0,.49,2.763Z' transform='translate(447.443 291.397)' fill='%2366cc02'/%3E%3C/g%3E%3C/svg%3E ");
  background-size: cover;
}

.input-group-addon img.password {
  position: absolute;
  top: 10px;
  left: 3%;
  color: var(--backBtnColor);
}

/* ---------------------------------------Tablet-login---------------------------------------- */
@media(min-width:992px) and (max-width:1024px) {
  html {
    min-width: 100%;
  }

}

@media(min-width:500px) and (max-width:991px) {
  .password-box-body {
    width: 100%;
    max-height: 100%;
  }

  .password-box-body {
    width: 100%;
    max-height: 100%;
  }

  .auth-form {
    margin: 0 auto;
  }
}

@media (min-width:280px) and (max-width:500px) {
  .password-box {
    width: 90%;
  }

  .password-box-body {
    width: 100%;
    max-height: 100%;
  }

  .auth-form {
    width: 100%;
  }

  .auth-form form {
    width: 100%;
  }

  .input-group-addon img.password {
    position: absolute;
    top: 10px;
    left: 3%;
    color: var(--backBtnColor);
  }

}