/* Pagination */
.prev-pageli:focus, .prev-pageli:hover,
.next-pageli:focus,
.next-pageli:hover, .pagination > li {
  margin-top: 0;
  margin-right: 0.25rem;
  margin-bottom: 0;
  margin-left: 0.25rem;
  font-size: 0.8rem;
  height: 2.45rem;
  width: 1.95rem;
  border-radius: 16px;
  border: solid 1px #fff;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter-Regular", "sans-serif";
  font-size: 0.7rem;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #616161;
}

@media screen and (max-width: 767.9px) {
  .prev-pageli:focus, .prev-pageli:hover,
  .next-pageli:focus,
  .next-pageli:hover, .pagination > li {
    height: 1.5rem;
    width: 1.5rem;
  }
}

.pagination > li:hover {
  border: solid 1px #03311B;
  background-color: #066135;
  color: #212121 !important;
}

.pagination > li:hover a {
  color: #212121 !important;
}

.pagination > li:focus {
  border: solid 1px #03311B;
  background-color: red;
  color: #212121 !important;
}

.pagination > li:focus a {
  color: #212121 !important;
}

.pagination > li.active {
  border: solid 1px #03311B;
  background-color: #03311B;
}

.pagination > li.active a {
  color: #212121 !important;
}

.pagination > li:first-child, .pagination > li:last-child {
  border-radius: 8px;
}

.col-paginacao {
  max-width: 100%;
}

.col-box-pagination {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  word-wrap: break-word;
  max-width: 100%;
}

.col-box-pagination li {
  color: #616161;
}

.col-box-pagination li a {
  color: #616161;
  height: 2.4rem;
  width: 2.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767.9px) {
  .col-box-pagination li a {
    height: 1.6rem;
    width: 1.6rem;
  }
}

.col-box-pagination li i {
  color: #212121;
  font-size: 14px;
}

@media screen and (max-width: 767.9px) {
  .col-box-pagination li i {
    font-size: 14px;
  }
}

.col-box-pagination li:hover {
  cursor: pointer;
}

@media screen and (max-width: 767.9px) {
  .mobile-none {
    display: none !important;
  }
}

@media screen and (max-width: 767.9px) {
  .prev-pageli,
  .next-pageli {
    display: none !important;
  }
}

.page-mobile {
  display: none;
}

@media screen and (max-width: 767.9px) {
  .page-mobile {
    display: block !important;
  }
  .page-mobile .prev-pageli,
  .page-mobile .next-pageli {
    display: block !important;
  }
}

.pagination > li .name {
  width: auto;
}

.pagination > li:hover {
  color: #FFF !important;
}

.pagination > li:hover a {
  color: #FFF !important;
}

.pagination > li:focus {
  color: #FFF !important;
}

.pagination > li:focus a {
  color: #FFF !important;
}

.pagination > li.active {
  color: #FFF !important;
}

.pagination > li.active a {
  color: #FFF !important;
}

.pagination > li:first-child {
  margin-right: 2.8rem;
  width: 80px;
}

.pagination > li:first-child a {
  width: 80px;
}

@media screen and (max-width: 767.9px) {
  .pagination > li:first-child {
    margin-right: 0.5rem;
    width: 80px;
  }
  .pagination > li:first-child a {
    width: 80px;
  }
}

.pagination > li:last-child {
  margin-left: 2.8rem;
  width: 80px;
}

.pagination > li:last-child a {
  width: 80px;
}

@media screen and (max-width: 767.9px) {
  .pagination > li:last-child {
    margin-left: 0.5rem;
    width: 80px;
  }
  .pagination > li:last-child a {
    width: 80px;
  }
}

.container-filtro {
  margin-top: 36px;
}

.container-filtro .form-select i {
  font-size: 0.8rem;
  background-color: #FAFAFA;
  width: 20px;
  margin: auto;
  right: 4px !important;
}

.container-filtro .col-box-pesquisa {
  margin-bottom: 30px;
}

.container-filtro .col-box-pesquisa .pesquisa-alfabeto {
  margin-top: 32px;
  margin-bottom: 32px;
}

.container-filtro .col-box-pesquisa .input-group {
  align-items: end;
}

.container-filtro .col-box-pesquisa .input-group .btn-padrao i {
  font-size: 15px;
  margin-right: 16px;
  margin-left: 0;
}

.container-filtro .col-box-pesquisa .form-group {
  margin-bottom: 0;
}

.container-filtro .col-box-pesquisa .form-group .label {
  font-size: 1rem;
  font-family: "Inter-Bold", "sans-serif";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
}

.container-filtro .col-box-pesquisa .form-group .form-control {
  height: 50px;
  border: solid 1px #e9ecef;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #656d75;
}

.container-filtro .col-box-pesquisa .form-group .form-control::-webkit-input-placeholder {
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  color: #656d75;
}

.container-filtro .col-box-pesquisa .form-group .form-control:-moz-placeholder {
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  color: #656d75;
}

.container-filtro .col-box-pesquisa .form-group .form-control::-moz-placeholder {
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  color: #656d75;
}

.container-filtro .col-box-pesquisa .form-group .form-control:-ms-input-placeholder {
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  color: #656d75;
}

.container-filtro .col-box-pesquisa .form-group .form-control::placeholder {
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  color: #656d75;
}

.container-filtro .col-box-pesquisa .form-group .btn-letra, .container-filtro .col-box-pesquisa .form-group .btn-letra--active {
  width: 43px;
  height: 42px;
  flex-direction: column;
  padding: 10px;
  border: solid 1px #f1f3f5;
  background-color: #fff;
  cursor: pointer;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-right: -6px;
}

.container-filtro .col-box-pesquisa .form-group .btn-letra:first-child, .container-filtro .col-box-pesquisa .form-group .btn-letra--active:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.container-filtro .col-box-pesquisa .form-group .btn-letra:last-child, .container-filtro .col-box-pesquisa .form-group .btn-letra--active:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.container-filtro .col-box-pesquisa .form-group .btn-letra span, .container-filtro .col-box-pesquisa .form-group .btn-letra--active span {
  font-size: 0.8rem;
  font-family: "Inter-Regular", "sans-serif";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.container-filtro .col-box-pesquisa .form-group .btn-letra--active {
  background-color: #044827;
}

.container-filtro .col-box-pesquisa .form-group .btn-letra--active span {
  color: #fff;
}

.container-filtro .separa {
  margin-top: 0;
  margin-bottom: 30px;
}