/* Button used to open the chat window - fixed at the bottom of the page */
.uwebchat-open-button 
{
  background: var(--wpr-bg-6f5babd1-26b6-44ee-8e8a-5fa4a94cecca) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-color: #00365f !important;
  background-origin: content-box !important;
  padding: 10px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;

  border-radius: 50% !important;
  border: none !important;

  height: 70px !important;
  width: 70px !important; 
  
  position: fixed !important;
  bottom: 53px !important;
  right: 43px !important;
  z-index: 9999 !important;

  cursor: pointer !important;
}

.uwebchat-open-button:focus
{
  outline:none !important;
}

/* In-chat button for closing chat window - fixed at the top of the chat window. */
.uwebchat-close-button
{
  background: none !important;
  border: none !important;

  font-size: 20px !important;
  color: white !important;

  cursor: pointer !important;

  text-align: center !important;
  vertical-align: middle !important;

  position:absolute !important;
  right:0px !important;

  height:37px !important;
  width:40px !important;
}

.uwebchat-close-button:focus
{
  outline:none !important;
}

/* The popup chat - hidden by default */
.uwebchat-chat-popup {
    display: none !important;
    position: fixed !important;
    bottom: 51px !important;
    right: 40px !important;
    border: none !important;
    z-index: 10000 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    height: 500px !important;
    width: 400px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    background-color: white !important;
}

@media only screen and (max-width: 600px) 
{
  .uwebchat-chat-popup 
  {
    border: none !important;
    height:100% !important;
    width:100% !important;
    bottom: 0px !important;
    right: 0px !important;
    z-index: 2000 !important;
    border-radius: 0px !important;
  }
}

/* The chat iFrame style.*/
.uwebchat-window-style
{
    border: 0px !important;

    min-height: 100% !important;
    min-width: 100% !important;
    height: 1px !important;
    width: 1px !important;
    max-width: 100% !important;
}

/* Fading animation */
.fade-in 
{
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

.fade-out {
    -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 1s; /* Firefox < 16 */
    -ms-animation: fadeout 1s; /* Internet Explorer */
    -o-animation: fadeout 1s; /* Opera < 12.1 */
    animation: fadeout 1s;
}

@keyframes fadein 
{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout 
{
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}