#maparea { 
    height: 100%; 
    width: 100%; 
}

.leaflet-pm-toolbar .leaflet-pm-icon-export {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJmaWxlLWV4cG9ydCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWZpbGUtZXhwb3J0IGZhLXctMTgiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+PHBhdGggZmlsbD0iIzVCNUI1QiIgZD0iTTM4NCAxMjEuOWMwLTYuMy0yLjUtMTIuNC03LTE2LjlMMjc5LjEgN2MtNC41LTQuNS0xMC42LTctMTctN0gyNTZ2MTI4aDEyOHpNNTcxIDMwOGwtOTUuNy05Ni40Yy0xMC4xLTEwLjEtMjcuNC0zLTI3LjQgMTEuM1YyODhoLTY0djY0aDY0djY1LjJjMCAxNC4zIDE3LjMgMjEuNCAyNy40IDExLjNMNTcxIDMzMmM2LjYtNi42IDYuNi0xNy40IDAtMjR6bS0zNzkgMjh2LTMyYzAtOC44IDcuMi0xNiAxNi0xNmgxNzZWMTYwSDI0OGMtMTMuMiAwLTI0LTEwLjgtMjQtMjRWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYzNTJIMjA4Yy04LjggMC0xNi03LjItMTYtMTZ6Ij48L3BhdGg+PC9zdmc+")
}

.leaflet-pm-toolbar .leaflet-pm-icon-basemap {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJnbG9iZS1hbWVyaWNhcyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWdsb2JlLWFtZXJpY2FzIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDk2IDUxMiI+PHBhdGggZmlsbD0iIzVCNUI1QiIgZD0iTTI0OCA4QzExMS4wMyA4IDAgMTE5LjAzIDAgMjU2czExMS4wMyAyNDggMjQ4IDI0OCAyNDgtMTExLjAzIDI0OC0yNDhTMzg0Ljk3IDggMjQ4IDh6bTgyLjI5IDM1Ny42Yy0zLjkgMy44OC03Ljk5IDcuOTUtMTEuMzEgMTEuMjgtMi45OSAzLTUuMSA2LjctNi4xNyAxMC43MS0xLjUxIDUuNjYtMi43MyAxMS4zOC00Ljc3IDE2Ljg3bC0xNy4zOSA0Ni44NWMtMTMuNzYgMy0yOCA0LjY5LTQyLjY1IDQuNjl2LTI3LjM4YzEuNjktMTIuNjItNy42NC0zNi4yNi0yMi42My01MS4yNS02LTYtOS4zNy0xNC4xNC05LjM3LTIyLjYzdi0zMi4wMWMwLTExLjY0LTYuMjctMjIuMzQtMTYuNDYtMjcuOTctMTQuMzctNy45NS0zNC44MS0xOS4wNi00OC44MS0yNi4xMS0xMS40OC01Ljc4LTIyLjEtMTMuMTQtMzEuNjUtMjEuNzVsLS44LS43MmExMTQuNzkyIDExNC43OTIgMCAwIDEtMTguMDYtMjAuNzRjLTkuMzgtMTMuNzctMjQuNjYtMzYuNDItMzQuNTktNTEuMTQgMjAuNDctNDUuNSA1Ny4zNi04Mi4wNCAxMDMuMi0xMDEuODlsMjQuMDEgMTIuMDFDMjAzLjQ4IDg5Ljc0IDIxNiA4Mi4wMSAyMTYgNzAuMTF2LTExLjNjNy45OS0xLjI5IDE2LjEyLTIuMTEgMjQuMzktMi40MmwyOC4zIDI4LjNjNi4yNSA2LjI1IDYuMjUgMTYuMzggMCAyMi42M0wyNjQgMTEybC0xMC4zNCAxMC4zNGMtMy4xMiAzLjEyLTMuMTIgOC4xOSAwIDExLjMxbDQuNjkgNC42OWMzLjEyIDMuMTIgMy4xMiA4LjE5IDAgMTEuMzFsLTggOGE4LjAwOCA4LjAwOCAwIDAgMS01LjY2IDIuMzRoLTguOTljLTIuMDggMC00LjA4LjgxLTUuNTggMi4yN2wtOS45MiA5LjY1YTguMDA4IDguMDA4IDAgMCAwLTEuNTggOS4zMWwxNS41OSAzMS4xOWMyLjY2IDUuMzItMS4yMSAxMS41OC03LjE1IDExLjU4aC01LjY0Yy0xLjkzIDAtMy43OS0uNy01LjI0LTEuOTZsLTkuMjgtOC4wNmExNi4wMTcgMTYuMDE3IDAgMCAwLTE1LjU1LTMuMWwtMzEuMTcgMTAuMzlhMTEuOTUgMTEuOTUgMCAwIDAtOC4xNyAxMS4zNGMwIDQuNTMgMi41NiA4LjY2IDYuNjEgMTAuNjlsMTEuMDggNS41NGM5LjQxIDQuNzEgMTkuNzkgNy4xNiAzMC4zMSA3LjE2czIyLjU5IDI3LjI5IDMyIDMyaDY2Ljc1YzguNDkgMCAxNi42MiAzLjM3IDIyLjYzIDkuMzdsMTMuNjkgMTMuNjlhMzAuNTAzIDMwLjUwMyAwIDAgMSA4LjkzIDIxLjU3IDQ2LjUzNiA0Ni41MzYgMCAwIDEtMTMuNzIgMzIuOTh6TTQxNyAyNzQuMjVjLTUuNzktMS40NS0xMC44NC01LTE0LjE1LTkuOTdsLTE3Ljk4LTI2Ljk3YTIzLjk3IDIzLjk3IDAgMCAxIDAtMjYuNjJsMTkuNTktMjkuMzhjMi4zMi0zLjQ3IDUuNS02LjI5IDkuMjQtOC4xNWwxMi45OC02LjQ5QzQ0MC4yIDE5My41OSA0NDggMjIzLjg3IDQ0OCAyNTZjMCA4LjY3LS43NCAxNy4xNi0xLjgyIDI1LjU0TDQxNyAyNzQuMjV6Ij48L3BhdGg+PC9zdmc+")
}

