::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-track {
    width: 2px;
    background: #060025;
}

::-webkit-scrollbar-thumb {
    width: 1em;
    /*background-color: #060025;*/
    background-color: #fff;
    outline: 1px solid slategrey;
}

body {
    margin: 0;
    padding: 0;
}

    body > .container {
        max-width: 100% !important;
        padding: 0 !important;
    }

.body-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.navbar {
    display: none !important;
}

.autentication {
    text-align: center;
    display: flex;
    flex-flow: wrap;
}

    .autentication .wallpaper {
        width: 50%;
        min-height: 100vh;
        background-image: url("../icons/image-home-new.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        text-align: initial;
        padding: 4vw;
    }

        .autentication .wallpaper label {
            background-color: #e1b213;
            color: #fff;
            font-weight: 500;
            padding: .1em 1em;
            border-radius: .3em;
            font-size: 1.2em;
            height: fit-content;
            font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }

        .autentication .wallpaper span {
            color: #fff;
            font-size: 1.3em;
            display: table;
            margin-left: auto;
            margin-right: auto;
            font-family: 'Roboto', sans-serif;
        }

    .autentication .erro-login {
        background-color: #dd5454;
        padding: 1vw 2vw;
        letter-spacing: 1px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2vw;
        border-radius: 1vw;
        font-size: 1em;
    }

        .autentication .erro-login i::before {
            color: #fff;
        }

        .autentication .erro-login a {
            margin-left: 10px;
            color: #fff;
            pointer-events: none;
        }

    .autentication form {
        width: 50%;
        min-height: 100vh;
        background-color: #fff;
        padding: 4vw;
    }


        .autentication form .logo {
            margin-bottom: 2em;
            width: 20em;
        }

        .autentication form .btnLogin {
            display: flex;
            align-items: center;
            margin-top: 1em;
            color: #fff;
            border: 1px solid #0056b3;
            border-radius: .45em; 
            max-width: 22em;
            padding: .45em 3.5em; 
            text-decoration: none;
            background-color: #061f51;
            margin-left: auto;
            margin-right: auto;
            font-size: .95em;
        }

            .autentication form .btnLogin img {
                height: 1em;
                filter: invert(1);
            }

            .autentication form .btnLogin:hover {
                background-color: #0056b3;
                color: #fff;
            }


        .autentication form .new-user {
            margin-top: 2em;
            display: grid;
            
        }


            .autentication form .new-user span {
                font-size: 1em;
                color: #060025;
            }

            .autentication form .new-user a {
                font-size: 1em;
                color: #060025;
            }

                .autentication form .new-user a:hover {
                    color: #91bfdb;
                    text-decoration: underline;
                }


footer {
    background: linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent);
    font-size: .8em;
    color: #000;
}


@media screen and (max-width: 1100px) {

    .autentication{
        flex-wrap: wrap;
    }

    .autentication .wallpaper{
        width: 100%;
        order: 2;
    }

    .autentication .wallpaper span{
        font-size: 1.3rem;
    }

    .autentication .wallpaper label{
        font-size: 1.5rem;
    }

    .autentication form{
        width: 100%;
        padding: 40px;
        order: 1;
    }

    .autentication form .erro-login{
        font-size: 1rem;
    }

    .autentication form .btnLogin{
        margin-top: 1rem;
        font-size: 1rem;
        max-width: 20rem;
        min-height: 2.7rem;
        padding: .5em 1em;
    }

    .autentication form .btnLogin img{
        height: 1rem;
    }

    .autentication form .new-user{
        margin-top: 80px;
    }

    .autentication form .new-user span{
        font-size: 1rem;
    }

    .autentication form .new-user a{
        font-size: 1rem;
    }


}