#searchForm {
    display: none;
    position: absolute;
    top: 190px;
    left: 0px;
    padding: 10px;
    z-index: 1000;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    margin-top: 3px;
    margin-left: 13px;
    background-clip: padding-box;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
  }
  #searchForm label {
    display: block;
    margin-bottom: -4px;
  }
  #searchButton {
    margin-top: 5px;
  }  
  .layer-selector {
      color: #133d66;
      position: absolute;
      width: 30px;
      left: 37px;
      top: 388px;
      height: 30px;
      z-index: 400;
      background: white;
      border-radius: 5px;
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      margin-top: -36px;
  }
  .dropdown-map {
      position: relative;
      width: 100%;
      height: 100%;
  }
  .dropdown-map button {
      width: 100%;
      height: 100%;
      background-color: #fff;
      color: #133d66;
      border: none;
      padding: 0;
      font-size: 14px;
      cursor: pointer;
      border-radius: 2px;
      box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
      display: flex;
      align-items: center;
      padding-left: 10px;
      position: relative;
      text-align: left;
  }
  .dropdown-map button i {
      margin-right: 5px;
  }
  .dropdown button:hover {
      background-color: #f0f0f0;
  }
  .dropdown-map-content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: white;
      min-width: 100px;
      box-shadow: 0 8px 16px rgba(0,0,0,0.2);
      z-index: 1;
      border-radius: 5px;
      overflow: hidden;
      margin-left: 33px;
      margin-top: -30px;
  }
  .dropdown-map-content a {
      color: #133d66;
      padding: 2px 6px;
      text-decoration: none;
      display: block;
      font-size: smaller;
  }
  .dropdown-map-content a:hover {
      background-color: #ddd;
  }
  .show {
      display: block;
  }
  .suggestions {
      border: 1px solid #ddd;
      border-radius: 4px;
      max-height: 150px;
      overflow-y: auto;
      position: absolute;
      z-index: 9999; /* Z-index alto para aparecer acima de todos os outros elementos */
      background-color: white; /* Garantir que o fundo seja branco */
  }
  .suggestions div {
      /*padding: 10px;*/
      cursor: pointer;
  }
  .suggestions div:hover {
      background-color: #f8f9fa;
  }
  .suggestion-item {
      padding: 5px;
      margin: 0;
      border-bottom: 1px solid #ddd;
      cursor: pointer;      
      height: 30px;
      font-size: 12px;
      text-align: left;
      line-height: revert-layer;
  }
  .suggestion-item:hover {
      background-color: #f0f0f0;
  }
  .move-buttons {
      margin-left: auto;
  }
  .list-group-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
  }
  .table-compact tbody tr {
      height: 25px; 
  }
  .table-compact td, .table-compact th {
      padding: 4px 8px; 
      font-size: 12px; 
  }
  .table-compact tbody tr:nth-child(odd) {
      background-color: #b9e3f3; 
  }
  .table-compact tbody tr:nth-child(even) {
      background-color: #ffffff; 
  }
  #selectors-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
 }
 select, input, button {
    padding: 8px;
    font-size: 14px;
 }
 #criteria-list {
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    display: none;
 }
 .criteria-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 5px;
    border-bottom: 1px solid #ccc;
 }
 .criteria-item:last-child {
    border-bottom: none;
 }
 .criteria-item span {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
 .remove-btn {
    background: none;
    border: none;
    color: #ff0000;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
 }
 .remove-btn:hover {
    color: #cc0000;
 }
 .add-btn {
    margin-top: 32px;
    border: none;
    border-radius: 10px;
    color: white;
    background: #656565;
 }

 #filter-btn-container {
    text-align: right;
    margin-top: 10px;
 }

 #filter-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: none; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#filter-table th, #filter-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#filter-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#filter-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#filter-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

