/* @import url(../cabecalho.css);
@import url(../mensagens.css); */

:root {
    --var-color-font: #FFF;
    --var-background-color: #0c4b7b;
    --var-background-color-positive: #1c3243;
    --var-background-color-positive-dark: #205474;
    --var-background-color-negative: #c80e0e;
    --var-box-shadow: 2px 2px 3px 2px rgb(218, 209, 209);
}



.main-automacao {
    margin-top: 0.2em;
    height: auto;
    width: 100%;
    padding: 0.5em 1em;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: var(--cinza_claro1);
    border-top: 1px solid var(--cinza_claro2);
    border-bottom: 1px solid var(--cinza_claro2);
}

/*Filtros*/
.automacao-filtro_form {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-filtro-entrada {
    width: 50%;
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.automacao-filtro-entrada label {
    padding: 0.2em 0.6em;
    color: var(--cor_font_principal);
    background-color: var(--cinza_claro0);
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 1px solid var(--cinza_claro2);

}

.aultomacao_linha_horizontal {
    width: 100%;
    height: 1px;
    background-color: var(--cinza_claro2);
}


.automacao-filtro-entrada select {
    height: 32px;
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    font-size: 14px;
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    margin: 0 0.5em 0.5em 0.5em;
    color: var(--cor_font_secundario);
}


.automacao-filtro-entrada input {
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    padding: 8px 8px;
}


/* --- Relatorio ---*/
.automacao-tabela {
    width: 100%;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-tabela form {
    width: 100%;
    padding: 0 0.5em;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.tabela-opcao {
    text-align: center;
}

.tabela-opcao i {
    font-size: 14px;
}

.tabela-opcao i:hover {
    cursor: pointer !important;

    transform: rotate(45deg);
}

.tabela-opcao .update {
    color: var(--var-background-color-positive);
}

.tabela-opcao .delete {
    color: var(--var-background-color-negative);
    border: none;
}

#bpa-individual_length>label {
    display: none;
}

#bpa-consolidado_length>label {
    display: none;
}

#bpa-automatico_length>label {
    display: none;
}

#bpa-automatico-consolidado_length>label {
    display: none;
}

.depara-auto {
    width: auto;

    font-size: 11.4PX;

    cursor: pointer;

    transition: 0.8s;

    background-color: var(--var-background-color-positive);
    color: var(--var-color-font);

    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;

    border: none;
    border-radius: 0.5em;
}

.depara-auto:hover {
    background-color: var(--var-background-color-positive-dark);
}

.btn-cabecalho {
    padding-right: 0.5em;
}

.automacao-download {
    position: relative;
    transition: 0.5s;
    border: none;
    background-color: var(--verde_claro_fosco1);
    border-radius: 1em;
    padding: 0 2.5em;
}

.automacao-download:hover {
    background-color: var(--var-background-color-positive);
}

.automacao-download i {
    color: var(--var-color-font);
    font-size: 20px;
    padding: 0.3em;
}

/* Modal */
.automacao-modal-content input {
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    padding: 3px 3px;
    border: none;
    border-radius: 0.5em;
    box-shadow: var(--var-box-shadow);
    padding: 0.2em 1.5em;
}

.automacao-modal-content a {
    width: auto !important;
    padding: 0.2em 1.5em;
}

.automacao-modal-content > form > div{
    width: 100%;
}

.automacao-modal {
    position: absolute;
    z-index: 999;
    width: 355px;
    top: 50%;
    height: auto;
    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    border-radius: 0.5em;
    padding: 5px;
}

