:root {--border-input:#1B9C90;}
#neshan_map_center_marker {width: 30px !important;height: 33px !important;position: absolute !important;left: 50% !important;top: 50% !important;}
.boxSearch {width: 50%;position: absolute;z-index: 10;top: 7px;left: 50%;transform: translate(-50%, 0%);background-color: transparent !important;}
.boxSearch input {padding: 7px 10px;border: 1px solid var(--border-input)!important;font-size: 12px;outline: none;width: 100%;margin-top: 5px;}
.boxSearch .card-content {padding-right: 10px;}
#myUL {background-color: white;margin-top: -10px;width: 93%;}
#myUL li {width: 100%;margin-top: 10px;margin-bottom: 10px;}
.nb-spinner {width: 75px;height: 75px;background: transparent;border-top: 4px solid var(--border-input);border-right: 4px solid transparent;border-radius: 50%;
    -webkit-animation: 1s spin linear infinite;animation: 1s spin linear infinite;z-index: 10;position: fixed;bottom: 50%;right: 50%;
    transform: translate(-50%, -50%);}
.boxSearch input:focus{box-shadow: unset!important;outline: unset!important;}
@-webkit-keyframes rotate { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
@keyframes rotate { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
@keyframes spin {-webkit-from {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
            -webkit-to {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} }
@-webkit-keyframes spin { from {-webkit-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
@keyframes spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
@-webkit-keyframes spinBack {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}
@keyframes spinBack {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}
@-webkit-keyframes spinBorder {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-width: 15px;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-width: 3px;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-width: 15px;
    }
}
@keyframes spinBorder {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-width: 15px;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-width: 3px;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-width: 15px;
    }
}
@-webkit-keyframes grow {

    0%,
    40%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes grow {

    0%,
    40%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes triforce {
    0% {
        border-bottom-color: rgb(206, 181, 2);
    }

    40% {
        border-bottom-color: rgba(206, 181, 2, 0);
    }

    80% {
        border-bottom-color: rgb(206, 181, 2);
    }

    100% {
        border-bottom-color: rgb(206, 181, 2);
    }
}
@keyframes triforce {
    0% {
        border-bottom-color: rgb(206, 181, 2);
    }

    40% {
        border-bottom-color: rgba(206, 181, 2, 0);
    }

    80% {
        border-bottom-color: rgb(206, 181, 2);
    }

    100% {
        border-bottom-color: rgb(206, 181, 2);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }

    5% {
        -webkit-transform: rotate(45deg) scale(0.9);
        transform: rotate(45deg) scale(0.9);
    }

    10% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }

    15% {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }

    100% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }

    5% {
        -webkit-transform: rotate(45deg) scale(0.9);
        transform: rotate(45deg) scale(0.9);
    }

    10% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }

    15% {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }

    100% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
}
@-webkit-keyframes opaque {
    0% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.1;
    }
}
@keyframes opaque {
    0% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.1;
    }
}
@-webkit-keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    50.1% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    50.1% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ol-box {box-sizing: border-box;border-radius: 2px;border: 2px solid #00f}
.ol-mouse-position {top: 8px;right: 8px;position: absolute}
.ol-scale-line {background: rgba(0, 60, 136, .3);border-radius: 4px;bottom: 8px;left: 8px;padding: 2px;position: absolute}
.ol-scale-line-inner {border: 1px solid #eee;border-top: none;color: #eee;font-size: 10px;text-align: center;margin: 1px;
    will-change: contents, width}
.ol-overlay-container {will-change: left, right, top, bottom}
.ol-unsupported {display: none}
.ol-unselectable{display: block!important;}
.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;border-radius: 6px;}
.ol-selectable {-webkit-touch-callout: default;-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto}
.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: rgba(255, 255, 255, .4);border-radius: 4px;padding: 2px}
.ol-control:hover {background-color: rgba(255, 255, 255, .6)}
.ol-zoom {top: .5em;left: .5em}
.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}
@media print {  .ol-control {display: none}}
.ol-control button {display: block;margin: 1px;padding: 0;color: #fff;font-size: 1.14em;font-weight: 700;text-decoration: none;text-align: center;
    height: 1.375em;width: 1.375em;line-height: 1.50em;background-color: rgba(0, 60, 136, .5);border: none;border-radius: 2px}
.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: 1.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, .7)}
.ol-zoom .ol-zoom-in {border-radius: 2px 2px 0 0}
.ol-zoom .ol-zoom-out {border-radius: 0 0 2px 2px}
.ol-attribution {text-align: right;bottom: .5em;right: .5em;max-width: calc(100% - 1.3em)}
.ol-attribution ul {margin: 0;padding: 0 .5em;font-size: .7rem;line-height: 1.375em;color: #000;text-shadow: 0 0 2px #fff}
.ol-attribution li {display: inline;list-style: none;line-height: inherit}
.ol-attribution li:not(:last-child):after {content: " "}
.ol-attribution img {max-height: 2em;max-width: inherit;vertical-align: middle}
.ol-attribution button, .ol-attribution ul {display: inline-block}
.ol-attribution.ol-collapsed ul {display: none}
.ol-attribution.ol-logo-only ul {display: block}
.ol-attribution:not(.ol-collapsed) {background: rgba(255, 255, 255, .8)}
.ol-attribution.ol-uncollapsible {bottom: 0;right: 0;border-radius: 4px 0 0;height: 1.1em;line-height: 1em}
.ol-attribution.ol-logo-only {background: 0 0;bottom: .4em;height: 1.1em;line-height: 1em}
.ol-attribution.ol-uncollapsible img {margin-top: -.2em;max-height: 1.6em}
.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {display: none}
.ol-zoomslider {top: 4.5em;left: .5em;height: 200px}
.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 #7b98bc;height: 150px;margin: 2px;width: 150px}
.ol-overviewmap:not(.ol-collapsed) button {bottom: 1px;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 rgba(0, 60, 136, .7)}
.ol-overviewmap .ol-overviewmap-box:hover {cursor: move}
#neshan_map_holder{height: 300px;}
#neshan_map_holder>#neshan_map{height: 100%;position: relative;}
.btn-close:focus,.btn-close:active{box-shadow: unset!important;}
.ol-viewport>div:last-child{display: none !important;}
.card_map{max-width: unset !important;width: 100%;}
@media (max-width: 991px){.boxSearch input {min-height: 40px !important;}}