body {
    background-color: #cccccc;
}

.screen-logo {
    text-align: center;
}

.screen-login {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30em;
    height: 25em;
    margin: -185px 0 0 -210px;
}

    .screen-login .screen-content {
        border-radius: 5px;
        color: #999;
        margin-bottom: 15px;
        background: #fff;
        border: 1px solid #f3f3f3;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
        padding: 25px;
    }

    .screen-login .form-group {
        margin-bottom: 20px;
    }

    .screen-login .form-control {
        min-height: 38px;
        padding-left: 5px;
        box-shadow: none !important;
        border-width: 0 0 1px 0;
        border-radius: 0;
    }

        .screen-login .form-control:focus {
            border-color: #ccc;
        }

    .screen-login .input-group-addon {
        max-width: 42px;
        text-align: center;
        background: none;
        border-width: 0 0 1px 0;
        padding-left: 5px;
        border-radius: 0;
    }

    .screen-login .btn {
        font-size: 16px;
        font-weight: bold;
        background: #F68620;
        color: white;
        border-radius: 3px;
        border: none;
        min-width: 140px;
        outline: none !important;
    }

        .screen-login .btn:hover, .screen-login .btn:focus {
            background: #F68620;
            color: white;
        }

        .screen-login .btn-voltar {
            background: #cecece;
            color: white;
        }

    .screen-login a {
        color: #bc6618;
        text-decoration: none;
    }

        .screen-login a:hover {
            text-decoration: underline;
        }

    .screen-login .fa {
        font-size: 21px;
        color: #cccccc;
    }
