.aonline-top {
		padding: 0;
		text-align: left;
		font-family: Roboto, "Segoe UI", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
	}

	.aonline-top-one {
		height: var(--xs-height-size);
		line-height: var(--xs-height-size);
	}

	.aonline-top-two {
		height: calc(var(--xs-height-size) * 2);
	}

	.aonline-top-three {
		height: calc(var(--xs-height-size) * 3);
	}

	.aonline-top-four {
		height: calc(var(--xs-height-size) * 4);
	}

	.aonline-top-five {
		height: calc(var(--xs-height-size) * 5);
	}

	.aonline-top-six {
		height: calc(var(--xs-height-size) * 6);
	}

	.aonline-top-seven {
		height: calc(var(--xs-height-size) * 7);
	}

	.aonline-top-eight {
		height: calc(var(--xs-height-size) * 8);
	}

	.aonline-top-nine {
		height: calc(var(--xs-height-size) * 9);
	}

	.aonline-top-ten {
		height: calc(var(--xs-height-size) * 10);
	}

	.aonline-top .aonline-top-menus {
		text-align: center;
		background-color: #434343;
		color: white;
		font-size: 6pt;
		font-weight: bold;
		line-height: 40px;
		height: 40px;
		max-height: 40px;
		cursor: pointer;
	}

	.aonline-top-sub-menus {
		font-size: 8pt;
		line-height: 40px;
		height: 40px;
		cursor: pointer;
	}

	.aonline-top .aonline-top-sub-menus > .col {
		border-right: 1px solid lightgrey;
		height: 40px;
		font-size: 7pt;
		border-bottom: 1px solid lightgrey;
	}

	.aonline-top .aonline-top-sub-menus > .col:last-child {
		border-right: none;
	}

	.aonline-top .aonline-top-options {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 25px;
	}

	.aonline-form-control-input {
		font-size: 7pt;
		width: 100%;
	}

	.aonline-top .aonline-top-menus > .col {
		border-right: 1px solid lightgrey;
		padding: 0;
		height: 40px;
		font-size: 6pt;
	}

	.aonline-top .aonline-top-menus > .col:last-child {
		border-right: none;
	}

	.aonline-top-menu-selected {
		background-color: #333333;
		color: white;
	}

	.aonline-top .aonline-top-close {
		padding: 0;
		text-align: center;
		cursor: pointer;
	}

	.aonline-container {
		display: block;
		overflow: auto;
		position: relative;
		width: 100%;
		padding: 0;
		backface-visibility: hidden;
		will-change: overflow;
	}

	/* ZERO */
	.aonline-container-zero {
		height: calc(var(--app-height));
	}

	.aonline-container-bottom-zero {
		height: calc(var(--app-height) - (var(--bottom-height)));
	}

	/* ONE */
	.aonline-container-one {
		height: calc(var(--app-height) - var(--xs-height-size));
	}

	.aonline-container-bottom-one {
		height: calc(var(--app-height) - var(--bottom-height) - var(--xs-height-size));
	}

	/*.aonline-container-fullscreen-fixed-zero {
		height: calc(var(--app-height) - 30px);
	}*/

	/* TWO */
	.aonline-container-two {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 2));
	}

	.aonline-container-bottom-two {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 2)));
	}

	/*.aonline-container-fixed-one {
		height: calc(var(--app-height) - 60px);
	}*/

	/* THREE */
	.aonline-container-three {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 3));
	}

	.aonline-container-bottom-three {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 3)));
	}

	/* FOUR */
	.aonline-container-four {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 4));
	}

	.aonline-container-bottom-four {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 4)));
	}

	/* FIVE */
	.aonline-container-five {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 5));
	}

	.aonline-container-bottom-five {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 5)));
	}

	/* SIX */
	.aonline-container-six {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 6));
	}

	.aonline-container-bottom-six {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 6)));
	}

	/* SEVEN */
	.aonline-container-seven {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 7));
	}

	.aonline-container-bottom-seven {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 7)));
	}

	/* EIGHT */
	.aonline-container-eight {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 8));
	}

	.aonline-container-bottom-eight {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 8)));
	}

	/* NINE */
	.aonline-container-nine {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 9));
	}

	.aonline-container-bottom-nine {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 9)));
	}

	/* TEN */
	.aonline-container-ten {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 10));
	}

	.aonline-container-bottom-ten {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 10)));
	}

	/* ELEVEN */
	.aonline-container-eleven {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 11));
	}

	.aonline-container-bottom-eleven {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 11)));
	}

	/* TWELVE */
	.aonline-container-twelve {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 12));
	}

	.aonline-container-bottom-twelve {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 12)));
	}

	/* THIRTEEN */
	.aonline-container-thirteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 13));
	}

	.aonline-container-bottom-thirteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 13)));
	}

	/* FOURTEEN */
	.aonline-container-fourteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 14));
	}

	.aonline-container-bottom-fourteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 14)));
	}

	/* FIFTEEN */
	.aonline-container-fifteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 15));
	}

	.aonline-container-bottom-fifteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 15)));
	}

	.aonline-container-sixteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 16));
	}

	.aonline-container-bottom-sixteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 16)));
	}

	.aonline-container-seventeen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 17));
	}

	.aonline-container-bottom-seventeen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 17)));
	}

	.aonline-container-eighteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 18));
	}

	.aonline-container-bottom-eighteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 18)));
	}

	.aonline-container-nineteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 19));
	}

	.aonline-container-bottom-nineteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 19)));
	}

	.aonline-container-twenty {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 20));
	}

	.aonline-container-bottom-twenty {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 20)));
	}

	.aonline-body {
		/*overflow: hidden;*/
		height: auto;
		padding: 0;
		/*-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;*/
		width: 100%;
	}

	.aonline-bottom {
		display: flex;
		align-items: center;
		position: relative;
		z-index: 10;
		font-size: 8pt;
		text-align: center;
		background-color: #858585;
		color: white;
	}

	.aonline-bottom-one {
		height: 40px;
		line-height: 40px;
	}

	.aonline-bottom-two {
		height: 80px;
		line-height: 40px;
	}

	.aonline-bottom-three {
		height: 120px;
		line-height: 40px;
	}

	#top_over_menu_logged_in {
		font-size: 13pt;
	}

	.top_over_menu_name {
		color: white;
		line-height: 40px;
		font-size: 8pt;
		padding: 0 10px;
	}

	.aonline-question-block {
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 2400;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.aonline-content-show-hide-map {
		position: relative;
	}

	/*===========================================================================*/
	/*===========================================================================*/
	/*===========================================================================*/
	/*===========================================================================*/

	.aonline-top-container {
		display: flex;
		width: 100%;
	}

	.aonline-top-back-button {
		display: flex;
		align-items: center;
		justify-content: center;
		float: left;
		background-color: #2a70b9;
		font-size: 7pt;
		cursor: pointer;
	}

	.aonline-top-header {
		display: flex;
		flex-grow: 1;
		text-align: left;
		padding-left: 10px;
		align-items: center;
		justify-content: flex-start;
		background-color: #858585;
		text-shadow: 1px 1px 1px black;
	}

	.aonline-top-button {
		background-color: #858585;
		width: 50px;
		height: 40px;
		padding: 0;
		text-align: center;
		font-size: 11pt;
		font-weight: bold;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.aonline-top-action-button {
		background-color: #2a70b9;
		color: white;
		padding: 0;
		text-align: center;
		font-size: 8pt;
		font-weight: bold;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		border-left: 1px solid lightgrey;
	}

	.menu_mobile_button {
		display: flex;
		align-items: center;
		justify-content: center;
		float: left;
		background-color: #333333;
		font-size: 15px;
		cursor: pointer;
		width: 40px;
		height: 40px;
	}

	.aonline-top-content {
		width: 100%;
		line-height: 40px;
	}

	@media (max-width: 576px) {
		/* XS */
		.aonline-top-header {
			height: 40px;
			font-size: 7pt;
		}

		.aonline-top-button {
			width: 40px;
		}

		.aonline-top-back-button {
			width: 65px;
			line-height: 40px;
		}

		.aonline-top-action-button {
			width: 80px;
		}
	}

	@media (min-width: 576px) {
		/* SM */
		.aonline-top-header {
			height: 40px;
			font-size: 7pt;
		}

		.aonline-top-button {
			width: 40px;
		}

		.aonline-top-back-button {
			line-height: 40px;
			width: 65px;
		}

		.aonline-top-action-button {
			width: 80px;
		}
	}

	@media (min-width: 768px) {
		/* MD */
		.aonline-top-header {
			height: 40px;
			font-size: 7pt;
		}

		.aonline-top-button {
			width: 40px;
		}

		.aonline-top-back-button {
			line-height: 40px;
			width: 65px;
		}

		.aonline-top-action-button {
			width: 80px;
		}
	}

	@media (min-width: 992px) {
		/* LG */
		.aonline-top-header {
			height: 40px;
			font-size: 9pt;
		}

		.aonline-top-button {
			width: 50px;
		}

		.aonline-top-back-button {
			line-height: 40px;
			width: 100px;
		}

		.aonline-top-action-button {
			width: 100px;
		}
	}

	@media (min-width: 1200px) {
		/* XL */
		.aonline-top-header {
			height: 40px;
			font-size: 9pt;
		}

		.aonline-top-button {
			width: 50px;
		}

		.aonline-top-back-button {
			line-height: 40px;
			width: 100px;
		}

		.aonline-top-action-button {
			width: 100px;
		}
	}

	@media (min-width: 1400px) {
		/* XXL */
		.aonline-top-header {
			height: 40px;
			font-size: 9pt;
		}

		.aonline-top-button {
			width: 50px;
		}

		.aonline-top-back-button {
			line-height: 40px;
			width: 100px;
		}

		.aonline-top-action-button {
			width: 100px;
		}
	}