.leaflet-pm-toolbar .leaflet-pm-icon-import {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJmaWxlLWltcG9ydCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWZpbGUtaW1wb3J0IGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iIzVCNUI1QiIgZD0iTTE2IDI4OGMtOC44IDAtMTYgNy4yLTE2IDE2djMyYzAgOC44IDcuMiAxNiAxNiAxNmgxMTJ2LTY0em00ODktMTgzTDQwNy4xIDdjLTQuNS00LjUtMTAuNi03LTE3LTdIMzg0djEyOGgxMjh2LTYuMWMwLTYuMy0yLjUtMTIuNC03LTE2Ljl6bS0xNTMgMzFWMEgxNTJjLTEzLjMgMC0yNCAxMC43LTI0IDI0djI2NGgxMjh2LTY1LjJjMC0xNC4zIDE3LjMtMjEuNCAyNy40LTExLjNMMzc5IDMwOGM2LjYgNi43IDYuNiAxNy40IDAgMjRsLTk1LjcgOTYuNGMtMTAuMSAxMC4xLTI3LjQgMy0yNy40LTExLjNWMzUySDEyOHYxMzZjMCAxMy4zIDEwLjcgMjQgMjQgMjRoMzM2YzEzLjMgMCAyNC0xMC43IDI0LTI0VjE2MEgzNzZjLTEzLjIgMC0yNC0xMC44LTI0LTI0eiI+PC9wYXRoPjwvc3ZnPg==")
}

.leaflet-pm-toolbar .leaflet-pm-icon-pen {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJwZW4iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1wZW4gZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNUI1QjVCIiBkPSJNMjkwLjc0IDkzLjI0bDEyOC4wMiAxMjguMDItMjc3Ljk5IDI3Ny45OS0xMTQuMTQgMTIuNkMxMS4zNSA1MTMuNTQtMS41NiA1MDAuNjIuMTQgNDg1LjM0bDEyLjctMTE0LjIyIDI3Ny45LTI3Ny44OHptMjA3LjItMTkuMDZsLTYwLjExLTYwLjExYy0xOC43NS0xOC43NS00OS4xNi0xOC43NS02Ny45MSAwbC01Ni41NSA1Ni41NSAxMjguMDIgMTI4LjAyIDU2LjU1LTU2LjU1YzE4Ljc1LTE4Ljc2IDE4Ljc1LTQ5LjE2IDAtNjcuOTF6Ij48L3BhdGg+PC9zdmc+")
}

