body {
  margin: 2%;
}

.colorbar-container {
  position: absolute;
  top: 110px;
  right: 8%;
  z-index: 10 !important;
}

.widget-container {
  position: relative !important;
  margin: 10px;
  z-index: 0 !important;
}

.final-message {
  position: absolute;
  right: 2%;
  bottom: 2%;
  color: #101010;
  text-align: right;
  font-size: xx-small !important;
  font-style: italic;
}

.options-container {
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

.download-button {
  display: flex !important;
  color: white !important;
  justify-content: center !important;
  background-color: #0A4 !important;
  border: 1px solid #082 !important;
  height: 36px !important;
  max-width: 80px !important;
}

.info-botton {
  position: absolute !important;
  left: 2%;
  bottom: 2%;
  display: flex !important;
  color: #559 !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #FFF !important;
  border: 1px solid #559 !important;
  border-radius: 40px !important;
  height: 60px !important;
  width: 40px !important;
  max-width: 40px !important;
  z-index: 10 !important;
}