/* popup style */
        .ol-popup
        {   max-width:320px;
            min-width:320px;
            min-height:1em;
            padding: 0px;
        }
        .ol-popup:after, .ol-popup:before {
            content: none !important;
        }
        /* Image on popup */
        .ol-popup img 
        {   float: left;
            margin: 0 0.5em 0 0;
            max-width: 100px;
            max-height: 100px;
        }
        /* no image content tooltips */
        .ol-popup.tooltips img
        {   display:none;
        }

        .ol-popup .closeBox {
            margin: 4px 4px 0 0 !important;
            position: absolute;
            top: 0px;
            right: 0px;
        }
        .ol-popup {
            font-size: 1em !important;
        }
        .ol-popup.hasclosebox .content {
            margin-right: 0em;
        }
        .ol-popup.default {
            border: 0px solid #fff;
        }
        .ol-popup.default .anchor:after, .ol-popup.default .anchor:before {
            border-color: #fff transparent;
        }

        .ol-popup .closeBox:after {
            content: "\00d7";
            font-size: 1.5em;
            top: -3px;
            left: 0;
            right: 0;
            width: 100%;
            text-align: center;
            line-height: 20px;
            margin: 0;
            position: absolute;
        }

        body, html, #map {
            height: 100%;
            min-height: 100%;
            width: 100%;
        }

        #map {
            z-index: 9;
        }

        .filter_container {
            z-index: 11;
            right: 0px;
            top: 10px;
            position: absolute;
        }

        #ts_list .card-header {
            cursor: pointer;
        }

        .loader {
            display: none;
            background-image: url("../images/loading3.gif");
            background-position: center center;
            background-repeat: no-repeat;
            background-color: rgba(255,255,255,.5);
            z-index: 100000;
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
        }

        .cityRequestSelector {
            opacity: .5;
            box-shadow: inset 0px 0px 10px rgba(255,255,255,.2);
            height: 65px;
            width: 65px;
            line-height: 55px;
            text-align: center;
            font-size: 26px;
            color: #fff;
            position: relative;
            float: left;
            margin-right: 10px;
            border-radius: 3px;
            cursor: pointer;
            overflow: hidden;
            text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 1px -1px 0 rgba(0,0,0,0.5), -1px 1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.5);
        }
        .cityRequestSelectorOverlay {
            z-index: 10;
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: 0px;
            top: 0px;
            background: rgba(0,0,0,.3);
        }
        .active .cityRequestSelectorOverlay {
            display: none;
        }
        .cityRequestSelector input {
            position: absolute;
            left: -99999999999999px;
            top: -99999999999999px;
        }
        .cityRequestSelector.active {
            opacity: 1;
            box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
        }
        .cityRequestSelector .cityRequestSelectorText {
            z-index: 1;
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: 0px;
            color: #fff;
            font-weight: bold;
            font-family: "Calibri";
            text-align: center;
            font-size: 12px;
            height: 20px;
            line-height: 20px;
        }
        .cityRequestSelector.newCityRequest {
            background: #3c9be7;
        }
        .cityRequestSelector.progressCityRequest {
            background: #d4cb3d;
        }
        .cityRequestSelector.doneCityRequest {
            background: #30b95a;
        }