* {

    margin: 0;
    padding: 0;
    font-family: arial;


}


body {
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* CABEÇALHO INCIO */

.cabecalho-1 {


    margin-top: 25px;
    padding: 0px 30px 20px 30px;
}


.navbar-2 {


    overflow: hidden;
    background-color: #16b97d;
    padding-left: 50px;
    height: 75px;


}

.navbar-2 a {


    float: left;
    font-size: 20px;
    color: white;
    text-align: center;
    padding: 24px 16px;
    text-decoration: none;

}


.dropdown-1 {

    float: left;
    overflow: hidden;

}

.dropdown-1 .dropbtn {

    font-size: 20px;
    border: none;
    outline: none;
    color: white;
    padding: 24px 16px;
    background-color: inherit;
    margin: 0;

}

.navbar-2 a:hover,
.dropdown-1:hover .dropbtn {
    background-color: rgb(40 165 93 / 66%);

}


.dropdown-content {


    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;



}


.dropdown-content a {


    float: none;
    color: black;
    padding: 24px 16px;
    text-decoration: none;
    display: block;
    text-align: left;


}

.dropdown-content a:hover {
    background-color: rgb(22 185 125 / 66%);
    color: white;
}




.dropdown-1:hover .dropdown-content {
    display: block;
}





/*botão logout */



.logout {

    background-color: transparent;
    float: right;
    width: 110px;
    height: 40px;
    border-radius: 18px;

    border-style: solid;
    border-color: white;
    font-size: 17px;
    color: white;
}

.logout:hover {
    background-color: red;
    color: white;
    border-color: red;
}

a.logout-a {
    float: right;
    padding: 16px 8px;
    margin-right: 20px;
}

a.logout-a:hover {
    background-color: transparent;
}

/* CABEÇALHO FIM */


.pre-tabela {

    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 30px;


}

.pre-tabela>div {
    display: flex;
    width: 1280px;
    justify-content: space-between;
    height: 50px;
    margin: 0px;
}

.pre-tabela>div>h2 {
    font-size: 31px;
    margin-top: 9px;
}

.search-filtro {
    height: 30px;
    width: 200px;
    border-radius: 0px;
    margin: 0px;
}



input.btn-search {
    content: "\f002";
}

.btn-search {
    width: 45px;
    height: 34px;
    color: white;
    background-color: black;
    border-radius: 0px 6px 6px 0px;
    margin: 0px;
}


/* CSS TABELAS INCIO*/

#customers {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#customers td,
#customers th {

    padding: 8px;
}

#customers tr:nth-child(even) {
    background-color: #f2f2f2;
}

#customers tr:hover {
    background-color: #ddd;
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #04AA6D;
    color: white;
}

td {
    text-align: center;
}

/* CSS TABELAS FIM*/




.rodape {
    margin-top: 150px;
    background-color: #16b97d;
    padding: 20px 0px 20px 0px;
    text-align: center;
    color: white;
    font-size: 18px;
}

.pre-container-cadastro {

    align-content: center;
    margin: 0 50vw;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 60px;

}


.pre-container-cadastro>div {
    width: 980px;
    display: flex;
}

.pre-container-cadastro>div>h2 {
    margin-top: 4px;
    margin-right: 14px;
    font-size: 30px;
}

/* CADASTRO INICIO */

.container-cadastro {


    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    justify-content: center;
    align-items: center;
    margin: 0 50vw;
    margin-bottom: 30px;
    margin-top: 50px;


}


.container-cadastro>.sessao-cadastro {

    width: 300px;
    height: 40px;

}

.container-cadastro>.sessao-cadastro>input {


    display: block;
    width: 270px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-radius: 5px;
}




.container-cadastro>.sessao-cadastro>label {
    margin-bottom: 5px;
    display: flex;
    font-weight: 600;
}

.whats-radio {
    display: flex;
    margin-top: 10px;
}

.whats-radio>label {
    margin-left: 10px;
}

.whats-radio>input[type="radio" i] {
    margin-left: 3px;
}

.input-arquivo {
    width: 240px;
}

.input-profissao {
    width: 200px !important;
}

select#estado {
    width: 225px;
    height: 34px;
    border-radius: 5px;
    border: 1px solid #ccc;
}


.col-3-1 {

    display: flex;
    height: 34px;
    justify-content: center;
    align-items: center;
}




.container-cadastro-2 {

    align-content: center;
    margin: 0 50vw;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;

}

.sessao-cadastro-extra {
    width: 980px;
    margin-top: 10px;
}

.container-cadastro-2>.sessao-cadastro-extra>label {
    margin-bottom: 10px;
    display: flex;
    font-weight: 600;
}

.input-text-area {
    width: 100%;
    font-size: 15px;
    padding-left: 5px;
    padding-top: 6px;
    color: #555;
}

