<> .contextual { display: none; } .alert.alert-warning { margin: -20px 0 20px; font-size: .95em; } .main-content table.table-nov th { padding: 4px 10px !important; } #map-mobile .mapboxgl-popup-content { padding: 5px 0 0px 5px; text-align: center !important; } #reset { top: 268px; right: 20px; position: absolute; display: inline-block; z-index: 1; width: 25px !important; } .map-popup-title { font-size: 1.1em; } .listings a { text-decoration: none !important; font-size: .9em; } .btn.btn-white { background: #fff !important; border: 1px solid #ccc !important; color: #00584C !important; } .btn-xs { padding: 2px 4px; font-size: 14px; line-height: 1.5; border-radius: 3px; border: 1px solid; margin-right: 3px; } a.btna.btn:hovera.btn:activea.btn:link { text-decoration: none !important; } .map-box h3 a { color: #fff; text-decoration: underline !important; } .map-box h3 a:hover { color: #fff; text-decoration: none !important; } .sq.i0.mapboxgl-popup-content h3.i0.btn.i0.i0t { background: #339900; } .sq.i1.mapboxgl-popup-content h3.i1.btn.i1.i1t { background: #0099cc; } .i0 .titleh3.h3-tan { color: #cc6633 !important; } .i1 .titleh3.h3-green { color: #339900 !important; } .marker.m-0 { background-image: url(/libraries/angular-utils/map-icons2/teal.png); } .marker.m-1 { background-image: url(/libraries/angular-utils/map-icons2/green.png); } .mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-ctrl-logo { display: none !important; } .lc { padding: 10px 0 0; line-height: 15px; font-size: 1.1em; } .item:hover { background: #fdefd0; } .heading .sq2 { border: 1px solid #fff; } .heading .sq.Deaths.iDeaths .sq { border: 1px solid #000; } .heading { border-bottom: 1px solid #eee; line-height: 60px; padding: 0 10px; background: #00584c; color: #fff; } .index { font-size: 14px; display: inline-block; line-height: 1.3em; } span.toggle { border: 1px solid #cccccc; padding: 0px 3px; display: inline-block; margin-right: 2px; } .sidebar { width: 29%; height: 400px; background: white; font-size: 16px !important; top: 0; right: 0; overflow: hidden; border-right: 1px solid rgba(0000.25); display: inline-block; float: left; border-top: 2px solid #00584c; margin-bottom: 20px; } .map-box { display: inline-block; float: left; width: 70%; height: 400px; } .view-display-id-attachment_1 { clear: both; } .sq { display: inline-block; width: 14px; height: 14px; margin-right: 5px; font-: normal !important; vertical-align: middle; line-height: 1.5em; } .sq.Active { background: #9f481b; } .sq.Resolved { background: #3c75b4; } .marker { border: none; cursor: pointer; height: 24px; width: 21px; display: inline-block; } .marker.sq { color: #fff; font-size: 9px; text-align: center; } .mapboxgl-popup { min-width: 200px; max-width: 240px; } .mapboxgl-popup-content { text-align: left !important; padding-left: 10px; font-family: 'Open Sans'sans-serif; } .listings { height: 100%; overflow: auto; padding-bottom: 10px; } .listings .item { display: block; border-bottom: 1px solid #eee; padding: 6px 5px; text-decoration: none; } .listings .item:last-child { border-bottom: none; } .listings .item .title { display: block; font-weight: 700; } .listings .item .title.Resolved { color: #3c75b4; } .listings .item .title small { font-weight: 400; } .listings .item.active .title, .listings .item .title:hover { opacity: 0.75; } .listings .item.active { background-color: #f8f8f8; border-left: 3px solid #ccc; } .sidebar ::-webkit-scrollbar { width: 10px; height: 3px; border-left: 0; background: rgba(0000.1); } .sidebar ::-webkit-scrollbar-track { background: none; } .sidebar ::-webkit-scrollbar-thumb { background: #00584c; border-radius: 0; } .clearfix { display: block; } .clearfix::after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #map-box h3 { font-size: 14px; padding: 5px 10px; } /* Marker tweaks */ .mapboxgl-popup-content { font: 400 15px/22px 'Source Sans Pro''Helvetica Neue'Sans-serif; padding: 0; width: 240px; line-height: 19px !important; } .mapboxgl-popup-content-wrapper { padding: 1%; } .mapboxgl-popup-content h3 { background: #91c949; color: #fff; margin: 0; display: block; padding: 10px; border-radius: 3px 3px 0 0; font-weight: 700; } .mapboxgl-popup-content { padding-bottom: 10px !important; } .mapboxgl-popup-content h4 { margin: 0; display: block; padding: 10px; font-weight: 400; } .mapboxgl-popup-content div { padding: 10px; } .mapboxgl-container .leaflet-marker-icon { cursor: pointer; } .mapboxgl-popup-anchor-top > .mapboxgl-popup-content { margin-top: 15px; line-height: 1.5; } .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip { border-bottom-color: #91c949; } /* Marker tweaks */ .mapboxgl-popup-close-button { color: #fff; top: 0px !important; margin-top: 0px !important; padding: 1px 8px !important; border: 1px solid #ccc !important; } .mapboxgl-popup-close-button:hover { background: #ffffff60; } .mapboxgl-popup-content { font: 400 13px/20px 'Source Sans Pro''Helvetica Neue'Sans-serif; padding: 0 0 5px 0; } .mapboxgl-popup-content-wrapper { padding: 1%; } .mapboxgl-popup-content div { padding: 10px; } .mapboxgl-container .leaflet-marker-icon { cursor: pointer; } .mapboxgl-popup-anchor-top > .mapboxgl-popup-content { margin-top: 15px; } .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip { border-bottom-color: #91c949; } .mapboxgl-popup { padding-bottom: 50px; } @media only screen and (max-width: 639px) { .sidebar { display: none; } .map-box { width: 100%; margin-bottom: 20px; } } /* END OF MAPBOX */ /*#department-elected-official { display:none}*/ @media all and (-ms-high-contrast: none)(-ms-high-contrast: active) { #searchForm.col-sm-4 .pod { margin-top: 20px; } .margin-top-15 { margin-top: 12px !important; } } @supports (-ms-accelerator:true) { #searchForm.col-sm-4 .pod { margin-top: 20px; } .margin-top-15 { margin-top: 12px !important; } } .olMapViewport { display: none; } div.olMapViewport:last-of-type { display: block !important; } .olControlAttribution { display: none !important; } .open-copy { margin-top: 6px; font-size: .85em; } div.olControlZoom a { background: #9f481b !important; text-decoration: none !important; } div.olControlZoom a:hover { background: #9f481bcc !important; } #mapdiv { width: 920px !important; height: 450px; margin-top: 10px !important; } @media only screen and (max-width: 991px) { #mapdiv { width: 620px !important; } } @media only screen and (max-width: 640px) { #mapdiv { width: 500px !important; } } @media only screen and (max-width: 540px) { #mapdiv { width: 320px !important; } } @media only screen and (max-width: 640px) { #mapdiv { width: 500px !important; } } @media only screen and (max-width: 540px) { #mapdiv { width: 320px !important; } } .input-30 { width: 290px !important; }