/* @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 {
    height: auto;
    width: 400px;
    padding: 10px;
}

/*Filtros*/
.automacao-filtro {
    width: 100%;

    box-shadow: var(--var-box-shadow);
    border-radius: 10px;

    padding: 10px;

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

.automacao-filtro-entrada {
    color: var(--var-color-font);

    font-weight: bold;

    letter-spacing: 2px;
}

.automacao-filtro-entrada select {
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    font-size: 14px;

    padding: 12px 5px;

    border: none;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    box-shadow: var(--var-box-shadow);
}

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

    border: none;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    box-shadow: var(--var-box-shadow);
}


/* Relatorio*/
.automacao-tabela {
    width: 100%;

    box-shadow: var(--var-box-shadow);
    border-radius: 10px;

    padding: 10px;
}

.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: 5px;
}

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

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

.automacao-download {
    width: 100%;

    position: relative;
    transition: 0.8s;

    border: none;
    background-color: var(--var-background-color);

    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.automacao-download:hover {
    background: linear-gradient(to right, #ffffff, #115179);
    background: -webkit-linear-gradient(to right, #ffffff, #115179);
    background: -moz-linear-gradient(to right, #ffffff, #115179);
    background: -o-linear-gradient(to right, #ffffff, #115179);
}

.automacao-download i {
    color: var(--var-color-font);
    
    font-size: 28px;

    padding: 10px;
}

/* Modal */
.automacao-modal-content input {
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    
    padding: 3px 3px;

    border: none;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    box-shadow: var(--var-box-shadow);
}

.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-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

/* CABEÇALHO */

.automacao-modal-cabecalho-bpa-con {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

.automacao-modal-cabecalho-bpa-ind {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

.automacao-modal-cid_ciap-bpa-ind {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

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

    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.automacao-modal-update {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

.automacao-modal-historico {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;

}

.automacao-modal-delete {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

.automacao-modal-automatico {
    position: absolute;
    z-index: 999;

    width: 355px;
    top: 31%;
    height: auto;

    box-shadow: var(--var-box-shadow);
    background-color: var(--var-color-font);
    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

.automacao-modal-automatico a {
    text-align: center;
    text-decoration: none;

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

    padding-top: 5px;
    padding-bottom: 5px;

    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.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-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    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-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    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-form-button:hover {
    background: linear-gradient(to right, #ffffff, #fd7e14);
    background: -webkit-linear-gradient(to right, #ffffff, #fd7e14);
    background: -moz-linear-gradient(to right, #ffffff, #fd7e14);
    background: -o-linear-gradient(to right, #ffffff, #fd7e14);
}

.modal-btn-close {
    font-size: 24px;
    
    color: var(--var-background-color);
}

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

    cursor: pointer;
}

.modal-form-button-delete-sim {
    color: var(--var-color-font);

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

.modal-form-button-delete-sim:hover {
    cursor: pointer;

    background: linear-gradient(to right, #7fa05b, #ffffff);
    background: -webkit-linear-gradient(to right, #7fa05b, #ffffff);
    background: -moz-linear-gradient(to right, #7fa05b, #ffffff);
    background: -o-linear-gradient(to right, #7fa05b, #ffffff);
    
}
.modal-form-button-delete {
    color: var(--var-color-font);

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

.modal-form-button-delete:hover {
    cursor: pointer;
    
    background: linear-gradient(to right, #c80e0e, #ffffff);
    background: -webkit-linear-gradient(to right, #c80e0e, #ffffff);
    background: -moz-linear-gradient(to right, #c80e0e, #ffffff);
    background: -o-linear-gradient(to right, #c80e0e, #ffffff);
    
}

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

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

.historico-proced {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    box-shadow: var(--var-box-shadow);
    
    padding: 5px;
}

/* Tabela */
#bpa-individual_filter > label > input {
    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-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}

#bpa-consolidado_filter > label > input {
    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-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 5px;
}


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

@media only screen and (min-width: 600px) and (max-width: 1999px) {
    .main-automacao {
        width: 600px !important;
    }

    .automacao-modal {
        width: 555px !important;
    }

    .automacao-modal-update  {
        width: 555px !important;
    }

    .automacao-modal-delete  {
        width: 555px !important;
    }

    .automacao-modal-historico {
        width: 555px !important;
    }

    .automacao-modal-automatico {
        width: 555px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 555px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 555px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 555px !important;
    }
}

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

@media only screen and (min-width: 900px) {
    .main-automacao {
        width: 900px !important;
    }

    .automacao-modal {
        width: 870px !important;
    }

    .automacao-modal-update  {
        width: 870px !important;
    }

    .automacao-modal-delete  {
        width: 870px !important;
    }

    .automacao-modal-historico {
        width: 870px !important;
    }

    .automacao-modal-automatico {
        width: 870px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 870px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 870px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 870px !important;
    }
}

@media only screen and (min-width: 1000px) {
    .main-automacao {
        width: 1000px !important;
    }

    .automacao-modal {
        width: 970px !important;
    }

    .automacao-modal-update  {
        width: 970px !important;
    }

    .automacao-modal-delete  {
        width: 970px !important;
    }

    .automacao-modal-historico {
        width: 970px !important;
    }

    .automacao-modal-automatico {
        width: 970px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 970px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 970px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 970px !important;
    }

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

@media only screen and (min-width: 1200px) {
    .main-automacao {
        width: 1200px !important;
    }

    .automacao-modal {
        width: 1170px !important;
    }

    .automacao-modal-update  {
        width: 1170px !important;
    }

    .automacao-modal-delete  {
        width: 1170px !important;
    }

    .automacao-modal-historico {
        width: 1170px !important;
    }

    .automacao-modal-automatico {
        width: 1170px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 1170px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 1170px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 1170px !important;
    }

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

@media only screen and (min-width: 1400px) {
    .main-automacao {
        width: 1400px !important;
    }

    .automacao-modal {
        width: 1370px !important;
    }

    .automacao-modal-update  {
        width: 1370px !important;
    }

    .automacao-modal-delete  {
        width: 1370px !important;
    }

    .automacao-modal-historico {
        width: 1370px !important;
    }

    .automacao-modal-automatico {
        width: 1370px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 1370px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 1370px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 1370px !important;
    }
}


@media only screen and (min-width: 1600px) {
    .main-automacao {
        width: 1600px !important;
    }

    .automacao-modal {
        width: 1570px !important;
    }

    .automacao-modal-update  {
        width: 1570px !important;
    }

    .automacao-modal-delete  {
        width: 1570px !important;
    }

    .automacao-modal-historico {
        width: 1570px !important;
    }

    .automacao-modal-automatico {
        width: 1570px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 1570px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 1570px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 1570px !important;
    }
}


@media only screen and (min-width: 1800px) {
    .main-automacao {
        width: 1800px !important;
    }

    .automacao-modal {
        width: 1770px !important;
    }

    .automacao-modal-update  {
        width: 1770px !important;
    }

    .automacao-modal-delete  {
        width: 1770px !important;
    }

    .automacao-modal-historico {
        width: 1770px !important;
    }

    .automacao-modal-automatico {
        width: 1770px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 1770px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 1770px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 1770px !important;
    }
}

@media only screen and (min-width: 1900px) {
    .main-automacao {
        width: 1900px !important;
    }

    .automacao-modal {
        width: 1870px !important;
    }

    .automacao-modal-update  {
        width: 1870px !important;
    }

    .automacao-modal-delete  {
        width: 1870px !important;
    }

    .automacao-modal-historico {
        width: 1870px !important;
    }

    .automacao-modal-automatico {
        width: 1870px !important;
    }

    .automacao-modal-cabecalho-bpa-con {
        width: 1870px !important;
    }

    .automacao-modal-cabecalho-bpa-ind {
        width: 1870px !important;
    }

    .automacao-modal-cid_ciap-bpa-ind {
        width: 1870px !important;
    }
}