/* THEME */
:root {
    --color-primary:#004178;
    --color-primary-dark:#003460;
    --color-primary-light:#c2d1dd;
    --color-secondary:#ecc13e;
}

.img-left{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: #ccc;
}
#slideCanvas{
    width:100%;
    height:100vh
}
.logo-auth{
    width: 70%;
    height: auto;
}
.login-form{
    width: 50%;
}
.btn-primary{
    background-color: var(--color-primary)!important;
    border: transparent!important;
}
.btn-primary:hover{
    background-color: var(--color-primary-dark)!important;
    border: transparent!important;
}


/*
 * RESPONSIVEL
 */
@media only screen and (max-width: 770px){
    .login-form{
        width: 80%;
    }
}