body, html {
    height: 100%; 
    margin: 0; 
    font-family: "Arial"; 
    font-weight: lighter; 
    color: #626262;
    background-color: #00609c39; 
  }
  .container {
    height: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-color: #0c92f229;
  }
  
  .loginBox {
    width: 45%; 
    height: 69%;
    background-color: white; 
    box-shadow: 0px 0px 43px -2px rgba(135,130,135,1); 
    border-radius: 8px; 
    padding: 15px;
  }
  
  .userImage {
    width: fit-content;
    height: 40%;
    margin: auto;
    
    background-color: rgb(255, 255, 255);
  }
  #left_signature{width:max-content; height:max-content; }
  /* border-color: #0c93f2; border-width: 2px; border-style:inset; border-radius: 8px; padding: 10px 10px 10px 10px} */
  #loginForm{width:100%; height:40%; margin-top: 20px;}
  /*  #loginForm{width:100%; height:40%; margin-top: 20px;} bỏ margin-top ra -> bản cũ*/
  .left_input{
    width: 50%;
    height: 100%;
    float: left;
  }
  .right_input{
    width: 50%;
    height: 100%;
    float: right;
  }
  
  
  
  .input-wrapper {
    position: relative;
  }


  input {
    display: block; 
    width: 90%; 
    padding: 15px 10px; 
    border-radius: 8px; 
    border: 1px solid #ececec; 
    margin: 10px 0;
  }


  #enterBtn{
    display: block; 
    width: 50%; 
    padding: 15px 10px; 
    border-radius: 8px; 
    border: 1px solid #ececec; 
    margin: 10px 0;
    width: 100%; 
    /* margin-top: 35px;  */
    background-color: #32bfb2; 
    color: white; 
    font-weight: lighter;
  }

  /*---------------------Button---------------------*/
  #copyBtn{
    float: left;
  }
  #copiedTxt{
    
    margin-left: 10px;
    padding: 2px 10px ; 
    
    color: white; 
    background-color: #00609c51; 
    border-radius: 10px;
    float: left;
  }