.dataTables_paginate .paginate_button {
    padding: 2px 6px;
    margin: 0 1px;
    border-radius: 4px;
    border: 1px solid #c6c9c9;
    color: #c6c9c9;
    background-color: #e0f7fa;
    font-size: 10px; /* Reduz o tamanho da fonte da paginação */
    line-height: 1.2; /* Reduz a altura da linha dos botões */
    display: inline-block; /* Faz com que os botões fiquem na mesma linha */
    text-align: center; /* Alinha o texto ao centro dos botões */
}

.dataTables_paginate .paginate_button.current {
    background-color: #c6c9c9;
    color: #000000;
}

.dataTables_paginate .paginate_button.disabled {
    color: #b0bec5;
    border-color: #b0bec5;
    background-color: #ffffff;
    cursor: not-allowed;
}

/* Estilo para a caixa de busca */
.dataTables_filter input {
    font-size: 10px; /* Reduz o tamanho da fonte da caixa de busca */
    padding: 4px;
}

.dataTables_wrapper .dataTables_paginate {
    font-size: 10px; /* Reduz o tamanho da fonte da paginação */
}

/* Reduz o tamanho da fonte das informações de paginação */
.dataTables_wrapper .dataTables_info {
    font-size: 10px; /* Ajuste conforme necessário */
}

/* Reduz o tamanho dos botões de paginação */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 10px; /* Ajuste conforme necessário */
    padding: 2px 6px; /* Ajuste conforme necessário */
    margin: 2px; /* Reduz o espaçamento entre os botões de paginação */
    border: none; /* Remove as bordas */
    background-color: transparent; /* Define o fundo como transparente */
}

/* Remove o preenchimento do botão ao passar o mouse */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: transparent; /* Remove o preenchimento */
    color: #000; /* Cor do texto ao passar o mouse */
}

/* Remove a cor de fundo do botão ativo */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: transparent; /* Fundo transparente */
    color: #000; /* Cor do texto do botão ativo */
}

/* Remove as bordas dos botões de paginação anterior e próximo */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border: none; /* Remove as bordas */
}

/* Alterna a cor das linhas */
.dataTables_wrapper .dataTables_scrollBody table.dataTable.stripe tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Cor ciano claro */
}

.dataTables_wrapper .dataTables_scrollBody table.dataTable.stripe tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Cor branca */
}

/* Remove as bordas da tabela */
.dataTables_wrapper .dataTables_scrollBody table.dataTable {
    border: none;
}

.dataTables_wrapper .dataTables_scrollBody table.dataTable th,
.dataTables_wrapper .dataTables_scrollBody table.dataTable td {
    border: none;
}

/* Ajusta a altura das linhas */
.dataTables_wrapper .dataTables_scrollBody table.dataTable td {
    padding: 4px 6px; /* Ajuste conforme necessário */
}

/* Oculta a seleção do número de registros por página e a barra de busca */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: none;
}

/* Ajusta a fonte do cabeçalho */
.dataTables_wrapper .dataTables_scrollBody table.dataTable thead th {
    font-size: 11px; /* Ajuste conforme necessário */
}

/* Ajusta a fonte da paginação */
.dataTables_wrapper .dataTables_paginate {
    font-size: 10px; /* Ajuste conforme necessário */
}

/* Ajusta a fonte dos botões de paginação */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 10px; /* Ajuste conforme necessário */
}

/* Esconde a seleção do número de registros por página e a barra de busca */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: none;
}

/* .nav-item.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
} */

#anexos-btn-container {
    text-align: right;
    margin-top: 10px;
 }

 #anexos-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: none; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#anexos-table th, #filter-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#anexos-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#anexos-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#anexos-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}



#anexos-quadra-btn-container {
    text-align: right;
    margin-top: 10px;
 }

 #anexos-quadra-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: none; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#anexos-quadra-table th, #filter-quadra-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#anexos-quadra-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#anexos-quadra-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#anexos-quadra-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

#anexos-logradouro-btn-container {
    text-align: right;
    margin-top: 10px;
 }

 #anexos-logradouro-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: none; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#anexos-logradouro-table th, #filter-logradouro-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#anexos-logradouro-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#anexos-logradouro-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#anexos-logradouro-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

