body {
  background-image: url("../img/databitoriginal-escura.jpg");
  margin: 0;
  padding: 0;
  height: 100%;
  /* Garante que o body ocupe 100% da tela */
  overflow: hidden;
  /* Remove a rolagem da página principal */
}

.div-geral {
  margin-left: 2vw;
  margin-right: 2vw;
  height: 100vh;
  /* 100% da altura da tela */
}

h2 {
  color: white;
}

.filter {
  border-radius: 15px;
  border: 1px solid blue;
}

.form-control {
  border-radius: 15px;
}

.form-group {
  display: flex;
}

.btn-reset {
  margin-bottom: 2px;
  border-radius: 15px;
  border: none;
  background-color: rgb(142, 142, 240);
  color: white;
  width: 5vw;
  height: 1.5vw;
  box-shadow: 1px 2px white;
  margin-top: 0.3vw;

  font-size: 16px;
  max-width: 100%;
  /* Limita o tamanho máximo do botão */
  white-space: nowrap;
  /* Impede que o texto quebre em várias linhas */
  overflow: hidden;
  /* Esconde o texto que ultrapassa os limites do botão */
  text-overflow: ellipsis;
  /* Adiciona "..." quando o texto é cortado */
  box-sizing: border-box;
  /* Garante que o padding e border sejam inclusos no tamanho total */
  display: inline-block;
  /* Garante que o botão se ajuste ao conteúdo */
}

.btn-selecionados {
  border-radius: 15px;
  background-color: orange;
  margin-top: 3px;
  margin-left: 3px;
  border: none;
  color: blue;
  position: sticky;
  z-index: 1;
  width: 5vw;
  box-shadow: 1px 2px white;

  font-size: 16px;
  max-width: 100%;
  /* Limita o tamanho máximo do botão */
  white-space: nowrap;
  /* Impede que o texto quebre em várias linhas */
  overflow: hidden;
  /* Esconde o texto que ultrapassa os limites do botão */
  text-overflow: ellipsis;
  /* Adiciona "..." quando o texto é cortado */
  box-sizing: border-box;
  /* Garante que o padding e border sejam inclusos no tamanho total */
  display: inline-block;
  /* Garante que o botão se ajuste ao conteúdo */
}

.cabecalho-tab {
  display: table-column;
}

.fa {
  background-color: rgb(242, 212, 156);
  cursor: pointer;
  border-radius: 20px;
}

.acoes-rodape {
  display: flex;
  justify-content: space-between;
  /* Garante que os itens fiquem nas extremidades */
  align-items: center;
  /* Alinha verticalmente */
  width: 100%;
  padding: 10px;
  /* Opcional, para espaçamento interno */
}

.input-rodape,
.btn-rodape {
  display: inline-block;
  /* Mantém os dois elementos agrupados */
  border-radius: 20px;
  border: none;
  box-shadow: 1px 2px white;
  background-color: rgb(166, 241, 134);
}

.btn-listar {
  display: inline-block;
  /* Mantém os dois elementos agrupados */
  border-radius: 20px;
  border: none;
  box-shadow: 1px 2px white;
  background-color: rgb(240, 221, 78);
  margin-left: 1rem;
}

.btn-exp {
  display: inline-block;
  /* Mantém os dois elementos agrupados */
  border-radius: 20px;
  border: none;
  box-shadow: 1px 2px white;
  background-color: rgb(38, 246, 66);
  margin-left: 1rem;
}

.input-rodape {
  margin-right: 10px;
  /* Espaçamento entre o input e o botão */
}

.btn-sair {
  margin-left: auto;
  /* Empurra o botão 'Sair' para a direita */
  border-radius: 20px;
  background-color: rgb(244, 139, 139);
  box-shadow: 1px 2px white;
  border: none;
  white-space: nowrap;
  /* Impede que o texto quebre em várias linhas */
  overflow: hidden;
  /* Esconde o texto que ultrapassa os limites do botão */
  text-overflow: ellipsis;
  /* Adiciona "..." quando o texto é cortado */
  box-sizing: border-box;
  /* Garante que o padding e border sejam inclusos no tamanho total */
}

.input-rodape::placeholder {
  text-align: center;
  /* Garante que o texto do placeholder siga o alinhamento */
  color: gray;
  /* Opcional: altera a cor do placeholder */
}

.dropdown {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
  width: calc(100% - 10px);
  /* Ajuste de largura para não cortar */
  max-height: 200px;
  overflow-y: auto;
  z-index: 10000;
  /* Garantir que a lista fique na frente de tudo */
  padding: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  /* Distância entre o input e a lista */
}

.vlrembalagem {
  border-radius: 20px;
  margin-left: 1rem;
  width: 5rem;
  height: 1.5rem;
  font-size: 12px;
  border: none;
  background-color: #ddd;
  text-align: center;
}

.R-reservado {
  color: red;
  font-weight: bold;
}

.qtdeSerie {
  color: white;
  margin-right: 1rem;
}

.div-reset {
  float: right;
}

.labelTabPreco{
  color: white;
}

.btn-preco{
  background-color: orange;
  border-radius:  20px;
  box-shadow: 1px 2px white;
  border: none;
  margin-left: 1rem;
}