﻿/* YOLKA_URGENT_TABLE_R48C2
   SOLO TABLA DE RECEPCION.
   NO MODIFICA OTRAS TABLAS.
*/

#urgentManifestCard .urgent-table-head-v5,
#urgentManifestCard .urgent-row-v5{
    grid-template-columns:
        48px
        minmax(210px,1.35fr)
        92px
        92px
        76px
        120px
        100px
        minmax(180px,1fr)
        70px
        48px
        48px
        48px
        !important;

    align-items:center !important;
}

/* encabezados */
#urgentManifestCard .urgent-table-head-v5{
    min-height:42px !important;
}

#urgentManifestCard .urgent-table-head-v5 > span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 4px !important;
    margin:0 !important;
    min-width:0 !important;
    white-space:nowrap !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.03em !important;

    color:#29445f !important;
    background:transparent !important;
}

/* manifiesto alineado a izquierda */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(2){
    justify-content:flex-start !important;
    padding-left:8px !important;
}

/* fila */
#urgentManifestCard .urgent-row-v5{
    min-height:50px !important;
}

/* estado */
#urgentManifestCard .urgent-state-cell{
    display:flex !important;
    justify-content:center !important;
}

/* manifiesto */
#urgentManifestCard .urgent-manifest-cell-v5{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
}

/* conciliado */
#urgentManifestCard .urgent-conciliado-cell{
    display:flex !important;
    justify-content:center !important;
}

/* cliente */
#urgentManifestCard .urgent-client-cell{
    display:flex !important;
    justify-content:center !important;
}

/* master */
#urgentManifestCard .urgent-master-cell{
    display:flex !important;
    justify-content:center !important;
}

/* alta */
#urgentManifestCard .urgent-alta-cell{
    display:flex !important;
    justify-content:center !important;
}

/* PEDIMENTOS */
#urgentManifestCard .urgent-archivo-m-cell{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-pedimentos-count{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:34px !important;
    height:28px !important;
    padding:0 8px !important;

    border-radius:8px !important;
    border:1px solid #c9d9ea !important;

    background:#f5f9fd !important;
    color:#0759b7 !important;

    font-size:13px !important;
    font-weight:900 !important;
}

/* avance */
#urgentManifestCard .urgent-progress-cell{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 8px !important;
}

#urgentManifestCard .urgent-progress{
    width:100% !important;
    min-width:160px !important;
    max-width:230px !important;
    margin:0 auto !important;
}

/* observacion */
#urgentManifestCard .urgent-observation{
    display:flex !important;
    justify-content:center !important;
}

/* botones finales */
#urgentManifestCard .urgent-email-cell,
#urgentManifestCard .urgent-more-cell,
#urgentManifestCard .urgent-remove-cell{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* YOLKA_URGENT_TABLE_R48C3_START */
/* SOLO AJUSTES VISUALES DE LA TABLA RECEPCION */

#urgentManifestCard .urgent-table-head-v5,
#urgentManifestCard .urgent-row-v5{
    grid-template-columns:
        48px
        minmax(220px,1.30fr)   /* manifiesto */
        105px                  /* cliente */
        92px                   /* conciliado */
        76px                   /* master */
        120px                  /* alta */
        100px                  /* pedimentos */
        minmax(170px,.95fr)    /* avance */
        minmax(180px,1.15fr)   /* observacion */
        48px
        48px
        48px
        !important;
}

/* REORDENAR VISUALMENTE:
   ESTADO | MANIFIESTO | CLIENTE | CONCILIADO | MASTER | ALTA | PEDIMENTOS | AVANCE | OBSERVACION | EMAIL | MAS | QUITAR
*/

/* HEADERS */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(1){ grid-column:1 !important; }
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(2){
    grid-column:2 !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
}
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(3){ grid-column:4 !important; } /* conciliado */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(4){ grid-column:5 !important; } /* master */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(5){ grid-column:3 !important; } /* cliente */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(6){ grid-column:6 !important; } /* alta */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(7){ grid-column:7 !important; } /* pedimentos */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(8){ grid-column:8 !important; } /* avance */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(9){ grid-column:9 !important; } /* observacion */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(10){ grid-column:10 !important; } /* email */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(11){ grid-column:11 !important; } /* mas */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(12){ grid-column:12 !important; } /* quitar */

/* ROW CELLS */
#urgentManifestCard .urgent-state-cell{ grid-column:1 !important; }

