/*
 CARGODEC LEGACY STYLE
 ORDEN=49
 ID=operacion_redesign_v61_fix_ancho_valores
 EXTRAIDO_DE=index.html
*/

/* v61: tarjeta de Operacion mas ancha y tabla compacta para evitar valores encimados */
#dash .vehicle-grid{
  grid-template-columns:repeat(auto-fill,minmax(620px,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.opTripCardV2{
  padding:12px!important;
  min-width:0!important;
}
.opTripCardV2 .proVehHead{
  margin-bottom:8px!important;
}
.opTripCardV2 .vehName{
  font-size:14px!important;
  gap:7px!important;
}
.opTripCardV2 .destinoInline{
  min-width:170px!important;
  max-width:220px!important;
}
.tripTopSummary{
  grid-template-columns:185px minmax(205px,1fr) 155px!important;
  gap:10px!important;
  padding-bottom:8px!important;
  overflow:hidden!important;
}
.tripTopSummary .photosMini{
  gap:7px!important;
}
.tripTopSummary .thumbSmall{
  width:84px!important;
  height:64px!important;
}
.tripStatusSummary{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:8px!important;
  padding-left:10px!important;
}
.tripStatusSummary>label{
  font-size:10px!important;
  line-height:1.05!important;
}
.tripStatusSummary .semaforoIcon{
  width:30px!important;
  height:52px!important;
}
.tripStatusText small{
  font-size:9px!important;
  line-height:1.05!important;
}
.tripStatusText .viajeSelect{
  width:100%!important;
  max-width:178px!important;
  height:30px!important;
  font-size:10px!important;
  padding:4px 7px!important;
}
.tripSubStatus{
  font-size:11px!important;
  line-height:1.1!important;
}
.tripStatusText em{
  font-size:10px!important;
  line-height:1.15!important;
}
.tripTotalGuias{
  width:155px!important;
  height:78px!important;
  padding:7px!important;
}
.tripTotalGuias strong{
  font-size:27px!important;
  line-height:1!important;
}
.tripTotalGuias small{
  font-size:10px!important;
  line-height:1.05!important;
}
.pedTableV2{
  margin:0 -12px!important;
  overflow:hidden!important;
}
.pedTableHead,.pedRow{
  grid-template-columns:.82fr 1.1fr .68fr 1.02fr .78fr 1.08fr .92fr!important;
  min-width:0!important;
}
.pedTableHead{
  font-size:9px!important;
  letter-spacing:.2px!important;
}
.pedTableHead span{
  padding:7px 5px!important;
}
.pedRow{
  min-height:62px!important;
}
.pedCell{
  padding:6px 6px!important;
}
.tipoCell{
  grid-template-columns:18px 1fr!important;
  column-gap:4px!important;
}
.tipoCell .boxIcon{
  font-size:15px!important;
}
.tipoCell b{
  font-size:15px!important;
}
.tipoCell em{
  font-size:12px!important;
}
.pedimentoCell small{
  font-size:9px!important;
  margin-bottom:1px!important;
}
.pedimentoCell .pedNumber{
  font-size:16px!important;
  margin-right:5px!important;
}
.pedimentoCell .pedIcon{
  font-size:15px!important;
  padding:1px 2px!important;
}
.numCell{
  font-size:14px!important;
  letter-spacing:-.4px!important;
}
.statusCell select{
  height:30px!important;
  min-width:0!important;
  width:100%!important;
  max-width:118px!important;
  border-radius:12px!important;
  font-size:10px!important;
  padding:4px 5px!important;
}
.updCell{
  font-size:10px!important;
  line-height:1.1!important;
  white-space:normal!important;
}
.opTripCardV2 .vehicleActions{
  gap:8px!important;
  padding-top:9px!important;
}
.opTripCardV2 .vehicleActions .btn,
.opTripCardV2 .vehicleActions a{
  height:40px!important;
  min-height:40px!important;
  font-size:11px!important;
  line-height:1.05!important;
}
@media(max-width:740px){
  #dash .vehicle-grid{grid-template-columns:1fr!important;}
  .opTripCardV2{overflow-x:auto!important;}
  .opTripCardV2 .proVehHead,
  .opTripCardV2 .vehicleActions,
  .tripTopSummary,
  .pedTableHead,
  .pedRow{min-width:610px!important;}
}
