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

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

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

.navbar-brand {
  margin-left: 20px;
  margin-bottom: -20px;
}
.navbar-brand .dwv_slogan {
  font-size: 22px;
  margin-left: 30px;
}
.navbar-brand:hover strong {
  color: #E2003B;
}

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

.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;
}

.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: -webkit-gradient(to right, #145558, #1d8186, #2d7245, #328753);
  background: -moz-linear-gradient(to right, #145558, #1d8186, #2d7245, #328753);
  background: -o-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;
}

.modalOverModal {
  z-index: 2650 !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 .dataTables_scrollHeadInner, .datatablesContainer .table {
  width: 100% !important;
}
.datatablesContainer .tableWrap {
  width: 120px;
}
.datatablesContainer tbody tr:hover {
  background-color: #86BC26;
  color: #fff;
}
.datatablesContainer tbody tr:hover .child {
  color: #000000;
}
.datatablesContainer tbody tr.selected {
  background-color: #86BC26;
  color: #fff;
}
.datatablesContainer .markzeich {
  max-width: 50px;
  max-height: 30px;
  border: 1px solid #666;
}
@media (max-width: 576px) {
  .datatablesContainer {
    /*
    we need the media querys because the tabs are initial hidden on mobile and has no "size"
    */
    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;
}

/*same for datatables in modals
 */
@media (max-width: 576px) {
  #wayEditModal .datatablesContainer, #targetEditModal .datatablesContainer, #signExportModal .datatablesContainer {
    /*
    we need the media querys because the tabs are initial hidden on mobile and has no "size"
    */
    width: 290px;
  }
}
@media (min-width: 576px) {
  #wayEditModal .datatablesContainer, #targetEditModal .datatablesContainer, #signExportModal .datatablesContainer {
    width: 460px;
  }
}
@media (min-width: 992px) {
  #wayEditModal .datatablesContainer, #targetEditModal .datatablesContainer, #signExportModal .datatablesContainer {
    width: 770px;
  }
}

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: 0;
  top: 0;
}

/*
Post and Sign Detail/Edit Styles
 */
.subSign {
  border-left: 25px solid #86BC26;
}

/*
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
*/
.leaflet-grab {
  cursor: crosshair;
}

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

/*
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: 0 !important;
  margin: 0;
  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: 0 !important;
  padding: 0 !important;
}
.min .modal-header {
  height: 100%;
  width: 100%;
  margin: 0 !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+);
}

.edgeMarkzeichContainer img {
  height: 25px;
}

/*
add a small footer ?!
*/
footer {
  display: none;
  height: 10%;
  background-color: #333;
}

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

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

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

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

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

.word-wrap {
  word-wrap: anywhere;
}

#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.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 #E2003B;
}
#form-post-edit .show-routentrennstrich {
  box-shadow: 0px 11px 0px -8px #86BC26;
}
#form-post-edit .img-thumbnail {
  max-height: 100px;
}

.draftOverview .table-responsive {
  margin: 30px 0;
}
.draftOverview .table-wrapper {
  background: #fff;
  padding: 20px 25px;
  border-radius: 3px;
  min-width: 1000px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.draftOverview .btn i {
  float: left;
  font-size: 21px;
  margin-right: 5px;
}
.draftOverview table.table tr th, .draftOverview table.table tr td {
  border-color: #e9e9e9;
  padding: 12px 15px;
  vertical-align: middle;
}
.draftOverview table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc;
}
.draftOverview table.table-striped.table-hover tbody tr:hover {
  background: #f5f5f5;
}
.draftOverview table tr.active {
  background: #e7ff9a !important;
}
.draftOverview table.table th i {
  font-size: 13px;
  margin: 0 5px;
  cursor: pointer;
}
.draftOverview table.table td:last-child i {
  opacity: 0.9;
  font-size: 22px;
  margin: 0 5px;
}
.draftOverview table.table td a {
  font-weight: bold;
  color: #566787;
  display: inline-block;
  text-decoration: none;
  outline: none !important;
}
.draftOverview table.table td a.merge {
  color: #86BC26;
}
.draftOverview table.table td a.delete {
  color: #E2003B;
}
.draftOverview table.table td a.merge {
  color: #e5b338;
}
.draftOverview table.table td a:hover {
  color: #a5214a;
}
.draftOverview table.table td i {
  font-size: 19px;
}

.splitIcon {
  font-size: 25px;
  color: #ffe300;
  background-color: rgba(60, 217, 27, 0.7411764706);
  border-radius: 30px;
}
/*# sourceMappingURL=style.css.map */