.aonline-dropdown {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	
	.aonline-dropdown-button {
		color: white;
		width: 100%;
		border: none;
		cursor: pointer;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	/* Dropdown content (hidden by default) */
	.aonline-dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
		min-width: 100%;
		z-index: 100;
		list-style: none; /* Removes default bullet points */
		margin: 0;
		text-align: left;
		padding: 0;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border: 1px solid lightgray;
		line-height: 40px;
		width: 200px;
	}

	.aonline-dropdown-content.aonline-dropdown-content-right {
		right: 0 !important;
	}
	
	/* List items inside the dropdown */
	.aonline-dropdown-content li {
		font-size: 9pt;
		color: #444444;
		cursor: pointer;
		padding: 0;
		display: block;
		/* width: 100%; */
		clear: both;
		font-weight: 400;
		text-align: inherit;
		text-decoration: none;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid lightgray;
	}
	
	.aonline-dropdown-content li:hover {
		background-color: #f1f1f1;
		color: #2c2c2c;
	}
	
	/* Show dropdown on hover */
	.aonline-dropdown:hover .aonline-dropdown-content {
		display: block;
	}

	.aonline-dropdown-content li.disabled {
		color: lightgrey;
		cursor: not-allowed;
	}

	.aonline-dropdown-content .dropdown-divider {
		height: 0;
		border-bottom: 2px solid #AEAEAE;
	}

	.aonline-dropdown-content .dropdown-divider:hover {
		background-color: unset;
		color: unset;
	}