html,
body {
    height: 100%;
}

.overview {
    height: 100%;
    padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.overview canvas {
    cursor: crosshair;
}

.marker {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0ic3ZnOCIgd2lkdGg9Ii42MjYwMSIgaGVpZ2h0PSIuOTk3MDQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIC4xNjU2MyAuMjYzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiA8bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNSI+CiAgPHJkZjpSREY+CiAgIDxjYzpXb3JrIHJkZjphYm91dD0iIj4KICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgPGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPgogICAgPGRjOnRpdGxlLz4KICAgPC9jYzpXb3JrPgogIDwvcmRmOlJERj4KIDwvbWV0YWRhdGE+CiA8ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTAuNTE2IC0xNDAuMjYpIj4KICA8cGF0aCBpZD0icGF0aDEwOTciIGQ9Im05MC41OTkgMTQwLjI2YTAuMDgyODEzIDAuMDgyODEzIDAgMCAwLTAuMDgyODEgMC4wODI4IDAuMDgyODEzIDAuMDgyODEzIDAgMCAwIDAuMDE2MTUgMC4wNDkxIDAuMDgyODEzIDAuMDgyODEzIDAgMCAwIDNlLTYgMWUtNWMwLjAxODI5IDAuMDI5MiAwLjA0OTc2IDAuMDU3NyAwLjA2NjY2IDAuMTMxODkgMC4wMTY5LTAuMDc0MiAwLjA0ODM3LTAuMTAyNyAwLjA2NjY3LTAuMTMxOWEwLjA4MjgxMyAwLjA4MjgxMyAwIDAgMCAwLjAxNjE1LTAuMDQ5MSAwLjA4MjgxMyAwLjA4MjgxMyAwIDAgMC0wLjA4MjgxLTAuMDgyOHptMCAwLjA0NzFhMC4wMzU2NyAwLjAzNTY3IDAgMCAxIDAuMDM1NjcgMC4wMzU3IDAuMDM1NjcgMC4wMzU2NyAwIDAgMS0wLjAzNTY3IDAuMDM1NyAwLjAzNTY3IDAuMDM1NjcgMCAwIDEtMC4wMzU2Ny0wLjAzNTcgMC4wMzU2NyAwLjAzNTY3IDAgMCAxIDAuMDM1NjctMC4wMzU3eiIgZmlsbD0iIzAwNDFhOCIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0iMC4wMDA0MTI3NSwgMC4wMDA0MTI3NSIgc3Ryb2tlLXdpZHRoPSIuMDAwNDEyNzUiLz4KIDwvZz4KPC9zdmc+Cg==");
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}

.mapboxgl-popup {
    max-width: 200px;
}

.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.mapboxgl-popup-heading {
    font-weight: bold;
    margin-bottom: 3px;
}

.mapboxgl-popup-paragraph {
    margin-bottom: 0;
}