/*
define some base variables to switch the basic prefs easy like: colors, sizes, spaces a.s.o
*/
.leaflet-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 2000;
}
.leaflet-sidebar.collapsed {
  width: 50px;
}
.leaflet-sidebar.maximized {
  max-width: 80% !important;
  width: 80% !important;
}
@media (min-width: 769px) {
  .leaflet-sidebar {
    top: 0;
    bottom: 0;
    transition: width 5ms;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .leaflet-sidebar {
    width: 390px;
    max-width: 390px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .leaflet-sidebar {
    width: 390px;
    max-width: 390px;
  }
}
@media (min-width: 1200px) {
  .leaflet-sidebar {
    width: 500px;
    max-width: 500px;
  }
}

.leaflet-sidebar-left {
  left: 0;
}
@media (min-width: 769px) {
  .leaflet-sidebar-left {
    left: 0;
  }
}

.leaflet-sidebar-right {
  right: 0;
}
@media (min-width: 769px) {
  .leaflet-sidebar-right {
    right: 0;
  }
}

.leaflet-sidebar-tabs {
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: #fff;
}
.leaflet-sidebar-left .leaflet-sidebar-tabs {
  left: 0;
}
.leaflet-sidebar-right .leaflet-sidebar-tabs {
  right: 0;
}
.leaflet-sidebar-tabs, .leaflet-sidebar-tabs > ul {
  position: absolute;
  width: 50px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.leaflet-sidebar-tabs > li, .leaflet-sidebar-tabs > ul > li {
  width: 100%;
  height: 50px;
  color: #333;
  font-size: 13pt;
  overflow: hidden;
  transition: all 5ms;
}
.leaflet-sidebar-tabs > li:hover, .leaflet-sidebar-tabs > ul > li:hover {
  color: #fff;
  background-color: #5c153a;
}
.leaflet-sidebar-tabs > li.active, .leaflet-sidebar-tabs > ul > li.active {
  color: #fff;
  background-color: #283583;
}
.leaflet-sidebar-tabs > li.disabled, .leaflet-sidebar-tabs > ul > li.disabled {
  color: rgba(51, 51, 51, 0.4);
}
.leaflet-sidebar-tabs > li.disabled:hover, .leaflet-sidebar-tabs > ul > li.disabled:hover {
  background: transparent;
}
.leaflet-sidebar-tabs > li.disabled > a, .leaflet-sidebar-tabs > ul > li.disabled > a {
  cursor: default;
}
.leaflet-sidebar-tabs > li > a, .leaflet-sidebar-tabs > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
  color: inherit;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.leaflet-sidebar-tabs > ul + ul {
  bottom: 0;
}

.leaflet-sidebar-content {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  overflow-x: hidden;
  overflow-y: auto;
}
.leaflet-sidebar-left .leaflet-sidebar-content {
  left: 50px;
  right: 0;
}
.leaflet-sidebar-right .leaflet-sidebar-content {
  left: 50px;
  right: 50px;
}
.leaflet-sidebar.collapsed > .leaflet-sidebar-content {
  overflow-y: hidden;
}

.collapsed > .leaflet-sidebar-content {
  overflow-y: hidden;
}

.leaflet-sidebar-pane {
  display: none;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 10px 20px;
}
.leaflet-sidebar-pane.active {
  display: block;
}
@media (min-width: 769px) and (max-width: 991px) {
  .leaflet-sidebar-pane {
    min-width: 300px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .leaflet-sidebar-pane {
    min-width: 340px;
  }
}
@media (min-width: 1200px) {
  .leaflet-sidebar-pane {
    min-width: 450px;
  }
}

.leaflet-sidebar-header {
  margin: -10px -20px 0;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  font-size: 15.6pt;
  color: #fff;
  background-color: #283583;
}
.leaflet-sidebar-right .leaflet-sidebar-header {
  padding-left: 50px;
}

.leaflet-sidebar-maximize {
  position: absolute;
  right: 40px;
  cursor: pointer;
}

.leaflet-sidebar-close {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
}
.leaflet-sidebar-left .leaflet-sidebar-close {
  right: 0;
}
.leaflet-sidebar-right .leaflet-sidebar-close {
  left: 0;
}

.leaflet-sidebar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}
@media (min-width: 769px) {
  .leaflet-sidebar {
    border-radius: 0;
  }
  .leaflet-sidebar.leaflet-touch {
    border: 0;
  }
}

.leaflet-sidebar-left.leaflet-touch {
  box-shadow: none;
  border-right: 0;
}
@media (min-width: 769px) {
  .leaflet-sidebar-left ~ .leaflet-control-container .leaflet-left {
    transition: left 5ms;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .leaflet-sidebar-left ~ .leaflet-control-container .leaflet-left {
    left: 350px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .leaflet-sidebar-left ~ .leaflet-control-container .leaflet-left {
    left: 390px;
  }
}
@media (min-width: 1200px) {
  .leaflet-sidebar-left ~ .leaflet-control-container .leaflet-left {
    left: 500px;
  }
}
.leaflet-sidebar-left.collapsed ~ .leaflet-control-container .leaflet-left {
  left: 50px;
}

.leaflet-sidebar-right.leaflet-touch {
  box-shadow: none;
  border-left: 0;
}
@media (min-width: 769px) {
  .leaflet-sidebar-right ~ .leaflet-control-container .leaflet-right {
    transition: right 5ms;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .leaflet-sidebar-right ~ .leaflet-control-container .leaflet-right {
    right: 350px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .leaflet-sidebar-right ~ .leaflet-control-container .leaflet-right {
    right: 390px;
  }
}
@media (min-width: 1200px) {
  .leaflet-sidebar-right ~ .leaflet-control-container .leaflet-right {
    right: 500px;
  }
}
.leaflet-sidebar-right.collapsed ~ .leaflet-control-container .leaflet-right {
  right: 50px;
}

/* active min class for sidebar tabs */
.leaflet-sidebar-tabs li.active_min {
  background-color: #1c255c;
  color: #fff;
}

.transfer-base-button {
  display: none;
}

.select2-results__options {
  overflow-x: hidden;
}

.modal.modal-static .modal-dialog {
  transform: none;
}

.img-flag {
  height: 20px;
  width: auto;
  margin-right: 10px;
}

.post-img-detail-thumbnail {
  max-width: 100%;
  max-height: 120px;
}

#form-post-edit .fld-colorgroup .fld-route-only {
  display: none;
}
#form-post-edit .fld-colorgroup.show-route .fld-route-only {
  display: block;
}
#form-post-edit .fld-colorgroup.show-route .fld-target-only {
  display: none;
}
#form-post-edit .fld-colorgroup.show-route div.col-9.route-full-width {
  width: 100%;
}
#form-post-edit .sign-edit-root .accordion-header {
  position: relative;
}
#form-post-edit .sign-edit-root .accordion-header .sign_not_needed {
  color: #cacac7;
  background-color: #f4f4f4;
}
#form-post-edit .sign-edit-root .accordion-header .sign_not_needed .text-warning {
  color: #cacac7 !important;
}
#form-post-edit .sign-edit-root.show-base-buttons .transfer-base-button {
  display: block;
  position: absolute;
  z-index: 1001;
  top: 7px;
  right: 190px;
}
#form-post-edit .sign-edit-root.show-base-buttons .transfer-base-button-cancel {
  right: 90px;
}
#form-post-edit .sign-edit-root.hide-left .part-left {
  visibility: hidden;
}
#form-post-edit .sign-edit-root.hide-right .part-right {
  visibility: hidden;
}
#form-post-edit .sign-edit-root.hide-routetrennstrich .input-r_routentrenner, #form-post-edit .sign-edit-root.hide-routetrennstrich .input-l_routentrenner {
  display: none;
}
#form-post-edit .part-left .btn, #form-post-edit .part-right .btn {
  padding: 5px;
}
#form-post-edit .input-group-text {
  padding: 5px;
}
#form-post-edit .critical-changed {
  border-right: 10px solid #5c153a;
}
#form-post-edit .show-routentrennstrich {
  box-shadow: 0px 11px 0px -8px #86BC26;
}

