/*================================================================================== DATOS REPORTE */
.reporteBox {
    width:100%;
    height:34px;
    display: grid;
	grid-template-columns:  1fr  400px        1fr;
    grid-template-areas: "  .    reporteFila  .";
        margin-top:8px;
    margin-bottom:8px;
}
.reporteFila {
    grid-area: reporteFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  135px        10px  1fr;
    grid-template-areas: "  reporteItem  .     reporteInput";
}
.reporteItem { 
    grid-area: reporteItem;
    display: grid;
    font-size: 15px;
    color: #777;
    place-items: center end;
}
.reporteInput { 
    grid-area: reporteInput;
    display: grid;
    width: 100%;              /* Ancho del rectángulo */
    height: 100%;              /* Alto del rectángulo */
    background-color: #f0f0f0; /* Color de fondo del rectángulo */
    border-radius: 10px;       /* Esquinas redondeadas */
    justify-content: center;   /* Centrar horizontalmente el input */
    align-items: center;       /* Centrar verticalmente el input */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para darle relieve */
    border: 1px solid #ccc;    /* Borde del rectángulo */
    font-size:15px;
    padding-left:5px;
}
.submitBox {
    grid-area: reporteFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  100%;
    grid-template-areas: "  submitReporte";
    place-items:center;
}
.submitReporte {
    grid-area: submitReporte;
    display:grid; 
    width: 100px;
    place-items:center;
    font-size:15px;
    margin-top:8px;
    margin-bottom:8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para darle relieve */
    border: 1px solid #ccc;    /* Borde del rectángulo */
    background-color: #f0f0f0; /* Color de fondo del rectángulo */
    border-radius: 10px;       /* Esquinas redondeadas */
}
/*================================================================================ CABECERA PAGOS */
.cabeceraAsesorBox {
    width:100%;
    height:90px;
    display: grid;
	position: relative;
	grid-template-columns:  1fr  500px          1fr;
    grid-template-areas: "  .    cabeceraAsesor  .";
    margin-top:15px;
    margin-bottom:15px;
}
.reporteEmpresaLogo {
    height: auto;
    left: 28px;
    max-width: 155px;
    object-fit: contain;
    position: absolute;
    top: 8px;
    width: 155px;
}
.cabeceraAsesor {
    grid-area: cabeceraAsesor;
    display: grid;
    width:100%;
    height:90px;
    grid-template-rows:     30px  30px  30px;
    grid-template-columns:  150px   170px        210px;
    grid-template-areas: "  label1  asesorName   asesorName"
                         "  label2  fechaInicio  asesorIcon"
                         "  label3  fechaFin     asesorIcon";
    place-items:center start;
}
.label1 {  grid-area: label1;  }
.label2 {  grid-area: label2;  }
.label3 {  grid-area: label3;  }
.label1,.label2,.label3 {
    width:100%;
    height:100%;
    font-size:14px;
    color:#777;
    display:grid;
    place-items:center end;
}
.asesorName {
    grid-area: asesorName;
    font-size: 16px;
    font-weight:bold;
    padding-left:15px;
}
.fechaInicio {  grid-area: fechaInicio;  }
.fechaFin    {  grid-area: fechaFin;  }
.fechaInicio,.fechaFin {
    display:grid;
    width:100%;
    height:100%;
    padding-left:15px;
    place-items:center start;
    font-size:16px;
    color: #009;
}
.asesorIcon {
    grid-area: asesorIcon;
    display:grid;
    place-items:center start;
    width: 100%;
    height: 100%;
}
.asesorIcon img {
    width: 30px;
}
/*============================================================================== ASESOR PAGOS TOTALES*/
.asesorBoxTotal {
    width:100%;
    height:34px;
    display: grid;
    grid-template-rows:  34px;
	grid-template-columns:  1fr  1000px           1fr;
    grid-template-areas: "  .    asesorFilaTotal  .";
    padding-top:15px;
}
.asesorTasasSoles {
    align-self: start;
    box-sizing: border-box;
    color: #36556d;
    font-size: 13px;
    grid-area: asesorFilaTotal;
    justify-self: start;
    line-height: 1.45;
    padding: 2px 12px;
    width: 58%;
    z-index: 2;
}
.asesorTasasSolesTitulo {
    color: #1a3a5c;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 3px;
}
.asesorTasasSolesLista {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 18px;
}
.asesorTasasSolesLista span {
    white-space: nowrap;
}
.asesorTasasSolesLista strong {
    color: #067078;
    font-weight: 600;
}
.asesorFilaTotal {
    grid-area: asesorFilaTotal;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns: var(--asesor-reporte-grid);
    grid-template-areas: "vacio vacio vacio vacio vacio vacio vacio vacio vacio vacio vacio itemTotal itemTotal comTotal";
    box-sizing: border-box;
    padding: 0 10px 0 3px;
    place-items: center end;
}
.coinTotal {
    grid-area: coinTotal;
    display: grid;
    width:100%;
    height:100%;
    font-size: 15px;
    color:#888;
    place-items: center end;
}
.vacio {
    grid-area: vacio;
    display: grid;
    width:100%;
    height:100%;
}
.resumenDocumentoIndicacion {
    align-items: center;
    color: #526b7e;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    gap: 8px;
    justify-content: flex-end;
    padding-right: 12px;
    white-space: nowrap;
}
.resumenDocumentoFlecha {
    color: #067078;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.resumenDocumentoFactura {
    color: #334e63;
}
.itemTotal { 
    grid-area: itemTotal;
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    width:100%;
    height:100%;
    font-size: 15px;
    place-items: center end;
    color:#06C;
}
.resumenMoneda {
    color: #888;
    font-size: 14px;
    font-weight: 400;
}
.comTotal { 
    grid-area: comTotal;
    display: grid;
    width:100%;
    height:100%;
    font-size: 15px;
    place-items: center end;
    color:#036;
    transform: translateX(-6px);
}
/*===================================================================================================== ASESOR PAGOS */
.asesorBox {
    width:100%;
    height:30px;
    display: grid;
	grid-template-columns:  1fr  1000px       1fr;
    grid-template-areas: "  .    asesorFondo  .";
}
.asesorFondo {
    grid-area: asesorFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  1000px;
    grid-template-areas: "  asesorFila";
}
.asesorFondoGris {
    grid-area: asesorFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  1000px;
    grid-template-areas: "  asesorFila";
    background:#E7E7E7;
}
.asesorFila {
    grid-area: asesorFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  30px       25px       25px       75px           1fr            15px  80px         80px          110px           45px         70px        65px        65px             65px;
    grid-template-areas: "  asesorNum asesorDia  asesorMes  asesorAsegura  asesorCliente  .     asesorPlaca  asesorPoliza  asesorLiquida  asesorPrima  asesorNeta  asesorTasa  asesorComBroker  asesorCom";
    place-items: center start;
}
.asesorDia {
    grid-area: asesorDia;
    display: grid;
    width:100%;
    font-size: 14px;
    place-items: center end;
}
.asesorMes { 
    grid-area: asesorMes;
    display: grid;
    width:100%;
    font-size: 14px;
}
.asesorAsegura { 
    grid-area: asesorAsegura;
    display: grid;
    font-size: 14px;
}
.asesorCliente {
    grid-area: asesorCliente;
    display: grid;
    width:100%;
    font-size: 15px;
    color:#555;
    overflow: hidden;
    white-space: nowrap;
}
.asesorPlaca { 
    grid-area: asesorPlaca;
    display: grid;
    width:100%;
    font-size: 14px;
    color:#066;
}
.asesorPoliza {
    grid-area: asesorPoliza;
    display: grid;
    width:100%;
    font-size: 14px;
    place-items: center end;
    color:#55F;
}
.asesorLiquida {
    grid-area: asesorLiquida;
    display: grid;
    width:100%;
    font-size: 14px;
    place-items: center end;
    color:#630;
    text-decoration:none;
}
.asesorLiquida:hover {
    color:#630;
    font-size:14px;
    text-decoration:none;
    font-weight:bold;
}
.asesorFin { 
    grid-area: asesorFin;
    display: grid;
    width:100%;
    font-size: 13px;
    place-items: center end;
    color:#630;
}
.asesorUso { 
    grid-area: asesorUso;
    display: grid;
    width:100%;
    font-size: 16px;
}
.asesorMoneda { 
    grid-area: asesorMoneda;
    display: grid;
    width:100%;
    height:100%;
    font-size: 13px;
    color:#AAA;
    font-weight:normal;
    place-items: center end;
}
.asesorPrima { 
    grid-area: asesorPrima;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#06C;
}
.asesorCom { 
    grid-area: asesorCom;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#06C;
}
.asesorNeta { 
    grid-area: asesorNeta;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#39F;
}
.asesorTasa { 
    grid-area: asesorTasa;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#C30;
}
.asesorComBroker { 
    grid-area: asesorComBroker;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#066;
}
.asesorCom { 
    grid-area: asesorCom;
    display: grid;
    width:100%;
    font-size: 14px;
    place-items: center end;
    color:#036;
}
.asesorNum { 
    grid-area: asesorNum;
    display: grid;
    width:100%;
    font-size: 10px;
    place-items: center end;
    padding-right:5px;
    color:#AAA;
}

