/*---------------------------------------------------------------------- soat Box */
.soatBox {
    width:100%;
    height:30px;
    display: grid;
	grid-template-columns:  1fr  1000px     1fr;
    grid-template-areas: "  .    soatFondo  .";
}
.soatFondo {
    grid-area: soatFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  1000px;
    grid-template-areas: "  soatFila";
}
.soatFondoGris {
    grid-area: soatFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  1000px;
    grid-template-areas: "  soatFila";
    background:#E7E7E7;
}
.soatFila {
    grid-area: soatFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  25px     30px     105px        125px       90px       1fr          120px    20px  90px        90px          25px;
    grid-template-areas: "  soatDia  soatMes  soatAsegura  soatPoliza  soatPlaca  soatCliente  soatFin  .     soatAsesor  soatPlanilla  soatAtendido";
    place-items: center start;
}
.soatDia { 
    grid-area: soatDia;
    display: grid;
    width:100%;
    font-size: 15px;
    place-items: center end;
}
.soatMes { 
    grid-area: soatMes;
    display: grid;
    width:100%;
    font-size: 15px;
}
.soatAsegura { 
    grid-area: soatAsegura;
    display: grid;
    font-size: 16px;
}
.soatAseguraAnulado { 
    grid-area: soatAsegura;
    display: grid;
    font-size: 16px;
    color:#CCC;
}
.soatPoliza { 
    grid-area: soatPoliza;
    display: grid;
    width:100%;
    font-size: 15px;
}
.soatPolizaAnulado { 
    grid-area: soatPoliza;
    display: grid;
    width:100%;
    font-size: 15px;
    color:#CCC;
}
.soatPlaca { 
    grid-area: soatPlaca;
    display: grid;
    width:100%;
    font-size: 15px;
}
.soatPlacaAnulado { 
    grid-area: soatPlaca;
    display: grid;
    width:100%;
    font-size: 15px;
    color:#BBB;
}
.soatPlaca,.soatPlacaIcon:hover {
    cursor: pointer;
}
.soatCliente { 
    grid-area: soatCliente;
    display: grid;
    width:100%;
    font-size: 16px;
}
.soatClienteAnulado { 
    grid-area: soatCliente;
    display: grid;
    width:100%;
    font-size: 16px;
    color:#CCC;
}
.soatFin { 
    grid-area: soatFin;
    display: grid;
    width:100%;
    font-size: 16px;
    place-items: center end;
}
.soatAsesor { 
    grid-area: soatAsesor;
    display: grid;
    width:100%;
    font-size: 16px;
}
.soatAsesorIcon {
    grid-area: soatAsesor;
    display: grid;
    width:100%;
    padding-left: 10px;
}
.soatAsesor,.soatAsesorIcon:hover {
    cursor: pointer;
}
.soatPlanilla { 
    grid-area: soatPlanilla;
    display: grid;
    width:100%;
    font-size: 16px;
}
.soatPlanillaIcon {
    grid-area: soatPlanilla;
    display: grid;
    width:100%;
    place-items: center;
}
.soatPlanilla,.soatPlanillaIcon:hover {
    cursor: pointer;
}
.soatAtendido { 
    grid-area: soatAtendido;
    display: grid;
    width:100%;
    font-size: 16px;
}
.soatAtendidoIcon {
    grid-area: soatAtendido;
    display: grid;
    width:100%;
}
.soatAtendido,.soatAtendidoIcon:hover {
    cursor: pointer;
}
@media (max-width: 400px) {
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}