#login_content {
    width: 100%;
    height: 100%;
    
    background-color: #FFFFFF;
    border-radius: inherit;
    display: table;
}

#login_content > div {
    display: table-row;
}

#login_content > #row_header,
#login_content > #row_footer {
    height: 25%;
}

#login_content > #row_header > div,
#login_content > #row_footer > div {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}

#login_content > #row_login {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#login_content > #row_login > div {
    background-color: #F2F2F2;
    
    padding: 2em;
}

#login_content > #row_footer > div {
    text-align: right;
}

#login_content > #row_footer > div > span,
#login_content > #row_footer > div > a {
    display: inline-block;
    padding: 15px;
    font-size: 1.6em;
}

#login_content > #row_footer > div > a {
    cursor: pointer;
}

#login_content form {
    line-height: 4.5em;
}

#login_content label {
    display: inline-block;
    width: 7em;
    
    text-align: left;
    font-size: 2.5em;
}

#login_content input {
    width: 200px;
    height: 3em;
    padding: 6px;
    margin: 3px;
    
    border-radius: 10px;
    border: 1px solid #A9E2F3;
}

#login_content input:focus {
    border: 1px solid #F5D0A9;
    
}

#login_content button {
    margin-top: 1em;
    padding: 0.5em 1.5em 0.5em 1.5em;
    font-size: 2em;
    border-radius: 15px;
    background-image: linear-gradient(#EFFBFB 0%, #CEECF5 100%);
    border: 1px solid #E2E2E2;
    color: #555555;
}

#login_content button:hover {
    background-image: linear-gradient(#FBF5EF 0%, #F5ECCE 100%);
}

#login_content #login_error {
    display: inline-block;
    margin-bottom: 1em;
    padding: 1em;
    
    background-color: #F8E0E0;
    border: 1px solid #F5A9A9;
    color: #F78181;
    
    font-size: 1.5em;
    border-radius: 5px;
}

#login_content #frm_login {
    display: block;
}