﻿[ML_PageControl_Key="CONTROLLER_Personal"] {
	width: 100%;
	overflow-y: auto;
	height: 860px;
	padding: 1px;
	display: flex;
	flex-direction: column;
}

	[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 5px;
	}

		[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] {
			width: 100%;
			display: flex;
			justify-content: space-around;
			align-items: center;
			flex-direction: column;
		}

			[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="Btn_AddRecords"][ML_PageControl_Type="COMMAND"] {
				background-color: var(--label-color-main);
				border: none;
			}

				[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="Btn_AddRecords"][ML_PageControl_Type="COMMAND"]:hover {
					background-color: var(--background-color-site-secondary) !important;
					font-weight: bolder;
					border: 1px solid var(--label-color-main);
				}

				[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="Btn_AddRecords"][ML_PageControl_Type="COMMAND"] span {
					color: white;
				}

					[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Type="CONTENT"] [ML_PageControl_Key="Btn_AddRecords"][ML_PageControl_Type="COMMAND"] span:hover {
						color: var(--label-color-main);
					}

		/*Widget*/
		[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] {
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: row;
			border-radius: 3px;
			padding: 10px;
			justify-content: space-around;
			flex-wrap: wrap;
		}

			[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] {
				width: 30%;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				border-radius: 3px;
				background-color: ghostwhite;
				box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);
				min-width: 350px;
				margin: 20px 10px;
				padding: 12px;
			}

				[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Top"] {
					padding: 12px;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-evenly;
					gap: 2px;
				}

					[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Top"] span[ML_PageControl_Key="PERSONAL_WIDGET_Icon"] {
						font-size: 50px;
					}

					[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Top"] span[ML_PageControl_Key="PERSONAL_WIDGET_Title"] {
						font-size: 30px;
						font-weight: bold;
						text-align: center;
					}

				[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Mid"] {
					display: flex;
					gap: 15px;
					flex-direction: column;
					align-items: center;
					padding: 22px 8px;
				}

					[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Mid"] div[ML_PageControl_Key="PERSONAL_WIDGET_DataBox"] {
						display: flex;
						justify-content: space-between;
						align-items: center;
						flex-direction: row;
						border: 3px solid var(--label-color-main);
						gap: 35px;
						padding: 8px;
						border-radius: 3px;
						background-color: var(--background-color-container-active);
						min-width: 263px;
					}

						[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Mid"] div[ML_PageControl_Key="PERSONAL_WIDGET_DataBox"][ML_PageControl_SubKey="WaitingForData"] {
							animation: pulse-animation 1s infinite;
							margin-top: 50px;
							border: 4px solid var(--label-color-main);
							padding: 20px;
						}

							[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Mid"] div[ML_PageControl_Key="PERSONAL_WIDGET_DataBox"][ML_PageControl_SubKey="WaitingForData"] span {
								font-weight: bold;
								font-size: 18px;
							}

						[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Mid"] div[ML_PageControl_Key="PERSONAL_WIDGET_DataBox"][ML_PageControl_SubKey="ShowingData"] {
							border: 4px solid var(--label-color-main);
							padding: 8px;
						}

							[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Mid"] div[ML_PageControl_Key="PERSONAL_WIDGET_DataBox"][ML_PageControl_SubKey="ShowingData"] span {
								font-weight: bold;
								font-size: 18px;
							}

				[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Bot"] {
					display: flex;
					justify-content: center;
					align-items: center;
					padding: 10px;
				}

					[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGETS_Container"] [ML_PageControl_Key="PERSONAL_WIDGET_Container"] div[ML_PageControl_Key="PERSONAL_WIDGET_Container_Bot"] span[ML_PageControl_Key="PERSONAL_WIDGET_BtnAdd"] {
						font-size: 35px;
						border: 3px solid var(--main-color);
						border-radius: 25px;
						width: 45px;
						height: 45px;
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: var(--background-color-container-active);
					}

		[ML_PageControl_Key="CONTROLLER_Personal"] [ML_PageControl_WrapperKey="PERSONAL_WIDGETS_Container"] [ml_pagecontrol_type="CONTENT"] [ML_PageControl_Key="Btn_AddRecords"]:hover {
		}


@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}

	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}