.splitIcon {
  font-size: 25px;
  color: #ffe300;
  background-color: rgba(60, 217, 27, 0.7411764706);
  border-radius: 30px;
}

/*
//Base Inactive-Opacity-Control TODO @Daniel => better styles??
*/
.leaflet-layer-opacity-control.out-of-zoom-range {
  background-color: #ddd;
}

.data-point {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  background-size: contain !important;
}
.data-point .value {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: bold;
  color: #283583;
}
.data-point#strecke {
  background: url("/img/route_icons/icon_laenge.png") no-repeat center;
}
.data-point#dauer {
  background: url("/img/route_icons/icon_dauer.png") no-repeat center;
}
.data-point#hoehe-max {
  background: url("/img/route_icons/icon_max.png") no-repeat center;
}
.data-point#hoehe-min {
  background: url("/img/route_icons/icon_min.png") no-repeat center;
}
.data-point#anstieg {
  background: url("/img/route_icons/icon_anstieg.png") no-repeat center;
}
.data-point#abstieg {
  background: url("/img/route_icons/icon_abstieg.png") no-repeat center;
}

.bar-container {
  display: block;
  width: 100%;
  background-color: #E0E0E0;
  height: 25px;
  border-radius: 12.5px;
  overflow: hidden;
}
.bar-container .bar {
  height: 100%;
  position: relative;
}
.bar-container .bar span {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  font-weight: bold;
}
.bar-container .label-text {
  vertical-align: middle;
}