#anexos-face-btn-container {
    text-align: right;
    margin-top: 10px;
 }

 #anexos-face-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: none; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#anexos-face-table th, #filter-face-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#anexos-face-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#anexos-face-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#anexos-face-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}



#searchFormQuadra {
    display: none;
    position: absolute;
    top: 190px;
    left: 0px;
    padding: 10px;
    z-index: 1000;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    margin-top: 3px;
    margin-left: 13px;
    background-clip: padding-box;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
  }
  #searchFormQuadra label {
    display: block;
    margin-bottom: -4px;
  }
  #searchButtonQuadra {
    margin-top: 5px;
  }

  #searchFormLogradouro {
    display: none;
    position: absolute;
    top: 190px;
    left: 0px;
    padding: 10px;
    z-index: 1000;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    margin-top: 3px;
    margin-left: 13px;
    background-clip: padding-box;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
  }
  #searchFormLogradouro label {
    display: block;
    margin-bottom: -4px;
  }
  #searchButtonLogradouro {
    margin-top: 5px;
  }


  #searchFormFace {
    display: none;
    position: absolute;
    top: 190px;
    left: 0px;
    padding: 10px;
    z-index: 1000;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    margin-top: 3px;
    margin-left: 13px;
    background-clip: padding-box;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
  }
  #searchFormFace label {
    display: block;
    margin-bottom: -4px;
  }
  #searchButtonFace {
    margin-top: 5px;
  }


  #searchFormPoste {
    display: none;
    position: absolute;
    top: 190px;
    left: 0px;
    padding: 10px;
    z-index: 1000;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    margin-top: 3px;
    margin-left: 13px;
    background-clip: padding-box;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
  }
  #searchFormPoste label {
    display: block;
    margin-bottom: -4px;
  }
  #searchButtonPoste {
    margin-top: 5px;
  }

  /* Draw Control - Customizado */

  .leaflet-draw-section {
    margin-left: -10px; 
    margin-top: 7px;
  }

  .leaflet-control-layers.leaflet-control {
    margin-top: 6px;
  }

  .leaflet-draw.leaflet-control {
    margin-top: 33px;
  }

  .leaflet-draw-actions {
    margin-left: 12px;
  }


.leaflet-draw-toolbar a {
    background-image: url('https://unpkg.com/leaflet-draw/dist/images/spritesheet.png');
    background-repeat: no-repeat;
}

.leaflet-draw-toolbar a.leaflet-draw-edit-remove {
    background-position: -288px 0; /* posição correta do ícone de remoção no spritesheet */
}

.leaflet-interactive {
    cursor: grab;
}
.cursor-pointer {
    cursor: pointer !important;
}

#coords {
    position: absolute;
    bottom: 73px;
    left: 37px;
    background-color: white;
    border-radius: 2px;
    z-index: 1000;
    font-size: small;
    background-color: #ffffff;
    color: #133d66;
}

.item {
    display: inline-block;  /* Permite que os elementos fiquem lado a lado */
    border: 1px solid #6b6b6b; /* Define a borda de cada item */
    margin: 2px;            /* Espaçamento entre os itens */
    padding: 2px;
    border-radius: 4px;
}
/* 
body {
    overflow: hidden;
}

html {
    overflow: hidden;
} */

#spinner-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    border: 16px solid #23465a;
    border-top: 16px solid #75dde8;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

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

/* Efeito de desfoque para o conteúdo */
.blur {
    filter: blur(5px);
}

.spinner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;  /* Ajuste conforme necessário */
    height: 50px; /* Ajuste conforme necessário */
}

/* Optional: customize spinner size */
.spinner-border {
    width: 100px;
    height: 100px;
    border-width: 10px;
}

.spinner-overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;  /* Ajuste conforme necessário */
    height: 50px; /* Ajuste conforme necessário */
    z-index: 1;   /* Garante que a imagem fique acima do spinner */
}

