html {
			scroll-behavior: smooth;
		}

		body {
			background-color:#f6f6f6;
		}

		.inputSlightSpacing{
			letter-spacing:0.075em;
		}

		.inputWrapper {
			padding: 0.1em;
			border-style: solid;
			border-width: 0.125em;
       			border-color: grey;
			border-radius: 0.35em
		}
		select:focus {
			border-style: solid;
			border-color: #268DD2;

		}

		.inputWrapper:focus-within {
			padding: 0.1em;
			border-style: solid;
			border-width: 0.125em;
			border-color: #268DD2;
		}

		.inputWrapper input {
			border-style: none;
			outline: none;
		}

		.inputWrapper[data-error-value='yes'] {
			border-color: red;
			border-width: 0.15rem;
		}

		.indexPanel {
			height: 9em;
			overflow: hidden;
		}

		.indexPanel:hover {
			cursor: pointer
		}

		.topPanelColoring {
			background-color: #4CA4DF;
			color: white
		}

		.inputFieldWidth {
			width: 90%
		}

		.autocompleteRow {
			padding: 0.35em 0.35em 0.35em 0.4em;
			cursor: pointer;
			background-color: #fff;
			border-bottom: 1px solid #d4d4d4d7;
		}

		.autocompleteRow:hover {
			background-color: #f2f2f2f8
		}

		@media only screen and (max-width: 769px) {

			.autocompleteWrapper {
				position: absolute;
				border: 0.1em solid #d4d4d4;
				border-bottom: none;
				border-top: none;
				z-index: 99;
				/*position the autocomplete items to be the same width as the container:*/
				top: 100%;
				left: 0.92em;
				right: 0;
				margin-top: 0.05em;
				width: 90%;
				background-color: green;
			}
		}

		@media only screen and (min-width: 770px) {

			.autocompleteWrapper {
				position: absolute;
				border: 0.1em solid #d4d4d4;
				border-bottom: none;
				border-top: none;
				z-index: 99;
				/*position the autocomplete items to be the same width as the container:*/
				top: 100%;
				left: 0.92em;
				right: 0;
				margin-top: 0.05em;
				width: 88%;
			}
		}

		@media only screen and (min-width: 1139px) {

			.autocompleteWrapper {
				position: absolute;
				border: 0.1em solid #d4d4d4;
				border-bottom: none;
				border-top: none;
				z-index: 99;
				/*position the autocomplete items to be the same width as the container:*/
				top: 100%;
				left: 0.92em;
				right: 0;
				margin-top: 0.05em;
				width: 90%;
			}
		}