/*
 * Authentication page Styling
 */
@charset "utf-8";

.loginPage {
    margin: 0 auto;
    max-width: 825px;
}

.loginPage > .registerCont > *,
.loginPage > .loginCont > * {
    text-align: center;
    border: 1px solid #9475B2;
    margin: 10px auto;
    padding: 2px 3px;
    width: 400px;
    border: 1px solid #9475B2;
    box-shadow: 0 0 3px #9475B2;
    border-radius: 3px;
    background: #D3BFFF;
}

@media (max-width: 430px) {

    .loginPage > .registerCont > *,
    .loginPage > .loginCont > * {
        width: 300px;
    }

}

.loginPage > .loginCont {
    float: left;
}

.loginPage > .registerCont {
    float: right;
}

@media (max-width: 820px) {

    .loginPage > .loginCont {
        float: none;
    }

    .loginPage > .registerCont {
        float: none;
    }

}

.loginPage .head {
    text-align: left;
}

.loginPage > div > form > div > input {
    font-size: 16px;
}

.loginPage  input[type="text"],
.loginPage input[type="password"] {
    width: calc(100% - 16px);
}

.loginPage form > div > label {
    font-size: 20px;
    font-weight: 100;
    padding: 0 5px;
    line-height: 32px;
    color: #222;
    text-shadow: #888 0 0 3px;
}

.loginPage .subLinks {
    font-size: 10px;
}