.login-page {
    margin: auto;
}
.form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    margin: 0 auto;
}

.form .btn-submit-container,
.form {
    max-width: 315px;
    padding-bottom: 75px;
}

.form {
    padding-top: 10px;
}

form.login-form .form-group {
    width: 100%;
    margin: 0 auto 25px;
    padding-top: 8px;
}

form.login-form input,
form.login-form .btn-append {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid #000000;
    border-radius: 0;
    padding: 0;
}

form.login-form .input-group-append {
    margin-top: 10px;
}

form.login-form label {
    margin-bottom: 0;
}

form.login-form input:focus {
    box-shadow: none !important;
    border-color: #000;
    margin-right: 1px;
}

form.login-form .cta-container {
    font-family: OdinRoundedLight, sans-serif;
}

form.login-form .social-container {
    text-align: center;
    padding: 76px 0 84px 0;
}

.social-container a:not(:last-child) {
    margin-right: 5px;
}

.cta-container a,
.cta-container-register a {
    color: #CD212A;
}

.form .btn-submit-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: 15px;
    background: #FFFFFF;
    z-index: 3;
}

.form button {
    text-transform: uppercase;
    outline: 0;
    background: #CD212A;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
}
.form button:hover,.form button:active,.form button:focus {
    background: #8a1f24;
}

.form h2 {
    margin-top: -7px;
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 60px;
    height: 82px;
}

.form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
}
.form .message a {
    color: #4CAF50;
    text-decoration: none;
}
.form .register-form {
    display: none;
}
.form .error {
    color: #ca3333;
}
.container {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
}
.container:before, .container:after {
    content: "";
    display: block;
    clear: both;
}
.container .info {
    margin: 50px auto;
    text-align: center;
}
.container .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 36px;
    font-weight: 300;
    color: #1a1a1a;
}
.container .info span {
    color: #4d4d4d;
    font-size: 12px;
}
.container .info span a {
    color: #000000;
    text-decoration: none;
}
.container .info span .fa {
    color: #EF3B3A;
}
body {
    background: #FFFFFF; /* fallback for old browsers */
    background: -webkit-linear-gradient(right, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(right, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(right, #FFFFFF, #FFFFFF);
    background: linear-gradient(to left, #FFFFFF, #FFFFFF);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.controls-left,
.controls-right {
    top: 0;
}

.controls-right div,
.controls-left div {
    margin: 10px 10px 35px;
}

.social-container a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .form .btn-submit-container,
    .form {
        width: 75vw;
        max-width: 300px;
    }
}