/* -- styles that apply to the main client page (toggle button and chat iframe) -- */

.alcmeon-social-net-button,
#alcmeon-webchat-toggle-button,
#alcmeon-webchat-chat-iframe {
  position: fixed;
  top: auto;
  left: auto;
  z-index: 10000;
}

.alcmeon-social-net-button,
#alcmeon-webchat-toggle-button {
  border-radius: 50%;
  cursor: pointer;
  background: no-repeat center/60%;
}

#alcmeon-webchat-chat-iframe {
  border: 0px none;
}

#alcmeon-webchat-chat-iframe,
.alcmeon-social-net-button {
  display: none;
  transition-property: opacity;
  transition-duration: 1s;
}

#alcmeon-webchat-chat-iframe.visible,
.alcmeon-social-net-button.visible {
  display: block;
  animation-duration: 1s;
  animation-name: fade-in;
}

@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}