/*---------------------------------------------------------------------- endosatario Box */
.endosatarioBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  750px        1fr;
    grid-template-areas: "  .    endosatarioFondo  .";
}
.endosatarioFondo {
    grid-area: endosatarioFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  endosatarioFila";
}
.endosatarioFondoGris {
    grid-area: endosatarioFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  endosatarioFila";
    background:#E7E7E7;
}
.endosatarioFila {
    grid-area: endosatarioFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  1fr      20px  140px   30px;
    grid-template-areas: "  endosatarioName  .     endosatarioRuc  endosatarioEdit";
    place-items: center start;
}
.endosatarioName, .endosatarioNameI { 
    grid-area: endosatarioName;
    display: grid;
    font-size: 17px;
    width:100%;f
    place-items: center start;
    padding-left:15px;
}
.endosatarioNameI {  color:#999;  }
.endosatarioRuc, .endosatarioRucI { 
    grid-area: endosatarioRuc;
    display: grid;
    font-size: 17px;
}
.endosatarioRucI { color:#999;  }
.endosatarioEdit { 
    grid-area: endosatarioEdit;
    display: grid;
}
.endosatarioEdit:hover {
    cursor: pointer;
}
#endosatarioEliminar {
    display: none;
}
@media (max-width: 400px) {
    .endosatarioBox {
        grid-template-columns:  100%;
        grid-template-areas: "  endosatarioFondo";
    }
    .endosatarioFondo {
        grid-template-columns:  100%;
    }
    .endosatarioFondoGris {
        grid-template-columns:  100%;
        background:#F4F4F4;
    }
    .endosatarioFila {
        grid-template-columns:  1fr          115px        38px;
        grid-template-areas: "  endosatarioNick  endosatarioRuc  endosatarioEdit";
    }
    .endosatarioName {   font-size: 16px;    }
    .endosatarioRuc   {   font-size: 16px;    }
    .endosatarioEdit {  padding-right:12px;   }
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}