#passwordForm,
#loginFormContainer {
    border-radius : 3px;
    width         : 450px;
    margin        : 0 auto;
    box-sizing    : border-box;
    margin-top    : 10%;
}

form {
    padding    : 20px;
    box-sizing : border-box;
    border     : 1px solid #cccccc;
    margin     : 0;
    border-top : 0;
}

#passwordForm h3,
#loginFormContainer h3 {
    background              : #2f4264;
    color                   : white;
    padding                 : 10px;
    font-weight             : 400;
    margin                  : 0;
    border-top-left-radius  : 3px;
    border-top-right-radius : 3px;
    border-bottom           : 2px solid #78a1e5;
}

.flavor {
    display    : block;
    font-size  : 14px;
    font-style : italic;
}

.inputs {
    padding : 20px;
}

.inputs label {
    min-width : 150px;
    display   : inline-block;
}

.inputs input {
    width : 200px;
}

#passwordForm button,
#passwordForm input[type=button],
#loginFormContainer button,
#loginFormContainer input[type=button] {
    font-weight   : 400;
    border        : none;
    background    : #2f4264;
    color         : white;
    font-size     : 16px;
    width         : 100%;
    padding       : 10px 20px;
    border-bottom : 3px solid #27385b;
}

#passwordForm input.cancelButton {
    margin-top    : 8px;
    background    : #eeeeee;
    color         : #202020;
    border-bottom : 3px solid #dddddd;
}

label.invalid {
    margin-left   : 10px;
    position      : absolute;
    background    : #ff5755;
    width         : auto;
    text-align    : left;
    padding       : 2px 10px;
    font-size     : 13px;
    color         : white;
    font-weight   : bold;
    border-radius : 2px;
}

label.invalid:before {
    content            : '';
    width              : 0;
    height             : 0;
    border             : 5px solid transparent;
    border-right-color : #ff5755;
    position           : absolute;
    top                : 4px;
    left               : -10px;
}

span.forgot-password-container {
    text-align : right;
    display    : block;
    width      : 100%;
}

.forgot-password-link {
    font-size : 12px;
}

.loginErrorMessage {
    background    : #ffd5cd;
    border        : 1px solid #cccccc;
    border-bottom : 1px solid #ff282d;
    border-top    : 0;
    padding       : 5px;
    box-sizing    : border-box;
    font-weight   : 400;
    color         : #ff282d;
    display       : block;
    width         : 100%;
    text-align    : center;
}

.password-policy {
    width           : 100%;
    display         : block;
    text-align      : right;
    text-decoration : underline;
    cursor          : help;
    font-size       : 12px;
    margin-top      : 4px;
    padding-right   : 10px;
    box-sizing      : border-box;
}