#titOper {
    border-radius: 6px;
    /*background-color: rgb(204, 204, 204); ;*/
    /*border: 1px solid #000000;  */
    padding: 6px 8px;
    text-align: center;
    font-size: 18px;
    width: auto;
}

#celulaBtnExpansao {
    border-radius: 8px;
    background-color: rgb(204, 204, 204); ;
    /*border: 1px solid #000000;  */
    padding: 6px 8px;
    text-align: center;
    font-size: 25px;
    width: 45px;
    margin-left:10px;
    cursor:pointer;
}

#celulaBtnSalva {
    border-radius: 8px;
    background-color: rgb(204, 204, 204); 
    padding: 6px 6px;
    text-align: center;
    font-size: 25px;
    width: 120px;
    cursor:pointer;
}


#celulaBtnNovo {
    border-radius: 8px;
    background-color: rgb(204, 204, 204); 
    padding: 6px 6px;
    text-align: center;
    font-size: 25px;
    width: 120px;
    margin-left:10px;
    cursor:pointer;
}

#celulaBtnEdita {
    border-radius: 8px;
    background-color: rgb(204, 204, 204); 
    padding: 6px 6px;
    text-align: center;
    font-size: 25px;
    width: 120px;
    margin-left:10px;
    cursor:pointer;
}

#celulaBtnCancela {
    border-radius: 8px;
    background-color: rgb(204, 204, 204); 
    padding: 6px 6px;
    text-align: center;
    font-size: 25px;
    width: 120px;
    margin-left:10px;
    cursor:pointer;
}

#divTopo {
    display:flex;
    flex-direction:row;
    justify-content:space-between ;
    align-items:center;
    /*vertical-align: middle;*/
    height: 50px;
}

#datainput {
    width: 95%;
    padding: 2px 8px;
    margin: 1px 0;
    box-sizing: border-box;
    border-radius: 6px;
}

.escondido {
    visibility: hidden;
    display : none;
}

/*select {            
  width: 60%;
  padding: 12px 20px;
  margin: 4px 0;
  box-sizing: border-box;  
  font-size: 20px;
  border-radius: 8px;
  display:flex;
  flex-direction: column;
}*/

details {
    width:auto;
    padding: 4px 20px;
    margin: 6px 0px;
    font-size: 14px;          
    box-sizing: border-box;  
    border-radius: 6px;             
    background-color: rgb(125, 165, 125);
}

details summary { 
    cursor: pointer;
    width:90%;
  }
  
details summary > * {
    display: inline;
    vertical-align:middle ;
}

.btnsumario {
    width: 120px;
    padding: 2px 6px;
    margin: 0px 0;
    font-size: 20px;          
    box-sizing: border-box;  
    border-radius: 6px;
    border: 1px solid #000000;  
    text-align: center;
    background-color: rgb(20, 20 , 20); ;
    color:white;
    cursor:pointer;
}

.inputDatalist {
    width: auto;
    padding: 4px;
    margin: 5px 0;
    box-sizing: border-box;
    border-radius: 4px;
 }

 .inputDatalist2 {
    width: auto;
    padding: 4px;
    margin: 5px 0;
    box-sizing: border-box;
    border-radius: 4px;
 }

 .dataentry {
    width: auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    align-items: center;
}

.dataentry select {
    width: 80%;
    padding: 12px 20px;
    margin: 4px 0;
    box-sizing: border-box;  
    font-size: 14px;
    border-radius: 6px;
}

.dataentry label {
    font-size: 14px;
    display:flex;
    color:teal;
    flex-direction: column;
    margin: 8px 0px;
}
.dataentry details label {
    font-size: 10px;
    display:flex;
    align-items: center ;
    font-family: monospace;
    color:rgb(25, 0, 253);
    flex-direction:row;
    margin: 4px 0px;
    white-space:pre;
}

.dataentry input[type=text] {  
    width: 95%;
    padding: 2px 8px;
    margin: 1px 0;
    box-sizing: border-box;
    border-radius: 6px;
}

.dataentry input[type=date] {
    width: 95%;
    padding: 2px 8px;
    margin: 1px 0;
    box-sizing: border-box;
    border-radius: 6px;
}

.dataentry input[type=search] {  
   /* width: 45%;*/
    width: 95%;
    padding: 12px 12px;
    margin: 0px 8px;
    box-sizing: border-box;
    border-radius: 6px;
}


.dataentry input[type=number] {  
    /* width: 45%;*/
     width: 95%;
     padding: 12px 12px;
     margin: 0px 8px;
     box-sizing: border-box;
     border-radius: 6px;
 }

 
.dataentry textarea {  
    /* width: 45%;*/
     width: 95%;
     padding: 12px 12px;
     margin: 0px 8px;
     box-sizing: border-box;
     border-radius: 6px;
 }
.estilobotao {
    display:inline-block;           
    width: 30%;
    margin-left: 65%;
    margin-top:10px;
    text-align: center;
    padding: 8px 20px;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: rgb(20, 20, 20);
    color:white;               
    cursor:pointer;                
}