.sign-in-logo {
    width: 25%;
    margin: 0px 95px 12px;
    border-radius: 3px;
}

#sign-in {
    font-family: helvetica;
    color: #333;
    padding: 0 15px;
}

    #sign-in * {
        box-sizing: border-box;
    }

    #sign-in .sign-in-heading {
        font-size: 36px;
        line-height: 1.5;
        font-weight: bold;
        margin: 10px 0;
        text-align: center;
    }

    #sign-in .sign-in-copy {
        text-align: center;
        margin-bottom: 30px;
    }

    #sign-in .sign-in-form {
        margin: 120px auto;
        display: block;
        padding: 20px 30px 30px 30px;
        max-width: 350px;
        background-color: white;
        border-radius: 0px;
        box-shadow: 0px 0px 2px 0px #243b71;
    }

        #sign-in .sign-in-form .field-container {
            position: relative;
            display: block;
            margin: 10px 0;
            height: 54px;
            width: 100%;
            background: white;
            border: #f0f;
            border-radius: 1px;
            border-bottom: 0.01rem solid;
            border-color: lightgray;
        }

            #sign-in .sign-in-form .field-container.-focused label {
                font-size: 11px;
                line-height: 12px;
                color: #888;
                bottom: auto;
                top: 8px;
                font-weight: bold;
            }

            #sign-in .sign-in-form .field-container.-focused input {
                line-height: 58px;
                border: none;
            }

        #sign-in .sign-in-form label {
            position: absolute;
            top: 0;
            right: 10px;
            bottom: 0;
            left: 10px;
            z-index: 1;
            line-height: 54px;
            display: block;
            color: #666;
            font-size: 16px;
            transition: font-size 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), line-height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), font-weight 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        #sign-in .sign-in-form input {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 2;
            display: block;
            background: transparent;
            line-height: 54px;
            padding: 0 10px;
            font-size: 16px;
            border: none;
            color: #333;
            border-radius: 3px;
            border: 1px solid transparent;
            transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

            #sign-in .sign-in-form input:focus, #sign-in .sign-in-form input:active {
                outline: none;
                border-color: #ededed;
            }

        #sign-in .sign-in-form button {
            display: block;
            margin: 20px 0;
            height: 40px;
            width: 100%;
            background: #243b71;
            border: 1px solid #069fe3;
            border-top-color: transparent;
            border-radius: 3px;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            text-shadow: -1px -1px rgba(0, 0, 0, 0.1);
            transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

            #sign-in .sign-in-form button:hover {
                background: #243b71;
                cursor: pointer;
                border: 1px solid #243b71;
                /*color:#069fe3;*/
            }
            #sign-in .sign-in-form button:disabled {
                box-shadow: none;
                opacity: .65;
                pointer-events: none;
                cursor: not-allowed;
                color: #fff;
                background-color: #7f7f7f;
                border-color: #7f8f7f;
            }
        #sign-in .sign-in-form .create-account-link {
            color: #085da9;
            font-size: 14px;
            display: block;
            text-align: center;
            text-decoration: none;
            transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        #sign-in .sign-in-form .recovery-link {
            /*color: black;*/
            font-size: 14px;
            display: block;
            text-align: left;
        }

        #sign-in .sign-in-form .create-account-link:hover {
            color: #0094cc;
        }