/* width */
		::-webkit-scrollbar {
		  width: 16px;
		}

		/* Track */
		::-webkit-scrollbar-track {
		  box-shadow: inset 0 0 5px grey;
		  border-radius: 8px;
			/* padding: 2px; */
			/* border-style: solid;
			border-width: 2px;
			border-color: grey; */
		}

		/* Handle */
		::-webkit-scrollbar-thumb {
			width: 12px;
		  background: #A0A0A0;
			margin-left: 2px;
			margin-right: 2px;
		  border-radius: 8px;
			border: 2px solid rgba(255,255,255,0);
			background-clip: padding-box;
			/* border: 0.5em solid rgba(0, 0, 0, 0);  /* Transparent border together with `background-clip: padding-box` does the trick */ */
	    /* background-clip: padding-box;
			border-style: solid;
			border-width: 2px;
			border-color: rgb(0, 0, 0, 0); */
			/* box-shadow: inset 0 0 5px grey;  */
			/* border-radius: 4px; */
			cursor: pointer;
		}

		/* Handle on hover */
		::-webkit-scrollbar-thumb:hover {
		  background: grey;
			border: 2px solid rgba(255,255,255,0);
			background-clip: padding-box;
		}

		/*Class used to identify all crime markers on the map*/
		.crime-marker {
			
		}
		
		/* CSS related to the search bar */
		.search-bar {
			box-shadow: 0px 1px 4px 0px #5A5A5A;

			border-radius: 5px;
			background-color: rgba(255,255,255,1);
			position: fixed;
			/* margin-top: 8px; */
			top: 18px;
			left: 18px;
			width: 350px;
			height: 52px;
			/* padding: 10px; */
			z-index: 10000;
			display: inline-block;
			/* opacity: 0.9; */

		}

		.search-bar-input {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 16px;
			padding-left: 6px;
			padding-right: 6px;
			color: black;
			padding-top: 15px;
			padding-bottom: 15px;
  			border: 0;
			position: relative;
			top: 4px;
			left: 21px;
			width: 236px;
			height: 26px;
			border-radius: 3px;
			box-shadow: 0 none;
			z-index: 10000;
		}

		.search-bar-input-dark {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 16px;
			padding-left: 6px;
			padding-right: 6px;
			color: white;
			background-color: rgb(45,45,45);
			padding-top: 15px;
			padding-bottom: 15px;
  			border: 0;
			position: relative;
			top: 4px;
			left: 21px;
			width: 236px;
			height: 26px;
			border-radius: 3px;
			box-shadow: 0 none;
			z-index: 10000;
		}
		.search-bar-input-dark::placeholder {
			opacity: 1;
			color: rgb(193,193,193);
		}
		.search-bar-input:focus{
    		outline: none;
		}
		.search-bar-input-dark:focus {
			outline: none;
		}
		.search-bar-mobile {
			white-space: nowrap;
			float: left;
			margin-top: 8px;
		}

		div#search-bar-mobile input {
			width: 62vw;
			margin-bottom: 16px;
		}

		div#search-results {
			height: auto;
			margin-top: 10px;
			margin-left: 10px;
			font-style: sans-serif;
			top: 1vh;
			color: white;
			font-size: 75%;
			width: 250px;
			position: fixed;
			z-index: 9000;
			text-decoration: none;
		}
		#search-results-mobile {
			display: none;
			left: 15.5vw;
			position: fixed;
			height: auto;
			width: 62vw;
			top: 26px;
			background-color: white;
			z-index: 100000;
			border-radius: 12px;
		}

		#search-results-web {
			display: none;
			left: 22px;
			position: fixed;
			height: auto;
			top: 27px;
			width: 350px;
			margin-top: 40px;
			background-color: white;
			z-index: 9000;
			border-radius: 12px;
			overflow-y: hidden;
			max-height: 1000px;
		}

		#search-history-web {
			/* make visible in function, dont forget */
			max-height: 300px;
			overflow-y: auto;
			display: none;
			left: 19px;
			position: fixed;
			height: auto;
			top: 22px;
			width: 350px;
			margin-top: 48px;
			background-color: white;
			z-index: 1000;
			border-radius: 12px;
		}

		.search-results-block {
			height: auto;
			width: 46vw;
			background: rgb(194, 252, 251,0.35);
			margin-bottom: 12px;
			margin-top: 12px;
			margin-left: 12px;
			margin-right: 12px;
			border-radius: 16px;
			border-color: blue;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 12px;
			padding-left: 12px;
		}

		.search-history-block {
			height: auto;
			width: auto;
			
			background: rgb(194, 252, 251,0.35);
			margin-bottom: 12px;
			margin-top: 12px;
			margin-left: 12px;
			margin-right: 12px;
			border-radius: 16px;
			border-color: blue;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 12px;
			padding-left: 12px;
			cursor: pointer;
			color: black;
		}

		.search-history-block-dark {
			height: auto;
			width: auto;
			background: rgb(90,90,90);
			margin-bottom: 12px;
			margin-top: 12px;
			margin-left: 12px;
			margin-right: 12px;
			border-radius: 16px;
			border-color: blue;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 12px;
			padding-left: 12px;
			border-style: solid;
			border-width: 2px;
			border-color: #a86060;
			cursor: pointer;
			color: white;
		}

		.search-history-block-dark:hover {
			background: rgb(130,130,130);
		}

		.search-history-block-dark:active:hover {
			background: rgb(150,150,150);
		}


		.search-results-block-web {
			height: auto;
			width: auto;
			background: rgb(194, 252, 251,0.35);
			margin-bottom: 12px;
			margin-top: 12px;
			margin-left: 12px;
			margin-right: 12px;
			border-radius: 16px;
			border-color: blue;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 12px;
			padding-left: 12px;
			cursor: pointer;
			font-size: 14;
			font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
		}

		.search-results-block-web-dark {
			height: auto;
			width: auto;
			background: rgb(90,90,90);
			margin-bottom: 12px;
			margin-top: 12px;
			margin-left: 12px;
			margin-right: 12px;
			border-radius: 16px;
			border-color: blue;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 12px;
			padding-left: 12px;
			border-style: solid;
			border-width: 2px;
			border-color: #a86060;
			cursor: pointer;
			color: white;
			font-size: 14;
			font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
		}

		.search-results-block-web:hover {
			background: rgba(141, 255, 253, 0.35);
		}
		.search-results-block-web:active:hover {
			background: rgba(98, 255, 252, 0.35);
		}
		.search-results-block-web-dark:hover {
			background: rgb(130,130,130);
		}

		.search-history-block:hover {
			background: rgba(142, 252, 250, 0.35);
		}

		.search-results-block-web-dark:active:hover {
		background: rgb(150,150,150);
		}

		.search-history-block:active:hover {
			background: rgba(88, 250, 247, 0.35);
		}

		.search-results-block:hover{
			background: rgb(194, 252, 251, 1);
		}

		.search-history-block:hover{
			background: rgb(194, 252, 251, 1);
		}

		.search-results-block-text {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			color: black;
		}
		.search-results-block-text-dark {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			color: white;
		}

		.search-history-block-text {
			font-family: Tahoma, Geneva, sans-serif;
			/* font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; */
			font-size: 12px;
			color: black;
		}
		.search-history-block-text-dark {
			font-family: Tahoma, Geneva, sans-serif;
			/* font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; */
			font-size: 12px;
			color: white;
		}

		div#search-history {
			background-color: white;
			position: fixed;
			bottom: 3vh;
			left: 7vw;
			width: auto;
			min-width: 20vw;
			max-height: 22vh;
			height: auto;
			z-index: 100000000;
			padding: 10px;
			/* opacity: 0.75; */
		}
		div#search-history-results {
			position: fixed;
			overflow-y: scroll;
			height: 18vh;
			top: 48px;
		}
		/* End of search bar related CSS */

		.close-icon {
			height: 12px;
			width: 12px;
			position: relative;
			left: -16px;
			bottom: 16px;
			cursor: pointer;
		}

		div#toolbar {
			position: fixed;
			bottom: 0vh;
			left: 0vw;
			display: block;
			z-index: 1000000;
			height: 100vh;
			width: 5.7vw;
			background-color: rgb(250,250,250,1);
			text-align: center;
		}

		div#toolbar-mobile {
			position: fixed;
			bottom: 0vh;
			left: 0vw;
			display: block;
			z-index: 1000000;
			height: 100vh;
			width: 48px;
			background-color: rgb(250,250,250,1);
			text-align: center;
			white-space: nowrap;
		}

		.toolbar-item {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			cursor: pointer;
		}

		.toolbar-mobile-item {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			cursor: pointer;
		}

		.toolbar-mobile-item-picture {
			width: 32px;
			height: 32px;
			margin-bottom: 16px;
		}

		.toolbar-menu {
			left: 245px;
			position: fixed;
			top: 32px;
			display: block;
			height: auto;
			width: 240px;
			background-color: rgba(255,255,255,1);
			text-align: left;
			z-index: 100000;
			padding-bottom: 8px;
			border-top-right-radius: 16px;
			border-bottom-right-radius: 16px;
			border-style: solid;
			border-width: 1px;
			border-color: black;
			border-left-style: none;
			/* rgb(0, 226, 202); */
		}
		.toolbar-menu-form {
			font-size: 15px;
			text-align: left;
			display: inline-block;
		}
		.toolbar-mobile-menu {
			left: 0;
			position: fixed;
			bottom: 0vh;
			display: block;
			z-index: 100000000;
			height: 100vh;
			width: 80vw;
			background-color: white;
			text-align: left;
		}
		.menu-text {
			color: black;
			font-size: 16;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
		}
		.menu-text-smaller {
			color: black;
			font-size: 15;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
		}

		.text-bottom {
			color: black;
			font-size: 14;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
			letter-spacing: 0.8px;
			font-variant-caps: all-small-caps;
			text-decoration: none;
		}
		.menu-text-mobile {
			color: black;
			font-size: 18;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
		}
		.menu-text-mobile-smaller {
			color: black;
			font-size: 13;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
		}
		.container {
			display: block;
			position: relative;
			padding-left: 35px;
			margin-bottom: 12px;
			cursor: pointer;
			font-size: 22px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.container input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0;
		}
		.checkmark {
			position: absolute;
			top: 0;
			left: 0;
			height: 25px;
			width: 25px;
			background-color: #eee;
		}

		/* On mouse-over, add a grey background color */
		.container:hover input ~ .checkmark {
			background-color: #ccc;
		}

		/* When the checkbox is checked, add a blue background */
		.container input:checked ~ .checkmark {
			background-color: #2196F3;
		}

		/* Create the checkmark/indicator (hidden when not checked) */
		.checkmark:after {
			content: "";
			position: absolute;
			display: none;
		}

		/* Show the checkmark when checked */
		.container input:checked ~ .checkmark:after {
			display: block;
		}

		/* Style the checkmark/indicator */
		.container .checkmark:after {
			left: 9px;
			top: 5px;
			width: 5px;
			height: 10px;
			border: solid white;
			border-width: 0 3px 3px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.menu-close {
			text-align: right;
			margin-right: 8px;
			margin-bottom: .5vw;
			margin-top: .5vw;
			margin-left: auto;
			color: white;
		}
		.menu-back {
			text-align: left;
			margin-left: 1vw;
			margin-bottom: .5vw;
			margin-top: .5vw;
			color: white;
			float: left;
		}
		.menu-close-text {
			color: black;
			cursor: pointer;
			font-size: 14px;
		}
		.toolbar-menu-header-box {
			background-color: rgb(0, 226, 202, 0.2);
			color: black;
			width: auto;
			height: auto;
			border-radius: 2px;
			padding-top: 4px;
			padding-bottom: 4px;
			margin-top: 8px;
			margin-bottom: 8px;
			border-style: solid none;
			border-width: 2px;
			border-color: rgb(0, 226, 202);
			border-radius: 4px;
		}
		.toolbar-menu-header-box-dark {
			background-color: rgb(75,75,75);
			color: black;
			width: auto;
			height: auto;
			border-radius: 2px;
			padding-top: 4px;
			padding-bottom: 4px;
			margin-top: 8px;
			margin-bottom: 8px;
			border-style: solid none;
			border-width: 2px;
			border-color: #ba7777;
			border-radius: 4px;
		}
		.help-menu-question-box {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 16px;
			background-color: white;
			color: black;
			width: 235px;
			height: auto;
			border-color: none;
			border-style: none;
			border-radius: 2px;
			padding-top: 4px;
			padding-bottom: 4px;
			/* margin-top: 8px; */
			margin-bottom: 2px;
			border-style: solid;
			border-width: 2px;
			border-color: rgb(0, 226, 202);
			/* border-radius: 4px; */
			cursor: pointer;
			border-radius: 5px;
			padding-top: 6px;
			padding-bottom: 6px;
		}

		#legend-menu {
			position: fixed;
			right: 10px;
			top: 10px;
			height: auto;
			width: auto;
			max-width: 300px;
			max-height: 300px;
			display:none;
			z-index: 8000;
		}

		.legend-menu-description {
			font-family: Tahoma, Geneva, sans-serif;
			font-weight: 500;
			font-size: 14px;
			position: fixed;
			right: 140px;
			height: auto;
			padding: 16px;
			width: 320px;
			background:
			white;
			display: none;
			border-radius: 8px;
		}

		.legend-menu-picture {
			margin-bottom: 4px;
		}

		ul {
			/* padding-left: 16px; */
			margin-left: 14px;
			padding: 0;
		}

		li {
			padding-bottom: 2px;
		}

		.button {
			/* background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8c8c8c), color-stop(1, #030200));
			background:-moz-linear-gradient(top, #8c8c8c 5%, #030200 100%);
			background:-webkit-linear-gradient(top, #8c8c8c 5%, #030200 100%);
			background:-o-linear-gradient(top, #8c8c8c 5%, #030200 100%);
			background:-ms-linear-gradient(top, #8c8c8c 5%, #030200 100%);
			background:linear-gradient(to bottom, #8c8c8c 5%, #030200 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#030200',GradientType=0); */
			background-color:#ffffff;
			align-items: center;
			/* -moz-border-radius:8px;
			-webkit-border-radius:8px; */
			border-radius:8px;
			border-width: medium medium;
			border-width: thin thin;
			border-color: #000000;
			display:inline-block;
			cursor:pointer;
			/* color:#ffffff; */
			font-family:Arial;
			font-size:13px;
			padding: 8px 8px;
			text-decoration: none;
			margin-top: 6px;
			margin-bottom: 6px;
		}

	.button:hover {
		/* background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #030200), color-stop(1, #8c8c8c));
		background:-moz-linear-gradient(top, #030200 5%, #8c8c8c 100%);
		background:-webkit-linear-gradient(top, #030200 5%, #8c8c8c 100%);
		background:-o-linear-gradient(top, #030200 5%, #8c8c8c 100%);
		background:-ms-linear-gradient(top, #030200 5%, #8c8c8c 100%);
		background:linear-gradient(to bottom, #030200 5%, #8c8c8c 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#030200', endColorstr='#8c8c8c',GradientType=0);
		background-color:#030200; */
		text-decoration: none;
	}
	.button:active {
		position:relative;
		top:1px;
	}
	 button {
		 outline: none;
	 }
	 
		#topbar-mobile {
			align: center;
			text-align: center;
			position: fixed;
			top: 0px;
			left: 0px;
			height: 32px;
			width: 100vw;
			background-color: white;
			z-index: 10000000;

		}
		#hamburger {
			height: 16px;
			width: 16px;
			margin-top: 26px;
			margin-right: 24px;
			margin-left: 24px;
			white-space: nowrap;
			float: left;
		}
		#hamburger-web {
			position: relative;
			left: 12px;
			top: 10px;
			height: 24px;
			width: 24px;
			margin-top: auto;
			z-index: 1000000;
			cursor: pointer;
		}
		.hamburger-icon {
			position: relative;
			bottom: 2px;
			width: 32px;
			height: 28px;
			float: left;
			padding-right: 20px;
			padding-left: 16px;
		}
		.unselectable {
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.crime-radar-logo {
			width: 182px;
			height: 140px;
			margin-bottom: 0px;
			margin-top: 12px;
		}
		.hamburger-menu-mobile {
			position: fixed;
			height: 100vh;
			width: 80vw;
			left: 0px;
			bottom: 0px;
			background-color: white;
			z-index: 2e7;
		}
		.hamburger-menu-web {
			position: fixed;
			height: 100vh;
			width: 245px;
			left: 0px;
			top: 0px;
			background-color: white;
			z-index: 200000;
			border-right-style: solid;
			border-width: 1px;
			border-color: black;
		}
		.hamburger-menu-close-button {
			position: fixed;
			left: 225px;
			top: 10px;
		}
		.menu-close-button {
			width: 12px;
			height: 12px;
			cursor: pointer;
		}


		.hamburger-menu-row {
			display: inline-block;
			width: 100%;
			font-family: Tahoma, Geneva, sans-serif;
			font-weight: 500;
			font-size: 16px;
			border-top-left-radius: 12px;
			border-bottom-left-radius: 12px;
			padding-top: 8px;
			padding-bottom: 4px;
			margin-bottom: 0.4vh;
			cursor: pointer;
		}
		.hamburger-menu-row-dark {
			display: inline-block;
			width: 100%;
			font-family: Tahoma, Geneva, sans-serif;
			font-weight: 500;
			font-size: 16px;
			border-top-left-radius: 12px;
			border-bottom-left-radius: 12px;
			padding-top: 8px;
			padding-bottom: 4px;
			margin-bottom: 0.4vh;
			cursor: pointer;
		}
		.hamburger-menu-row-dark:hover {
			background: rgb(80,80,80);
		}
		.hamburger-menu-row-dark:active:hover {
			background: rgb(120,120,120);
		}
		.hamburger-menu-row-dark-selected {
			background: rgb(80,80,80);
		}
		.hamburger-menu-row:hover {
			background-color: rgb(227, 244, 255);
		}
		.hamburger-menu-row:active:hover {
			background-color: rgb(195, 230, 255);
		}
		.hamburger-menu-row-selected {
			background-color: rgb(227, 244, 255);
		}
		#crime-marker-menu {
			padding-left: 15px;
			padding-top: 15px;
			padding-right: 42px;
			position: fixed;
			bottom: 0vh;
			right: 0vw;
			height: 167px;
			width: auto;
			background: rgb(255, 255, 255, 1);
			border-top-left-radius: 16px;
			font-size: 16px;
			z-index: 7000;
			font-family: Tahoma, Geneva, sans-serif;
		}
		#crime-marker-menu-close {
		}

		.menu-text-caps {
		  /* top: -2px; */
			letter-spacing: 0.5px;
			font-variant-caps: all-small-caps;
			font-size: 18px;
			font-weight: 600;
			color: rgb(51, 51, 51);
			
		}

		.menu-text-caps:hover {
			
		}

		#help-menu {
			background: white;
			position: fixed;
			width: 700px;
			height: 400px;
			left: 20vw;
			top: 20vh;
			border-radius: 12px;
			padding: 16px;
			transition: transform .08s;
			border-style: solid;
			border-width: 1px;
			border-color: black;
		}

		#help-menu-description {
			background: white;
			width: 400px;
			height: auto;
			max-height: 250px;
			display: inline-block;
			position: relative;
			margin-top: 12px;
			overflow-y: scroll;
			padding-left: 4px;
			color: black;
			margin-left: 0px;
			margin-right: 10px;
			font-family: Tahoma, Geneva, sans-serif;
		}

		.help-menu-row {
			background: white;;
			cursor: pointer;
			padding-left: 5px;
			padding-right: 5px;
			/* margin-bottom: 4px; */
			/* border-radius: 4px; */
		}
		.help-menu-row-dark {
			background: rgb(70,70,70);
			cursor: pointer;
			padding: 5px;
			border-radius: 4px;
			color: white;
		}
		.help-menu-row:hover {
			/* background: rgb(218, 255, 252) */
			transform: scale(1.05) translateX(5px);

		}
		.help-menu-row-selected {
			/* background: rgb(218, 255, 252) */
			transform: scale(1.05) translateX(5px);

		}
		/* .help-menu-row:active:hover {
			background: rgb(189, 255, 250)
		} */
		.help-menu-row-dark:hover {
			background: rgb(110,110,110);
		}
		/* .help-menu-row-selected {
			background: rgb(130,130,130);
		} */
		/* .help-menu-row:active:hover {
			background: rgb(155,155,155);
		} */
		.legal-link {
			display: inline-block;
			text-decoration: none;
			color: rgb(30,30,30);
		}
		.legal-link:hover {
			text-decoration: underline;
		}

	

		
	@media print {
		body, html {
			position: relative; 
			left: -30px;
			width: 104%;
			transform: scale(0.96);
			margin: 0 !important; 
			padding: 0 !important;
			overflow: hidden;
			page-break-after: always;
		}
	
	@page {
		margin: 0;
	}