.fa-cog {
    font-size: 16px;
    padding-top: 6px;
}

.leaflet-pm-cust-button {
    font-size: 16px;
    padding-top: 6px;
}

.popup-title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    min-width: 270px;
}

.popup-description {
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 5px;
    min-width: 270px;
}

.popup-line {
    height: 2px;
    background: #757575;
    width: 100%;
    box-sizing: border-box;
    background-origin: border-box;
    margin: 10px 0px 5px;
}

.popup-data-title {
    font-size: 13px;
    color: #757575;
    font-weight: bold;
    padding-bottom: 5px;
    min-width: 270px;
}

.popup-view-table {
    width: 100%;
    font-size: 13px;
}

.popup-view-table tr {
    vertical-align: top;
    box-sizing: border-box;
}

.popup-view-table tr:nth-child(odd) {
    background-color: rgb(233, 233, 233);
}

.popup-view-table tr td {
    padding-left: 5px;
}

.popup-view-table-keys {
    width: 1%;
    white-space: nowrap;
    padding-right: 15px;
}

.popup-edit-table {
    width: 100%;
    table-layout: fixed;
    padding: 0px;
    font-size: 15px;
}

.popup-edit-table tr {
    vertical-align: middle;
    box-sizing: border-box;
    height: 20px;
    white-space: nowrap;
}

.popup-edit-table tr td {
    box-sizing: border-box;
}

.popup-edit-button-column {
    width: 18px;
    white-space: nowrap;
}

.popup-edit-button-add {
    font-size: 22px;
    vertical-align: middle;
    color: green;
}

.popup-edit-button-delete {
    font-size: 22px;
    vertical-align: middle;
    color: red;
}

.popup-edit-colour {
    width: 50px;
}

.popup-edit-number {
    width: 50px;
}

.popup-edit-text {
    width: 100%; 
    box-sizing: border-box;
}

.popup-data-row-view {
    display: table-row;
    vertical-align: middle;
    line-height: 22px;
    height: 22px;
}

.popup-data-cell-view {
    display: table-cell;
    padding-left: 10px;
}

.popup-data-row-highlight {
    background-color:lightgrey;
}

.popup-row {
    padding-top: 10px;
    vertical-align: middle;
    height: 20px;
}

.tab-container {
    width: 300px;
    box-sizing: border-box;
}

.tab-container .tab-button {
    display: none;
}

.tab-container .tab-button:checked + label {
    background: #eee;
}

.tab-container .tab-button#tab1:checked ~ .line {
    left: 0%;
}

.tab-container .tab-button#tab1:checked ~ .content-container #c1 {
    display: block;
}

.tab-container .tab-button#tab2:checked ~ .line {
    left: 33.33%;
}

.tab-container .tab-button#tab2:checked ~ .content-container #c2 {
    display: block;
}

.tab-container .tab-button#tab3:checked ~ .line {
    left: 66.66%;
}

.tab-container .tab-button#tab3:checked ~ .content-container #c3 {
    display: block;
}

.tab-container .tab-label {
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    width: 33.33%;
    text-align: center;
    background: #f4f4f4;
    color: #555;
    position: relative;
    transition: 0.25s background ease;
    cursor: pointer;
}

.tab-container .tab-label::after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    display: block;
    background: #ccc;
    bottom: 0;
    opacity: 0;
    left: 0;
    transition: 0.25s ease;
}

.tab-container .tab-label:hover::after {
    opacity: 1;
}

.tab-container .line {
    position: relative;
    height: 2px;
    background: #1E88E5;
    width: 33.33%;
    box-sizing: border-box;
    background-origin: border-box;
    transition: 0.25s ease;
}

.tab-container .content-container {
    background: #eee;
    position: relative;
    font-size: 16px;
    box-sizing: border-box;
    height: 240px;
}

.tab-container .content-container .content {
    position: absolute;
    padding: 10px;
    width: 100%;
    top: 0;
    display: none;
    transition: 0.25s ease;
    color: #333;
    box-sizing: border-box;
}

/*.tab-container .content-container .content h3 {
    font-weight: 200;
    margin: 10px 0;
}

.tab-container .content-container .content p {
    margin: 10px 0;
}


.tab-container .content-container .content input {
    margin: 10px 0;
}


.tab-container .content-container .content p, .tab-container .content-container .content i {
    font-size: 13px;
}*/