body {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3f4d56 !important;
}

body:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(images/bg.png) no-repeat 50% fixed;
    background-size: cover;
    opacity: .1;
}

.box_login {
  /* OVERRIDES */
  margin: unset;
  width: unset;
  display: flex;

  flex-direction: column;
  justify-content: space-evenly;

  padding: 1em 2rem;
  border-radius: 1rem;
  background: rgba(255,255,255,0.5);
  border: 0.1rem solid #e2e2e2;
  z-index: 999;
}

.box_login li {
  margin-top: 1em;
}

.box_login li.box_inpts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* .box_login li.box_inpts .box_lbl {
  margin-right: 1rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 1.1rem;
} */

.box_login .box_inpts input[type="text"],
.box_login .box_inpts input[type="password"] {
  /* OVERRIDES */
  text-align: unset;
  font-size: unset;
  line-height: unset;
  padding: 12px !important;
  border-radius: 2px;
  background: #d2e9f9;
  
  width: 20rem;
  color: #3f4d56;
  border-radius: 0.3rem;
  border: 0.1rem solid #c8c8c8;

  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: 96% center;
}

.box_login li.box_inpts.box_inpts_username input {
  background-image: url(images/iconUser.png);  
  background-position: 95.5% center;
}

.box_login li.box_inpts.box_inpts_password input {
  background-image: url(images/iconPassword.png);
  background-position: 95% center;  
}

.box_login li.box_inpts.box_inpts_org input {
  background-image: url(images/iconOrg.png);  
}

.box_login li.box_inpts.box_inpts_org_id input {
  background-image: url(images/iconOrgId.png);  
}

.box_login li.box_inpts.box_inpts_org_remark input {
  background-image: url(images/iconRemark.png);  
}

.box_btn_login {
  width: 20rem;
  border: none;
  background-color: #528bb8;
  color: #fff;
  border-radius: 0.3rem;
  padding: 0.5rem 0rem;
  font-size: 1rem;
  letter-spacing: 0.2rem;
}


.box_login .box_no_accnt {
  margin-top: 1rem;
  display: flex;
  justify-content: end;
  font-size: 0.8rem;
}

.box_login .box_no_accnt a {
  color: #528bb8;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9ca5ab;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9ca5ab;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #9ca5ab;
}