/* Configurações Globais */

:root {
    --color-primary: #4f5a4b;
    --color-primary-hover: #51884a;
    --color-secondary: #0bbf59;
    --color-black: #373334;
    --color-grey-light: #807673;
    --color-grey: #f0f0f0;
    --color-white: #fff;
    --color-border: #dce1e6;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:focus {
    box-shadow: none !important;
    border: 1px solid var(--color-primary) !important;
}

a,
a:hover {
    color: var(--color-primary) !important;
    text-decoration: none !important;
}

.bg-primary-color {
    background: var(--color-primary);
    color: var(--color-white);
    font-weight: bold;
}

.btn-primary,
.btn-primary:hover {
    background: var(--color-primary);
    color: var(--color-white);
    border: none;
}

.img-bar {
    height: 100vh;
    opacity: 0.5;
}

.container-form-login {
    width: 100%;
    max-width: 550px;
}

.container-auth-img .support {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .container-auth-img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.3;
        background: black;
    }

    .container-auth-form {
        z-index: 9999;
        height: 100vh;
    }
}