/*
The DWV (DigitaleWegeVerwaltung) main Stylesheet by DF
Here we can style and override all Styles
*/
body {
  padding: 0;
  margin: 0;
  overflow: visible;
}

html, body {
  font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.map-container {
  top: 70px;
  height: 97%;
  width: 100%;
  position: relative;
}
@media (max-width: 769px) {
  .map-container {
    top: 50px;
    height: 95%;
  }
}
@media (max-width: 370px) {
  .map-container {
    top: 80px;
  }
}

.hidden {
  display: none;
}

/*
Highlight the active button
 */
.btn-check:checked + .btn-outline-secondary {
  background-color: #333;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3000;
  visibility: hidden;
}

#markerEditOverlay {
  width: 170px;
  position: absolute;
  right: 40px;
  top: 75px;
  background-color: white;
  padding: 10px;
}

.portalHilfe {
  color: #fff !important;
}

.show {
  visibility: visible !important;
}

/*
Login Form
 */
.gradient-custom-2 {
  background: #145558;
  background: -webkit-linear-gradient(to right, #4982bb, #1d8186, #2d7245, #328753);
  background: linear-gradient(to right, #4982bb, #1d8186, #2d7245, #328753);
}

@media (min-width: 768px) {
  .gradient-form {
    height: 100vh !important;
  }
}
@media (min-width: 769px) {
  .gradient-custom-2 {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
}
/*
fix the modal overlayed by the sidebar
*/
.modal {
  z-index: 2500 !important;
}

.modal-backdrop.show {
  z-index: 2400;
}

/*
fix the tooltip z-index
*/
.tooltip {
  z-index: 2300;
}

#projektModal img {
  display: block;
  max-width: 100%;
  max-height: 120px;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
}

.navbar {
  z-index: 2350;
}
.navbar .consent-modal-button {
  cursor: pointer;
}

/*
some navbar styles
*/
.navbar-light .navbar-brand {
  margin-left: -10px;
  color: #283583;
}
.navbar-light .navbar-brand small {
  color: #171616;
}
@media (max-width: 769px) {
  .navbar-light .navbar-brand img {
    height: 20px;
  }
}

/*
try to style the datatables and make it responsive
*/
.datatablesContainer {
  /*
  we need the media querys because the tabs are initial hidden on mobile and has no "size"
  */
}
.datatablesContainer .dataTables_scrollHeadInner, .datatablesContainer .table {
  width: 100% !important;
}
.datatablesContainer .tableWrap {
  width: 120px;
}
.datatablesContainer .table-striped > tbody > tr:nth-of-type(2n+1):hover > * {
  color: #fff;
}
.datatablesContainer tbody tr:hover {
  background-color: #283583;
}
.datatablesContainer .markzeich {
  max-width: 50px;
  max-height: 30px;
  border: 1px solid #666;
}
@media (max-width: 576px) {
  .datatablesContainer {
    width: 290px;
  }
  .datatablesContainer .tableWrap {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .datatablesContainer {
    width: 490px;
  }
  .datatablesContainer .tableWrap {
    width: 150px;
  }
}
.datatablesContainer .markzeich {
  max-width: 50px;
  max-height: 30px;
  border: 1px solid #666;
}

div.leaflet-popup .route-tmp {
  cursor: pointer;
}
div.leaflet-popup .route-tmp:hover {
  text-decoration: underline;
}
div.leaflet-popup img.markzeich {
  max-width: 50px;
  max-height: 30px;
  border: 2px solid #666;
}

@media (min-width: 769px) and (max-width: 991px) {
  .leaflet-sidebar-right .leaflet-sidebar-pane {
    min-width: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .leaflet-sidebar-right .leaflet-sidebar-pane {
    min-width: 290px;
  }
}
@media (min-width: 1200px) {
  .leaflet-sidebar-right .leaflet-sidebar-pane {
    min-width: 400px;
  }
}

/*
Revision Styles
*/
.divIcon {
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  left: 8px;
  top: -10px;
}

.divIconMinus {
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  left: 0px;
  top: 0px;
}

/*
Alerts
*/
#messages {
  position: fixed;
  top: 60px;
  left: 20%;
  width: 60%;
  z-index: 99999;
}

/*
Revision kommentar Bereich
 */
#revisionComments .comment {
  width: 90%;
  background-color: white;
  box-shadow: 5px 5px 5px #cccaca;
}
#revisionComments .comment .comment-header {
  font-weight: 500;
  display: block;
}
#revisionComments .comment-area {
  position: relative;
  width: 90%;
}
#revisionComments .comment-area .form-control {
  width: 100%;
  height: 140px;
  resize: none;
  border: 2px solid #cccaca;
}
#revisionComments .comment-area .form-control:focus {
  box-shadow: none;
}
#revisionComments .comment-area .post-btn {
  height: 50px;
  font-size: 16px;
  width: 100%;
  background: #283583;
  border: none;
}

