.background-image {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: #121227;
}

.page-inner {
    position:relative;
    background: unset;
    z-index: 9999;
}

.panel-login {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70vw;
    height: 65vh;
    background-color: #0a6aa1;
    background-image: url("../../login_background.jpg");
    background-size: contain;
    box-shadow: rgba(0,0,0,0.5) -1px 3px 20px 2px;
}

.panel-login__body {
    position: relative;
    height: 100%;
    width: 32%;
    float: right;
    background-color: rgba(255, 255, 255, 1);
}

.panel-login__rodape {
    vertical-align: bottom;
    position: absolute;
    bottom: 6px;
    left: 35%;
}

.panel-login__formulario {
    position: absolute;
    top: 15%;
    height: 100%;
    width: 100%;
}

.panel-login__logo {
    margin-bottom: 2em;
}

.login-box {
    padding: 2em;
}

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

    .panel-login {
        position: relative;
        background: unset;
        width: 100vw;
        height: 100vh;
        top: unset;
        left: unset;
        transform: unset;
    }

    .panel-login__body {
        width: 100%;
    }

    .panel-login__formulario {
        top: unset;
        height: unset;
        width: 100%;
    }

    .panel-login__logo {
        width: 80%;
        margin: auto;
    }

    .panel-login__logo img {
        width: auto;
    }

    .panel-login__idioma img {
        width: auto;
    }

}

@media screen and (max-height: 900px) {

    .panel-login {
        height: 60vh;
    }

}

@media screen and (min-width: 968px) and (max-width: 1024px) {

    .panel-login {
        width: 90vw;
    }

}

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

    .panel-login__formulario {
        top: 7%;
    }

    .panel-login__rodape {
        left: 27%;
    }

}