.btnOcul{
    border:0px;
    background: white;
 }
 .dataTable-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;   /* SEPARA */
    gap: 20px;                        /* espacio mínimo */
}

/* selector de entradas */
.dataTable-dropdown {
    flex: 0 0 auto;
}

/* wrapper del select */
.dataTable-fruta {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* buscador */
.dataTable-search {
     
    display: flex;
    justify-content: flex-end;
}

/* tamaño del select */
.dataTable-fruta select {
    height: 38px;
    min-width: 160px;
}

@media (max-width: 768px) {
    .dataTable-top {
        flex-direction: column;
        align-items: stretch;
    }

    .dataTable-search {
        justify-content: flex-start;
    }
}


.btnReset{
  background-color: #bd783a !important;
}
.cajaProc{
  width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}
.porc{
  margin-top: 26px;
    font-size: 15px;
    font-weight: 700;
}

.lblDet{
	font-weight: 400 !important;
}
.fw-700{
	font-weight: 700 !important;
}
.izqui{
	float:left;
}
.m-t-30{
	margin-top: 30px !important;
}
.p-b-8{
	padding-bottom: 8px !important;
}

.p-b-1{
	padding-bottom: 1px !important;
}
.pl-20{
	padding-left: 20px !important;
}
.ml-15{
    margin-left: 15px !important;
}
.mt-20{
	margin-top: 28px !important;
	margin-bottom: 1px !important;
	width: 90% !important
}
.blq{
	background: #dcdcdc;
   cursor: no-drop;
}
.dataTable-input{
	border-color: #67748e !important;
}

.table td {
    transition: background-color 0.3s ease;
}

.table tbody tr:hover td {
    background-color: #34476736;
}

.nav-item .collapse ul li:hover{
	background-color: #34476736;
}

.nav-item a:hover{
	background-color: #34476736;
}

.cursor{
    position: relative;
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(122,120,146,0.75);
    font-size: 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}
 .typewriter-animation {
  animation: 
    typewriter 3s steps(50) 1s 1 normal both, 
    blinkingCursor 700ms steps(50) infinite normal;
}
@keyframes typewriter {
  from { width: 0; }
  to { width: 40%; }
}
@keyframes blinkingCursor{
  from { border-right-color: rgba(122,120,146,0.75); }
  to { border-right-color: transparent; }
}

 
/* ===== TABLA ===== */
.tbl_report {
  border-collapse: collapse;
  font-size: 13px;
}

.tbl_report th,
.tbl_report td {
  border: 1px solid #444;
  padding: 6px;
  text-align: center;
}

/* ===== CABECERA ===== */
.cabecera th {
  background-color: #2e7d32;
  color: #fff;
  font-weight: bold;
}

.fi_c {
  background-color: #388e3c;
  color: #fff;
  text-align: center;
}

/* ===== TITULO DEL REPORTE ===== */
.cabecera tr:nth-child(4) th {
  background-color: #1b5e20;
  font-size: 15px;
  padding: 10px;
}

/* ===== ENCABEZADOS DE COLUMNAS ===== */
.cabecera tr:last-child th {
  background-color: #4caf50;
}

/* ===== CUERPO ===== */
.tbody_report tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* ===== IMAGEN ===== */
.img_report {
  width: 125px;
  margin-bottom: 15px !important;
}

/* ===== IMPRESIÓN ===== */
@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body {
    margin: 10mm;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-footer-group;
  }
}