.image-container {
    position: relative;
    display: inline-block;
}

body.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.fullscreen img {
    max-width: 90%;
    max-height: 90%;
}

#fullscreen-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    z-index: 1001;
}

.custom-list-group {
    background-color: #e8e8e8;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.custom-list-group-item {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    border-radius: 4px;
}

.custom-list-group-item a {
    text-decoration: none;
    font-weight: bold;
    color: #007bff;
}

.custom-collapse {
    background-color: #eef2f7;
    border-top: 1px solid #ddd;
    padding: 5px;
}

.custom-subitem {
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin-top: 2px;
    padding: 5px;
    border-radius: 4px;
}

.accordion-button {
    position: relative;
  }
  .accordion-button .collapse-close,
  .accordion-button .collapse-open {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
  }
  .accordion-button .collapse-close {
    display: none;
  }
  .accordion-button.collapsed .collapse-open {
    display: inline-block;
  }
  .accordion-button:not(.collapsed) .collapse-close {
    display: inline-block;
  }
  .accordion-button:not(.collapsed) .collapse-open {
    display: none;
  }

  #filter-btn-container {
    text-align: right;
    margin-top: 10px;
 }

 #filter-geografico-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: table; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#filter-geografico-table th, #filter-geografico-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#filter-geografico-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#filter-geografico-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#filter-geografico-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

#filter-geografico-logradouro-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: table; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#filter-geografico-logradouro-table th, #filter-geografico-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#filter-geografico-logradouro-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#filter-geografico-logradouro-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#filter-geografico-logradouro-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

#filter-geografico-lote-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: table; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#filter-geografico-lote-table th, #filter-geografico-lote-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#filter-geografico-lote-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#filter-geografico-lote-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#filter-geografico-lote-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

#filter-geografico-edificacao-table {
    border: none;
    border-collapse: collapse;
    width: 100%; /* Ajusta a tabela para ocupar toda a largura do contêiner */
    display: table; /* Esconde a tabela por padrão */
    font-size: 10px; /* Tamanho da fonte das células */
}

#filter-geografico-edificacao-table th, #filter-geografico-edificacao-table td {
    border: none;
    padding: 4px; /* Reduz o espaçamento das células */
    font-size: 11px; /* Tamanho da fonte das células */
    text-align: left;
    white-space: nowrap; /* Impede que o texto quebre para a linha seguinte */
}

#filter-geografico-edificacao-table th {
    background-color: #c6c9c9; /* Cor de fundo para o cabeçalho */
    color: #5c5c5c; /* Cor do texto do cabeçalho */
    padding: 6px; /* Reduz o espaçamento das células do cabeçalho */
    text-align: left;
    font-size: 11px; /* Tamanho da fonte do cabeçalho */
}

#filter-geografico-edificacao-table tbody tr:nth-child(odd) {
    background-color: #4ee6fab9; /* Ciano claro para linhas ímpares */
}

#filter-geografico-edificacao-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* Branco para linhas pares */
}

.custom-control-layers {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 5px;
    height: 5px;
    margin-left: 14px;
    margin-top: 6px;
    padding-bottom: 26px;
    left: 5px;
}

.expand-button {
    background-color: #fff;
    color: #133d66;
    border: none;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
    align-items: center;   
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: relative;
    margin-left: -2px;
    margin-top: -4px;
}

.legend-container {
    margin-top: 10px;
    display: block;
    width: max-content;
    max-width: 600px;
    overflow: hidden;
    position: absolute;
    top: -14px;
    left: 31px;
    background-color: white;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
    border-radius: 5px;    
}

.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.legend-color {
    width: 15px;
    height: 15px;
    margin-right: 4px;
    border: 1px solid #000;
    margin-left: 5px;
}

.legend-label {
    font-size: 11px;
}

.custom-control-layers input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100px;
    height: 3px;  
    background: #42b7c4;
    outline: none;
    opacity: 0.7;
    transition: opacity 0.15s ease-in-out;
    border-radius: 5px;
}

