.ol-box{box-sizing:border-box;
    border-radius:5px;
    border:5px solid #000}
.ol-mouse-position{
    top: 20px;
    right:20px;
    position:absolute
    cursor: pointer
}

.ol-mouse-position:hover {
    opacity: 0.8; /* تغيير الشفافية عند التحويم */
    transform: scale(1.2); /* تكبير المؤشر عند التحويم */
}

    .ol-scale-line{
        background:rgba(0,60,136,.3);border-radius:2px;
        bottom:2px;
        left:2px;
        padding:2px;
        position:absolute}
        .ol-scale-line-inner{
            border:1px solid #000;
            border-top:none;
            color:#d30c0c;
            font-size:20px;
            text-align:center;
            margin:1px;
            will-change:contents,width;
            transition:all .25s
        }
            .ol-scale-bar{
                position:absolute;
                bottom:55px;
                left:15px
            }
            .ol-scale-step-marker{
                width:5px;
                height:15px;
                background-color:#000;
                float:right;
                z-Index:10
            }
            .ol-scale-step-text{
                position:absolute;
                bottom:-5px;
                font-size:16px;
                z-Index:11;
                color:#000;
                text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff
            }
                .ol-scale-text{
                    position:absolute;
                    font-size:14px;
                    text-align:center;
                    bottom:25px;
                    color:#000000;
                    text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff
                }
                    .ol-scale-singlebar{
                        position:relative;
                        height:20px;
                        z-Index:9;
                        box-sizing:border-box;
                        border:1px solid #000
                    }
                        .ol-unsupported{
                            display:none
                        }
                            .ol-unselectable,.ol-viewport{
                                -webkit-touch-callout:none;
                                -webkit-user-select:none;
                                -moz-user-select:none;
                                -ms-user-select:none;
                                user-select:none;
                                -webkit-tap-highlight-color:transparent
                            }
                            .ol-selectable{
                                -webkit-touch-callout:default;
                                -webkit-user-select:text;
                                -moz-user-select:text;
                                -ms-user-select:text;
                                user-select:text
                            }
                            .ol-grabbing{
                                cursor:-webkit-grabbing;
                                cursor:-moz-grabbing;
                                cursor:grabbing
                            }
                            .ol-grab{
                                cursor:move;
                                cursor:-webkit-grab;
                                cursor:-moz-grab;
                                cursor:grab
                            }
                            .ol-control{
                                position:absolute;
                                background-color:rgb(1, 168, 212, 0.5);
                                border-radius:0px;
                                padding:2px
                            }
                                .ol-control:hover{
                                    background-color:rgba(255,255,255,.6)
                                }
                                .ol-zoom{
                                    top:1em;
                                    left:.7em
                                }
                                    .ol-rotate{
                                        top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear
                                    }
                                    .ol-rotate.ol-hidden{
                                        opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}
                                        .ol-zoom-extent{
                                            top:4.643em;left:.5em
                                        }
                                        .ol-full-screen{
                                            right:.5em;top:.5em
                                        }
                                            .ol-control button{
                                                
                                                margin:1px;
                                                padding:0;
                                                color:#ffffff;
                                                font-size:0.9em;
                                                font-weight:700;
                                                text-decoration:none;
                                                text-align:center;
                                                height:1.3em;
                                                width:1.375em;
                                                line-height:.4em;
                                                background-color:rgba(0, 60, 136, 0.8);
                                                border:none;
                                                border-radius:1px
                                            }

                                            .ol-control button.ol-zoom-in {
                                                background-color: rgba(0, 60, 136, 0.8); /* لون خلفية زر الزوم إن */
                                                border-radius: 1px;
                                                display:block;
                                                margin:1px;
                                                padding:0;
                                                color:#ffffff;
                                                font-size:1.5em;
                                                font-weight:700;
                                                text-decoration:none;
                                                text-align:center; /* زوايا زر الزوم إن */
                                                /* يمكنك إضافة خصائص إضافية حسب الحاجة */
                                            }
                                            
                                            /* خصائص زر الزوم أوت */
                                            .ol-control button.ol-zoom-out {
                                                background-color: rgba(0, 60, 136, 0.8); /* لون خلفية زر الزوم أوت */
                                                border-radius: 1px;
                                                display:block;
                                                margin:1px;
                                                padding:0;
                                                color:#ffffff;
                                                font-size:1.5em;
                                                font-weight:700;
                                                text-decoration:none;
                                                text-align:center; /* زوايا زر الزوم أوت */
                                                /* يمكنك إضافة خصائص إضافية حسب الحاجة */
                                            }
                                                .ol-control button::-moz-focus-inner{
                                                    border:none;padding:0
                                                }
                                                    .ol-zoom-extent button{
                                                        line-height:1.4em
                                                    }
                                                        .ol-compass{
                                                            display:block;font-weight:400;font-size:1.2em;will-change:transform
                                                        }
                                                        .ol-touch .ol-control button{
                                                            font-size:10.5em
                                                        }
                                                        .ol-touch .ol-zoom-extent{
                                                            top:5.5em}
                                                            .ol-control button:focus,.ol-control button:hover{
                                                                text-decoration:none;
                                                                background-color:rgba(0,60,136,10.7)
                                                            }
                                                            .ol-zoom .ol-zoom-in{
                                                                border-radius:6px 6px 0 0
                                                                
                                                                
                                                            }
                                                            .ol-zoom .ol-zoom-out{
                                                                border-radius:0 0 6px 6px
                                                            }
                                                            .ol-attribution{
                                                                text-align:right;
                                                                bottom:.5em;right:.5em;
                                                                color:max-width calc(100% - 1.9em)
                                                                
                                                     
                                                            }
                                                            .ol-attribution ul{
                                                                margin:0;
                                                                padding:0 .5em;
                                                                color:#fff;
                                                                text-shadow:0 0 5px #0a0909
                                                            }
                                                            .ol-attribution li{
                                                                display:inline
                                                                
                                                                
                                                            }
                                                            .ol-attribution li:not(:last-child):after{
                                                                content:" ";color:#fff;font-size:1.14em
                                                            }
                                                            .ol-attribution img{
                                                                max-height:2em;max-width:inherit;vertical-align:middle
                                                            }
                                                            .ol-attribution button,.ol-attribution .ol-attribution.ol-collapsed ul{
                                                                display:none;color:#fff;font-size:1.14em
                                                            }
                                                            .ol-attribution:not(.ol-collapsed){
                                                                background-color: rgb(1, 168, 212, 0.8);
                                                            }
                                                            .ol-attribution.ol-uncollapsible{
                                                                bottom:20;right:20;border-radius:4px 0 0
                                                            }
                                                            .ol-attribution.ol-uncollapsible img{
                                                                margin-top:-2.2em;max-height:1.5em
                                                            }
                                                            .ol-attribution.ol-uncollapsible button{
                                                                display:none;color:#fff;font-size:1.14em
                                                            }
                                                            .ol-zoomslider{
                                                                top:4.5em;left:.5em;height:400px
                                                            }
                                                            .ol-zoomslider button{
                                                                position:relative;height:10px
                                                            }
                                                            .ol-touch .ol-zoomslider{
                                                                top:5.5em
                                                            }
                                                            .ol-overviewmap{
                                                                left:.5em;bottom:.5em
                                                            }
                                                            .ol-overviewmap.ol-uncollapsible{
                                                                bottom:0;left:0;border-radius:0 4px 0 0
                                                            }
                                                            .ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{
                                                                display:inline-block
                                                            }
                                                            .ol-overviewmap .ol-overviewmap-map{
                                                                border:1px solid #01a8d4;height:150px;margin:2px;width:150px
                                                            }
                                                            .ol-overviewmap:not(.ol-collapsed) button{
                                                                bottom:50px;
                                                                left:2px;
                                                                position:absolute
                                                            }
                                                            .ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{
                                                                display:none
                                                            }
                                                            .ol-overviewmap:not(.ol-collapsed){
                                                                background:rgba(255,255,255,.8)
                                                            }
                                                            .ol-overviewmap-box{
                                                                border:2px dotted #01a8d4
                                                            }
                                                            .ol-overviewmap .ol-overviewmap-box:hover{
                                                                cursor:move
                                                            }
/*# sourceMappingURL=ol.css.map */