#Toolbar,
.Toolbar {
	color: Black;
	font-weight: bold;
	height: 35px;
	padding-top: 0;
	background-color: #F1F1F1;
	border-radius: 4px;
}

	#Toolbar img,
	.Toolbar img {
		float: left;
	}

table.MainNavTable {
	height: 35px;
}

#Toolbar ul,
.Toolbar ul {
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

	#Toolbar ul li,
	.Toolbar ul li {
		float: left;
		margin: 0;
		padding: 0 10px;
		position: relative;
	}

		#Toolbar ul li ul,
		.Toolbar ul li ul {
			background-color: #f8f8f8;
			border: 1px solid black;
			left: 0;
			padding: 0;
			position: absolute;
			top: 12px;
			white-space: nowrap;
			z-index: 10;
		}

		#Toolbar ul li a,
		.Toolbar ul li a {
			display: block;
			float: left;
		}

		#Toolbar ul li ul li, .Toolbar ul li ul li {
			clear: left;
		}

			#Toolbar ul li ul li a,
			.Toolbar ul li ul li a {
				border-top: 0;
				margin-top: 3px;
			}

	#Toolbar ul#MainNav li a,
	.Toolbar ul#MainNav li a {
		color: var(--primary-color);
		font-family: var(--font-family-regular-text);
		font-size: 14px;
		font-weight: 600;
		height: 100%;
		line-height: 30px;
		margin: 0 !important;
		padding: 3px;
		text-transform: uppercase;
		text-decoration: none;
		width: 97%;
	}

	#Toolbar ul#MainNav li ul.ToolbarDropDownList a,
	.Toolbar ul#MainNav li ul.ToolbarDropDownList a {
		width: 90%;
		padding-left: 10px;
		padding-right: 10px;
	}

	#Toolbar ul#MainNav li:hover,
	.Toolbar ul#MainNav li:hover {
		color: white !important;
	}

	#Toolbar ul#MainNav li a:hover,
	.Toolbar ul#MainNav li a:hover {
		background-color: var(--primary-color);
		color: white !important;
	}

	#Toolbar ul#MainNav li:hover,
	.Toolbar ul#MainNav li:hover {
		background-color: var(--primary-color);
		color: white !important;
	}

		#Toolbar ul#MainNav li:hover > a,
		.Toolbar ul#MainNav li:hover > a {
			color: white !important;
		}

.ToolbarDropDown {
	color: var(--primary-color) !important;
	pointer-events: none !important;
}

	.ToolbarDropDown:hover {
		color: white;
		cursor: default;
	}

	.ToolbarDropDown::after {
		content: '\25BE';
		font-weight: bold !important;
	}

.ToolbarDropDownList {
	margin-top: 10px !important;
}

#Toolbar ul#MainNav li ul,
.Toolbar ul#MainNav li ul {
	display: none;
}

	#Toolbar ul#MainNav li ul li a,
	.Toolbar ul#MainNav li ul li a {
		background-color: #ebebeb;
	}

#Toolbar ul#TransactionNav,
.Toolbar ul#TransactionNav,
#Toolbar ul,
.Toolbar ul {
	height: auto;
}

	#Toolbar ul#TransactionNav li,
	.Toolbar ul#TransactionNav li,
	#Toolbar ul#MainNav ul li,
	.Toolbar ul#MainNav ul li {
		text-align: left;
		width: 96%;
	}

	#Toolbar ul li ul#TransactionNav,
	.Toolbar ul li ul#TransactionNav,
	#Toolbar ul#MainNav ul,
	.Toolbar ul#MainNav ul {
		border: thin solid #e4e4e4;
		border-top: none;
		z-index: 999999;
		top: 36px;
	}

	#Toolbar ul#MainNav ul,
	.Toolbar ul#MainNav ul {
		flex-direction: column;
		margin: -1px;
		top: 26px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	}

		#Toolbar ul#MainNav li ul#TransactionNav li a,
		.Toolbar ul#MainNav li ul#TransactionNav li a,
		#Toolbar ul#MainNav ul li a,
		.Toolbar ul#MainNav ul li a {
			background-color: transparent;
			border: none;
		}

			#Toolbar ul#MainNav li ul#TransactionNav li a:hover,
			.Toolbar ul#MainNav li ul#TransactionNav li a:hover
			#Toolbar ul#MainNav ul li a:hover,
			.Toolbar ul#MainNav ul li a:hover {
				color: white;
			}

#Toolbar a[disabled="disabled"],
.Toolbar a[disabled="disabled"] {
	color: gray !important;
}

a[disabled="disabled"] { /* This is needed for disabled linkbuttons in Chrome and FireFox */
	cursor: default !important;
	pointer-events: none !important;
}

	a[disabled="disabled"]:hover {
		text-decoration: none !important;
	}

/**** ASPxHtmlEditor: Remove global 4px padding to certain td tags ****/
table.dxheControl_Shine.dxhe-control td.dx,
table.dxtbControl_Shine.dxhe-bardock td:not(.dxic, .dxeButton) {
	padding: 0;
}