body {
    margin: 0;
    padding: 0;
    font-family: helvetica;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20L0 20z' fill='%233e5ba5' fill-opacity='0.06' fill-rule='evenodd'/%3E%3C/svg%3E");
    padding-bottom: 20px;
}

#Banner {
    background: rgb(41,64,93);
    background: linear-gradient(156deg, rgba(41,64,93,1) 60%, rgba(166,166,166,1) 100%);
    width: 100%;
    height: 100px;
}

#Logo {
    position: relative;
    align-items: center;
    margin: auto;
    width: 160px;
    height: 73px;
}

    #Logo img {
        margin-top: 15px;
        width: 160px;
        height: 73px;
        float: left;
        text-align: center;
    }

#Contenido {
    margin: auto;
    width: 400px;
}

footer {
    background: rgb(41,64,93);
    background: linear-gradient(156deg, rgba(41,64,93,1) 60%, rgba(166,166,166,1) 100%);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
    text-align: center;
    padding-bottom: 5px;
    z-index: 1;
}

.centered {
    margin: 0 auto;
    position: center;
    font-weight: 700;
}

.botones {
    height: 37px;
    width: 105px;
    border-radius: 6px;
    background: rgb(41,64,93);
    color: #a6a6a6 !important;
    text-align: center;
}

.botonesHover {
    color: white !important;
}


.UsuarioItem, .PasswordItem {
    height: 37px;
}

.UsuarioTextBox, .PasswordTextBox {
    height: 37px;
    font-size: 18px;
    padding-left: 50px !important;
    background-position: 7px 50% !important;
    border-radius: 5px;
}

    .UsuarioTextBox input {
        font-weight: 400;
        background-color: transparent !important;
    }

.UsuarioFoco, .PasswordFoco {
    border-color: rgb(115,140,144) !important;
    outline-color: rgb(115,140,144) !important;
}