#map {
            background-color: #ffffff
        }
        #map {
            background-color: #ffffff;
        }

        th {
            padding-center: 2px;
            font-family: 'Al-Jazeera-Arabic-Regular', sans-serif;
            direction: rtl;
            text-align: right 
            line-height: 15px 
        }

        h2 {
            font-family: Al-Jazeera-Arabic-Regular;
            text-align: top;
        </body>
           </html>
            padding-lift: 1px;
            font-family: Al-Jazeera-Arabic-Regular; 
            direction: rtl
            text-align: center !important;
            line-height: 35px !important;
        }
        .info {
            padding: 8px 8px;
            font-family: Al-Jazeera-Arabic-Regular;
            font: 14px/16px Al-Jazeera-Arabic-Regular, Helvetica, sans-serif;
            font-size: 20px;
            line-height: 20px;
            background: white;
            background: rgba(255,255,255,0.8);
            box-shadow: 0 0 15px rgba(19,149,255,0.8);
            border-radius: 5px;
        }
        .info h2 {
            margin: 0 0 5px;
            color: #1e175d;
        }
        .leaflet-container table {
            font: 4px/4px Al-Jazeera-Arabic-Regular, Helvetica, sans-serif;
            font-size: 13px;
            width: auto;
            line-height: 24px;
            background: #fff;
            padding-right: 1px;
            padding: 1px;
            text-align: right;
            direction: rtl;
        }

        .leaflet-container table tr:first-child {
           /* تنسيق السطر الأول هنا */
           font-weight: bold;         /* وزن الخط غامق */
           font-size: 22px;           /* حجم الخط أكبر من الحجم الافتراضي */
           color: #ffffff;            /* لون النص مختلف (مثلاً أحمر) */
           background: #ff8400;
           padding-right: 1px;
           padding: 0px;
           text-align: center;
        } 

        .leaflet-popup-content {
           width: auto;
           margin-left: 10px;
           margin-right: 10px;
           background-color: #ffffff;
           color: #1e175d;
           padding-top: 1px;
           padding: 0px;
           text-align: right;
           padding-lift:1px;
        }
        .leaflet-tooltip {
            background: 0078A8;
            box-shadow: none;
            border: none;
        }
        .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
            border: 0px;
        }
        }
        .fa, .leaflet-container, a {
            color: #1e175d !important;
        }
        .leaflet-control-zoom-in,
        .leaflet-control-locate a,
        .leaflet-touch .leaflet-control-geocoder-icon,
        .leaflet-control-search .search-button,
         .leaflet-control-measure {
            background-color: #f8f8f8 !important;
            border-radius: 0px !important;
            color: #000000 !important;
        }
        .abstract {
            font: 25px/25px Al-Jazeera-Arabic-Regular, Helvetica, sans-serif; 
            text-indent: 1px;
            background-color: #f8f8f8 !important;
            background: rgba(255,255,255,0.8);
            box-shadow: 0 0 15px rgba(19,149,255,0.8);
            border-radius: 5px;
            width: 30px !important;
            color: #1e175d !important;
            background: rgba(255,255,255,0.8);
            height: 30px !important;
            text-align: center !important;
            line-height: 35px !important;
        }
        .abstractUncollapsed {
            font: 16px/20px Al-Jazeera-Arabic-Regular, Helvetica, sans-serif;
            padding: 6px 8px;
            background-color:#f8f8f8 !important;
            background: rgba(255,255,255,0.8);
            box-shadow: 0 0 15px rgba(19,149,255,0.8);
            border-radius: 5px;
            color: #1e175d !important;
            max-width: 40%;
            text-align: right;
            direction: rtl;
        }
        .leaflet-touch .leaflet-control-layers,
        .leaflet-touch .leaflet-bar,
        .leaflet-control-search,
        .leaflet-control-measure {
            border: 3px solid rgba(19,149,255,0.6); !important;
        }
        .leaflet-control-attribution a {
            color: #0078A8 !important;
        }
        .leaflet-control-scale-line {
            border: 2px solid #f8f8f8 !important;
            border-top: none !important;
            color: black !important;
        }
        .leaflet-control-search .search-button,
        .leaflet-container .leaflet-control-search,
        .leaflet-control-measure {
            box-shadow: none !important;
        }
        .leaflet-control-search .search-button {
            width: 30px !important;
            height: 30px !important;
            font-size: 13px !important;
            text-align: center !important;
            line-height: 30px !important;
        }
        .leaflet-control-measure .leaflet-control {
            width: 30px !important;
            height: 30px !important;
        }
        .leaflet-container .leaflet-control-search{
            background: none !important;
        }
        .leaflet-control-search .search-input {
            margin: 0px 0px 0px 0px !important;
            height: 30px !important;
        }
        .leaflet-control-measure {
            background: none!important;
            border-radius: 4px !important;
        }
        .leaflet-control-measure .leaflet-control-measure-interaction {
            background-color: #f8f8f8 !important;
        }
        .leaflet-touch .leaflet-control-measure
        .leaflet-control-measure-toggle,
        .leaflet-touch .leaflet-control-measure
        .leaflet-control-measure-toggle:hover {
            width: 30px !important;
            height: 30px !important;
            border-radius: 0px !important;
            background-color: #f8f8f8 !important;
            color: #000000 !important;
            font-size: 13px;
            line-height: 30px;
            text-align: center;
            text-indent: 0%;
        }
        .leaflet-control-layers-toggle {
            background-color: #f8f8f8 !important;
        }