/*---- NEW LOGIN CSS ----*/

/*
*{
    box-sizing: border-box;
    margin: 0%;
    padding: 0;
}
*/

html {
    background: linear-gradient(45deg, #174774, transparent);
    /*background-image: url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/dark_embroidery.png);*/
    font-family: 'Helvetica Neue', Arial, Sans-Serif;
}

.login-wrap {
    position: relative;
    margin: 6% auto;
    background: #ecf0f1;
    width: 400px;
    border-radius: 5px;
    box-shadow: 3px 3px 10px #333;
    padding: 15px;
}

    .login-wrap h2 {
        text-align: center;
        font-weight: 200;
        font-size: 2em;
        margin-top: 10px;
        color: #34495e;
    }

    .login-wrap .form {
        padding-top: 20px;
    }

        .login-wrap .form input[type="text"],
        .login-wrap .form input[type="password"],
        .login-wrap .form select,
        .login-wrap .form input[type="submit"] {
            width: 80%;
            margin-left: 10%;
            margin-bottom: 10px;
            height: 35px;
            border-radius: 5px;
            outline: 0;
            -moz-outline-style: none;
        }

        .login-wrap
        .form input[type="text"],
        .login-wrap .form input[type="password"],
        .login-wrap .form select {
            border: 1px solid #bbb;
            padding: 0 0 0 10px;
            font-size: 14px;
        }

            .login-wrap .form input[type="text"]:focus,
            .login-wrap .form input[type="password"]:focus {
                border: 1px solid #3498db;
            }

        .login-wrap .form a {
            text-align: center;
            font-size: 10px;
            color: #3498db;
        }

            .login-wrap .form a p {
                padding-bottom: 10px;
            }

        .login-wrap .form input[type="submit"] {
            /*background: #e74c3c;*/
            background: rgba(0,52,102,0.9);
            border: none;
            color: white;
            font-size: 18px;
            font-weight: 200;
            cursor: pointer;
            transition: box-shadow .4s ease;
        }

            .login-wrap .form input[type="submit"]:hover {
                box-shadow: 1px 1px 5px #555;
            }

            .login-wrap .form input[type="submit"]:active {
                box-shadow: 1px 1px 7px #222;
            }

    .login-wrap:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /*background: -webkit-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
        background: -moz-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);*/
        background: #b99b60;
        height: 5px;
        border-radius: 5px 5px 0 0;
    }