#mapid {
    height: 800px;
    border-radius: 10px;
}

#mapback {
    padding: 10px;
    max-width: 39%;
    background-color: rgb(230, 230, 230);
    border-radius: 10px;
    height: 800px;
    flex: 1;
}

.custom-control {
    background: rgba(255, 255, 255, 0.8);
    padding: 6px;
    border-radius: 4px;
    max-width: 239px;
}

.contents {
    display: none;
}

.content {
    max-height: 400px;
    overflow: auto;
}

.content li {
    border-bottom: 1px solid black;
}

.categories {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
}

.contents {
    margin-top: 20px;
    background: #ffffff;
    padding: 10px;
    border-radius: 4px;
}

.category-title {
    cursor: pointer;
    margin-bottom: 5px;
    /* Space between titles */
}

.category-title:hover {
    background-color: #e0e0e0;
}

.content {
    list-style: none;
    padding: 0;
}