#urgentManifestCard .urgent-manifest-cell-v5{
    grid-column:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
}

#urgentManifestCard .urgent-client-cell{
    grid-column:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-conciliado-cell{
    grid-column:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-master-cell{
    grid-column:5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-alta-cell{
    grid-column:6 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-archivo-m-cell{
    grid-column:7 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-progress-cell{
    grid-column:8 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 8px !important;
}

#urgentManifestCard .urgent-observation{
    grid-column:9 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    min-width:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
}

#urgentManifestCard .urgent-email-cell{
    grid-column:10 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-more-cell{
    grid-column:11 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-remove-cell{
    grid-column:12 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* BARRA DE AVANCE */
#urgentManifestCard .urgent-progress{
    width:100% !important;
    min-width:160px !important;
    max-width:230px !important;
    margin:0 auto !important;
}

/* LEYENDA DE COLORES MAS A LA IZQUIERDA
   (si estas clases existen, se aplican; si no, no afectan nada)
*/
#urgentManifestCard .urgent-status-legend,
#urgentManifestCard .urgent-legend,
#urgentManifestCard .urgent-legend-row,
#urgentManifestCard .urgent-filters-legend,
#urgentManifestCard .urgent-status-row{
    justify-content:flex-start !important;
    text-align:left !important;
    margin-left:260px !important;
}

/* YOLKA_URGENT_TABLE_R48C3_END */


/* ==========================================================
   YOLKA_URGENT_TABLE_R48C4
   CORRECCION DE R48C3
   SOLO TABLA DE RECEPCION
   ========================================================== */

#urgentManifestCard .urgent-table-head-v5,
#urgentManifestCard .urgent-row-v5{
    grid-template-columns:
        48px
        minmax(230px,1.25fr)
        105px
        92px
        76px
        120px
        100px
        minmax(180px,.90fr)
        minmax(280px,1.45fr)
        48px
        48px
        48px
        !important;

    align-items:center !important;
}

/* MUY IMPORTANTE:
   TODOS LOS ELEMENTOS EN UNA SOLA FILA
*/
#urgentManifestCard .urgent-table-head-v5 > span,
#urgentManifestCard .urgent-row-v5 > span{
    grid-row:1 !important;
}

/* ==========================================================
   ENCABEZADO
   ========================================================== */

/* ESTADO */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(1){
    grid-column:1 !important;
}

/* MANIFIESTO */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(2){
    grid-column:2 !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
}

/* CONCILIADO */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(3){
    grid-column:4 !important;
}

/* CLIENTE */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(4){
    grid-column:3 !important;
}

/* MASTER */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(5){
    grid-column:5 !important;
}

/* ALTA */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(6){
    grid-column:6 !important;
}

/* PEDIMENTOS */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(7){
    grid-column:7 !important;
}

/* AVANCE */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(8){
    grid-column:8 !important;
}

/* OBSERVACION */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(9){
    grid-column:9 !important;
}

/* EMAIL */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(10){
    grid-column:10 !important;
}

/* MAS */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(11){
    grid-column:11 !important;
}

/* QUITAR */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(12){
    grid-column:12 !important;
}


/* ==========================================================
   DATOS DE LA FILA
   ========================================================== */

#urgentManifestCard .urgent-state-cell{
    grid-column:1 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-manifest-cell-v5{
    grid-column:2 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-client-cell{
    grid-column:3 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-conciliado-cell{
    grid-column:4 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-master-cell{
    grid-column:5 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-alta-cell{
    grid-column:6 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-archivo-m-cell{
    grid-column:7 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-progress-cell{
    grid-column:8 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-observation{
    grid-column:9 !important;
    grid-row:1 !important;

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

    width:100% !important;
    min-width:0 !important;

    padding-left:14px !important;
    padding-right:14px !important;

    text-align:left !important;
}

#urgentManifestCard .urgent-email-cell{
    grid-column:10 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-more-cell{
    grid-column:11 !important;
    grid-row:1 !important;
}

#urgentManifestCard .urgent-remove-cell{
    grid-column:12 !important;
    grid-row:1 !important;
}


/* ==========================================================
   LEYENDA DE COLORES MAS A LA IZQUIERDA
   ========================================================== */

#urgentManifestCard .urgent-legend-inline,
#urgentManifestCard .urgent-state-legend{
    width:100% !important;
    box-sizing:border-box !important;

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

    margin-left:0 !important;
    padding-left:65px !important;
}


/* MANIFIESTO:
   encabezado centrado,
   numero conserva alineacion natural de la fila
*/
#urgentManifestCard .urgent-manifest-cell-v5{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
}


/* OBSERVACION CON ESPACIO REAL */
#urgentManifestCard .urgent-observation-button{
    max-width:100% !important;
}


/* ==========================================================
   FIN YOLKA_URGENT_TABLE_R48C4
   ========================================================== */



/* YOLKA_URGENT_TABLE_R48C5_START */
/* SOLO AJUSTES VISUALES FINOS DE LA TABLA RECEPCION */

#urgentManifestCard .urgent-table-head-v5,
#urgentManifestCard .urgent-row-v5{
    grid-template-columns:
        42px                    /* estado */
        minmax(180px,.95fr)     /* manifiesto */
        72px                    /* master */
        90px                    /* conciliado */
        88px                    /* cliente */
        108px                   /* alta */
        86px                    /* pedimentos */
        minmax(135px,.72fr)     /* avance */
        minmax(380px,2.10fr)    /* observacion */
        44px                    /* email */
        44px                    /* mas */
        44px                    /* quitar */
        !important;
}

/* TODO EN UNA SOLA FILA */
#urgentManifestCard .urgent-table-head-v5 > span,
#urgentManifestCard .urgent-row-v5 > span{
    grid-row:1 !important;
}

/* HEADERS */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(1){ grid-column:1 !important; }  /* estado */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(2){
    grid-column:2 !important;  /* manifiesto */
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
}
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(3){ grid-column:4 !important; }  /* conciliado */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(4){ grid-column:5 !important; }  /* cliente */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(5){ grid-column:3 !important; }  /* master */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(6){ grid-column:6 !important; }  /* alta */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(7){ grid-column:7 !important; }  /* pedimentos */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(8){ grid-column:8 !important; }  /* avance */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(9){ grid-column:9 !important; }  /* observacion */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(10){ grid-column:10 !important; } /* email */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(11){ grid-column:11 !important; } /* mas */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(12){ grid-column:12 !important; } /* quitar */

/* CELDAS */
#urgentManifestCard .urgent-state-cell{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-manifest-cell-v5{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding-left:0 !important;
    margin-left:0 !important;
}

#urgentManifestCard .urgent-master-cell{
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-conciliado-cell{
    grid-column:4 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-client-cell{
    grid-column:5 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-alta-cell{
    grid-column:6 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-archivo-m-cell{
    grid-column:7 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-progress-cell{
    grid-column:8 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 4px !important;
}

#urgentManifestCard .urgent-observation{
    grid-column:9 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    width:100% !important;
    min-width:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
}

#urgentManifestCard .urgent-email-cell{
    grid-column:10 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-more-cell{
    grid-column:11 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-remove-cell{
    grid-column:12 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* OBSERVACION MAS ANCHA REAL */
#urgentManifestCard .urgent-observation,
#urgentManifestCard .urgent-observation-button{
    max-width:100% !important;
    width:100% !important;
}

/* BARRA DE AVANCE MAS COMPACTA PARA LIBERAR ESPACIO */
#urgentManifestCard .urgent-progress{
    width:100% !important;
    min-width:120px !important;
    max-width:165px !important;
    margin:0 auto !important;
}

/* PEDIMENTOS UN POCO MAS COMPACTO */
#urgentManifestCard .urgent-pedimentos-count{
    min-width:32px !important;
    height:28px !important;
    padding:0 7px !important;
}

/* LEYENDA DE ESTATUS MAS A LA IZQUIERDA */
#urgentManifestCard .urgent-legend-inline,
#urgentManifestCard .urgent-state-legend{
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    padding-left:28px !important;
    margin-left:0 !important;
    box-sizing:border-box !important;
}

/* YOLKA_URGENT_TABLE_R48C5_END */



/* YOLKA_URGENT_TABLE_R48C6_START */
/*
   AJUSTE FINO.
   NO CAMBIA LOGICA.
   NO CAMBIA DATOS.
*/

#urgentManifestCard .urgent-table-head-v5,
#urgentManifestCard .urgent-row-v5{
    grid-template-columns:
        42px                    /* ESTADO */
        235px                   /* MANIFIESTO */
        74px                    /* MASTER */
        90px                    /* CONCILIADO */
        90px                    /* CLIENTE */
        105px                   /* ALTA */
        90px                    /* PEDIMENTOS */
        145px                   /* AVANCE */
        minmax(430px,1fr)       /* OBSERVACION */
        44px                    /* EMAIL */
        44px                    /* MAS */
        44px                    /* QUITAR */
        !important;

    align-items:center !important;
}


/* ==========================================================
   TODO EN LA MISMA FILA
   ========================================================== */

#urgentManifestCard .urgent-table-head-v5 > span,
#urgentManifestCard .urgent-row-v5 > span{
    grid-row:1 !important;
}


