* {
  margin: 0;
  padding: 0;
}

body {
  box-sizing: border-box;
  background: #ffffff;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
}

label[for="floatingSelect"],
a {
  text-decoration: none;
  font-size: 16px;
  padding: 15px;
  color: #6d650d;
}

/*#dt-length-0 {
 
  order: 2;
  font-size: 16px;
  font-weight: 400;
  margin-left: 10px;
}

.dt-layout-cell.dt-start {
  display: flex;
  justify-content: flex-start;
  flex-grow: 1, 2;
}
.dt-layout-cell.dt-end {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1, 2;
}*/

.dt-layout-row {
  /*display: flex;
  justify-content: space-around;*/
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

/*label[for="dt-search-0"],
label[for="dt-length-0"] {
    font-size: 16px;
  font-weight: 400;
}


input[id="dt-search-0"] {
  box-sizing: border-box;
  width: 70%;
  border: 3px solid currentColor;
  padding: calc(var(--size-bezel) * 1.5) var(--size-bezel);
  color: currentColor;
  background: transparent;
  border-radius: var(--size-radius);
  font-size: 16px;
  font-weight: 400;
}
*/

.box-filtro {
  /*position: relative;*/
  margin: 20px 5px;
  padding: 2px;
  border-radius: 5%;
  border: 1px solid;
  background: #ffffff;
  font-size: 16px;
  color: red;
  width: fit-content;
  cursor: pointer;
  /*z-index: -10;*/
}

.box-filtro:after {
  display: inline-block;
  content: "\00d7";

  /* This will render the 'X' */
}

.box-filtros {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #ffffff;
  z-index: 0;
}

/* Estilo para a imagem no cabeçalho */
.header-image {
  width: 100%; /* Ajuste conforme necessário */
  max-width: 300px; /* Ajuste conforme necessário */
  display: block;
  margin: 0 auto 20px; /* Centralizar imagem com margem inferior */
}
.container {
  max-width: 400px; /* Largura máxima do container */
  margin: 50px auto; /* Centralizar verticalmente e horizontalmente */
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
  text-align: center; /* Centralizar o título */
  margin-bottom: 20px; /* Margem inferior do título */
}

.marca {
  border-radius: 50%;
}

/* Alterar a cor do texto do botão .btn-primary */
.btn-primary {
  color: #6d650d;
}

/* Alterar a cor de fundo do botão .btn-primary */
.btn-primary {
  background-color: #ffd700;
  border-color: #ffd700; /* Se você quiser alterar a cor da borda também */
}

/* Alterar a cor de fundo do botão .btn-primary quando está sendo clicado */
.btn-primary:active,
.btn-primary:focus {
  background-color: #d4af37; /* Exemplo de cor dourada escura */
  border-color: #d4af37; /* Se você quiser alterar a cor da borda também */
}

.btn-secondary {
  color: #6d650d;
}

/* Alterar a cor de fundo do botão .btn-primary */
.btn-secondary {
  background-color: #bcb494;
  border-color: #bcb494; /* Se você quiser alterar a cor da borda também */
}

/* Alterar a cor de fundo do botão .btn-primary quando está sendo clicado */
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #bcb494; /* Exemplo de cor dourada escura */
  border-color: #bcb494; /* Se você quiser alterar a cor da borda também */
}

.navbar {
  background-color: #f1efe4;
  border-color: #6d650d;
}

label,
h1,
h2,
h3,
h4 {
  color: #6d650d;
}

/* Alterar as cores das linhas alternadas em .table-striped */
.table tbody tr:nth-of-type(odd) {
  background-color: #f1efe4; /* Cor para linhas ímpares */
}

.table tbody tr:nth-of-type(even) {
  background-color: #bcb494; /* Cor para linhas pares */
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
  height: 100%;
}

.accordion-button:not(.collapsed) {
  background-color: #6d650d;
  color: white;
  border: #6d650d;
}
.accordion-button {
  color: black; /* Cor do botão quando não está selecionado */
  border: #6d650d;
}
.info {
  margin-bottom: 20px;
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%; /* Position above */
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.navbar-nav .nav-item {
  border-right: 1px solid #ddd;
}
.navbar-nav .nav-item:last-child {
  border-right: none;
}
.navbar-brand {
  margin-left: 10px;
}
.navbar {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}
.nav-link {
  padding-left: 20px;
  padding-right: 20px;
}
.navbar .d-flex {
  align-items: center;
}

/* Container principal */
.dt-layout-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f8f9fa; /* Cor de fundo leve */
    border-radius: 5px; /* Bordas arredondadas */
}

/* Células individuais */
.dt-layout-cell {
    display: flex;
    align-items: center;
    flex: 1;
}

/* Estilização da seleção de comprimento da tabela */
.dt-length {
    display: flex;
    align-items: center;
}

.dt-length select.dt-input {
    margin-right: 10px;
    padding: 5px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
}

/* Estilização do campo de pesquisa */
.dt-search {
    display: flex;
    align-items: center;
    flex: 1; /* Faz com que o contêiner de pesquisa ocupe todo o espaço disponível */
}

.dt-search label {
    margin-right: 10px;
    font-size: 14px;
}

.dt-search input.dt-input {
    padding: 5px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    flex: 1; /* Faz com que o input ocupe todo o espaço disponível dentro da div dt-search */
}

/* Estilos adicionais para ambos os elementos */
.dt-input {
    transition: border-color 0.2s;
}

.dt-input:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}