@keyframes hackShimmer
{


0%
{
 background-position: -200% 0; 
}
100%
{
 background-position: 200% 0; 
}
}
@keyframes modalBoot
{


from
{
 opacity: 0; transform: translateY(-6px); 
}
to
{
 opacity: 1; transform: translateY(0); 
}
}
.HostPage a.Link,
.LoginPage a.Link
{

	color: #5CB88A;

}
.HostPage a.Link:hover,
.LoginPage a.Link:hover
{

	color: #8FD4B0;
	text-shadow: none;

}
.LoginPage .OuterPanel
{

	background-color: #000;

}
.LoginPage .OuterPanel .AuthenticationPanel,
.LoginPage .OuterPanel .ContentPanel
{

	background-color: #0a120e;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);

}
.LoginPage .OuterPanel input[type="text"],
.LoginPage .OuterPanel input[type="password"],
.LoginPage .OuterPanel input[type="email"],
.HostPage .OuterPanel input[type="text"]:not(.FilterBox),
.HostPage .OuterPanel input[type="password"],
.HostPage .OuterPanel input[type="email"],
.HostPage .OuterPanel textarea,
.HostPage .OuterPanel select
{

	background-color: #0a0a0a !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	color: #E2E8E4 !important;
	caret-color: #5CB88A;
	border-radius: 3px !important;
	font-family: Consolas, "Cascadia Mono", "Courier New", monospace;

}
.LoginPage .OuterPanel input:focus,
.HostPage .OuterPanel input:focus,
.HostPage .OuterPanel textarea:focus,
.HostPage .OuterPanel select:focus
{

	outline: 1px solid rgba(92, 184, 138, 0.45) !important;
	box-shadow: none !important;

}
.CommandPanel > a.Primary,
button.Primary,
input[type="submit"].Primary,
input[type="button"].Primary,
.DialogContainer .ModalDialog .ButtonsPanel input[type="submit"],
.DialogContainer .ModalDialog .ButtonsPanel input[type="button"].Primary,
.HostPage .OuterPanel .MainPanel .SubDetailPanel .JoinButtonPanel input[type="button"]:not(:disabled):not(.Disabled)
{

	background-color: #4A9B73 !important;
	background-image: none !important;
	color: #0a0f0c !important;
	border: 1px solid #3d8562 !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
	text-shadow: none !important;
	box-shadow: none !important;

}
.CommandPanel > a.Primary:hover,
button.Primary:hover,
input[type="submit"].Primary:hover,
input[type="button"].Primary:hover,
.DialogContainer .ModalDialog .ButtonsPanel input[type="submit"]:hover:not(:disabled),
.HostPage .OuterPanel .MainPanel .SubDetailPanel .JoinButtonPanel input[type="button"]:not(:disabled):not(.Disabled):hover
{

	background-color: #5CB88A !important;
	border-color: #5CB88A !important;
	color: #0a0f0c !important;
	box-shadow: none !important;

}
.CommandPanel > a.Primary:active,
button.Primary:active,
input[type="submit"].Primary:active,
input[type="button"].Primary:active
{

	background-color: #3d8562 !important;

}
.CommandPanel > a:not(.Primary):not(.Disabled),
.OuterPanel .MainPanel .MainDetailHeaderPanel .CommandPanel a:not(.Primary),
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel a:not(.Primary),
button:not(.Primary):not(:disabled),
input[type="button"]:not(.Primary):not(:disabled):not(.Loading),
input[type="submit"]:not(.Primary):not(:disabled):not(.Loading),
.DialogContainer .ModalDialog .ButtonsPanel a,
.DialogContainer .ModalDialog .ButtonsPanel input[type="button"]:not(.Primary),
.PopoutPanel .CommandList a,
.ToolboxButton a,
.HostPage .OuterPanel .MainPanel .SubDetailPanel .MultiSelectionPanel > div a
{

	background-color: #1a1f1c !important;
	background-image: none !important;
	color: #E2E8E4 !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 3px !important;
	font-family: Consolas, "Cascadia Mono", "Courier New", monospace;
	font-size: 12px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.02em;
	box-shadow: none !important;

}
.CommandPanel > a:not(.Primary):not(.Disabled):hover,
.OuterPanel .MainPanel .MainDetailHeaderPanel .CommandPanel a:not(.Primary):hover,
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel a:not(.Primary):hover,
button:not(.Primary):not(:disabled):hover,
input[type="button"]:not(.Primary):not(:disabled):hover,
input[type="submit"]:not(.Primary):not(:disabled):hover,
.DialogContainer .ModalDialog .ButtonsPanel a:hover,
.PopoutPanel .CommandList a:hover,
.ToolboxButton a:hover
{

	background-color: #222822 !important;
	border-color: rgba(92, 184, 138, 0.28) !important;
	color: #E2E8E4 !important;
	box-shadow: none !important;

}
td.ActionCell a
{

	border-radius: 3px;
	padding: 4px 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: transparent;
	color: #5CB88A;
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;

}
td.ActionCell a:hover
{

	background-color: rgba(92, 184, 138, 0.08);
	border-color: rgba(92, 184, 138, 0.25);
	color: #8FD4B0;

}
.CommandPanel
{

	gap: 4px;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel
{

	float: none !important;
	display: flex !important;
	align-items: center !important;
	height: 32px !important;
	margin: 0 !important;
	overflow: visible !important;
	line-height: 0 !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a,
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Join,
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Delete
{

	box-sizing: border-box !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
	border-radius: 4px !important;
	background-color: #1a1f1c !important;
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	box-shadow: none !important;
	text-transform: none !important;
	font-size: 0 !important;
	cursor: pointer;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a span
{

	display: none !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a img
{

	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	filter: brightness(0) invert(0.92) !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a:hover
{

	background-color: #242a26 !important;
	border-color: rgba(92, 184, 138, 0.45) !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a:focus-visible
{

	outline: 2px solid #5CB88A !important;
	outline-offset: 2px !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a:active
{

	background-color: #121614 !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Join
{

	background-color: #4A9B73 !important;
	border-color: #3d8562 !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Join img
{

	filter: brightness(0) !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Join:hover
{

	background-color: #5CB88A !important;
	border-color: #5CB88A !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Delete
{

	background-color: transparent !important;
	border-color: rgba(255, 51, 85, 0.45) !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Delete img
{

	filter: invert(36%) sepia(85%) saturate(2000%) hue-rotate(326deg) brightness(102%) !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel .CommandPanel > a.Disabled
{

	opacity: 0.35 !important;
	cursor: not-allowed !important;

}
.CommandPanel > a.Disabled,
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled
{

	opacity: 0.38 !important;
	cursor: default;

}
input[type="submit"].Loading,
input[type="button"].Loading
{

	background: linear-gradient(90deg, #1a1f1c 25%, #252b28 50%, #1a1f1c 75%) !important;
	background-size: 200% 100% !important;
	animation: hackShimmer 1.4s linear infinite !important;
	color: #8A958F !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;

}
.MoreOptionsButton:hover,
.Options:hover
{

	background-color: rgba(255, 255, 255, 0.06);

}
.DialogContainer .Backdrop
{

	background: rgba(0, 0, 0, 0.78);

}
.DialogContainer:not(.Hidden) .ModalDialog
{

	background: #0a0f0c;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.85);
	animation: modalBoot 0.16s ease-out;
	font-family: Consolas, "Cascadia Mono", "Courier New", monospace;

}
.DialogContainer.Hidden,
.DialogContainer.Hidden::before,
.DialogContainer.Hidden > .ModalDialog
{

	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	animation: none !important;

}
.DialogContainer .ModalDialog h3,
.DialogContainer .ModalDialog h4
{

	color: #E2E8E4;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 12px;
	font-weight: 600;

}
.OuterPanel .MainPanel .DetailPanel .AdministrationPanel .AdministrationContentPanel
{

	background-color: #000;
	color: #E2E8E4;

}
.OuterPanel .MainPanel .DetailPanel .AdministrationPanel .AdministrationHeaderPanel,
.OuterPanel .MainPanel .DetailPanel .AdministrationPanel .AdministrationTabList
{

	background-color: #0a120e;
	border-color: rgba(255, 255, 255, 0.08);

}
.OuterPanel .MainPanel .DetailPanel .AdministrationPanel .AdministrationTabList a.Selected
{

	color: #5CB88A;
	border-bottom-color: #5CB88A;
	text-shadow: none;

}
.OuterPanel .MainPanel .SubDetailPanel .Timeline .TimeDivision line
{

	stroke: rgba(255, 255, 255, 0.08);

}
.OuterPanel .MainPanel .SubDetailPanel .Timeline .PositionedPanel .Guest + .Overlay
{

	fill: rgba(92, 184, 138, 0.2);

}
.NotificationPanel
{

	background-color: #141a16 !important;
	border: 1px solid rgba(255, 51, 85, 0.28) !important;
	color: #E2E8E4 !important;

}
.HostPage .OuterPanel .HeaderPanel::before
{

	content: "> SYS.CONNECT // ONLINE";
	display: block;
	position: absolute;
	left: 88px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px;
	letter-spacing: 0.1em;
	color: rgba(138, 149, 143, 0.55);
	pointer-events: none;
	font-family: Consolas, "Cascadia Mono", "Courier New", monospace;

}
@media (max-width: 900px)
{
.HostPage .OuterPanel .HeaderPanel::before
{

		display: none;
	
}
}
@media (prefers-reduced-motion: reduce)
{
.DialogContainer:not(.Hidden) .ModalDialog,
input[type="submit"].Loading,
input[type="button"].Loading
{

		animation: none !important;
	
}
}
.OuterPanel .MainPanel .SubDetailHeaderPanel
{

	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	padding: 0 10px !important;
	line-height: normal !important;
	overflow: hidden !important;

}
@media (max-width: 930px)
{
.HostPage .OuterPanel .MainPanel
{

		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas: "MainDetailHeaderPanel" "MainDetailPanel" "SubDetailPanel" !important;
	
}
.HostPage .OuterPanel .MainPanel > .MasterPanel
{

		position: absolute !important;
		z-index: 100;
		top: 0;
		bottom: 0;
		left: 0;
		width: 84%;
		max-width: 320px;
		transform: translateX(-110%);
		transition: transform 0.25s ease;
	
}
html.ShowMenu .HostPage .OuterPanel .MainPanel > .MasterPanel
{

		transform: translateX(0);
	
}
.HostPage .OuterPanel .MainPanel > .SubDetailHeaderPanel
{

		position: absolute !important;
		top: 0;
		right: 6px;
		left: auto !important;
		z-index: 6;
		width: auto !important;
		height: 58px !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		background-image: none !important;
		box-shadow: none !important;
		border: 0 !important;
		pointer-events: none;
	
}
.HostPage .OuterPanel .MainPanel > .SubDetailHeaderPanel > h3
{

		display: none !important;
	
}
.HostPage .OuterPanel .MainPanel > .SubDetailHeaderPanel > .CommandPanel
{

		pointer-events: auto;
	
}
.HostPage .OuterPanel .MainPanel > .MainDetailHeaderPanel h2
{

		padding-right: 168px;
	
}
.HostPage .OuterPanel .MainPanel:not(.ShowDetailPanel) > .SubDetailPanel > .SingleSelectionPanel,
.HostPage .OuterPanel .MainPanel:not(.ShowDetailPanel) > .SubDetailPanel > .MultiSelectionPanel
{

		visibility: hidden !important;
		pointer-events: none !important;
	
}
}
.OuterPanel .MainPanel .SubDetailHeaderPanel > h3
{

	order: 1 !important;
	flex: 1 1 auto !important;
	align-self: center !important;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-align: left !important;
	color: #E2E8E4 !important;
	position: relative !important;
	z-index: 1 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;

}
.OuterPanel .MainPanel .SubDetailHeaderPanel > .CommandPanel
{

	order: 2 !important;
	float: none !important;
	position: relative !important;
	z-index: 2 !important;
	width: auto !important;
	max-width: none !important;
	height: 32px !important;
	flex: 0 0 auto !important;
	margin: 0 !important;

}
.GuestUserStatus.Active
{

	overflow: visible !important;

}
html.BrandMarkHost .OuterPanel .HeaderPanel .LogoIconLink
{

	background-image: none !important;
	display: flex;
	align-items: center;
	justify-content: center;

}
html.BrandMarkHost .OuterPanel .HeaderPanel .LogoPanel
{

	background-image: none !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;

}
@media (max-width: 520px)
{
html.BrandMarkHost .OuterPanel .HeaderPanel .LogoIconLink
{

		display: none;
	
}
html.BrandMarkHost.ShowMenu .OuterPanel .HeaderPanel .LogoIconLink,
html.BrandMarkHost.LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink,
html.BrandMarkHost.ChangePasswordPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink,
html.BrandMarkHost.GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink
{

		display: flex;
	
}
}
html.BrandMarkHost .OuterPanel .HeaderPanel .LogoPanel::after,
html.BrandMarkHost .OuterPanel .HeaderPanel::before
{

	content: none !important;
	display: none !important;

}
.LiveMark
{

	display: block;
	overflow: visible;

}
.LiveMarkPulse
{

	fill: #5CB88A;
	transform-box: fill-box;
	transform-origin: center;
	animation: liveMarkPulse 2.4s ease-in-out infinite;

}
.LiveMarkSpin
{

	transform-box: fill-box;
	transform-origin: center;
	animation: liveMarkSpin 9s linear infinite;

}
.LiveMarkLabel
{

	font-family: Consolas, "Cascadia Mono", "Courier New", monospace;
	font-size: 18px;
	letter-spacing: 0.24em;
	fill: #E2E8E4;

}
.LiveMarkBeam
{

	fill: #5CB88A;
	transform-box: fill-box;
	animation: liveMarkBeam 2.8s ease-in-out infinite;

}
@keyframes liveMarkPulse
{


0%,
100%
{
 opacity: 0.28; 
}
50%
{
 opacity: 0.95; 
}
}
@keyframes liveMarkSpin
{


to
{
 transform: rotate(360deg); 
}
}
@keyframes liveMarkBeam
{


0%
{
 transform: translateX(0); opacity: 0.35; 
}
50%
{
 opacity: 1; 
}
100%
{
 transform: translateX(132px); opacity: 0.35; 
}
}
@media (prefers-reduced-motion: reduce)
{
.LiveMarkPulse,
.LiveMarkSpin,
.LiveMarkBeam
{

		animation: none !important;
	
}
.LiveMarkPulse
{

		opacity: 0.7;
	
}
}
.ActiveTag
{

	display: inline-block !important;
	margin: 0 1px;
	padding: 0 6px;
	border-radius: 3px;
	background-color: #2f7d58;
	color: #04140c !important;
	font-size: 10px !important;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.04em;
	vertical-align: 1px;

}