iframe.css

.mibew-chat-wrapper {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  bottom: 1rem !important;
  right: 1rem !important;
  z-index: 1200 !important;
  width: 510px;
  max-height: 100%;
  height: 482px;
  max-width: 100%;
}

.mibew-chat-frame {
  background: #fafafa url("images/ajax-loader.gif") no-repeat 50% 50% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 1 !important;
  border-radius: .2rem !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  transition: all 0.55s ease-in-out;
}

.mibew-chat-frame-toggle {
  position: fixed !important;
  border: none !important;
  overflow: hidden !important;
  z-index: 1201 !important;
  border: 0 !important;
  border-radius: .2rem !important;
  box-shadow: none !important;
  cursor: pointer;
}

.mibew-chat-frame-toggle-on {
  width: 2.5rem !important;
  height: 2.5rem !important;
  padding: .5rem !important;
  right: 26px !important;
  bottom: 438px !important;
  background: #fafafa;
}

.mibew-chat-frame-toggle-on::after {
  content: '';
  display: block;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background: url(icons/arrow-down-right-square.svg) no-repeat 50% 50%;
  background-size: 1.5rem;
  opacity: .3;
  transition: opacity .2s ease-out;
}

.mibew-chat-frame-toggle-on:hover::after, .mibew-chat-frame-toggle-on:focus::after {
  opacity: 1;
}

.mibew-chat-frame-toggle-off {
  width: 55px !important;
  height: 55px !important;
  bottom: 1rem !important;
  right: 1rem !important;
  z-index: 999 !important;
  background: #ffc025 url("images/chat-frame-toggle.svg") scroll no-repeat 50% 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.mibew-chat-frame-toggle-off:hover, .mibew-chat-frame-toggle-off:focus {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

@media only screen and (max-width: 530px) {
  .mibew-chat-wrapper {
    overflow: hidden !important;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    bottom: 0 !important;
    max-width: 100vw;
    max-height: 100vh;
  }
  .mibew-chat-frame-toggle-on {
    bottom: initial !important;
    top: 23px !important;
    right: .8rem !important;
  }
}

/*# sourceMappingURL=iframe.css.map */