
.icono-chat{
    display: inline-flex !important;
    height: 100%;
    align-items: center;
}


.open-small-chat {
  height: 45px;
  width: 45px;
  display: block;
  background: #1ab394;
  padding: 9px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}



.small-chat-box {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 80px;
  background: #fff;
  border: 1px solid #e7eaec;
  width: 300px;
  /*height: 380px;*/
  height: 420px;
  border-radius: 4px;
  z-index: 2051 !important;
}

.small-chat-box .content{
    
  overflow-y: auto;
}


.chat-user-msg{
    padding: 8px 0px;
    border-bottom: 1px solid #e7eaec;
}

.chat-user-msg:hover{
    cursor: pointer;
    background-color: rgba(0,0,0,.025);
}


.head-conversacion-msgr{
    /*padding: 8px 10px;*/
    text-align: center;
}

.chat_msg_sin_leer_msg{
    padding: 2px 6px;
    /*visibility: hidden;*/
}


.user-header-msg{
    max-width: 80%;
    margin: auto;
}


#small-chat{
    z-index: 2051 !important;
    bottom: 15px;
    right: 15px;
}

.user-chat-msg{
    max-width: 50%;
    margin-right: auto;
    float: left;
}

.cont-fec{
    float: right;
    height: 20px;
}

.cont{
    overflow: hidden;
}

.ult_fec{
    margin-right: auto;
    vertical-align: middle;
}

.icOffline{
    color: red;
}

.conthead{
    overflow: hidden;
    float: top;
    margin-right: auto;
    vertical-align: middle;   
}

.o-height{
    height: 386px;
}

.u-height{
    height: 290px;
}

.u-height-mas{
    height: 328px;
}

.u-height-chat{
    height: 43px;
    margin-right:15px;
}
.color-boton{
    color: #fff;
    background-color: #146497;
    border-color: #146497;
}
