#map {
    position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: 0;
    } 

    .leaflet-control-geocoder {
    border: 3px solid #0078A8 !important;
    border-radius: 8px !important;
    background-color: #f8f9fa !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    }

    .leaflet-control-geocoder-form {
    margin: 0 !important;
    }

    .leaflet-control-geocoder-form input {
    width: 250px !important;
    height: 35px !important;
    padding: 0 10px !important;
    border: none !important;
    border-radius: 6px 0 0 6px !important;
    font-size: 14px !important;
    background-color: white !important;
    }

    .leaflet-control-geocoder-form button {
    width: 40px !important;
    height: 35px !important;
    border: none !important;
    background-color: #0078A8 !important;
    border-radius: 0 6px 6px 0 !important;
    color: white !important;
    cursor: pointer !important;
    }

    .leaflet-control-geocoder-form button:hover {
    background-color: #005a87 !important;
    }

    .leaflet-control-geocoder-alternatives {
    background-color: white !important;
    border: 1px solid #ddd !important;
    border-radius: 0 0 8px 8px !important;
    margin-top: -2px !important;
    }

    .leaflet-control-geocoder-alternatives li {
    border-bottom: 1px solid #eee !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    }

    .leaflet-control-geocoder-alternatives li:hover {
    background-color: #f0f8ff !important;
    }

    .leaflet-control-geocoder-alternatives li:last-child {
    border-bottom: none !important;
    }
    /*
    .leaflet-control {
        border: 2px solid #0078A8 !important;
        border-radius: 8px !important;
        background-color: #f8f9fa !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
        
    }

    .leaflet-control-attribution .leaflet-control{
        font-size: 11px !important;
        color: #555 !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
        padding: 2px 6px !important;
        border: none;
        border-radius: none;
    }

    .leaflet-control-layer-toggle {
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px !important;
        vertical-align: middle !important; 
        border: 3px solid #0078A8 !important;   
    }

    .leaflet-control-layer label {
        margin: 0 !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        cursor: pointer !important;
    }    */