@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
  font-family: 'Roboto', sans-serif; 
  color: #000000; 
  font-size: 14px;
}

.relatorio { 
  background-color:white;
} 

.parag {
  margin-left:10%; 
  margin-right: 10%; 
  text-indent: 1cm; 
  text-align:justify;
}

.parag_header {margin-left:10%; margin-right: 10%;}
p.titulo {text-align:center; font-weight:bold;}

.centro {text-align: center;}

a:link {color: #5E515B; text-decoration: none; cursor:pointer;} 
a:visited {color: #5E515B; text-decoration: none; cursor:pointer;}
a:hover {color: #5E515B; cursor:pointer;} /*  ffe4ca*/
a:active {color: #8a4500; cursor:pointer;}

.href {color: #5E515B; text-decoration: none; cursor:pointer;} 

.negrito:hover{color:#ffe4ca; background-color:#ffe4ca; font-weight:bold; }

table {
  font-size: 14px;
  line-height: 1.0em;
}

a.barra:link {color: white; text-decoration: none; cursor:pointer;}  
a.barra:visited {color: white; text-decoration: none; cursor:pointer;}
a.barra:hover {color:white;  text-decoration: none; cursor:pointer;}
a.barra:active {color:white; text-decoration: none; cursor:pointer;}

a.menu:link {color: #5E515B; text-decoration: none;} 
a.menu:visited {color: #5E515B; text-decoration: none;}
a.menu:hover {color:#5E515B; }
a.menu:active {color:#999999; }

.botao:hover {color:#5E515B; }

td.barra {padding:5px;}

table.topo {
  width:100%; 
  line-height:1.1em; 
  font-weight: bold; 
  text-align:left;
  background-color:#5E515B; 
  color:white;
  padding-right: 5px; 
}

table.barra {
  width:100%; 
  line-height:1.1em; 
  font-weight:bold; 
  text-align:center; 
  background-color:#999999; 
  color:white; 
  padding:1px;  
  border-spacing:0px; 
  border-top-width:1px; 
  border-right-width:1px;
  border-bottom-width:1px;
  border-left-width:1px;
  border-top-color:white; 
  border-right-color:white; 
  border-bottom-color:white; 
  border-left-color:white; 
}

tr.menutop {background-color:#C7C8C6; color:#5E515B;}
table.menutop{background-color:#C7C8C6; color:#5E515B; padding:1px;  border-spacing:0px; border-top-width:1px; border-right-width:1px;border-bottom-width:1px;border-left-width:1px;
 border-top-color:white; border-right-color:white; border-bottom-color:white; border-left-color:white;}

table.menu{background-color:#C7C8C6; border:1px; border-collapse:collapse;}

.frm_menu {background-color:#F6F6F6;}
.frm_centro {background-color:#F6F6F6;} /* background-color:#d9d8da; */

.logon {height:18px; background-color:#F6F6F6; width:80px;}
.blogin {height:18px; width:30px; }

#login {position:absolute; left:40%; top:176px; width:15%; height:10%; z-index:2;} 

tr.header {background-color:#DDDCC5; font-weight:bold;}/*#92aecc     DDDCC5    D4D0C8   BACKGROUND DO MENU*/
tr.padrao {background-color:#ECECDB;}
tr.lin_par {background-color:#EAE6D0; padding:5px;} /*     #ECECDB       EAE6D0     D5D5D5*/
tr.lin_impar {background-color:F8F8F1; padding: 5px;} /*  white     F8F8F1     E5E5E5*/

tr.lin_alerta {background-color:#FF0000; color:#FFFFFF;}

table.titulo {line-height:1.2em; font-weight: bold;}

/* As definicões abaixo são para todo o corpo principal das telas  */
table.header {width:100%; margin-left:auto; margin-right: auto; text-align:left; 
					border: 1px; border-spacing:1; background-color:black; padding-top:0px}

table.menu {width:100%; margin-left:auto; margin-right: auto; text-align:left; 
					border: 0px; border-spacing:0px; border-collapse:collapse; background-color:white;}

table.corpo {width:100%; margin-left:auto; margin-right: auto; text-align:left; 
					border: 0px; border-spacing:1; padding-top:10px;} 					
table.corpo2 {width:100%; margin-left:auto; margin-right: auto; text-align:left; 
					border: 0px; border-spacing:0px; border-collapse:collapse; padding-top:10px} 					
table.estat60 {width:60%; margin-left:auto; margin-right: auto; text-align:left; 
					border: 0px; border-spacing:1; padding-top:20px;} 					
table.estat80 {width:80%; margin-left:auto; margin-right: auto; text-align:left; 
					border: 0px; border-spacing:1; padding-top:10px;} 					

.button {height:20px;  background-color:#ECECDB; color:black;}  /*width:30px; #0000CC */

.btPadrao {height:20px;  background-color:#ECECDB; color:black;}

.minibutton {height:15px; width:40px} 

.text3 {height:20px;background-color:#F7F7F7; width:300px; border: 0px}

.radio {width: 13px;}

#topo {margin: 5px; height: 40px;}

#menu {position: absolute; top: 100px; left: 10px; width: 150px; }

#corpo {margin-left: 170px; margin-right: 0px; }

.alerta {position: absolute; top: 100px; left: 30%; width: 50%;  z-index:1;}

img { behavior:	url("pngbehavior.htc"); }

input, select, textarea {
  font-family: 'Roboto', sans-serif;
  border: 1px solid silver;
  border-radius: 3px;
  font-size: 14px;
  padding: 5px;
  background-color: #fff;
}

.textarea {
  height: 100px;
}

.treemenudiv {
  padding: 2px;
}

@keyframes login-modal-anime {
  to {
    opacity: 1;
    transform:  translateX(0);
  }
}

#login-modal {
  display: block;
  margin: auto;
  width: 300px;
  border: 1px solid #999999;
  border-radius: 3px;
  padding: 30px;
  opacity: 0;
  transform:  translateX(-50px);
  animation: login-modal-anime .5s;
  animation-fill-mode: forwards;
}

#login-modal .login-label {
  font-weight: bold;
}

#login-modal .input-login {
  margin-top: 5px;
  margin-bottom: 30px;
  width: 100%;
}

#login-modal .login-submit {
  width: 100%;
  padding: 10px 10px;
}

#login-modal .login-error {
  padding: 10px;
  margin-bottom: 30px;
  border-radius: 3px;
  background-color: #cc0000;
  font-weight: bold;
  color: #fff;
}

#login-modal h1 {
  margin-bottom: 30px;
  text-align: center;  
}

.campo-duplo {
  display: flex;
  align-items: center;
  width: 100%;
}

.campo-duplo .campo-principal {
  width: 100%;
}

.w-100 {
  width: 100%;
  max-width: 100%;
}

.pt-20 {
  padding-top: 20px;
}

.btn-form {
  padding: 10px 30px 10px 30px;
}

.btn-topo {
  background-color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid silver;
  border-radius: 3px;
}

#loading-modal {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}