html, body{
    overflow: hidden;
}
.login {
    background: url("/images/noiy-texture.png");
    background-color: #404345;
    font-family: 'Roboto', sans-serif;
    padding-top:0px;
    margin-top: 0px;
    width: 100%;
    height: 100%;
}
    .login #toner {
        height: 90px;
        width: 400px;
        margin-top: -5px;
        margin-left: -30px;
        margin-bottom: 20px;
        background: url("/images/noiy-texture.png");
        background-color: #595d5f;
        border-bottom: 1px solid white;
        border-top: 1px solid white;
        box-shadow: 0px 2px 0px 0px #595d5f, 0px -2px 0px 0px #595d5f;
    }

    .login #login-logo {
        background: url("/images/cgi-logo.png") no-repeat;
        background-size: 200px 90px;
        width: 200px;
        height: 90px;
        margin: 0px auto;
        margin-top: 2px;
    }

    .login .form {
        width: 100%;
        max-width: 400px;
        margin: 20% auto;
        padding-bottom: 0px;
    }

        .login .form input, .login .form button, .login .form .alert {
            border-radius: 0px;
        }


        .login .form main {
            width: 100%;
            background-color: white;
            padding: 20px 30px;
            -webkit-box-shadow: 0px 0px 17px -5px #000000;
            -moz-box-shadow: 0px 0px 17px -5px #000000;
            box-shadow: 0px 0px 17px -5px #000000;
            /*background: linear-gradient(to bottom, #4c5052 0%,#4c5052 24%,#000000 24%,white 24%,white 100%);*/
        }

        .login .form h4 {
            font-weight: 300;
            color: #333;
            font-size: 24px;
            padding: 30px 30px 15px 0px;
        }

        .login .form .btn {
            width: 100%;
        }
/*
            #efd839;,#ffcc37
        */