.in {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 350ms;
  animation-timing-function: ease-out;
  animation-duration: 350ms;
}

.out {
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 225ms;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 225ms;
  animation-timing-function: ease-in;
  animation-duration: 225ms;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fade.out {
  opacity: 0;
  -webkit-animation-duration: 125ms;
  -webkit-animation-name: fadeout;
  -moz-animation-duration: 125ms;
  -moz-animation-name: fadeout;
  animation-duration: 125ms;
  animation-name: fadeout;
}

.fade.in {
  opacity: 1;
  -webkit-animation-duration: 225ms;
  -webkit-animation-name: fadein;
  -moz-animation-duration: 225ms;
  -moz-animation-name: fadein;
  animation-duration: 225ms;
  animation-name: fadein;
}

.error {
  color: red;
  font-weight: bold;
}

#meetnet_titel {
  margin: 0;
  font-style: italic;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#page_meetnet .ui-block-c .ui-btn {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

#page_kaart .ui-fixed-hidden {
	position: fixed !important;
}

#foto_image_div {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#foto_image_div img#foto_image_image {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

#foto_image_next {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: absolute;
  right: 10px;
}

#foto_image_next:hover {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}

#foto_image_previous {
  opacity: 1;
  filter: alpha(opacity=80);
  position: absolute;
  left: 10px;
}

#foto_image_previous:hover {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}

#meetpunt_text_informatie_sensor {
  margin-top: 2em;
}

.ui-icon-dot:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-comma' width='20' height='20' fill='white' fill-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath d='M7,3H16.95V12.96L12.96,20.94H8L11.97,12.96H7V3Z' /%3E%3C/svg%3E");
}