/*================================================================================================= MIEMBRO MODAL */
.hidden {  display: none;  }
a { text-decoration:none }

/*====================================================================================== Asignar Iglesia, Miembrs */
.show-iglesia, .show-iglesia:hover {
    cursor: pointer;
    display: grid;
    place-items: center;
    font-size:24px;
    color:#AAA;
    padding-top:3px;
    text-decoration:none;
    word-spacing:1px;
    letter-spacing:1px;
    
}
/*----------------------------------------------------------------------------------------------- Lista Miembros */
.memberBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  700px        1fr;
    grid-template-areas: "  .    memberFondo  .";
}
.memberFondo {
    grid-area: memberFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  700px;
    grid-template-areas: "  memberFila";
}
.memberFondoGris {
    grid-area: memberFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  700px;
    grid-template-areas: "  memberFila";
    background:#DDD;
}
.memberFila {
    grid-area: memberFila;
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  530px        140px      30px;
    grid-template-areas: "  memberName  memberFono  editMIcon";
    place-items: center start;
}
.memberName { 
    grid-area: memberName;
    display: grid;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.memberFono { 
    grid-area: memberFono;
    display: grid;
    font-size: 17px;
    color:#000;
    text-decoration:none;
}
.memberFono:hover{
    font-size: 17px;
    text-decoration:none;
    color:#000;
}
.memberAddress { 
    grid-area: memberAddress;
    display: grid;
    width:370px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:8px;
}
.editMIcon { 
    grid-area: editMIcon;
    display: grid;
}
.editMIcon:hover {
    cursor: pointer;
}
.eraseMIcon { 
    grid-area: eraseMIcon;
    display: grid;
}
.eraseMIcon:hover {
    cursor: pointer;
}
#labelOculto {
    display: none;
}
#selectOculto {
    display: none;
}
@media (max-width: 576px) {
    .memberBox {
        grid-template-columns:  auto;
        grid-template-areas: "  memberFondo";
    }
    .memberFondo {
        grid-template-columns:  auto;
    }
    .memberFondoGris {
        grid-template-columns:  auto;
        background:#EEE;
    }
    .memberFila {
        grid-template-columns:  1fr         100px       30px;
        grid-template-areas: "  memberName  memberFono  editMIcon";
    }
    .memberName { 
        padding-left:12px;
    }
    .memberAddress { 
        display:none;
    }
}