.btns-register {
    display: flex;
    width: 980px;
    margin-top: 15px;
}

.btn-enviar {
    background-color: #639f1d;
    color: white;
    margin-right: 20px;
    width: 200px;
    height: 35px;
    border: none;
    border-radius: 3px;
    font-weight: 600;

}

.btn-limpar {
    background-color: #4d4def;
    color: white;
    width: 200px;
    height: 35px;
    border: none;
    border-radius: 3px;
    font-weight: 600;
}



/* CADASTRO  FIM */


/* ANAMNESE INCIO */

.pre-container-anamnese {

    align-content: center;
    margin: 0 50vw;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 30px;

}

.pre-container-anamnese>div {
    width: 1010px;
    display: flex;
}

.pre-container-anamnese>div>h2 {
    margin-top: 7px;
    font-size: 30px;
    margin-right: 5px;
}


.container-1>.box>label {

    display: inline-block;

    font-weight: 700;

}

.container-1>.box>input {
    border-radius: 5px;
}


.container-1 {


    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin: 0 50vw;
    margin-bottom: 30px;
    margin-top: 50px;


}

.container-1>.box {

    width: 280px;
    height: 100px;
    background-color: #b7b7b705;
    box-shadow: inset 0 3px 6px rgb(0 0 0 / 16%), 0 4px 6px rgb(0 0 0 / 45%);
    border-radius: 10px;
    padding: 30px 10px 0px 30px;
    margin: 10px;


}

.input-observacao {

    height: 25px;
    width: 200px;
    padding-left: 5px;
}



.container-1>.box>label {
    margin-bottom: 10px;
}

.container-2 {

    align-content: center;
    margin: 0 50vw;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;

}


.container-2>.box {

    width: 990px;
    height: 100px;
    background-color: #b7b7b705;
    box-shadow: inset 0 3px 6px rgb(0 0 0 / 16%), 0 4px 6px rgb(0 0 0 / 45%);
    border-radius: 10px;
    padding: 30px 10px 0px 30px;
    margin: 10px;
}


.container-2>.box>.box-conteudo {
    font-size: 22px;
    padding-top: 20px;
}

.container-2>.box>.box-conteudo>label {
    margin-right: 0px;
    font-weight: 400;
}

.container-2>.box>.box-conteudo>p {
    display: contents;
    font-weight: 700;
}

.input-checkbox {
    margin-left: 17px;
    width: 15px;
    height: 15px;
}


.container-3 {

    align-content: center;
    margin: 0 50vw;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 30px 0px 30px 0px;


}

.container-3>p {
    margin-top: 20px;
}



.sessoes-ln-1 {

    width: 1025px;
    display: flex;
    flex-direction: column;

}

.sessoes-ln-1>label {
    font-size: 23px;
    margin-bottom: 5px;
}

.input-sessao {

    height: 35px;
    font-size: 21px;
    margin-bottom: 15px;
    padding-left: 5px;
    border-radius: 4px;
}


.container-4 {

    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0 50vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
    margin-top: 30px;
    margin-bottom: 20px;

}

.pes-lado-a,
.pes-lado-b {
    border: 3px solid black;
    padding-top: 10px;
}

.bailando {

    display: flex;
    width: 1025px;

}


.container-5 {

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin: 0 50vw;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 40px;



}


.container-5>.box {

    width: 465px;
    height: 100px;
    background-color: #b7b7b705;
    box-shadow: inset 0 3px 6px rgb(0 0 0 / 16%), 0 4px 6px rgb(0 0 0 / 45%);
    border-radius: 10px;
    padding: 30px 10px 0px 30px;
    margin: 10px;


}

.container-5>.box>label {
    margin-bottom: 10px;
}

.input-data-retorno,
.input-hora-retorno {
    width: 200px;
    height: 40px;
    font-size: 20px;
    border-radius: 5px;
    padding-left: 5px;
}

.btn-salvar-anamnese {
    background-color: #639f1d;
    color: white;
    height: 35px;
    width: 200px;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 20px;
}


/* Anamnese FIM */


/* Filtro Inicio */

.pesquisar {


margin-top: 35px;
margin-bottom: 35px;


}

.pesquisar-1 {

    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 50px;
}

.pesquisar-1 > h2{
 
    font-size: 30px;
    font-weight: 700;
}

.input-pesquisar { height: 30px; width: 180px; border-radius: 5px 0px 0px 5px;}

.input-pesquisar-prontuario { height: 33px; width: 180px; border-radius: 5px 0px 0px 5px;}


/* Filtro FIM */

.btn-success { 
        
    width: 170px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    

}

.dropdown-toggle::after { display: none;}

.dropdown-item { font-size: 18px; }