.web-dialog-fixed {

  position: fixed;
  bottom: 40px; 
  right: 40px;
  
}  
  
.web-dialog-button {
  
  border-radius: 100%;
  width: 53px; 
  height: 53px;
  border: 1px #A4B9D0 solid;
  background-color: #DFE8F2;
  color: #69809A;
  overflow: hidden;
  padding: 0px;
  
}

.web-dialog-notif {
  
  border-radius: 12px;
  padding: 2px 0.5em;
  border: 2px white solid;
  background-color: #F93872;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: 1;
  
}

#web-dialog-modal {

  position: fixed;
  bottom: 0px; 
  right: 100px;
  width: 360px;
  height: 460px;
  border-top: 5px #BACEE5 solid;
  border-left: 5px #BACEE5 solid;
  border-right: 5px #BACEE5 solid;
  border-radius: 14px 14px 0 0;
  background-color: white;
  z-index: 10;
  overflow: hidden;
  text-align: left;
  
}

.web-dialog-modal-title {
  
  height: 50px;
  line-height: 50px;
  border-bottom: 1px #BACEE5 solid;
  text-align: left;
  font-weight: bold;
  padding: 0px 1em;
  position: relative;
  
}

.web-dialog-modal-title-close {
  
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0px;
  border: none;
  background: none;
  color: #55687F;
  
}

.web-dialog-modal-title-close2 {
  
  height: 50px;
  width: 50px;
  position: absolute;
  right: 50px;
  color: #55687F;
  text-align: center;
  
}

.web-dialog-modal-title-close3 {
  
  height: 50px;
  width: 50px;
  position: absolute;
  right: 100px;
  color: #55687F;
  text-align: center;
  border: none;
  background: none;
  
}

.web-dialog-modal-title-close:hover, .web-dialog-modal-title-close2:hover, .web-dialog-modal-title-close3:hover {
  
  background-color: #ECF5FF;
  
}

.content-mess-dialog {
  
  height: 347px;
  overflow-y: auto;
  overflow-x: hidden;
  
}

.content-mess-dialog::-webkit-scrollbar { height: 8px; width: 8px; }
.content-mess-dialog::-webkit-scrollbar-button {  display: none; }
.content-mess-dialog::-webkit-scrollbar-track {  background-color: #909DA7; }
.content-mess-dialog::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.content-mess-dialog::-webkit-scrollbar-thumb { height: 8px; width: 8px; background-color: #909DA7; border-radius: 4px; }
.content-mess-dialog::-webkit-scrollbar-corner { background-color: #909DA7; }
.content-mess-dialog::-webkit-resizer { background-color: #909DA7; }
.content-mess-dialog::scrollbar { height: 8px; width: 8px; }
.content-mess-dialog::scrollbar-button {  display: none; }
.content-mess-dialog::scrollbar-track {  background-color: #909DA7; }
.content-mess-dialog::scrollbar-track-piece { background-color: #ffffff; }
.content-mess-dialog::scrollbar-thumb { height: 8px; width: 8px; background-color: #909DA7; border-radius: 4px; }
.content-mess-dialog::scrollbar-corner { background-color: #909DA7; }
.content-mess-dialog::resizer { background-color: #909DA7; }
                               
.dmg-error {
  
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 8px;
  color: white;
  background-color: #FF5789;
  font-size: 12px;
  z-index: 10;
  
}
                               
.web-dialog-button2 {
  
  animation: dialog-button-pulse 2s infinite;

}                               
                               
@keyframes dialog-button-pulse {
  
  0% {
    
    box-shadow: 0 0 0 0px rgba(5, 255, 97, 0.5);
  
  }
  
  100% {
    
    box-shadow: 0 0 0 30px rgba(5, 255, 97, 0);
  
  }

}