@font-face {
    font-family: 'BROmny';
    src: url('https://educ.rec.br/educarecife/assets/repositorio_filtro/font/BROmny-Regular.ttf');
}

.disableCategory{
  display: none;
}
.divFilterJs {
    display: inline-block;
    margin-left: 5px;
     font-family: 'BROmny';
  }
.labelFilterJs {
    display: block;
    color: white;
    text-align: center;
    font-family: 'BROmny';
  }
.btnFilterJs{
      margin-top: 10px;
      width: 70px;
      height: 40px;
      background-color: #f0692c;
      color: white;
      border: 0;
      padding: 0;
      margin: 5px;
      border-radius: 3px;    
      font-family: 'BROmny';
  }
.mainDiv{
display: block;
}    
.center_elements{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
    font-family: 'BROmny';
  }    
  
.btnFilterJs:hover{
    background-color: #0285f0;
     font-family: 'BROmny';
    cursor: pointer;    
     
 }

 @media screen and (max-width: 320px)  { 
    .divFilterJs-mobile {
        display: block;
        margin-left: 5px;
        width: 80%;
      }
      .center_elements{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
         font-family: 'BROmny';
       }   

}

@media screen and (max-width: 481px)  {

    .divFilterJs-mobile {
        display: block;
        margin-left: 5px;
        width: 80%;
      }
      .center_elements{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
         font-family: 'BROmny';
       }  
}
@media screen and (max-width: 641px) {

    .divFilterJs-mobile {
        display: block;
        margin-left: 5px;
        width: 80%;
      }
      .center_elements{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
         font-family: 'BROmny';
       }


}