/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    .bg-login{
        background-image: url(/images/login/fundo.svg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -600px 0;
        background-size: inherit;
        position: absolute;
        top: 0;
        left: 0;
        height:100vh;
        width: 100vw;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .bg-login{
        background-image: url(/images/login/fundo.svg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -600px 0;
        background-size: inherit;
        position: absolute;
        top: 0;
        left: 0;
        height:100vh;
        width: 100vw;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .bg-login{
        background-image: url(/images/login/fundo.svg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -600px 0;
        background-size: inherit;
        position: absolute;
        top: 0;
        left: 0;
        height:100vh;
        width: 100vw;
    }
   
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 768px) {
    /* Styles */
    .bg-login{
        background-image: url(/images/login/fundo.svg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -800px 0;
        background-size: inherit;
        position: absolute;
        top: 0;
        left: 0;
        height:100vh;
        width: 100vw;
    }
}


@media only screen
and (min-width : 1470px) {
    /* Styles */
    .bg-login{
        background-image: url(/images/login/fundo.svg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: -300px 0;
        background-size: inherit;
        position: absolute;
        top: 0;
        left: 0;
        height:100vh;
        width: 100vw;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    .bg-login{
        background-image: url(/images/login/fundo.svg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        height:100vh;
        width: 100vw;
    }
}



.login-container {
    height:100vh;
    width: 100vw;
    background: rgb(100,0,128);
    background: linear-gradient(180deg, rgba(100,0,128,1) 0%, rgba(96,0,123,1) 50%, rgba(80,0,105,1) 100%);
}

.bg-login-form {
   
}

.logo-login{
    margin-top: 30px;
    margin-bottom: 30px;
}
    
.login-container form {
    padding: 10%;
}


.card-login{
    background-color: #F7F7F7;
    border-radius:10px;
}
.card-login input {
    border-radius:10px;
}
.card-login button {
    border-radius:10px;
}
.btn-login{
    background: rgb(255,92,1);
    background: linear-gradient(90deg, rgba(255,92,1,1) 0%, rgba(254,45,66,1) 50%, rgba(255,1,127,1) 100%);
    color: #fff;
    font-weight: 600;
}
.btn-login:hover{
    color: #ccc !important;
    text-decoration: none;
}

.