* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Montserrat', sans-serif;
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      /* Standardized font size */
      line-height: 1.6;
    }

    h5 {
      font-size: 16px;
      /* Standardizing the font size of headings */
      text-align: left;
      /* Ensuring text is aligned like others */
      margin: 0;
      /* Removing extra margins */
      padding: 8px 0;
      /* Standardized padding for heading */
    }

    .accordion-header button {
      font-size: 16px;
      color: #086CB4;
      font-family: 'Inter', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      padding: 0px;
      margin: 0px;
    }

    .accordion-body p {
      font-size: 16px;
      /* Standardizing paragraph font size */
    }

    .top-bar,
    td,
    th {
      border: 1px solid #A9A9A9;
      text-align: center;
      padding: 8px;
      font-size: 16px;
    }

    .titulo {
      background-color: #086CB4 !important;
      color: white;
    }

    .titulo,
    th {
      padding: 8px 4px;
    }

    .border-info {
      border-color: #086CB4 !important;
      color: #000000 !important;
    }

    /* Adjust the green line and other border styles */
    hr,
    .accordion-button::after {
      border-width: 1px;
      /* Make the line thinner */
    }

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

    span {
      color: #000000;
      font-size: 16px;
    }

    #btn-danger {
      border-radius: 3px;
      width: 200px;
      background-color: #086CB4;
      border: none;
      color: #FFFFFF;
    }

    h6 {
      font-size: 16px;
      padding: 0;
      margin: 0;
    }

    hr {
      padding: 0;
      margin-top: 0;
    }

    a {
      color: #086CB4;
      text-decoration: none;
      font-size: 16px;
    }

    /* Fix the specific styling for "Receita de Contribuição Compulsória Geral" */
    .accordion-item h5 {
      font-size: 16px;
      /* Standardize font size */
      margin: 0;
      /* Remove extra margins */
      padding: 8px 0;
      /* Standard padding */
      text-align: left;
      /* Align text with others */
    }

    #metodologia,
    a {
      color: #086CB4;
    }

    #metodologia span {
      padding: 5px;
      font-weight: bold;
      color: white;
      border-radius: 3px;
      background-color: #777777;
      margin-left: 4px;
    }

    #metodologia a:hover {
      color: #086CB4;
    }

    i {
      font-weight: bold;
      font-size: 12px;
      margin: 5px;
    }

    .accordion-item {
      border: none;
    }

    .accordion-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      background: transparent;
      border-bottom: 1px solid #086CB4;
      /* Linha fina azul por padrão */
      cursor: pointer;
      font-size: 16px;
      color: #086CB4;
      transition: border-bottom 0.3s ease;
      /* Transição suave */
    }

    .accordion-header:hover {
      border-bottom: 2px solid #086CB4;
      /* Linha azul mais grossa ao passar o mouse */
    }

    .accordion-header.active {
      border-bottom: 3px solid #086CB4;
      /* Linha ainda mais grossa quando ativo (aberto) */
    }

    .accordion-button {
      background: transparent;
      border: none;
      color: inherit;
      text-align: left;
      flex: 1;
      padding: 0;
      margin: 0;
    }

    .accordion-button.collapsed {
      color: #086CB4;
    }

    .accordion-button:focus {
      box-shadow: none;
      /* Remover qualquer sombra ao focar */
    }

    .accordion-button::after {
      content: none;
    }

    .small-arrow {
      width: 25px;
      height: 25px;
      transition: transform 0.3s ease;
      /* Transição suave */
      transform: rotate(0deg);
      /* Posição inicial (seta para baixo) */
    }

    .small-arrow.rotate {
      transform: rotate(180deg);
      /* Gira a seta para cima */
    }


    .small-arrow {
      width: 25px;

      height: 25px;

      transition: transform 0.3s ease;

      margin-left: auto;

    }

    .accordion-header {
      border-bottom: 1.9px solid #086CB4;
      font-family: 'Montserrat', sans-serif;
      font-size: 10px;
      font-weight: 600;

    }

    .accordion-header:hover {
      border-bottom: 2px solid #086CB4;
      /* Adjust for hover eff
    ect, if needed */
    }

    .small-arrow {
      width: 25px;
      height: 25px;
      transition: transform 0.3s ease;
      /* Transição suave */
      transform: rotate(0deg);
      /* Posição inicial (seta para baixo) */
    }

    .small-arrow.rotate {
      transform: rotate(180deg);
      /* Gira a seta para cima */
    }

    .square {
      width: 100px;
      height: 100px;
      background-color: #ff0000;
      transition: all 0.75s 0.25s;
    }

    .toggle-up {
      transform: rotate(180deg);
    }

    .toggle-down {
      transform: rotate(0);
    }

    .menubotao {
      display: flex;
      justify-content: space-between;
      /* Distribui o select à esquerda e os botões à direita */
      align-items: center;
      width: 100%;
      margin-top: 10px;
    }

    .Xls {
      display: flex;
      justify-content: flex-end;
      /* Alinha os botões à direita */
      gap: 10px;
      /* Espaçamento entre os botões */
    }

    /* Ensure buttons are smaller with proper alignment */
    .btndown {
      padding: 8px 9px;
      /* Reduce padding */
      border: 2px solid #086CB4;
      /* Reduce border size */
      border-radius: 6px;
      /* Optional: Slightly rounded corners */
      background-color: transparent;
      /* Transparent background */
      color: #086CB4;
      /* Button text color */
      text-align: center;
      display: inline-block;
      /* Inline-block to keep them on the same line */
      margin: 0 5px;
      /* Add small margin between buttons */
      text-decoration: none;
      /* Remove underline */
      font-size: 14px;
      /* Smaller font size */
      font-weight: normal;
      /* Keep text weight normal */
    }

    .btndown:hover {
      background-color: #086CB4;
      /* Change background on hover */
      color: #FFFFFF;
      /* Text color on hover */
    }

    .accordion-button:not(.collapsed) {
      background-color: transparent !important;
      /* Remove a cor de fundo */
      box-shadow: none !important;
      /* Remove qualquer sombra */
      color: #086CB4;
      /* Mantém a cor do texto */
    }

    .menubotao {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-top: 10px;
    }

    /* Style adjustments for the select and buttons */
    #anos1 {
      margin-right: auto;
      /* Aligns the select dropdown to the left */
    }

    .Xls {
      display: flex;
      justify-content: flex-end;
      /* Aligns the buttons to the right */
      gap: 10px;
      /* Adds space between buttons */
    }
  


    .tab-container {
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 2px solid #ddd;
      margin: 50px 0;
    }

    .tab-container button {
      flex: 1;
      padding: 10px;
      font-weight: bold;
      cursor: pointer;
      background-color: transparent;
      border: none;
      border-bottom: 3px solid transparent;
      transition: all 0.3s ease;
    }

    .tab-container button.active {
      color: #086CB4;
      border-bottom: 3px solid #086CB4;
    }

    .tab-content {
      display: none;
    }

    .tab-content.active {
      display: block;
    }

    .d-principal {
      width: 800px;
    }

    th {
      font-size: 14px;
      line-height: 15px;
      font-weight: 600;
    }

    td {
      font-size: 14px;
      line-height: 15px;
      font-weight: 400;
    }

    td[colspan="1"],
    th[colspan="1"] {
      width: calc((100% / 8)* 1) !important;
    }

    tr td {
      text-align: left !important;
    }

    .tab-container {
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 2px solid #ddd;
      margin: 50px 0;
    }

    .tab-container input[type="radio"] {
      display: none;
    }

    .tab-container label {
      flex: 1;
      padding: 10px;
      font-weight: bold;
      cursor: pointer;
      background-color: transparent;
      text-align: center;
      border-bottom: 3px solid transparent;
      transition: all 0.3s ease;
    }

    /* Define estilo para o label quando o radio está selecionado */
    .tab-container input[type="radio"]:checked+label {
      color: #086CB4;
      border-bottom: 3px solid #086CB4;
    }