#viewDiv {
  padding: 45px 0;
  width: 100%;
  height: 100vh;
  bottom: 0px;
}

body, .popover {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

.esri-ui-bottom-left {
  bottom: 25px;
}

.esri-ui-bottom-right {
  bottom: 25px;
}

.esri-ui-corner .esri-widget--panel {
  width: 400px;
}

.ümbris {
  padding: 0;
  margin: 0;
  height: 94vh;
  width: 100%;
}

.esri-widget-button {
  color: white;
  background-color: #177366;
  width: 50px;
  height: 50px;
  font-size: 20px;
}

.esri-view-height-medium .esri-ui-corner .esri-legend {
  max-height: none;
}

.esri-legend__service {
  border-bottom: none;
}

.esri-view-height-medium .esri-ui-corner .esri-legend {
  max-height: 550px;
}

.esri-layer-list__item-container {
  border-bottom: none;
}

.esri-layer-list {
  background-color: white;
  padding: 0;
}
.esri-layer-list__item {
  color: #323232;
  font-weight: 600;
}

.esri-legend__layer-cell {
  padding: 0px 3px;
}

.esri-layer-list__item-title {
  word-break: normal
}

.esri-layer-list__item-toggle-icon {
  font-size: 18px;
}

.esri-layer-list__item-toggle {
  padding: 3px 3px 0px 0px;
  width: 20px;
  height: 20px
}

.esri-icon-visible:before {
  content: "☑";
}

.esri-icon-non-visible:before {
  content: "☐";
}

h1 {
  color: black;
  font-size: 35px;
  top: 0;
  margin: 0;
}

h2 {
  color: black;
  letter-spacing: 0;
}

.nähtamatu {
  opacity: 0;
  height: 0;
  width: 0;
}

.btn-secondary {
  background-color: #177366;
  color: white !important;
}

.popover {
  max-width: 500px;
}

#vasak-lülitus {
  position: fixed;
  bottom: 20px;
  margin-left: 20px;
  width: 180px
}

#loe-mind {
  position: fixed;
  bottom: 70px;
  margin-left: 20px;
  width: 180px
}

.fa {
  padding-right: 10px
}

.sees {
  background-color: #a32135;
}

#naviRiba {
  position: absolute;
  top: 0px;
  color: white;
  width: 100%;
  z-index: 1;
}

@media (max-width: 1150px) {
  .logo {
    display: none
  }
}

.svg-inline--fa {
  margin-right: 5px;
}

.nav-item {
  text-align: center;
  display: flex;
  align-items: center
}