body {
  background: #39D;
}

@media only screen and (max-width: 760px) {
  #quadroMobile {
    display: none;
  }

}

/*Ajuste Rocke menu em cima do chat*/
#main-header {
  z-index: 1234;
}

#top-header {
  z-index: 1234;
}




@media only screen and (min-width: 601px) {
  .circular-menu {
    width: 300px;
    height: 300px;
    margin: 0 auto;

    position: fixed;
    bottom: 1px;
    right: 1px;


    opacity: 0.9;
    z-index: 999999;
    pointer-events: none;



  }
}


@media only screen and (max-width: 600px) {
  .circular-menu {
    width: 300px;
    height: 300px;
    margin: 0 auto;

    position: fixed;
    top: 75px;
    right: -120px;

    opacity: 0.9;
    z-index: 999999;
    pointer-events: none;
  }
}



.circle {
  width: 300px;
  height: 300px;

  z-index: 999999;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);

  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 1;
  pointer-events: inherit;

}

.open.circle {
  opacity: 1;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.circle a {
  text-decoration: none;
  color: white;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  z-index: 999999;
  pointer-events: auto;
  opacity: 1;
}

.circle a:hover {
  color: #eef;
}

.menu-button {
  position: absolute;
  top: calc(55% - 50px);
  left: calc(57% - 50px);
  text-decoration: none;
  text-align: center;
  color: #444;
  border-radius: 50%;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  padding: 2px;
  background: #dde;

  pointer-events: auto;
}

.menu-button:hover {
  background-color: #eef;
}

/* Author stuff */
h1.author {
  text-align: center;
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
}

h1.author a {
  color: #348;
  text-decoration: none;
}

h1.author a:hover {
  color: #ddd;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.ui-dialog {
  z-index: 9999999999 !important;
}

.visivelApenasBuilder {
  visibility: hidden;

}

#google_translate_element {
  position: absolute;
  bottom: calc(53px + 16px);
  right: 16px !important;
}

.goog-te-gadget {
  font-family: roboto, "Open Sans", sans-serif !important;
  text-transform: uppercase;
}

.goog-te-gadget-simple {
  background-color: #1a74f2;
  border: 3px solid #1a74f2;
  padding: 8px !important;
  border-radius: 10px !important;
  font-size: 1rem !important;
  line-height: 2rem !important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
}

.goog-te-menu2 {
  max-width: 100%;
}

.goog-te-menu-value {
  color: #fff !important;
}

.goog-te-menu-value:before {
  font-family: "Material Icons";
  content: "";
  margin-right: 16px;
  font-size: 2rem;
  vertical-align: -10px;
}

.goog-te-menu-value span:nth-child(5) {
  display: none;
}

.goog-te-menu-value span:nth-child(3) {
  border: none !important;
  font-family: "Material Icons";
}

.goog-te-menu-value span:nth-child(3):after {
  font-family: "Material Icons";
  content: "";
  font-size: 1.5rem;
  vertical-align: -6px;
}

.goog-te-gadget-icon {
  background-image: url(https://placehold.it/32) !important;
  background-position: 0px 0px;
  height: 32px !important;
  width: 32px !important;
  margin-right: 8px !important;
  display: none;
}

.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

body {
  top: 0px !important;
}

/* ================================== *\
    Mediaqueries
\* ================================== */
@media (max-width: 667px) {
  #google_translate_element {
    bottom: calc(100% - 50% - 53px);
    left: 16px !important;
    width: 100% !important;
  }

  #google_translate_element goog-te-gadget {
    width: 100% !important;
  }

  #google_translate_element .skiptranslate {
    width: 100% !important;
  }

  #google_translate_element .goog-te-gadget-simple {
    width: calc(100% - 32px) !important;
    text-align: center;
  }
}

.skiptranslate {
  visibility: hidden !important;
}

.skiptranslate iframe {
  visibility: hidden !important;
}

.botaoTraducaoCND {
  font-size: 60px;
  position: fixed;
  top: 160px;
  right: 300px;
}

.botaoTraducaoCND.Traduzir .LangTraduzir {
  visibility: hidden;
  display: none;
}

.botaoTraducaoCND.Traduzir .LangNativo {
  visibility: initial;
}

.botaoTraducaoCND.Traduzido .LangTraduzir {
  visibility: initial;
}

.botaoTraducaoCND.Traduzido .LangNativo {
  visibility: hidden;
  display: none;
}

.botaoTraducaoCND.Carregando {
  visibility: hidden;
}

.visivelApenasBuilder {
  visibility: hidden;
}