.super-filter-pedido { float: right; }

.input-uppercase { text-transform: uppercase; }

.float-right {
  float: right;
}

.query-debug {
  border: 1px solid #CACA00;
  background-color: #FFFFCA;
}

.controle-icone, .controle-icone-contagem, .controle-icone-contagem-api, .controle-icone-contagem-clientes, .icon-alert { max-width: 20px; margin: 0 5px; }

.container-fluid { padding-top: 50px; }

h2.fbbreadcrumb { color: #008000 !important; }

.welcome-user { color: #9d9d9d; }

.footer { height: 80px; background-color: #333333; }

.ultimos-painel { width: 100% !important; }

.ultimos-painel { overflow: scroll; float: left; height: 500px; }
.ultimos-painel fieldset div table { width: 100%; }
.ultimos-painel fieldset div table tr th { background-color: #FFF; color: #333; }
.ultimos-painel fieldset div table tr th a { color: #333; }

.div-overflow {overflow: scroll;}

.left { float: left; }

.menu-modulo a { background-color: #158AFF; color: #FFF; padding: 10px 0; display: block; text-align: center; text-decoration:none; }

.link-painel { background-color: #E9E9E9 !important; margin-top: 10px; padding: 10px; text-align: center; width: 100%; }

.fb-tabela-dados { width: 100%; margin-bottom: 20px; }
.fb-tabela-dados tr th { padding: 7px 15px; background-color: #158AFF; color: #D9ECFF; white-space: nowrap;  }
.fb-tabela-dados tr td { padding: 7px 15px; background-color: #F2F9FF; color: #158AFF; white-space: nowrap;  }
.fb-tabela-dados tr th a { color: #FFFFFF;  }

.search-form { padding: 0 0 20px 0; width: 80%; border: 1px solid #e7e7e7; padding: 10px; margin: 10px 0; }
.search-form fieldset form div.input {}
.search-form fieldset form div.input label { color: #158AFF; padding: 10px 30px; width: 195px; white-space: nowrap; }
.search-form fieldset form div.input input.inputtext,
.search-form fieldset form div.input select
{ border:1px solid #CCCCCC; padding: 5px 2px; width: 250px; }
.search-form fieldset form div.input input.datepicker  { width: 150px; }
.search-form fieldset form div.input input.inputsubmit { padding: 10px 30px; font-size: 18px; float: right; border:1px solid #008000; background-color: #008000; color: #DFFFDF; }

.search-form fieldset form .group-fields {
  clear: all;
}

.search-form fieldset form .group-fields div.input {
    float: left !important;
    clear: right;
}

.search-form fieldset form .group-fields div.input:last-child {
  float: none !important;
}

.std-form { padding: 0 0 20px 0; width: 86% !important; /*margin-left: 58px !important;*/ border: 1px solid #e7e7e7; padding: 10px; margin: 10px 0; }
.std-form fieldset div.input { text-align: left; }
.std-form fieldset div.input label { color: #158AFF; padding: 5px 30px; width: 325px; white-space: nowrap; text-align: left; }
.std-form fieldset div.input input.inputtext,
.std-form fieldset div.input select
{ border:1px solid #CCCCCC; padding: 2px 2px; width: 250px; }
.std-form fieldset div.input input.datepicker  { width: 150px; }
.std-form fieldset div.input input.inputsubmit { padding: 10px 30px; font-size: 18px; float: right; border:1px solid #008000; background-color: #008000; color: #DFFFDF; }

.std-form fieldset .group-fields {
  clear: all;
}

.std-form fieldset .group-fields div.input {
    float: left !important;
    clear: right;
}

.std-form fieldset .group-fields div.input:last-child {
  float: none !important;
}

.inputReadOnly input { background-color: #F3F3F3; border: 1px solid #F3F3F3; }

.inputReadOnly .virtual-field { margin-left: 10px; margin-top: 2px; }

.table-data-itens-pedido .inputReadOnly .virtual-field {margin-left: 0; margin-top: 0;}

.table-data-itens-pedido .input input, 
.table-data-itens-pedido .input select 
{ border: 1px solid #F3F3F3; }

.edit-form { width: 100% !important; }
.edit-form fieldset form .input { float: none; }

.visualizar-pedido { 
    border: 1px solid #CCCCCC; 
    margin: 0; 
    width: 1094px !important;
    /*height: 720px !important;*/
}

.visualizar-pedido table { 
    border-spacing: 10px;
    border-collapse: separate;
}

.imp-orcamento
{  width: 100%; }

.dados td { padding: 5px; margin: 10px; }
.dados th { padding: 5px; margin: 10px; background-color: #9d9d9d; color: #FFF;  }

.separador th { font-size: 20px; color: #333333; border-bottom: 1px solid #e7e7e7; }

.paginacao { margin: 0 auto; padding: 20px 0; text-align: center; }

.paginacao a { padding: 1px 2px; margin: 0 2px; }

.results-form { width: 96%; }
.results-form .mensagem { text-align: center; color: #666666; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; }
.edit-form .mensagem { text-align: left; color: #008000; background-color: #D2FFD2; font-size: 14px; padding: 15px 10px; border: 1px solid #008000; margin-bottom: 10px; }

/*@media print {
  body * {
    visibility: hidden;
  }
  #printable, #printable * {
    visibility: visible;
  }
  #printable {
    position: fixed;
    left: 0;
    top: 0;
  }
}*/


.logo-login { /*max-width: 100px;*/ }
.logo-login img { max-width: 250px; }

.ultimos-painel { width: 50%; }
.ultimos-painel fieldset .results-form .fb-tabela-dados tr th,
.ultimos-painel fieldset .results-form .fb-tabela-dados tr td
{ padding: 2px 10px; }

.logo-sistema {  text-align: left; padding-bottom: 10px; }
.logo-sistema img { max-width: 130px; }

.nivo-caption { background-color: #004c66 !important; padding: 10px 10px !important; color: #FFF; }

.versao-fbweb { color: #666666; padding: 10px 20px; float: left; }

.selo-fbweb { padding: 10px 20px; float: right; }
.selo-fbweb a img { max-width: 116px; float: right; }

/*@media print {
  #print-pedido div table tr.dados td { padding: 5px; margin: 10px; }
  #print-pedido div table tr.dados th { padding: 5px; margin: 10px; background-color: #9d9d9d !important; color: #FFF;  }
  /*img { max-width: 130px !important; }*  
  #print-pedido { width: 100% !important;     
                  size: a5 landscape;
                  height: 210mm;
                  width: 148.5mm;
  }

  #print-pedido .logo-c1 { width: 60% !important; }
  #print-pedido .logo-c2 { width: 20% !important; }
  #print-pedido .logo-c2 { width: 20% !important; }

  #print-pedido .logo { width: 300px !important; }

  #print-pedido .barcode-img { width: 200px !important; }

  #print-pedido .c1 { font-size: 12px; }

  #print-pedido .itens-orc tr th, 
  #print-pedido .itens-orc tr td
  { font-size: 12px; }

  * {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari *
    color-adjust: exact !important;  /*Firefox*
  }
}*/

.mensagem-controle { padding: 2px 10px; margin: 22px 0; border: 1px solid #00a600; background-color: #ddffdd; color:  #00a600; }
.mensagem-controle-erro { padding: 2px 10px; margin: 22px 0; border: 1px solid #DF4B37; background-color: #FAE1DE; color:  #DF4B37; }

.mensagem-controle a { color:#00a600; }

.error-message { padding: 2px 10px; margin: 22px 0; border: 1px solid #DF4B37; background-color: #FAE1DE; color:  #DF4B37; }

.incluir-pedido { background-color: #FFF; border:1px solid #CCCCCC; width: 90%; height: 90%; margin: auto; display: none; }

.appearance-select{
   -webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   -moz-appearance: none; /* Remove estilo padrão do FireFox */
   appearance: none; /* Remove estilo padrão do FireFox*/
   background: url(http://www.webcis.com.br/images/imagens-noticias/select/ico-seta-appearance.gif) no-repeat #eeeeee;  /* Imagem de fundo (Seta) */
   background-position: 218px center;  /*Posição da imagem do background*/
   width: 250px; /* Tamanho do select, maior que o tamanho da div "div-select" */
   height:30px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
   border:1px solid #ddd;
}

/*.search-component { display: flex; }*/

.button-search-field, .search_field_link { float: left; }

.button-search-field label { padding: 0 5px 0 0; }

.grid-item .search-component { margin: 2px 0px; display: flex; }

.umVirtual { width: 150px !important; }
.item_desconto { width: 50px !important; }

.valor_stContainer, 
.valor_stCell, 
.valor_stCellValue, 
.valor_icmContainer, 
.valor_icmCell, 
.valor_icmCellValue, 
.valor_ipiContainer, 
.valor_ipiCell 
.valor_ipiCellValue 
{ display: none; }

.std-form .search-component { /*border: 1px solid #efefef;*/ margin: 2px 0px; clear:both; }
.std-form .search-component .input { float:left; }
.std-form .search-component .search_field_link { padding: 9px 2px; }

.totais-pedido {width: 110%; background-color: #CCC; color: #000; padding: 5px 10px; margin: 10px auto; text-align: right; }

.um { width: 30px !important; }

.link-button, 
.link-button:hover, 
.link-button:visited, 
.link-button:focus 
{ background-color: #666666; padding: 10px 20px; margin: 10px; color: #FFF; text-decoration: none; }

.table-legend { /*border: 1px solid #000;*/ padding: 5px 0; display: none; }
.table-legend .title { 

  position: relative;
  left: 10px;
  bottom: 5px;
  margin: 0px 16px 0px 0px;

}

.dot {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.ex {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  position: relative; /* Necessário para os pseudo-elementos */
}

.ex::before,
.ex::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: red;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
}

.ex::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.leg-yellow { background-color: yellow; }
.leg-green  { background-color: green; }
.leg-red    { background-color: red; }
.leg-orange { background-color: orange; }
.leg-blue   { background-color: blue; }
.leg-grey   { background-color: grey; }
.leg-purple { background-color: purple; }
.leg-black { background-color: black; }

/* Estilos básicos para o modal */
.leg-ped-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  padding-top: 60px;
}
.leg-ped-modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 36%;
}
.leg-ped-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.leg-ped-close:hover,
.leg-ped-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.leg-ped-color-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 10px;
}

.leg-ped-color-ex {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative; /* Necessário para os pseudo-elementos */
}

.leg-ped-color-ex::before,
.leg-ped-color-ex::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: red;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
}

.leg-ped-color-ex::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


.sinc-time { margin: 10px; padding: 10px; border: 1px solid #CCCCCC;  }

#see-legends { border: 1px solid #CCC; margin: 0px 0px; padding: 5px 10px; text-decoration: none; color: #333; }
.table-legend { margin: 5px 0px; border: 1px solid #CCC; padding: 10px 10px 4px 10px; }

.virtual-field { width: 200px; }

.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.9;
    z-index: 1040;    
}

#JPO {
  
  width: 300px;  
  background-color: #FFF;
  padding: 10px;

}

.title-alterar-modulo { background-color: #333333; width: 100%; padding: 2px 10px; color: #FFF; }

.valor_st {width: 70px;}
.cod_produto {width: 90px !important;}

.input-invalid { border: 1px solid red; }

.button-green input {

  padding: 10px 30px;
  font-size: 18px;
  float: right;
  border: 1px solid #008000;
  background-color: #008000;
  color: #DFFFDF;

}

.button-green input:hover {
  color: #DFFFDF;
}

#form-qry-api input[type=text], 
#form-bibi input[type=text] 
{ height: 24px; width: 100%; }

#form-qry-api .col-sm-4,
#form-bibi .col-sm-4  
{ width: 23%; }

.qry-api-td, .bibi-api-tr td, .qry-clientes-td, .cursor-pointer { cursor: pointer;}

#form-qry-api .button-green input, 
#form-bibi .button-green input 
{ height: 30px; padding: 4px 30px; }

.search-form-qry-api { border: 0; }

.results-form-contagem-1, .results-form-contagem-2 { width: 98.5%; max-height: 250px; }

.loading-gif { text-align: center; }
.loading-gif img { max-width: 30px; }

#selFilial { height: 107px; }

._filial { width: 100px; }

.campos-obrigatorios { color: #158AFF; padding: 10px 10px; }

.VirtualContainer label { display: none; }

.VirtualContainer.inputReadOnly { padding: 5px 5px; }

.estoques-filais { min-width: 156px; }

.estoques-filais th, 
.estoques-filais td 
{ white-space: nowrap; padding: 2px 5px !important; border: 1px solid #CCC; font-size: 10px; }

.estoques-filais th { color: #fff; background-color: #158AFF;}

.virtual-label { width: 0 !important; padding: 5px 0px !important;}
#form-endereco .std-form { width: 100% !important; }

#std-form-cliente-modal { width: 100% !important; }

.modal-header { background-color: #158AFF; color: #FFF; font-weight: bold; }
.modal-header .close { margin-top: -17px; }
.modal-title { font-weight: bold !important; }

.header-bar-info { background-color: #008000; padding: 5px 10px; border-radius: 5px; }
.label-warning { background-color: #F8DD48; padding: 5px 10px; border-radius: 5px; }

.link-ver-endereco, .link-ver-endereco:hover { margin-left: 10px; padding: 5px; background-color: #008000; color: #FFF; border-radius: 5px; text-decoration: none; }

.div-results-overflow { width: 100%; overflow-x: auto; }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/loading_icon.gif) center no-repeat rgba(255, 255, 255, 0);
}

.fa-exclamation-triangle { color: red; }

.card-valor {
  display: inline-block;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  padding: 12px 16px;
  font-family: 'Segoe UI', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin: 10px;
}

.card-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #555555;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

.card-erro {
  color: #dc3545;
  font-weight: bold;
}

.helper-text {
  font-size: 12px;
  color: #9aa0a6; 
  display: block;
  margin-bottom: 6px;
}