.custom-control-layers input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px; 
    height: 12px;
    background: #133d66; 
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #42b7c4;
}

.custom-control-layers input[type="range"]::-moz-range-thumb {
    width: 12px; 
    height: 12px; 
    background: #133d66; 
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #42b7c4; 
}

.custom-control-layers input[type="range"]::-ms-thumb {
    width: 12px; 
    height: 12px; 
    background: #133d66;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #42b7c4;
}

.custom-control-layers input[type="range"]::-moz-range-track {
    height: 3px; 
    background: #42b7c4; 
}

.custom-control-layers input[type="range"]::-ms-track {
    width: 100px;
    height: 3px; 
    background: #42b7c4;
    border-color: transparent;
    color: transparent;
}

.custom-table {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table .header, .custom-table .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table .row:hover .cell-options a {
    color: #000;
}
.custom-table .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table .cell-options a:hover {
    color: #133d66;
}


.custom-table-modal {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table-modal .header, .custom-table-modal .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table-modal .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table-modal .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-modal .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table-modal .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table-modal .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table-modal .row:hover .cell-options a {
    color: #000; 
}
.custom-table-modal .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table-modal .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table-modal .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table-modal .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table-modal .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table-modal .cell-options a:hover {
    color: #133d66;
}


.search-fields {
    display: none;
    margin-top: 10px;
}

.btn-duplicar {
    background-color: #8a2be2;
    color: #fff;
    border: none;
}
.btn-duplicar:hover {
    background-color: #6a1bbd;
}

.checkbox-cell {
    flex: 0 0 20px;
    padding-left: 10px;
}
.checkbox-cell input[type="checkbox"] {
    margin-left: 18px;
    margin-top: 8px;
}
.checkbox-cell input[type="checkbox"]#selectAll {
    margin-left: 7px;
}

.pagination {
    justify-content: center;
    margin-top: 20px;
}

.pagination-function {
    justify-content: center;
    margin-top: 20px;
}

.pagination-page-function {
    justify-content: center;
    margin-top: 20px;
}

.pagination-page-layer {
    justify-content: center;
    margin-top: 20px;
}

.pagination-page-table {
    justify-content: center;
    margin-top: 20px;
}

.hidden-button {
    display: none;
}


.custom-table-page {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table-page .header, .custom-table-page .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table-page .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table-page .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-page .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table-page .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table-page .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table-page .row:hover .cell-options a {
    color: #000;
}
.custom-table-page .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table-page .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table-page .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table-page .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table-page .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table-page .cell-options a:hover {
    color: #133d66;
}

/* Function */
.custom-table-function {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table-function .header, .custom-table-function .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table-function .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table-function .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-function .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table-function .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table-function .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table-function .row:hover .cell-options a {
    color: #000;
}
.custom-table-function .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table-function .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table-function .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table-function .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table-function .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table-function .cell-options a:hover {
    color: #133d66;
}

.function-item.active .function-link {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
  }
  
  .function-item .function-link,
  .function-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392AB;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
  }
  
  .function-link:hover {
    z-index: 2;
    color: #39b4c1;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  .function-link:focus {
    z-index: 3;
    color: #39b4c1;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(57, 180, 193, 0.25);
  }
  
  .function-item:not(:first-child) .function-link {
    margin-left: -1px;
  }
  
  .function-item.active .function-link {
    z-index: 3;
    color: #fff;
    background-color: #39b4c1;
    border-color: #39b4c1;
  }
  
  .function-item.disabled .function-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
  }
  
  .function-link {
    padding: 0.375rem 0.75rem;
  }
  
  .function-item:first-child .function-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  
  .function-item:last-child .function-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  
  .pagination-function-lg .function-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
  }
  
  .pagination-function-lg .function-item:first-child .function-link {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  
  .pagination-function-lg .function-item:last-child .function-link {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  
  .pagination-function-sm .function-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  
  .pagination-function-sm .function-item:first-child .function-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .pagination-function-sm .function-item:last-child .function-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .function-link {
    position: relative;
    display: block;
    color: #39b4c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .pagination-function-lg .function-item .function-link,
  .pagination-function-lg .function-item span {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  
  .pagination-function-sm .function-item .function-link,
  .pagination-function-sm .function-item span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  
  .pagination-function.pagination-primary .function-item.active>.function-link,
  .pagination-function.pagination-primary .function-item.active>.function-link:focus,
  .pagination-function.pagination-primary .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #4a8a8a 0%, #92b4b1 100%);
    border: none;
  }
  
  .pagination-function.pagination-secondary .function-item.active>.function-link,
  .pagination-function.pagination-secondary .function-item.active>.function-link:focus,
  .pagination-function.pagination-secondary .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
    border: none;
  }
  
  .pagination-function.pagination-success .function-item.active>.function-link,
  .pagination-function.pagination-success .function-item.active>.function-link:focus,
  .pagination-function.pagination-success .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
    border: none;
  }
  
  .pagination-function.pagination-info .function-item.active>.function-link,
  .pagination-function.pagination-info .function-item.active>.function-link:focus,
  .pagination-function.pagination-info .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #1c403f 0%, #61a5a4 100%);
    border: none;
  }
  
  .pagination-function.pagination-warning .function-item.active>.function-link,
  .pagination-function.pagination-warning .function-item.active>.function-link:focus,
  .pagination-function.pagination-warning .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
    border: none;
  }
  
  .pagination-function.pagination-danger .function-item.active>.function-link,
  .pagination-function.pagination-danger .function-item.active>.function-link:focus,
  .pagination-function.pagination-danger .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
    border: none;
  }
  
  .pagination-function.pagination-light .function-item.active>.function-link,
  .pagination-function.pagination-light .function-item.active>.function-link:focus,
  .pagination-function.pagination-light .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
    border: none;
  }
  
  .pagination-function.pagination-dark .function-item.active>.function-link,
  .pagination-function.pagination-dark .function-item.active>.function-link:focus,
  .pagination-function.pagination-dark .function-item.active>.function-link:hover {
    background-image: linear-gradient(310deg, #141727 0%, #39b4c1 100%);
    border: none;
  }

  .pagination-function {
    display: flex;
    padding-left: 0;
    list-style: none;
}

/* Páginas e Funções */
.custom-table-page-function {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table-page-function .header, .custom-table-page-function .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table-page-function .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table-page-function .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-page-function .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table-page-function .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table-page-function .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table-page-function .row:hover .cell-options a {
    color: #000;
}
.custom-table-page-function .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table-page-function .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table-page-function .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table-page-function .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table-page-function .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table-page-function .cell-options a:hover {
    color: #133d66;
}

.page-function-item.active .page-function-link {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
  }
  
  .page-function-item .page-function-link,
  .page-function-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392AB;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
  }
  
  .page-function-link:hover {
    z-index: 2;
    color: #39b4c1;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  .page-function-link:focus {
    z-index: 3;
    color: #39b4c1;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(57, 180, 193, 0.25);
  }
  
  .page-function-item:not(:first-child) .page-function-link {
    margin-left: -1px;
  }
  
  .page-function-item.active .page-function-link {
    z-index: 3;
    color: #fff;
    background-color: #39b4c1;
    border-color: #39b4c1;
  }
  
  .page-function-item.disabled .page-function-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
  }
  
  .page-function-link {
    padding: 0.375rem 0.75rem;
  }
  
  .page-function-item:first-child .page-function-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  
  .page-function-item:last-child .page-function-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  
  .pagination-page-function-lg .page-function-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
  }
  
  .pagination-page-function-lg .page-function-item:first-child .page-function-link {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  
  .pagination-page-function-lg .page-function-item:last-child .page-function-link {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  
  .pagination-page-function-sm .page-function-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  
  .pagination-page-function-sm .page-function-item:first-child .page-function-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .pagination-page-function-sm .page-function-item:last-child .page-function-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .page-function-link {
    position: relative;
    display: block;
    color: #39b4c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .pagination-page-function-lg .page-function-item .page-function-link,
  .pagination-page-function-lg .page-function-item span {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  
  .pagination-page-function-sm .page-function-item .page-function-link,
  .pagination-page-function-sm .page-function-item span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  
  .pagination-page-function.pagination-page-primary .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-primary .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-primary .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #4a8a8a 0%, #92b4b1 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-secondary .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-secondary .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-secondary .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-success .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-success .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-success .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-info .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-info .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-info .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #1c403f 0%, #61a5a4 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-warning .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-warning .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-warning .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-danger .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-danger .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-danger .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-light .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-light .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-light .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
    border: none;
  }
  
  .pagination-page-function.pagination-page-dark .page-function-item.active>.page-function-link,
  .pagination-page-function.pagination-page-dark .page-function-item.active>.page-function-link:focus,
  .pagination-page-function.pagination-page-dark .page-function-item.active>.page-function-link:hover {
    background-image: linear-gradient(310deg, #141727 0%, #39b4c1 100%);
    border: none;
  }

  .pagination-page-function {
    display: flex;
    padding-left: 0;
    list-style: none;
}


/* Páginas e Layers */
.custom-table-page-layer {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table-page-layer .header, .custom-table-page-layer .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table-page-layer .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table-page-layer .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-page-layer .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table-page-layer .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table-page-layer .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table-page-layer .row:hover .cell-options a {
    color: #000;
}
.custom-table-page-layer .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table-page-layer .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table-page-layer .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table-page-layer .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table-page-layer .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table-page-layer .cell-options a:hover {
    color: #133d66;
}

.page-layer-item.active .page-layer-link {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
  }
  
  .page-layer-item .page-layer-link,
  .page-layer-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392AB;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
  }
  
  .page-layer-link:hover {
    z-index: 2;
    color: #39b4c1;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  .page-layer-link:focus {
    z-index: 3;
    color: #39b4c1;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(57, 180, 193, 0.25);
  }
  
  .page-layer-item:not(:first-child) .page-layer-link {
    margin-left: -1px;
  }
  
  .page-layer-item.active .page-layer-link {
    z-index: 3;
    color: #fff;
    background-color: #39b4c1;
    border-color: #39b4c1;
  }
  
  .page-layer-item.disabled .page-layer-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
  }
  
  .page-layer-link {
    padding: 0.375rem 0.75rem;
  }
  
  .page-layer-item:first-child .page-layer-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  
  .page-layer-item:last-child .page-layer-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  
  .pagination-page-layer-lg .page-layer-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
  }
  
  .pagination-page-layer-lg .page-layer-item:first-child .page-layer-link {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  
  .pagination-page-layer-lg .page-layer-item:last-child .page-layer-link {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  
  .pagination-page-layer-sm .page-layer-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  
  .pagination-page-layer-sm .page-layer-item:first-child .page-layer-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .pagination-page-layer-sm .page-layer-item:last-child .page-layer-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .page-layer-link {
    position: relative;
    display: block;
    color: #39b4c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .pagination-page-layer-lg .page-layer-item .page-layer-link,
  .pagination-page-layer-lg .page-layer-item span {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  
  .pagination-page-layer-sm .page-layer-item .page-layer-link,
  .pagination-page-layer-sm .page-layer-item span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  
  .pagination-page-layer.pagination-page-primary .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-primary .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-primary .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #4a8a8a 0%, #92b4b1 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-secondary .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-secondary .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-secondary .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-success .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-success .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-success .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-info .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-info .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-info .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #1c403f 0%, #61a5a4 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-warning .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-warning .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-warning .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-danger .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-danger .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-danger .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-light .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-light .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-light .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
    border: none;
  }
  
  .pagination-page-layer.pagination-page-dark .page-layer-item.active>.page-layer-link,
  .pagination-page-layer.pagination-page-dark .page-layer-item.active>.page-layer-link:focus,
  .pagination-page-layer.pagination-page-dark .page-layer-item.active>.page-layer-link:hover {
    background-image: linear-gradient(310deg, #141727 0%, #39b4c1 100%);
    border: none;
  }

  .pagination-page-layer {
    display: flex;
    padding-left: 0;
    list-style: none;
}

/* Páginas e Table */
.custom-table-page-table {
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.custom-table-page-table .header, .custom-table-page-table .row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
}
.custom-table-page-table .header {
    background-color: #838686;
    color: #fff;
    font-weight: bold;
}
.custom-table-page-table .row {
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-page-table .row:nth-child(even) {
    background-color: #133c66bf;
    color: #fff;
}
.custom-table-page-table .row:nth-child(odd) {
    background-color: #45b8c5f0;
    color: #fff;
}
.custom-table-page-table .row:hover {
    background-color: #e9f7fa;
    color: #000;
}
.custom-table-page-table .row:hover .cell-options a {
    color: #000;
}
.custom-table-page-table .cell {
    flex: 1;
    text-align: left;
    padding: 4px 6px;
}
.custom-table-page-table .cell-id {
    flex: 0 0 50px; 
    text-align: center;
    display: none;
}
.custom-table-page-table .cell-codigo {
    flex: 0 0 80px; 
    text-align: left;
}
.custom-table-page-table .cell-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex: 0 0 130px;
}
.custom-table-page-table .cell-options a {
    color: #fff;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}
.custom-table-page-table .cell-options a:hover {
    color: #133d66;
}

.page-table-item.active .page-table-link {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
  }
  
  .page-table-item .page-table-link,
  .page-table-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392AB;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
  }
  
  .page-table-link:hover {
    z-index: 2;
    color: #39b4c1;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  .page-table-link:focus {
    z-index: 3;
    color: #39b4c1;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(57, 180, 193, 0.25);
  }
  
  .page-table-item:not(:first-child) .page-table-link {
    margin-left: -1px;
  }
  
  .page-table-item.active .page-table-link {
    z-index: 3;
    color: #fff;
    background-color: #39b4c1;
    border-color: #39b4c1;
  }
  
  .page-table-item.disabled .page-table-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
  }
  
  .page-table-link {
    padding: 0.375rem 0.75rem;
  }
  
  .page-table-item:first-child .page-table-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  
  .page-table-item:last-child .page-table-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  
  .pagination-page-table-lg .page-table-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
  }
  
  .pagination-page-table-lg .page-table-item:first-child .page-table-link {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  
  .pagination-page-table-lg .page-table-item:last-child .page-table-link {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  
  .pagination-page-table-sm .page-table-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  
  .pagination-page-table-sm .page-table-item:first-child .page-table-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .pagination-page-table-sm .page-table-item:last-child .page-table-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .page-table-link {
    position: relative;
    display: block;
    color: #39b4c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .pagination-page-table-lg .page-table-item .page-table-link,
  .pagination-page-table-lg .page-table-item span {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  
  .pagination-page-table-sm .page-table-item .page-table-link,
  .pagination-page-table-sm .page-table-item span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  
  .pagination-page-table.pagination-page-primary .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-primary .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-primary .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #4a8a8a 0%, #92b4b1 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-secondary .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-secondary .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-secondary .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-success .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-success .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-success .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-info .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-info .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-info .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #1c403f 0%, #61a5a4 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-warning .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-warning .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-warning .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-danger .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-danger .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-danger .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-light .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-light .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-light .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
    border: none;
  }
  
  .pagination-page-table.pagination-page-dark .page-table-item.active>.page-table-link,
  .pagination-page-table.pagination-page-dark .page-table-item.active>.page-table-link:focus,
  .pagination-page-table.pagination-page-dark .page-table-item.active>.page-table-link:hover {
    background-image: linear-gradient(310deg, #141727 0%, #39b4c1 100%);
    border: none;
  }

  .pagination-page-table {
    display: flex;
    padding-left: 0;
    list-style: none;
}