/* hide the original widget - that there were no two labels on the screen*/
#jivo_chat_widget {
  display: none;
}

/* MOBILE */

/* the default style - for offline messages if no one is online */
#jivo_custom_widget {
  position: fixed;
  left: 0;
  bottom: 10%;
  z-index: 1;
  cursor: pointer;

  height: 170px;
  background-repeat: no-repeat;
  background-image: url(images/jivo_widget_offline.png);
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online {
  bottom: 20px;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* LOAD IMAGES */
#jivo_custom_widget.jivo_online.flag_pt_BR {
  background-image: url(images/jivo_widget_online-pt-br.png);
  width: 27.5px;
  height: 205px;
}

#jivo_custom_widget.jivo_online.flag_en_US {
  background-image: url(images/jivo_widget_online-en-us.png);
  width: 27.5px;
  height: 170.5px;
}
/* END LOAD IMAGES */

.headerBox_d778 {
  background: #ffb620 !important;
}

#jivo-chat-header {
  border-top-right-radius: 8px !important;
  background: #ffb620 !important;
}

.leaf_fc2e {
  opacity: 0;
}

.agentName_bd9a {
  font-weight: bold;
}

.title_ef70 {
  font-weight: bold;
  color: white !important;
  opacity: 1 !important;
}

#jivo_custom_widget.hide {
  display: none !important;
}

/* END MOBILE */

/* TABLET / DESKTOP */

@media (min-width: 769px) {
  #jivo_custom_widget {
    left: 94px;
  }

  #jcont {
    left: 94px !important;
  }

  #jivo_close_button {
    transform: scaleX(-1) !important;
    width: 100% !important;
    margin-left: 34px !important;
  }
}

@media (min-width: 1280px) {
  #jivo_custom_widget {
    transition: width 200ms ease-in-out;
  }

  /* when you hover the label should be shifted to the right by 10px */
  #jivo_custom_widget.flag_pt_BR:hover,
  #jivo_custom_widget.flag_en_US:hover {
    width: 37.5px;
  }
}

/* END TABLET / DESKTOP */