﻿

[ML_PageControl_Type=TABS_CONTAINER] {
	width: 100%;
}

	[ML_PageControl_Type=TABS_CONTAINER] [ML_PageControl_Type=TABS_Lips] {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		padding-top: 3px;
		gap:2px;
	}

		[ML_PageControl_Type=TABS_CONTAINER] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip] {
			padding: 2px 10px;
			cursor: pointer;
			flex: 1;
			color: var(--label-color-command-main) !important;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom: 1px solid var(--background-color-subpage);
			background-color: var(--background-color-subpage);
			white-space:nowrap;
		}

			[ML_PageControl_Type=TABS_CONTAINER] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip] span {
				cursor: pointer;
				white-space: nowrap;
				color: var(--label-color-command-main);
			}

			[ML_PageControl_Type=TABS_CONTAINER] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip]:hover {
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				border-bottom: 1px solid var(--background-color-site-tertiary);
				background-color: var(--background-color-site-tertiary);
			}


				[ML_PageControl_Type=TABS_CONTAINER] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip]:hover span {
					color: var(--label-color-main) !important;
				}

	[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="1"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="1"],
	[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="2"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="2"],
	[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="3"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="3"],
	[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="4"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="4"] {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-top: 1px solid var(--label-color-main);
		border-right: 1px solid var(--label-color-main);
		border-bottom: 1px solid var(--background-color-container-active);
		border-left: 1px solid var(--label-color-main);
		background-color: var(--background-color-container-active);
	}

		[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="1"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="1"] span,
		[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="2"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="2"] span,
		[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="3"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="3"] span,
		[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="4"] [ML_PageControl_Type=TABS_Lips] [ML_PageControl_Type=TABS_Lip][ML_Lip_Number="4"] span {
			color: var(--label-color-main);
			font-weight: bold;
		}

[ML_PageControl_Type=TABS_Content] {
	display: none;
	border: 1px solid var(--background-color-subpage);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none;
	padding:5px;
}

[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="1"] [ML_PageControl_Type=TABS_Contents] [ML_PageControl_Type=TABS_Content][ML_Content_Number="1"],
[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="2"] [ML_PageControl_Type=TABS_Contents] [ML_PageControl_Type=TABS_Content][ML_Content_Number="2"],
[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="3"] [ML_PageControl_Type=TABS_Contents] [ML_PageControl_Type=TABS_Content][ML_Content_Number="3"],
[ML_PageControl_Type=TABS_CONTAINER][ML_Selected_Lip="4"] [ML_PageControl_Type=TABS_Contents] [ML_PageControl_Type=TABS_Content][ML_Content_Number="4"] {
	display: block;
}
