@CHARSET "UTF-8";
/*==============*/
/*   Login      */
/*==============*/

/*** the styles for login window ***/
#login-panel {
  position    : absolute;
  left        : 433px;
  top         : 105px;
  height      : 290px; 
  width       : 500px;
  padding     : 0px;
  background-color : var(--panel-bg-color); 
  color       : var(--panel-color);
}
#login-message {
  position    : absolute;
  left        : 0px;
  top         : 35px;
  height      : 30px;
  width       : 500px;
  text-align  : center;
  font-size   : 11pt;
}
#label-user {
  position    : absolute;
  top         : 100px;
  left        : 0px;
  width       : 150px;
  height      : 40px;
  text-align  : right;
}
#input-user {
  position    : absolute;
  width       : 350px;
  height      : 40px;
  top         : 100px;
  left        : 200px;
  align-content: left;
  padding-left: 10px;
}
#label-password {
  position    : absolute;
  top         : 150px;
  left        : 0px;
  width       : 150px;
  height      : 40px;
  text-align  : right;
}
#input-password {
  position    : absolute;
  width       : 350px;
  top         : 150px;
  height      : 40px;
  left        : 200px;
  align-content: left;
  padding-left: 10px;
}
#button-login {
  position    : absolute;
  width       : 500px;
  height      : 40px;
  top         : 210px;
  left        : 0px;
  align-content: center;
}
#btn-login {
  position    : absolute;
  width       : 110px;
  height      : 34px;
  margin-left : 210px;
  margin-right: auto;
}