div#divLogInWrapper {
     margin: auto;
     display: table;
}

div#divLogInWrapper > h4 {
     text-align: center;
     text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
}

div#divLogInWrapper > h4 > img {
     height: 50px;
     position: relative;
     top: 14px;
}

div#divLogIn {
     display: table;
     margin: auto;
     padding: 15px;
}

div#divLogIn input {
     width: 200px; 
     height: 30px;
}

input#btnLogIn {
     width: 100%!important;
}

div.messageDivWrapper {
     width: 350px;
     margin: auto;
}

div.messageDiv {
     display: flex;
}

div.messageDiv > div:first-child {
     margin-right: 10px;
}

div#btnViewPassword { 
     display: inline-block;
     font-size: 20pt;
     position: absolute;
     top: 2px;
     right: 7px;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
}

div#btnViewPassword > img {
     height: 20px;
}

div#divCredential0 {
     margin-bottom: 5px;
}

div#divCredential1 {
     display: inline-block;
     position: relative;
}

input#credential_0, input#credential_1 {
     margin: 3px;
     padding-right: 30px;
     text-align: left!important;
     padding-left: 5px;
}

input#credential_1 {
     float: left;
}