/* CABEÇALHO */
.automacao-modal-cabecalho-bpa-con {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-modal-cabecalho-bpa-ind {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-modal-cid_ciap-bpa-ind {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-modal-title {
    border-bottom: 2px solid rgb(218, 209, 209) !important;
    border-radius: 0.5em;
}

.automacao-modal-update {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-modal-historico {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;

}

.automacao-modal-delete {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

.automacao-modal-automatico {
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 22%;
    height: auto;
    background-color: var(--branco);
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
}

#modal_total__delete {
    width: 180px !important;
    text-align: center;
}

.container_automacao_btn_deleta {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1em;
    margin: 1em 0;
}

.container_automacao_btn_deleta input {
    padding: 0.2em 2em;
    box-shadow: none;
}

.container_automacao_btn_deleta input:hover {
    font-weight: 600;
}

.container_automacao_btn_deleta_alerta {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 0.2rem;
}

.container_automacao_btn_deleta_alerta h6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}

.automacao-modal-automatico a {
    text-align: center;
    text-decoration: none;
    color: var(--var-color-font);
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0.5em;
}

.automacao-modal h5 {
    font-size: 18px;
    letter-spacing: 1.5px;
    font-weight: 600;
}

.modal-form__ {
    width: 100%;
}

.form___ {
    width: 100%;
}

.form___total {
    width: 20%;
}

.form___tipo {
    width: 100%;
}

.modal-form-label {
    font-size: 13px;
    font-weight: 600;
}

.modal-form-label__ {
    font-size: 13px;
    font-weight: lighter;
}

.modal-form-update {
    box-shadow: var(--var-box-shadow);
    border-radius: 0.5em;
    margin-top: 10px;
    padding: 10px;
}

.form-update-select {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 2px;
}

.form-update-select label {
    font-weight: bold;
}

.form-update-select select {
    height: 10px !important;
    padding-left: 10px;
}

.update-origem {
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    border-radius: 0.5em;
    padding: 5px;
}

#modal_estado {
    width: 100%;
}

#nome_municipio {
    width: 100%;
}

#modal_procedimento {
    padding-left: 5px;

    width: 100%;
}

#modal_cbo {
    padding-left: 5px;

    width: 100%;
}

.modal-form-button {
    color: var(--var-color-font);
    background-color: var(--var-background-color);
}

.modal-btn-close {
    font-size: 24px;

    color: var(--var-background-color);
}

.modal-btn-close:hover {
    color: var(--var-background-color-negative);

    cursor: pointer;
}

.container_modal_form_button {
    font-style: normal !important;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.modal-form-button-delete-sim {
    font-style: normal !important;
    height: 32px;
    text-align: center !important;
    border-radius: 0.8em !important;
    max-width: 270px;
    color: var(--branco) !important;
    background-color: var(--verde_claro_fosco1) !important;
    box-shadow: none !important;
    margin: 0.5em 0;
}

.modal-form-button-delete-sim:hover {
    cursor: pointer;
    background-color: var(--var-background-color-positive) !important;
}

.modal-form-button-delete {
    font-style: normal !important;
    color: var(--var-color-font);
    background-color: var(--vermelho_claro);
    border-radius: 0.8em !important;
}

.modal-form-button-delete:hover {
    cursor: pointer;
    background-color: var(--var-background-color-negative);
}

.new {
    color: var(--var-background-color-positive)
}

.old {
    color: var(--var-background-color-negative);
}

.historico-proced {
    border-bottom: 1px solid var(--cinza_claro2);
    border-radius: 0.5em;
    /* box-shadow: var(--var-box-shadow); */
    padding: 1em;
}

/* Tabela */
#bpa-individual_filter>label>input {
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: var(--cinza_claro0);
    border: 1px solid var(--cinza_claro2);
    border-radius: 1em;
    padding: 5px;
}

#bpa-consolidado_filter>label>input {
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: var(--cinza_claro0);
    border: 1px solid var(--cinza_claro2);
    border-radius: 1em;
    padding: 5px;
}

#bpa-automatico_filter > label > input {
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: var(--cinza_claro0);
    border: 1px solid var(--cinza_claro2);
    border-radius: 1em;
    padding: 5px;
    box-shadow: none;
}

.historico:hover {
    transform: rotate(45deg);
}

.btn_inserir_cid_ciap {
    margin-bottom: 0 !important;
}

.btn_inserir_cid_ciap button {
    height: 32px;
    margin-bottom: 0.3em !important;
}

