body {
    margin-bottom: 15px;
}

.pageContent {
    margin-top: 1em;
}

.tile-border {
    border: 1px solid lightgrey;
}

.map-tile:hover {
    -webkit-filter: brightness(125%);
    width: 32px;
}

.map-line {
    break-inside: avoid;
}

.tool-button {
    width: 100%;
    margin-bottom: 1em;
}

.nav-button {
    min-width: 100%;
}

.nav-item {
    margin-left: 15px;
}

.category-button {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
    background-position: center;
    text-shadow: 1px 1px #7b767e;
}

.category-button:hover {
    color: white !important;
}

.map-tile {
    width: 32px;
    user-select: none;
    background-size: 32px;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.map-tile-in-overview {
    width: 32px;
    user-select: none;
    background-size: 32px;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.map-in-list {
    margin: auto;
    border: 1px solid black;
    background-color: grey;
}

.map-description {
    max-width: 100%;
}

.icon-button {
    height: 24px;
}

.share-icon {
    height: 16px;
}

.whatsapp-share-button {
    /*border: 1px solid darkgreen;*/
    border-radius: 4px;
    padding: 3px;
}

.button-pin {
    max-height: 32px;
}

.activeBrush {
    border: 2px solid red;
}

.show-active-tile {
    width: 32px;
    border: 2px solid red;
    background-size: 32px;
    user-select: none;
}

.modal-tile {
    height: 32px;
    margin: 1px;
}

.recentTileList {
    max-height: 100px;
    overflow-y: scroll;
    margin-bottom: 10px;
}

.birb-brand {
    margin-right: 10px;
}

.btn-outline-info {
    margin-left: 5px;
    margin-bottom: 5px;
}

.col-lg-12 img {
    margin-bottom: 1em;
}

#loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    flex-direction: column;
}

#menu {
    display: flex;
    flex-flow: row;
}

#map-area {
    padding: 20px 0 20px 0;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    overflow: scroll;
    background-color: lightgrey;
    margin-bottom: 15px;
}

#map-list {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
}

#map-wrapper {
    padding: 0px;
    border: 1px solid black;
}

#map-layer2 {
    position: absolute;
    z-index: 10
}