/*---------------------------------------------------------------------- gps Box */
.gpsBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  750px        1fr;
    grid-template-areas: "  .    gpsFondo  .";
}
.gpsFondo {
    grid-area: gpsFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  gpsFila";
}
.gpsFondoGris {
    grid-area: gpsFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  gpsFila";
    background:#E7E7E7;
}
.gpsFila {
    grid-area: gpsFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  1fr      20px  140px   30px;
    grid-template-areas: "  gpsName  .     gpsRuc  gpsEdit";
    place-items: center start;
}
.gpsName, .gpsNameI { 
    grid-area: gpsName;
    display: grid;
    font-size: 17px;
    width:100%;f
    place-items: center start;
    padding-left:15px;
}
.gpsNameI {  color:#999;  }
.gpsRuc, .gpsRucI { 
    grid-area: gpsRuc;
    display: grid;
    font-size: 17px;
}
.gpsRucI { color:#999;  }
.gpsEdit { 
    grid-area: gpsEdit;
    display: grid;
}
.gpsEdit:hover {
    cursor: pointer;
}
#gpsEliminar {
    display: none;
}
@media (max-width: 400px) {
    .gpsBox {
        grid-template-columns:  100%;
        grid-template-areas: "  gpsFondo";
    }
    .gpsFondo {
        grid-template-columns:  100%;
    }
    .gpsFondoGris {
        grid-template-columns:  100%;
        background:#F4F4F4;
    }
    .gpsFila {
        grid-template-columns:  1fr          115px        38px;
        grid-template-areas: "  gpsNick  gpsRuc  gpsEdit";
    }
    .gpsName {   display: none;    }
    .gpsNick  {   font-size: 17px; padding-left:12px;  }
    .gpsRuc   {   font-size: 16px;    }
    .gpsEdit {  padding-right:12px;   }
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}