.verde_ceasa {
    background: rgb(36, 166, 55);
    background: linear-gradient(90deg, rgba(36, 166, 55, 1) 0%, rgba(36, 166, 55, 1) 19%, rgba(83, 189, 191, 1) 100%);
    height: 150px;
}

.head_container_logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-image: url("/static/img/logos/logo_ceasa_estado.svg");
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 400px 200px !important;
}

.head_container_left {
    display: flex !important;
    flex-direction: column-reverse !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    align-content: space-around !important;
    height: 150px !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.head_left:nth-child(1) {
    display: block !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    align-self: auto !important;
    order: 0 !important;
    background-image: url("/static/img/logos/logo_complemento.svg");
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    height: 80%;
    width: 100%;
}

.auth-box {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: normal !important;
    min-height: 0 !important;
}

@media (max-width: 650px) {
    .head_container_logo {
        background-size: 300px 100px !important;
    }
}

@media (max-width: 1240px) {
    .head_container_left {
        display: none !important;
    }

    .head_container_right {
        display: none !important;
    }

    .head_container_logo {
        width: 100%;
    }
}

.dashed-left {
    border-left: 1px dashed rgba(155, 166, 183, 0.45);
}

.dashed-right {
    border-right: 1px dashed rgba(155, 166, 183, 0.45);
}


hr {
    margin: 1px 0;
}

/* Themas -------------------------------------------------------- Login */
.logo-login, .logo-login-min {
    display: none;
}

html[data-bs-theme=dark] .logo-login-dark {
    display: block;
}

html[data-bs-theme=light] .logo-login-light {
    display: block;
}

@media (max-width: 991px) {
    .dashed-left {
        border: none !important;
    }

    .logo-login-view {
        display: none !important;
    }

    .logo-login-view-dark {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 2048px) {
    .logo-login-view {
        display: block !important;
    }

    .logo-login-view-dark {
        display: none !important;
    }
}