/*
Map Styles
*/
/* colors for post-marker */
.post {
  text-align: center;
  position: absolute;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #333;
}
.post.cat-a {
  color: #a5214a;
  font-size: 25px;
  line-height: 25px;
  left: 6.25px;
  bottom: 12.5px;
}
.post.cat-b {
  color: #3ea636;
  font-size: 22px;
  line-height: 22px;
  left: 5.5px;
  bottom: 11px;
}
.post.cat-c {
  color: #e5b338;
  font-size: 19px;
  line-height: 19px;
  left: 4.25px;
  bottom: 8.5px;
}
.post.cat-unset {
  color: #909090;
  font-size: 15px;
  line-height: 15px;
  left: 3.75px;
  bottom: 7.5px;
}

.poi {
  text-align: center;
  position: absolute;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #333;
}
.poi.cat-pd {
  color: rgb(234, 117, 0);
}
.poi.cat-w {
  color: rgb(128, 128, 255);
}
.poi.cat-k {
  color: rgb(0, 128, 0);
}

/* Routing Styles */
.btn-info {
  color: white;
  background-color: #283583;
  display: block;
  margin-bottom: 5px;
  border-color: #283583;
}
.btn-info i {
  margin-right: 10px;
}
.btn-info i.start {
  color: #3ea636;
}
.btn-info i.between {
  color: #e5b338;
}
.btn-info i.dest {
  color: #a5214a;
}

