/*
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 500ms;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .leaflet-sidebar {
    width: 350px;
    max-width: 350px;
  }
}
@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 80ms;
}
.leaflet-sidebar-tabs > li:hover, .leaflet-sidebar-tabs > ul > li:hover {
  color: #fff;
  background-color: #E2003B;
}
.leaflet-sidebar-tabs > li.active, .leaflet-sidebar-tabs > ul > li.active {
  color: #fff;
  background-color: #86BC26;
}
.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: #86BC26;
}
.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 500ms;
  }
}
@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 500ms;
  }
}
@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;
}

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

html, body, .map-container {
  height: 97%;
  font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.hidden {
  display: none;
}

.fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.92);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

body.leaflet--printing > .fullscreen-overlay {
  display: flex !important;
  box-sizing: content-box;
}

.floatingLabel .select2-selection {
  height: calc(3.5rem + 2px);
}
.floatingLabel .select2-selection .select2-selection__rendered {
  margin-top: 18px;
}
.floatingLabel label {
  z-index: 1 !important;
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  top: 0;
}

.form-floating.floatingLabelSm label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  top: 0;
}

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

.show {
  visibility: visible !important;
}

/*
Login Form
 */
.gradient-custom-2 {
  background: #145558;
  background: -webkit-linear-gradient(to right, #145558, #1d8186, #2d7245, #328753);
  background: linear-gradient(to right, #145558, #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;
}

.navbar {
  z-index: 2350;
}

/*
some navbar styles
*/
.navbar-light .navbar-brand {
  color: #86BC26;
}
.navbar-light .navbar-brand small {
  color: #171616;
}

/*
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 tbody tr:hover {
  background-color: #86BC26;
  color: #fff;
  cursor: pointer;
}
.datatablesContainer tbody tr:hover.child {
  color: #000000;
}
.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 #E5E2EF;
}
#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 #E5E2EF;
}
#revisionComments .comment-area .form-control:focus {
  box-shadow: none;
}
#revisionComments .comment-area .post-btn {
  height: 50px;
  font-size: 16px;
  width: 100%;
  background: #86BC26;
  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;
}

/* Routing Styles */
.btn-info {
  color: white;
  background-color: #86BC26;
  display: block;
  margin-bottom: 5px;
  border-color: #86BC26;
}
.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 #86BC26;
  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: #86BC26;
  line-height: 20px;
  text-align: center;
  color: #E5E2EF;
  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: #86BC26;
  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: #86BC26;
  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: #E5E2EF;
  position: absolute;
  left: 3px;
  top: 2px;
}
.routeIcon .routeIconLabel .letterIcon {
  left: 2px;
  position: absolute;
}

.attrib-group .list-group {
  width: 85%;
}

/*
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: #86BC26;
  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 #86BC26;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #E5E2EF;
}
#layerAccordion .accordion-button:focus {
  box-shadow: none;
}
#layerAccordion .accordion-button:not(.collapsed), #layerAccordion .accordion-button:not(.collapsed)::after {
  background-color: #86BC26;
  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: 33px;
}
#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: #86BC26;
  color: #fff;
  float: left;
}
.post-detail-list a:hover, .route-detail-list a:hover {
  background-color: #E2003B;
}

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

/*
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+);
}

.floating-tools-container {
  position: absolute;
  top: 40px;
  right: 0px;
  padding: 0;
  width: 30px;
  height: 100px;
  z-index: 1000;
  color: #171616;
  cursor: pointer;
}
.floating-tools-container .toolbar-button {
  padding: 0px;
  margin-top: 2px;
  background-color: #fff;
}
.floating-tools-container .toolbar-button.active {
  background-color: #86BC26;
}

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

@media (min-width: 769px) {
  .leaflet-sidebar-right .leaflet-sidebar-content {
    left: 0px;
  }
}
#fileList .title {
  word-wrap: anywhere;
}

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

.showLatLngPositionMarker {
  font-size: 25px;
  color: #ffe300;
  background-color: rgba(29, 129, 134, 0.45);
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #ffe300;
}

#fileManager {
  border: 1px solid lightgray;
  border-radius: 4px;
  padding: 5px;
}
#fileManager .list-group-item {
  margin-left: 10px;
}

/*
add a small footer ?!
*/
footer {
  height: 1.8% !important;
  background-color: #333;
}
/*# sourceMappingURL=style.css.map */