.cr-title{
  display:flex;
  align-items:center;
  gap:7px;

  margin-bottom:14px;

  padding-bottom:11px;

  border-bottom:1px solid #e5e9ef;
}


.cr-title h2{
  margin:0;

  color:var(--navy);

  font-size:20px;
}


.cr-title-icon{
  color:var(--navy);

  font-size:21px;
}


.cr-toolbar{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:12px;

  margin-bottom:13px;
}


.cr-toolbar-left,
.cr-toolbar-right{
  display:flex;

  align-items:center;

  gap:6px;
}


.cr-btn-dark,
.cr-btn-outline,
.cr-btn-light,
.cr-btn-icon{
  min-height:37px;

  border-radius:6px;

  font-size:9px;

  font-weight:700;
}


.cr-btn-dark{
  padding:0 12px;

  border:1px solid #101d2b;

  background:#101d2b;

  color:#fff;
}


.cr-btn-outline,
.cr-btn-light{
  padding:0 12px;

  border:1px solid #cfd6df;

  background:#fff;

  color:#344054;
}


.cr-btn-icon{
  width:39px;

  padding:0;

  border:1px solid #cfd6df;

  background:#fff;
}


.cr-lupa{
  width:40px;

  padding:0;
}


.cr-lupa.ativo{
  background:var(--royal);

  border-color:var(--royal);
}


.cr-dropdown-wrap{
  position:relative;
}


.cr-dropdown-menu{
  position:absolute;

  top:42px;

  right:0;

  min-width:190px;

  padding:5px;

  background:#fff;

  border:1px solid #d7dde5;

  border-radius:7px;

  box-shadow:
    0 10px 25px
    rgba(15,23,42,.14);

  z-index:300;
}


.cr-toolbar-left
.cr-dropdown-menu{
  left:0;
  right:auto;
}


.cr-dropdown-menu button{
  width:100%;

  padding:8px 10px;

  border:0;

  background:#fff;

  text-align:left;

  font-size:9px;
}


.cr-dropdown-menu button:hover{
  background:#f5f7fa;
}


.cr-colunas-menu{
  min-width:220px;

  padding:8px 10px 10px;
}


.cr-colunas-menu > strong{
  display:block;

  padding-bottom:7px;

  margin-bottom:4px;

  border-bottom:1px solid #e5e7eb;

  font-size:10px;
}


.cr-colunas-menu label{
  min-height:25px;

  display:flex;

  align-items:center;

  gap:7px;

  font-size:9px;
}


.cr-colunas-menu input{
  accent-color:#132536;
}


.cr-cards{
  display:grid;

  grid-template-columns:
    repeat(5,minmax(0,1fr));

  gap:10px;

  margin-bottom:13px;
}


.cr-card{
  min-height:118px;

  padding:15px 16px;

  background:#fff;

  border:1px solid #dfe5ec;

  border-radius:8px;
}


.cr-card-top{
  display:flex;

  align-items:center;

  gap:9px;

  margin-bottom:14px;

  font-size:9px;
}


.cr-card-icon{
  width:30px;

  height:30px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:5px;

  font-weight:900;
}


.cr-card-icon.total{
  background:#eef1f4;
}


.cr-card-icon.vencido{
  background:#fae8ea;

  color:#d44444;
}


.cr-card-icon.hoje{
  background:#fff2de;

  color:#d38616;
}


.cr-card-icon.vencer{
  background:#edf1f5;
}


.cr-card-icon.recebido{
  background:#e4f4e9;

  color:#149552;
}


.cr-card > strong{
  display:block;

  margin-bottom:5px;

  color:#101828;

  font-size:19px;
}


.cr-card small{
  color:#667085;

  font-size:8px;
}


.cr-filtros{
  margin-bottom:13px;

  padding:17px 18px;

  background:#fff;

  border:1px solid #dfe5ec;

  border-radius:8px;
}


.cr-filtros-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:13px 18px;
}


.cr-filtros-grid label{
  display:block;

  margin-bottom:6px;

  color:#344054;

  font-size:8px;
}


.cr-filtros-grid input,
.cr-filtros-grid select{
  width:100%;

  height:38px;

  padding:0 10px;

  border:1px solid #ccd5df;

  border-radius:4px;

  background:#fff;

  font-size:10px;
}


.cr-span2{
  grid-column:span 2;
}


.cr-range{
  display:grid;

  grid-template-columns:
    1fr 25px 1fr;

  align-items:center;

  gap:5px;
}


.cr-range span{
  text-align:center;

  font-size:9px;
}


.cr-filtro-botoes{
  grid-column:1/-1;

  display:flex;

  gap:6px;

  padding-top:4px;
}


.cr-table-card{
  background:#fff;

  border:1px solid #dfe5ec;

  border-radius:8px;
}


.cr-table-scroll{
  overflow-x:auto;
}


.cr-table{
  width:100%;

  border-collapse:collapse;

  font-size:9px;
}


.cr-table th{
  padding:11px 10px;

  border-right:1px solid #e1e6ec;
  border-bottom:1px solid #d8dee7;

  background:#fafbfc;

  color:#172033;

  text-align:left;

  font-size:8px;
}


.cr-table td{
  padding:11px 10px;

  border-right:1px solid #edf0f4;
  border-bottom:1px solid #edf0f4;

  color:#344054;

  vertical-align:middle;
}


.cr-check{
  width:36px;

  text-align:center !important;
}


.cr-status{
  display:inline-flex;

  padding:4px 7px;

  border:1px solid;

  border-radius:5px;

  font-size:8px;

  font-weight:700;
}


.cr-status.recebido{
  border-color:#35a853;

  background:#eaf8ee;

  color:#16833c;
}


.cr-status.aberto{
  border-color:#6385d5;

  background:#eef4ff;

  color:#365aa6;
}


.cr-status.vencido{
  border-color:#d95c5c;

  background:#fff0f0;

  color:#bd3737;
}


.cr-envio{
  display:inline-flex;

  padding:4px 7px;

  border:1px solid #ccd5df;

  border-radius:5px;

  background:#f7f9fb;

  color:#667085;

  font-size:8px;
}


@media(max-width:1200px){

  .cr-cards{
    grid-template-columns:
      repeat(3,1fr);
  }


  .cr-filtros-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

}


@media(max-width:700px){

  .cr-toolbar{
    align-items:stretch;

    flex-direction:column;
  }


  .cr-toolbar-left,
  .cr-toolbar-right{
    flex-wrap:wrap;
  }


  .cr-cards{
    grid-template-columns:1fr;
  }


  .cr-filtros-grid{
    grid-template-columns:1fr;
  }


  .cr-span2{
    grid-column:auto;
  }

}



/* =========================================================
   AJUSTE - REMOVE TITULO REPETIDO DA PAGINA
========================================================= */

.cr-title{
  display:none !important;
}