body,
.login {
    background: #fff center center no-repeat scroll;
    background-size: 100%;
}

    .login .title {
        font-size: 40px;
        letter-spacing: 2px;
        font-weight: bold;
        color: #fff;
        line-height: 60px;
    }

    .login .small {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .login .panel {
        margin: 0 30px;
        color: white;
        background: transparent;
        border-radius: 10px;
    }
        .login .panel .panel-body {
            border-radius: 10px;
            box-shadow: 0 10px 20px 0 rgba(69, 99, 96, 0.25);
			border: 1px solid white;
        }

    .login input,
    .login input:focus,
    .login input.active {
        border-color: #fff;
        color: #fff;
    }

        .login input::placeholder {
            color: #9bc0cb !important;
        }

    .login button {
        background-color: #0786a2 !important;
        color: #fff !important;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .login a,
    .login a:hover {
        color: #0786a2;
    }

    .login .form-group,
    .login .input-group {
        margin-bottom: 30px;
    }