html, body {
font-family: "Arial", Times, serif;
align-content: space-around;
background-color: #FFFF; text-align: center;
font-size: 12px;
 
/*width: 100%;
height: 100%;*/
 
}


.pub_ops {display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 500px;
}
  
.pub_container {display: grid;
  font-size: 13px;
  gap: 1em;
  width: 50%;
  padding: 5px;
  border-style: double;

   
  
  text-align: justify;
  background-color: #c9c98f;

}



.pub_adding {display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  
  border-style: dotted;
  padding: 1em;
}

.foot_action {display: grid;
background-color: red;
width: 100%;
height: 100%;}
 

textarea  
{  
   font-family:"Calibri", Times, serif;  
   font-size: 15px;   
}

.aside {display: grid;
  grid-template-columns: 0.25fr 0.25fr 3fr;
  grid-gap: 1em;
  align-items: center;
  margin: 10px;
}


.pl_report {display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-gap: 1em;

}

.pgto_report {display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-gap: 1em;

}


.proc {display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  


}

.proc {grid-column-start: 1;
  grid-column-end: 2;
text-align: center;}

.outorg {text-align: left;}


.proc_title {display: grid;
align-self: center;
text-align: center;
margin: 1em;
}




.pgtos {display: grid;
grid-template-columns: 0.2fr 0.2fr 0.2fr;
margin-left: 1em;
text-align: left;}

.pay_title p {text-align: left;}
.pl_report table {border-collapse: collapse;
  width: 40%;
  margin: 1em;
  padding: 5px;
  border: 1px solid black;
  height: 1em;
  font-size: 10px;
  
   
  }
  
