.z-flex-item {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
}
.z-flex-column {
    flex-direction: column;
}
.z-flex {
    display: flex;
}

.speech-bubble {
    position:relative;
    background:#fffcdc;
    border-radius:.4em;
    border:1px solid #e5e5e5;
} 
.speech-bubble:after {
    content: '';
    position: absolute;
    left: -6px;
    top: 20px;
    width: 12px;
    height: 12px;
    background-color: #fffcdc;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 6;
    transform: rotate(45deg);    
}

.paddingTop4 {
    padding-top: 4px;
}
.paddingTop5 {
    padding-top: 5px;
}

.timelineBar {
    position: absolute;
    left: 28px;
    top: 0px;
    bottom: 30px;
    width: 2px;
    background-color: #e5e5e5;
}

.timelineBarPontilhado {
    position: absolute;
    left: 28px;
    top: 0px;
    width: 2px;
    bottom: -130px;
    background-size: 2px 14px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAYAAAAFdM1fAAAAAXNSR0IArs4c6QAAABxJREFUCB1jYCAMGO/evfsfpIwJppYYBkwtPhoAPO8DonoGqJ0AAAAASUVORK5CYII=");
}

.pnlwest {
   background-color: #002c6c; 
   padding-top: 8px;
   padding-left: 8px;
   padding-right: 10px;      
   opacity: 0.8;
}

.tfaccordionmenu, .z-tree {
    /*background: inherit !important;*/
    background: inherit !important;
}

.tfaccordionmenuitem-cell.z-treecell>.z-treecell-content>.z-treecell-text  {
    font-size: 10pt !important;
    color: #ffffff !important;
}

.tfaccordionmenu .z-treerow .z-treecell {
    border-top: none;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    border-radius:.4em;
}

.tfaccordionmenu .z-treerow .z-treecell:hover {
    background-color: rgba(238,238,238,.13);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
}

.tfaccordionmenu .z-treerow.z-treerow-selected>.z-treecell {
    background-color: #4581B3;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;
}

.tfaccordionmenu .z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell {
    background-color: #4581B3;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;    
}

.tfaccordionmenu .z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell:hover {
    background-color: #4581B3;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;    
}

.tfaccordionmenu .z-treerow.z-treerow-selected>.z-treecell:hover {
    background-color: #4581B3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: rgba(255,255,255,.8);
    position: relative;
}

.tfaccordionmenuitem-cell.z-treecell>.z-treecell-content>.z-tree-icon  {
    font-size: 23px;
    color: #ffffff !important;
    text-align: left;
    cursor: pointer;
}

/*                     Commum Paineis                      */

/*Define posição absoluta e uma borda ao redor */
.vboxbasecaixa {
    position:absolute;
    border-radius:5px;                
}