.leaflet-routing-container {
  width: auto;
}
.leaflet-routing-container.leaflet-bar {
  border: 2px solid #283583;
  border-radius: 0;
}
.leaflet-routing-container .leaflet-routing-geocoders {
  border: none;
}
.leaflet-routing-container .leaflet-routing-geocoders .leaflet-routing-geocoder .geocoder-handle {
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  background: #283583;
  line-height: 20px;
  text-align: center;
  color: #cccaca;
  display: inline-block;
  cursor: grab !important;
}
.leaflet-routing-container .leaflet-routing-geocoders .leaflet-routing-geocoder input {
  margin-left: 4px;
  width: 80%;
  pointer-events: none;
  border: none;
}
.leaflet-routing-container .leaflet-routing-alternatives-container, .leaflet-routing-container .leaflet-routing-add-waypoint {
  display: none;
}

/* WaynetEdit and WaynetAttribution Styles */
.waynet-button-disabled {
  filter: contrast(22%) brightness(157%);
  pointer-events: none;
}

.handle-icon {
  background-color: #283583;
  width: 24px !important;
  height: 24px !important;
  margin-left: -9px !important;
  margin-top: -9px !important;
  border-radius: 100px;
  border: 3px solid black;
}
.handle-icon.marker-snapped {
  background-color: #a5214a;
}
.handle-icon.marker-attached {
  border: 4px solid #e5b338;
}

.routeIcon {
  color: #283583;
  font-size: 25px;
  line-height: 25px;
  left: 4.25px;
  top: -10px;
}
.routeIcon .routeIconLabel {
  font: 9pt "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #cccaca;
  position: absolute;
  left: 3px;
  top: 2px;
}
.routeIcon .routeIconLabel .letterIcon {
  left: 2px;
  position: absolute;
}

/*
Collapsible Modal
*/
.modal-header .btnGrp {
  position: absolute;
  top: 15px;
  right: 20px;
}
.modal-header .overlay-action-button {
  background: none;
  border: none;
}
.modal-header button .fa {
  font-size: 25px;
  margin-left: 20px;
}

.min {
  width: 250px;
  height: 35px;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px;
  float: left;
  position: static !important;
}
.min .btnGrp {
  top: 9px;
  right: 15px;
}
.min .btnGrp .modalClose {
  display: none;
}
.min .btnGrp .fa {
  font-size: 14px;
  color: #ffffff;
}
.min .modal-content {
  background-color: #283583;
  color: #ffffff;
}
.min .modal-title {
  font-size: 10px;
}
.min .modal-dialog, .min .modal-content {
  height: 100%;
  width: 100%;
  margin: 0px !important;
  padding: 0px !important;
}
.min .modal-header {
  height: 100%;
  width: 100%;
  margin: 0px !important;
  padding: 3px 5px !important;
}

.minmaxCon {
  height: 35px;
  bottom: 10px;
  left: 10px;
  position: fixed;
  width: auto;
  z-index: 2300;
}

/**
layer-control
 */
#layercontrols label {
  font-weight: 500;
}
#layercontrols .opacity-layer {
  top: 4px;
  position: relative;
  left: 10px;
}

/**
layerAccordion
 */
#layerAccordion .accordion-item {
  border: none;
  border-radius: 0;
}
#layerAccordion .accordion-button {
  color: #171616;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #283583;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #cccaca;
}
#layerAccordion .accordion-button:focus {
  box-shadow: none;
}
#layerAccordion .accordion-button:not(.collapsed), #layerAccordion .accordion-button:not(.collapsed)::after {
  background-color: #283583;
  color: #ffffff;
}
#layerAccordion .leaflet-control {
  float: none;
}
#layerAccordion .layer-label {
  font-weight: 500;
  font-size: 11px;
}
#layerAccordion .opacity-layer {
  width: 100%;
  margin-top: -2px;
}
#layerAccordion .filter-layer {
  line-height: 25px;
}
#layerAccordion .filter-layer .layer-label .legend-layer {
  margin-right: 5px;
}
#layerAccordion .filter-layer input {
  margin-right: 5px;
  margin-top: 10px;
}

