/*
 CARGODEC LEGACY STYLE
 ORDEN=13
 ID=semaforo-cruces-layout-paginado-final
 EXTRAIDO_DE=index.html
*/

/* Semaforo de cruces: destino a la derecha, estatus debajo del semaforo y pedimentos paginados */
.semaforoDashGrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;gap:12px!important}
.semaforoDashCard{padding:11px 12px!important;min-height:0!important}
.semaforoDashTop{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:10px!important;margin-bottom:9px!important}
.semaforoMainStatus{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important}
.semaforoStatusLine{display:flex!important;align-items:center!important;gap:8px!important;line-height:1!important}
.semaforoStatusLine span{font-size:15px!important}.semaforoStatusLine b{font-size:12px!important;letter-spacing:.25px!important;color:#001b44!important}
.semaforoMainStatus .semaforoCruceText{display:block!important;max-width:190px!important;margin-left:22px!important;font-size:10.5px!important;font-style:normal!important;font-weight:900!important;line-height:1.12!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.semaforoMainStatus .semaforoCruceText.warn{color:#b45309!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.semaforoDestinoBox{justify-self:end!important;text-align:right!important;min-width:112px!important;max-width:150px!important}
.semaforoDestinoBox span{display:block!important;font-size:10.5px!important;font-weight:900!important;color:#64748b!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.semaforoDestinoBox strong{display:block!important;margin-top:5px!important;font-size:11px!important;font-weight:900!important;color:#64748b!important;line-height:1!important}
.semaforoVehLine{margin-bottom:8px!important}.semaforoVehLine small{font-size:11px!important}
.semaforoPedList{gap:5px!important;margin-top:7px!important}
.semaforoPedRow{grid-template-columns:58px 78px 1fr 92px!important;gap:6px!important;padding:5px 7px!important;min-height:26px!important}
.semPedBloque{font-size:10.5px!important}.semPedNumero{font-size:11px!important}.semPedGuias{text-align:right!important;font-size:10.5px!important;color:#475569!important;padding-right:4px!important}.semPedStatus{text-align:right!important;font-size:10.5px!important;color:#001b44!important;background:transparent!important;padding:0!important;border-radius:0!important}
.semPedStatus.PAGADO,.semPedStatus.PAGO,.semPedStatus.PENDIENTE,.semPedStatus.VALIDACION{background:transparent!important;color:#001b44!important}
.semaforoPager{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;margin-top:7px!important}
.semaforoPager button{width:24px!important;height:22px!important;border:1px solid #dbe4f0!important;border-radius:8px!important;background:#fff!important;color:#001b44!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;line-height:1!important}
.semaforoPager button:disabled{opacity:.35!important;cursor:not-allowed!important}.semaforoPager span{font-size:10px!important;font-weight:900!important;color:#64748b!important}
@media(max-width:700px){.semaforoDashGrid{grid-template-columns:1fr!important}.semaforoPedRow{grid-template-columns:52px 72px 1fr 82px!important}.semaforoDestinoBox{max-width:120px!important}}