﻿.oversii.signin-main {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
    margin-bottom: 25px;
}


    .oversii.signin-main .title {
        text-align: center;
        margin-bottom: 30px;
        display: none;
    }

        .oversii.signin-main .title h1 {
            font-size: 40pt;
        }

    .oversii.signin-main .form-header {
        padding: 20px 0;
        text-align: center;
        border-radius: 10px 10px 0 0;
        background-color: #ffffff;
            border: solid 2px #eaeaea;
    }

        .oversii.signin-main .form-header .fa-user {
            font-size: 50px;
            color: #fff;
            border-radius: 50%;
            border: 3px solid #E7E7E7;
            padding: 15px 20px;
            background: #f6f8f9;
            /* Old browsers */
            background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
            /* IE10+ */
            background: linear-gradient(135deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 );
            /* IE6-9 fallback on horizontal gradient */
        }

    .oversii.signin-main .form-main {
        background-color: #505050;
        padding: 20px 50px;
    }

    .oversii.signin-main .form-footer {
        background-color: #404040;
        padding: 20px 50px;
    }

        .oversii.signin-main .form-footer a {
            color: #ff6610;
            font-size: 10pt;
        }

            .oversii.signin-main .form-footer a:hover {
                text-decoration: none;
                color: #ff6610;
            }

        .oversii.signin-main .form-footer .fa-unlock-alt {
            font-size: 10pt;
            color: #ff6610;
            border-radius: 50%;
            background-color: #505050;
            padding: 5px 8px;
            margin-right: 7px;
        }

        .oversii.signin-main .form-footer .fa-check {
            font-size: 10pt;
            color: #ff6610;
            border-radius: 50%;
            background-color: #505050;
            padding: 5px;
            margin-right: 7px;
        }

    .oversii.signin-main .signin {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #FF8627;
        color: #fff;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .oversii.signin-main .signin:hover {
            background-color: #ff6610;
        }

    .oversii.signin-main input[type="text"],
    .oversii.signin-main input[type="email"],
    .oversii.signin-main input[type="password"] {
        background-color: #404040;
        padding-left: 20px;
        border-radius: 0;
        border: none;
        margin-bottom: 10px;
        color: #ccc;
        height: 43px;
    }

        .oversii.signin-main .form-control:focus,

    .oversii.signin-main .form-control-remember-me {
        color: #ffffff;
        font-weight: bold;
    }
