/*----------------------------------------
    Login Page
------------------------------------------*/
@media only screen and (min-width: 0)
{
    .login-bg
    {
        background-image: url('../images/gallery/background_7.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .mt-card{
        margin-top: 40px;
    }
    .card-width-login{
        max-width: 400px !important;
    }
}
@media only screen and (min-width: 1400px)
{
    .login-bg
    {
        background-image: url('../images/gallery/background_8.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .mt-card{
        margin-top: 120px;
    }
    .card-width-login{
        max-width: 450px !important;
        margin: 0 auto !important;
    }
}




#login-page
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    height: 100vh; 

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
#login-page .card-panel.border-radius-6.login-card
{
    margin-left: 0 !important;
}

.card-login{
    border-radius: 20px !important;
    box-shadow: 20px 20px 1px rgba(0, 0, 0, 0.40);
}

.btn-esqueci-senha {
    font-size: 9pt !important;
}

.label{
    font-size: 13pt !important;
}

.input-index{
    font-weight: 400;
}

.bg-color
{
    background: #1624aa;
    background: -webkit-linear-gradient(45deg, #1624aa, #0d156b) !important;
    background: -moz- oldlinear-gradient(45deg, #1624aa, #0d156b) !important;
    background:      -o-linear-gradient(45deg, #1624aa, #0d156b) !important;
    background:         linear-gradient(45deg, #1624aa, #0d156b) !important;
}