body {
  background-color: #f8f8f8
}

.login-box {
  position: relative;
  left: calc(50% - 180px);
  top: 150px;
  width: 360px;
  height: 390px;
  overflow: hidden;
  background-color: #e5f7d5;
  border: 1px solid #62bb1c;
  border-radius: 8px;
}

.headline {
  position: relative;
  left: 20%;
  width: 60%;
  margin-top: 10%;
  padding: 2%;
  font-family: exo;
  font-size: 1.4em;
  font-weight: 400;
  color: #62bb1c;
  text-align: center;
  border: 1px solid #4e9313;
  border-radius: 8px
}

#inp_account, #inp_passwd, #pw_passwd, #lbl_login, #lbl_account, #txt_account {
  font-family: sans-serif;
  font-size: 15pt;
  position: absolute;
  width: 280px;
}

#inp_account, #inp_passwd {
  color: #ccc;
  position: absolute;
}

#inp_account {
  left: calc(50% - 140px);
  top: 160px;
}

#inp_passwd, #pw_passwd {
  left: -280px;
  top: 200px;
}

#pw_passwd {
  display: none
}

#lbl_account, #txt_account {
  padding: 1px;
  color: #444;
  left: -180px;
}

#lbl_login, #lbl_account {
  text-align: center;
  font-weight: bold;
  top: 120px;
}

#lbl_login {
  left: calc(50% - 140px);
  font-size: 14pt;
  color: gray;
}

#txt_account {
  top: 160px;
  white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

#sel_project {
  font-family: exo;
font-size: 14pt;
  position: absolute;
  top: 210px;
  width: 280px;
  left: 40px;
  display: none
}

.sel-project {
  width: 100%;
  margin-top: 12px;
font-family: 'exo';
font-size: 12pt;
padding: 4px;
}

div#wait {
  background-image: url(/png/wait.gif);
  width: 50px;
  height: 50px;
  background-size: 100%;
  position: relative;
  left: calc(50% - 25px);
  top: 150px;
  display: none
}

#err_msg {
  width: 100%;
  position: absolute;
  top: 220px;
  height: 30px;
  font-family: sans-serif;
  text-align: center;
  color: #e44;
}

#btn_cont {
    position: absolute;
    top: 330px;
    width: 80px;
    left: calc(50% - 40px);
}