#loginbar-outer {
    background:rgb(237,73,153);
    background:linear-gradient(90deg, rgba(237,73,153,1) 0%, rgba(228,37,40,1) 100%);
}

#loginbar {
    height:42px;
    line-height:42px;
    color:#fff;
    font-family:'MyriadPro-Semibold',Arial,sans-serif;
    font-size:15px;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

#login-content {
    min-height:360px;
    padding:45px 0px;
}

#login-box {
    width:360px;
    margin:0 auto;
    background:#fff;
    border:1px solid #eeeeee;
    -webkit-box-shadow: 0px 2px 12px 2px #f2f2f2;
    box-shadow: 0px 2px 12px 2px #f2f2f2;
    padding:30px;
}

#login-box h1 {
    margin:0px 0px 10px 0px;
    color:#4d4f58;
}

#login-box .login-info {
    margin:0px 0px 22px 0px;
    color:#626262;
}

.login-error {
    margin:0px 0px 18px 0px;
    padding:10px 12px;
    color:#fff;
    background:#e4262a;
    font-weight:bold;
}

.login-form-row {
    margin-bottom:15px;
}

.login-form-row label {
    display:block;
    margin-bottom:6px;
    color:#4d4f58;
    font-family:'MyriadPro-Semibold',Arial,sans-serif;
    font-size:14px;
}

.login-form-row input {
    width:100%;
    box-sizing:border-box;
    border:1px solid #cccccc;
    background:#fff;
    color:#626262;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    padding:9px 10px;
}

.login-form-row input:focus {
    border-color:#e93864;
}

.login-form-actions {
    padding-top:5px;
}

.login-form-actions button {
    display:inline-block;
    border:none;
    color:#fff;
    background:#e4262a;
    padding:0px 18px;
    line-height:34px;
    height:34px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;
}

.login-form-actions button:hover {
    background:#c63177;
    color:#fff;
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

@media only screen and (min-width:1px) and (max-width:710px) {
    #loginbar {
        padding:0px 5px;
        font-size:13px;
    }

    #login-content {
        padding:25px 5px;
    }

    #login-box {
        width:auto;
        padding:22px;
    }
}