/* Vazio até agora!!  */ 
:root{
   --cor-cabecalho:#4297d7;    
   --cor-letra:#003368;
   --cor-fundo:#F8F8F8;
/*   --cor-cabecalho:#d49768; /* MEI LIN */ 
}
body {
   background-color:var(--cor-fundo);
   color: var(--cor-letra);
   font-size:0.8em;
}  
.classe-input {
   font-size:1em;
}   
.tabelas {
   width:100%;    
   max-width:100%;
}
.traco-a-direita {
   border-right: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-direita-largo {
   border-right: solid 1px rgba(160, 160, 160, 1);
}
.traco-a-esquerda {
   border-left: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-baixo {
   border-bottom: solid 1px rgba(160, 160, 160, 0.3);
}
.traco-a-cima {
   border-top: solid 1px rgba(160, 160, 160, 0.3);
}
.borda {
   border: solid 1px rgba(160, 160, 160, 0.3);
}

.medio {
   font-size:1.5em;
}   
.verde {
   color:green;
}
.vermelho {
   color:red;
}
.fundo-vermelho {
   background-color:red;
}
.fundo-vermelho-claro {
   background-color:#f79ec0;
}
.fundo-branco {
   background-color:white;
}
.vermelho_forte {
   font-weight:bold;
   color:red;
}   

.azul { 
   color:navy;
}   
.amarelo {
   color:yellow;
}
.marrom {
   color:#FF8C00;  /* brown;  */ 
}
.titulo {
   font-weight:bold;
}  
.italico {
   font-style:italic;
}  
.checkbox-acao {
   display:inline;
}   
.custom-control-label {
   display:inline;
}   
.fundo-verde
{
   background-color:palegreen;
}
.fundo-azul
{
   //background-color:#b7f7f0;
   background-color:#f0fcfb;
}
.fundo-amarelo
{
   background-color:yellow;
}
.SimNaoTexto {
   font-size:0.7em;
}

.proc-icone { 
   width:30px;
   height:20px;
}
.icone-pequeno { 
   width:13px;
   height:13px;
}
.icone { 
   width:25px;
   height:25px;
}
.confirma-nao
{
  color:white;
  background-color:#f57179;
  padding: 5px;
}
.confirma-sim
{
  color:white;
  background-color:palegreen; 
  padding: 5px;
}
.par 
{
  //background-color: #f9f9f9;
  background-color: white;
}
input.autocomplete-good{
   background-image:url(../img/accept.png);
   background-repeat:no-repeat;
   background-size: 15px 15px;
   background-position: right 5px center;
   padding-right:22px;
}
input.autocomplete-bad{
   background-image:url(../img/delete.png);
   background-repeat:no-repeat;
   background-size: 15px 15px;
   background-position: right 5px center;
   padding-right:22px;
}
.ui-autocomplete {
   max-height: 200px;
   max-width: 500px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
   padding-right: 20px;
} 

.letra-pequena {
   font-size:0.7em;   
}   
.input-numeros {
   width:110px;
   max-width:110px;   
}   
.dashboard-tabela {
   font-size:0.5em;   
}   
.botao-ok{
   background-image:url(../img/accept.png);
   background-repeat:no-repeat;
   background-size: 15px 15px;
   background-position: right 5px center;
}

.size-w-100, .size-100 {
   max-width:100%;
   width:100%;
}   
.size-h-100, .size-100 {
   max-height:100%;
   height:100%;
}   
.size-w-80, .size-80 {
   max-width:80%;
   width:80%;
}   
.size-h-80, .size-80 {
   max-height:80%;
   height:80%;
}   
.invisivel {
   display:none;
/*   
   position:absolute;
   left: -999em; 
*/   
}   
.flip-pequeno {
  zoom: 0.3;
  -moz-transform: scale(0.3);
}   
.flips {
   display: inline-block;
   width: auto;
}   
.dash-header {
  background-color:var(--cor-cabecalho);
  text-align:center;
  vertical-align: middle;
  padding:8px 0px 8px 0px; 
}   
.dash-box {
   padding: 10px 20px 10px 20px;
   background-color: #f9f9f9;
}   

.dash-detalhe {
   font-size:0.8em;
}   
.mask-email {
   text-transform: lowercase;
}   
.XXben-contas[type="text"]:disabled {
   text-decoration:line-through red;
   background: var(--cor-fundo); 
}   
.msg {
   font-size:0.8em;   
}   

/* flipclock == deixa os cabeçalhos de minutos e segundos apagados! */ 
.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    color: #FFF;
}