/* GERAIS */
.bg-primary-color {
  background-color: #fff;
}

.bg-color {
  background-color: #c2c4c4;
}

.bg-secondary-color {
  background-color: #ece8e2;
}

.primary-color {
  background-color: #c2c4c4;
}

/* NAVBAR */
.navbar {
    height: 7em;
    background-image: url("../../imagens/templatemo_header.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%;    
}
 
.navbar {
  border-bottom: 1px solid #7a7a7a;
}

.navbar a {
  color: #000000;
}

.navbar a:hover {
  color: #ffffff;
}

.navbar a.active {
  color: #ffffff;
}

.footer {
    height: 4em;
    background-image: url("../../imagens/templatemo_footer.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%;  
}

.logo {
    margin-left:0.6em;
    font-size:1.2em;
}

.menuprinc {
    font-size:0.8em;
}

.opbusca, #filter {
    font-size:0.9em;
}

#filter {
    background:#aaaaaa;
 /*   width: max-content; */
    position: absolute;   
    top:8em;
}

#divcategorias{
    overflow: scroll;
 /*   width: max-content; */
    height:12em; 
    border: 1px solid #9e9ea0; 
    padding-left: .3em;
    display:block;
    background-color: #e5e6e5;
}

#divraio{
 /*   width: max-content; */
    background-color: #e5e6e5;
    padding-left: .3em;    
}

#divcidbai{
    border: 1px solid #9e9ea0;
    background-color: #e5e6e5;
    padding: 0 0 .8em .3em;
/*    width: max-content; */
}

.btnfiltro {
    padding:0;  
}

.iconfiltro {
    color:#000000;    
}

@media (min-width: 768px) {
    .logo {
        margin-left:5em;
        font-size:2em;
    }    

    .menuprinc {
        font-size:1em;
    }

    .navbar a.menuprinc:hover {
      background: none !important;
      color: inherit !important;
      text-decoration: none !important;
    }
    
    .opbusca {
        display: flex;
    }

    .opbusca, #filter {
        font-size:1em;
    }

}


.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

.dropdown-menu {
  max-height: 200px; 
  overflow-y: auto;
}
.form-check-label {
  width: 100%;
  cursor: pointer;
}
.form-check-input {
  cursor: pointer;
}
.btn-white {
  background-color: #fff;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #f8f9fa;
}

.btn-auto-width {
  width: max-content;
  max-width: 100%; /* Para evitar estouro do container */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}        

.select-auto-width {
  display: inline-block;
  width: auto;
  max-width: 100%;           /* Limita ao tamanho da tela */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}    

.dropdown-item.active {
  background-color: #e9ecef;  /* tom leve */
}        

/* Fundo evidente para o item ativo */
.dropdown-item.active,
.dropdown-item:focus {
  background-color: #0d6efd !important; /* azul Bootstrap */
  color: #fff !important;               /* texto branco */
}    

#cidadeDropdownButton {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100vw;
  display: inline-block;
  width: auto;
}

.cabecfiltro{
    display: flex;
    justify-content: space-between;
}

#fechafil{
    color: #000000;
    cursor:pointer; 
    text-decoration: none;
}

#fechafil a:hover {
  color: #ffffff;
}

#rpesq {
    display: flex; 
    align-items: flex-start; 
    margin-bottom: 20px;   
}

.auto-expand-dropdown {
    max-height: none !important; /* Remove limite de altura */
    overflow-y: visible !important; /* Não permite barra de rolagem */
    white-space: normal; /* Quebra de linha permitida */
}
  
.flat-input {
  padding-top:   0 !important;
  padding-bottom:0 !important;
  height:        2.2rem  !important; /* ajuste a gosto */
  min-height:    1.5rem  !important;
  line-height:   1.2     !important;
}