/* MIT License */
/* Copyright (c) 2019 Maykheld (http://www.maykheld.com) */

.wa-ava,.wa-btn,.wa-list,.wa-name,.wa-panel,.wa-contact-icon,.wa-who,.wa-number,
.wa-panelhead,.wa-contact-icon,.wa-paneltitle{margin: 0;padding: 0; font-family: sans-serif}

.wa-btn{
  position: fixed;
  right: 20px;
  bottom: 20px;
  color: #25D366;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: all 0.15s;
  margin: 0;
  z-index: 2147483640;
  font-size: 28px;
}
.wa-btn:hover{opacity: 0.7}
.wa-btn img{width: 30px}

.wa-panel{
  position: fixed;
  right: 30px;
  bottom: 100px;
  background-color: #ECE5DD;
  width: 300px;
  height: 0px;
  overflow-y: hidden;
  border-radius: 5px;
  transition: all 0.15s ease-out;
  height: auto;
  transform: scaleY(0) translateY(100px);
  transform-origin: bottom;
  visibility: hidden;
  opacity: 0;
  z-index: 2147483646;
}
.wa-panel .wa-list{background-color: #ffffff;overflow: hidden;display: block; padding: 20px 10px;color:#333; text-decoration: none; font-family: sans-serif;border-bottom: 2px solid #cccccc}
.wa-panel .wa-ava {width: 40px;float: left;margin-right:20px }
.wa-panelhead{
  background-color: #25D366;
  text-align: center;
  color: white;
  padding-bottom: 10px;
}

.wa-paneltitle{
  font-weight: lighter;
  font-size: 18px;
  color: #fff;
}
.wa-show{
  height: auto;
  transform: scaleY(1) translateY(0px);
  visibility: visible;
  opacity: 1;
}
.wa-panelbody{overflow-y: scroll;height: calc(100% - 100px)}

@media only screen and (max-width: 400px) {
    .wa-panel{width: 100%;right: 0;top: 0;bottom: 0;}
    .wa-panel.wa-show{height: 100%}
}
.wa-close{display: block;background-color: #075E54;cursor: pointer;opacity: 0.4;text-align: center;width: 50px;transition: ease all 0.3s;overflow: hidden;}
.wa-close:hover{opacity: 0.6;}