/* CSS auth style */

html {
    height: 100%;
}

body {
    background-color: #222;
    background: linear-gradient(to bottom, #19585a 0%, #000 90%); /* W3C */
    height: 100%;
    padding: 0;
    margin: 0;
}

.brand {
    width: 300px;
    margin: auto;
    font-size: 36px;
    color: #ddd;
}

.brand-icon {
    font-size: 32px;
    margin-right: 10px;
    display: inline;
    position: relative;
    top: -2px;
}

.form {
    width: 300px;
    padding: 0;
    margin: auto;
    /* border: 1px solid red */
}

.form input {
    background: #fff;
    margin-top: 15px;
    border: 0;
    padding: 6px 10px;
    border-radius: 3px;
    box-shadow: none;
}

.form input:focus,
.form input:hover {
    box-shadow: inset 0px 0px 0 1px #0cc;
}

.form button {
    margin-top: 15px;
    margin-right: 0px;
}

.form button:active,
.form button:focus {
    outline:0;
}

.message {
    color: #ccc;
    margin-top: 20px;
    text-align: center;
}