/* ------------------ List ---------------------------- */

[ML_PageControl_WrapperKey=SOCIALS_List] tr[data-social-show=False] > *:not(td:last-of-type) {
	opacity: .25;
}

[ML_PageControl_WrapperKey=SOCIALS_List] tr[data-social-show=True] [ML_PageControl_Key=Btn_Link] {
	display: none
}

[ML_PageControl_WrapperKey=SOCIALS_List] tr[data-social-show=False] [ML_PageControl_Key=Btn_Unlink] {
	display: none;
}

tr.ui-state-highlight {
	height: 51px !important;
	background-color: var(--background) !important;
	opacity: 0.8;
	background-size: 10px 10px !important;
	background-image: repeating-linear-gradient(-45deg, var(--primary-500) 0, var(--primary-300) 1px, var(--background) 0, var(--background) 50%) !important;
	background-repeat: repeat !important;
	animation: move 2s linear 0s infinite
}

@keyframes move {
	0% {
		background-position-x: 0px;
	}

	100% {
		background-position-x: 100px;
	}
}

tr.ui-sortable-helper :where([ML_PageControl_Key=Btn_Link], [ML_PageControl_Key=Btn_Delete], [ML_PageControl_Key=Btn_Unlink], [ML_PageControl_Key=Icon_Sortable]) {
	display: none
}

/* ------------------ Details ---------------------------- */
[ML_PageControl_Key=SOCIAL_Details] [ML_PageControl_EntityField=SocialTypeCode] li {
	min-width: 60%;
}

[ML_PageControl_Key=SOCIAL_Details] .PreviewIconContainer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 10px;
}

[ML_PageControl_Key=SOCIAL_Details] [ML_PageControl_Type_Status=VIEW] .PreviewIconContainer {
	grid-template-columns: 1fr;
}

[ML_PageControl_Key=SOCIAL_Details] .PreviewIconContainer > div {
	display: flex;
	justify-content: center;
	align-items: center
}

[ML_PageControl_Key=SOCIAL_Details] .dropify-wrapper {
	height: 110px;
}

@media only screen and (max-width: 1024px) {
	[ML_PageControl_Key=SOCIAL_Details] .PreviewIconContainer {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}

/* ------------------ VA Help ---------------------------- */

[ML_PageControl_Key=NEWSOCIAL_Command] .MenuContainer {
	display: flex;
	justify-content: center;
}

[ML_PageControl_Key=NEWSOCIAL_Command] {
	padding-bottom: 18px;
	width: 625px;
	border-radius: 5px;
	overflow: hidden;
}

	[ML_PageControl_Key=NEWSOCIAL_Command] .MenuNav {
		display: flex;
		gap: 10px;
		border-bottom: 1px solid lightgrey;
		box-shadow: 6px 4px 9px -3px rgba(0,0,0,0.2);
		padding-inline: 24px;
		margin-top: 8px;
	}

	[ML_PageControl_Key=NEWSOCIAL_Command] [ML_PageControl_Key=NewSocialNewBlank] {
		display: none;
		margin-inline: 12px;
		margin-top: 14px;
		justify-content: center;
	}

	[ML_PageControl_Key=NEWSOCIAL_Command] [ML_PageControl_WrapperKey=NEWSOCIALWEBSITES_List] [ML_PageControl_Type=trContainer] td:nth-of-type(3) {
		font-size: 12px;
		line-break: anywhere;
	}

	[ML_PageControl_Key=NEWSOCIAL_Command] > div:last-of-type {
		padding: 8px;
	}