/*body { margin: 0; padding: 0; }*/
    body {
        /*padding-bottom: 120px;*/
        margin-bottom: 125px;
    }
    #map { position: absolute; top: 4em; bottom:4em; width: 100%; }
    /*#map { position: fixed; top: 4em; bottom: 100px; width: 100%;} */
    
    .mapboxgl-popup {
          max-width: 200px;
          min-width: 200px;
        }
        
        .mapboxgl-popup-content {
          text-align: center;
          /*font-family: 'Open Sans', sans-serif;*/
          /*font-size: 14px;*/
          font-family: var(--bs-body-font-family);
          font-size: var(--bs-body-font-size);
        }

        /*style="border: 2px solid blue"*/
            .sc_footer{
                /*padding:2em;*/
                /*height: 100px;*/
                padding-top: 10px;
                color: #d6d9da; /*light grey */
            }
            .navbar{
                z-index: 10000;
            }
            .navbar-brand{
                color:#22ED40; /*lime green*/
                font-weight: bolder;
            }
            a {
                color:#22ED40;
                text-decoration: unset;
            }
            a:hover {
                /*color: #1DB633;*/
                color: unset;
            }
            
            
    /* Bootstrap custom popper tooltip */
    /*.custom-tooltip {
        --bs-tooltip-bg: var(--bs-primary);
    }
    .btn-primary{
        color: cornflowerblue;
    }
    .bi{
        font-size: 1.5rem;
    }            
    .btn-danger{
        background-color: IndianRed;
    }
    .text-danger{
        color: IndianRed;
    }
    .btn-secondary{
        background-color: transparent;
        color: black;
    }*/