/* ==========================================================
   ENCABEZADOS
   ORDEN REAL:
   ESTADO
   MANIFIESTO
   MASTER
   CONCILIADO
   CLIENTE
   ALTA
   PEDIMENTOS
   AVANCE
   OBSERVACION
   EMAIL
   MAS
   QUITAR
   ========================================================== */

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(1){
    grid-column:1 !important;
}

/* MANIFIESTO */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(2){
    grid-column:2 !important;

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

    /*
       Se centra visualmente encima
       del numero de manifiesto.
    */
    padding-left:72px !important;
    text-align:left !important;
}


/* CONCILIADO */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(3){
    grid-column:4 !important;
}


/* CLIENTE */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(4){
    grid-column:5 !important;
}


/* MASTER */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(5){
    grid-column:3 !important;
}


/* ALTA */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(6){
    grid-column:6 !important;
}


/* PEDIMENTOS */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(7){
    grid-column:7 !important;
}


/* AVANCE */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(8){
    grid-column:8 !important;
}


/* OBSERVACION */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(9){
    grid-column:9 !important;
}


/* EMAIL */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(10){
    grid-column:10 !important;
}


/* MAS */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(11){
    grid-column:11 !important;
}


/* QUITAR */
#urgentManifestCard .urgent-table-head-v5 > span:nth-child(12){
    grid-column:12 !important;
}


