.login_module
{
  position:fixed;
  top:0px;
  right:0px;
  display:block;
  visibility:hidden;
  width:800px; 
  height:50px;
  z-index:200;

}

.login_button
{
    float:right;
    position: relative;
    top: 10px;
    right: 20px;
    width: 120px;
    height: 30px;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #798ec6;
    transition: 0.3s;
    border-style:solid;
    border-color: #3a4460;
    color: #ffffff;
    
}
.login_button:hover
{
    cursor:pointer;
    background-color: #cbd7f5;
    transition: 0.3s;
    color: #333333;
    
}

.logout_button
{
    float:right;
    position: relative;
    top: 10px;
    right: 20px;
    width: 120px;
    height: 30px;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #798ec6;
    transition: 0.3s;
    border-style:solid;
    border-color: #3a4460;
    color: #ffffff;
    
}
.logout_button:hover
{
    cursor:pointer;
    background-color: #cbd7f5;
    transition: 0.3s;
    color: #333333;
    
}


.login_password
{
    display:block;
    float:right;
    padding-left:10px;
    padding-right:10px;
    position: relative;
    top: 10px;
    right: 10px;
    width: 170px;
    height: 30px;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    background-color: #ffffff;
    transition: 0.3s;
    border-style:solid;
    border-color: #3a4460;
    margin-right: 25px;
    letter-spacing: 1px;
    padding-bottom:3px;
}
.login_password::placeholder
{
    font-style:italic;
    color:#AAAAAA;
    font-size: 15px;
    padding-top:2px;
    padding-bottom:4px;
}
.login_password:focus, .login_password:focus-visible, .login_password:active
{
    outline: none;
}




.login_username
{
    display:block;
    float:right;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
    position: relative;
    top: 10px;
    right: 10px;
    width: 300px;
    height: 30px;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background-color: #ffffff;
    transition: 0.3s;
    border-style:solid;
    border-color: #3a4460;
    margin-right: 5px;
    
}
.login_username::placeholder
{
    font-style:italic;
    color:#AAAAAA;
}
.login_username:focus, .login_username:focus-visible, .login_username:active
{
    outline: none;
}



.login_displayname
{
    display:none;
    float:right;
    padding-left:10px;
    padding-right:10px;
    position: relative;
    top: 11px;
    right: 10px;
    width: 600px;
    height: 30px;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #ffffff;
    transition: 0.3s;
    border-style:none;
    margin-right: 30px;
    letter-spacing: 0.2px;
    text-align: end;
}

.login_domaincheck
{
    display:block;
    position: fixed;
    top: 11px;
    width: 100px;
    height: 14px;
    left:222px;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #000000;
    transition: 0.3s;
    border-style:none;
    letter-spacing: 0.2px;
    text-align: start;
}

.login_domaincheck::placeholder
{
    font-style:italic;
    color:#AAAAAA;
}
.login_domaincheck:focus, .login_domaincheck:focus-visible, .login_domaincheck:active
{
    outline: none;
}