.ztsl-map-widget {
  width: 100%;
  color: black;
}

.ztsl-map-widget__COLORS {
  color: #CC6A15; /* sl */
  color: #E87817; /* sl footer logo */
  color: #E87817;
  color: #E87817;
  color: rgb(232, 120, 23);
  color: rgb(232, 120, 23);
  color: rgb(232, 120, 23);
  color: hsl(28, 82%, 50%);
  color: hsl(28, 82%, 50%);
  color: hsl(28, 82%, 50%);
  color: hsl(120, 82%, 50%);
  color: hsl(120, 41%, 50%);
  color: hsl(120, 45%, 60%);
  color: hsl(120, 65%, 65%);
  color: hsl(120, 73%, 65%);
  color: hsl(120,73%,70%);
  color: hsl(28, 82%, 60%);
}

.ztsl-map-widget * {
  box-sizing: border-box;
  /* transition: all 0.2s ease; */
  /* ease is between ease-out and ease-in-out */
}

.ztsl-map-widget .ztsl-map-widget__header {
  display: none;
  position: relative;
  width: 100%;
  padding: 5px 10px;
  background-color: rgb(224, 224, 224);
}

.ztsl-map-widget .ztsl-map-widget__header button {
  cursor: pointer;
}

.ztsl-map-widget .ztsl-map-widget__btn-zoom-group {
  z-index: 99;
  position: absolute;
  top: 0px;
  left: 0px;
}

.ztsl-map-widget .ztsl-map-widget__btn-zoom {
  z-index: 99;
  margin: 5px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: white;
  background: white;
  color: black;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  box-shadow: rgb(0 0 0 / 26%) 0 2px 5px 0, rgb(0 0 0 / 16%) 0 2px 10px 0;
  cursor: pointer;
}

.ztsl-map-widget .ztsl-map-widget__footer {
  position: relative;
  width: 100%;
  padding: 5px 10px;
  background-color: rgb(224, 224, 224);
}

.ztsl-map-widget .ztsl-map-widget__footer .ztsl-map-widget__footer--disabled {
  display: none;
}

.ztsl-map-widget .ztsl-map-widget__footer .ztsl-map-widget__footer--enabled {
  display: block;
}

.ztsl-map-widget .ztsl-map-widget__body {
  position: relative;
  width: 100%;
  padding: 0;
  background-color: white;
  overflow: hidden;
}

.ztsl-map-widget .ztsl-map-widget__tooltip {
  /* tooltip */
  z-index: 999;
  position: absolute;
  opacity: 0;
  width: fit-content;
  border: 0px solid black;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  background-color: white;
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: rgb(0 0 0 / 26%) 0 2px 5px 0, rgb(0 0 0 / 16%) 0 2px 10px 0;
}

.ztsl-map-widget .ztsl-map-widget__tooltip-text {
  /* tooltip text */
}

.ztsl-map-widget__map-canvas {
  position: relative;
  width: 100%;
  height: 100%;
}

.ztsl-map-widget-svg-container {
  position: relative;
  outline: 1px dashed silver;
  /* background-color: rgb(39, 44, 67); */
  background-color: transparent;
  background: transparent;
  min-height: min-content;
  min-width: min-content;
  /* fif space above and bellow map*/
  padding: 10px 0;
}

.ztsl-map-widget-svg-container svg path {
  cursor: default
}

.ztsl-map-widget-svg-container svg path.country--enabled {
  cursor: pointer;
}

.ztsl-map-widget__demo-other-mode-form {
  padding-bottom: 15px;
}

/* EXTRAS */
.ztsl-map-widget__distributer-item {
  margin-top: 5px;
  margin-bottom: 10px;
}
.ztsl-map-widget__distributer-item--enabled,
  .ztsl-map-widget__distributer-item.ztsl-map-widget__distributer-item--enabled {
  display: block !important;
}