/*
   --cor-par:#bebebd;
   --cor-par:#a7a9ab;eebcb8; 
   --cor-impar:#FFFFFF;
*/    
:root{
/*
   --cor-cabecalho:#FFFFFF; 
   --cor-letra:#000000; 
   --cor-fundo:#FFFFFF;
   --cor-par:#A5A7A5; 
   --cor-impar:#FFFFFF;
*/
   --cor-suave:#808080;
   --cor-palered:#fad9d7;
   --cor-palegreen:#dcf7ef; 
   
   --cor-cabecalho:#4297d7;    
   --cor-letra:#003368;
   --cor-fundo:#F8F8F8;
   --cor-par:#bebebd;
   --cor-par:#a7a9ab; 
}
body {
   background-color:var(--cor-fundo);
   color: var(--cor-letra);
}   
.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);
}
.branca { 
   color: white;
}
.preta { 
   color: black!important;
}

.marrom {
   color:#bd921e;
}   
.verde {
   color:green;
}
.vermelho {
   color:red;
}
.azul {
   color:navy;
}
   
.titulo {
   font-weight:bold;
}  
.italico {
   font-style:italic;
}  
/*
input {
  padding: 0.1em; 
  box-sizing: border-box;
  width: 100% 
} 
*/ 
.checkbox-acao {
   display:inline;
}   
.custom-control-label {
   display:inline;
}   
.fundo-verde
{
   background-color:palegreen;
}
.fundo-vermelho
{
   background-color:var(--cor-palered);
}
.fundo-suave
{
   background-color:var(--cor-suave);
}
.fundo-branco
{
   background-color:white;
}
.fundo-azul
{
   //background-color:#b7f7f0;
   background-color:#f0fcfb;
}
.fundo-amarelo
{
   background-color:yellow;
}
.SimNaoTexto {
   font-size:1.0em;
   font-weight:bold;
   color:white;
}
.erro-texto {
   font-weight:bold;
   color:red;
   font-size:0.7em;
}   
.confirma-nao
{
  background-color:var(--cor-palered);
  background-color:red;
  color: white;
  padding: 5px;
  font-weight:bold;
}
.confirma-sim
{
  background-color:var(--cor-palegreen); 
  background-color:green; 
  color: white;
  padding: 5px;
  font-weight:bold;
}
.vivo {
   opacity:1!important;
}   
.par 
{
  background-color: var(--cor-par);
}

table.dataTable tbody tr.myeven{
   /*background-color:var(--cor-par); */ 
   background-color:var(--cor-par);
}
table.dataTable tbody tr.myodd{
   /*background-color:#FFFFFF;*/ 
   background-color:var(--cor-impar);
}

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.8em;   
}   
.letra-media {
   font-size:0.8em;   
}   
.letra-grande {
   font-size:2em;   
}   
.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-70, .size-70 {
   max-width:70%;
   width:70%;
}   
.size-h-70, .size-70 {
   max-height:70%;
   height:70%;
}   
.size-w-80, .size-80 {
   max-width:80%;
   width:80%;
}   
.size-h-80, .size-80 {
   max-height:80%;
   height:80%;
}   
.icone-acao {
   font-size:1em;
}   
.apagado { 
   text-decoration: line-though;
   text-decoration-color:red;
}   

.tamanho-icone {
   height:15px;
   width:15px;   
}
.invisivel {
   display:none;  
/*   visibility:hidden; */
}   
.visivel {
/*   display:none; */ 
   visibility:visible;
}   

.icone-grande {
   width:50px;
   height:50px;
   
}
.proc-icone { 
   width:30px;
   height:20px;
}
.icone-pequeno { 
   width:13px;
   height:13px;
}

.sort-fields { 
   list-style-type: none; 
   margin: 0; 
   padding: 0; 
   width: 60%; 
}
.sort-fields li { 
   margin: 0 3px 3px 3px; 
   padding: 0.4em; 
   padding-left: 1.5em; 
   font-size: 1em; 
   height: 18px; 
}
.sort-fields li span { 
   position: absolute; 
   margin-left: -1.3em; 
}
.quadro-produtos {
   max-height: 20em;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
   padding-right: 20px;
} 
.quadro-filhos {
   max-height: 15em;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
   padding-right: 20px;
} 
.botao-pequeno{
   height:30px;
   width:30px;
}
.cabecalho {
   position:sticky;   
   top: 0;
   z-index: 999;   
}
.linha-mensagem{ 
   max-height:5em;
   overflow-y:auto;
}
.so-grande {
   font-size:0.7em
}      

@media (max-width: 768px) {  
   body {
      font-size:0.7em;
   }
   input {
      font-size:0.7em;
   }
   .icone-acao {
      font-size:0.8em;  
   }   
   .texto-produto-pai {
      /* para chrome */ 
      writing-mode: vertical-lr; 
      /* para os outros */ 
      writing-mode: sideways-lr;
   }
   .chrome-texto-produto-pai {
      -webkit-transform:rotate(-90deg); /* Chrome */     
   }
   .pequeno-linha {
      max-height: 15em;
      font-size:1em;
      overflow-y: auto;
      border-bottom: solid 1px rgba(160, 160, 160, 0.3);
   }
   .mobile-visible{ 
      background-color:white;
   }
   .mapa-endereco {
      display:none;
   }   
   .land-foto {
      display:none;
   }   
   .so-grande {
      //display:none;
      font-size:0.7em;
   }      
}

/*------------------------------------------------------------------------------------------------*/
/*  Para o GOOGLE MAPS */ 
/*
 * Prevent a flash of unstyled content before the custom element is defined.
 */
/*------------------------------------------------------------------------------------------------*/
#map {
  height: 100%;
}

/* 
 * Optional: Makes the sample page fill the window. 
 */

.fit {
   max-width:100%;
   max-height:100%;   
}
.controls {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  height: 29px;
  margin-left: 17px;
  margin-top: 50px;
  outline: none;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

.controls:focus {
  border-color: #4d90fe;
}

.title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

.mapa #infowindow-content {
  display: inline;
}
.mapa {
   width: 100%;
   height: 400px;
}
/*
.ui-tabs-vertical { width: 55em; }
 .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
 .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
 .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
 .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
*/  
.quadro-destaque {
   box-shadow: 2px 2.0px 2px #888888;
   padding: 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}
.opaco {
   opacity: 0.33;
}   
.textarea-fit {
  field-sizing: content;
  min-width:90%;
}
.sub-quadro {
   padding:5px;
}