/*============================================================================== REPORTE ASESOR — TABLA */
.asesorReporteTabla {
    --asesor-reporte-grid: 30px 25px 25px 75px minmax(180px, 1fr) 15px 80px 80px 110px 55px 70px 55px 70px 70px;
    background: #f4f7fa;
    padding-bottom: 18px;
    width: 100%;
}
.asesorReporteCabeceraBox {
    background: rgba(244, 247, 250, .96);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    display: grid;
    grid-template-columns: minmax(12px, 1fr) minmax(0, 1000px) minmax(12px, 1fr);
    height: 26px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
}
.asesorReporteCabecera {
    align-items: center;
    background: linear-gradient(135deg, #173957, #245b82);
    border-radius: 0 0 9px 9px;
    box-shadow: 0 5px 14px rgba(20, 54, 82, .22);
    box-sizing: border-box;
    color: #fff;
    display: grid;
    font-size: 10px;
    font-weight: 700;
    grid-column: 2;
    grid-template-columns: var(--asesor-reporte-grid);
    height: 26px;
    letter-spacing: .02em;
    padding: 0 10px 0 3px;
    text-transform: uppercase;
}
.asesorHeadFecha { grid-column: 2 / 4; justify-self: end; padding-right: 8px; transform: translateX(-2px); }
.asesorHeadSeguro { grid-column: 4; transform: translateX(2px); }
.asesorHeadCliente { grid-column: 5; }
.asesorHeadRamo { grid-column: 7; transform: translateX(9px); }
.asesorHeadPoliza { grid-column: 8; justify-self: end; text-align: right; }
.asesorHeadLiquidacion { grid-column: 9; justify-self: end; text-align: right; }
.asesorHeadPrima { grid-column: 10; justify-self: end; }
.asesorHeadNeta { grid-column: 11; justify-self: end; transform: translateX(-3px); }
.asesorHeadTasa { grid-column: 12; justify-self: end; transform: translateX(-3px); }
.asesorHeadBroker { grid-column: 13; justify-self: end; text-align: right; transform: translateX(-6px); }
.asesorHeadComision { grid-column: 14; justify-self: end; text-align: right; transform: translateX(-6px); }
.asesorHeadSeguro,
.asesorReporteTabla .asesorAsegura {
    box-sizing: border-box;
    padding-left: 2px;
}
.asesorReporteTabla .asesorBox {
    box-sizing: border-box;
    grid-template-columns: minmax(12px, 1fr) minmax(0, 1000px) minmax(12px, 1fr);
    height: 40px;
    padding-top: 0;
}
.asesorReporteTabla .asesorFondo,
.asesorReporteTabla .asesorFondoGris {
    background: #fff;
    border: 1px solid #e0e8ef;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(20, 54, 82, .04);
    grid-template-columns: minmax(0, 1000px);
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.asesorReporteTabla .asesorFondoGris { background: #f8fafc; }
.asesorReporteTabla .asesorFondo:hover,
.asesorReporteTabla .asesorFondoGris:hover {
    border-color: #a9c5da;
    box-shadow: 0 4px 12px rgba(20, 54, 82, .11);
    transform: translateY(-1px);
}
.asesorReporteTabla .asesorFila {
    box-sizing: border-box;
    grid-template-columns: var(--asesor-reporte-grid);
    padding: 0 10px 0 3px;
}
.asesorReporteTabla .asesorDia,
.asesorReporteTabla .asesorMes,
.asesorReporteTabla .asesorAsegura,
.asesorReporteTabla .asesorCliente,
.asesorReporteTabla .asesorPlaca,
.asesorReporteTabla .asesorPoliza,
.asesorReporteTabla .asesorLiquida,
.asesorReporteTabla .asesorMoneda,
.asesorReporteTabla .asesorPrima,
.asesorReporteTabla .asesorNeta,
.asesorReporteTabla .asesorTasa,
.asesorReporteTabla .asesorComBroker,
.asesorReporteTabla .asesorCom {
    font-size: 13px;
    line-height: 1.2;
    min-width: 0;
}
.asesorReporteTabla .asesorCliente,
.asesorReporteTabla .asesorPoliza,
.asesorReporteTabla .asesorLiquida {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.asesorReporteTabla .asesorDia,
.asesorReporteTabla .asesorMes { transform: translateX(-2px); }
.asesorReporteTabla .asesorPlaca { transform: translateX(9px); }
.asesorReporteTabla .asesorAsegura { transform: translateX(2px); }
.asesorReporteTabla .asesorPrima { transform: none; }
.asesorReporteTabla .asesorNeta,
.asesorReporteTabla .asesorTasa { transform: translateX(-3px); }
.asesorReporteTabla .asesorComBroker,
.asesorReporteTabla .asesorCom { transform: translateX(-6px); }

/*============================================================================== REPORTE ASESOR — OBSERVACIONES */
.reporteObservaciones {
    background: #fff;
    border: 1px solid #b9c8d5;
    border-radius: 8px;
    box-sizing: border-box;
    color: #263d52;
    margin: 18px auto 8px;
    max-width: 1000px;
    overflow: hidden;
    width: calc(100% - 24px);
}
.reporteObservacionesEncabezado {
    align-items: center;
    background: #eef3f7;
    border-bottom: 1px solid #ccd7e0;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    padding: 6px 12px 6px 16px;
}
.reporteObservacionesTitulo {
    color: #1a3a5c;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.reporteObservacionesAgregar {
    align-items: center;
    background: #1a3a5c;
    border: 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 22px;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 2px;
    width: 30px;
}
.reporteObservacionesAgregar:hover { background: #245b82; }
.reporteObservacionesEditor { padding: 7px 14px 10px; }
.reporteObservacionFila,
.reporteObservacionPdfFila {
    align-items: start;
    display: grid;
    gap: 7px;
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 5px 0;
}
.reporteObservacionNumero {
    color: #1a3a5c;
    font-size: 13px;
    font-weight: 700;
    padding-top: 9px;
    text-align: right;
}
.reporteObservacionInput {
    background: #fff;
    border: 1px solid #d2dce5;
    border-radius: 5px;
    box-sizing: border-box;
    color: #263d52;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.45;
    min-height: 38px;
    overflow: hidden;
    padding: 8px 10px;
    resize: none;
    width: 100%;
}
.reporteObservacionInput:focus {
    border-color: #3977a9;
    box-shadow: 0 0 0 3px rgba(57, 119, 169, .12);
    outline: 0;
}
.reporteObservacionInput::placeholder { color: #8a98a6; }
.reporteObservacionesPdf { display: none; padding: 8px 16px 11px; }
.reporteObservacionPdfFila span:last-child {
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    padding-top: 6px;
    white-space: pre-wrap;
}
.reporteObservacionesVacio {
    color: #647687;
    font-size: 13px;
    line-height: 1.5;
    padding: 7px 0;
}
.reporteObservacionesModoPdf .reporteObservacionesAgregar,
.reporteObservacionesModoPdf .reporteObservacionesEditor { display: none; }
.reporteObservacionesModoPdf .reporteObservacionesPdf { display: block; }
.reporteObservacionesModoPdf .reporteObservacionesEncabezado { padding-right: 16px; }

/*============================================================================== COMPARADOR EXCEL */
.reporteComparador {
    background: #fff;
    border: 1px solid #d9e3eb;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(20, 54, 82, .08);
    box-sizing: border-box;
    margin: 0 auto 35px;
    max-width: 1000px;
    padding: 16px;
}
.reporteComparadorHead {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}
.reporteComparadorTitle { color: #233d54; font-size: 15px; font-weight: 700; }
.reporteComparadorSub { color: #748494; font-size: 11px; margin-top: 3px; }
.reporteComparadorBtn {
    background: #1a5c87;
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 16px;
    white-space: nowrap;
}
.reporteComparadorBtn:hover { background: #144868; }
.reporteComparadorBtn:disabled { cursor: wait; opacity: .65; }
.reporteComparadorMsg { color: #627587; font-size: 11px; min-height: 16px; padding-top: 10px; }
.reporteComparadorMsg.exito { color: #267044; }
.reporteComparadorMsg.error { color: #ae3030; }
.reporteComparadorResumen {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(5, 1fr);
    margin: 8px 0 12px;
}
.reporteComparadorCard {
    background: #f5f8fa;
    border-left: 4px solid #8da0b0;
    border-radius: 6px;
    color: #53687a;
    font-size: 10px;
    padding: 9px 11px;
}
.reporteComparadorCard.ok { border-color: #3c8b61; }
.reporteComparadorCard.warn { border-color: #d49326; }
.reporteComparadorCard.excel { border-color: #9856a2; }
.reporteComparadorCard.system { border-color: #3b73a4; }
.reporteComparadorCard.amount { border-color: #c45d32; }
.reporteComparadorCardValue { color: #233d54; font-size: 20px; font-weight: 800; margin-top: 3px; }
.reporteComparadorDeteccion {
    background: #f6f8fa;
    border-radius: 6px;
    color: #687b8c;
    font-size: 10px;
    line-height: 1.45;
    margin-bottom: 10px;
    padding: 8px 10px;
}
.reporteComparadorGrupo { border: 1px solid #e0e7ed; border-radius: 6px; margin-top: 8px; overflow: hidden; }
.reporteComparadorGrupo summary {
    background: #f4f7f9;
    color: #40576b;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    padding: 9px 11px;
}
.reporteComparadorGrupo.grupoWarn summary { color: #986311; }
.reporteComparadorGrupo.grupoExcel summary { color: #7c4385; }
.reporteComparadorGrupo.grupoSystem summary { color: #285f8d; }
.reporteComparadorGrupo.grupoOk summary { color: #267044; }
.reporteComparadorScroll { max-height: 300px; overflow: auto; }
.reporteComparadorTabla {
    display: grid;
    font-size: 10px;
    grid-template-columns: 60px 90px 110px 95px 95px 85px 90px 110px minmax(190px, 1fr);
    min-width: 1020px;
}
.reporteComparadorTabla > div { border-bottom: 1px solid #edf1f4; color: #53687a; padding: 7px 8px; }
.reporteComparadorTabla > div:nth-child(9n + 4),
.reporteComparadorTabla > div:nth-child(9n + 5),
.reporteComparadorTabla > div:nth-child(9n + 6) { text-align: right; }
.reporteComparadorTabla .reporteComparadorTh {
    background: #eaf0f5;
    color: #30495f;
    font-weight: 700;
    position: sticky;
    top: 0;
    z-index: 1;
}
@media (max-width: 700px) {
    .reporteComparador { border-radius: 0; }
    .reporteComparadorHead { align-items: stretch; flex-direction: column; }
    .reporteComparadorResumen { grid-template-columns: repeat(2, 1fr); }
}
/*============================================================================== REPORET ASESOR TOTALES*/
.asesorTotalBox {
    width:100%;
    height:32px;
    display: grid;
    grid-template-rows:  32px;
	grid-template-columns:  1fr  1000px           1fr;
    grid-template-areas: "  .    asesorTotalFila  .";
    padding-top:15px;
}
.asesorTotalFila {
    grid-area: asesorTotalFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns: var(--asesor-reporte-grid);
    grid-template-areas: ". . . . . . . . . asesPrima asesNeta . asesBroker asesCom";
    box-sizing: border-box;
    padding: 0 10px 0 3px;
    place-items: center end;
    border:1px solid gray; 
}
.asesCom { 
    grid-area: asesCom;
    display: grid;
    width:100%;
    font-size: 14px;
    place-items: center end;
    color:#036;
}
.asesBroker { 
    grid-area: asesBroker;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#066;
    transform: translateX(-6px);
}
.asesNeta { 
    grid-area: asesNeta;
    box-sizing: border-box;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    padding-left: 20px;
    place-items: center start;
    color:#39F;
    transform: none;
}
.asesPrima { 
    grid-area: asesPrima;
    display: grid;
    width:100%;
    height:100%;
    font-size: 14px;
    place-items: center end;
    color:#06C;
    transform: none;
}
.asesCom { transform: translateX(-6px); }
/*===================================================================================================== REPORTE LISTA */
.listaBox {
    width:100%;
    height:30px;
    display: grid;
	grid-template-columns:  1fr  1000px       1fr;
    grid-template-areas: "  .    listaFondo  .";
}
.listaFondo {
    grid-area: listaFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  1000px;
    grid-template-areas: "  listaFila";
}
.listaFondoGris {
    grid-area: listaFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  1000px;
    grid-template-areas: "  listaFila";
    background:#E7E7E7;
}
.listaFila {
    grid-area: listaFila;
    width:100%;
    height:100%;
    display: grid;
    grid-template-columns: 25px       28px       73px           1fr            85px         80px          85px       30px          45px         70px        40px        65px             65px       30px;
    grid-template-areas:  "asesorDia  asesorMes  asesorAsegura  asesorCliente  asesorPlaca  asesorPoliza  asesorIni  asesorMoneda  asesorCom  asesorNeta  asesorTasa  asesorComBroker  asesorCom  asesorNum";
    place-items: center start;
}

@media (max-width: 400px) {
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}
.btnPreliquidacionFinalizada,
.btnPreliquidacionFinalizada:hover,
.btnPreliquidacionFinalizada:focus {
    background: #9aa8b5 !important;
    color: #eef2f5 !important;
    cursor: not-allowed !important;
    opacity: .72;
}