#chatWeb{
    position:fixed;
    bottom:110px;
    right:0;
    z-index:999;
}
#chatMobile{
    position:fixed;
    bottom:80px;
    right:0;
    z-index:999;
}

#mySidenavWeb{
    width: 0;
    position:fixed;
    bottom:100px;
    right:0;
    z-index:999;
}

#mySidenavMobile{
    width: 0;
    position:fixed;
    bottom:70px;
    right:0;
    z-index:999;
}

.liveChat {
    width: 84%;
    cursor: pointer;
    height: 190%;
}

.chatOffline {
    width: 315px;
    height: 215%;
    max-width: 140%;
}

.chatOfflineImage {
    background-color: white;
    border: solid 2px #f96302;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
    text-align: center;
    padding: 16px 0;
}

.chatOfflineImageM {
    background-color: white;
    border: solid 2px #f96302;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
    text-align: center;
    padding: 16px 0;
}

.liveChatM {
    width: 35%;
    cursor: pointer;
    height: 120%;
}

.chatOfflineM {
    width: 250px;
    max-width: 200%;
    padding: 16px 0;
}

.liveChatcross {
    position: absolute;
    top: -11px;
    left: -12px;
    cursor: pointer;
    width: 10%;
}

.liveChatcrossM {
    position: absolute;
    top: -11px;
    left: -12px;
    cursor: pointer;
    width: 10%;
}




.x-close-chat {
  position: relative;
  width: 24px;
  height: 24px;
  top: 13px;
  left: -11px;
  cursor: pointer;
  z-index: 3;
  background-color: white;
  border: 2px solid #ACB2B7;
  border-radius: 50%;
      box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.x-close-chat::before,
.x-close-chat::after {
  content: '';
  position: absolute;
  width: 80%;
  top: 44%;
  left: 12%;

  height: 3px;
  background: #ACB2B7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.x-close-chat::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.x-close-chat:hover{
    border: 2px solid #f96302;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.2);

    }
.x-close-chat:hover:before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #f96302;
}
        
.x-close-chat:hover:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #f96302;
}