/*
Post & Route Detail Styles
 */
.post-detail-list a, .route-detail-list a {
  margin: 5px 5px 5px 0;
  padding: 5px;
  background-color: #283583;
  color: #fff;
  float: left;
}
.post-detail-list a:hover, .route-detail-list a:hover {
  background-color: #5c153a;
}

.post-detail-list-signs {
  margin-top: 15px;
  background-color: #cccaca;
}

/*
Custom toolbar icons
*/
.leaflet-toolbar-0 .wwl-control-icon-box {
  padding: 5px;
}
.leaflet-toolbar-0 .wwl-control-icon-box .wwl-control-icon {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.leaflet-toolbar-0 .wwl-control-icon-box .leaflet-wwl-icon-edit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iZWRpdF9hbmNob3ItYSIgZD0iTTEzLjUsMTEgQzExLjU2NzAwMzQsMTEgMTAsOS40MzI5OTY2MiAxMCw3LjUgQzEwLDUuNTY3MDAzMzggMTEuNTY3MDAzNCw0IDEzLjUsNCBDMTUuNDMyOTk2Niw0IDE3LDUuNTY3MDAzMzggMTcsNy41IEMxNyw5LjQzMjk5NjYyIDE1LjQzMjk5NjYsMTEgMTMuNSwxMSBaIE0xMy41LDkgQzE0LjMyODQyNzEsOSAxNSw4LjMyODQyNzEyIDE1LDcuNSBDMTUsNi42NzE1NzI4OCAxNC4zMjg0MjcxLDYgMTMuNSw2IEMxMi42NzE1NzI5LDYgMTIsNi42NzE1NzI4OCAxMiw3LjUgQzEyLDguMzI4NDI3MTIgMTIuNjcxNTcyOSw5IDEzLjUsOSBaIE0xMi4wMDAyODg5LDcuNTI5NzM4OTMgQzEyLjAxMjU5ODMsOC4xNjI3MzY3MiAxMi40MTcwMTk3LDguNjk5NjY0MyAxMi45ODA3MTExLDguOTA3Njc5NjYgTDMsMTUgTDMsMTMgTDEyLjAwMDI4ODksNy41Mjk3Mzg5MyBaIE0xNC4yMTcyNzIyLDYuMTgyMjg0NzIgTDE5LjQ1MzEyNSwzIEwyMi42NTg5MzU1LDMgTDE0Ljk4OTEwMiw3LjY4MTczODg1IEMxNC45OTYyOTcxLDcuNjIyMTY0NTkgMTUsNy41NjE1MTQ3MiAxNSw3LjUgQzE1LDYuOTMxMzgzODEgMTQuNjgzNjA5OCw2LjQzNjY2NDUgMTQuMjE3MjcyMiw2LjE4MjI4NDcyIFogTTIzLjQ0MzQwNDIsMTkuMjg1MTczNiBMMjAuMTI4Mjc5OSwxOS4yODUxNzM2IEwyMS44NzI5OTgzLDIzLjUzNDk1MjUgQzIxLjk5NDUyOTYsMjMuODI5NTc3MyAyMS44NTU2NTQ2LDI0LjE1OTkyMDkgMjEuNTc3ODczNCwyNC4yODQ5MjA4IEwyMC4wNDE0Njc1LDI0Ljk1NDUxNDIgQzE5Ljc1NTA2MTMsMjUuMDc5NTE0MSAxOS40MzM4NzM4LDI0LjkzNjY3MDQgMTkuMzEyMzQyNiwyNC42NTA5NTE4IEwxNy42NTQ0MzY3LDIwLjYxNTQ1NDEgTDE0Ljk0NjE4NzMsMjMuNDAxMDE1MSBDMTQuNTg1MjgxMSwyMy43NzIxNzExIDE0LDIzLjQ4NjA0NjMgMTQsMjIuOTk5MjY1MyBMMTQsOS41NzE4MzUzMyBDMTQsOS4wNTkzMzU2MSAxNC42MjI1MzExLDguODA5NDkyIDE0Ljk0NjE1Niw5LjE3MDA4NTU1IEwyMy44MzQwMjkyLDE4LjMxMjAxNzkgQzI0LjE5MjUyOTEsMTguNjYxMzYxNSAyMy45Mjc5OTc5LDE5LjI4NTE3MzYgMjMuNDQzNDA0MiwxOS4yODUxNzM2IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiPgogICAgPG1hc2sgaWQ9ImVkaXRfYW5jaG9yLWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNlZGl0X2FuY2hvci1hIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiM1QjVCNUIiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2VkaXRfYW5jaG9yLWEiLz4KICAgIDxnIGZpbGw9IiM1QjVCNUIiIG1hc2s9InVybCgjZWRpdF9hbmNob3ItYikiPgogICAgICA8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}
.leaflet-toolbar-0 .wwl-control-icon-box .leaflet-wwl-icon-polyline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0ibGluZS1hIiBkPSJNOS4xNjUwOTcyNSwxOS40MjA2ODkyIEwxOC40MjA2ODkyLDEwLjE2NTA5NzMgQzE4LjE1MjM2ODEsOS42Njk5MjkxNCAxOCw5LjEwMjc1ODMxIDE4LDguNSBDMTgsNi41NjcwMDMzOCAxOS41NjcwMDM0LDUgMjEuNSw1IEMyMy40MzI5OTY2LDUgMjUsNi41NjcwMDMzOCAyNSw4LjUgQzI1LDEwLjQzMjk5NjYgMjMuNDMyOTk2NiwxMiAyMS41LDEyIEMyMC44OTcyNDE3LDEyIDIwLjMzMDA3MDksMTEuODQ3NjMxOSAxOS44MzQ5MDI3LDExLjU3OTMxMDggTDEwLjU3OTMxMDgsMjAuODM0OTAyNyBDMTAuODQ3NjMxOSwyMS4zMzAwNzA5IDExLDIxLjg5NzI0MTcgMTEsMjIuNSBDMTEsMjQuNDMyOTk2NiA5LjQzMjk5NjYyLDI2IDcuNSwyNiBDNS41NjcwMDMzOCwyNiA0LDI0LjQzMjk5NjYgNCwyMi41IEM0LDIwLjU2NzAwMzQgNS41NjcwMDMzOCwxOSA3LjUsMTkgQzguMTAyNzU4MzEsMTkgOC42Njk5MjkxNCwxOS4xNTIzNjgxIDkuMTY1MDk3MjUsMTkuNDIwNjg5MiBaIE0yMS41LDEwIEMyMi4zMjg0MjcxLDEwIDIzLDkuMzI4NDI3MTIgMjMsOC41IEMyMyw3LjY3MTU3Mjg4IDIyLjMyODQyNzEsNyAyMS41LDcgQzIwLjY3MTU3MjksNyAyMCw3LjY3MTU3Mjg4IDIwLDguNSBDMjAsOS4zMjg0MjcxMiAyMC42NzE1NzI5LDEwIDIxLjUsMTAgWiBNNy41LDI0IEM4LjMyODQyNzEyLDI0IDksMjMuMzI4NDI3MSA5LDIyLjUgQzksMjEuNjcxNTcyOSA4LjMyODQyNzEyLDIxIDcuNSwyMSBDNi42NzE1NzI4OCwyMSA2LDIxLjY3MTU3MjkgNiwyMi41IEM2LDIzLjMyODQyNzEgNi42NzE1NzI4OCwyNCA3LjUsMjQgWiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSI+CiAgICA8bWFzayBpZD0ibGluZS1iIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjbGluZS1hIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiM1QjVCNUIiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2xpbmUtYSIvPgogICAgPGcgZmlsbD0iIzVCNUI1QiIgbWFzaz0idXJsKCNsaW5lLWIpIj4KICAgICAgPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
}
.leaflet-toolbar-0 .wwl-control-icon-box .leaflet-wwl-icon-delete {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5BdG9tcy9JY29ucy9Ub29scy9FcmFzZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTcuNzg3NDIxOSwxOC40ODEyNTUyIEwxMS42NDgwMDc5LDEzLjM0OTgxODQgTDYuNDA0NjYwMDksMTkuMzgxNjAwMSBMMTAuNTUzOTE1NiwyMi45ODg0OTI5IEwxMy44NjkzNCwyMi45ODg0OTI5IEwxNy43ODc0MjE5LDE4LjQ4MTI1NTIgWiBNMTYuNTA3NDI1MiwyMi45ODg0OTI5IEwyNi4wMDAwMDAyLDIyLjk4ODQ5MjkgTDI2LjAwMDAwMDIsMjQuOTg4NDkyOSBMMTAuMDAwMDAwMiwyNC45ODg0OTI5IEw5LjgwNzA4MzEzLDI0Ljk4ODQ5MjkgTDUuMDkyNTQyMDQsMjAuODkxMDE5MiBDNC4yNTg5MTI4NSwyMC4xNjYzNTY0IDQuMTcwNTc4MTQsMTguOTAzMTExMiA0Ljg5NTI0MDkzLDE4LjA2OTQ4MiBMMTYuMDQ4MjQ0NCw1LjIzOTQxOTE2IEMxNi43NzI5MDcyLDQuNDA1Nzg5OTggMTguMDM2MTUyNSw0LjMxNzQ1NTI2IDE4Ljg2OTc4MTYsNS4wNDIxMTgwNiBMMjQuOTA3NDU4MywxMC4yOTA1OTAzIEMyNS43NDEwODc1LDExLjAxNTI1MzEgMjUuODI5NDIyMiwxMi4yNzg0OTgzIDI1LjEwNDc1OTQsMTMuMTEyMTI3NSBMMTYuNTA3NDI1MiwyMi45ODg0OTI5IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXRvbXMvSWNvbnMvVG9vbHMvRXJhc2VyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC0zLjAwMDAwMCkiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjNUI1QjVCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.leaflet-sidebar-right .leaflet-sidebar-content {
  left: 50px;
}

@media (min-width: 769px) {
  .leaflet-sidebar-right .leaflet-sidebar-content {
    left: 0px;
  }
}
/*
add a small footer ?!
*/
footer {
  height: 1.7% !important;
  background-color: #333;
}

/*
overrides for EPK
 */
.ekp .btn-warning, .ekp .btn-success, .ekp .btn-info, .ekp .btn-danger, .ekp .btn-primary {
  background-color: #9d9d9c !important;
  border-color: #9d9d9c !important;
  color: #fff !important;
}
.ekp .btn-warning:hover, .ekp .btn-warning:focus, .ekp .btn-warning:active, .ekp .btn-warning:focus:active, .ekp .btn-success:hover, .ekp .btn-success:focus, .ekp .btn-success:active, .ekp .btn-success:focus:active, .ekp .btn-info:hover, .ekp .btn-info:focus, .ekp .btn-info:active, .ekp .btn-info:focus:active, .ekp .btn-danger:hover, .ekp .btn-danger:focus, .ekp .btn-danger:active, .ekp .btn-danger:focus:active, .ekp .btn-primary:hover, .ekp .btn-primary:focus, .ekp .btn-primary:active, .ekp .btn-primary:focus:active {
  background-color: #848482 !important;
  border-color: #9d9d9c !important;
  box-shadow: none !important;
}
.ekp .dt-search {
  display: none;
}
/*# sourceMappingURL=style.css.map */