/* ==========================================================
   CELDAS DE DATOS
   ========================================================== */

#urgentManifestCard .urgent-state-cell{
    grid-column:1 !important;
}


/* NUMERO DE MANIFIESTO UN POCO MAS A LA DERECHA */
#urgentManifestCard .urgent-manifest-cell-v5{
    grid-column:2 !important;

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

    padding-left:18px !important;
    margin-left:0 !important;

    gap:7px !important;
}


/* MASTER */
#urgentManifestCard .urgent-master-cell{
    grid-column:3 !important;

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


/* CONCILIADO */
#urgentManifestCard .urgent-conciliado-cell{
    grid-column:4 !important;

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


/* CLIENTE */
#urgentManifestCard .urgent-client-cell{
    grid-column:5 !important;

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


/* ALTA */
#urgentManifestCard .urgent-alta-cell{
    grid-column:6 !important;

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


/* PEDIMENTOS */
#urgentManifestCard .urgent-archivo-m-cell{
    grid-column:7 !important;

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


/* AVANCE */
#urgentManifestCard .urgent-progress-cell{
    grid-column:8 !important;

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

    padding:0 4px !important;
}

#urgentManifestCard .urgent-progress{
    width:100% !important;

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

    margin:0 auto !important;
}


/* ==========================================================
   OBSERVACION MUCHO MAS ABIERTA
   ========================================================== */

#urgentManifestCard .urgent-observation{
    grid-column:9 !important;

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

    width:100% !important;
    min-width:0 !important;

    padding-left:16px !important;
    padding-right:16px !important;

    text-align:left !important;
}

#urgentManifestCard .urgent-observation-button{
    width:auto !important;
    max-width:100% !important;
}


/* ==========================================================
   ACCIONES
   ========================================================== */

#urgentManifestCard .urgent-email-cell{
    grid-column:10 !important;
    display:flex !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-more-cell{
    grid-column:11 !important;
    display:flex !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-remove-cell{
    grid-column:12 !important;
    display:flex !important;
    justify-content:center !important;
}


/* YOLKA_URGENT_TABLE_R48C6_END */





/* YOLKA_URGENT_TABLE_R48C7_START */
/*
   SOLO POSICIONES Y ANCHOS.
   LOS ENCABEZADOS SE CONSERVAN COMO ESTAN.
*/

#urgentManifestCard .urgent-table-head-v5,
#urgentManifestCard .urgent-row-v5{
    width:100% !important;
    column-gap:0 !important;
    gap:0 !important;

    grid-template-columns:
        50px                    /* ESTADO */
        225px                   /* MANIFIESTO */
        82px                    /* CLIENTE */
        90px                    /* CONCILIADO */
        72px                    /* MASTER */
        105px                   /* ALTA */
        90px                    /* PEDIMENTOS */
        140px                   /* AVANCE */
        minmax(460px,1fr)       /* OBSERVACION */
        44px                    /* EMAIL */
        44px                    /* MAS */
        44px                    /* QUITAR */
        !important;
}


