:root {
        --bs-primary-rgb: 40, 53, 147;
        --bs-btn-bg: #283593 !important;
        --bs-btn-border-color: rgb(var(--bs-primary-rgb));
        --primary-color-light1: #4753ab;
        --primary-color-light2: #616ed2;
        --primary-color-pale: #9EAAF0;

        --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important;
        --bs-card-border-radius: 0;
        --bs-border-radius: 0;
        --bs-body-font-family: 'Open Sans', sans-serif;

        --bs-border-radius-xl: 0;
        --bs-border-radius-lg: 0;
        --bs-border-radius-md: 0;
        --bs-border-radius-sm: 0;
        --bs-border-radius-xs: 0;
        --clerk-border-radius: 0;
    }

    button[active],
    body>nav {
        background-color: rgb(var(--bs-primary-rgb));
        color: white;
    }

    table td[geometry_id]:not([geometry_id=""]):hover,
    table td[team_group_id]:not([team_group_id=""]):hover,
    #geometriesList tr:hover {
        background-color: var(--primary-color-pale);
        cursor: pointer;
    }

    table .active {
        background-color: var(--primary-color-light1) !important;
        color: white;
    }

    /*

    a.btn:hover,
    .nav-content .tabs li.tab:not(.disabled) a:hover,
    #geometriesList tr.active {
        background-color: var(--primary-color-light1);
        color: white;
    }

    .primary-color,
    li.tab:not(.disabled) a {
        color: var(--primary-color);
        font-weight: bold;
    }

    

    .card-tabs li.tab.disabled {
        color: #ffcccc !important;
    }

    i.material-icons {
        align-content: center;
    }

    nav i,
    nav i.material-icons {
        line-height: 48px;
    }

    .modal-content td:has(table) {
        padding-top: 0;
        padding-bottom: 0;
        width: 70%;
    }

    .modal-content td table {
        table-layout: fixed;
    }

    div.card {
        margin: 1rem;
    } */

    /* div#tab-map.row,
    div#tab-map.row>.col,
    div#tab-map.row>.col>.row {
        padding: 0 !important;
        height: calc(100vh - 70px);
        overflow-y: hidden;
        margin: 0 !important;
    }

    #tab-map form .row {
        margin: 0;
    } */

    #tab-map .card-content th,
    #tab-map .card-content td {
        border: 0 !important;
    }

    div#tab-map>.row,
    div#tab-map>.row>.col {
        height: calc(100vh - 58px);
    }

    div#map-container {
        width: 100%;
        height: 100%;
    }

    .modal table.schedule_grid {
        min-width: 600px;
    }

    table {
        /* table-layout: fixed; */
        width: 100%;
    }

    table.schedule_grid th:nth-of-type(-n + 2) {
        width: max(150px, 15vw);
    }

    table.schedule_grid th {
        border: 1px solid #ccc;
        text-align: center;
        padding: 2px;
        width: max(80px, 5vw);
    }

    table.schedule_grid td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 2px;
    }

    table.caption {
        width: 100%;
    }

    /* table.caption tr {
        border: none;
        border-bottom: 2px solid #ccc;
    } */

    .tab table.schedule_grid .timeblock {
        display: none;
    }

    .card-tabs .tabs .tab:not(.disabled) a:hover,
    .card-tabs .tabs .tab:not(.disabled) a.active {
        color: var(--primary-color)
    }

    .maplibregl-map.mouse-pointer .maplibregl-canvas-container.maplibregl-interactive {
        cursor: pointer;
    }

    .maplibregl-map.mouse-move .maplibregl-canvas-container.maplibregl-interactive {
        cursor: move;
    }

    .maplibregl-map.mouse-add .maplibregl-canvas-container.maplibregl-interactive {
        cursor: crosshair;
    }

    .maplibregl-map.mouse-move.mode-direct_select .maplibregl-canvas-container.maplibregl-interactive {
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

    .maplibregl-map.mode-direct_select.feature-vertex.mouse-move .maplibregl-canvas-container.maplibregl-interactive {
        cursor: move;
    }

    .maplibregl-map.mode-direct_select.feature-midpoint.mouse-pointer .maplibregl-canvas-container.maplibregl-interactive {
        cursor: cell;
    }

    .maplibregl-map.mode-direct_select.feature-feature.mouse-move .maplibregl-canvas-container.maplibregl-interactive {
        cursor: move;
    }

    .maplibregl-map.mode-static.mouse-pointer .maplibregl-canvas-container.maplibregl-interactive {
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

    #maplibre-floor-ctrl button[active] {
        background-color: var(--bs-btn-bg);
        color: #fff;
    }

    .maplibregl-ctrl.maplibregl-ctrl-attrib {
        background-color: transparent !important;
    }


    #geometriesList tr td {
        padding-top: 0;
        padding-bottom: 0;
    }

    #geometriesList tr.building {
        font-weight: bold;
    }

    #geometriesList tr.room td {
        padding-left: 2rem;
    }

    .form-label {
        color: #999;
        font-size: 0.8rem;
    }

    .form-text {
        color: #aaa;
        font-size: 0.7rem;
    }

    .btn>div:has(i) {
        height: 24px;
    }

    button.mapbox-gl-draw_ctrl-draw-btn,
    #maplibre-print-ctrl button {
        color: black;
        align-items: center;
        padding: 0.3rem;
    }

    button.mapbox-gl-draw_ctrl-draw-btn i,
    #maplibre-print-ctrl button i {
        font-size: 1.2rem;
    }

    .form-check-input-lg {
        width: 2em;
        height: 2em;
    }

    .form-label {
        margin-bottom: 0;
    }
    .form-text {
        margin-top: 0;
    }
    .list-group-item-action:hover{
        cursor: pointer;
    }
/* 
    .was-validated input:invalid {
        outline: solid 2px red;
        outline-offset: -2px;
    } */