/*Define a linha no topo */
.hboxbasecomp {
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/*Atribui uma borda ao redor do vBox e arredonda os cantos*/
.vboxbasecomp {
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;    
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

/*                    Painel Gerencial                     */

/* email */

.vboxcaixagerencial {
    top:-110px;
    left:10px;    
}

.vboxcaixaemailaguardando {        
    background-color: #004080 !important;       
    border-radius:5px;
}

.vboxcompemailaguardando {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompemailaguardando {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* WhatsApp */
.vboxcaixawhatsapp {        
    background-color: #00A65A !important;       
/*  position:absolute;
    top:-110px;
    left:10px;
*/
    border-radius:5px;    
}

.vboxcompwhatsapp {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompwhatsapp {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.hboxbasecompwhatslidoh {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.hboxbasecompwhatslidoo {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Agenda */
.vboxcaixaagenda {        
    background-color: #4285F4 !important;       
/*  position:absolute;
    top:-110px;
    left:10px;
*/
    border-radius:5px;    
}

.vboxcompagenda {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompagenda {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}


/* ENTRADAS */
.boximagestrech {
    background-size: cover !important;   
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important;    /* Mozilla*/
    -o-background-size: cover !important;      /* Opera*/
    background-size: cover !important;         /* Generic*/    
}

.z-listcell-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.z-groupbox-header{
    height: 10px !important;
}
.groupboxpendencias .z-groupbox-content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 28px !important;
  max-height: 28px !important;
  white-space: nowrap;
  gap: 4px;

  max-width: 100% !important;
}

.groupboxpendencias .z-groupbox-content > span {
  flex: 0 0 auto;
  white-space: nowrap;
  position: relative !important;
  float: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.boxborderpainel {
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);   
}

.z-tabs[idParts="pgCtrlListaEntradas"] {
  min-height:0px !important;
  height: 0px !important;
}

.box-radius-button {
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);   
    border-color: #ddd !important;
 }
 


/* Carteiras */
.z-tabs[idParts="pgcCarteiras"] {
  min-height:0px !important;
  height: 0px !important;
}
.box-button {
   border-bottom-color: #ddd !important;
   border-left-color: #ddd !important;
   border-top-color: #ddd !important;
   border-right-color: #ddd !important;
   border-style: solid !important;
   border-width: 1px !important;
   border-top-left-radius: 4px !important;
   border-top-right-radius: 4px !important;
   border-bottom-right-radius: 4px !important;
   border-bottom-left-radius: 4px !important;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);   
   border-color: #0CAFAC !important;
}
.box-button:hover {
  opacity: 0.7; 
  border-color: #ffffff !important; 
}
.tab-button-caption:hover {
    color: black !important;
}
/* Target mais específico para a listbox de carteiras */
div[idtest="grdCarteiras"].z-listbox .z-listcell > .z-listcell-content {
   padding: 0px !important;
   border-bottom: 1px solid #ddd !important;
   height: auto !important;
   min-height: 0px !important;
}
/*
.vbox-faixa {
   display: flex;
   flex-direction: column;
   gap: 0px;
   padding: 0px 0px;
   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
   border-left: 3px solid #6A5AE0;
   box-shadow: 1px 1px 3px rgba(126, 112, 112, 0.1);
   margin: 0px 0;
   min-width: 120px;
   height: 100%;
   align-self: stretch;
   */
   /* Curvatura elegante para a borda esquerda */
   /*
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
}
 */
   .vbox-faixa {
   display: flex;
   flex-direction: column;
   gap: 0px;
   padding: 0px 0px;
  /* background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);*/
   border-left: 3px solid #6A5AE0;
   border-radius: 0 8px 8px 0;
   box-shadow: 1px 1px 3px rgba(126, 112, 112, 0.1);
   margin: 0px 0;
   min-width: 120px;
   height: 100%;
   align-self: stretch;
   
   /* Adiciona curvatura específica para a borda esquerda */
   border-top-left-radius: 6px;    /* Curvatura no canto superior esquerdo */
   border-bottom-left-radius: 6px; /* Curvatura no canto inferior esquerdo */
}

/* Estilo base para status em formato pílula */
.status-carteira {
   font-size: 8pt !important;
   font-weight: bold !important;
   color: #fff !important;
   padding: 4px 12px !important;
   border-radius: 9999px !important;
   display: inline-block !important;   /* garante formato do conteúdo */
   line-height: normal !important;     /* evita achatamento */
   text-align: center !important;
   white-space: nowrap !important;     /* não quebra a linha */
   min-width: fit-content !important;  /* adapta ao texto */   
}

/* Status ATIVA → verde */
.status-carteira-ativa {
   background-color: #0CAFAC !important;
}
/* Status INATIVA ou outros → laranja */
.status-carteira-inativa {
   background-color: #FF8C00 !important;
}
/* Status DISPONIVEL → azul */
.status-carteira-disponivel {
   background-color: #00A65A !important;
}

/* Remove padding do tabpanel dentro de z-tabpanels */
.z-tabpanels .tftabsheet.tabvendedores-contentpane {
    padding: 0 !important;
}

smart-combo-box {
    min-height: 10px !important;
    height: 21px !important;

}
.z-comboex{
    min-height: 10px !important;
    height: 24px !important;
}

smart-combo-box .smart-input{
   min-height: 10px !important;
   font-size: 9pt !important;
   font-family: Tahoma, sans-serif;
   margin: 0px !important;
}

/*Pre-Pedido*/
.vboxcaixaprepedido {        
    background-color: #FF8C00 !important;       
    border-radius:5px;    
}

.vboxcompprepedido {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompprepedido {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pré-pedidos aprovados */
.vboxcaixaprepedidosaprovados {        
    background-color: #F6BD0F !important;       
    position:absolute;
    top:-160px;
    left:10px;
    border-radius:5px;    
}

.vboxcompprepedidosaprovados {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompprepedidosaprovados {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pendencias Liberadas */
.vboxcaixapendenciasliberadas {        
    background-color: #008E8E !important;       
    position:absolute;
    top:-160px;
    left:10px;
    border-radius:5px;    
}

.vboxcomppendenciasliberadas {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecomppendenciasliberadas {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pré pedidos recusados */
.vboxcaixaprepedidosrecusados {        
    background-color: #DD4B39 !important;       
    position:absolute;
    top:-160px;
    left:10px;
    border-radius:5px;    
}

.vboxcompprepedidosrecusados {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompprepedidosrecusados {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Gráfico Suas Vendas */
.vboxcaixagraficosuasvendas {        
    background-color: #008E8E !important;       
    position:absolute;
    top: -20px;
    left:10px;
    z-index: 1;
    border-radius:5px;    
}
 
.vboxcompgraficosuasvendas {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

/* Gráfico Funil */
.vboxcaixagraficofunil {        
    background-color: #1C7ED6 !important;       
    position:absolute;
    top: -20px;
    left:10px;
    z-index: 1;
    border-radius:5px;    
}
 
.vboxcompgraficofunil {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

/* Grafico Orçamentos em Andamento */
.vboxcaixagraficoorcand {        
    background-color: #1C7ED6 !important;       
    position:absolute;
    top: -20px;
    left:10px;
    z-index: 1;
    border-radius:5px;    
}

.vboxcompgraficoorcand {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

/* Grafico temperatura dos orçamentos ativos*/

.vboxcaixagraficotmporcat {
    background-color: #1C7ED6 !important;       
    position:absolute;
    top: -20px;
    left:10px;
    z-index: 1;
    border-radius:5px;        
}

.vboxcompgraficotmporcat {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;    
}

/* Grafico Validade dos Orçamentos */
.vboxcaixagraficovalidorc {
    background-color: #1C7ED6 !important;       
    position:absolute;
    top: -20px;
    left:10px;
    z-index: 1;
    border-radius:5px;            
}

.vboxcompgraficovalidorc {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;    
}


/* Painel Leads */

/* Todos ativos */
.vboxcaixaleads {
    top:-115px;
    left:10px;
}

.vboxcaixaleadstodosativos {
    background-color: rgb(28, 126, 214) !important;
}

.vboxcomptodosleadsativos {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecomptodosleadsativos {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pendências Liberadas */
.vboxcaixaleadspendenciasliberadas {        
    background-color: #00A65A !important;       
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;    
}

.vboxcompleadspendenciasliberadas {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompleadspendenciasliberadas {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pendencias em Análise */
.vboxcaixapendenciasemanalise {        
    background-color: #F6BD0F !important;       
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;    
}

.vboxcomppendenciasemanalise {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecomppendenciasemanalise {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pendências recusadas */
.vboxcaixapendenciasrecusadas {        
    background-color: #DD4B39 !important;       
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;    
}

.vboxcomppendenciasrecusadas {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecomppendenciasrecusadas {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Perdidos */
.vboxcaixaperdidos {        
    background-color: #DD4B39 !important;       
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;    
}

.vboxcompperdidos {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompperdidos {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Faturados */
.vboxcaixafaturados {        
    background-color: #004080 !important;   
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;        
}

.vboxcompfaturados {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompfaturados {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Aguarda Liberação */
.vboxcaixaaguardaliberacao {        
    background-color: #FF8C00 !important;   
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;        
}

.vboxcompaguardaliberacao {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompaguardaliberacao {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Liberado Pode Alterar */
.vboxcaixaliberadopodealterar {        
    background-color: #008E8E !important;   
    position:absolute;
    top:-115px;
    left:10px;
    border-radius:5px;            
}

.vboxcompliberadopodealterar {
    background-color: white !important;
    border-bottom-color: #ddd !important;
    border-left-color: #ddd !important;
    border-top-color: #ddd !important;
    border-right-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    min-height: 85px !important;
}

.hboxbasecompliberadopodealterar {
    border-top-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* Pré-Pedidos */

.vboxcaixacentralvp {
    top:-115px;
    left:10px;
}

/* Aguardando aprovação */
.vboxcaixacentralvpaguardaaprov {        
    background-color: #F6BD0F !important;       
}

.vboxcompcentralvpaguardaaprov {
    background-color: white !important;  
}

.hboxbasecompcentralvpaguardaaprov {
    border-top-color: #ddd;  
}

/* Aguarda Fazer Pedido */
.vboxcaixacentralvpaguardafazerpedido {        
    background-color: #00A65A !important;       
}

.vboxcompcentralvpaguardafazerpedido {
    background-color: white !important;  
}

.hboxbasecompcentralvpaguardafazerpedido {
    border-top-color: #ddd;  
}

/* Recusadas */
.vboxcaixacentralvprecusadas {        
    background-color: #DD4B39 !important;       
}

.vboxcompcentralvprecusadas {
    background-color: white !important;  
}

.hboxbasecompcentralvprecusadas {
    border-top-color: #ddd;  
}

/* Pedido Efetuado */
.vboxcaixacentralvppedidoefetuado {        
    background-color: #f57749 !important;       
}

.vboxcompcentralvppedidoefetuado {
    background-color: white !important;  
}

.hboxbasecompcentralvppedidoefetuado {
    border-top-color: #ddd;  
}

/* Pedido aprovado */
.vboxcaixacentralvppedidoaprovado {        
    background-color: #0a780a !important;       
}

.vboxcompcentralvppedidoaprovado {
    background-color: white !important;  
}

.hboxbasecompcentralvppedidoaprovado {
    border-top-color: #ddd;  
}

/* Pedido Chegou */
.vboxcaixacentralvppedidochegou {        
    background-color: #008E8E !important;       
}

.vboxcompcentralvppedidoechegou {
    background-color: white !important;  
}

.hboxbasecompcentralvppedidochegou {
    border-top-color: #ddd;  
}

/* Liberar Itens Pedidos a excluir */
.vboxcaixacentralvpliberaritensexc {        
    background-color: #FF8C00 !important;       
}

.vboxcompcentralvpliberaritensexc {
    background-color: white !important;  
}

.hboxbasecompcentralvpliberaritensexc {
    border-top-color: #ddd;  
}

/*                 Clientes Especiais                    */

.vboxcaixaclientesespeciais {
    top:-115px;
    left:10px;
}

/* Desconto Especial */
.vboxcaixadescontoespecial {        
    background-color: #DC3545 !important;       
}

.vboxcompdescontoespecial {
    background-color: white !important;  
}
 
.hboxbasecompdescontoespecial {
    border-top-color: #ddd;  
}

/* Condição Pagto */
.vboxcaixacondicaopagto {        
    background-color: #F6BD0F !important;       
}

.vboxcompcondicaopagto {
    background-color: white !important;  
}
 
.hboxbasecompcondicaopagto {
    border-top-color: #ddd;  
}

/* Usa Preço Fábrica */
.vboxcaixausaprecofabrica {        
    background-color: #007BFF !important;       
}

.vboxcompusaprecofabrica {
    background-color: white !important;  
}
 
.hboxbasecompusaprecofabrica {
    border-top-color: #ddd;  
}


/* Usa Preço Garantia */
.vboxcaixausaprecogarantia {        
    background-color: #FF8C00 !important;       
}

.vboxcompusaprecogarantia {
    background-color: white !important;  
}
 
.hboxbasecompusaprecogarantia {
    border-top-color: #ddd;  
}

/* Reserva automática */
.vboxcaixareservaautomatica {        
    background-color: #008E8E !important;       
}

.vboxcompreservaautomatica {
    background-color: white !important;  
}
 
.hboxbasecompreservaautomatica {
    border-top-color: #ddd;  
}

/* Tempo de reserva adicional */
.vboxcaixatemporeservaadic {        
    background-color: #17A2B8 !important;       
}

.vboxcomptemporeservaadic {
    background-color: white !important;  
}
 
.hboxbasecomptemporeservaadic {
    border-top-color: #ddd;  
}

/* Pré-Pedido automático */
.vboxcaixaprepedidoautomatico {        
    background-color: #00A65A !important;       
}

.vboxcompprepedidoautomatico {
    background-color: white !important;  
}
 
.hboxbasecompprepedidoautomatico {
    border-top-color: #ddd;  
}

/*                   Ficha do Cliente                 */
.vboxcaixafichacliente {
    top:-115px;
    left:10px;
}

/* Total Geral Vendas */
.vboxcaixatotalgeralvendas {        
    background-color: #007BFF !important;       
}

.vboxcomptotalgeralvendas {
    background-color: white !important;  
}
 
.hboxbasecomptotalgeralvendas {
    border-top-color: #ddd;  
}

/* Varejo e Atacado */
.vboxcaixavarejoatacado {        
    background-color: #008E8E !important;       
}

.vboxcompvarejoatacado {
    background-color: white !important;  
}
 
.hboxbasecompvarejoatacado {
    border-top-color: #ddd;  
}

/* Oficina */
.vboxcaixaoficina {        
    background-color: #FF8C00 !important;       
}

.vboxcompoficina {
    background-color: white !important;  
}
 
.hboxbasecompoficina {
    border-top-color: #ddd;  
}

/* Veiculos */
.vboxcaixaveiculos {        
    background-color: #004080 !important;       
}

.vboxcompveiculos {
    background-color: white !important;  
}
 
.hboxbasecompveiculos {
    border-top-color: #ddd;  
}

/*                    FUNIL DE VENDAS                  */
.hboxcenterpainelinicial {
    border-radius: 3px 0 0 3px;
    background-image: linear-gradient(-80deg, #AAA8A8, #FFFFFF);
}

.hboxfunilright {
    border-style: solid;
    border-width: 35px 0 35px 12px;
    border-color: transparent transparent transparent #AAA8A8;   
}

.hboxfunilleft {  
    border-style: solid;
    border-width: 35px 0 35px 12px;
    border-color: transparent transparent transparent white;      
}

.hboxcenterpainel {
    background-image: linear-gradient(-80deg, #AAA8A8, #FFFFFF);
}

.hbpainelpecas {
    background-color: #008E8E;
}

.hbpainelborderradius {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;        
}

.hboxtodositens{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxtodositens:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxreservatotal{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxreservatotal:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxreservaparcial{
    border-left: 0px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxreservaparcial:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}


.hboxsemreserva{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxsemreserva:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxcomreserva{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxcomreserva:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxtodosfaltaestoque{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxtodosfaltaestoque:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxsempedidocompra{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxsempedidocompra:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxcompedidocompra{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxcompedidocompra:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxaguardaaprovacao{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxaguardaaprovacao:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxaguardafazerpedido{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxaguardafazerpedido:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxfaltaentregar,
.hboxfaltadevolver,
.hboxentregues,
.hboxdevolvidos{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxfaltaentregar:hover,
.hboxfaltadevolver:hover,
.hboxentregues:hover,
.hboxdevolvidos:hover{
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxpedidofeito{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxpedidofeito:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxpedidochegou{
    border-left: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxpedidochegou:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxrecusado{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0px;
    border-color: silver;
}

.hboxrecusado:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxsolicitouexclusao{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxsolicitouexclusao:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxexclusaoliberada{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxexclusaoliberada:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

/* Venda markup*/
.hboxminhaspendencias{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxminhaspendencias:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxoutraspendencias{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxoutraspendencias:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxtodaspendencias{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxtodaspendencias:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}


/* Painel Gerencial */

.hbbuttonleftradius {
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;    
    border-style: solid;
    border-width: 1px;        
}

.hbbuttonrightradius {
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-right-width: 1px;    
    border-top-width: 1px;    
    border-bottom-width: 1px;    
    border-left-width: 1px;    
}

.hbgraforcandbuttonvlrorc {
    border-color: silver;
}

.hbgraforcandbuttonvlrorc:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgraforcandbuttonqtde {    
    border-color: silver;
}

.hbgraforcandbuttonqtde:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafvalidorcbuttonvlrorc {
    border-color: silver;
}

.hbgrafvalidorcbuttonvlrorc:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafvalidorcbuttonqtde {
    border-color: silver;
}

.hbgrafvalidorcbuttonqtde:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafvendault6meses {
    border-color: silver;
}

.hbgrafvendault6meses:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafperdult30dias {
    border-color: silver;
}

.hbgrafperdult30dias:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafperdult60dias {
    border-color: silver;
}

.hbgrafperdult60dias:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafvendault12meses {
    border-color: silver;
}

.hbgrafvendault12meses:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

/* Gerenciamento estoque */
.vboxcaixagerest {
    top:-115px;
    left:10px;
}

.vboxcaixagerestcustorep {
    background-color: rgb(28, 126, 214) !important;
}

.vboxcompgerestcustorep {
    background-color: white !important;  
}

.hboxbasecompgerestcustorep {
    border-top-color: #ddd;  
}

.vboxcaixagerestoficial {
    background-color: #007BFF !important;
}

.vboxcompgerestoficial {
    background-color: white !important;  
}

.hboxbasecompgerestoficial {
    border-top-color: #ddd;  
}

.vboxcaixagerestparalela {
    background-color: #F6BD0F !important;
}

.vboxcompgerestparalela {
    background-color: white !important;  
}

.hboxbasecompgerestparalela {
    border-top-color: #ddd;  
}

.vboxcaixagerestempromocao {
    background-color: #FF8C00 !important;
}

.vboxcompgerestempromocao {
    background-color: white !important;  
}

.hboxbasecompgerestempromocao {
    border-top-color: #ddd;  
}

.vboxcaixagerestbloqueadas {
    background-color: #DD4B39 !important;
}

.vboxcompgerestbloqueadas {
    background-color: white !important;  
}

.hboxbasecompgerestbloqueadas {
    border-top-color: #ddd;  
}

.vboxcaixagerestvendamenorcusto {
    background-color: #00A65A !important;
}

.vboxcompgerestvendamenorcusto {
    background-color: white !important;  
}

.hboxbasecompgerestvendamenorcusto {
    border-top-color: #ddd;  
}

.vboxcaixagerestsituacoesesp {
    background-color: #008E8E !important;
}

.vboxcompgerestsituacoesesp {
    background-color: white !important;  
}

.hboxbasecompgerestsituacoesesp {
    border-top-color: #ddd;  
}

.hbgrafqtdeitens {
    border-color: silver;
}

.hbgrafqtdeitens:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgrafqtdeestoque {
    border-color: silver;
}

.hbgrafqtdeestoque:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbitensrotativ {
    border-color: silver;
}

.hbitensrotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbbuttoncentertradius {
    border-style: solid;
    border-width: 1px;        
}

.hbestoquerotativ {
    border-color: silver; 
}

.hbestoquerotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;     
}

.hbcustorotativ {
    border-color: silver;
}

.hbcustorotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}


.hbtodositensrotativ {
    border-color: silver;
}

.hbtodositensrotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbempromocaorotativ {
    border-color: silver;
}

.hbempromocaorotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbsempromocaorotativ {
    border-color: silver;
}

.hbsempromocaorotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbsemrecomprarotativ {
     border-color: silver;
}

.hbsemrecomprarotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbbloqueadarotativ {
     border-color: silver;
}

.hbbloqueadarotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbnaobloqueadarotativ {
     border-color: silver;
}

.hbnaobloqueadarotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}
    
.hbemrecomprarotativ {
     border-color: silver;
}

.hbemrecomprarotativ:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbitenscurvaabc {
    border-color: silver;
}

.hbitenscurvaabc:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbestoquecurvaabc {
    border-color: silver; 
}

.hbestoquecurvaabc:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;     
}

.hbcustocurvaabc {
    border-color: silver; 
}

.hbcustocurvaabc:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;     
}

.hbcustocontabilcurvaabc {
    border-color: silver; 
}

.hbcustocontabilcurvaabc:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;     
}

.hbqtdecurvapareto {
    border-color: silver;
}

.hbqtdecurvapareto:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbvalorcurvapareto {
    border-color: silver;
}

.hbvalorcurvapareto:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbqtdeclientespareto {
    border-color: silver;
}

.hbqtdeclientespareto:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbvarejo {
    border-color: silver;
}

.hbvarejo:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbatacado {
    border-color: silver;
}

.hbatacado:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hbgarantia {
    border-color: silver;
}

.hbgarantia:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxtodositensdescacima{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxtodositensdescacima:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}


.hboxpercdescabaixodesejado{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxpercdescabaixodesejado:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}

.hboxfiltrovendas,
.hboxfiltropecas, 
.hboxfiltroatacado, 
.hboxfiltrovarejo,
.hboxfiltrooficina{
    border-left: 1px;    
    border-right: 1px;    
    border-style: solid;
    border-width: 1px;
    border-left-width: 1px;
    border-color: silver;
}

.hboxfiltrovendas:hover,
.hboxfiltropecas:hover, 
.hboxfiltroatacado:hover, 
.hboxfiltrovarejo:hover,
.hboxfiltrooficina:hover{
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #adadad;
}


.hboxordenadoporcodigo
.hboxordenadoporsequencia{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;    
    border-style: solid;
    border-width: 1px;    
    border-color: silver;
}

.hboxordenadoporcodigo:hover,
.hboxordenadoporsequencia:hover {
    color: #333;
    background-color: #ddd;
    border-color: #adadad;
}
/* FrmCentralPendenciaA - Início */

  .vboxcaixacentral {
    top:-115px;
    left:10px;
  }

  .caixaComBordaSuperior {
      border-top-color: #ddd;
    }

  .caixaComFundoBranco {
    background-color: white !important;
  }

  /* Todas - Início */

  .vboxcaixacentraltodas {
    background-color: #1c7ed6 !important;
  }

  /* Todas - Fim */

  /* Liberadas - Início */

  .vboxcaixacentralpendenciasliberadas {
    background-color: #00A65A !important;
  }

  /* Liberadas - Fim */

  /* Em análise - Início */

  .vboxcaixacentralpendenciasemanalise {
    background-color: #F6BD0F !important;
  }

  /* Em análise - Fim */

  /* Recusadas - Início */

  .vboxcaixacentralpendenciasrecusadas {
    background-color: #DD4B39 !important;
  }

  /* Recusadas - Fim */

  /* Liberadas Faturadas - Início */

  .vboxcaixacentralpendenciasliberadasfaturadas {
    background-color: #0008d4 !important;
  }

  /* Liberadas Faturadas - Fim */

/* FrmCentralPendenciaA - Fim */

.vboxacaoentradateste:hover {
    background-color: #30F1ED !important;
}

.vboxacaoentradateste {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    /*color: rgba(255,255,255,.8);*/
    font.color: #FFFFFF
    color: #0CAFAC;
    background-color: #0CAFAC;
    border-color: #0CAFAC !important;
}
.vboximginfo{
    animation: piscar 1s infinite !important;
}

@keyframes piscar {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

.z-signature {
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

.z-signature-canvas {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.z-combobox-input{
	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.z-combobox-button{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}