body {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

body a {
    color: -webkit-link;
    text-decoration: none;
    cursor: auto;
    color: #07c;
}

body .main {
    width: 324px;
    margin: 10% auto 0 auto;
    float: none;
}

    body .main .headerLogo {
        background: linear-gradient(135deg, #1864F2, #0d47a1);
        padding: 40px 0;
        text-align: center;
        border-radius: 8px 8px 0 0;
        background-repeat: no-repeat;
    }

        body .main .headerLogo img {
            display: block;
            margin: 0 auto;
            max-width: 220px;
        }

body .main .loginBox,
body .main .boxFrame,
body .main .loginBox input[type=text], 
body .main .loginBox input[type=password] {
    border: 1px solid #e6e6e6;
    background: #ffffff;
    margin: 0 auto;
    padding: 30px 30px 50px 30px;
}

body .main .loginBox .signInWithGoogle {
    background-image: url('/Content/images/googleSignInButtons/1x/btn_google_signin_dark_normal_web.png');
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    height: 46px;
    width: 191px;
    margin: 0 -95px;
    left: 50%;
    padding: 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -moz-border-image-source: none;
    -ms-border-image-source: none;
    -o-border-image-source: none;
    -webkit-border-image-source: none;
    border-image-source: none;
    -moz-border-image-slice: initial;
    -ms-border-image-slice: initial;
    -o-border-image-slice: initial;
    -webkit-border-image-slice: initial;
    border-image-slice: initial;
    -moz-border-image-width: initial;
    -ms-border-image-width: initial;
    -o-border-image-width: initial;
    -webkit-border-image-width: initial;
    border-image-width: initial;
    -moz-border-image-outset: initial;
    -ms-border-image-outset: initial;
    -o-border-image-outset: initial;
    -webkit-border-image-outset: initial;
    border-image-outset: initial;
    -moz-border-image-repeat: initial;
    -ms-border-image-repeat: initial;
    -o-border-image-repeat: initial;
    -webkit-border-image-repeat: initial;
    border-image-repeat: initial;
}

body .main .loginBox .signInWithGoogle:active {
    background-image: url('/Content/images/googleSignInButtons/1x/btn_google_signin_dark_pressed_web.png');
}

body .main .loginBox .orContainer {
    text-align: center;
    margin: 20px 0;
    color: #808080;
    -webkit-font-variant: small-caps;
    -moz-font-variant: small-caps;
    -ms-font-variant: small-caps;
    -o-font-variant: small-caps;
    font-variant: small-caps;
    padding: 0;
    border: 0;
    font-size: 100%;
}

body .main .loginBox .orContainer .orHr {
    margin-bottom: -20px;
    height: 0;
    border: 0;
    border-top: 1px solid #e6e6e6;
    color: #aaa;
    background-color: #aaa;
}

body .main .loginBox .orContainer .or { 
    display: inline-block;
    position: relative;
    padding: 10px;
    background-color: #fff;
    margin: 0;
    border: 0;
    font-size: 100%;
}

body .main .loginBox input[type=text], 
body .main .loginBox input[type=password] {
    color: #2a2a28;
    width: 93%;
    line-height: 1.3;
    font-size: 100%;
    padding: 8px;
    height: 18px;
    border: 1px solid #e6e6e6;
    -ms-border-radius: 0;
    border-radius: 0;
    cursor: auto !important;
    margin: 5px 0 10px 0;
}

body .main .loginBox .cbt {
    clear: both;
}

body .main .loginBox a {
    top: 15px;
    position: relative;
    cursor: pointer;
}

    body .main .loginBox .signInButton {
        margin: 5px 0 0 0;
        padding: 10px 40px;
        height: 36px;
        float: right;
        display: inline-block;
        background-image: none;
        background-color: #1864F2;
        color: #fff;
        cursor: pointer;
        vertical-align: central;
        border: none;
        text-align: center;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -moz-border-image-source: none;
        -ms-border-image-source: none;
        -o-border-image-source: none;
        -webkit-border-image-source: none;
        border-image-source: none;
        -moz-border-image-slice: initial;
        -ms-border-image-slice: initial;
        -o-border-image-slice: initial;
        -webkit-border-image-slice: initial;
        border-image-slice: initial;
        -moz-border-image-width: initial;
        -ms-border-image-width: initial;
        -o-border-image-width: initial;
        -webkit-border-image-width: initial;
        border-image-width: initial;
        -moz-border-image-outset: initial;
        -ms-border-image-outset: initial;
        -o-border-image-outset: initial;
        -webkit-border-image-outset: initial;
        border-image-outset: initial;
        -moz-border-image-repeat: initial;
        -ms-border-image-repeat: initial;
        -o-border-image-repeat: initial;
        -webkit-border-image-repeat: initial;
        border-image-repeat: initial;
    }

body .main .boxFrame {
    text-align: center;
    padding: 20px;
    margin: 20px auto 100px auto;
}

body .main .loginBox .validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

body .main .loginBox .validation-summary-errors ul {
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

.validation-summary-errors li {
    width: 430px;
}

input[name="Email"] + div > .field-validation-error,
input[name="Password"] + div > .field-validation-error {
    display: none;
}