/*! modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::after,::before{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}



  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("../fonts/woff2/IBMPlexSans-Bold.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Bold.woff") format("woff"); }

  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 700;
    src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url("../fonts/woff2/IBMPlexSans-BoldItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-BoldItalic.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 200;
    src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url("../fonts/woff2/IBMPlexSans-ExtraLight.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-ExtraLight.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 200;
    src: local("IBM Plex Sans ExtraLight Italic"), local("IBMPlexSans-ExtraLightItalic"), url("../fonts/woff2/IBMPlexSans-ExtraLightItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-ExtraLightItalic.woff") format("woff"); }



  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url("../fonts/woff2/IBMPlexSans-Italic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Italic.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url("../fonts/woff2/IBMPlexSans-Light.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Light.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url("../fonts/woff2/IBMPlexSans-LightItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-LightItalic.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url("../fonts/woff2/IBMPlexSans-Medium.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Medium.woff") format("woff"); }



  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 500;
    src: local("IBM Plex Sans Medium Italic"), local("IBMPlexSans-MediumItalic"), url("../fonts/woff2/IBMPlexSans-MediumItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-MediumItalic.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), url("../fonts/woff2/IBMPlexSans-Regular.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Regular.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url("../fonts/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-SemiBold.woff") format("woff"); }

  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url("../fonts/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 450;
    src: local("IBM Plex Sans Text"), local("IBMPlexSans-Text"), url("../fonts/woff2/IBMPlexSans-Text.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Text.woff") format("woff"); }



  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 450;
    src: local("IBM Plex Sans Text Italic"), local("IBMPlexSans-TextItalic"), url("../fonts/woff2/IBMPlexSans-TextItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-TextItalic.woff") format("woff"); }

  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 100;
    src: local("IBM Plex Sans Thin"), local("IBMPlexSans-Thin"), url("../fonts/woff2/IBMPlexSans-Thin.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-Thin.woff") format("woff"); }


  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 100;
    src: local("IBM Plex Sans Thin Italic"), local("IBMPlexSans-ThinItalic"), url("../fonts/woff2/IBMPlexSans-ThinItalic.woff2") format("woff2"), url("../fonts/woff/IBMPlexSans-ThinItalic.woff") format("woff"); }


  body {
    font-family:"IBM Plex Sans";
    background:#222222;
  }
.wrapper {
  font-size: 12px;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: 100vh;
}
.map {
  height: calc(100vh - 132px);
  flex: 0 1 100%;
  min-height: 500px;
  padding: 7px;
}
.header {
  font-weight: 600;
  padding: 15px 25px 15px 180px;
  flex: 0 1 100%;
  height: 60px;
  color:#ededed;
  display:flex;
  align-items: center;
  flex-direction: row;
  border-bottom: 4px solid #1683a5;
  background-image:url(https://evdos.uwtech-gmbh.de/assets/images/logo_small.jpg);
  background-repeat: no-repeat;
}
.leaflet-pane {
  flex: 1;
}
#mapcontent {
  height:100%;
  flex: 1;
}
.header p {
  display: inline-block;
}
select {
  background:#222222;
  color:#ededed;
  border: none;
  font-family:"IBM Plex Sans";
  font-weight: 600;
}
.header .user {
  margin-left: auto;
}
.footer {
  padding: 0px 25px;
  color:#ededed;
  flex: 0 1 100%;
  height: 70px;
  display:flex;
  align-items: center;
}
.footer img {
  max-width: 24px;
}
.footer .icon {
  display:flex;
  flex-wrap: wrap;
  flex-direction:column;
  align-items:center;
  justify-content: flex-end;
  height: 100%;
  padding: 0 15px;
  cursor: pointer;
}

.actions img {
  margin-bottom: 6px;
}
.footer .sep {
  border-left:1px solid #ededed;
  height: 40px;
  margin: 0 25px;
}
.footer .navtoggle {
  margin-right: 60px;
  cursor: pointer;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


.pop {
  position:fixed;
  top: 75px;
  left: 50px;
  background:#222222;
  width: 320px;
  color:#ededed;
  padding: 25px;
  z-index: 5000;
  height: calc(100% - 500px);
  min-height: 450px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap: wrap;
  flex-direction:column;
  display:none;
}
.pop .close {
  width: 24px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor:pointer;
}
.pop .close img {
  display:block;
  width:100%;
}
.pop .error {
  display:none;
}

.ibmlogo img {
  display:block;
  height: 15px;
  margin-left: 40px;
}
.header .user {
  vertical-align: middle;
}
.header .user img {
  height: 24px;
  margin-right: 15px;
}

.user {
  display: flex;
  justify-content:center;
  align-items:center;
}
.qmark {
  padding: 0 0 0 25px
}
.qmark img {
  height: 15px;
}

.login {
  background: url('../images/bg.jpg') no-repeat;
  background-size: cover;
}

.login .wrapper {
  display:flex;
  align-items: center;
  justify-content: center;
}
.login .form {
  font-weight: 450;
  position:relative;
  display:flex;
  max-width: 409px;
  background:rgba(255, 255, 255, 0.36);
  position:relative;
  padding: 10px;
  color:#222222;
}
.login .formcontent {
  background:#ffffff;
  margin:0;
  padding: 26px 40px;
  height: 100%;
}

.login input {
  background:#e4e4e4;
  display:block;
  width:100%;
  padding: 8px;
  color:#222222;
  border-top: none;
  border-left: none;
  border-bottom: 3px solid #b0b0b0;
  border-right: 3px solid #b0b0b0;
  margin-bottom: 10px;
}
.login h2 {
  font-weight: 300;
  font-size: 35px;
}
.login h2 span {
  font-weight: 500;
  font-size: 35px;
}
.login p {
  padding:0 0 4px 0;
  margin:0;
  font-size: 10px;
}

.login input[type="submit"] {
  width: auto;
  margin-left: auto;
  border-radius: 4px !important;
  background: rgb(4,137,188);
  color:#ededed;
  border:none;
  cursor:pointer;
  margin-top: 10px;
  margin-bottom: 18px;
  background: linear-gradient(0deg, rgba(4,137,188,1) 0%, rgba(68,152,195,1) 100%);

}