.livechat-box {
  position: fixed ;
  height: 620px ;
  width: 320px ;
  bottom: 0px ;
  right: 0px ;
  margin: 16px ;
  padding: 0px ;
  border: 0 ;
  opacity: 1 ;
  display: block ;
  transition:  width 0.4s, height 0.325s, opacity 0.2s ease ;
  z-index: 2147483646 ;
}
.livechat-detail {
  height: 100% ;
  width: 100% ;
  position: relative ;
  border: 1px solid #BFBFBF ;
  border-radius: 10px ;
  background: rgb(246, 246, 247) ;
}

.hidden-livechat-box {
  width: 0 ;
  height: 0 ;
  opacity: 0.5 ;
}
.open-chat {
  position: fixed ;
  right: 6px ;
  bottom: 6px ;
  width: 100px ;
  height: 100px ;
  padding: 0 ;
  animation: animbutton 0.5s ease 0s 1 normal forwards ;
  z-index: 2147483647
}
.display-iframe{
  display: block;
  animation: myAnim 0.5s ease 0s 1 normal forwards 
}
.hide-button {
  display: none;
}

@keyframes myAnim {
  0% {
    opacity: 0;    
  }
  80%{
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animbutton {
  0% {
    transform: translateX(120px); 
  }
  80% {
    transform: translateX(120px); 
  }
  100% {
    transform: translateX(0);
  }
}