.leaflet-top{
        margin-top:80px !important;
    }
    .leaflet-control-zoom-in{
        width: 45px !important;
        height: 45px !important;
        padding: 6px;
    }
    .leaflet-control-zoom-out{
        width: 45px !important;
        height: 45px !important;
        padding: 6px;
    }
    .leaflet-control-layers-expanded {
      display: flex !important;
      flex-direction: row !important;
      background: rgba(255,255,255,0.8);
      padding: 6px;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

    .leaflet-control-layers-base label {
      margin: 0 8px;
      font-size: 14px;
      font-weight: 600;
      color: #333;
      cursor: pointer;
    }

    .leaflet-control-layers-base input {
      margin-right: 4px;
    }
    .leaflet-control-coordinates{
        background: #fff;
        padding: 15px;
        border-radius: 5px;
    }

    .panel-right{
        position: fixed;
        right: 10px;
        top: 80px;
        bottom: 10px;
        

    }
    .legenda{
        vertical-align: top;
        border-collapse: separate;   
        border-spacing: 0 3px;
    }
    .legenda tr td{
        vertical-align: top;
    }
    .custom-card{
        cursor: pointer !important;
    }
    .aktif {
        border: 3px solid var(--primary-color) !important;
    }
    #contentCarousel{
        width: 300px;
    }
    .carousel-content{
        height: 40vh !important;
        overflow: auto !important;
    }
    table tr td{
        vertical-align: top;
    }
    #loading{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.5);
        z-index: 9999;
        text-align: center;
        padding-top: 45vh;
        display:none;
    }