/*
 CARGODEC LEGACY STYLE
 ORDEN=89
 ID=cargo_operacion_vobo_rect_guias_final_v1_css
 EXTRAIDO_DE=index.html
*/


/* ==========================================================
   VOBO: SOLO ICONO
   ========================================================== */

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

  position:relative!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

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

  height:30px!important;

  margin:0 2px!important;
  padding:0!important;

  overflow:visible!important;

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

  color:transparent!important;

  text-indent:-9999px!important;

  border-radius:7px!important;

  cursor:pointer!important;
}


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

  content:"\1F4C4";

  position:absolute!important;

  left:0!important;
  top:0!important;

  width:100%!important;
  height:100%!important;

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

  text-indent:0!important;

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

  color:#7c3aed!important;
}


/* Tooltip propio */
#dash .opTripCardV2
.pedimentoCell .cargoPrBtn:not([hidden])::after{

  content:"Pedimento para revisar";

  position:absolute!important;

  left:50%!important;
  bottom:calc(100% + 7px)!important;

  transform:translateX(-50%)!important;

  display:block!important;

  width:max-content!important;
  max-width:220px!important;

  padding:6px 8px!important;

  border-radius:6px!important;

  background:#111827!important;
  color:#ffffff!important;

  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;

  text-indent:0!important;

  white-space:nowrap!important;

  opacity:0!important;
  visibility:hidden!important;

  pointer-events:none!important;

  z-index:2147482000!important;

  transition:
    opacity .12s ease,
    visibility .12s ease!important;
}


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

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


#dash .opTripCardV2 .pedimentoCell,
#dash .opTripCardV2 .pedRow{

  overflow:visible!important;
}


/* ==========================================================
   RECTIFICACION JUNTO A ESTATUS
   ========================================================== */

#dash .opTripCardV2 .statusCell{

  overflow:visible!important;
}


#dash .opTripCardV2
.statusCell.cargoStatusConRectificar{

  display:flex!important;
  flex-direction:row!important;

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

  gap:5px!important;

  white-space:nowrap!important;
}


#dash .opTripCardV2
.statusCell.cargoStatusConRectificar select{

  flex:1 1 auto!important;

  width:auto!important;

  min-width:0!important;
  max-width:none!important;

  margin:0!important;
}


#dash .opTripCardV2
.cargoRectificarPosStatus{

  display:inline-flex!important;

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

  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;

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

  background:#f5f3ff!important;
  color:#7c3aed!important;

  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;

  cursor:pointer!important;
}


#dash .opTripCardV2
.cargoRectificarPosStatus:hover{

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


/* ==========================================================
   TOTAL GUIAS
   ========================================================== */

#dash .opTripCardV2
.cargoTotalGuiasFix{

  text-align:center!important;
}


#dash .opTripCardV2
.cargoTotalGuiasFix .cargoGuiasLabel{

  font-size:10px!important;
  font-weight:800!important;

  color:#64748b!important;

  line-height:1.15!important;
}


#dash .opTripCardV2
.cargoTotalGuiasFix .cargoGuiasNumero{

  margin-top:2px!important;

  font-size:32px!important;
  font-weight:950!important;

  color:#071b3a!important;

  line-height:1!important;
}


#dash .opTripCardV2
.cargoTotalGuiasFix .cargoGuiasDetalle{

  margin-top:4px!important;

  font-size:10px!important;
  font-weight:900!important;

  color:#64748b!important;

  white-space:nowrap!important;
}