/*
 CARGODEC LEGACY STYLE
 ORDEN=90
 ID=cargo_operacion_ped_compacto_v2_css
 EXTRAIDO_DE=index.html
*/


/*
 * IMPORTANTE:
 * NO modificamos grid-template-columns de la tabla.
 * GUIAS, VALOR, PESO y ESTATUS recuperan su ancho anterior.
 */


/* ==========================================================
   CELDA PEDIMENTO COMPACTA
   ========================================================== */

#dash .opTripCardV2 .pedimentoCell{

  display:flex!important;

  align-items:center!important;
  justify-content:flex-start!important;

  gap:2px!important;

  min-width:0!important;

  padding-left:4px!important;
  padding-right:2px!important;

  overflow:visible!important;

  white-space:nowrap!important;
}


/* NUMERO */
#dash .opTripCardV2
.pedimentoCell .pedNumber{

  display:inline-block!important;

  flex:0 0 64px!important;

  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;

  margin:0!important;
  padding:0!important;

  font-size:12px!important;
  font-weight:900!important;
  line-height:28px!important;

  overflow:visible!important;
  white-space:nowrap!important;
}


/* ==========================================================
   BOTON M
   ========================================================== */

#dash .opTripCardV2
.pedimentoCell
.mPedIcon:not(.cargoMFinalBtn):not(.cargoPrBtn):not(.cargoPpBtn){

  flex:0 0 29px!important;

  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;

  height:29px!important;

  margin:0!important;
  padding:0!important;

  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;
}


/* ==========================================================
   VOBO
   SOLO ICONO. SIN TEXTO VISIBLE.
   ========================================================== */

#dash .opTripCardV2
.pedimentoCell .cargoPrBtn:not([hidden]){

  position:relative!important;

  flex:0 0 29px!important;

  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;

  height:29px!important;

  margin:0!important;
  padding:0!important;

  overflow:visible!important;

  font-size:0!important;
  line-height:0!important;

  color:transparent!important;
  text-indent:-9999px!important;
}


/* ICONO VOBO */
#dash .opTripCardV2
.pedimentoCell .cargoPrBtn:not([hidden])::before{

  content:"\1F4C4";

  position:absolute!important;

  inset:0!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  font-size:14px!important;
  line-height:1!important;

  text-indent:0!important;

  color:#7c3aed!important;
}


/* ==========================================================
   R1
   ========================================================== */

#dash .opTripCardV2
.pedimentoCell .cargoR1Compacto{

  flex:0 0 27px!important;

  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:27px!important;
  min-width:27px!important;
  max-width:27px!important;

  height:29px!important;

  margin:0!important;
  padding:0!important;

  border:1px solid #7c3aed!important;
  border-radius:7px!important;

  background:#f5f3ff!important;
  color:#6d28d9!important;

  font-size:9px!important;
  font-weight:950!important;
  line-height:1!important;

  cursor:pointer!important;
}


#dash .opTripCardV2
.pedimentoCell .cargoR1Compacto:hover{

  background:#ede9fe!important;
  border-color:#6d28d9!important;
}


/* ==========================================================
   RESTAURAR ESTATUS
   ========================================================== */

#dash .opTripCardV2 .statusCell{

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  overflow:visible!important;
}


#dash .opTripCardV2 .statusCell select{

  display:block!important;

  visibility:visible!important;
  opacity:1!important;

  width:100%!important;

  min-width:105px!important;
  max-width:145px!important;

  margin:0!important;
}


/*
 * La rectificacion visible ahora es R1.
 * Ocultamos solamente el viejo icono circular
 * que los parches anteriores ponen junto al status.
 *
 * NO ocultamos el status.
 */
#dash .opTripCardV2
.statusCell .cargoRectificarPosStatus{

  display:none!important;
}


/* Anular la disposicion flex vieja de STATUS + rectificar */
#dash .opTripCardV2
.statusCell.cargoStatusConRectificar{

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:0!important;
}


/*
 * NO cambiar ancho de GUIAS.
 * NO cambiar ancho de VALOR.
 * NO cambiar grid de pedRow.
 */