@import "publicar.css";
@import "lightbox.css";
/* .back{
    width: 100%;
    height: 100vh;
    background-color: rgba(40, 167, 69, .5);
    position: fixed;
}  */

.imgperfil{
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center 50%;
}
/* .resultado{
    background-color: #fff;
    position: absolute;
    top: 55px;
    width: 20%;
}
.resultado{
    display: inline-block;
}
.resulusuario img{
    border-radius: 100%;
    width: 32px;
    display: inline-block;
}
.resultado h3{
    font-size: 12pt;
    display: inline-block;
} */

.input-bottom-line{
    border: none;
    outline: none;
    width: 200px;
    background: #FFF;
}

.input-bottom-group{position: relative}

.input-bottom-group.error::after{
    background-color: #DC3545;
}
.input-bottom-group::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 100%;
    right: 0;
    height: .125rem;
    background-color: #28A745;
    transition: .5s ease;
}

.editarperfilcontainer:hover .input-bottom-group::after, .input-bottom-group.focus::after{
    left: 0;
}

.whatsapp__container{
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    z-index: 100;
    background: #00E676;
    text-align: center;
    padding: .875rem;
    border-radius: 100%;
    cursor: pointer;
}
.whatsapp__container i:hover{
    color: black;
}
.milistacontacto{
    overflow: auto;
    width: 100%;
    height: calc(100vh - 310px)
}
.milistacontacto img{
    width: 50px;
    border-radius: 100%;
}
.milistacontacto ul{
    list-style: none;
    padding: 0px;
    margin-left: 10px;
}
.milistacontacto li{
    padding: 5px;
    margin-bottom:5px;
    cursor: pointer;
    border-radius: 5px;
    
}
.milistacontacto li:hover{
    background-color: #bdc3c7;
    transition: 0.5s;
}
.btnRegresar{
    cursor: pointer;
}
.listamensajeria{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    bottom:0;
    transition:ease all .5s;
    background: #FFF;
    z-index:10000000;
    opacity:0;
}
.listamsg{
    height: calc(100vh - 360px);
}

/* LISTA DE CONTACTO GRUPO */
.ListaUsuarios{
    background: #28A745;
    width: 100%;
    height: calc(100vh - 340px);
}