﻿.UserAreaManagement {
	background-color: rgba(249, 249, 249, 1);
	min-height: 100vh;
}

	.UserAreaManagement > .Header {
		height: 6rem;
		padding-top: 3rem;
		width: 100vw;
	}

		.UserAreaManagement > .Header .Title {
			color: var(--custom-color-1);
			font-size: 3rem;
			margin-right: 1rem;
			top: 0.5rem;
		}

	.UserAreaManagement .ToolBar {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

		.UserAreaManagement .ToolBar .ToolBarButton {
		}

			.UserAreaManagement .ToolBar .ToolBarButton .Button {
				background-color: #ffffff;
				border: solid 1px var(--custom-color-1);
				border-radius: 6px;
				height: 42px;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				width: 42px;
			}

			.UserAreaManagement .ToolBar .ToolBarButton.Selected .Button {
				background-color: var(--custom-color-1);
			}

			.UserAreaManagement .ToolBar .ToolBarButton img {
				height: 14px;
				margin-top: 12px;
			}

			.UserAreaManagement .ToolBar .ToolBarButton .Title {
				color: var(--custom-color-1);
				text-align: center;
			}

	.UserAreaManagement .MhlIds {
		color: #565B60;
		display: flex;
		margin-bottom: 2rem;
		margin-top: 3rem;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.UserAreaManagement .MhlId {
		background-color: rgba(86, 91, 96, 0.25);
		border: 0.5px solid rgba(182, 185, 188, 1);
		border-radius: 10px;
		color: #ffffff;
		font-size: 1.5rem;
		padding: 0.5rem;
		text-align: center;
		width: calc(50vw - 2rem);
	}

	.UserAreaManagement .MhlId.Selected {
		background-color: rgba(255, 151, 62, 1);
	}

		.UserAreaManagement .MhlId:nth-child(2) {
			margin-right: 2rem;
		}

		.UserAreaManagement .MhlId .fa {
			margin-left: 1rem;
		}

	.UserAreaManagement .InnerPage {
		background-color: #ffffff;
		border: solid 1px #707070;
		border-radius: 8px;
		font-size: 1.6rem;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		max-width: 500px;
		padding: 20px;
	}

		.UserAreaManagement .InnerPage .FileUpload {
		}

			.UserAreaManagement .InnerPage .FileUpload span {
				color: rgba(2, 22, 36, 0.8);
				font-weight: 400;
				margin-right: 10px;
			}

			.UserAreaManagement .InnerPage .FileUpload input[type='file'] {
				display: none;
			}

			.UserAreaManagement .InnerPage .FileUpload .Thumbnail img {
				height: 100px;
			}

		.UserAreaManagement .InnerPage .Width {
			margin-top: 20px;
		}

		.UserAreaManagement .InnerPage .Link {
			margin-top: 20px;
		}

			.UserAreaManagement .InnerPage .Link input {
				direction: ltr;
			}

		.UserAreaManagement .InnerPage .Dates {
			margin-top: 20px;
		}

			.UserAreaManagement .InnerPage .Dates input {
				direction: ltr;
			}

		.UserAreaManagement .InnerPage .Target {
			margin-top: 20px;
		}

			.UserAreaManagement .InnerPage .Target .Title {
				font-size: 2rem;
				font-weight: 700;
			}

		.UserAreaManagement .InnerPage .AllUsers {
			margin-top: 10px;
		}

		.UserAreaManagement .InnerPage .SpecificUsers {
		}

			.UserAreaManagement .InnerPage .SpecificUsers .Classifications {
				margin-top: 20px;
			}

				.UserAreaManagement .InnerPage .SpecificUsers .Classifications img {
					height: 10px;
				}

				.UserAreaManagement .InnerPage .SpecificUsers .Classifications .Existing {
					font-size: 14px;
					padding-left: 10px;
					padding-right: 10px;
				}

			.UserAreaManagement .InnerPage .SpecificUsers .Customers {
				margin-top: 20px;
			}

				.UserAreaManagement .InnerPage .SpecificUsers .Customers img {
					height: 10px;
				}

				.UserAreaManagement .InnerPage .SpecificUsers .Customers .Existing {
					font-size: 14px;
					padding-left: 10px;
					padding-right: 10px;
				}

		.UserAreaManagement .InnerPage .Buttons {
			margin-top: 40px;
			text-align: center;
		}

			.UserAreaManagement .InnerPage .Buttons button {
				background-image: none;
				border: solid 1px var(--custom-color-1);
				font-weight: 400;
				padding: 3px;
				width: 120px;
			}

				.UserAreaManagement .InnerPage .Buttons button.Primary {
					background-color: var(--custom-color-1);
				}

				.UserAreaManagement .InnerPage .Buttons button.Secondary {
					background-color: #ffffff;
					color: var(--custom-color-1);
				}


	.UserAreaManagement .UserAreaElements {
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
	}

	.UserAreaManagement .UserAreaElement {
		border: solid 1px rgba(2, 22, 36, 0.3);
		border-radius: 4px;
		font-size: 15px;
		margin-top: 5px;
		padding: 5px;
	}

		.UserAreaManagement .UserAreaElement .Buttons {
			display: flex;
			direction: ltr;
			padding-bottom: 10px;
		}

			.UserAreaManagement .UserAreaElement .Buttons .ButtonContainer {
				border: solid 1px rgba(2, 22, 36, 0.3);
				border-radius: 4px;
				color: rgba(2, 22, 36, 0.3);
				height: 30px;
				margin-right: 5px;
				text-align: center;
				width: 30px;
			}

		.UserAreaManagement .UserAreaElement img {
			max-height: 100%;
			max-width: 100%;
		}