@media only screen and (max-width: 720px) {
    .automacao-filtro_form {
        flex-direction: column;
    }

    .automacao-filtro-entrada {
        width: 100%;
    }

    .automacao-modal {
        top: 30%;
    }

    .automacao-modal-update {
        top: 30%;
    }

    .automacao-modal-delete {
        top: 30%;
    }

    .automacao-modal-historico {
        top: 30%;
    }

    .automacao-modal-automatico {
        top: 30%;
    }

    .automacao-modal-cabecalho-bpa-con {
        top: 30%;
    }

    .automacao-modal-cabecalho-bpa-ind {
        top: 30%;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        top: 30%;
    }

    .modal-form-button-delete-sim {
        min-width: 100%;
    }

    .container_automacao_btn_deleta {
        flex-direction: column;
        gap: 0.5rem;
    }

    .container_automacao_btn_deleta input {
        width: 100%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1999px) {

    .automacao-modal {
        width: 93.7% !important;
    }

    .automacao-modal-update {
        width: 93.7% !important;
    }

    .automacao-modal-delete {
        width: 93.7% !important;
    }

    .automacao-modal-historico {
        width: 93.7% !important;
    }

    .automacao-modal-automatico {
        width: 93.7% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 93.7% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 93.7% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 93.7% !important;
    }
}

@media only screen and (max-width: 699px) {
    #sigla {
        width: 100%;
    }
}

@media only screen and (min-width: 900px) {

    .automacao-modal {
        width: 94.7% !important;
    }

    .automacao-modal-update {
        width: 94.7% !important;
    }

    .automacao-modal-delete {
        width: 94.7% !important;
    }

    .automacao-modal-historico {
        width: 94.7% !important;
    }

    .automacao-modal-automatico {
        width: 94.7% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 94.7% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 94.7% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 94.7% !important;
    }
}

@media only screen and (min-width: 1000px) {

    .automacao-modal {
        width: 95.3% !important;
    }

    .automacao-modal-update {
        width: 95.3% !important;
    }

    .automacao-modal-delete {
        width: 95.3% !important;
    }

    .automacao-modal-historico {
        width: 95.3% !important;
    }

    .automacao-modal-automatico {
        width: 95.3% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 95.3% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 95.3% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 95.3% !important;
    }

    .depara-auto {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) {

    .automacao-modal {
        width: 96% !important;
    }

    .automacao-modal-update {
        width: 96% !important;
    }

    .automacao-modal-delete {
        width: 96% !important;
    }

    .automacao-modal-historico {
        width: 96% !important;
    }

    .automacao-modal-automatico {
        width: 96% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 96% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 96% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 96% !important;
    }

    .depara-auto {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1400px) {

    .automacao-modal {
        width: 96.6% !important;
    }

    .automacao-modal-update {
        width: 96.6% !important;
    }

    .automacao-modal-delete {
        width: 96.6% !important;
    }

    .automacao-modal-historico {
        width: 96.6% !important;
    }

    .automacao-modal-automatico {
        width: 96.6% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 96.6% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 96.6% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 96.6% !important;
    }
}


@media only screen and (min-width: 1600px) {

    .automacao-modal {
        width: 97.1% !important;
    }

    .automacao-modal-update {
        width: 97.1% !important;
    }

    .automacao-modal-delete {
        width: 97.1% !important;
    }

    .automacao-modal-historico {
        width: 97.1% !important;
    }

    .automacao-modal-automatico {
        width: 97.1% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 97.1% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 97.1% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 97.1% !important;
    }
}


@media only screen and (min-width: 1800px) {

    .automacao-modal {
        width: 97.3% !important;
    }

    .automacao-modal-update {
        width: 97.3% !important;
    }

    .automacao-modal-delete {
        width: 97.3% !important;
    }

    .automacao-modal-historico {
        width: 97.3% !important;
    }

    .automacao-modal-automatico {
        width: 97.3% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 97.3% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 97.3% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 97.3% !important;
    }
}

@media only screen and (min-width: 1900px) {

    .automacao-modal {
        width: 97.5% !important;
    }

    .automacao-modal-update {
        width: 97.5% !important;
    }

    .automacao-modal-delete {
        width: 97.5% !important;
    }

    .automacao-modal-historico {
        width: 97.5% !important;
    }

    .automacao-modal-automatico {
        width: 97.5% !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 97.5% !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 97.5% !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 97.5% !important;
    }
}