/* =========================================================
   ENCABEZADOS
   SE CONSERVA EL ORDEN VISUAL ACTUAL:
   ESTADO | MANIFIESTO | CLIENTE | CONCILIADO | MASTER
   ========================================================= */

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(1){
    grid-column:1 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(2){
    grid-column:2 !important;

    justify-content:flex-start !important;
    text-align:left !important;

    /*
       Centrado visualmente sobre el NUMERO,
       no sobre el icono de copiar.
    */
    padding-left:82px !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(3){
    grid-column:4 !important; /* CONCILIADO */
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(4){
    grid-column:3 !important; /* CLIENTE */
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(5){
    grid-column:5 !important; /* MASTER */
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(6){
    grid-column:6 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(7){
    grid-column:7 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(8){
    grid-column:8 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(9){
    grid-column:9 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(10){
    grid-column:10 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(11){
    grid-column:11 !important;
}

#urgentManifestCard .urgent-table-head-v5 > span:nth-child(12){
    grid-column:12 !important;
}


/* =========================================================
   UNA SOLA FILA
   ========================================================= */

#urgentManifestCard .urgent-table-head-v5 > span,
#urgentManifestCard .urgent-row-v5 > span{
    grid-row:1 !important;
}


/* =========================================================
   RENGLON
   ========================================================= */

#urgentManifestCard .urgent-state-cell{
    grid-column:1 !important;

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


/*
   NUMERO DE MANIFIESTO MAS A LA DERECHA DENTRO
   DE SU PROPIA COLUMNA.
*/
#urgentManifestCard .urgent-manifest-cell-v5{
    grid-column:2 !important;

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

    padding-left:34px !important;
    margin:0 !important;
    gap:8px !important;
}


/*
   CORRECCION IMPORTANTE:
   CLIENTE Y MASTER YA NO QUEDAN VOLTEADOS.
*/
#urgentManifestCard .urgent-client-cell{
    grid-column:3 !important;

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

#urgentManifestCard .urgent-conciliado-cell{
    grid-column:4 !important;

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

#urgentManifestCard .urgent-master-cell{
    grid-column:5 !important;

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

#urgentManifestCard .urgent-alta-cell{
    grid-column:6 !important;

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

#urgentManifestCard .urgent-archivo-m-cell{
    grid-column:7 !important;

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

#urgentManifestCard .urgent-progress-cell{
    grid-column:8 !important;

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

    padding:0 5px !important;
}

#urgentManifestCard .urgent-progress{
    width:100% !important;
    min-width:120px !important;
    max-width:140px !important;
    margin:0 !important;
}


/* =========================================================
   OBSERVACION MAS ANCHA
   ========================================================= */

#urgentManifestCard .urgent-observation{
    grid-column:9 !important;

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

    width:100% !important;
    min-width:0 !important;

    padding-left:18px !important;
    padding-right:18px !important;

    text-align:left !important;
}

#urgentManifestCard .urgent-observation-button{
    max-width:100% !important;
}


/* =========================================================
   ACCIONES
   ========================================================= */

#urgentManifestCard .urgent-email-cell{
    grid-column:10 !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-more-cell{
    grid-column:11 !important;
    justify-content:center !important;
}

#urgentManifestCard .urgent-remove-cell{
    grid-column:12 !important;
    justify-content:center !important;
}


/* =========================================================
   LEYENDA
   EL PUNTO GRIS QUEDA ALINEADO CON EL SEMAFORO DE ESTADO
   ========================================================= */

#urgentManifestCard .urgent-legend-inline,
#urgentManifestCard .urgent-state-legend{
    width:100% !important;

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

    box-sizing:border-box !important;

    margin-left:0 !important;
    margin-right:0 !important;

    /*
       Columna ESTADO = 50px.
       Punto de 12px aprox.
       19px + 6px = centro 25px.
    */
    padding-left:19px !important;

    gap:16px !important;
}

#urgentManifestCard .urgent-legend-inline > span:first-child,
#urgentManifestCard .urgent-state-legend > span:first-child{
    margin-left:0 !important;
}


/* YOLKA_URGENT_TABLE_R48C7_END */


