/*---------------------------------------------------------------------- asesor Box */
.asesoresBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  750px        1fr;
    grid-template-areas: "  .    asesoresFondo  .";
}
.asesoresFondo {
    grid-area: asesoresFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  asesoresFila";
}
.asesoresFondoGris {
    grid-area: asesoresFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  asesoresFila";
    background:#E7E7E7;
}
.asesoresFila {
    grid-area: asesoresFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  7px  23px          1fr          140px         150px              40px            35px;
    grid-template-areas: "  .    asesoresView  asesoresNom  asesoresFono  asesoresUbicacion  asesoresCuenta  asesoresEdit";
    place-items: center start;
}
.asesoresNom, .asesoresFono, .asesoresUbicacion {  color:#000;  }
.asesoresNomI, .asesoresFonoI, .asesoresUbicacionI {  color:#999;  }

.asesoresNom, .asesoresNomI { 
    grid-area: asesoresNom;
    display: grid;
    font-size: 16px;
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    overflow: hidden;
    padding-left:8px;
}

.asesoresFono, .asesoresFonoI { 
    grid-area: asesoresFono;
    display: grid;
    font-size: 17px;
}


.asesoresUbicacion, .asesoresUbicacionI { 
    grid-area: asesoresUbicacion;
    display: grid;
    font-size: 17px;
    width:100%;
}
.asesoresCuenta { 
    grid-area: asesoresCuenta;
    display: grid;
}
.asesoresCuenta:hover {
    cursor: pointer;
}
.asesoresView { 
    grid-area: asesoresView;
    display: grid;
}
.asesoresView:hover {
    cursor: pointer;
}
.asesoresEdit { 
    grid-area: asesoresEdit;
    display: grid;
}
.asesoresEdit:hover {
    cursor: pointer;
}
#asesoresEliminar {
    display: none;
}
@media (max-width: 400px) {
    .asesoresBox {
        grid-template-columns:  100%;
        grid-template-areas: "  asesoresFondo";
    }
    .asesoresFondo {
        grid-template-columns:  100%;
    }
    .asesoresFondoGris {
        grid-template-columns:  100%;
        background:#F4F4F4;
    }
    .asesoresFila {
        grid-template-columns:  140px        140px         1fr         30px;
        grid-template-areas: "  asesoresNom  asesoresFono  asesoresId  asesoresEdit";
    }
    .asesoresNom, .asesoresNomI, .asesoresFono, .asesoresFonoI {  font-size: 16px;  }
    .asesoresNom, .asesoresNomI {  display:none  }
    .asesoresNick, .asesoresNickI {  display:grid  }
    .asesoresDoc, .asesoresDocI {    display: none;      }
    .asesoresId, .asesoresIdI { 
        padding-right:30px;
    }
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}