.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.suggestion-main {font-size: 18px; color: #111; }
.suggestion-small {font-size: 12px; color: #555; }
.suggestion-highlight {color: #3366CC; }

.geocode-input-active { color: #ff8000; } 

.sidebar {
  position: absolute;
  top: 20px;
  bottom: 30%;
  width: 99%;
  overflow: hidden;
  z-index: 2000; }
  .sidebar.collapsed {
    width: 40px; }
  @media (min-width: 768px) {
    .sidebar {
      top: 20px;
      bottom: 40%;
      transition: width 500ms; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sidebar {
      width: 470px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sidebar {
      width: 470px; } }
  @media (min-width: 1200px) {
    .sidebar {
      width: 470px; bottom: 50%; } }

.sidebar-left {
  left: 0; }
  @media (min-width: 768px) {
    .sidebar-left {
      left: 10px; } }

.sidebar-right {
  right: 0; }
  @media (min-width: 768px) {
    .sidebar-right {
      right: 10px; } }

.sidebar-tabs {
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(221, 221, 221, 0.5); }
  .sidebar-left .sidebar-tabs {
    left: 0; }
  .sidebar-right .sidebar-tabs {
    right: 0; }
  .sidebar-tabs, .sidebar-tabs > ul {
    position: absolute;
    width: 40px;
    margin: 0;
    padding: 0; }
    .sidebar-tabs > li, .sidebar-tabs > ul > li {
      width: 100%;
      height: 40px;
      color: #333;
      font-size: 12pt;
      overflow: hidden;
      transition: all 80ms; }
      .sidebar-tabs > li:hover, .sidebar-tabs > ul > li:hover {
        color: #000;
        background-color: rgba(221, 221, 221, 0.8); }
      .sidebar-tabs > li.active, .sidebar-tabs > ul > li.active {
        color: #333;
        background-color: rgba(221, 221, 221, 0.8); }
      .sidebar-tabs > li.disabled, .sidebar-tabs > ul > li.disabled {
        color: rgba(51, 51, 51, 0.4); }
        .sidebar-tabs > li.disabled:hover, .sidebar-tabs > ul > li.disabled:hover {
          background: transparent; }
        .sidebar-tabs > li.disabled > a, .sidebar-tabs > ul > li.disabled > a {
          cursor: default; }
      .sidebar-tabs > li > a, .sidebar-tabs > ul > li > a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 40px;
        color: inherit;
        text-decoration: none;
        text-align: center; }
  .sidebar-tabs > ul + ul {
    bottom: 0; }

.sidebar-content {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-x: hidden;
  overflow-y: auto; }
  .sidebar-left .sidebar-content {
    left: 40px;
    right: 0; }
  .sidebar-right .sidebar-content {
    left: 0;
    right: 40px; }
  .sidebar.collapsed > .sidebar-content {
    overflow-y: hidden; }

.sidebar-pane {
  display: none;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 10px 20px; }
  .sidebar-pane.active {
    display: block; }
  @media (min-width: 768px) and (max-width: 991px) {
    .sidebar-pane {
      min-width: 265px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sidebar-pane {
      min-width: 350px; } }
  @media (min-width: 1200px) {
    .sidebar-pane {
      min-width: 420px; } }

.sidebar-header {
  margin: -10px -20px 0;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  font-size: 14.4pt;
  color: #333;
  background-color: rgba(221, 221, 221, 0.8); }
  .sidebar-right .sidebar-header {
    padding-left: 40px; }

.sidebar-close {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer; }
  .sidebar-left .sidebar-close {
    right: 0; }
  .sidebar-right .sidebar-close {
    left: 0; }

.sidebar-left ~ .sidebar-map {
  margin-left: 40px; }
  @media (min-width: 768px) {
    .sidebar-left ~ .sidebar-map {
      margin-left: 0; } }

.sidebar-right ~ .sidebar-map {
  margin-right: 40px; }
  @media (min-width: 768px) {
    .sidebar-right ~ .sidebar-map {
      margin-right: 0; } }

.sidebar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); }
  .sidebar.leaflet-touch {
    box-shadow: none;
    border-right: 2px solid rgba(0, 0, 0, 0.2); }
  @media (min-width: 768px) {
    .sidebar {
      border-radius: 4px; }
      .sidebar.leaflet-touch {
        border: 2px solid rgba(0, 0, 0, 0.2); } }

@media (min-width: 768px) {
  .sidebar-left ~ .sidebar-map .leaflet-left {
    transition: left 500ms; } }

@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-left ~ .sidebar-map .leaflet-left {
    left: 315px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar-left ~ .sidebar-map .leaflet-left {
    left: 400px; } }

@media (min-width: 1200px) {
  .sidebar-left ~ .sidebar-map .leaflet-left {
    left: 470px; } }

@media (min-width: 768px) {
  .sidebar-left.collapsed ~ .sidebar-map .leaflet-left {
    left: 50px; } }

@media (min-width: 768px) {
  .sidebar-right ~ .sidebar-map .leaflet-right {
    transition: right 500ms; } }

@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-right ~ .sidebar-map .leaflet-right {
    right: 315px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar-right ~ .sidebar-map .leaflet-right {
    right: 400px; } }

@media (min-width: 1200px) {
  .sidebar-right ~ .sidebar-map .leaflet-right {
    right: 470px; } }

@media (min-width: 768px) {
  .sidebar-right.collapsed ~ .sidebar-map .leaflet-right {
    right: 50px; } }

.map-container  {
	height: 100%;
	margin-left: -15px;
}
.page-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}
div#map{
	min-height: 300px;
	height: 100%;
	width: 100%;
	border: 1px solid #ddd;
}
.map-row {
	flex: 1;
}
.sidebar-content .sidebar-body {
	padding: 14px 0;
}
.filter-button-container{
	margin-top: 14px;
}

.leaflet-top .leaflet-control{
	margin-top: 8px;
}

.leaflet-left .leaflet-control{
	margin-top: 8px;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
	margin: 5px 10px!important;
}

.marker-label-header{
	font-size: 1.2em;
	text-align: center;
}

.marker-label-strong{
	font-weight: bold;
}

.marker-label-small{
	font-size: 0.8em;
}
.marker-label-geo-coords{
	font-weight: bold; 
	width: 150px; 
	display: inline-block;
}
.marker-label-title{
	color: #222;
}
.marker-label-highlight{
	color: #3366CC;	
}
.marker-label-description{
	
}
.option-links{
	margin-top: 10px;
	margin-bottom: 30px;
}
.checkbox-label{
	display: block;
    padding-left: 15px;
    text-indent: -15px;
	font-size: 0.8em;
	font-weight: normal;
}

.inline-checkbox{
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.markerTooltip{
	margin: 0;
	padding: 0;
	
}

.markerTooltip h1{
	font-size: 1.1em;
	color: #555;	
	text-align: center;
	font-weight: bolder;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 12px;
	padding-bottom: 4px;
}

.markerTooltip a {
	font-size: 1em;
	text-align: center;
}

.markerTooltip .description{
	margin-top: 10px;
	padding-top: 4px;
	font-size: 0.9em;
	text-align: justify;
	color: #444;
	border-top: 1px solid #c4c4c4;
}

.markerTooltip .address {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 2px;
}
.incident-list-panel h2 {
	margin-top: 0;
	padding-top: 0;
}
.incident-list-panel .panel-heading {
	padding: 0!important;
}
.incident-list-panel .table-container p {
	margin: 0!important;
}
.incident-list-panel .table-container.panel-body {
	padding: 0!important;
}
.incident-list-panel table tbody tr {
	cursor: pointer;
}
.footer { display: none }
@media (max-width: 979px) {
	.modal-lg { width: auto!important;}
	.modal-dialog { margin-left: 30px; }
}
@media (max-width: 768px) {
	#map { min-height: 300px!important;  height: 300px!important; }
	.page-container {
		display: block;
	}
	.map-container  {
		margin-left: 0;
		margin-bottom: 10px;
	}
}