/*---------------------------------------------------------------------- asesor Box */
.asesorBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  750px        1fr;
    grid-template-areas: "  .    asesorFondo  .";
}
.asesorFondo {
    grid-area: asesorFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  asesorFila";
}
.asesorFondoGris {
    grid-area: asesorFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  750px;
    grid-template-areas: "  asesorFila";
    background:#E7E7E7;
}
.asesorFila {
    grid-area: asesorFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  330px       150px      160px        80px        30px;
    grid-template-areas: "  asesorName  asesorDoc  asesorModal  asesorComi  asesorEdit";
    place-items: center start;
}
.asesorName, .asesorNameI, .asesorNick, .asesorNickI { 
    grid-area: asesorName;
    display: grid;
    font-size: 16px;
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    overflow: hidden;
    padding-left:8px;
}
.asesorName, .asesorNick {  color:#000;  }
.asesorNameI, .asesorNickI {  color:#999;  }
.asesorNick, .asesorNickI {  display:none;  }
.asesorDoc, .asesorDocI { 
    grid-area: asesorDoc;
    display: grid;
    font-size: 17px;
    width:100%;
    place-items: center end;
    padding-right:30px;
}
.asesorDocI { color:#999;  }
.asesorModal, .asesorModalI { 
    grid-area: asesorModal;
    display: grid;
    font-size: 17px;
}
.asesorModalI { color:#999;  }
.asesorComi, .asesorComiI { 
    grid-area: asesorComi;
    display: grid;
    font-size: 17px;
    width:100%;
    place-items: center end;
    padding-right:20px;
}
.asesorComiI { color:#999;  }
.asesorEdit { 
    grid-area: asesorEdit;
    display: grid;
}
.asesorEdit:hover {
    cursor: pointer;
}
#asesorEliminar {
    display: none;
}
@media (max-width: 400px) {
    .asesorBox {
        grid-template-columns:  100%;
        grid-template-areas: "  asesorFondo";
    }
    .asesorFondo {
        grid-template-columns:  100%;
    }
    .asesorFondoGris {
        grid-template-columns:  100%;
        background:#F4F4F4;
    }
    .asesorFila {
        grid-template-columns:  140px       140px        1fr         30px;
        grid-template-areas: "  asesorName  asesorModal  asesorComi  asesorEdit";
    }
    .asesorName, .asesorNameI, .asesorNick, .asesorNickI, .asesorModal, .asesorComi {  font-size: 16px;  }
    .asesorName, .asesorNameI {  display:none  }
    .asesorNick, .asesorNickI {  display:grid  }
    .asesorDoc, .asesorDocI {    display: none;      }
    .asesorComi, .asesorComiI { 
        padding-right:30px;
    }
}
.mensaje {
    font-size:13px;
    padding: 5px 0px 6px 6px;
}