.desk360-mobile-chat-active{
    height: 100vh !important;
    overflow: hidden;
}

#desk360-chat-iframe {
    width: 80px;
    height: 80px;
    max-height: 520px;
    z-index: 999999;
    border: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-sizing: border-box;
    /* border: 1px solid;  */
}
#desk360-chat-conversation-iframe {
    width: 340px;
    height: 100%;
    max-height: 520px;
    z-index: 9999999;
    border: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-sizing: border-box;
    /* border: 1px solid;  */
    display: none;
}

#desk360-chat-content.hide {
    display: none;
}

#desk360-chat-content.left #desk360-chat-iframe{
    right: auto;
    left: 20px;   
}

#desk360-chat-content.left #desk360-chat-conversation-iframe{
    right: auto;
    left: 20px;   
}

#desk360-chat-content.left .conversation-loading{
    right: auto;
    left: 30px;
}

.open-trigger #desk360-chat-iframe {
    width: 400px !important;
    max-height: 100% !important;
}
.open-chat #desk360-chat-conversation-iframe {
    height: 100% !important;
    width: 340px !important;
}

.open-chat #desk360-chat-conversation-iframe{
    display: block;
}

.open-chat #desk360-chat-iframe {
    display: none;
}

#desk360-chat-content .conversation-loading {
    position: fixed;
    display: none;
    transition: all 0.5;
    bottom: 30px !important;
    right: 30px !important;
    background-color: #fff !important;
    width: 320px;
    height: 500px;
    z-index: 1000000;
    box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.2);
    border-radius: 15px;
  }

  #desk360-chat-content .conversation-loading svg{
    width: 50px;
    animation: desk360Shrinkage 0.5s alternate infinite linear;
  }


  
  #desk360-chat-content .show_fadeInUp {
    display: flex !important;
    align-items: center;
    justify-content: center;
    animation: desk360FadeInUp 0.5s;
  }


@media only screen and (max-width: 768px) { 
    #desk360-chat-iframe, #desk360-chat-conversation-iframe {
        bottom: 0;
        right: 0;
    }
    #desk360-chat-content.left #desk360-chat-iframe, 
    #desk360-chat-content.left #desk360-chat-conversation-iframe, 
    #desk360-chat-content.left .conversation-loading{
        right: auto;
        left: 0px;   
    }
    .open-chat iframe#desk360-chat-conversation-iframe {
        width: 100% !important;
        height: 100vh !important;
        max-height: 100% !important;
    }
    .open-trigger iframe#desk360-chat-iframe {
        width: 100% !important;
    }
    #desk360-chat-content .conversation-loading {
        width: 100% !important;
        height: 100vh !important;
        max-height: 100% !important;
        bottom: 0px !important;
        right: 0px !important;
        border-radius: 0;
    }
}

  @keyframes desk360Shrinkage {
    0%   {transform: scale(1);}
    100% {transform: scale(1.1);}
  }
  
  @keyframes desk360FadeInUp {
      from {
          opacity: 0;
          transform: translate3d(0, 20px, 0);
      }
      to {
          opacity: 1;
          transform: none;
      }
  }