.mostrarfrase {
  display: none !important;
}

.fab input.main {
    background-size: 93px !important;
    width: 105px !important;
    height: 126px !important;
    background-repeat: no-repeat;
}

.circle{
    padding: 13px!important;
}

.rcpntntpponteselacerdamt {
  background-image: url(https://milla-files.s3.us-south.cloud-object-storage.appdomain.cloud/milla/avatar_animado_milla.gif) !important;
}

.fab.show input.main:checked {
  background-image: none !important;
}

.tela {
  margin: 0px 16px 0px 0px !important;
  bottom: -9px !important;
  right: 90px !important;
  z-index: 30 !important;
}

.chat {
  width: 30vw !important;
  height: 80vh !important;
}

.navegacao {
  margin-right: 6px !important;
  margin-top: 5px !important;
}

.botaochat {
  font-size: 19px !important;
  margin-right: 5px !important;
  color: #dddddd !important;
  display: inline-block !important;
  border: none !important;
}

#instanciaIframe {
  height: 80vh !important;
  overflow: hidden !important;
  background-color: #e9e9e9 !important;
}

.logotipos {
  margin-top: 5px !important;
  margin-left: 10px !important;
  margin-right: 35px !important;
  margin-bottom: 5px !important;
}

@media (max-width: 2000px) {
  iframe {
    height: 73vh !important;
  }
}

@media (max-width: 1370px) {
  iframe {
    height: 73vh !important;
  }
}

@media (max-height: 500px) {
  .chat {
    width: 93vw !important;
    height: 76vh !important;
  }
  #instanciaIframe {
    height: 90vh !important;
  }
  .tela {
    margin: 0px !important;
    bottom: 124px !important;
  }
  iframe {
    height: 67vh !important;
  }
}

@media (max-width: 500px) {
  .tela {
    position: fixed;
    bottom: 77px !important;
    right: 0;
    margin: 0px !important;
    padding: 0px !important;
    z-index: 99999999999 !important;
  }
  .chat {
    width: 93vw !important;
    height: 80vh !important;
    z-index: 9999999 !important;
  }
  .agent-face {
    width: 86vw;
    margin-left: 5.5vw !important;
  }
}

@media (max-width: 320px) {
  .tela {
    position: fixed;
    bottom: 91px !important;
    right: 0;
    margin: 0px !important;
    padding: 0px !important;
    z-index: 99999999999 !important;
    width: 93vw !important;
    height: 83vh !important;
  }
  .chat {
    width: 92vw !important;
    height: 81vh !important;
    z-index: 9999999 !important;
  }
  div.half {
    width: 70px !important;
    height: 42px !important;
  }
  .circle {
    width: 90px !important;
    height: 64px !important;
  }
}