body {
    margin: 0;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.main-content {
    margin-top: 30px;
    margin-bottom: 20px;
}

span[data-area] {
    color: rgb(118, 205, 255);
    cursor: pointer;
    border-bottom: 1px dotted;
}

.bc-container {
    max-height: 400px;
    overflow: auto;
    border: solid 1px rgb(68, 68, 68);
}
#areas-list-container li {
    cursor: default;
}
.choosen {
    background: rgb(161, 220, 255);
}
/* #areas-list-container li:hover > ul {
    background: transparent;
} */
#areas-list-container p{
    margin-left: 1em;
}

#map {
    width: 100%;
    height: 600px;
    margin-top: 20px;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    #map {
        height: 400px;
    }
}

#spinner {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-bottom: 4px;
    display: none;
}

#nogeoTable {
    width: 100%;
    table-layout: fixed;
}

#nogeoTable td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

footer p {
    text-align: center;
}