@charset "UTF-8";

.cont-transparencia{ padding: 30px 0 40px 0; }
.cont-transparencia .flex-transparencia{
  display: flex;
  flex-wrap: wrap;
}
.cont-transparencia .flex-transparencia article{
  width: calc(33% - 14px);
  border-radius: 12px;
  background-color: #FFFFFF;
  overflow: hidden;
  box-shadow: 0 3px 20px -8px rgba(0, 0, 0, 0.10);
  margin: 0 25px 25px 0;
  user-select: none;
  border: 1px solid #e8ebf4;
  border-top: 3px solid #3179f4;
  -webkit-transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  -moz-transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  -o-transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.cont-transparencia .flex-transparencia article:nth-child(3n),
.cont-servicos .flex-cards article:nth-child(3n){ margin-right: 0; }
.cont-transparencia .flex-transparencia article.card-acesso > a{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 28px 26px 24px;
  color: inherit;
  text-decoration: none;
  outline: none;
}
.cont-transparencia .flex-transparencia article.card-acesso:hover,
.cont-transparencia .flex-transparencia article.card-acesso:focus-within{
  box-shadow: 0 10px 28px -10px rgba(13, 27, 49, 0.22);
  transform: translateY(-3px);
  border-color: #c8d4ef;
}
.cont-transparencia .flex-transparencia article.card-acesso > a:focus{
  box-shadow: inset 0 0 0 2px rgba(49, 121, 244, 0.45);
}
.cont-transparencia .flex-transparencia article .card-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  margin-bottom: 16px;
  background-color: rgba(49, 121, 244, 0.12);
  color: #3179f4;
}
.cont-transparencia .flex-transparencia article .card-icon i{
  font-size: 20px;
  line-height: 1;
}
.cont-transparencia .flex-transparencia article.card-folha{
  border-top-color: #3179f4;
}
.cont-transparencia .flex-transparencia article.card-folha .card-icon{
  background-color: rgba(49, 121, 244, 0.12);
  color: #3179f4;
}
.cont-transparencia .flex-transparencia article.card-receitas{
  border-top-color: #1f5fc9;
}
.cont-transparencia .flex-transparencia article.card-receitas .card-icon{
  background-color: rgba(31, 95, 201, 0.12);
  color: #1f5fc9;
}
.cont-transparencia .flex-transparencia article.card-despesas{
  border-top-color: #0D1B31;
}
.cont-transparencia .flex-transparencia article.card-despesas .card-icon{
  background-color: rgba(13, 27, 49, 0.1);
  color: #0D1B31;
}
.cont-transparencia .flex-transparencia article.card-fornecedores .card-icon,
.cont-transparencia .flex-transparencia article.card-medicos .card-icon,
.cont-transparencia .flex-transparencia article.card-default .card-icon{
  background-color: rgba(54, 58, 75, 0.1);
  color: #363a4b;
}
.cont-transparencia .flex-transparencia article.card-fornecedores,
.cont-transparencia .flex-transparencia article.card-medicos,
.cont-transparencia .flex-transparencia article.card-default{
  border-top-color: #363a4b;
}
.cont-transparencia .flex-transparencia article h3{
  display: block;
  color: #0D1B31;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  margin: 0 0 8px 0;
}
.cont-transparencia .flex-transparencia article .card-desc{
  margin: 0 0 16px 0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  color: #5a6070;
  letter-spacing: 0.01em;
  flex: 1 1 auto;
}
.cont-transparencia .flex-transparencia article .r-2-admin small{
  line-height: 1.6;
}
.cont-transparencia .flex-transparencia article .r-2-admin{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.cont-transparencia .flex-transparencia article .r-2-admin a{
  display: flex;
  align-items: center;
  color: #363a4b;
  background-color: transparent;
  height: 36px;
  border-radius: 7px;
  padding: 0 14px;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 500;
  opacity: 0.7;
}
.cont-transparencia .flex-transparencia article .r-2-admin a i{
  width: 20px;
  font-size: 12px;
  top: 0;
  color: #FFFFFF;
}
.cont-transparencia .flex-transparencia article .r-2-admin a.a-add{
  margin-right: 10px;
  background-color: #3179f4;
  color: #FFFFFF;
}
.cont-transparencia .flex-transparencia article .r-2-admin a.a-view{ background-color: #ebedf6; }
.cont-transparencia .flex-transparencia article .r-2-admin a:hover,
.cont-transparencia .flex-transparencia article .r-2-admin a:focus{
  opacity: 1;
}
.cont-transparencia .flex-transparencia article .r-2-admin .c-actions{
  display: flex;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #fafbff;
}
.cont-transparencia .flex-transparencia article .row-2{
  display: flex;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 14px;
  border-top: 1px solid #f0f2f8;
}
.cont-transparencia .flex-transparencia article .row-2 small{
  font-size: 12px;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #6a6a6a;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
}
.cont-transparencia .flex-transparencia article .row-2 small strong{
  display: block;
  width: 100%;
  color: #0c1c31;
  font-weight: 500;
}
.cont-transparencia .flex-transparencia article .row-2 i{
  width: 22px;
  min-width: 22px;
  font-size: 14px;
  color: #6a6a6a;
  position: relative;
  top: 2px;
  margin-right: 6px;
}
.cont-transparencia .flex-transparencia article .row-2 img{
  min-width: 23px;
  max-width: 23px;
  margin-right: 8px;
  object-fit: contain;
}
.cont-transparencia .flex-transparencia article .card-cta{
  display: inline-flex;
  align-items: center;
  margin-top: 18px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #0D1B31;
  line-height: 1;
}
.cont-transparencia .flex-transparencia article .card-cta i{
  margin-left: 8px;
  font-size: 11px;
  color: #0D1B31;
  -webkit-transition: transform 0.25s ease;
  -moz-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
}
.cont-transparencia .flex-transparencia article.card-acesso:hover .card-cta i,
.cont-transparencia .flex-transparencia article.card-acesso:focus-within .card-cta i{
  transform: translateX(3px);
}
/**/

.cont-transparencia .cont-table table{
  border-collapse: collapse;
  width: 100%;
}
.cont-transparencia .cont-table table  th, td{
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.cont-transparencia .cont-table table  tr:nth-child(even){ background-color: #f2f2f2; }
/**/

.cont-transparencia .row-init{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 20px 0;
}
.cont-transparencia .row-init form{ position: relative; }
.cont-transparencia .row-init form input{
  height: 40px;
  border: 0;
  background-color: #f8f9ff;
  color: #363a4b;
  min-width: 450px;
  padding: 0 60px 0 15px;
  border-radius: 6px;
  outline: none;
  font-size: 12.5px;
  font-weight: 500;
}
.cont-transparencia .row-init form input::placeholder{
  color: #abb0cb;
  font-size: 12.5px;
}
.cont-transparencia .row-init form button{
  background-color: transparent;
  color: #646b8f;
  border: 0;
  outline: none;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  font-size: 13px;
  cursor: pointer;
}
#folha-results.folha-is-loading{
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
/**/

.cont-transparencia .cont-id2 .nav-itens{
  display: flex;
  align-items: center;
}
.cont-transparencia .cont-id2 .nav-itens li{ margin-right: 10px; }
.cont-transparencia .cont-id2 .nav-itens li a{
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #363a4b;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 13px;
  border-radius: 28px;
  cursor: pointer;
  user-select: none;
}
.cont-transparencia .cont-id2 .nav-itens li a.ativo{
  background-color: #3179f4;
  color: #FFFFFF;
}
.cont-transparencia .cont-id2 .nav-itens li a i{ width: 16px; }
.cont-transparencia .cont-id2 .cont-all{ margin-top: 15px; }
.cont-transparencia .cont-id2 .cont-all .item{ display: none; }
.cont-transparencia .cont-id2 .cont-all .item.ativo{ display: block; }

/* Action Efects */
.cont-transparencia .cont-id2 .nav-itens li a,
.cont-transparencia .flex-transparencia article .r-2-admin a{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* Media Query */
@media screen and (min-width: 620px) and (max-width: 800px){
  .cont-transparencia .flex-transparencia{ justify-content: space-between; }
  .cont-transparencia .flex-transparencia article{ width: calc(50% - 14px); }
  .cont-transparencia .flex-transparencia article:nth-child(2){ margin-right: 0; }
}
@media screen and (max-width: 619px){
  .cont-transparencia .flex-transparencia{ flex-direction: column; }
  .cont-transparencia .flex-transparencia article{
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 1000px){
  .cont-transparencia .center{ overflow: hidden; }
  .cont-transparencia .item{
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .cont-table{ min-width: 900px; }
}
@media screen and (max-width: 900px){
  .cont-transparencia .row-init form input{ max-width: 100%; }
  .default-pagination{
    padding-left: 0;
    margin-top: 15px;
  }
  .cont-transparencia .row-init{
    flex-direction: column;
    align-items: flex-start;
  }
}