html,
body {
    font-family: SwecoSans-Regular, Arial !important;
}

/* Disable default logo location */
.topbar-logo {
  display:none;
}

.topbar-themename {
  display: inline-grid;
  opacity: 0.8;
}

.topbar-themename .themenametext {
  padding-top: 0.3em;
  padding-left: 0.5em;
  margin: 0;
}

@media only screen and (max-width: 500px) {
    .topbar-themename .themenametext {
      max-width: 110px;
    }
    .topbar-swecologo {
      display:none;
    }
}

.topbar-swecologo {
    height: 1.6em !important;
    padding-left: 0.55em;
}


div.AppMenu.appmenu-visible {
  background-color: #3f3f42 !important;
}


div.AppMenu .appmenu-label {
    color: #fff !important;
}
div.AppMenu.appmenu-visible .appmenu-label {
    color: #a4a4a6 !important;
}

div.AppMenu .appmenu-icon > span.icon {
    color: #fff !important;
    border: 2px solid #fff !important;
}
div.AppMenu.appmenu-visible .appmenu-icon > span.icon {
    color: #a4a4a6 !important;
    border: 2px solid #a4a4a6 !important;
}


/* Custom LayerTree Button */
.customlayerTreeButton .map-button {
  border-radius: 4px !important;
}

/* div.customlayerTreeButton {
    position: absolute;
    pointer-events: none;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap-reverse;
    z-index: 2;
    overflow: hidden;
    padding: 0 1em 2.5em 1em;
} */


/* custom feedbackplugin */

.icon.customfeedback {
  width: auto !important;
}

.icon.customfeedback a {
  color: #fff;
}

.icon.customfeedback:hover {
  background: var(--panel-bg-color) !important;
  border: 1px solid var(--panel-bg-color) !important;
}

.icon.customfeedback a:hover {
  background: var(--panel-bg-color);
}

/* Poistetaan näkyvistä jos leveys on alle 1200px */

@media only screen and (max-width: 1200px) {
    .icon.customfeedback {
        display: none;
    }
}

/* custom translateplugin */

.icon.customlanguagesetting {
  width: auto !important;
  background-color: var(--panel-bg-color) !important;
  border: none !important;
}

.icon.customlanguagesetting select {
  background-color: var(--panel-bg-color) !important;
  color: #fff !important;
}

/* Poistetaan näkyvistä jos leveys on alle 1000px */

@media only screen and (max-width: 1200px) {
    .icon.customlanguagesetting {
        display: none;
    }
}


/* Tasoluettelosta roskakori pois */

#LayerTree span.layertree-delete-legend {
  display: none;
}

#LayerTree .layertree-item-remove {
  display:none;
}

/* Logo */
@media only screen and (max-width: 900px) {
    .topbar-logo {
        display: none;
    }
}