.loader {
      border: 16px solid #f3f3f3; /* Light grey */
      border-top: 16px solid #3498db; /* Blue */
      border-radius: 50%;
      width: 120px;
      height: 120px;
      animation: spin 2s linear infinite;
}

@keyframes spin {
      0% {
            transform: rotate(0deg);
      }

      100% {
            transform: rotate(360deg);
      }
}

summary::-webkit-details-marker {
      display: none
}

summary:after {
      float: left;
      font-weight: bold;
      padding: 0;
      text-align: center;
      width: 40px;
      left: 40px;
      margin-right: -5px;
      margin-bottom: 15px;
}


/* Estilização básica */
summary {
      cursor: pointer;
      font-weight: bold;
      position: relative;
      padding-left: 0.1em;
}

/* Ícone no primeiro details */
.summary-filtro::before {
      content: "";
      position: absolute;
      left: 0;
}

details[open] .summary-filtro::before {
      content: "(-)Ocultar ";
      font-size: 0.675rem; /* Equivalente ao texto sm do Bootstrap */
      color: blue;
      position: relative;
}

/* Ícone no segundo details */
.summary-mais-filtro::before {
      content: "+";
      position: absolute;
      left: 0;
}

details[open] .summary-mais-filtro::before {
      content: "-";
}




.show-span {
      cursor: pointer;
      color: #28a745; /* Cor para os spans de "mostrar" */
      font-weight: bold;
      margin-right: 15px;
}
.hidden {
      display: none;
}

.oval-button {
      display: inline-block;
      padding: 0.2rem 1.1rem; /* Define altura e largura */
      font-size: 1rem; /* Tamanho do texto */
      font-weight: bold; /* Texto em negrito */
      color: blue; /* Cor do texto */
      background-color: orange; /* Cor de fundo (laranja) */
      border: none; /* Remove a borda */
      border-radius: 95px; /* Cria o formato oval */
      cursor: pointer; /* Cursor de "mão" ao passar o mouse */
      transition: background-color 0.3s ease; /* Transição para hover */
      text-align: center;
}

      .oval-button:hover {
            background-color: #007bff; /* Cor ao passar o mouse */
      }
.oval {
      display: inline-block;
      padding: 0.1rem 0.6rem; /* Define altura e largura */
      font-size: 0.8rem; /* Tamanho do texto */
      font-weight: bold; /* Texto em negrito */
      color: blue; /* Cor do texto */
      background-color: orange; /* Cor de fundo (laranja) */
      border: none; /* Remove a borda */
      border-radius: 95px; /* Cria o formato oval */
      cursor: pointer; /* Cursor de "mão" ao passar o mouse */
      transition: background-color 0.3s ease; /* Transição para hover */
      text-align: center;
}
.roundt {
      border: 1px solid transparent !important;
      /*color: #fff !important;*/
      border-radius: 6px !important;
      text-decoration: none;
}

.round {
      border: 1px solid !important;
      /*color: #fff !important;*/
      border-radius: 6px !important;
      text-decoration: none;
}