/*---------------------------------------------------------------------- cliente Box */
.clienteBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  750px        1fr;
    grid-template-areas: "  .    clienteFondo  .";
}
.clienteFondo {
    grid-area: clienteFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  clienteFila";
}
.clienteFondoGris {
    grid-area: clienteFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  clienteFila";
    background:#E7E7E7;
}
.clienteFila {
    grid-area: clienteFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  1fr          170px       150px        60px;
    grid-template-areas: "  clienteName  clienteDoc  clienteFono  clienteEdit";
    place-items: center end;
}
.clienteName { 
    grid-area: clienteName;
    display: grid;
    font-size: 17px;
    width:100%;
    place-items: center start;
    padding-left:15px;
}

.clienteDoc, .clienteDocI { 
    grid-area: clienteDoc;
    display: grid;
    font-size: 16px;
}
.clienteDocI { color:#999;  }
.clienteFono, .clienteFonoI { 
    grid-area: clienteFono;
    display: grid;
    font-size: 17px;
}
.clienteFonoI { color:#999;  }
.clienteEdit { 
    grid-area: clienteEdit;
    display: grid;
    padding-right:15px;
}
.clienteEdit:hover {
    cursor: pointer;
}
#clienteEliminar {
    display: none;
}
@media (max-width: 400px) {
    .clienteBox {
        grid-template-columns:  100%;
        grid-template-areas: "  clienteFondo";
    }
    .clienteFondo {
        grid-template-columns:  100%;
    }
    .clienteFondoGris {
        grid-template-columns:  100%;
        background:#F4F4F4;
    }
    .clienteFila {
        grid-template-columns:  1fr          105px        38px;
        grid-template-areas: "  clienteName  clienteFono  clienteEdit";
    }
    .clienteName {   font-size: 16px;    }
    .clienteDoc  {   display: none;      }
    .clienteFono {   font-size: 16px;    }
    .clienteEdit {  padding-right:12px;   }
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}