.notifyjs-happyblue-base {
    white-space: nowrap;
    background-color: lightblue;
    padding: 5px;
  }
.notifyjs-happyblue-superblue {
    color: white;
    background-color: blue;
  }

.chat-me {
  background-color: white;
  height: 100%;
  font-size: 14px;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.chat-img {
  text-align: center;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 10px;
  width:200px !important;

}

.chat-other {
  background-color: white;
  height: 100%;
  font-size: 14px;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.img-me{
  width:200px;
  text-align: right ;
}
.img-other{
  width:200px;
  text-align: left ;
}
.chat-time {
  font-size:10px;
  text-align:right;
  align-content:center
}
.chat-user {
  font-size:10px;
  font-weight: bold;
  margin: 10px;
}
.chat-hora {
  font-size:10px;
  font-weight: bold;
  margin: 10px;
}
.chat-options {
  align-content: center;
  margin: 4px;
}

.reply_b {
  font-size: 14px;
  color: black;
  border-radius: 5px;
  padding-top: 4px; 
  padding-bottom: 2px;
  padding-right: 2px;
  padding-left: 2px;
}
.user-img{
  width:150px;
  height:150px;
  border-radius:100%;
}

.user-img-chat{
  width:50px;
  height:50px;
  border-radius:100%;
}

.dt-side-nav__text {
  font-size: 12px;
  text-decoration: none !important;
}

.avatar{
  max-width: 60px !important;
  align-content: center;
  text-align: center;
}

.reply-msg{
  background-color: lightgrey;
  border-radius: 20px;
  margin-bottom: -5px;
}

.idchat{
  background-color: white;
    border-radius: 100%;
    padding: 1px;
}

label{ 
 font-size: 12px;
}
.dt-side-nav__link {
  text-decoration: none;
}