.pl_report tr {
    text-align: center;
    padding: 1px;
    height: 1em;
    
  }

  .pl_report td {text-align: center;}

  .pl_report th {background-color: #981A26;
  color: #b2d4ed;}
  
.pl_report tr:nth-child(even) {background-color: #4850ae;}
  
.pl_report p {text-align: left;
 
font-size: 0.75em;
}





.processo_coluna {display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5em;


}

.processo_linha {display: grid;
  
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 0.5em;
align-items: center;

}

.processo_linha p {text-align: end;
font-size: 16px;}




.dados_contrato {visibility: visible;}

.dados_contrato_beta {visibility: hidden;}



.dados_tasks {display: grid;
  grid-template-columns: 1em 1em;
   
  width: 100px;
 
  align-items: flex-end;}


.sidebyside {display: grid;
grid-template-columns: 1fr 1fr 1fr;}


.taskVis {visibility: hidden;

}





.disable-outside-clicks {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background-color: #eed7b0;
}

.enabled-clicks {
  width: 200px;
  margin: 0 auto;
  background-color: rgb(34, 16, 197);
}



.taskCreate {visibility: hidden;

  margin-left: -100px;

    padding:4px;
    /*background-color: green;*/
    width: 1em;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:justify;
    font-size: 12px;
}

.taskCreate img {width: 3%;
align-items: center;}



.taskList {display: grid;

    padding:2px;
    /*background-color: green;*/
     
    height: auto;
    text-align:center;
    align-items: center;
    font-size: 13px;
    align-self: center;
}



.taskList img {
  max-width: 35%;
  align-items: center;
align-self: center;}

.taskList table {align-items: center;
max-width: 100%;
table-layout: fixed;
height: 10px;
overflow-y: auto;

}

.taskList table th {max-width: 35%;}
      

.taskList table {border-collapse: collapse;
  width: 100%;
  margin: 20px;
  padding: 10px;
  border: 1px solid black;
  height: 8px;
  
  }
  
.taskList td {
    text-align: center;
    padding: 8px;
    /*height: auto;*/
    overflow-x: auto;
    
  }

  .taskList th {
    text-align: center;
    padding: 8px;
    height: auto;
    color: #981A26;
    
  }


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


.taskList input {max-width: 100%;
  align-items: center;
align-self: center;
font-size: 12px;}


.taskList button {max-width: 10px;}


.submit_proc {display: grid;
margin-top: 5px;
max-width: 50%;
align-items: center;
align-self: center;
text-align: center;
}

.submit_proc a {background-color: #ebe9c6;}

.submit_proc a:hover{background-color: #ce2c2c;}



.buscador {display: grid;
  position:absolute;
  background-color: #b2d4ed;
    
    

   
  /*display: grid;
  grid-template-columns: 1fr;
  visibility: hidden;
  /*padding-top: 150px;
  position: absolute;*/
    } 

.taskList button {
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  border: inset;
  border-radius: 12px;
  color: black;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-left: 1em; 
  cursor: pointer;
  /*margin-top: -150px;*/
  /*argin-bottom: 100px;*/



} 

.taskList button:hover{background: #cb3d2a;}
 
/*body.taskCreate * {
  pointer-events: all;
} */



.disable-click {
  pointer-events: none;
}


.enable-click {
  pointer-events: all;
  background-color: #efeac4;
}



.bluebackb {background-color: #2c2cf0;
color: #ffffff;}
/*

body.only-dialog  * {
  pointer-events: all;
}*/


/*body.taskCreate */



.compro_title {display: grid;
  grid-template-columns: 1fr;}
  


.tipo_desp {display: grid;
grid-template-rows: 1fr 1fr 1fr;}

.turns {display: none;}


.cliente_vis {display: none;}
.caso_vis {display: none;}

.assoc_desp {display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 1em;
}

.casos {display: grid;
  grid-template-columns: 1fr ;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 0.3em;}

.casos_processos {display: grid;
  grid-template-columns: 1fr ;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 0.3em;}

.part_add_gap {display: grid;
  grid-template-columns: 1fr ;
grid-template-rows: 1fr 1fr;
grid-gap: 0.3em;}


.casos_grid {display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 3px;}

.form_areas {display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  background-color: #A7A9AC;
  text-align: left;
  grid-gap: 10px;
  padding: 10px;
  color: #FFFF;
  width: 50%;
  grid-gap: 15px;
  
  }
  
.areas_top {display: grid;
  text-align: center;
  background-color: #ff2f00;
  padding: 10px;
   

}  

.jornadamedia {display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
  grid-gap:10px;
  text-align: center;



}

.semanadia {display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-self:baseline;
   
  




}
.inicial {display: grid;
grid-template-columns: 0.25fr 1fr 1fr 0.25fr;
grid-template-rows: 0.25fr 1fr;
grid-gap:20px;
padding: 10px;



}




.create_div {display: grid;
grid-template-columns: 1fr 1fr;

grid-gap: 10px;
padding: 5px;
width: 50%;

}
.socios {display: grid;
  grid-template-columns: 1fr 1fr;
grid-template-rows: 8fr;
grid-gap: 10px;
text-align: right;
align-self: center;
align-items: center;}

 

.nf_top {display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1em;
width: 80%;
}

.nf_container {display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  width: 80%;
  }

.primeiro {visibility: hidden;
 }

.nf {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  
   
  grid-gap:20px;
  padding: 10px;
  width: 50%




}

.preparar_inicial {display: grid;
  margin: 2em;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 2em;

}
.nf label {font-size: 12px;}



.clientes_in {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
  visibility: visible;
}

.client_in {display: grid;
   
  grid-gap: 1em;
  align-self: center;


}

.button_remcl {display: grid;
  grid-gap: 0.5em;
  align-items: top;
   
}


.button_remadv {display: grid;  
  grid-gap: 0.5em;
  align-items: top;
  
   
}


.button_remadv input[type=button]{background: #333333;
  color:#ffffff;
  cursor: pointer;
  border: double;
  border-radius: 12px;
  width: 80px;
   
  } input[type=button]:hover{background: #e6434c;}



.button_remthird {display: grid;  
    grid-gap: 1em;
    align-items: top;
    grid-gap: 1em;
}
  
  
.button_remthird input[type=button]{background: #333333;
    color:#ffffff;
    cursor: pointer;
    border: double;
    border-radius: 12px;
    width: 80px;
     
    } input[type=button]:hover{background: #e6434c;}
  
  



.form input[type=text]{height: 20px; 
  
  
  cursor: pointer;
  border: dodgerblue;
  border-radius: 7px;
   
   
   
  } input[type=text]:hover{background: #b2d4ed;}



  .form input[type=time]{height: 20px; 
  
  
    cursor: pointer;
    border: dodgerblue;
    border-radius: 7px;
     
     
    } input[type=time]:hover{background: #b2d4ed;}

  .form input[type=date]{height: 20px; 
  
  
    cursor: pointer;
    border: dodgerblue;
    border-radius: 7px;
     
     
    } input[type=date]:hover{background: #b2d4ed;}

    .form input[type=number]{height: 20px; 
  
  
      cursor: pointer;
      border: dodgerblue;
      border-radius: 7px;
       
       
      } input[type=number]:hover{background: #b2d4ed;}
  


.button_remcl input[type=button]{background: #333333;
  color:#ffffff;
  cursor: pointer;
  border: double;
  border-radius: 12px;
  width: 80px;
   
  } input[type=button]:hover{background: #e6434c;}



.advers_in {display: grid;
   
  grid-gap: 1em;


}



.thirds_in {display: grid;
   
  grid-gap: 1em;


}



.atendimento {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
   
  grid-gap: 1em;
   


}



.atendimento input[type=radio] {width: 1em;}
.atendimento input[type=date] {width: 1em;}


.atend_data {display: grid;
  grid-template-columns: 1fr;
   
  grid-gap: 1em;
}




.andamentos_coluna {display: grid;
grid-template-columns: 1fr 1fr;}


 


.andamentos_coluna table {border-collapse: collapse;
  width: 30%;
  margin: 1em;
  padding: 5px;
  border: 1px solid black;
  height: 1em;
  font-size: 10px;
   
  }

.andamentos_coluna td button {margin: auto;}

  .andamentos_coluna table input[type=button]{
     
    height: 1em; width: 1em; background: #b83434;
    color:#ffffff;
    cursor: pointer;
    border: double;
    border-radius: 10px;
    margin: 2em;
    
    
    } table input[type=button]:hover{background: #ff6600;}
  
   

.andamentos_coluna tr {
    text-align: center;
    padding: 1px;
    height: 2em;
    
    
  }

  .andamentos_coluna td {text-align: center;}

  .andamentos_coluna th {background-color: #981A26;
  color: #b2d4ed;}
  
.andamentos_coluna tr:nth-child(even) {background-color: #4850ae;}





.and_tasks {display: grid;
grid-template-columns: 1fr 1fr;
grid-gap:5px;
}

.and_tasks input[type=radio] {height: 1em;
align-items: center;}


.and_tasks textarea {width: 450px;
  height: 152px;
  }
 

.adversagrid {display: grid;
grid-template-rows: 1fr 1fr 1fr;
}

.adversa {visibility: hidden;
}

.adversa3 {visibility: hidden;
}

.advers_list {display: grid;
  grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-gap: 5px;
}

.adversa_n1 {display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 5px;
  visibility: hidden;
}
.adversa_n2{display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 5px;
  visibility: hidden;
}
.adversa_n3 {display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 5px;
  visibility: hidden;
}
.adversa_n4 {display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 5px;
  visibility: hidden;}

.adversaries {display: grid;
grid-template-columns: 0.25fr 2fr 1fr;
grid-gap: 5px;

}
.adversqty {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.adversqty input{
  width: 30px;
  height: 10px;
   

}


.adversaqtydisp {display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  align-self: center;
  visibility: hidden;

}

/*#adversqty input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
   
  
}*/

.fatos_causa {display: grid;
  grid-template-columns: 0.25fr 1fr;
  grid-gap: 20px;
  padding: 10px;;
}


.col_master {display: grid;
grid-template-columns: 0.25fr 1fr 1fr 1fr;}


.fatos_col1 button {width: 10%;
height: 10%;
background-color: rgb(208, 180, 39);}

.fatos_col1 img {width: 100%;
  height: 100%;
  }

.fatos_col2 button {width: 10%;
    height: 10%;
    background-color: rgb(208, 180, 39);}
    
.fatos_col2 img {width: 100%;
      height: 100%;
      }

.pedidos_col3 button {width: 10%;
        height: 10%;
        background-color: rgb(208, 180, 39);}
        
.pedidos_col3 img {width: 100%;
          height: 100%;
          }
  

.top_master {display: grid;
  grid-template-columns: 0.25fr 1fr 1fr 1fr;
  text-align: center;

}

.top_master h4 {align-items: center;}




.selection_col0 {grid-column-start: 1;
  grid-column-end: 2;
  background-color:#A7A9AC;
  padding: 10px;
color:#040303;
text-align: justify;
line-height: 1.6;
 
;
 

}


.selection_col0 input[type=image] {height: 2em;
align-content: center;
align-items: center;
}

.icons_center {display: grid;
  
  grid-gap: 1px;
  margin: auto;
  background-color: #48ed53;
  

}



.icons_center button img {margin: auto;
height: 50%;
width: 50%;
}



 

.fatos_col1 {grid-column-start: 2;
  grid-column-end: 3;
  background-color:#A7A9AC;
  padding: 10px;
color:#040303;
text-align: justify;
line-height: 1.6;

}

.fatos_col1 textarea {height: 15em;
width: 30em;}

.fatos_col2 {grid-column-start: 3;
  grid-column-end: 4;
  background-color:#A7A9AC;
  padding: 10px;
color:#040303;
text-align: justify;
line-height: 1.6;

}

.fatos_col1 input[type=image] {height: 2em;
  
 
  }
  

.fatos_col2 textarea {height: 15em;
  width: 30em;}

.fatos_col2 input[type=image] {height: 2em;
  
 
  }

/*.fatos_col2 input {height: auto;
  width: 500px;
  height: 20em;
  align-content: justify;
  text-align: justify;


  
  
  
  cursor: pointer;
  border: dodgerblue;
  border-radius: 7px;
   
   
  } input:hover{background: #b2d4ed;}*/



  


.pedidos_col3 {grid-column-start: 4;
  grid-column-end: 5;
  background-color:#A7A9AC;
  padding: 10px;
color:#040303;
text-align: justify;
line-height: 1.6;



}

.pedidos_col3 textarea {height: 15em;
  width: 30em;}


.pedidos_col3 input[type=image] {height: 2em;
  
 
}


.tipo_demanda {grid-column-start: 2;
  grid-column-end: 4;

justify-self: center;}

.fatos_causa_pedido {display: grid;
    grid-template-columns: 0.25fr 1fr 1fr 1fr;
    /*grid-template-rows: 0.25fr 1fr;*/
    grid-gap:20px;
    padding: 10px;
     
}

.inicial_fatos {grid-column-start: 2;
  grid-column-end: 3;

  background-color: #A7A9AC;
  padding: 10px;
  color: #981A26;
  text-align: center;
} 


.inicial_causa {grid-column-start: 3;
  grid-column-end: 4;
  background-color: #A7A9AC;
  padding: 10px;
  color: #981A26;
  text-align: center;
}

.inicial_pedidos {grid-column-start: 4;
  grid-column-end: 5;
  background-color: #A7A9AC;
  padding: 10px;
  color: #981A26;
  text-align: center;
}

.inicial_coluna1 {background-color: #A7A9AC;
  padding: 10px;
color: #981A26;
text-align: center;}

.inicial_coluna2 {background-color:#A7A9AC;
  padding: 10px;
color:#040303;
text-align: justify;
line-height: 1.6;}

.inicial_end {grid-column-start: 2;
  grid-column-end: 4;
  background-color:#A7A9AC;
  padding: 10px;
color:#040303;
text-align: justify;
line-height: 1.6;}






.menutopini {display: grid;
  
  gap: 2px;
  
  /*justify-self: center;*/
   
  

}



.menuinicial {display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-self: center;
   
  

}


.areas {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
   
  

}

.ravimenu {display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 60px;
  
  align-items: stretch;
  background-color: #A7A9AC;
  margin-top: 3em;
  

}

.menuravitop {
  background-color: #981A26;
  color: #FFFF;
  
    
}

.ravi a {color:#030303 }

.ravi li {list-style: none;
  display: block;
  border: 3px;
   
  
  border-color: #040303;
  padding: 2ex;
  
  }
  

/*.ravimenu ul {
  background: #3a7759;
  margin: 0;
  list-style: none;
  position: relative;
  padding: 5px;
  margin: 5px;
  border:3px solid #e6434c;
  align-content: flex-start;
    


}*/


.alinha {display: grid;
  grid-template-columns: 1fr;
 
justify-content:left;
align-content: center;
justify-self: center;
}




.alinha_menu_inicial {display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
 
justify-content:left;
align-content: center;
justify-self: center;
margin-top: 10px;
}



.buttonini {display: grid;
  background-color: #FFFF;
  font-size: 18px;
  border: inset;
  border-radius: 12px;
  color: black;
  padding: 12px 32px;
  text-align: center;
  align-items: center;
  text-decoration: none;
  display: block;
  margin-left: 40px; 
  cursor: pointer;
  
  margin-bottom: 10px;
  width: 300px;
  
}

.buttonini img {max-width: 50%;}



.button_center {display: grid;
  grid-template-columns: 1fr;
  
   

  background-color: rgb(163, 38, 38);
  font-size: 18px;
  /*border: inset;*/
  border-radius: 12px;
  color: black;
  padding: 12px 12px;
  text-align: center;
  align-items: center;
  text-decoration: none;
  /*display: block;
  margin-left: 40px; */
  cursor: pointer;
  
   
   
  
}

 


.voltar_pro {display: flex;

   
  background-color: #333333;
  font-size: 22px;
  border: double;
  border-radius: 12px;
  color: rgb(255, 255, 255);
  padding: 12px 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  justify-self: center;
   
  
  text-decoration: none;
   
  
  cursor: pointer;
  width: 50px;
  height: 3px;
   





} 

 



fieldset {margin: 10px;}

.header {display: grid;
  grid-template-columns: 1fr;
   
  /*flex-wrap: nowrap;*/
  align-content: center;
  align-items: center;
  justify-content: space-around;
  height: 200px;
  background: #FFFF;
  color: #EA1717;
  gap: 10px;
  
  }

.menu_top_generic {display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  
  gap: 1em;
   
  align-content: space-around;
  max-width: 80%;




}
  

.header img {width: auto;
 }

.headerlog {position:absolute;
   top: 1;
   right: 10px;
   
   
   
   
  color: #981A26;
}





.header_ravi {display: grid;
  grid-template-columns: 1fr;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  height: 200px;
  background: #FFFF;
  color: #EA1717;

  
  
  }

  

.header_ravi img {max-width: 50%;
 }






 @media (max-width: 1000px) {
  .header {flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  
  
  }
  
  
  
}



/*input{height: 18px;}

/*.menur {display: flexbox;
  /*grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: left;


}


/*.menur nav, ul, li {list-style: none;
display: inline-block;
}
*/



.menur li {list-style: none;
  display: block;
  border: 3px;
  background-color: #FFFF;
  border-color: #040303;
  padding: 2ex;
  
  }
  
  
  /* li{margin: 5px;
  padding: 5px;} */

.menur ul {
    background: #111312;
    margin: 0;
    list-style: none;
    position: relative;
    padding: 5px;
    margin: 5px;
    border:3px solid #e6434c;
    align-content: flex-start;
    

}

/*
.cliente_vis {visibility: hidden;}
.caso_vis {visibility: hidden;}*/



.select_desp_assoc {
  width: 40%;
  height: 20px;
}

.desp_lan {display: grid;
  width: 50%;
grid-template-columns: 1fr 1fr;}


.desp_space {display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
grid-gap: 1em;}

.desp_assoc {display: grid;
grid-template-rows: 0.25fr 0.25fr;
grid-gap: 1em;}


.button {
  background-color: #FFFF;
  font-size: 18px;
  border: inset;
  border-radius: 12px;
  color: black;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-left: 40px; 
  cursor: pointer;
  margin-top: -150px;
  margin-bottom: 100px;
  
}

.body_class {visibility: visible;}

.button_task {
  background-color: rgb(255, 255, 255);
  font-size: 18px;
  border: inset;
  border-radius: 12px;
  color: black;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-left: 1em; 
  cursor: pointer;
  /*margin-top: -150px;*/
  /*argin-bottom: 100px;*/



} button:hover{background: #981A26;}



.inicial_voltar {display: grid;
grid-template-rows: 1fr 1fr;
grid-gap: 1em;

}
.voltar_ini {
   
  background-color: #333333;
  font-size: 12px;
  border: double;
  border-radius: 12px;
  color: #ffff;
  padding: 12px 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  justify-self: center;
   
  
  text-decoration: none;
   
  
  cursor: pointer;
  width: 50px;
  height: 3px;
   





} 

a:hover{background: #ff6600;}


.voltar {
  display: flex;
   
  background-color: #333333;
  font-size: 12px;
  border: double;
  border-radius: 12px;
  color: #ffff;
  padding: 12px 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  justify-self: center;
   
  
  text-decoration: none;
   
  margin-top: 10px; 
  cursor: pointer;
  width: 50px;
  height: 3px;
   
  
}

.menu_down {display: grid;
  grid-template-columns: 0.25fr 1fr;



}

.voltar:hover{background: #ff6600;}



/*.voltar { 
  height: 30px; background: #333333;
    color:#ffffff;
    cursor: pointer;
    border: double;
    width: 100px;
    }
    
.voltar:hover {background: #ff6600;}*/



.log {display: inline-block;
  text-align: center;
  align-content: flex-start;
  margin-top: 20px;
  font-size: 18px;
  
  }


input[type=submit]{height: 30px; background: #333333;
    color:#ffffff;
    cursor: pointer;
    border: double;
    border-radius: 12px;
    width: 100px;
    } input[type=submit]:hover{background: #ff6600;}



.menusite h3 {margin-bottom: -100px;

      font-size: 1em;
      font-weight: 100;
      }
      


.relatop {
  
        display: grid;
        align-content: center;
        text-align: center;
        background-color: #08090C;
        color: #EA1717
        
}


.relatop_doc {

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;        
        align-content: center;
         
        background-color: #A7A9AC;
        color: #EA1717

  
}


.ins {display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 5px;
  align-content: center;
  text-align: center;
  margin-top: 20px;
  margin-left: 90px;
     
  }
  



.form {display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background-color: #A7A9AC;
    text-align: left;
    grid-gap: 10px;
    padding: 10px;
    color: #231F20;
    
    }

 

.form_nf {background-color: #A7A9AC;
  text-align: left;
  grid-gap: 10px;
  padding: 10px;
  color: #231F20;
  
  }


  .form_nf table {border-collapse: collapse;
    width: 30%;
    margin: 1em;
    padding: 5px;
    border: 1px solid black;
    height: 1em;
     
    }
    
  .form_nf tr {
      text-align: center;
      padding: 1px;
      height: 2em;
      
    }

    .form_nf td {text-align: center;}

    .form_nf th {background-color: #981A26;
    color: #b2d4ed;}
    
  .form_nf tr:nth-child(even) {background-color: #4850ae;}
    



/*
.menu li {list-style: none;
display: inline-block;
border: double;
background-color: #040303;
border-color: #040303;

}


li{margin: 5px;
padding: 5px;}



/*header a:link, a:visited {
  
  color: #F8F2F2;
  text-decoration: none;
  ;
    
    
    }
    
*/

/*

.menur {display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
text-align: left;

    
  
}
.menur li {
  display: block;
  
  }

.menur a:visited {color:red;}


.menurr {text-align: left;
font-size: 12px}

@media (max-width: 1550px) {
  .menu nav ul li {display: block;
  padding: 15px;
  font-size: 24px;
    /*transform: translateY(-10px);*/
  /*
  }
}


/*


.btn-menu {
  width: 25px;
  height:20px; 
  position: fixed;
  right: 15px;
  top: 15px;
  
  padding: 10px;
  background-color: #FEF8EC;
  cursor: pointer;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s; 
  -moz-transition-duration: 0.3s;
}

.btn-menu span {
  height: 3px;
  display: block;
  margin-bottom: 5px;
  background-color: #4C4848;
}

/*.menu {transform: translateX(200px);}*/

/*
.btn-menu {transform: translateX(0);}
header a:hover{text-decoration: underline; padding: 5px;
} 


.btn-menu-active .menu-mobile {
  transform: translateX(0);
}

.btn-menu-active .btn-menu {
  transform: translateX(280px);
  left: 0px;
}



/*

.header {display: flex;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: space-around;
height: auto;
background: #FFFF;
color: #EA1717;


}

 

.button {
    background-color: #FFFF;
    font-size: 18px;
    border: inset;
    border-radius: 12px;
    color: black;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-left: 40px; 
    cursor: pointer;
    margin-top: -150px;
    margin-bottom: 100px;
    
}
 
.voltar {
    background-color: #FFFF;
    font-size: 12px;
    border: inset;
    border-radius: 12px;
    color: black;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-left: 100px; 
    cursor: pointer;
    margin-top: -150px;
    margin-bottom: 100px;
    
}
  
  
  
  
  

/*.img > header {max-width: 20%;
padding-top:  5px;
max-height: 50%;
}
*/

/*
.menusite h3 {margin-bottom: -100px;

font-size: 1em;
font-weight: 100;
}

/*

/*img{max-width: 100%;
display: block;
height: 350px;
width: 300px;
margin-top: 10px;
padding: 10px;

} */


/*

.ini{display: flex;
flex-wrap: wrap;
justify-content: space-around;
grid-gap:5px;
text-align: center;
font-style: bold;
letter-spacing: 1px;
text-shadow: 2px 2px 4px;
margin-top: 20px;
color: #040303;
font-size: 12px
}


.ini img{max-width: 100%;
display: block;
height: 300px;
width: 325px;
margin-top: 10px;
padding: 10px;

}





/*.article {display: grid;
grid-columns: 3;
grid-rows: 3;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 0.1fr 1fr 1fr;
text-align: justify;
align-items: normal;
border-top: double;
border-left: 1px solid #dfdfdf;
border-bottom: double;
background-color: #D1D3D4;


}*/


/*


.article {display: grid;
grid-columns: 1;
grid-rows: 1;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
text-align: justify;
align-items: normal;
border-top: double;
border-left: 1px solid #dfdfdf;
border-bottom: double;
background-color: #D1D3D4;


}


.article2 {display: grid;
grid-columns: 2;
grid-rows: 1;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
text-align: justify;
align-items: normal;
border-top: double;
border-left: 1px solid #dfdfdf;
border-bottom: double;
background-color: #D1D3D4;
margin-top: 10px;

  
  
}




/* .article img{max-width: 100%;
min-width: 360px;
display: block;
height: 360px;
width: 325px;
margin-top: 5px;
margin-bottom: 15px;

}*/


/*

.article a{display: block;
  color: #981A26;
max-width: 360px;
text-decoration: blink;

}



.article2 img{max-width: 100%;
min-width: 360px;
display: block;
height: 360px;
width: 325px;
margin-top: 5px;
margin-bottom: 100px;

}





.article2 a{display: block;
  color: #981A26;
max-width: 360px;
text-decoration: blink;

}







@media (max-width: 1250px) {
  .article2 {display: flex;
  
  flex-wrap: wrap;
  align-items: center;
  
  }
  
  
  
}






.inst{display: flex;
justify-content: space-around;
/*grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap:5px;

margin-top: 10px;
margin-bottom: 10px;
align-content: center;


flex-wrap: wrap;
   
}


@media (max-width: 600px) {
    
  .inst {grid-template-columns: 1fr 1fr;}
     
  
  
}


.inst img{max-width: 80%;
display: flex;
justify-content: center; 
height: 300px;
width: 250px;
padding: 0px;
margin: 5px;}



.inst > div a{display: flex;
  justify-content: center;
  color: black;
  font-size: 12px;
  align-content: center;
  }



.news {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
   
  color: #231F20;
  grid-gap: 10px;   
  padding:5px;
  align-content: center;
  text-align: justify;
  background-color: #ffffff;
  line-height: 150%;
   
  
  
   
    
  
}

.newsa {border: groove;
padding: 8px;
width: 450px;

}

.newsa a {color: #981A26;}

@media (max-width: 1000px) {
  .news {display: flex;
  
  flex-wrap: wrap;
  align-items: center;
  
  }
  
  
  
}




.ins a {color: blue;}



.rav {display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding: 5px;
align-content: center;
align-items: center;
margin-top: 20px;
margin-left: 90px;
   
}

.rav > div a{font-size: 10px;}



.pro-ins {display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 5px;
align-content: center;
margin-top: 0px;
margin-left: 90px;
text-align: justify;
font-size: 18px;
line-height: 150%;
   
}


.pro-ins a {text-align: center;}

.pro-ins p {max-width: 300px;
padding-left: 5px;
margin-top: 0px;}


/* imagens da BIO */

/*

.img-pro img {max-width: 300px;}

/* @media (max-width:1000px) {
  .img-pro img {max-width: 80%;}
} */


/*


@media (max-width: 800px) {
  .pro-ins {display: flex;
  
  flex-wrap: wrap;
  align-items: center;
  font-size: 22px;
  margin-left:12em;
  
  }
  
  
  
}





@media (max-width: 1000px) {
  .ins {display: flex;
  
  flex-wrap: wrap;
  align-items: center;
  font-size: 22px;
  margin-left:12em;
  
  }
  
  
  
}




.ins > div img {height: 400px;
width: 450px;
text-align: justify;
align-content: center;
align-items: center;
padding: 5px;
}

.ins > div p{color: black;
text-align: justify;
padding: 0px;
margin-left: 10px;
max-width: 450px;
}

.ins > div h3{
flex: 50px;
flex-wrap: wrap}


.teste {display: flex;
align-content: center;
text-align: justify;
flex-wrap: wrap;

}


.ini > div form{display: inline-block;
text-align: left;
align-content: flex-start;
margin-top: 10px;
font-size: 18px;

}


.log {display: inline-block;
text-align: center;
align-content: flex-start;
margin-top: 20px;
font-size: 18px;

}






.ini > div textarea{width: 300px; height: 100px;} 




footer {background-color: #040303;
color: #F8F2F2;
text-align: center;
height: inherit ;
padding-top: 5px;
padding-bottom: 0px;
position: relative;
bottom: -15px;
width:100%;
}



.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:35px;
  height:35px;
  margin-right: 20px;
}


.form-group{
  margin-bottom:1.5em;
  transition:all .3s;
  }

.form-label{
    font-size:.80em;
    color:var(--font-color);
    display: contents;
    transition: all .3s;
    transform:translateX(-50px);
}
 
.form-control {
  
  box-shadow:none;
  border-radius:0;
  border-color:#ccc;
  border-style:none none solid none;
  width:100%;
  font-size:1.10em;
  transition:all .6s;
}


.figure a figcaption {
  color: #FDFD49;
  font-size: 1em;
  width: 350px;
  height:20px;
  position:fixed;
  bottom: 26px;
  left:55px;
  z-index:99999
    
  
}


.whatsapp {height: 45px;
width:45px;
position: fixed;
bottom: 30px;
left: 25px;
z-index: 99999;}

@media (max-width: 1070px) {
  .whatsapp {height: 60px;
  width:60px;
  position: fixed;
  bottom: auto;
  left: 10px;
  z-index: 99999;}
  
  
  .figure a figcaption {
  color: #FDFD49;
  font-size: 1.5em;
  width: 350px;
  height:20px;
  position:fixed;
  bottom: 26px;
  left:55px;
  z-index:99999
    
  
}

 
  
  
}

  
 @media (max-width:1000px) {
  
.menu header a {
  background-color: #040303; /* Grey background color */

/*

  color: white; /* White text color */
/*  display: block; /* Make the links appear below each other */
/*  padding: 12px; /* Add some padding */
/*  text-decoration: none; /* Remove underline from links */
  
  /*
  
}
  
  .menu a:hover {
  background-color: #FDFD49; /* Yellow grey background on mouse-over */
  /*   }
 
  
 }
 
 
  
 }

/* 
.relatorio {display: grid;
 grid-template-columns: 1fr;
 background-color: #A7A9AC;
 align-content: center;
 margin-top: 20px;
 text-align: left;
    
}
*/

/*


 .relatorio {display: grid;
 grid-template-columns: 2fr 1fr;
 grid-template-rows: 1fr 1fr;
 background-color: #A7A9AC;
 align-content: center;
 margin: 20px;
 text-align: left;
 padding: 20px;
 
    
}






.relatorio h2 {
  text-align: center;
}

 
/* table, th, td {
  border: 1px solid black;
}*/


.relatorio_pre {display: grid;
  grid-template-columns: 1fr 1fr;
   
  }


.busca_tudo {display: grid;
  align-items: center;
  align-self: center;
}

 



.relatorio table {border-collapse: collapse;
 width: 5em;
 margin-top: 10px;
  
 border: 1px solid black;
 height: 8px;
 }



.relatorio table input[type=submit]{height: 2em; width: 5em; background: #333333;
  color:#ffffff;
  cursor: pointer;
  border: double;
  border-radius: 12px;
  
  } table input[type=submit]:hover{background: #ff6600;}


 
.divrelatorio {margin-left: 30px;
 width: 50%;}
 
.relatorio th, td {
  text-align: left;
  padding: 8px;
  height: auto;
  
}

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

.relatorioteses {display: grid;
grid-template-columns: 1fr 1fr;}

.relatorioteses table {border-collapse: collapse;
  width: 100%;
  margin: 20px;
  padding: 10px;
  border: 1px solid black;
  height: 8px;
  }
  
.relatorioteses th, td {
    text-align: left;
    padding: 8px;
    height: auto;
    
  }
  
.relatorioteses tr:nth-child(even) {background-color: #f2f2f2;}
  
  
.return_top {display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
text-align: center;
color: #040303;
width: 50%;}

.return_top a {color: #070707;}

.return_top a:hover{background: rgb(216, 14, 41);}

 


.relatoriojornada {display: grid;
  grid-template-columns: 1fr;}
  
.relatoriojornada table {border-collapse: collapse;
    width: 100%;
    margin: 20px;
    padding: 10px;
    border: 1px solid black;
    height: 8px;
    
    }
    
.relatoriojornada td {
      text-align: left;
      padding: 8px;
      height: auto;
      
    }

.relatoriojornada th {
      text-align: center;
      padding: 8px;
      height: auto;
      color: #981A26;
      
    }


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





.relatorio2 {display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr; 
background-color: #A7A9AC;
align-content: center;

text-align: left;
  
}



.form_proc {display: grid;
  /*width: 100%;*/
  
  grid-template-columns: 450px auto;
  max-width: 100%;   
  background-color: #A7A9AC;
  text-align: left;
  grid-gap: 1em;
  padding: 10px;
  color: #231F20;
  font-size: 12px;
   

}


.proc_3col{display: grid;
  grid-template-columns: auto auto;
  max-width: 50%;
   
  /*grid-gap: 1em;*/
  
  width: 40%;

}



.novo_caso {display: grid;
  grid-template-columns: 0.5fr 1fr 1fr;
  

}

.novo_caso select {width: 8em;}


.docs_gen {display: grid;
  max-width: 50%;
  grid-template-columns: 1fr;
  

}

.docs_gen select {width: 8em;}





/*.part_add {grid-column-start: 1;
grid-row-start: 2;}*/

.part_add {display: grid;
max-width: 50%;}

.part_add fieldset {max-width: 50%;}

.part_add_line{display:grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap:1em;
  width: 400px;
  height: 200px;
}

.relatorio_areas table {border-collapse: collapse;
  width: 100%;
  margin: 10px;
  padding: 10px;
  border: 1px solid black;
  height: 8px;
  color: black;
  }
  
.relatorio_areas th, td {
   text-align: left;
   padding: 10px;
   height: auto;
   
 }
 
.relatorio_areas tr:nth-child(even) {background-color: #141313;
color: white;}


.doc_contracts_col {display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 50%;
}


.relatorio_pl {display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; 
  background-color: #A7A9AC;
  align-content: center;
  
  text-align: left;
  width: 50%;
} 


.add_rem_clauses {display: grid;
  align-self: center;
  padding: 10px;
  margin: 4px;
  gap: 0.5em;
  



}



.add_rem_clauses input[type=button] {max-width: 50%;}


.cla_doc {display: grid;
  
   
}





.relatorio_pl table {border-collapse: collapse;
  width: 50%;
  margin: 10px;
  padding: 10px;
  border: 1px solid black;
  height: 8px;
  }
  
.relatorio_pl th, td {
   text-align: left;
   padding: 10px;
   height: auto;
   
 }
 
.relatorio_pl tr:nth-child(even) {background-color: #f2f2f2;}
 
 
.relatorio_pl h2 {
   text-align: center;
 }
   





.relatorio2 table {border-collapse: collapse;
 width: 100%;
 margin: 10px;
 padding: 10px;
 border: 1px solid black;
 height: 8px;
 }
 
.relatorio2 th, td {
  text-align: left;
  padding: 10px;
  height: auto;
  
}

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


.relatorio2 h2 {
  text-align: center;
}
  

 
.topfr {
   
  margin-left: 10px; 
   
}
 


.relatodiv {display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 0.25fr 0.5fr 1fr 1fr;
background-color: #A7A9AC;
text-align: left;
grid-gap: 10px;
padding: 10px;
color: #231F20;

}

/* Verificar se para aqui mesmo */

.item1 { 
  grid-row: 2;
  grid-column: 1;
  padding: 5px;
  
  
}
  
.item2 {
  
  grid-row: 2;
  grid-column: 2 / 3;
  
  
  
}


.item3 {
  
   
  grid-row: 3;
  grid-column: 1 / 3;
  
  
   
}

.subitem3 {display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;


 
text-align: left;
grid-gap: 10px;
padding: 10px;  
  
}

.subitem_nf {color: #d02323;
  font-size: 10px; 
    
  }
 




.subitem4 {display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 0.5fr 1fr 1fr;

 
text-align: left;
grid-gap: 10px;
padding: 10px;  
  
}





.subitem5 {display: none;}

.subitem6 {display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr ;
  


}





.item3cont {display: grid;
  grid-row: 3; 
  grid-column: 2 / 3;
}


.item4 {
  grid-row: 4;
  grid-column: 1; 
}



.doc_buttons {display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  
}



.label-form {display: block;
  
 font-weight: bolder;
 padding: 5px;
 
 
 
 
 
 
  
  font-size: 12px;
 
 }

.atend_concluir {display: grid;
  grid-template-columns: 1fr 1fr;
  

  align-content: space-around;
}


.doc_parts {display: grid;
  grid-template-columns: 1fr 1fr;}


.doc_ins {display: grid;
grid-template-columns: 1fr 1fr 1fr;}




.atend_concl {display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  
  
}

.atend_concl input[type=submit]:hover{background: green;}
.atend_concl a:hover{background: greenyellow;
font-size: 2em;}



.atend_concldoc {display: grid;
  max-width: 50%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
  
  
}


.parts_doc_gen {display: grid;
max-width: 50%;}



.updates {display: grid;
  grid-template-columns: 1fr;
   
  
  
  
   
  
  padding: 15px;
  background-color:#040303;

}

.updates_inside {display: grid;
  grid-template-columns: 1fr ;
  justify-self: center;
   
  border: 2px solid #981A26;
  width: 30%;
  align-content: center;
   
  
  padding: 15px;
  text-align: center;
  color: #040303;
  background-color: #A7A9AC;
}


.pedidos_teses {text-align: center;
  width: 100%;
}


.pedidos_teses table {border-collapse: collapse;
  width: 80%;
  margin: 20px;
  padding: 10px;
  border: 1px solid black;
  height: 8px;
  }
  
.pedidos_teses th, td {
    text-align: left;
    padding: 8px;
    height: auto;
    
  }
  
.pedidos_teses tr:nth-child(even) {background-color: #a04646;}
  

.atend_col_top {display: grid;
grid-template-columns: 1fr 1fr;
align-items: right;
gap: 1em;

}


.atend_col_top_beta {display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 1em;
} 

.atend_col_top_beta input[type=button] {width: 25%;
margin: 0.4em;
padding:0.5em;
background-color: #eed7b0;
}

.atend_col_top_beta input[type=button]:hover{background: green;}

/*.atend_col_top_beta input image {width: 1%;
height: 1em;}*/

.menu_task_beta button {height: 10%;
width: 10%;
background-color: #eed7b0;}

.menu_task_beta svg {width: 30%;height:30%;}


.menu_task_beta button:hover{background-color: #48ed53;}



.atend_col {display: grid;
grid-template-columns: 1fr 1fr;



}


.label-form-teses {display: grid;
  grid-template-columns: 1fr;
  font-size: 13px;
  font-weight: bolder;
  padding: 5px;

  
  
  
  
  
  
   
   font-size: 12px;
  
  }

.label_fatos {
    display: grid;
  grid-template-columns: 0.25fr 1fr;
   

  font-size: 13px;
  font-weight: bolder;
  padding: 5px;



  }
.date_label_fatos {display: grid;
    grid-template-columns: 1fr ;
    text-align: right;
  padding: 10px;
  color: #981A26;}
  

 
.item5 {display: grid;
 
 
 
  
  
  
  
 }




  
 


@media (max-width: 1000px) {





.form {display: block;
    flex-wrap: wrap;
    /*grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 0.25fr 0.5fr 1fr 1fr;*/
    background-color: #A7A9AC;
    text-align: left;
    grid-gap: 10px;
    padding: 10px;
    color: #231F20;
     
  
  }
  
.form_nf {display: block;
    flex-wrap: wrap;
    /*grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 0.25fr 0.5fr 1fr 1fr;*/
    background-color: #A7A9AC;
    text-align: left;
    grid-gap: 10px;
    padding: 10px;
    color: #231F20;
  
  }

.label-form {display: block;
     
    

    font-size: 13px;
    font-weight: bolder;
    padding: 5px;
    
    
    
    
    
     
     font-size: 12px;
    
    }



  
}



 /*


 
 .ftp_button {
    background-color: #FFFF;
    font-size: 12px;
    border: inset;
    border-radius: 3px;
    color: black;
    /*padding: 10px 10px;*/
  
  /*


    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 5px; 
    cursor: pointer;
    /*margin-top: -150px;
    margin-bottom: 100px;*/
  
    /*

}
 



 
/*
 
.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over 
}

.vertical-menu a.active {
  background-color: #4CAF50; /* Add a green color to the "active/current" link 
  color: white;
} 

*/