/* PANEL: owns height */
	.aonline-panel {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
		overflow: hidden;
		width: 100%;
	}

	/* FIXED SECTIONS */
	.aonline-top,
	.aonline-bottom {
		flex: 0 0 auto;
	}

	/* DYNAMIC SECTION */
	.aonline-container {
		flex: 1 1 auto;
		min-height: 0;         /* ABSOLUTELY REQUIRED */
		overflow-y: auto;
	}

	.aonline-bottom {
		font-size: 8pt;
		text-align: center;
		background-color: #858585;
		color: white;
	}

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

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

	#top-over-menu-logged-in {
		font-size: 13pt;
	}

	.top-over-menu-name {
		color: white;

		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-bar {
		display: flex;
        align-items: center;
		width: 100%;
        background-color: #858585;
		height: var(--aonline-row-height);
	}

    .aonline-top-bar-clear {
        background-color: unset;
    }

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

	.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;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
		height: var(--aonline-row-height);
	}

	.aonline-top-button {
		width: 50px;
		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;
	}

	.aonline-top-content {
		width: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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