.TopMenu {
	color: var(--TopMenu);
	background-color: var(--TopMenuBg);
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
}

	.TopMenu > ul {
		display: flex;
		align-items: flex-end;
		list-style-type: none;
		margin: 1px 30px;
	}

	.TopMenu i {
		margin-right: 5px;
	}

	.TopMenu > ul > li {
		margin-left: 30px;
		padding: 8px;
		border-bottom: 3px solid #FFFFFF00
	}

		.TopMenu > ul > li:hover {
			border-bottom: 3px solid #FFFFFF30;
		}

		.TopMenu > ul > li.MenuSelect {
			border-bottom: 3px solid var(--TopMenuSelect);
		}

		.TopMenu > ul > li > ul > li.MenuSelect {
			color: var(--TopMenuSelect);
			background-color: var(--TopMenuSelectBg);
		}

		.TopMenu > ul > li > ul {
			display: flex;
			flex-direction: column;
			position: fixed;
			list-style-type: none;
			background-color: var(--TopMenuBg);
			z-index: 10;
			width: auto;
			background-clip: padding-box;
			border: 1px solid #99999980;
			box-shadow: rgba(150, 150, 150, 0.4) 1.95px 1.95px 2.6px;
			margin-top: 15px;
			padding: 0;
		}

			.TopMenu > ul > li > ul > li {
				display: flex;
				padding: 10px 25px;
			}
				.TopMenu > ul > li > ul > li:hover {
					background-color: #FFFFFF20;
				}

.SmallView .TopMenu {
	display: none;
}

.SideMenu {
	color: var(--SideMenu);
	background-color: var(--SideMenuBg);
	display: none;
	flex-direction: column;
	justify-content: space-between;
}
	.SideMenu div {
		background-color: #FFFFFF20;
		text-align: center;
		font-size: 25px;
		font-weight: bolder;
		padding: 5px 0;
		cursor: pointer;
	}
	.SideMenu ul {
		cursor: pointer;
		padding: 0;
		list-style-type: none;
	}
	.SideMenu > ul {
		flex-grow: 1;
		flex-shrink: 1;
		margin: 0;
	}
	.SideMenu li {
		padding: 10px 0;
	}
		.SideMenu li:not(.MenuSelect):not(:has(> ul)):hover {
			background-color: #FFFFFF20;
		}
		.SideMenu li.MenuSelect:not(:has(> ul)):hover {
			opacity: 0.7;
		}
	.SideMenu i {
		font-size: 16px;
		padding: 0 15px;
	}
	.SideMenu .MenuSelect {
		color: var(--SideMenuSelect);
		background-color: var(--SideMenuSelectBg);
	}
	.SideMenu > ul > li > ul > li {
		padding-left: 30px;
	}

	.SideMenu .nav-link {
		text-align: left;
	}
.UseSideMenu.LargeView .SideMenu
{
	display: flex;
}

.UseShortMenu {
}
	.UseShortMenu .SideMenu {
		width: 50px !important;
	}

	.UseShortMenu nav.SideMenu > ul > li > ul {
		position: fixed;
		margin-left: 52px;
		margin-top: -25px;
		background-color: var(--SideMenuBg);
		width: auto;
		z-index: 10;
		background-clip: padding-box;
		border: 1px solid #99999980;
		box-shadow: rgba(150, 150, 150, 0.4) 1.95px 1.95px 2.6px;
	}
		.UseShortMenu nav.SideMenu > ul > li > ul > li {
			padding-left: 10px;
			padding-right: 30px;
		}
	.UseShortMenu nav.SideMenu > ul > li > span {
		display: none;
	}

.FloatMenu {
	position: fixed;
	left: calc(100vw - var(--FloatMenuWidth));
	z-index: 10000;
	width: var(--FloatMenuWidth);
	color: var(--FloatMenu);
	background-color: var(--FloatMenuBg);
	margin-top: var(--HeaderHeight);
	padding-top: 15px;
	max-height: calc(100% - var(--HeaderHeight));
	border: 1px solid #99999920;
	box-shadow: rgba(150, 150, 150, 0.4) 1.95px 1.95px 2.6px;
	display: block;
	cursor: pointer;
}

	.FloatMenu ul {
		padding: 0;
	}

	.FloatMenu > ul {
		border-bottom: 1px solid #99999980;
	}
		.FloatMenu > ul:last-child {
			border-bottom: none;
		}

		.FloatMenu > ul > li > ul > li {
			padding-left: 30px;
		}

	.FloatMenu li {
		padding: 10px 0;
	}

		.FloatMenu li:not(:has(> ul)):hover {
			background-color: #99999920;
		}

	.FloatMenu i {
		font-size: 16px;
		padding: 0 15px;
	}

	.FloatMenu .MenuSelect {
		color: var(--FloatMenuSelect);
		background-color: var(--FloatMenuSelectBg);
	}
	.FloatMenu > button {
		position: fixed;
		padding: 15px;
		margin-top: -20px;
		right: 0px;
		width: 3px;
		opacity: 0.1;
	}

.UseSideMenu.LargeView .FloatMenu > ul {
	display: none;
}

	.UseSideMenu.LargeView .FloatMenu > ul:last-child {
		display: block;
	}

.SmallView li[data-command="SideMenuToggle"] {
	display: none;
}