a {
    text-decoration: none;
    white-space: nowrap;
}

.leaflet-container {
    background: rgba(122, 122, 122, 0.1) !important;
    outline: 0;
}

.page-header {
    display: flex;
    width: 100%;
}

.page-tabs {
    flex: 100%;
    margin-right: 16px;
}

.page-map {
    flex: 300px;
}

.object-map {
    float: right !important;
    margin-left: 16px;
    margin-bottom: 16px;
}

.page-tabs .tab-content {
    overflow-y: auto;
    max-height: 300px;
    margin-bottom: 16px;
}

.popover {
    max-width: fit-content;
}

.object-table td {
    white-space: nowrap;
}

td.object {
    white-space: nowrap;
}

.hf {
    color: #3366CC;
}

.entity {
    color: #CC33FF;
}

.site {
    color: #FFCC00;
}

.structure {
    color: #FFAA00;
}

.ruin {
    color: #bbb;
}

.site.ruin {
    color: #b4a675;
}

.structure.ruin {
    color: #94702a;
}

.worldconstruction {
    color: #777777;
}

.region {
    color: #009933;
}

.artifact {
    color: #993300;
}

.writtencontent {
    color: #999999;
}

.artform {
    color: #993399;
}

.occasion {
    color: #993399;
}

.war {
    color: #600000;
}

.loadable {
    color: #009933;
}

.battle {
    color: #900000;
}

.json {
    color: #ddd;
    font-size: 80%;
}


@media (prefers-color-scheme: dark) {
    .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    }

    a {
        color: #337ab7;
    }

    .collection {
        color: #718dc9;
    }


    .artifact {
        color: #ea4e00;
    }

    .hf {
        color: #5c93ff;
    }

    .war {
        color: #a00000;
    }

    .battle {
        color: #c70303;
    }

    .occasion {
        color: #ff91ff;
    }


    .artform {
        color: #cc45cc;
    }

    .worldconstruction {
        color: #aaa;
    }

    .json {
        color: #666;
    }
}