/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/



/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.
	*/
	margin:0;
	border:0;
	padding:0;
	font: inherit;
	line-height:normal;
	color: inherit;
}
.dj_a11y .dijitReset {
	-moz-appearance: none; /* remove predefined high-contrast styling in Firefox */
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

table.dijitInline {
	/* To inline tables with a given width set */
	display:inline-table;
	box-sizing: content-box; -moz-box-sizing: content-box;
}

.dijitHidden {
	/* To hide unselected panes in StackContainer etc. */
	position: absolute; /* remove from normal document flow to simulate display: none */
	visibility: hidden; /* hide element from view, but don't break scrolling, see #18612 */
}
.dijitHidden * {
	visibility: hidden !important; /* hide visibility:visible descendants of class=dijitHidden nodes, see #18799 */
}

.dijitVisible {
	/* To show selected pane in StackContainer etc. */
	display: block !important;	/* override user's display:none setting via style setting or indirectly via class */
	position: relative;			/* to support setting width/height, see #2033 */
	visibility: visible;
}

.dj_ie6 .dijitComboBox .dijitInputContainer,
.dijitInputContainer {
	/* for positioning of placeHolder */
	#zoom: 1;
	overflow: hidden;
	float: none !important; /* needed to squeeze the INPUT in */
	position: relative;
}
.dj_ie7 .dijitInputContainer {
	float: left !important; /* needed by IE to squeeze the INPUT in */
	clear: left;
	display: inline-block !important; /* to fix wrong text alignment in textdir=rtl text box */
}

.dj_ie .dijitSelect input,
.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
	font-size: 100%;
}
.dijitSelect .dijitButtonText {
	float: left;
	vertical-align: top;
}
TABLE.dijitSelect {
	padding: 0 !important; /* messes up border alignment */
	border-collapse: separate; /* so jsfiddle works with Normalized CSS checked */
}
.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitValidationTextBox .dijitValidationContainer {
	float: right;
	text-align: center;
}
.dijitSelect input.dijitInputField,
.dijitTextBox input.dijitInputField {
	/* override unreasonable user styling of buttons and icons */
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.dijitValidationTextBox .dijitValidationContainer {
	display: none;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

.dijitOffScreen { /* these class attributes should supersede any inline positioning style */
	position: absolute !important;
	left: -10000px !important;
	top: -10000px !important;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dj_a11y .dijitIcon,
.dj_a11y div.dijitArrowButtonInner, /* is this only for Spinner?  if so, it should be deleted */
.dj_a11y span.dijitArrowButtonInner,
.dj_a11y img.dijitArrowButtonInner,
.dj_a11y .dijitCalendarIncrementControl,
.dj_a11y .dijitTreeExpando {
	/* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents
	 * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */
	display: none;
}
.dijitSpinner div.dijitArrowButtonInner {
	display: block; /* override previous rule */
}

.dj_a11y .dijitA11ySideArrow {
	display: inline !important; /* display text instead */
	cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dj_a11y .dijitCalendarDateLabel {
	padding: 1px;
	border: 0px !important;
}
.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	border-style: solid !important;
	border-width: 1px !important;
	padding: 0;
}
.dj_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
	border: 0px !important;
}
.dj_a11y .dijitButtonNode {
	border: black outset medium !important;

	/* In claro, hovering a toolbar button reduces padding and adds a border.
	 * Not needed in a11y mode since Toolbar buttons always have a border.
	 */
	padding: 0 !important;
}
.dj_a11y .dijitArrowButton {
	padding: 0 !important;
}

.dj_a11y .dijitButtonContents {
	margin: 0.15em; /* Margin needed to make focus outline visible */
}

.dj_a11y .dijitTextBoxReadOnly .dijitInputField,
.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijitSelect .dijitArrowButtonInner,
.dijitButtonNode .dijitArrowButtonInner {
	/* the arrow icon node */
	background: no-repeat center;
	width: 12px;
	height: 12px;
	direction: ltr; /* needed by IE/RTL */
}

/****
	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
	These were added for rounded corners on dijit.form.*Button but never actually used.
 ****/

.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

/* Buttons */
.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode {
	opacity: 0.5;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
	vertical-align: middle;
}

.dijitButtonContents {
	display: block;		/* to make focus border rectangular */
}
td.dijitButtonContents {
	display: table-cell;	/* but don't affect Select, ComboButton */
}

.dijitButtonNode img {
	/* make text and images line up cleanly */
	vertical-align:middle;
	/*margin-bottom:.2em;*/
}

.dijitToolbar .dijitComboButton {
	/* because Toolbar only draws a border around the hovered thing */
	border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
	margin: 0;
}

.dijitToolbar .dijitButtonContents {
	/* just because it used to be this way */
	padding: 1px 2px;
}


.dj_webkit .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
	padding:0;
}

.dijitSelect {
	border:1px solid gray;
}
.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	line-height:normal;
	vertical-align: middle;
	#vertical-align: auto;
	text-align:center;
	white-space: nowrap;
}
.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
	/* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
	can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
	line-height:inherit;
}
.dijitTextBox .dijitButtonNode {
	border-width: 0;
}

.dijitSelect,
.dijitSelect *,
.dijitButtonNode,
.dijitButtonNode * {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.dj_ie .dijitButtonNode {
	/* ensure hasLayout */
	zoom: 1;
}

.dj_ie .dijitButtonNode button {
	/*
		disgusting hack to get rid of spurious padding around button elements
		on IE. MSIE is truly the web's boat anchor.
	*/
	overflow: visible;
}

div.dijitArrowButton {
	float: right;
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox {
	border: solid black 1px;
	#overflow: hidden; /* #6027, #6067 */
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	vertical-align: middle;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
	color: gray;
}
.dj_safari .dijitTextBoxDisabled input {
	color: #B0B0B0; /* because Safari lightens disabled input/textarea no matter what color you specify */
}
.dj_safari textarea.dijitTextAreaDisabled {
	color: #333; /* because Safari lightens disabled input/textarea no matter what color you specify */
}
.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */
.dj_gecko .dijitTextBoxDisabled input {
	-moz-user-input: none; /* prevent focus of disabled textbox buttons */
}

.dijitPlaceHolder {
	/* hint text that appears in a textbox until user starts typing */
	color: #AAAAAA;
	font-style: italic;
	position: absolute;
	top: 0;
	left: 0;
	#filter: ""; /* make this show up in IE6 after the rendering of the widget */
	white-space: nowrap;
	pointer-events: none;   /* so cut/paste context menu shows up when right clicking */
}

.dijitTimeTextBox {
	width: 8em;
}

/* rules for webkit to deal with fuzzy blue focus border */
.dijitTextBox input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused {
	outline: 5px -webkit-focus-ring-color;
}

.dijitSelect input,
.dijitTextBox input {
	float: left; /* needed by IE to remove secret margin */
}
.dj_ie6 input.dijitTextBox,
.dj_ie6 .dijitTextBox input {
	float: none;
}
.dijitInputInner {
	/* for when an <input> is embedded inside an inline-block <div> with a size and border */
	border:0 !important;
	background-color:transparent !important;
	width:100% !important;
	/* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.dj_a11y .dijitTextBox input {
	margin: 0 !important;
}
.dijitValidationTextBoxError input.dijitValidationInner,
.dijitSelect input,
.dijitTextBox input.dijitArrowButtonInner {
	/* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
	 * The css below is a trick to hide the character in non-high-contrast mode
	 */
	text-indent: -2em !important;
	direction: ltr !important;
	text-align: left !important;
	height: auto !important;
	#text-indent: 0 !important;
	#letter-spacing: -5em !important;
	#text-align: right !important;
}
.dj_ie .dijitSelect input,
.dj_ie .dijitTextBox input,
.dj_ie input.dijitTextBox {
	overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */
	line-height: normal; /* strict mode */
}
.dijitSelect .dijitSelectLabel span {
	line-height: 100%;
}
.dj_ie .dijitSelect .dijitSelectLabel {
	line-height: normal;
}
.dj_ie6 .dijitSelect .dijitSelectLabel,
.dj_ie7 .dijitSelect .dijitSelectLabel,
.dj_ie8 .dijitSelect .dijitSelectLabel,
.dj_iequirks .dijitSelect .dijitSelectLabel,
.dijitSelect td,
.dj_ie6 .dijitSelect input,
.dj_iequirks .dijitSelect input,
.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie6 .dijitTextBox input,
.dj_ie6 input.dijitTextBox,
.dj_iequirks .dijitTextBox input.dijitValidationInner,
.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox input.dijitInputInner,
.dj_iequirks input.dijitTextBox {
	line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
}
.dj_a11y input.dijitValidationInner,
.dj_a11y input.dijitArrowButtonInner {
	/* (in high contrast mode) revert rules from above so character displays */
	text-indent: 0 !important;
	width: 1em !important;
	#text-align: left !important;
	color: black !important;
}
.dijitValidationTextBoxError .dijitValidationContainer {
	display: inline;
	cursor: default;
}

/* ComboBox & Spinner */

.dijitSpinner .dijitSpinnerButtonContainer,
.dijitComboBox .dijitArrowButtonContainer {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}
.dj_a11y .dijitSelect .dijitArrowButtonContainer,
.dijitToolbar .dijitComboBox .dijitArrowButtonContainer {
	/* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
	border-width: 0 !important;
}

.dijitComboBoxMenu {
	/* Drop down menu is implemented as <ul> <li/> <li/> ... but we don't want circles before each item */
	list-style-type: none;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border-width: 0;
}
.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
	clear: both; /* IE workaround */
}

.dj_ie .dijitToolbar .dijitComboBox {
	/* make combobox buttons align properly with other buttons in a toolbar */
	vertical-align: middle;
}

/* Spinner */

.dijitTextBox .dijitSpinnerButtonContainer {
	width: 1em;
	position: relative !important;
	overflow: hidden;
}
.dijitSpinner .dijitSpinnerButtonInner {
	width:1em;
	visibility:hidden !important; /* just a sizing element */
	overflow-x:hidden;
}
.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 0;
}
.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 0px !important;
	border-style: solid !important;
}
.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dj_a11y .dijitSpinner .dijitArrowButtonInner,
.dj_a11y .dijitSpinnerButtonContainer input {
	width: 1em !important;
}
.dj_a11y .dijitSpinner .dijitArrowButtonInner {
	margin: 0 auto !important; /* should auto-center */
}
.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding-left: 0.3em !important;
	padding-right: 0.3em !important;
	margin-left: 0.3em !important;
	margin-right: 0.3em !important;
	width: 1.4em !important;
}
.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */
	padding-right: 0 !important;
	width: 1em !important;
}
.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	margin-left: 0.1em !important;
	margin-right: 0.1em !important;
	width: 1em !important;
}
.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 2em !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	/* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
	 * for dijit.form.Button
	 */
	padding: 0;
	position: absolute !important;
	right: 0;
	float: none;
	height: 50%;
	width: 100%;
	bottom: auto;
	left: 0;
	right: auto;
}
.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: auto;
}
.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
	overflow: visible !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
	top: 50%;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
	#bottom: 50%;	/* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */
	top: 0;
}
.dijitSpinner .dijitArrowButtonInner {
	margin: auto;
	overflow-x: hidden;
	height: 100% !important;
}
.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
	height: auto !important;
}
.dijitSpinner .dijitArrowButtonInner .dijitInputField {
	-moz-transform: scale(0.5);
	-moz-transform-origin: center top;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: center top;
	-o-transform: scale(0.5);
	-o-transform-origin: center top;
	transform: scale(0.5);
	transform-origin: left top;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	visibility: hidden;
}
.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	zoom: 50%; /* emulate transform: scale(0.5) */
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
	overflow: hidden;
}

.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: 100%;
}
.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: 1em; /* matches .dj_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
}
.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	vertical-align:top;
	visibility: visible;
}
.dj_a11y .dijitSpinnerButtonContainer {
	width: 1em;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
}

.dijitCheckBox input,
.dijitRadio input {
	margin: 0;
	padding: 0;
	display: block;
}

.dijitCheckBoxInput {
	/* place the actual input on top, but invisible */
	opacity: 0;
}

.dj_ie .dijitCheckBoxInput {
	filter: alpha(opacity=0);
}

.dj_a11y .dijitCheckBox,
.dj_a11y .dijitRadio {
	/* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
	width: auto !important;
	height: auto !important;
}
.dj_a11y .dijitCheckBoxInput {
	opacity: 1;
	filter: none;
	width: auto;
	height: auto;
}

.dj_a11y .dijitFocusedLabel {
	/* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/
	border: 1px dotted;
	outline: 0px !important;
}

/****
		dijit.ProgressBar
 ****/

.dijitProgressBar {
    z-index: 0; /* so z-index settings below have no effect outside of the ProgressBar */
}
.dijitProgressBarEmpty {
	/* outer container and background of the bar that's not finished yet*/
	position:relative;overflow:hidden;
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
	z-index:0;			/* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
	/* outer container for background of bar that is finished */
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:0;
	width:100%;
}
.dj_ie6 .dijitProgressBarFull {
	height:1.6em;
}

.dijitProgressBarTile {
	/* inner container for finished portion */
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width: 100%;    /* needed for IE/quirks */
	height:auto;
	background-color:#aaa;
	background-attachment: fixed;
}

.dj_a11y .dijitProgressBarTile {
	/* a11y:  The border provides visibility in high-contrast mode */
	border-width:2px;
	border-style:solid;
	background-color:transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
	/* width:auto works in IE6 with position:static but not position:absolute */
	position:static;
	/* height:auto or 100% does not work in IE6 */
	height:1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
	display:none;
}

.dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.dijitProgressBarLabel {
	display:block;
	position:static;
	width:100%;
	text-align:center;
	background-color:transparent !important;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 0;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}
.dj_a11y .dijitTooltipConnector {
	display: none;	/* won't show b/c it's background-image; hide to avoid border gap */
}

.dijitTooltipData {
	display:none;
}

/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer {
	position: relative;
	display: block;
	overflow: hidden;
}

.dijitAlignTop,
.dijitAlignBottom,
.dijitAlignLeft,
.dijitAlignRight {
	position: absolute;
	overflow: hidden;
}

body .dijitAlignClient { position: absolute; }

/*
 * BorderContainer
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
	position:relative;
	overflow: hidden;
    z-index: 0; /* so z-index settings below have no effect outside of the BorderContainer */
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
	position: absolute !important;	/* !important to override position:relative in dijitTabContainer etc. */
	z-index: 2;		/* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
	/* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
	resize: none;
}

.dijitGutter {
	/* gutter is just a place holder for empty space between panes in BorderContainer */
	position: absolute;
	font-size: 1px;		/* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
	position: absolute;
	overflow: hidden;
	z-index: 10;		/* above the panes so that splitter focus is visible on FF, see #7583*/
	background-color: #fff;
	border-color: gray;
	border-style: solid;
	border-width: 0;
}
.dj_ie .dijitSplitter {
	z-index: 1;	/* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
	z-index: 11 !important;
}

.dijitSplitterCover {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dijitSplitterCoverActive {
	z-index:3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover {
	background: white;
	opacity: 0;
}
.dj_ie6 .dijitSplitterCover,
.dj_ie7 .dijitSplitterCover,
.dj_ie8 .dijitSplitterCover {
	filter: alpha(opacity=0);
}

.dijitSplitterH {
	height: 7px;
	border-top:1px;
	border-bottom:1px;
	cursor: row-resize;
	-webkit-tap-highlight-color: transparent;
}
.dijitSplitterV {
	width: 7px;
	border-left:1px;
	border-right:1px;
	cursor: col-resize;
	-webkit-tap-highlight-color: transparent;
}
.dijitSplitContainer {
	position: relative;
	overflow: hidden;
	display: block;
}

.dijitSplitPane {
	position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
	position:absolute;
	font-size: 1px;
	background-color: ThreeDFace;
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
	overflow:hidden;
	position:absolute;
	top:49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
	position:absolute;
	left:49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
	font-size: 1px;
	background-color: ThreeDShadow;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	margin: 0;
}

.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH {
	cursor: col-resize;
}

.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
	cursor: row-resize;
}

.dj_a11y .dijitSplitterH {
	border-top:1px solid #d3d3d3 !important;
	border-bottom:1px solid #d3d3d3 !important;
}
.dj_a11y .dijitSplitterV {
	border-left:1px solid #d3d3d3 !important;
	border-right:1px solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
	-webkit-overflow-scrolling: touch;
}

.dijitContentPaneSingleChild {
	/*
	 * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
	 * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
	 */
	overflow: hidden;
}

.dijitContentPaneLoading .dijitIconLoading,
.dijitContentPaneError .dijitIconError {
	margin-right: 9px;
}

/* TitlePane and Fieldset */

.dijitTitlePane {
	display: block;
	overflow: hidden;
}
.dijitFieldset {
	border: 1px solid gray;
}
.dijitTitlePaneTitle, .dijitFieldsetTitle {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijitTitlePaneTitleFixedOpen, .dijitTitlePaneTitleFixedClosed,
.dijitFieldsetTitleFixedOpen, .dijitFieldsetTitleFixedClosed {
	/* TitlePane or Fieldset that cannot be toggled */
	cursor: default;
}
.dijitTitlePaneTitle * {
	vertical-align: middle;
}
.dijitTitlePane .dijitArrowNodeInner, .dijitFieldset .dijitArrowNodeInner {
	/* normally, hide arrow text in favor of icon */
	display: none;
}
.dj_a11y .dijitTitlePane .dijitArrowNodeInner, .dj_a11y .dijitFieldset .dijitArrowNodeInner {
	/* ... except in a11y mode, then show text arrow */
	display: inline;
	font-family: monospace;		/* because - and + are different widths */
}
.dj_a11y .dijitTitlePane .dijitArrowNode, .dj_a11y .dijitFieldset .dijitArrowNode {
	/* ... and hide icon (TODO: just point dijitIcon class on the icon, and it hides automatically) */
	display: none;
}
.dijitTitlePaneTitleFixedOpen .dijitArrowNode, .dijitTitlePaneTitleFixedOpen .dijitArrowNodeInner,
.dijitTitlePaneTitleFixedClosed .dijitArrowNode, .dijitTitlePaneTitleFixedClosed .dijitArrowNodeInner,
.dijitFieldsetTitleFixedOpen .dijitArrowNode, .dijitFieldsetTitleFixedOpen .dijitArrowNodeInner,
.dijitFieldsetTitleFixedClosed .dijitArrowNode, .dijitFieldsetTitleFixedClosed .dijitArrowNodeInner {
	/* don't show the open close icon or text arrow; it makes the user think the pane is closable */
	display: none !important;	/* !important to override above a11y rules to show text arrow */
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
	/* force hasLayout to ensure borders etc, show up */
	zoom: 1;
}

/* Color Palette
 * Sizes designed so that table cell positions match icons in underlying image,
 * which appear at 20x20 intervals.
 */

.dijitColorPalette {
	border: 1px solid #999;
	background: #fff;
	position: relative;
}

.dijitColorPalette .dijitPaletteTable {
	/* Table that holds the palette cells, and overlays image file with color swatches.
	 * padding/margin to align table with image.
	 */
	padding: 2px 3px 3px 3px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border-collapse: separate;
}
.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
	/* using padding above so that focus border isn't cutoff on moz/webkit,
	 * but using margin on IE because padding doesn't seem to work
	 */
	padding: 0;
	margin: 2px 3px 3px 3px;
}

.dijitColorPalette .dijitPaletteCell {
	/* <td> in the <table> */
	font-size: 1px;
	vertical-align: middle;
	text-align: center;
	background: none;
}
.dijitColorPalette .dijitPaletteImg {
	/* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */
	padding: 1px;		/* white area between gray border and color swatch */
	border: 1px solid #999;
	margin: 2px 1px;
	cursor: default;
	font-size: 1px;		/* prevent <span> from getting bigger just to hold a character */
}
.dj_gecko .dijitColorPalette .dijitPaletteImg {
	padding-bottom: 0;	/* workaround rendering glitch on FF, it adds an extra pixel at the bottom */
}
.dijitColorPalette .dijitColorPaletteSwatch {
	/* the actual part where the color is */
	width: 14px;
	height: 12px;
}
.dijitPaletteTable td {
		padding: 0;
}
.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
	/* hovered color swatch */
	border: 1px solid #000;
}

.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
	border: 2px solid #000;
	margin: 1px 0;	/* reduce margin to compensate for increased border */
}


.dj_a11y .dijitColorPalette .dijitPaletteTable,
.dj_a11y .dijitColorPalette .dijitPaletteTable * {
	/* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
	background-color: transparent !important;
}

/* AccordionContainer */

.dijitAccordionContainer {
	border:1px solid #b7b7b7;
	border-top:0 !important;
}
.dijitAccordionTitle {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijitAccordionTitleSelected {
	cursor: default;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
	display: none;
	font-size: 0.65em;
	font-weight: normal !important;
}

.dj_a11y .dijitAccordionTitle .arrowTextUp,
.dj_a11y .dijitAccordionTitleSelected .arrowTextDown {
	display: inline;
}

.dj_a11y .dijitAccordionTitleSelected .arrowTextUp {
	display: none;
}

.dijitAccordionChildWrapper {
	/* this is the node whose height is adjusted */
	overflow: hidden;
}

/* Calendar */

.dijitCalendarContainer table {
	width: auto;	/* in case user has specified a width for the TABLE nodes, see #10553 */
	clear: both;    /* clear margin created for left/right month arrows; needed on IE10 for CalendarLite */
}
.dijitCalendarContainer th, .dijitCalendarContainer td {
	padding: 0;
	vertical-align: middle;
}

.dijitCalendarMonthContainer {
	text-align: center;
}
.dijitCalendarDecrementArrow {
	float: left;
}
.dijitCalendarIncrementArrow {
	float: right;
}

.dijitCalendarYearLabel {
    white-space: nowrap;    /* make sure previous, current, and next year appear on same row */
}

.dijitCalendarNextYear {
	margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
	vertical-align: middle;
}

.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.dijitCalendarDisabledDate {
	color: gray;
	text-decoration: line-through;
	cursor: default;
}

.dijitSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}

/* Styling for month drop down list */

.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
	text-align:center;
}

/* Menu */

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"]{
	border-right:hidden;
}

.dijitMenuItem {
	text-align: left;
	white-space: nowrap;
	padding:.1em .2em;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}

/*
No need to show a focus border since it's obvious from the shading, and there's a .dj_a11y .dijitMenuItemSelected
rule below that handles the high contrast case when there's no shading.
Hiding the focus border also works around webkit bug https://code.google.com/p/chromium/issues/detail?id=125779.
*/
.dijitMenuItem:focus {
	outline: none
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
	/*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
	background-color:black;
	color:white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.5;
	cursor:default;
}
.dj_ie .dj_a11y .dijitMenuItemDisabled,
.dj_ie .dj_a11y .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled * {
	color: gray;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	vertical-align: middle;
}

.dj_a11y .dijitMenuItemSelected {
	border: 1px dotted black !important;	/* for 2.0 use outline instead, to prevent jitter */
}

.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dj_ie8 .dj_a11y .dijitMenuItemLabel {
	position:static;
}

.dijitMenuExpandA11y {
	display: none;
}
.dj_a11y .dijitMenuExpandA11y {
	display: inline;
}

.dijitMenuSeparator td {
	border: 0;
	padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* CheckedMenuItem and RadioMenuItem */
.dijitMenuItemIconChar {
	display: none;		/* don't display except in high contrast mode */
	visibility: hidden;	/* for high contrast mode when menuitem is unchecked: leave space for when it is checked */
}
.dj_a11y .dijitMenuItemIconChar {
	display: inline;	/* display character in high contrast mode, since icon doesn't show */
}
.dijitCheckedMenuItemChecked .dijitMenuItemIconChar,
.dijitRadioMenuItemChecked .dijitMenuItemIconChar {
	visibility: visible; /* menuitem is checked */
}
.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem {
	/* so bottom border of MenuBar appears on IE7 in high-contrast mode */
	margin: 0;
}

/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
	cursor: default;	/* because pressing it has no effect */
}

/***
TabContainer

Main class hierarchy:

.dijitTabContainer - the whole TabContainer
   .dijitTabController / .dijitTabListContainer-top - wrapper for tab buttons, scroll buttons
	 .dijitTabListWrapper / .dijitTabContainerTopStrip - outer wrapper for tab buttons (normal width)
		.nowrapTabStrip / .dijitTabContainerTop-tabs - inner wrapper for tab buttons (50K width)
   .dijitTabPaneWrapper - wrapper for content panes, has all borders except the one between content and tabs
***/

.dijitTabContainer {
    z-index: 0; /* so z-index settings below have no effect outside of the TabContainer */
    overflow: visible; /* prevent off-by-one-pixel errors from hiding bottom border (opposite tab labels) */
}
.dj_ie6 .dijitTabContainer {
    /* workaround IE6 problem when tall content overflows TabContainer, see editor/test_FullScreen.html */
   overflow: hidden;

}
.dijitTabContainerNoLayout {
	width: 100%;	/* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
    z-index: 1;
	overflow: visible !important;  /* so tabs can cover up border adjacent to container */
}

.dijitTabController {
    z-index: 1;
}
.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
	z-index:0;
	overflow: hidden;
	border: 1px solid black;
}
.nowrapTabStrip {
	width: 50000px;
	display: block;
	position: relative;
    text-align: left;  /* just in case ancestor has non-standard setting */
    z-index: 1;
}
.dijitTabListWrapper {
	overflow: hidden;
    z-index: 1;
}

.dj_a11y .tabStripButton img {
	/* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
	display: none;
}

.dijitTabContainerTop-tabs {
	border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
	border-top: 0;
}

.dijitTabContainerLeft-tabs {
	border-right: 1px solid black;
	float: left;    /* needed for IE7 RTL mode */
}
.dijitTabContainerLeft-container {
	border-left: 0;
}

.dijitTabContainerBottom-tabs {
	border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
	border-bottom: 0;
}

.dijitTabContainerRight-tabs {
	border-left: 1px solid black;
	float: left;    /* needed for IE7 RTL mode */
}
.dijitTabContainerRight-container {
	border-right: 0;
}

div.dijitTabDisabled, .dj_ie div.dijitTabDisabled {
	cursor: auto;
}

.dijitTab {
	position:relative;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
	white-space:nowrap;
	z-index:3;
}
.dijitTab * {
	/* make tab icons and close icon line up w/text */
	vertical-align: middle;
}
.dijitTabChecked {
	cursor: default;	/* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
}
.dijitTabContainerBottom-tabs .dijitTab {
	top: -1px;	/* to overlap border on .dijitTabContainerBottom-tabs */
}
.dijitTabContainerLeft-tabs .dijitTab {
	left: 1px;	/* to overlap border on .dijitTabContainerLeft-tabs */
}
.dijitTabContainerRight-tabs .dijitTab {
	left: -1px;	/* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
	/* Inline-block */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
}

.tabStripButton {
	z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
	display: none;
}


.dijitTabCloseButton {
	margin-left: 1em;
}

.dijitTabCloseText {
	display:none;
}

.dijitTab .tabLabel {
	/* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font.
	 * assumes <=15px height for close button icon.
	 */
	min-height: 15px;
	display: inline-block;
}
.dijitNoIcon {
	/* applied to <img>/<span> node when there is no icon specified */
	display: none;
}
.dj_ie6 .dijitTab .dijitNoIcon {
	/* because min-height (on .tabLabel, above) doesn't work on IE6 */
	display: inline;
	height: 15px;
	width: 1px;
}

/* images off, high-contrast mode styles */

.dj_a11y .dijitTabCloseButton {
	background-image: none !important;
	width: auto !important;
	height: auto !important;
}

.dj_a11y .dijitTabCloseText {
	display: inline;
}

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
	/* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

/* InlineEditBox */
.dijitInlineEditBoxDisplayMode {
	border: 1px solid transparent;	/* so keyline (border) on hover can appear without screen jump */
	cursor: text;
}

.dj_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
	/* except that IE6 doesn't support transparent borders, nor does high contrast mode */
	border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dj_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
	/* An InlineEditBox in view mode (click this to edit the text) */
	background-color: #e2ebf2;
	border: solid 1px black;
}

.dijitInlineEditBoxDisplayModeDisabled {
	cursor: default;
}

/* Tree */
.dijitTree {
	overflow: auto;	/* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */
	-webkit-tap-highlight-color: transparent;
}

.dijitTreeContainer {
	float: left;	/* for correct highlighting during horizontal scroll, see #16132 */
}

.dijitTreeIndent {
	/* amount to indent each tree node (relative to parent node) */
	width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
	white-space: nowrap;
}

.dj_ie .dijitTreeLabel:focus {
	/* workaround IE9 behavior where down arrowing through TreeNodes doesn't show focus outline */
	outline: 1px dotted black;
}

.dijitTreeRow img {
	/* make the expando and folder icons line up with the label */
	vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
	display: none;
}

.dj_a11y .dijitExpandoText {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	cursor: pointer;
}

.dijitTreeLabel {
	margin: 0 4px;
}

/* Dialog */

.dijitDialog {
	position: absolute;
	z-index: 999;
	overflow: hidden;	/* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogTitleBar {
	cursor: move;
}
.dijitDialogFixed .dijitDialogTitleBar {
	cursor:default;
}
.dijitDialogCloseIcon {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijitDialogPaneContent {
	-webkit-overflow-scrolling: touch;
}
.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dj_a11y .dijitSpinnerButtonContainer,
.dj_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}

.dj_a11y .dijitDialog .closeText {
	display:inline;
}

/* Slider */

.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}
.dijitSliderMoveableV {
	right:50%;
}

.dj_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:relative !important;
	border:8px solid gray;
	width:0;
	height:0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dj_iequirks .dj_a11y .dijitSliderImageHandle {
	font-size: 0;
}
.dj_ie7 .dijitSliderImageHandle {
	overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
}
.dj_ie7 .dj_a11y .dijitSliderImageHandle {
	overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
}
.dj_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	right: -50%;
}

.dijitSliderImageHandleH {
	left:50%;
	top:-5px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}

.dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}

.dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecoration {
	text-align:center;
}

.dijitSliderDecorationC,
.dijitSliderDecorationV {
	position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
}

.dijitSliderDecorationH {
	width: 100%;
}

.dijitSliderDecorationV {
	height: 100%;
	white-space: nowrap;
}

.dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dj_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;	/* ??? */
}
.dijitSliderButtonContainer * {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleLabelV {
	/* so that long labels don't overflow to multiple rows, or overwrite slider itself */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

.dj_a11y .dijitSliderReadOnly,
.dj_a11y .dijitSliderDisabled {
	opacity:0.6;
}
.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar {
	filter: alpha(opacity=40);
}

/* + and - Slider buttons: override theme settings to display icons */
.dj_a11y .dijitSlider .dijitSliderButtonContainer div {
	font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
	font-size: 1em;
	line-height: 1em;
	height: auto;
	width: auto;
	margin: 0 4px;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dj_a11y .dijitButtonContents .dijitButtonText,
.dj_a11y .dijitTab .tabLabel {
	display: inline !important;
}
.dj_a11y .dijitSelect .dijitButtonText {
	display: inline-block !important;
}

/* TextArea, SimpleTextArea */
.dijitTextArea {
	width:100%;
	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
}
.dijitTextArea[cols] {
	width:auto; /* SimpleTextArea cols */
}
.dj_ie .dijitTextAreaCols {
	width:auto;
}

.dijitExpandingTextArea {
	/* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */
	resize: none;
}


/* Toolbar
 * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
 */

.dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
	position:absolute;
	/* top:0; */
	top: expression(eval((document.documentElement||document.body).scrollTop));
}

.dijitEditor {
	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
	color: gray;
}

/* TimePicker */

.dijitTimePicker {
	background-color: white;
}
.dijitTimePickerItem {
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
}
.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}
.dijitTimePickerItemDisabled {
	color:gray;
	text-decoration:line-through;
}

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
	border-bottom:1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
	border-top: none !important;
}

.dijitTimePickerTick {
	color:#CCC;
}

.dijitTimePickerMarker {
	color:black;
	background-color:#CCC;
}

.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
	border: solid 4px black;
}
.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
	border: dashed 4px black;
}


.dijitToggleButtonIconChar {
	/* character (instead of icon) to show that ToggleButton is checked */
	display:none !important;
}
.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar {
	display:inline !important;
	visibility:hidden;
}
.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
	font-family: "Arial Unicode MS";	/* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
}
.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important; /* In high contrast mode, display the check symbol */
	visibility:visible !important;
}

.dijitArrowButtonChar {
	display:none !important;
}
.dj_a11y .dijitArrowButtonChar {
	display:inline !important;
}

.dj_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dj_a11y .dijitComboButton .dijitArrowButtonInner {
	display:none !important;
}

/* Select */
.dj_a11y .dijitSelect {
	border-collapse: separate !important;
	border-width: 1px;
	border-style: solid;
}
.dj_ie .dijitSelect {
	vertical-align: middle; /* Set this back for what we hack in dijit inline */
}
.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie8 .dijitSelect .dijitButtonText {
	vertical-align: top;
}
.dj_ie6 .dijitTextBox .dijitInputContainer,
.dj_iequirks .dijitTextBox .dijitInputContainer,
.dj_ie6 .dijitTextBox .dijitArrowButtonInner,
.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner,
.dijitSelect .dijitSelectLabel {
	vertical-align: baseline;
}

.dijitNumberTextBox {
	text-align: left;
	direction: ltr;
}

.dijitNumberTextBox .dijitInputInner {
	text-align: inherit; /* input */
}

.dijitNumberTextBox input.dijitInputInner,
.dijitCurrencyTextBox input.dijitInputInner,
.dijitSpinner input.dijitInputInner {
	text-align: right;
}

.dj_ie8 .dijitNumberTextBox input.dijitInputInner, .dj_ie9 .dijitNumberTextBox input.dijitInputInner,
.dj_ie8 .dijitCurrencyTextBox input.dijitInputInner, .dj_ie9 .dijitCurrencyTextBox input.dijitInputInner,
.dj_ie8 .dijitSpinner input.dijitInputInner, .dj_ie9 .dijitSpinner input.dijitInputInner {
	/* workaround bug where caret invisible in empty textboxes */
	padding-right: 1px !important;
}

.dijitToolbar .dijitSelect {
	margin: 0;
}
.dj_webkit .dijitToolbar .dijitSelect {
	padding-left: 0.3em;
}
.dijitSelect .dijitButtonContents {
	padding: 0;
	white-space: nowrap;
	text-align: left;
	border-style: none solid none none;
	border-width: 1px;
}
.dijitSelectFixedWidth .dijitButtonContents {
	width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
	/* avoid blank area in left side of menu (since we have no icons) */
	display:none;
}
.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
	/* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
	position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel *
{
	vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
	font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
	border-width: 1px;
}

/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
.dijitForceStatic {
	position: static !important;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
	/* a region the user would be able to click on, but it's disabled */
	cursor: default;
}

/* Drag and Drop */
.dojoDndItem {
    padding: 2px;  /* will be replaced by border during drag over (dojoDndItemBefore, dojoDndItemAfter) */

	/* Prevent magnifying-glass text selection icon to appear on mobile webkit as it causes a touchout event */
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}
.dojoDndHorizontal .dojoDndItem {
    /* make contents of horizontal container be side by side, rather than vertical */
    #display: inline;
    display: inline-block;
}

.dojoDndItemBefore,
.dojoDndItemAfter {
	border: 0px solid #369;
}
.dojoDndItemBefore {
    border-width: 2px 0 0 0;
    padding: 0 2px 2px 2px;
}
.dojoDndItemAfter {
    border-width: 0 0 2px 0;
    padding: 2px 2px 0 2px;
}
.dojoDndHorizontal .dojoDndItemBefore {
    border-width: 0 0 0 2px;
    padding: 2px 2px 2px 0;
}
.dojoDndHorizontal .dojoDndItemAfter {
    border-width: 0 2px 0 0;
    padding: 2px 0 2px 2px;
}

.dojoDndItemOver {
	cursor:pointer;
}
.dj_gecko .dijitArrowButtonInner INPUT,
.dj_gecko INPUT.dijitArrowButtonInner {
	-moz-user-focus:ignore;
}
.dijitFocused .dijitMenuItemShortcutKey {
	text-decoration: underline;
}

/* Dijit widget common icons*/

/*commonIcons.css is located in dijit/icons

commonIconsRtl.css is TBD. This needs to be reviewed to determine in Rtl is reqd. 

The 16 x 16px icons in these sprites are action and object type images which can be used in the following widgets: accordionContainer, menu, tab, titlepane, tree, and all button widgets and error validation contexts. */

.dijitIconSave,
.dijitIconPrint,
.dijitIconCut,
.dijitIconCopy,
.dijitIconClear,
.dijitIconDelete,
.dijitIconUndo,
.dijitIconEdit,
.dijitIconNewTask,
.dijitIconEditTask,
.dijitIconEditProperty,
.dijitIconTask,
.dijitIconFilter,
.dijitIconConfigure,
.dijitIconSearch,
.dijitIconApplication,
.dijitIconBookmark,
.dijitIconChart,
.dijitIconConnector,
.dijitIconDatabase,
.dijitIconDocuments,
.dijitIconMail,
.dijitLeaf,
.dijitIconFile,
.dijitIconFunction,
.dijitIconKey,
.dijitIconPackage,
.dijitIconSample,
.dijitIconTable,
.dijitIconUsers,
.dijitFolderClosed,
.dijitIconFolderClosed,
.dijitFolderOpened,
.dijitIconFolderOpen,
.dijitIconError {
	background-image: url(../images/ba0940525495200f81bb.png); /* Contains both object and action icons in a sprite image for the enabled state.  */
	width: 16px;
	height: 16px;
}

.dj_ie6 .dijitIconSave,
.dj_ie6 .dijitIconPrint,
.dj_ie6 .dijitIconCut,
.dj_ie6 .dijitIconCopy,
.dj_ie6 .dijitIconClear,
.dj_ie6 .dijitIconDelete,
.dj_ie6 .dijitIconUndo,
.dj_ie6 .dijitIconEdit,
.dj_ie6 .dijitIconNewTask,
.dj_ie6 .dijitIconEditTask,
.dj_ie6 .dijitIconEditProperty,
.dj_ie6 .dijitIconTask,
.dj_ie6 .dijitIconFilter,
.dj_ie6 .dijitIconConfigure,
.dj_ie6 .dijitIconSearch,
.dj_ie6 .dijitIconApplication,
.dj_ie6 .dijitIconBookmark,
.dj_ie6 .dijitIconChart,
.dj_ie6 .dijitIconConnector,
.dj_ie6 .dijitIconDatabase,
.dj_ie6 .dijitIconDocuments,
.dj_ie6 .dijitIconMail,
.dj_ie6 .dijitLeaf,
.dj_ie6 .dijitIconFile,
.dj_ie6 .dijitIconFunction,
.dj_ie6 .dijitIconKey,
.dj_ie6 .dijitIconPackage,
.dj_ie6 .dijitIconSample,
.dj_ie6 .dijitIconTable,
.dj_ie6 .dijitIconUsers,
.dj_ie6 .dijitFolderClosed,
.dj_ie6 .dijitIconFolderClosed,
.dj_ie6 .dijitFolderOpened,
.dj_ie6 .dijitIconFolderOpen,
.dj_ie6 .dijitIconError {
	background-image: url(../images/9b9d57843e145975831f.png);
}

.dijitDisabled .dijitIconSave,
.dijitDisabled .dijitIconPrint,
.dijitDisabled .dijitIconCut,
.dijitDisabled .dijitIconCopy,
.dijitDisabled .dijitIconClear,
.dijitDisabled .dijitIconDelete,
.dijitDisabled .dijitIconUndo,
.dijitDisabled .dijitIconEdit,
.dijitDisabled .dijitIconNewTask,
.dijitDisabled .dijitIconEditTask,
.dijitDisabled .dijitIconEditProperty,
.dijitDisabled .dijitIconTask,
.dijitDisabled .dijitIconFilter,
.dijitDisabled .dijitIconConfigure,
.dijitDisabled .dijitIconSearch,
.dijitDisabled .dijitIconApplication,
.dijitDisabled .dijitIconBookmark,
.dijitDisabled .dijitIconChart,
.dijitDisabled .dijitIconConnector,
.dijitDisabled .dijitIconDatabase,
.dijitDisabled .dijitIconDocuments,
.dijitDisabled .dijitIconMail,
.dijitDisabled .dijitLeaf,
.dijitDisabled .dijitIconFile,
.dijitDisabled .dijitIconFunction,
.dijitDisabled .dijitIconKey,
.dijitDisabled .dijitIconPackage,
.dijitDisabled .dijitIconSample,
.dijitDisabled .dijitIconTable,
.dijitDisabled .dijitIconUsers,
.dijitDisabled .dijitFolderClosed,
.dijitDisabled .dijitIconFolderClosed,
.dijitDisabled .dijitFolderOpened,
.dijitDisabled .dijitIconFolderOpen,
.dijitDisabled .dijitIconError {
	background-image: url(../images/4125a2248927a0432735.png); /* Contains both object and action icons as a sprite image for the disabled state. These would be used by buttons and menus.   */
}

/*Action icons*/
.dijitIconSave { background-position: 0; }
.dijitIconPrint { background-position: -16px; }
.dijitIconCut { background-position: -32px; }
.dijitIconCopy { background-position: -48px; }
.dijitIconClear { background-position: -64px; }
.dijitIconDelete { background-position: -80px; }
.dijitIconUndo { background-position: -96px; }
.dijitIconEdit { background-position: -112px; }
.dijitIconNewTask { background-position: -128px; }
.dijitIconEditTask { background-position: -144px; }
.dijitIconEditProperty { background-position: -160px; }
.dijitIconTask { background-position: -176px; }
.dijitIconFilter { background-position: -192px; }
.dijitIconConfigure { background-position: -208px; }
.dijitIconSearch { background-position: -224px; }
.dijitIconError { background-position: -496px; } 

/*Object icons*/
.dijitIconApplication { background-position: -240px; }
.dijitIconBookmark { background-position: -256px; }
.dijitIconChart { background-position: -272px; }
.dijitIconConnector { background-position: -288px; }
.dijitIconDatabase { background-position: -304px; }
.dijitIconDocuments { background-position: -320px; }
.dijitIconMail { background-position: -336px; }
.dijitIconFile, .dijitLeaf { background-position: -352px; }
.dijitIconFunction { background-position: -368px; }
.dijitIconKey { background-position: -384px; }
.dijitIconPackage{ background-position: -400px; }
.dijitIconSample { background-position: -416px; }
.dijitIconTable { background-position: -432px; }
.dijitIconUsers { background-position: -448px; }


/*Tree folder icons*/
.dijitIconFolderClosed, .dijitFolderClosed { background-position: -464px; }
.dijitIconFolderOpen, .dijitFolderOpened { background-position: -480px; }

/*Loading animation*/
.dijitIconLoading {
	background: url(../images/ccd1f79f460423cb57de.gif) no-repeat;
	height: 20px;
	width: 20px;
}



/* DnD hovered and selected node(s) */
.tundra .dojoDndItemOver {
	background-image: url(../images/87a0f3828eb5ffe09f41.png);
}
.tundra .dojoDndItemAnchor,
.tundra .dojoDndItemSelected {
	background-color: #E2EBFE;
}

/* DnD avatar-specific settings */
/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */

.tundra table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;}
.tundra .dojoDndAvatar td	{ border: none; }
.tundra .dojoDndAvatar tr	{ border: none; }
.tundra .dojoDndAvatarHeader td	{ height: 20px; padding: 0 0 0 21px; }
.tundra .dojoDndAvatarItem td { padding: 2px;}
.tundra.dojoDndMove .dojoDndAvatarHeader	{background-color: #f58383; background-image: url(../images/99c6074d2e4d5d7cd68a.png); background-repeat: no-repeat; background-position: 2px center;}
.tundra.dojoDndCopy .dojoDndAvatarHeader	{background-color: #f58383; background-image: url(../images/0e842aa231eb4ad564a0.png); background-repeat: no-repeat; background-position: 2px center;}
.tundra.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader	{background-color: #97e68d; background-image: url(../images/68e9d09d708b30eee204.png); background-repeat: no-repeat; background-position: 2px center;}
.tundra.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader	{background-color: #97e68d; background-image: url(../images/4c4330c4e0168a24599d.png); background-repeat: no-repeat; background-position: 2px center;}

.tundra .dijitIconLoading {
	background:url(../images/0b5ce25b0c3b308ea5f2.gif) no-repeat left center;
	width: 24px;
	height: 24px;
}
.tundra .dijitIconError {
	background:url(../images/dcd359282ab917aeabf1.png) no-repeat left center;
	width: 16px;
	height: 16px;
}

/* ContentPane */

.tundra .dijitContentPane {
	padding: 0;
}

/* nested layouts */
.tundra .dijitTabContainerTop-dijitContentPane,
.tundra .dijitTabContainerLeft-dijitContentPane,
.tundra .dijitTabContainerBottom-dijitContentPane,
.tundra .dijitTabContainerRight-dijitContentPane,
.tundra .dijitAccordionContainer-dijitContentPane {
	background-color: #fff;
	padding: 5px;
}

.tundra .dijitSplitContainer-dijitContentPane,
.tundra .dijitBorderContainer-dijitContentPane {
	background-color: #fff;		/* override background-color setting on parent .dijitBorderContainer */
	padding: 5px;
}
/* Tabs, shared classes */
.tundra .dijitTabPaneWrapper {
	background:#fff;
	border:1px solid #ccc;
	margin: 0;
	padding: 0;
}

.tundra .dijitTab {
	line-height:normal;
	margin-right:4px;	/* space between one tab and the next in top/bottom mode */
    padding:2px 8px 2px 9px;
	border:1px solid #ccc;
	background:#e2e2e2 url(../images/579d18c94d6544a39822.png) repeat-x;
}

.tundra .dijitTabSpacer {
	display: none;
}

.tundra .dijitTabContainer .tabStripRBtn {
	margin-right: 20px;
}
.tundra .dijitTabContainer .tabStripLBtn {
	margin-left: 20px;
}

.tundra .nowrapTabStrip .dijitTab {
	top: 2px;
}
.tundra .dijitTabContainerBottom .nowrapTabStrip .dijitTab {
	top: 0;
	bottom: 2px;
}

/* selected tab */
.tundra .dijitTabChecked {
	/* the selected tab (with or without hover) */
	background-color:#fff;
	border-color: #ccc;
	background-image:none;
}

/* hovered tab */
.tundra .dijitTabHover {
	color: #243C5F;
	border-top-color:#92a0b3;
	border-left-color:#92a0b3;
	border-right-color:#92a0b3;
	border-bottom-color:#92a0b3;
	background:#e2e2e2 url(../images/46ebbadfbd4828f3b6bf.gif) repeat-x;
}

.tundra .dijitTabContainerTop .dijitTabHover {
	border-bottom-color:#ccc;
}

.tundra .dijitTabContainerBottom .dijitTabHover {
	border-top-color:#ccc;
}

.tundra .dijitTabContainerLeft .dijitTabHover {
	border-right-color:#ccc;
}

.tundra .dijitTabContainerRight .dijitTabHover {
	border-left-color:#ccc;
}

.tundra .dijitTabContainer .dijitTabCheckedHover {
	color: inherit;
	border:1px solid #ccc;
	background:#fff;
}

.tundra .dijitTab .tabLabel {
	/* make sure tabs w/close button and w/out close button are same height, even w/small (<12px) font */
	min-height: 12px;
	display: inline-block;
}

/* Nested Tabs */

.tundra .dijitTabContainerNested .dijitTabListWrapper {
	height: auto;
}

.tundra .dijitTabContainerNested .dijitTabContainerTop-tabs {
	border-bottom: 1px solid #CCC;
}

.tundra .dijitTabContainerTabListNested .dijitTab {
	background: none;
	border: none;
	top: 0;		/* to override top: 1px/-1px for normal tabs */
}

.tundra .dijitTabContainerTabListNested .dijitTabHover .tabLabel {
	text-decoration: underline;
}
.tundra .dijitTabContainerTabListNested .dijitTabChecked .tabLabel {
	text-decoration: underline;
	font-weight: bold;
	/*background:#f3f3f3;*/
}
.tundra .dijitTabContainer .dijitTabPaneWrapperNested {
	border: none;	/* prevent double border */
}

/* Close button */

.tundra .dijitTabCloseButton {
	background: url(../images/7b507ad6a65ad52d9050.png) no-repeat right top;
	width: 12px;
	height: 12px;
}
.dj_ie6 .tundra .dijitTabCloseButton {
	background-image : url(../images/073fc593d3a0a9afdb9f.gif);
}

.tundra .dijitTabCloseButtonHover {
	background-image : url(../images/66e62f8f22271f0e3542.png);
}
.dj_ie6 .tundra .dijitTabCloseButtonHover {
	background-image : url(../images/a0b41ad0942f0228e29e.gif);
}

/* ================================ */
/* top tabs */

.tundra .dijitTabContainerTop-tabs {
	margin-bottom: 0;
	border-color: #cccccc;
	padding-left: 3px;
	background-position: bottom;
}
.tundra .dijitTabContainerTop-tabs .dijitTab {
	top: 0;
	margin-bottom: -1px;
}

/* top container */
.tundra .dijitTabContainerTop-container {
	border-top: none;
}

/* selected tab */
.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
	border-bottom-color:white;
}

.tundra .dijitTabContainerTop-tabs,
.tundra .dijitTabContainerBottom-tabs {
	padding-left: 3px;
	padding-right: 3px;
}

/* strip */
.tundra .dijitTabContainerTopStrip {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-top: 2px;
	background: #f2f2f2;
}

.tundra .dijitTabContainerTopNone {
	padding-top: 0;
}


/* ================================ */
/* bottom tabs */
.tundra .dijitTabContainerBottom-tabs {
	margin-top: 0;
	border-color: #cccccc;
	background-position: top;
	padding-left: 3px;
}
.tundra .dijitTabContainerBottom-tabs .dijitTab {
	bottom: 0;
	margin-top: -1px;
}

/* bottom container */
.tundra .dijitTabContainerBottom-container {
	border-bottom: none;
}

/* selected tab */
.tundra .dijitTabContainerBottom-tabs .dijitTabChecked {
	border-top-color:white;
}

/* strip */
.tundra .dijitTabContainerBottomStrip {
	padding-bottom: 2px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	border-top: none;
}

/* ================================ */
/* right tabs */
.tundra .dijitTabContainerRight-tabs {
	border-color: #ccc;
	height: 100%;
	padding-top: 3px;
}

.tundra .dijitTabContainerRightStrip {
	margin-left: -1px;
}

/* right container */
.tundra .dijitTabContainerRight-container {
	border-right: none;
}

/* selected tab */
.tundra .dijitTabContainerRight-tabs .dijitTabChecked {
	border-left-color:white;
}

/* strip */
.tundra .dijitTabContainerRightStrip {
	padding-right: 2px;
	border: 1px solid #ccc;
}

.tundra .dijitTabContainerRightStrip {
	background: #f2f2f2;
}

/* ================================ */
/* left tabs */
.tundra .dijitTabContainerLeft-tabs {
	border-color: #ccc;
	padding-top: 3px;
	height: 100%;
}

/* left container */
.tundra .dijitTabContainerLeft-container {
	border-left: none;
}

/* selected tab */
.tundra .dijitTabContainerLeft-tabs .dijitTabChecked {
	border-right-color:white;
}

/* strip */
.tundra .dijitTabContainerLeftStrip {
	padding-left: 2px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	border-right: none;
}

/* ================================ */
/* left/right tabs */
.tundra .dijitTabContainerLeft-tabs .dijitTab,
.tundra .dijitTabContainerRight-tabs .dijitTab {
	margin-right:0;
	margin-bottom:4px;	/* space between one tab and the next in left/right mode */
}

/* ================================ */

/* this resets the tabcontainer stripe when within a contentpane */
.tundra .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
	border-left: 0 solid #ccc;
	border-top: 0 solid #ccc;
	border-right: 0 solid #ccc;
	padding-top: 0;
	padding-left: 0;
}

/* ================================ */

/* Menu and slider control styles */
.tundra .dijitTabContainer .tabStripButton {
	margin-right: 0;
	padding-top: 2px;
	z-index: 12;
}

.tundra .dijitTabContainerBottom .tabStripButton {
	padding-top: 3px;
}

.tundra .tabStrip-disabled .tabStripButton {
	padding-bottom: 3px;
	padding-top: 1px;
}

.tundra .tabStripButton {
	padding: 3px 2px 4px 2px;
}

.tundra .dijitTabStripIcon {
	height: 14px;
	width: 14px;
	background: url(../images/18e8e7f2edd33b58010d.png) no-repeat left top ;
}

.dj_ie6 .tundra .dijitTabStripIcon {
	background-image: url(../images/271b021c695251c43de1.gif);
}

.tundra .dijitTabStripSlideRightIcon {
	background-position: -30px top;
}

.tundra .dijitTabStripMenuIcon {
	background-position: -15px top;
}


/* Accordion */

.tundra .dijitAccordionContainer {
	border-color: #ccc;
	background-color: #fff;
}

/* common */

.tundra .dijitAccordionTitle {
	background:#fafafa url(../images/536fdd11bd6e68b61412.png) repeat-x bottom left;
	border-top: 1px solid #bfbfbf;
	padding: 4px 4px 4px 8px;
}

.tundra .dijitAccordionTitleHover  {
	background: #f8fafd url(../images/cf696b98feaf3463f5a4.gif) bottom repeat-x;
}

.tundra .dijitAccordionTitleSelected  {
	background: #f9f9f9 url(../images/3d58fa20bb6030953112.gif) bottom repeat-x;
	font-weight: bold;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #bfbfbf;
	padding: 4px 4px 4px 8px;
}
.tundra .dijitSplitContainerSizerH {
	background:url(../images/6a3eca2ee8f21a87d398.png) repeat-y #fff;
	border:0;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	width:7px;
}

.tundra .dijitSplitContainerSizerH .thumb {
	background:url(../images/c393c0258ad9c700bb07.png) no-repeat #ccc;
	left:1px;
	width:3px;
	height:19px;
	overflow: hidden;
}

.tundra .dijitSplitContainerSizerV {
	background:url(../images/4d60da1c6b91b9ac6ae6.png) repeat-x #fff;
	border:0;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	height:7px;
}

.tundra .dijitSplitContainerSizerV .thumb {
	background:url(../images/15f50046a988241888a8.png) no-repeat #ccc;
	top:1px;
	width:19px;
	height:3px;
	overflow: hidden;
}

/* BorderContainer */

.tundra .dijitBorderContainer {
	background-color: #fcfcfc;
	padding: 5px;
}

.tundra .dijitSplitContainer-child,
.tundra .dijitBorderContainer-child {
	/* By default put borders on all children of BorderContainer,
	 *  to give illusion of borders on the splitters themselves.
	 */
	border: 1px #ccc solid;
}

.tundra .dijitBorderContainer-dijitTabContainerTop,
.tundra .dijitBorderContainer-dijitTabContainerBottom,
.tundra .dijitBorderContainer-dijitTabContainerLeft,
.tundra .dijitBorderContainer-dijitTabContainerRight {
	/* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper),
	 * so override rule setting border on domNode
	 */
	 border: none;
}

.tundra .dijitBorderContainer-dijitBorderContainer {
	/* also, make nested BorderContainers look like a single big widget with lots of splitters */
	border: none;
	padding: 0;
}

.tundra .dijitSplitterH,
.tundra .dijitGutterH {
	background:#fcfcfc;
	border:0;
	height:5px;
}

.tundra .dijitSplitterH .dijitSplitterThumb {
	background:#B0B0B0 none;
	height:1px;
	top:2px;
	width:19px;
}

.tundra .dijitSplitterV,
.tundra .dijitGutterV {
	background:#fcfcfc;
	border:0;
	width:5px;
}

.tundra .dijitSplitterV .dijitSplitterThumb {
	background:#B0B0B0 none;
	height:19px;
	left:2px;
	width:1px;
}

/* active splitter */
.tundra .dijitSplitterActive {
	font-size: 1px;
	background-image: none;
	background-color: #aaa;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
	margin: 0;
}


/****
		dijit.form.TextBox
		dijit.form.ValidationTextBox
		dijit.form.SerializableTextBox
		dijit.form.RangeBoundTextBox
		dijit.form.NumberTextBox
		dijit.form.CurrencyTextBox
		dijit.form.NumberSpinner
		dijit.form.ComboBox (partial)
 ****/

.tundra .dijitInputContainer input {
	margin: 0 0.1em;
}

.tundra .dijitTextArea {
	padding: 3px;
}

.tundra .dijitSelect .dijitButtonContents,
.tundra .dijitSelect,
.tundra .dijitTextBox {
	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
		For TextBox, ComboBox, Spinner: the div that contains the input.
		Otherwise the actual input element.
	*/
	background:#fff url(../images/d4a7af6992ab8ca48369.png) repeat-x top left;
	#background:#fff url(../images/42c7a5ae6f7017b171c5.gif) repeat-x top left;
}
.tundra .dijitSelect,
.tundra .dijitTextBox {
	border:1px solid #b3b3b3;
}

.tundra .dijitSelect .dijitArrowButton,
.tundra .dijitComboBox .dijitButtonNode {
	padding: 0 0.2em;
}
.tundra .dijitSelect .dijitButtonContents,
.tundra .dijitTextBox .dijitButtonNode {
	/* line between the input area and the drop down button, and also between
	 * the up and down buttons of a spinner
	 */
	border-color: #9b9b9b;
}

.tundra .dijitSelectFocused,
.tundra .dijitTextBoxFocused {
	/* input field when focused (ie: typing affects it) */
	border-color:#406b9b;
}
.tundra .dijitSelectFocused TD,
.tundra .dijitTextBoxFocused .dijitButtonNode {
	border-color:#366dba;
}

.tundra .dijitError {
	background-color:#f9f7ba;
	background-image:none;
}

.tundra .dijitErrorFocused {
	background-color:#f9f999;
	background-image:none;
}

/* Validation errors  */
.tundra .dijitValidationTextBoxError .dijitValidationIcon {
	/* prevent height change when widget goes from valid to invalid state */
	width: 16px;
	background: transparent url(../images/dcd359282ab917aeabf1.png) no-repeat center center;
}

/* The highlight is shown in the ComboBox menu. */
.tundra .dijitComboBoxHighlightMatch {
	background-color:#a5beda;
}

.tundra .dijitFocusedLabel {
	/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
	outline: 1px dotted #666666;
}


/*****
		dijit.form.Button
		dijit.form.DropDownButton
		dijit.form.ComboButton
		dijit.form.ComboBox (partial)
		dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
 *****/

.tundra .dijitButtonNode {
	/* enabled state - inner */
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid #9b9b9b;
	padding: 0.1em 0.2em 0.2em 0.2em;
	background: #fff url(../images/2e0077b0991e396f58a2.png) repeat-x bottom left;
}
.tundra .dijitButtonText {
	text-align: center;
	padding: 0 0.3em;
}
.tundra .dijitInputField {
	padding: 0; /* set padding:0 for .tundra .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
}

.tundra .dijitDisabled .dijitButtonText {
	color: #7F7F7F;
}

.tundra .dijitArrowButton {
	color: #111;
}

.tundra .dijitComboButton .dijitDownArrowButton {
	padding-right:4px;
}

.tundra .dijitTextBoxReadOnly,
.tundra .dijitTextBoxReadOnly .dijitButtonNode,
.tundra .dijitButtonDisabled .dijitButtonNode,
.tundra .dijitToggleButtonDisabled .dijitButtonNode,
.tundra .dijitDropDownButtonDisabled .dijitButtonNode,
.tundra .dijitComboButtonDisabled .dijitButtonNode,
.tundra .dijitTextBoxDisabled,
.tundra .dijitTextBoxDisabled .dijitButtonNode {
	/* disabled state - inner */
	border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5;
	background:#e4e4e4 url(../images/cc0ee609a2984f5922eb.png) top repeat-x;
}

.tundra .dijitButtonHover .dijitButtonNode,
.tundra .dijitButtonNodeHover,
.tundra .dijitToggleButtonHover .dijitButtonNode,
.tundra .dijitDropDownButtonHover .dijitButtonNode,
.tundra .dijitComboButton .dijitButtonContentsHover,
.tundra .dijitComboButton .dijitDownArrowButtonHover {
	/* hover state - inner */
	/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
	border-color: #a5beda;
	border-bottom-color:#5c7590;
	color:#243C5F;
	background:#fcfdff url(../images/c16307e0afdaffab6fe9.png) repeat-x bottom;
}
.tundra .dijitDownArrowButtonHover,
.tundra .dijitUpArrowButtonHover {
	/* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
	color:#243C5F;
	background:#fcfdff url(../images/c16307e0afdaffab6fe9.png) repeat-x bottom;
}

.tundra .dijitUpArrowButtonActive,
.tundra .dijitDownArrowButtonActive,
.tundra .dijitButtonActive .dijitButtonNode,
.tundra .dijitToggleButtonActive .dijitButtonNode,
.tundra .dijitDropDownButtonActive .dijitButtonNode,
.tundra .dijitButtonContentsActive,
.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
	/* active state - inner (for when you are pressing a normal button, or
	 * when a radio-type button is in a depressed state
	 */
	border-color:#366dba;
	background: #ededed url(../images/0448b0c7e336563bf6cf.png) bottom repeat-x;
}

.tundra .dijitArrowButtonInner {
	background:url(../images/32f64c40f5db630fa3b1.png) no-repeat scroll 0 center;
	width: 7px;
	height: 7px;
	margin: 0 4px 0 4px;
}
.tundra .dijitTextBox .dijitArrowButtonInner {
	background-position: 0 center;
}
.dj_ie6 .tundra .dijitArrowButtonInner {
	background-image:url(../images/cf2f25831125b4f7c03b.gif);
}
.tundra .dijitLeftArrowButton .dijitArrowButtonInner {
	background-position: -7px center;
}
.tundra .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -14px center;
}
.tundra .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: -21px center;
}

.tundra .dijitDisabled .dijitArrowButtonInner {
	background-position: -28px center;
}
.tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
	background-position: -35px center;
}
.tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -42px center;
}
.tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: -49px center;
}
.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
	margin-top: -2px; /* image has too many blank pixels on top */
}
.dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner,
.dj_iequirks .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner,
.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
	margin-top: -1px; /* image has too many blank pixels on top */
}
.tundra .dijitSpinnerButtonContainer {
	width: auto;
	padding: 0;
}
.tundra .dijitSpinner .dijitArrowButton {
	width: 15px;
}
.tundra .dijitSpinner .dijitSpinnerButtonInner {
	width: 15px;
}
.tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding: 0;
}

.tundra .dijitToggleButton .dijitCheckBoxIcon {
	background-image: url(../images/b796de26560c9ab25a00.png);
}

.dj_ie6 .tundra .dijitToggleButton .dijitCheckBoxIcon {
	background-image: url(../images/4ccbb81890ec08f03304.gif);
}

.tundra .dijitCheckBox,
.tundra .dijitCheckBoxIcon		/* inside a toggle button */	{
	background-image: url(../images/fbc216079652c881714b.png); /* checkbox sprite image */
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 2px 0 0;
	padding: 0;
}

.dj_ie6 .tundra .dijitCheckBox,
.dj_ie6 .tundra .dijitCheckBoxIcon		/* inside a toggle button */	{
	background-image: url(../images/f1452df2ec4a53a163fa.gif); /* checkbox sprite image */
}

.tundra .dijitCheckBox,
.tundra .dijitToggleButton .dijitCheckBoxIcon {
	/* unchecked */
	background-position: -16px;
}

.tundra .dijitCheckBoxChecked,
.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon {
	/* checked */
	background-position: 0;
}

.tundra .dijitCheckBoxDisabled {
	/* disabled */
	background-position: -48px;
}

.tundra .dijitCheckBoxCheckedDisabled {
	/* disabled but checked */
	background-position: -32px;
}

.tundra .dijitCheckBoxHover {
	/* hovering over an unchecked enabled checkbox */
	background-position: -80px;
}

.tundra .dijitCheckBoxCheckedHover {
	/* hovering over a checked enabled checkbox */
	background-position: -64px;
}


.tundra .dijitRadio,			/* stand alone */
.tundra .dijitRadioIcon	{		/* inside a toggle button */
	background-image: url(../images/fbc216079652c881714b.png); /* checkbox sprite image */
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
}
.dj_ie6 .tundra .dijitRadio,
.dj_ie6 .tundra .dijitRadioIcon	{
	background-image: url(../images/f1452df2ec4a53a163fa.gif); /* checkbox sprite image */
}

.tundra .dijitToggleButton .dijitRadioIcon {
	/* for checkbox in a toggle button, override above setting to have no border */
	background-image: url(../images/b796de26560c9ab25a00.png);
}
.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon {
	background-image: url(../images/4ccbb81890ec08f03304.gif);
}

.tundra .dijitRadio,
.tundra .dijitRadioIcon {
	/* unselected */
	background-position: -112px;
}

.tundra .dijitRadioDisabled {
	/* unselected and disabled */
	background-position: -144px;
}

.tundra .dijitRadioHover {
	/* hovering over an unselected enabled radio button */
	background-position: -176px;
}

.tundra .dijitRadioChecked,
.tundra .dijitRadioCheckedHover,
.tundra .dijitToggleButtonChecked .dijitRadioIcon {
	/* selected.  Since clicking a selected radio button doesn't change anything, there's
	 * no hover effect on selected radio buttons.
	 */
	background-position: -96px;
}

.tundra .dijitRadioCheckedDisabled {
	/* selected but disabled */
	background-position: -128px;
}

.tundra .dijitSliderProgressBarH {
	border-color: #aab0bb;
	background: #c0c2c5 url(../images/3157f2166864be26ba9d.png) repeat-x top left;
}

.tundra .dijitSliderProgressBarV {
	border-color: #aab0bb;
	background: #c0c2c5 url(../images/68a93b754957127fe7b6.png) repeat-y bottom left;
}

.tundra .dijitSliderFocused .dijitSliderProgressBarH,
.tundra .dijitSliderFocused .dijitSliderLeftBumper {
	background-image:url(../images/66dc71e1e1a324e4a002.png);
}

.tundra .dijitSliderFocused .dijitSliderProgressBarV,
.tundra .dijitSliderFocused .dijitSliderBottomBumper {
	background-image:url(../images/80eb85b74a324a478557.png);
}

.tundra .dijitSliderRemainingBarV {
	border-color: #b4b4b4;
	background: #dcdcdc url(../images/1694547c35cccc81656d.png) repeat-y bottom left;
}

.tundra .dijitSliderRemainingBarH {
	border-color: #b4b4b4;
	background: #dcdcdc url(../images/49909e4496203a3e3a96.png) repeat-x top left;
}

.tundra .dijitSliderBar {
	border-style: solid;
	outline:1px;
}
.tundra .dijitSliderFocused .dijitSliderBar {
	border-color:#888;
}

.tundra .dijitSliderImageHandleH {
	border:0;
	width:16px;
	height:16px;
	background:url(../images/3c0f4fc45af2501f7b9d.png) no-repeat center top;
}
.tundra .dijitSliderFocused .dijitSliderImageHandleH {
	background-image:url(../images/6e74ffe5505170f24dcd.png);
	#background-image:url(../images/2c58f5146fd83b0f2eaa.gif);
}

.dj_ie6 .tundra .dijitSliderImageHandleH {
	background-image:url(../images/10c4a0990bc5bb854044.gif);
}

.tundra .dijitSliderLeftBumper {
	border-left-width: 1px;
	border-color: #aab0bb;
	background: #c0c2c5 url(../images/3157f2166864be26ba9d.png) repeat-x top left;
}

.tundra .dijitSliderRightBumper {
	background: #dcdcdc url(../images/49909e4496203a3e3a96.png) repeat-x top left;
	border-color: #b4b4b4;
	border-right-width: 1px;
}

.tundra .dijitSliderImageHandleV {
	border:0;
	width:16px;
	height:16px;
	background:url(../images/3e1da7efb7c615e5d624.png) no-repeat center center;
}

.tundra .dijitSliderFocused .dijitSliderImageHandleV {
	background-image:url(../images/7cf1d50e7f1aafc95415.png);
}
.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleV {
	background-image:url(../images/5072a4c7d70f5fe61fc7.gif);
}

.tundra .dijitSliderBottomBumper {
	border-bottom-width: 1px;
	border-color: #aab0bb;
	background: #c0c2c5 url(../images/68a93b754957127fe7b6.png) repeat-y bottom left;
}

.tundra .dijitSliderTopBumper {
	background: #dcdcdc url(../images/1694547c35cccc81656d.png) repeat-y top left;
	border-color: #b4b4b4;
	border-top-width: 1px;
}

.tundra .dijitSliderDecrementIconH,
.tundra .dijitSliderDecrementIconV,
.tundra .dijitSliderIncrementIconH,
.tundra .dijitSliderIncrementIconV {
	background-image: url(../images/32f64c40f5db630fa3b1.png);
	background-repeat: no-repeat;
	margin: 5px;
	height: 7px;
	width: 7px;
	font-size: 1px;
}
.dj_ie6 .tundra .dijitSliderDecrementIconH,
.dj_ie6 .tundra .dijitSliderDecrementIconV,
.dj_ie6 .tundra .dijitSliderIncrementIconH,
.dj_ie6 .tundra .dijitSliderIncrementIconV {
	background-image: url(../images/cf2f25831125b4f7c03b.gif);
}

.tundra .dijitSliderDecrementIconH {
	background-position: -7px 0;
}
.tundra .dijitSliderIncrementIconH {
	background-position: -14px 0;
}
.tundra .dijitSliderDecrementIconV {
	background-position: 0 0;
}
.tundra .dijitSliderIncrementIconV {
	background-position: -21px 0;
}

.tundra .dijitSliderButtonInner {
	visibility:hidden;
}

.tundra .dijitSliderReadOnly *,
.tundra .dijitSliderDisabled * {
	border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
	color: #bdbdbd;
}
.tundra .dijitSliderReadOnly .dijitSliderDecrementIconH,
.tundra .dijitSliderDisabled .dijitSliderDecrementIconH {
	background-position: -35px 0;
}
.tundra .dijitSliderReadOnly .dijitSliderIncrementIconH,
.tundra .dijitSliderDisabled .dijitSliderIncrementIconH {
	background-position: -42px 0;
}
.tundra .dijitSliderReadOnly .dijitSliderDecrementIconV,
.tundra .dijitSliderDisabled .dijitSliderDecrementIconV {
	background-position: -28px 0;
}
.tundra .dijitSliderReadOnly .dijitSliderIncrementIconV,
.tundra .dijitSliderDisabled .dijitSliderIncrementIconV {
	background-position: -49px 0;
}
/* Make unselected content portion "look" more like a text box and less like a button */
.tundra .dijitSelectError .dijitButtonContents,
.tundra .dijitSelectHover .dijitArrowButton,
.tundra .dijitSelectActive .dijitArrowButton,
.tundra .dijitSelectOpened .dijitArrowButton,
.tundra .dijitSelectDisabled .dijitArrowButton,
.tundra .dijitSelectReadOnly .dijitArrowButton {
	background: transparent none;
}
.tundra .dijitSelect .dijitArrowButton {
	background: #fff url(../images/2e0077b0991e396f58a2.png) repeat-x bottom left;
	border-width: 0;
}

/* Mirror DropDownButton */
.tundra .dijitSelectDisabled,
.tundra .dijitSelectDisabled TD {
	border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5 !important;
	background:#e4e4e4 url(../images/cc0ee609a2984f5922eb.png) top repeat-x;
}
.dj_ie .tundra .dijitSelectDisabled TD * {
	filter: gray() alpha(opacity=50);
}

.tundra .dijitSelectHover,
.tundra .dijitSelectHover TD {
	border-color:#a5beda #5c7590 #5c7590 #a5beda !important;
	color:#243C5F;
	background:#fcfdff url(../images/c16307e0afdaffab6fe9.png) repeat-x bottom;
}

.tundra .dijitSelectActive,
.tundra .dijitSelectOpened,
.tundra .dijitSelectActive TD,
.tundra .dijitSelectOpened TD {
	border-color:#366dba !important;
	background: #ededed url(../images/0448b0c7e336563bf6cf.png) bottom repeat-x;
}

/* Make the menu look more combobox-like */
.tundra .dijitSelectMenu td {
	padding: 0;
}
.tundra .dijitSelectMenu .dijitMenuItemLabel,
.tundra .dijitSelectMenu .dijitMenuArrowCell {
	padding: 0.1em 0.2em;
}

/* Tree */

.tundra .dijitTreeNode {
    background-image : url(../images/300ae1192230358c7b32.gif);
    background-repeat : repeat-y;
    zoom: 1;	/* force layout on IE (TODO: may not be needed anymore) */
}

/* left vertical line (grid) for all nodes */
.tundra .dijitTreeIsLast {
    background: url(../images/ef9ca468cb80509890ec.gif) no-repeat;
}

.tundra .dijitTreeIsRoot {
    margin-left: 0;
    background-image: none;
}

.tundra .dijitTreeExpando {
    width: 18px;
    height: 18px;
}

.tundra .dijitTreeRow {
	/* so insert line shows up on IE when dropping after a target element */
	padding-bottom: 2px;
}

.tundra .dijitTreeContent {
    min-height: 18px;
    min-width: 18px;
}

.tundra .dijitTreeRowSelected .dijitTreeLabel {
	background:#e2ebfe;
}
.tundra .dijitTreeRowHover {
	/* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */
	background-image: url(../images/87a0f3828eb5ffe09f41.png);
	background-repeat: repeat;
	background-color: transparent !important;
}

.tundra .dijitTreeExpandoOpened {
	background-image: url(../images/cb5071f62f18d706a8ab.gif);
}

.tundra .dijitTreeExpandoClosed {
	background-image: url(../images/5fb49bf144b5280bfa5e.gif);
}

.tundra .dijitTreeExpandoLeaf {
	background-image: url(../images/f608028ea7ead169871f.gif);
}

.tundra .dijitTreeExpandoLoading {
	background-image: url(../images/48fb91fae0d8063a618d.gif);
}

.tundra .dijitTreeIcon {
	width: 16px;
	height: 16px;
}

.tundra .dijitFolderOpened {
	background: url(../images/1229c4a55b19da87b28e.gif) no-repeat;
}

.tundra .dijitFolderClosed {
	background: url(../images/62807fa1b98a361d2a64.gif) no-repeat;
}

.tundra .dijitLeaf {
	background: url(../images/e0a93b52f777e0d63586.gif) no-repeat;
}

/* Drag and Drop on TreeNodes
 * Put insert line on dijitTreeContent node so it's aligned w/
 * (ie, indented equally with) target element, even
 * though dijitTreeRowNode is the actual "drag object"
 */
.tundra .dijitTreeNode .dojoDndItemBefore,
.tundra .dijitTreeNode .dojoDndItemAfter {
	border-bottom: none;
	border-top: none;
}

.tundra .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {
	/* copied from Common.css */
	border-top: 2px solid #369;
}

.tundra .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {
	/* copied from Common.css */
	border-bottom: 2px solid #369;
}

.tundra .dijitProgressBar {
	margin:2px 0 2px 0;
}

.tundra .dijitProgressBarEmpty {
	/* outer container and background of the bar that's not finished yet*/
	background:#fff url(../images/d9b26ec244c37d65d173.png) repeat-x center center;
	border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2;
}

.tundra .dijitProgressBarTile {
	/* inner container for finished portion when in 'tile' (image) mode */
	background:#f0f0f0 url(../images/528ea0910b38d0c05bf0.png) repeat-x center center;
}

.tundra .dijitProgressBarFull {
	border: 0px solid #b8b8b8;
	border-right-width: 1px;
}

.tundra .dijitProgressBarLabel {
	/* Set to a color that contrasts with both the "Empty" and "Full" parts. */
	color:#293a4b;
}

.tundra .dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* use an animated gif for the progress bar in 'indeterminate' mode */
	background:#cad2de url(../images/ca8a415511203eff3218.gif) repeat-x center center;
}

.tundra .dijitTitlePaneTitle {
	background: #cccccc;
	background:#fff url(../images/536fdd11bd6e68b61412.png) repeat-x bottom left;
	border:1px solid #bfbfbf;
	padding:3px 4px;
}
.tundra .dijitTitlePaneTitleHover  {
	background: #f8fafd url(../images/cf696b98feaf3463f5a4.gif) bottom repeat-x;
}

.tundra .dijitTitlePane .dijitArrowNode, .tundra .dijitFieldset .dijitArrowNode {
	background-image: url(../images/32f64c40f5db630fa3b1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 7px;
	width: 7px;
}
.dj_ie6 .tundra .dijitTitlePane .dijitArrowNode, .dj_ie6 .tundra .dijitFieldset .dijitArrowNode {
	background-image: url(../images/cf2f25831125b4f7c03b.gif);
}

.tundra .dijitTitlePane .dijitClosed .dijitArrowNode, .tundra .dijitFieldset .dijitClosed .dijitArrowNode {
	background-position: -14px 0;
}

.tundra .dijitTitlePaneContentOuter {
	background: #ffffff;
	border:1px solid #bfbfbf;
	border-top: 0;
}
.tundra .dijitTitlePaneContentInner {
	padding:10px;
}

.tundra .dijitTitlePaneTextNode, .tundra .dijitFieldsetLegendNode {
	margin-left: 4px;
	margin-right: 4px;
}
/* Calendar*/

.tundra .dijitCalendarIncrementControl {
	/* next/prev month buttons */
	width:15px;
	height:15px;
	background-image: url(../images/18e8e7f2edd33b58010d.png);
	background-repeat: no-repeat
}
.dj_ie6 .tundra .dijitCalendarIncrementControl {
	font-size:.1em;
	background-image: url(../images/271b021c695251c43de1.gif);
}

.tundra .dijitA11ySideArrow {
	display: none;
}

.tundra .dijitCalendarDecrease {
	background-position: top left;
}
.tundra .dijitCalendarIncrease {
	background-position: -30px top;
}

.tundra .dijitCalendarContainer {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: separate;
	margin: 0;
}

.tundra .dijitCalendarMonthContainer {
	/* month header cell */
	background:#d3d3d3 url(../images/536fdd11bd6e68b61412.png) repeat-x top;
	padding-top:.3em;
	padding-bottom:.2em;
	text-align:center;
}
.dj_ie6 .tundra .dijitCalendarMonthContainer {
	padding-top:.2em;
	padding-bottom:.1em;
}

.tundra .dijitCalendarDayLabelTemplate {
	/* day of week labels */
	background:white url(../images/ac5a3fe8047f092d4fec.png) repeat-x bottom;
	font-weight:normal;
	padding-top:.15em;
	padding-bottom:0;
	border-top: 1px solid #eeeeee;
	color:#293a4b;
	text-align:center;
}

.tundra .dijitCalendarBodyContainer {
	border-bottom: 1px solid #eeeeee;
}

.tundra .dijitCalendarMonthLabel {
	color:#293a4b;
	font-weight: bold;
	padding: 0 4px;
}

.tundra .dijitCalendarDateTemplate {
	/* style for each day cell */
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	padding: 0.3em 0.3em 0.05em 0.3em;
	letter-spacing: 1px;
}

.dj_ie .tundra .dijitCalendarDateTemplate {
	padding: 0.1em .33em 0.02em .33em;
}

.tundra .dijitCalendarPreviousMonth,
.tundra .dijitCalendarNextMonth 		{
	/* days that are part of the previous or next month */
	color:#999999;
	background-color:#f8f8f8;
}

.tundra .dijitCalendarCurrentMonth {
	/* days that are part of this month */
	background-color: white;
}

.tundra .dijitCalendarCurrentDate {
	/* cell for today's date */
	text-decoration:underline;
	font-weight:bold;
}

.tundra .dijitCalendarHoveredDate {
	background-color: #e2ebf2;
}

.tundra .dijitCalendarDisabledDate {
	text-decoration: line-through;
	background-color: white;	/* override hover effects above, hover and click on disabled date should have no effect */
}

.tundra .dijitCalendarSelectedDate {
	/* cell for the selected date */
	background-color:#bbc4d0 !important;
	color:black !important;
}
.tundra .dijitCalendarYearContainer {
	/* footer of the table that contains the year display/selector */
	background:white url(../images/ab409d0fb06971ba0bbd.png) repeat-x bottom;
}

.tundra .dijitCalendarYearLabel {
	/* container for all of 3 year labels */
	margin:0;
	padding:0.4em 0 0.25em 0;
	text-align:center;
	font-size: 1.17em;
}

.tundra .dijitCalendarSelectedYear {
	/* label for selected year */
	font-weight:bolder;
	color:black;
	padding:0.2em;
	padding-bottom:0.1em;
	background-color:#bbc4d0 !important;
}

.tundra .dijitCalendarNextYear,
.tundra .dijitCalendarPreviousYear {
	/* label for next/prev years */
	color:black !important;
	font-weight:normal;
}

/* Styling for month DropDownButton */

.tundra .dijitCalendar .dijitDropDownButton {
	margin: 0;
}
.tundra .dijitCalendar .dijitButtonText {
	padding: 0;
}
.tundra .dijitCalendar .dijitDropDownButton .dijitButtonNode {
	background-color: transparent;
	background-image: none;
	padding: 0;
}

/* Styling for month drop down list */

.tundra .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
	background-color: #3559ac;
	color:#fff;
}

/* Time Picker */
.tundra .dijitTimePickerTick,
.tundra .dijitTimePickerMarker {
	border-color: #ccc;
}

.tundra .dijitTimePickerTick {
	color:gray;
}

.tundra .dijitTimePickerMarker {
	background:#d3d3d3 url(../images/536fdd11bd6e68b61412.png) repeat-x top;
	color:#293a4b;
}

.tundra .dijitTimePickerItemSelected {
	color: black;
	background: #bbc4d0 none;
}

.tundra .dijitTimePickerItemHover {
	background: #60a1ea none;
	color:white;
}

.tundra .dijitToolbar {
	border-bottom: 1px solid #ccc;
	background:#eaeaea url(../images/536fdd11bd6e68b61412.png) repeat-x top left;
}

/* setting a min-height on ditor toolbar */
.dj_ie6 .tundra .dijitToolbar {
	height: 10px;
}

.tundra .dijitToolbar .dijitButtonNode,
.tundra .dijitToolbar .dijitComboButton .dijitButtonContents,
.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButton {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
}

.tundra .dijitToolbar .dijitButton,
.tundra .dijitToolbar .dijitToggleButton,
.tundra .dijitToolbar .dijitDropDownButton,
.tundra .dijitToolbar .dijitComboButton .dijitButtonContents,
.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButton  {
	background: none;
	padding: 1px;
}

.tundra .dijitToolbar .dijitButtonChecked,
.tundra .dijitToolbar .dijitToggleButtonChecked {
	background-color:#d4dff2;
	border:1px solid #316ac5;
	padding: 0;	/* reduce padding to compensate for space taken by border */
}

.tundra .dijitToolbar .dijitButtonCheckedHover,
.tundra .dijitToolbar .dijitToggleButtonCheckedHover
 {
	background-color:#abc1e5;
	border:1px solid #316ac5;
	padding: 0;	/* reduce padding to compensate for space taken by border */
}

.tundra .dijitToolbar .dijitButtonHover,
.tundra .dijitToolbar .dijitToggleButtonHover,
.tundra .dijitToolbar .dijitDropDownButtonHover,
.tundra .dijitToolbar .dijitComboButton .dijitButtonContentsHover,
.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover {
	/* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */
	border: 1px solid #869cbf;
	padding: 0;	/* reduce padding to compensate for space taken by border */
	background-color:#e1e5f0;
}

.tundra .dijitToolbar label {
	padding: 3px 3px 0 6px;
}

.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitButtonContentsFocused,
.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused {
	/* focus border doesn't appear on <td> for IE, so need to add it manually */
	border: 1px #555 dotted !important;
	padding: 0;
}

.tundra .dijitToolbarSeparator {
	/* separator icon in the editor sprite */
	background: url(../images/b364fb1d9352d8823077.png);
}

.tundra .dijitToolbarRtl .dijitToolbarSeparator {
	/* separator icon in the editor sprite */
	background-image: url(../images/fb0fd892951d496422a3.png);
}

/* Dialog and Tooltip/TooltipDialog */

.tundra .dijitDialog {
	background: #fff;
	border: 1px solid #7eabcd;
	padding: 0;
	-webkit-box-shadow: 0 5px 10px #adadad;
}

.tundra .dijitDialogPaneContent {
	background: #fff;
	border-top: 1px solid #d3d3d3;
	padding:10px;

}

.tundra .dijitDialogTitleBar {
	/* outer container for the titlebar of the dialog */
	background: #fafafa url(../images/536fdd11bd6e68b61412.png) repeat-x top left;
	padding: 5px 6px 3px 6px;
	outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
}

.tundra .dijitDialogTitle {
	/* typography and styling of the dialog title */
	font-weight: bold;
	padding: 0 4px;
}

.tundra .dijitDialogCloseIcon {
	/* the default close icon for the dialog */
	/* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */
	background: url(../images/7b507ad6a65ad52d9050.png) no-repeat right top;
	position: absolute;
	vertical-align: middle;
	right: 6px;
	top: 4px;
	height: 15px;
	width: 15px;
}
.dj_ie6 .tundra .dijitDialogCloseIcon {
	background : url(../images/073fc593d3a0a9afdb9f.gif) no-repeat right top;
}

.tundra .dijitDialogCloseIconHover {
	background: url(../images/66e62f8f22271f0e3542.png) no-repeat right top;
}
.dj_ie6 .tundra .dijitDialogCloseIconHover {
	background : url(../images/a0b41ad0942f0228e29e.gif) no-repeat right top;
}

/* Tooltip and TooltipDialog */

.tundra .dijitTooltip,
.tundra .dijitTooltipDialog {
	/* the outermost dom node, holding the connector and container */
	background: transparent;	/* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
	/* leave room for arrow above content */
	padding-top: 13px;
}

.dijitTooltipAbove {
	/* leave room for arrow below content */
	padding-bottom: 13px;
}

.tundra .dijitTooltipContainer {
	/*
		The part with the text.
	*/
	background: #ffffff url(../images/b822156a029067705539.gif) repeat-x bottom left;
	border: 1px solid #7eabcd;
	padding: 0.45em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.tundra .dijitTooltipConnector {
	/* the arrow piece */
	border:0;
	z-index: 2;
}
.tundra .dijitTooltipABRight .dijitTooltipConnector {
	/* above or below tooltip, but the arrow appears on the right,
		and the right edges of target and tooltip are aligned rather than the left */
	left: auto !important;
	right: 3px;
}

.tundra .dijitTooltipBelow .dijitTooltipConnector {
	/* the arrow piece for tooltips below an element */
	top: 0;
	left: 3px;
	background:url(../images/bf4a4680694224cbdb76.png) no-repeat top left;
	width:16px;
	height:14px;
}

.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector {
	/* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */
	background-image: url(../images/9265088b3a2ae75e7677.gif);
}

.tundra .dijitTooltipAbove .dijitTooltipConnector {
	/* the arrow piece for tooltips above an element */
	bottom: 0;
	left: 3px;
	background:url(../images/94a249c7e073e8ab1884.png) no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector {
	background-image: url(../images/0aec01fb5dc6bc7f0753.gif);
}
.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
	bottom: -3px;
}

.tundra .dijitTooltipLeft {
	padding-right: 14px;
}
.tundra .dijitTooltipLeft .dijitTooltipConnector {
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: 0;
	background:url(../images/cc7727d4056ae537b7e6.png) no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector {
	background-image: url(../images/c2db6254b3467b894fc7.gif);
}

.tundra .dijitTooltipRight {
	padding-left: 14px;
}
.tundra .dijitTooltipRight .dijitTooltipConnector {
	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
	left: 0;
	background:url(../images/57e2421c341ab36dcc48.png) no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector {
	background-image: url(../images/4a4da216397d85620e9f.gif);
}

.dj_webkit .tundra .dijitTooltipContainer {
	-webkit-box-shadow: 0 5px 10px #adadad;
}

.tundra .dijitMenu,
.tundra .dijitMenuBar {
	border: 1px solid #7eabcd;
	margin: 0;
	padding: 0;
	background-color: #f7f7f7;
}

.tundra .dijitMenuTable {
  border-collapse: separate;
  border-spacing: 0 0;
  padding: 0;
}

.tundra .dijitBorderContainer .dijitMenuBar {
	border:1px solid #ccc;
}

.tundra .dijitMenuItem {
	font-family: sans-serif;
	margin: 0;
}

.tundra .dijitMenuItem {
	padding: 4px 5px;
}

.tundra .dijitMenuPreviousButton, .tundra .dijitMenuNextButton {
	font-style: italic;
}
.tundra .dijitMenuItem td {
	padding: 2px;
}

.tundra .dijitMenuPassive .dijitMenuItemHover,
.tundra .dijitComboBoxMenu .dijitMenuItemHover,
.tundra .dijitMenuItemSelected {
	background-color: #3559ac;
	color:#fff;
}

.tundra .dijitMenuItemIcon {
	width: 16px;
	height: 16px;
}

.tundra .dijitMenuExpand {
	/* arrow to indicate this MenuItem opens a sub-menu */
	width: 7px;
	height: 7px;
	background-image: url(../images/32f64c40f5db630fa3b1.png);
	background-position: -14px 0;
}
.dj_ie6 .tundra .dijitMenuExpand {
	background-image: url(../images/cf2f25831125b4f7c03b.gif);
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.tundra .dijitMenuSeparatorTop {
	border-bottom: 1px solid #9b9b9b;
}

.tundra .dijitMenuSeparatorBottom {
	border-top: 1px solid #e8e8e8;
}

/* the checked menu item */
.tundra .dijitCheckedMenuItem .dijitMenuItemIcon,
.tundra .dijitRadioMenuItem .dijitMenuItemIcon {
	background-image: url(../images/fbc216079652c881714b.png);
	background-position: -80px;
}

.dj_ie6 .tundra .dijitCheckedMenuItem .dijitMenuItemIcon,
.dj_ie6 .tundra .dijitRadioMenuItem .dijitMenuItemIcon {
	background-image: url(../images/f1452df2ec4a53a163fa.gif);
}

.tundra .dijitCheckedMenuItemChecked .dijitMenuItemIcon {
	background-position: -64px;
}

.tundra .dijitRadioMenuItem .dijitMenuItemIcon {
	background-position: -110px; /* 15px * 8 */
}
.tundra .dijitRadioMenuItemChecked .dijitMenuItemIcon {
	background-position: -95px;	/* 15px * 7 */
}
.dijitEditor {
	border:1px solid #bfbfbf;
	border-top:0;
}

.tundra .dijitEditorIcon {
	background-image: url(../images/b364fb1d9352d8823077.png); /* editor icons sprite image - enabled state */
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.tundra .dijitDisabled .dijitEditorIcon {
	background-image: url(../images/fb0fd892951d496422a3.png); /* editor icons sprite image - disabled state */
}


/* Dijit Editor icons*/

/*editorIcons.css  is located in dijit/images 

editorIcons.css contains references to the dijit editor widget icons. There are 46 icons used to map to the related editor functionality in the editor's toolbar.

*/


.dijitEditorIcon {
	background-image: url(../images/b364fb1d9352d8823077.png); /* editor icons sprite image for the enabled state */
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitDisabled .dijitEditorIcon {
	background-image: url(../images/fb0fd892951d496422a3.png); /* editor icons sprite image for the disabled state */
}


.dijitEditorIconSep { background-position: 0; }
.dijitEditorIconSave { background-position: -18px; }
.dijitEditorIconPrint { background-position: -36px; }
.dijitEditorIconCut { background-position: -54px; }
.dijitEditorIconCopy { background-position: -72px; }
.dijitEditorIconPaste { background-position: -90px; }
.dijitEditorIconDelete { background-position: -108px; }
.dijitEditorIconCancel { background-position: -126px; }
.dijitEditorIconUndo { background-position: -144px; }
.dijitEditorIconRedo { background-position: -162px; }
.dijitEditorIconSelectAll { background-position: -180px; }
.dijitEditorIconBold { background-position: -198px; }
.dijitEditorIconItalic { background-position: -216px; }
.dijitEditorIconUnderline { background-position: -234px; }
.dijitEditorIconStrikethrough { background-position: -252px; }
.dijitEditorIconSuperscript { background-position: -270px; }
.dijitEditorIconSubscript { background-position: -288px; }
.dijitEditorIconJustifyCenter { background-position: -306px; }
.dijitEditorIconJustifyFull { background-position: -324px; }
.dijitEditorIconJustifyLeft { background-position: -342px; }
.dijitEditorIconJustifyRight { background-position: -360px; }
.dijitEditorIconIndent { background-position: -378px; }
.dijitEditorIconOutdent { background-position: -396px; }
.dijitEditorIconListBulletIndent { background-position: -414px; }
.dijitEditorIconListBulletOutdent { background-position: -432px; }
.dijitEditorIconListNumIndent { background-position: -450px; }
.dijitEditorIconListNumOutdent { background-position: -468px; }
.dijitEditorIconTabIndent { background-position: -486px; }
.dijitEditorIconLeftToRight { background-position: -504px; }
.dijitEditorIconRightToLeft, .dijitEditorIconToggleDir { background-position: -522px; }
.dijitEditorIconBackColor { background-position: -540px; }
.dijitEditorIconForeColor { background-position: -558px; }
.dijitEditorIconHiliteColor { background-position: -576px; }
.dijitEditorIconNewPage { background-position: -594px; }
.dijitEditorIconInsertImage { background-position: -612px; }
.dijitEditorIconInsertTable { background-position: -630px; }
.dijitEditorIconSpace { background-position: -648px; }
.dijitEditorIconInsertHorizontalRule { background-position: -666px; }
.dijitEditorIconInsertOrderedList { background-position: -684px; }
.dijitEditorIconInsertUnorderedList { background-position: -702px; }
.dijitEditorIconCreateLink { background-position: -720px; }
.dijitEditorIconUnlink { background-position: -738px; }
.dijitEditorIconViewSource { background-position: -756px; }
.dijitEditorIconRemoveFormat { background-position: -774px; }
.dijitEditorIconFullScreen { background-position: -792px; }
.dijitEditorIconWikiword { background-position: -810px; }
/* .dijitEditorIconToggleDir { background-position: -540px; ;} - 03172010: This icon was not in dijit.editor but is in dojox.editor. */

/* no longer in the editor toolbar:  .dijitEditorIconToggleDir { background-position: -540px;  padding: 0; margin: 0; color:#555555;
									font-family:verdana,arial,sans-serif; font-weight: 800; font-size: 70%; */








.dijitColorPalette {
	border:1px solid #7eabcd;
	background:#fff;
	-moz-border-radius: 0 !important;
}
.dijitRtl .dijitOffScreen {
	/* align on the right side rather than the left so no horizontal scroll bar shown */
	left: auto !important;
	right: -10000px !important;
}

.dijitRtl .dijitPlaceHolder {
	left: auto;
	right: 0;
}

/* Menu */

.dijitMenuItemRtl {
	text-align: right;
}

/* Button */

.dj_iequirks .dijitComboButtonRtl button {
	/* workaround bug where label invisible (themeTesterQuirk.html?dir=rtl) */
	float:left;
}
.dj_ie .dijitTextBoxRtl .dijitInputContainer {
	clear: right;
}

/* TextBox, ComboBox, Spinner */

.dijitTextBoxRtl .dijitValidationContainer,
.dijitTextBoxRtl .dijitSpinnerButtonContainer,
.dijitComboBoxRtl .dijitArrowButtonContainer {
	/* combobox and spinner: line between the input area and the drop down button */
	border-right-width: 1px !important;
	border-left-width: 0 !important;
}

.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton {
	right: 0;
	left: auto;
}

.dijitSelectRtl .dijitButtonText {
	float: right;
}

.dijitTextBoxRtl .dijitSpinnerButtonContainer,
.dijitValidationTextBoxRtl .dijitValidationContainer,
.dijitTextBoxRtl .dijitArrowButtonContainer {
	float: left;
}

div.dijitNumberTextBoxRtl {
	text-align: right;
}

/* Calendar */

.dijitCalendarRtl .dijitCalendarDecrementArrow {
	float: right;
}

.dijitCalendarRtl .dijitCalendarIncrementArrow {
	float: left;
}

.dijitCalendarRtl .dijitCalendarNextYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarRtl .dijitCalendarPreviousYear {
	margin:0 0 0 0.55em;
}


/* Slider */

.dijitSliderRtl .dijitSliderImageHandleV {
	left:auto;
}

.dijitSliderRtl .dijitSliderImageHandleH {
	left:-50%;
}

.dijitSliderRtl .dijitSliderMoveableH {
	right:auto;
	left:0;
}

.dijitSliderRtl .dijitRuleContainerV {
	float:right;
}

.dj_ie .dijitSliderRtl .dijitRuleContainerV {
	text-align:right;
}

.dj_ie .dijitSliderRtl .dijitRuleLabelV {
	text-align:left;
}

.dj_ie .dijitSliderRtl .dijitRuleLabelH {
	zoom:1;
}

.dijitSliderRtl .dijitSliderProgressBarH {
	/* workarounds for IE and FF */
	float:right;
	right:0;
	left:auto;
}

/* ContentPane*/

.dijitRtl .dijitContentPaneLoading .dijitIconLoading,
.dijitRtl .dijitContentPaneError .dijitIconError {
	margin-right: 0;
	margin-left: 9px;
}

/* TabContainer */

.dijitTabControllerRtl .nowrapTabStrip {
    text-align: right;  /* just in case ancestor has non-standard setting */
}
.dijitTabRtl .dijitTabCloseButton {
	margin-left: 0;
	margin-right: 1em;
}
.dj_ie6 .dijitTabRtl .tabLabel,
.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
.dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl,
.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl,
.dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl {
	zoom: 1;
}
.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl {
    left: 0;
}

.dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,
.dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {
    /* otherwise tab labels invisible */
	width: 1%;
}

/* TimePicker */
.dj_ie .dijitTimePickerRtl .dijitTimePickerItem {
	width:100%;
}


/* ColorPalette */
.dijitColorPaletteRtl .dijitColorPaletteUnder {
	/* needed in RTL mode when DropDownButton expands the ColorPalette beyond it's natural width */
	left: auto;
	right: 0;
}

/* Select */
.dijitSelectRtl .dijitButtonContents {
	border-style: none none none solid;
	text-align: right;
}

/* Tree */

.dijitTreeRtl .dijitTreeContainer {
	float: right;	/* for correct highlighting during horizontal scroll, see #16132 */
}

/* DnD
 * These rules should apply for containers that are dir=rtl (either set directly, or inherited)
 * but seems the best we can do is look for .dijitRtl on an ancestor node.
 */
.dijitRtl .dojoDndHorizontal .dojoDndItemBefore {
    border-width: 0 2px 0 0;
    padding: 2px 0 2px 2px;
}
.dijitRtl .dojoDndHorizontal .dojoDndItemAfter {
    border-width: 0 0 0 2px;
    padding: 2px 2px 2px 0;
}

/* Calendar */

.tundra .dijitCalendarRtl .dijitCalendarDecrease {
	background-position: -30px top;
}

.tundra .dijitCalendarRtl .dijitCalendarIncrease {
	background-position: 0 top;
}

.dj_ie6 .tundra .dijitTimePickerRtl .dijitTimePickerMarkerHover,
.dj_ie7 .tundra .dijitTimePickerRtl .dijitTimePickerMarkerHover {
        border-top: 0; /* IE6/7 bug causes mouseover/out event storm */
}

/* Dialog */
.tundra .dijitDialogRtl .dijitDialogCloseIcon {
	right: auto;
	left: 5px;
}

/* Editor */
.tundra .dijitEditorRtl .dijitEditorIcon {
	background-image: url(../images/71daceb1b02f29a9c53b.png); /* editor icons sprite image - enabled state */
}
.tundra .dijitEditorRtlDisabled .dijitEditorIcon {
	background-image: url(../images/28c1b69674b28dfa338f.png); /* editor icons sprite image - disabled state  */
}

/* Dijit Editor RTL icons*/

/*editorIcons_rtl.css is located in dijit/images 

editorIcons_rtl.css contains references to the dijit editor widget icons. There are 46 icons used to map to the related editor functionality in the editor's toolbar.

*/


/* Editor */
.dijitEditorRtl .dijitEditorIcon {
	background-image: url(../images/71daceb1b02f29a9c53b.png); /* editor icons sprite image for the enabled right to left state */
}
.dijitEditorRtlDisabled .dijitEditorIcon {
	background-image: url(../images/28c1b69674b28dfa338f.png); /* editor icons sprite image for the disabled right to left state */
}

/* Toolbar */
.dijitToolbarRtl .dijitToolbarSeparator {
	background-image: url(../images/71daceb1b02f29a9c53b.png);
}

/* took this information above from editorRtl.css - good or bad? */
.tundra .dijitMenuItemRtl .dijitMenuExpand {
	background-position: -7px 0;
}
/* Tree */

.tundra .dijitTreeNodeRtl,
.tundra .dijitTreeNodeRtl .dijitTreeExpandoLeaf {
	/* disable grid lines in RTL mode; too hard to support */
    background-image: none;
}

.tundra .dijitTreeNodeRtl .dijitTreeExpandoOpened {
	/* todo: get rid of transparent space in icon files,
		and just use background-placement (or margin maybe) to get desired alignment */
	background-image: url(../images/8b323dc4a8135794576f.gif);
}

.tundra .dijitTreeNodeRtl .dijitTreeExpandoClosed {
	background-image: url(../images/7d20aadf30ffdbc5dcfa.gif);
}

.tundra .dijitProgressBarRtl .dijitProgressBarFull {
	border-left-width: 1px;
	border-right: 0px;
}

.tundra .dijitProgressBarIndeterminateRtl .dijitProgressBarTile {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}


.tundra .dijitTitlePaneRtl .dijitClosed .dijitArrowNode, .tundra .dijitFieldsetRtl .dijitFieldsetTitleClosed .dijitArrowNode {
	background-position: -7px 0;
}
.tundra .dijitTabRtl {
	padding:2px 9px 2px 8px;
}

.tundra .dijitSliderRtl .dijitSliderProgressBarH,
.tundra .dijitSliderRtl .dijitSliderRemainingBarH,
.tundra .dijitSliderRtl .dijitSliderLeftBumper,
.tundra .dijitSliderRtl .dijitSliderRightBumper,
.tundra .dijitSliderRtl .dijitSliderTopBumper {
	background-position: top right;
}

.tundra .dijitSliderRtl .dijitSliderProgressBarV,
.tundra .dijitSliderRtl .dijitSliderRemainingBarV,
.tundra .dijitSliderRtl .dijitSliderBottomBumper {
	background-position: bottom right;
}

.tundra .dijitSliderRtl .dijitSliderLeftBumper {
	border-left-width: 0;
	border-right-width: 1px;
}

.tundra .dijitSliderRtl .dijitSliderRightBumper {
	border-left-width: 1px;
	border-right-width: 0;
}

.tundra .dijitSliderRtl .dijitSliderIncrementIconH {
	background-position: -7px 0;
}

.tundra .dijitSliderRtl .dijitSliderDecrementIconH {
	background-position: -14px 0;
}

/*
	Adds cosmetic styling to Dijit.  Users may swap with a custom theme CSS file.

	NOTES:
	---
	Dialog.css contains css classes for both Dialog and Tooltip!
	This because currently a dijit.TooltipDialog exist. Until this is resolved
	you need to include Dialog.css for both dijits
	---
	Toolbar.css contains classes also used in Editor. Until this is resolved
	you need to include Toolbar.css for both Toolbar and Editor
	---
	Button.css contains classes for combobox,

*/
/* RTL files *//* RTL sprite for editor icons to be used by all themes*/

/*
	Adds cosmetic styling to Dijit.  Users may swap with a custom theme CSS file.

	NOTES:
	---
	Dialog.css contains css classes for both Dialog and Tooltip!
	This because currently a dijit.TooltipDialog exist. Until this is resolved
	you need to include Dialog.css for both dijits
	---
	Toolbar.css contains classes also used in Editor. Until this is resolved
	you need to include Toolbar.css for both Toolbar and Editor
	---
	Button.css contains classes for combobox,

*//*sprite containing common icons to be used by all themes*/ /* sprite for editor icons to be used by all themes */

.dojoxGrid {
	position: relative;
	background-color: #EBEADB;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	-moz-outline-style: none;
	outline: none;
	overflow: hidden;
	height: 0;
}

.dojoxGrid table {
	padding: 0;
}

.dojoxGrid td {
	-moz-outline: none;
}

/* master header */

.dojoxGridMasterHeader {
	position: relative;
}

/* master view */

.dojoxGridMasterView  {
	position: relative;
}

/* master messages */

.dojoxGridMasterMessages {
	position: relative;
	padding: 1em;
	text-align: center;
	background-color: white;
}

/* views */

.dojoxGridView {
	position: absolute;
	overflow: hidden;
}

/* header */

.dojoxGridHeader {
	position: absolute;
	overflow: hidden;
	cursor: default;
}

.dojoxGridHeader {
	background-color: #E8E1CF;
}

.dojoxGridHeader table {
	text-align: center;
}

.dojoxGridHeader .dojoxGridCell { 
	border: 1px solid;
	border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
	background: url(../images/02fb4b7e8c5838a06f7f.gif) #E8E1CF top repeat-x;
	padding-bottom: 2px;
}

.dojoxGridHeader .dojoxGridCellOver {
	background-image: none;
	background-color: white;
	border-bottom-color: #FEBE47;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 3px;
}

.dojoxGridHeader .dojoxGridCellFocus {
	border: 1px dashed blue;
}

.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver {
	background-image: none;
	background-color: white;
	border-bottom-color: #FEBE47;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 3px;
}
.dojoxGridArrowButtonNode {
	display: none;
	padding-left: 16px;
}
.dojoxGridArrowButtonChar {
	display:inline;
}

/* Need to explicitly define how to treat hovering over the arrow on IE */ 
.dojoxGridArrowButtonNode:hover {
        cursor: default;
}
.dojoxGridArrowButtonChar:hover {
        cursor: default;
}
.dojoxGridSortUp:hover {
        cursor: default;
}
.dojoxGridSortDown:hover {
        cursor: default;
}

.dijit_a11y .dojoxGridArrowButtonChar {
	display:inline !important;
}

/* content */

.dojoxGridScrollbox {
	position: relative;
	overflow: auto;
	background-color: white;
	width: 100%;
}

.dojoxGridContent {
	position: relative;
	overflow: hidden;
	 -moz-outline-style: none;
	outline: none;
}

/* rowbar */

.dojoxGridRowbar { 
	border: 1px solid;
	border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
	border-top: none;
	background: url(../images/02fb4b7e8c5838a06f7f.gif) #E8E1CF top repeat-x;
}

.dojoxGridRowbarInner {
	border-top: 1px solid #F6F4EB;
}

.dojoxGridRowbarOver {
	background-image: none;
	background-color: white;
	border-top-color: #FEBE47;
	border-bottom-color: #FEBE47;
}

.dojoxGridRowbarSelected {
	background-color: #D9E8F9;
}

/* rows */

.dojoxGridRow {
	position: relative;
	width: 9000em;
}

.dojoxGridRow {
	/*border: 1px solid #E8E4D8;*/
	border: 1px solid #E8E4D8;
	border-color: #F8F7F1;
	/*padding: 0 0 1px 0;*/
	border-left: none;
	border-right: none;
	background-color: white;
	border-top: none;
}

.dojoxGridRowOver {
	border-top-color: #FEBE47;
	border-bottom-color: #FEBE47;
	/*border-bottom-width: 2px;
	padding-bottom: 0;*/
	/*background-color: #FFDD9D;*/
	/*background-color: #FDFDFD;*/
}

.dojoxGridRowOdd {
	background-color: #FFFDF3;
	/*background-color: #F9F7E8;*/
}

.dojoxGridRowSelected {
	background-color: #D9E8F9;
}

.dojoxGridRowTable {
	table-layout: fixed;
	width: 0;
	empty-cells: show;
}
.dj_ie .dojoxGridRowTable {
	border-collapse: collapse;
}

.dojoxGridInvisible {
	visibility: hidden;
}		

.Xdojo-ie .dojoxGridInvisible {
	display: none;
}		

.dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td {
	border-top-width: 0;
	border-bottom-width: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 0;
	overflow: hidden;
}

/* cells */

.dojoxGrid .dojoxGridCell {
	border: 1px solid;
	border-color: #EBEADB;
	border-right-color: #D5CDB5;
	padding: 3px 3px 3px 3px;
	text-align: left;
	overflow: hidden;
	word-wrap: break-word;
}

.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell {
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.dojoxGridCellFocus {
	border: 1px dashed blue;
}

.dojoxGridCellOver {
	border: 1px dotted #FEBE47;
}

.dojoxGridCellFocus.dojoxGridCellOver {
	border: 1px dashed green;
}

/* editing */

.dojoxGridRowEditing td {
	background-color: #F4FFF4;
}

.dojoxGridRow-inserting td {
	background-color: #F4FFF4;
}
.dojoxGridRow-inflight td {
	background-color: #F2F7B7;
}
.dojoxGridRow-error td {
	background-color: #F8B8B6;
}

.dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 100%;
	font-size: 100%;
	font-family: inherit;
}

.dojoxGridHiddenFocus {
	position: absolute;
	top: -1000px;
	height: 0;
	width: 0;
}

.dijit_a11y .dojoxGridRowbarSelected { 
	border-top: 1px solid white;
	border-bottom: 1px dashed black;
	border-top: 0;
	background: none;
}

.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner {
	border: 0;
	border-top: 1px solid white;
}

.dijit_a11y .dojoxGridRowSelected {
	border: 1px solid black !important;
}

/* Drag and Drop */
.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem {
	display: table-cell;
	/* overwrite margin/padding setting from dijit.css */
	margin: 0;
}
.dojoxGridDndAvatar {
	font-size: 100%;
}
.dojoxGrid .dojoDndItemBefore {
	border-left-color: red;
}
.dojoxGrid .dojoDndItemAfter {
	border-right-color: red;
}
.dijit_a11y .dojoDndItemBefore {
	border-left: double;
}
.dijit_a11y .dojoDndItemAfter {
	border-right: double;
}
.dojoxGridDndAvatarItem	td {
	border: 1px solid;
	border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
	background: url(../images/02fb4b7e8c5838a06f7f.gif) #E8E1CF top repeat-x;
	padding: 0pt;
	margin: 0pt;
}
.dojoxGridDndAvatarItem	td.dojoxGridDndAvatarItemImage {
	border: 0;
	border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
	background-color: transparent;
	padding: 3px;
	padding-bottom: 2px;
	margin: 0;
}
.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
	background-image: url(../images/d361a306c6164e82843f.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
	background-image: url(../images/8336550a9cdba6eec768.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
	background-image: url(../images/5e31df1f061a96ca34da.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
	background-image: url(../images/6b3a2788376fbf3496c7.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.dojoxGridColPlaceBottom {
	background: transparent url(../images/b057ea6f7ee01631821b.gif) no-repeat scroll left top;
}
.dojoxGridColPlaceTop {
	background: transparent url(../images/787310482caaf51d7c4a.gif) no-repeat scroll left top;
}

.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom {
	font-size:1px;
	height:6px;
	z-index:10000;
	top:0;
	overflow:hidden;
	position:absolute;
	line-height:1px;
	width:8px;
}
.dojoxGridResizeColLine {
	width: 1px;
	background-color: #777;
	position: absolute;
	cursor: col-resize;
	z-index:10000;
}
.dojoxGridColNoResize, 
.dojoxGridColNoResize .dojoDndItemOver {
	cursor: not-allowed !important;
}
.dojoxGridColResize, 
.dojoxGridColResize .dojoDndItemOver,
.dojoxGridColumnResizing,
.dojoxGridColumnResizing .dojoDndItemOver,
.dojoxGridColumnResizing .dojoxGridHeader {
	cursor: col-resize !important;
}

.dojoxGridColPlaceBottom {
	background: transparent url(../images/b057ea6f7ee01631821b.gif) no-repeat scroll left top;
}
.dojoxGridColPlaceTop {
	background: transparent url(../images/787310482caaf51d7c4a.gif) no-repeat scroll left top;
}

.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom {
	font-size:1px;
	height:6px;
	z-index:10000;
	top:0;
	overflow:hidden;
	position:absolute;
	line-height:1px;
	width:8px;
}
.dojoxGridResizeColLine {
	width: 1px;
	background-color: #777;
	position: absolute;
}

/* Tree Grid */
.dojoxGridExpandoCell {
	vertical-align: middle;
}
.dojoxGridSummarySpan {
	visibility: hidden;
}
.dojoxGridSummaryRow .dojoxGridSummarySpan,
.dojoxGridRowCollapsed .dojoxGridSummarySpan {
	visibility: visible;
}
.dojoxGridNoChildren .dojoxGridExpando {
	visibility: hidden !important;
	width: 0px !important;
}

.dj_ie .dojoxGridRtl .dojoxGridHeader table {
	float:none;
}

.dojoxGridRtl .dojoxGridCell {
	text-align:right;
}

.dj_ie8 .dojoxGridRtl .dojoxGridCell {
	border-left: none;
}

.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable {
	border-left: #e5dac8 1px solid
}

.dojoxGridRtl .dojoxGridArrowButtonNode {
	float:left;
}
.tundra .dojoxGrid {
	background-color: #e9e9e9;
	font-size: 0.85em; /* inherit font-family from dojo.css */
}

/* master messages */

.tundra .dojoxGridMasterMessages {
	background-color: #fefefe;
}

.tundra .dojoxGridLoading, 
.tundra .dojoxGridError {
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:25px;
}

.dijitRtl .tundra .dojoxGridLoading, 
.dijitRtl .tundra .dojoxGridError,
.dijitRtl .tundra .dojoxGridNoData {
	background-position:right;
	padding-right:25px;
	padding-left:0px;
}

.tundra .dojoxGridLoading {
	background-image: url(../images/0b5ce25b0c3b308ea5f2.gif);
}

.tundra .dojoxGridError {
	background-image: url(../images/dcd359282ab917aeabf1.png);
}

/* header */

.tundra .dojoxGridHeader {
	background-color:  #e9e9e9;
}

.tundra .dojoxGridHeader .dojoxGridCell { 
	border-width: 1px;
	padding-bottom: 0px;
	border-color: transparent #ACA899 #919191 transparent;
	background: url(../images/579d18c94d6544a39822.png) #e9e9e9 repeat-x top;
	color: #000 !important;
}

.tundra .dojoxGridHeader .dojoxGridCellOver {
	background: url(../images/e0da212098a481ef4217.png) #e9e9e9 repeat-x top;
	color: #000 !important;
}
.tundra .dojoxGridHeader .dojoxGridCellFocus {
	border-color: #ACA899 #919191;
	border-style: dashed;
}
.tundra .dojoxGridArrowButtonChar {
	float: right;
	display: none;
}
.tundra .dojoxGridArrowButtonNode {
	display: block !important;
	padding-left: 0px;
	float: right;
	background:url(../images/32f64c40f5db630fa3b1.png) no-repeat left center;
	width: 7px;
	height: 1em;
	margin: 2px 4px 0px 5px;
}
.dj_ie6 .tundra .dojoxGridArrowButtonNode {
	background-image:url(../images/cf2f25831125b4f7c03b.gif);
	margin-left: 0px;
}

.tundra .dojoxGridSortUp .dojoxGridArrowButtonNode {
	background-position: -21px;
}
.dijit_a11y .tundra .dojoxGridArrowButtonNode {
	display: none !important;
}

/* content */

.tundra .dojoxGridScrollbox {
	background-color: #fefefe;
}

/* rowbar */

.tundra .dojoxGridRowbar { 
	border: none;
	background: url(../images/a720c7e237cf62d9c9c6.png) #e9e9e9 repeat-y right;
	border-right: 1px solid #ccc;
	padding: 0px;
}

.tundra .dojoxGridRowbarInner {
	border: none;
	border-bottom: 1px solid #ccc;
}

.tundra .dojoxGridRowbarOver {
	background: url(../images/d952d8dda2feaf5a3ba0.png) #e9e9e9 repeat-y right;
}

.tundra .dojoxGridRowbarSelected {
	background: url(../images/fe154ff6d714cc51a7b5.png) #D8E8F9 no-repeat center;
	border-right: 1px solid #ccc;
}

/* rows */

.tundra .dojoxGridRow {
	border: none;
	background-color: white;
}

.tundra .dojoxGridRowOver {
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}

.tundra .dojoxGridRowOver .dojoxGridCell {
	background-color: #60a1ea; 
	color:#fff;
}

.tundra .dojoxGridRowOver .dojoxGridCell .dijit {
	color: #000;
}

.tundra .dojoxGridRowOver .dojoxGridCell .dijitDisabled {
	color: gray;
}

.tundra .dojoxGridRowOdd {
	background-color: #f2f5f9;
}

.tundra .dojoxGridRowSelected {
	background-color: #aec7e3 !important;
}

.dijit_a11y .tundra .dojoxGridRowSelected { 
    background-color: #aec7e3;     
    border-style: solid;     
}   

/* cells */

.tundra .dojoxGridCell {
	border: 1px dotted #D5CDB5;
	border-left-color: transparent;
	border-top-color: transparent;
}

.dj_ff2 .tundra .dojoxGridCell {
	border-left-width: 0px;
	border-top-width: 0px;
}

.dj_ie6 .tundra .dojoxGridCell {
	border: 1px solid white;
	border-right: 1px solid #D5CDB5;
}

.tundra .dojoxGridCellFocus {
	border: 1px dashed darkblue !important;
}

.tundra .dojoxGridCellOver {
	border: 1px dotted #a6a6a6;
}

.tundra .dojoxGridCellFocus .dojoxGridCellOver {
	border: 1px dashed darkblue !important;
}

/* editing */

/* FIXME: these colors are off! */
.tundra .dojoxGridRowEditing td {
	/* background-color: #F4FFF4; */
	background-color: #60a1ea; 
	/* padding: 0px 3px 0px 3px; */
}

.tundra .dojoxGridRow-inserting td {
	background-color: #F4FFF4;
}
.tundra .dojoxGridRow-inflight td {
	background-color: #F2F7B7;
}
.tundra .dojoxGridRow-error td {
	background-color: #F8B8B6;
}

/* Drag and Drop */

.tundra .dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem {
	padding: 3px;
}
.tundra .dojoxGrid .dojoDndItemBefore {
	border-left-color: #3559ac;
}
.tundra .dojoxGrid .dojoDndItemAfter {
	border-right-color: #3559ac;
}

/* Tree Grid */
.tundra .dojoxGridExpando {
	float: left;
	height: 18px;
	width: 18px;
	text-align: center;
	margin-top: -3px;
}
.dijitRtl .tundra .dojoxGridExpando {
	float: right;
}
.tundra .dojoxGridExpandoCell {
	padding-top: 5px;
}
.tundra .dojoxGridExpandoNode {
	height: 18px;
	background-image: url(../images/5fb49bf144b5280bfa5e.gif);
}
.tundra .dojoxGridExpandoOpened .dojoxGridExpandoNode {
	background-image: url(../images/cb5071f62f18d706a8ab.gif);		
}
.tundra .dojoxGridExpandoLoading .dojoxGridExpandoNode {
	background-image: url(../images/48fb91fae0d8063a618d.gif);		
}
.tundra .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando {
	visibility: visible !important;
	width: 18px !important;
}
.tundra .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode {
	background-image: url(../images/f608028ea7ead169871f.gif);
	background-position: -3px;
}
.tundra .dojoxGridExpandoNodeInner {
	visibility: hidden;
}
.dijit_a11y .dojoxGridExpandoNodeInner {
	visibility: visible;
}
		
.tundra .dojoxGridSummaryRow .dojoxGridCell {
	border-top-color: #999;
	border-top-style: solid;
}
.tundra .dojoxGridSpacerCell,
.tundra .dojoxGridExpandoCell,
.tundra .dojoxGridSummaryRow .dojoxGridSpacerCell {
	border-color: transparent;
	border-right-color: #D5CDB5;
}
.tundra .dojoxGridSummaryRow .dojoxGridTotalCell,
.tundra .dojoxGridRowCollapsed .dojoxGridExpandoCell,
.tundra .dojoxGridTreeModel .dojoxGridExpandoCell {
	border-bottom-color: #D5CDB5;
}
.tundra .dojoxGridSubRowAlt {
	background-color: #F8F8F8;
}
.tundra .dojoxGridRowOdd .dojoxGridSubRowAlt {
	background-color: #EDEFF3;
}

/* 
  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * minimal base styles
 */


body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */
html { overflow: hidden; }

a { color: var(--mw-color-hyperlink); }
a:hover { color: var(--mw-color-hyperlink-hover); text-decoration: underline;}
a:visited { color: var(--mw-color-hyperlink-visited); }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre {
  padding: 15px;

  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
input[type=button], input[type=submit], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection{ background: #596AAA; color:#FFF; text-shadow: none; }
::selection { background:#495A9A; color:#FFF; text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #495A9A; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

 /*
 Primary Styles
 Author:
 */


/*.doNotDisplay {
  display: none;
}*/


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/** Drag and Drop cursor classes  */
.validDropCopyTarget * {
    cursor: copy !important;
}

.invalidDropTarget * {
    cursor: no-drop !important;
}

.validDropMoveTarget * {
    cursor: default !important;
}

.ieDragImage {
    background-repeat: no-repeat;
    padding-bottom: 2px;
    width: 16px;
    height: 16px;
}

.ieValidDropCopy {
    background-image: url(../images/6b3a2788376fbf3496c7.png);
}

.ieInvalidDrop {
   background-image: url(../images/8336550a9cdba6eec768.png);
}

div .ieValidDropMove {
    display: none;
}


/* ============================== Custom Properties ============================== */

body {
 	--borderContainer-bg-color: var(--mw-backgroundColor-primary);

    --collpasePanel-bg-color: var(--mw-backgroundColor-primary);
    --collpasePanel-border-color: var(--mw-borderColor-primary);
    
    --collpasePanel-button-bg-color: var(--mw-backgroundColor-secondary);
    --collpasePanel-button-font-color: var(--mw-color-primary);
    --collpasePanel-button-bg-color-hover: var(--mw-backgroundColor-hover);
    --collpasePanel-button-border-color: var(--mw-borderColor-primary);
    --collapsePanel-contextualButton-bg-color: var(--mw-backgroundColor-tertiary);

	--collpasePanel-selectedButton-bg-color: var(--mw-backgroundColor-header);
    --collpasePanel-selectedButton-font-color: var(--mw-color-tertiary);

	--documentContainer-bg-color: var(--mw-backgroundColor-input);
	--documentContainer-font-color: var(--mw-color-primary);

	--panelHeader-bg-color: var(--mw-backgroundColor-tertiary);
	--panelHeader-font-color: var(--mw-color-primary);
	--panelHeader-border-color: var(--mw-borderColor-secondary);
	--panelHeader-selected-bg-color: var(--mw-backgroundColor-header);
	--panelHeader-selected-font-color: var(--mw-color-tertiary);

	--tabButton-bg-color: var(--mw-backgroundColor-tab);
	--tabButton-font-color: var(--mw-color-secondary);
	--tabButton-bg-color-hover: var(--mw-backgroundColor-hover);
	--tabButton-border-color: var(--mw-borderColor-secondary);

	--tabHeader-bg-color: var(--mw-backgroundColor-tertiary);
	--tabHeader-font-color: var(--mw-color-primary);
	--tabHeader-border-color: var(--mw-borderColor-primary);
	--tabHeader-accent: var(--mw-borderColor-tab-primary);
	--tabHeader-accent-selected: var(--mw-borderColor-tab-primary-selected);
	--tabHeader-accent-unselected: var(--mw-borderColor-tab-secondary);

	--tabContainer-bg-color: var(--mw-backgroundColor-input);
	--tabContainer-border-color: var(--mw-borderColor-secondary);
	--tabContainer-groupTab-bg-color: var(--mw-backgroundColor-primary);

	--selectedTab-bg-color: var(--mw-backgroundColor-tab-selected);
	--selectedTab-font-color: var(--mw-color-primary);
	--selectedTab-border-color: var(--selectedTab-bg-color);

    --splitterLine-bg-color: var(--mw-borderColor-primary);

    --statusBar-bg-color: var(--mw-backgroundColor-secondary);
    --statusBar-border-color: var(--transparent);
    --statusBar-font-color: var(--mw-color-primary);

    --selection-color: var(--mw-borderColor-focus);

	--tileContainer-dot-bg-color: var(--mw-color-primary);
}
/* ============================== Custom Properties ============================== */
.mwMenu,
.toolstrip {
    --transparent: rgba(255, 255, 255, 0);
    --selection-color: var(--mw-borderColor-focus);

    --popupHeader-bg-color: var(--mw-backgroundColor-secondary);
    --popupHeader-font-color: var(--mw-color-primary);
    --popupHeader-border-color: var(--transparent);
    --popupSeparator-border-color: var(--mw-borderColor-secondary);
    --listItem-bg-color: var(--mw-backgroundColor-hover);
}
.toolstrip {
    --toolstrip-font-family-base: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, "Liberation Sans", "Noto Sans", Arial, "Helvetica Neue", Helvetica, lucida, sans-serif;
    --toolstrip-font-family-korean: Gulim, var(--toolstrip-font-family-base);
    --toolstrip-font-family-chinese: "Microsoft YaHei", var(--toolstrip-font-family-base);
    --toolstrip-font-family-japanese: "Meiryo UI", var(--toolstrip-font-family-base);
    --toolstrip-font-family: var(--toolstrip-font-family-override, var(--toolstrip-font-family-base));

    --globalTabButton-bg-color: var(--mw-backgroundColor-header);
    --removableTabButton-bg-color: var(--mw-backgroundColor-toolstripClosableTab);
    --contextualTabButton-bg-color: var(--mw-backgroundColor-toolstripContextualTab);

    --toolstrip-font-size: 12px;

    --toolstrip-height: var(--toolstrip-height-override, 121px);
    --toolstrip-box-shadow-expandOnTop: 0px 3px 6px rgba(0, 0, 0, 0.2);

    --selectedTab-bg-color: var(--mw-backgroundColor-primary);;
    --selectedTab-font-color: var(--mw-color-primary);

    --tabButton-bg-color-hover: var(--mw-backgroundColor-toolstripTab-hover);
    --tabButton-font-color: var(--mw-color-tertiary);
    --tabButton-border-radius: 2px;
    --tabButton-font-size: 11px; /* Update font-size value used in _expandTabs function of Toolstrip.js when this variable value is changed */
    --tabButton-text-transform: uppercase;

    --tabContainer-border-bottom: 1px solid var(--mw-borderColor-primary); /* Same as UIContainer Splitters */

    --toolstrip-tabContent-height: var(--toolstrip-tabContent-height-override, 92px);
    --toolstrip-section-height: var(--toolstrip-section-height-override, 92px);
    --toolstrip-sectionWrapper-height: var(--toolstrip-sectionWrapper-height-override, 78px);
    --toolstrip-columnWrapper-height: var(--toolstrip-columnWrapper-height-override, 78px);
    --sectionTitle-font-size: 11px;
    --sectionTitle-font-color: var(--mw-color-secondary);
    --sectionTitle-text-transform: uppercase;
    --sectionTitle-line-height: 14px;
    --sectionTitle-letter-spacing: 0px;
    --sectionDivider-bg-color: var(--mw-borderColor-secondary);
    --sectionDivider-height: var(--toolstrip-section-height-override, 84px);
    --sectionPopup-border-color: var(--mw-borderColor-secondary);
    --sectionDropDownButton-height: var(--sectionDropDownButton-height-override, 92px);

    --gallery-bg-color: var(--mw-backgroundColor-tertiary);
    --gallery-border-color: var(--mw-borderColor-secondary);
    --galleryPanel-bg-color: var(--mw-backgroundColor-tertiary);
    --galleryPanel-border-color: var(--mw-borderColor-secondary);
    --galleryPanel-viewButton-border-color: var(--mw-borderColor-primary);
    --galleryPanel-noSearchMatchNode-border-color: var(--mw-borderColor-secondary);
    --galleryPanel-noSearchMatchNode-font-color: var(--mw-color-primary);
    --galleryPanel-footerContainer-border-color: var(--mw-borderColor-secondary);
    --galleryCategory-border-color: var(--popupHeader-border-color);
    --galleryCategoryHeader-bg-color: var(--popupHeader-bg-color);
    --galleryCategoryHeader-font-color: var(--popupHeader-font-color);
    --galleryCategoryHeader-border-color: var(--popupHeader-border-color);
    --galleryItem-hover-bg-color: var(--mw-backgroundColor-hover);
    --galleryItem-active-bg-color: var(--mw-backgroundColor-gallery-toggleOn);
    --galleryItem-label-font-color: var(--mw-color-list-primary);
    --galleryItem-line-height: 16px;
    
    --widget-font-color: var(--mw-color-primary);
    --widget-line-height: 16px;
    --widget-bg-color: var(--transparent);
    --widget-hover-bg-color: var(--mw-backgroundColor-hover);
    --widget-active-bg-color: var(--mw-backgroundColor-active);
    --widget-border-color: var(--transparent);
    --widget-hover-border-color: var(--mw-borderColor-primary);
    --widget-active-border-color: var(--mw-borderColor-primary);
    --widget-border-radius: 3px;

    --toggleButton-checked-bg-color: var(--mw-backgroundColor-toggleOn);
    
    --qab-widget-font-color: var(--mw-color-tertiary);
    --qab-widget-hover-bg-color: var(--mw-backgroundColor-qab-hover);
    --qab-widget-active-bg-color: var(--mw-backgroundColor-qab-active);
    --topRight-widget-hover-bg-color: var(--mw-backgroundColor-qab-hover);
    --topRight-widget-active-bg-color: var(--mw-backgroundColor-qab-active);

    --toolstrip-top-left-padding: 0px;
}

/* Only apply style if on Windows, since the issue appears to be Segoe UI related */
.os-win .toolstrip {
    --selectedTab-font-color-override: #000000;
    --widget-font-color-override: #000000;
}

/* ================================================== Stylus Variables ================================================== */
/*
// COLOR SWATCHES

$color-red = rgb(226,61,45);
$color-green = rgb(34,172,60);
$color-blue = rgb(0,103,179);

$color-cyan = rgb(0, 153, 255);
$color-yellow = rgb(255,238,0);
$color-lightorange = rgb(241,181,28);
$color-mathworksblue = rgb(0,86,149);

$color-black = rgb(0, 0, 0);
$color-white = rgb(255, 255, 255);

// Light Grays:
$color-lightgray1 = lighten($color-black, 98%);
$color-lightgray1-transparent = transparentify($color-black, $color-white, 98%);

$color-lightgray2 = lighten($color-black, 96%);
$color-lightgray2-transparent = transparentify($color-black, $color-white, 96%);

$color-lightgray3 = lighten($color-black, 94%);
$color-lightgray3-transparent = transparentify($color-black, $color-white, 94%);

$color-lightgray4 = lighten($color-black, 90%);
$color-lightgray4-transparent = transparentify($color-black, $color-white, 90%);

$color-lightgray5 = lighten($color-black, 88%);
$color-lightgray5-transparent = transparentify($color-black, $color-white, 88%);

// Medium Grays:
$color-mediumgray1 = lighten($color-black, 85%);
$color-mediumgray1-transparent = transparentify($color-black, $color-white, 85%);

$color-mediumgray2 = lighten($color-black, 75%);
$color-mediumgray2-transparent = transparentify($color-black, $color-white, 75%);

$color-mediumgray3 = lighten($color-black, 60%);
$color-mediumgray3-transparent = transparentify($color-black, $color-white, 60%);

$color-mediumgray4 =  lighten($color-black, 50%);
$color-mediumgray4-transparent = transparentify($color-black, $color-white, 50%);

// Dark Grays:
$color-darkgray1 = lighten($color-black, 25%);
$color-darkgray1-transparent = transparentify($color-black, $color-white, 25%);

$color-darkgray2 = lighten($color-black, 12%);
$color-darkgray2-transparent = transparentify($color-black, $color-white, 12%);



// SEMANTIC COLORS

// Selection:
$color-selection = $color-cyan;

// Hover Selection:
$color-selection-row-hover = lighten($color-cyan, 85%);
$color-selection-row-hover-transparent = transparentify($color-cyan, $color-white, 85%);

// Region Selection:
$color-selection-region = lighten($color-cyan, 80%);
$color-selection-region-transparent = transparentify($color-cyan, $color-white, 80%);

// Row Selection:
$color-selection-row = lighten($color-cyan, 65%);
$color-selection-row-transparent = transparentify($color-cyan, $color-white, 65%);

// Text Selection:
$color-selection-text = rgb(166, 220, 255);
$color-selection-text-transparent = transparentify($color-cyan, $color-white, 30%);


// Highlight:
$color-highlight = $color-yellow;
// Search Result Highlight
$color-highlight-searchresult = transparentify($color-yellow, $color-white, 70%);
$color-highlight-searchresult-current = transparentify($color-yellow, $color-white, 30%);

// Validation:
$color-error = $color-red;
$color-warning = $color-lightorange;
$color-info = lighten($color-cyan, 30%);
$color-success = $color-green;

// Text:
$color-text-ui = $color-darkgray1-transparent;
$color-text-user = $color-darkgray2-transparent;
$color-text-secondary = $color-mediumgray3-transparent;
$color-text-placeholder = $color-mediumgray2-transparent;

// Backgrounds:
$color-background-figure = $color-lightgray3;
*/

.footer > * {
    padding: 3px 5px 3px 3px;
}

.footer div:nth-child(1).footerCell {
    float: left;
}

.footer .footerCell > * {
    vertical-align: top;
    display: inline-block;
    padding-right: 5px;
}

.footer  > div:nth-child(2).footerCell {
    float: right;
    padding-right: 1px;
}

/*clearfix*/
.footerContainer:before,
.footerContainer:after {
    content:"";
    display:table;
}
.footerContainer:after {
    clear:both;
}

.toolstrip .columnContainer .column {
    padding: 0 1px 0 1px;
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

.toolstrip .columnContainer .column.extraColumnGap {
    padding: 0 8px 1px 2px;
}

.toolstrip .column .toolstripComponentWrapper {
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* In case of nested columns, remove/reduce the extra padding and margin-top to avoid the widgets getting pushed vertically or horizontally. */
.toolstrip .columnContainer .column .panel .column:not(.extraColumnGap) {
    padding: 0;
}

.toolstrip .column .toolstripComponentWrapper .panel .column .toolstripComponentWrapper {
    margin-top: 1px;
}

/* ==============================  ============================== */
/* collapsing the labels of the horizontal buttons */
.section .column .mwDefaultVisualFamily.mwHorizontalOrientation.mwPushButton.mwNoText .mwTextNode,
.section .column .mwDefaultVisualFamily.mwHorizontalOrientation.mwSplitButton.mwNoText .mwTextNode,
.section .column .mwDefaultVisualFamily.mwHorizontalOrientation.mwToggleButton.mwNoText .mwTextNode,
.section .column .mwDefaultVisualFamily.mwHorizontalOrientation.mwDropDownButton.mwNoText .mwTextNode,
.section .column .mwDefaultVisualFamily.mwHorizontalOrientation.mwToggleSplitButton.mwNoText .mwTextNode {
    display: none;
}
.toolstrip .qab {
    --mw-ignoreTheme: true;
}

.toolstrip .qab > div,
.toolstrip .qab .mainArea .qaGroup,
.toolstrip .qab .mainArea .qaGroup > div,
.toolstrip .qab .mainArea .qaGroup .qaGroupContainer > div {
    display: inline-block;
    vertical-align: top;
}

.toolstrip .qab .mainArea .qaGroup .qaGroupContainer > div {
    height: 22px;
}

.toolstrip .qab .mainArea {
    height: 22px;
    padding: 0 0 0 5px;
}

.toolstrip .qab .mainArea.noOverflow {
    padding-right: 5px;
}

/* This is put in place in order to fix the alignment issue in chrome on windows */
.toolstrip .topRightContainer .AbstractButton {
    vertical-align: top;
}

.toolstrip .qab .mainArea .qaGroup .qaGroupContainer > div {
    padding: 0 2px;
}

.quickAccessGroupSeparator {
    margin: 2px 4px;
    width: 1px;
    height: 18px;
    background: var(--mw-backgroundColor-iconuiFill-qab);
}

/* QAB Factory Defaults Drop Down */
.toolstrip .qab .mwQabDropDownContainer:not(.mwToggleableQabFactoryControlsTrue) {
    display: none;
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue {
    position: relative;
    width: 18px;
    height: 22px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue .mwDropDownButton {
    border-radius: 0 3px 3px 0;
    margin-left: 5px;
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--mw-backgroundColor-iconuiFill-qab);
    border-right: 1px solid var(--mw-backgroundColor-iconuiFill-qab);
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue .mwDropDownButton .mwArrowIconNode {
    position: relative;
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue .mwDropDownButton:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 50%;
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue .mwDropDownButton .mwArrowIconNode {
    width: 12px;
    height: 12px;
    opacity: 0.75;
    border: none;
    margin: 2px 0px 0px 0px;
}

.toolstrip .qab .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue .mwDropDownButton:hover .mwArrowIconNode {
    opacity: 1;
}

/* QAB Overflow Drop Down */
.toolstrip .qab .mwQabOverflowContainer:not(.noOverflow) {
    position: relative;
    width: 22px;
    height: 22px;
    padding-right: 5px;
}

.toolstrip .qab .mwQabOverflowContainer .mwDropDownButton .mwButtonNode .mwIconNode {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMTQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0yKTt9LmNscy00e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy01e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9LmNscy02e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC01KTt9LmNscy03e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC02KTt9LmNscy04e2ZpbGw6I2ZmZjt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI3NzguNjIiIGN5PSItMzcyLjU1IiByPSIyIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC0yIj48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9Ijc4NS42MiIgY3k9Ii0zNzIuNTUiIHI9IjIiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTMiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNzkyLjYyIiBjeT0iLTM3Mi41NSIgcj0iMiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtNCI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI3OTguNzkiIGN5PSItMzcxLjY4IiByPSIyIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC01Ij48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjgwNS43OSIgY3k9Ii0zNzEuNjgiIHI9IjIiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTYiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iODEyLjc5IiBjeT0iLTM3MS42OCIgcj0iMiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxjaXJjbGUgY2xhc3M9ImNscy04IiBjeD0iNSIgY3k9IjciIHI9IjIiLz48Y2lyY2xlIGNsYXNzPSJjbHMtOCIgY3g9IjEyIiBjeT0iNyIgcj0iMiIvPjxjaXJjbGUgY2xhc3M9ImNscy04IiBjeD0iMTkiIGN5PSI3IiByPSIyIi8+PC9zdmc+);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}

.toolstrip .qab .mwQabOverflowContainer .mwDropDownButton {
    margin-left: 2px;
    margin-right: 2px;
}

.toolstrip .qab .mwQabOverflowContainer .hideQabOverflowDropDownButton {
    display: none;
}

.mwWidgetPopup .qabOverflowPopup .overflowPopupQAGroup,
.mwWidgetPopup .qabOverflowPopup .overflowPopupQAGroup .dragSorterContainer {
    display: flex;
    flex-direction: column;
}

.mwWidgetPopup .qabOverflowPopup .overflowPopupQAGroup .dragSorterContainer {
    overflow: hidden; /* To avoid scrollbars when drag and dropped outside of last child */
}

.mwWidgetPopup .qabOverflowPopup .toolstripComponentWrapper {
    margin: 5px;
    display: flex;
}


.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwArrowIconNode, 
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwArrowIconNode, 
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwArrowIconNode {
    border-color: var(--mw-backgroundColor-iconuiFill-qab) transparent transparent transparent;
}

.mwWidgetPopup .qabOverflowPopup .mwPushButton,
.mwWidgetPopup .qabOverflowPopup .mwToggleButton,
.mwWidgetPopup .qabOverflowPopup .mwDropDownButton,
.mwWidgetPopup .qabOverflowPopup .mwDropDownButton .mwButtonNode,
.mwWidgetPopup .qabOverflowPopup .mwSplitButton,
.mwWidgetPopup .qabOverflowPopup .mwSplitButton .mwButtonNode,
.mwWidgetPopup .qabOverflowPopup .mwToggleSplitButton,
.mwWidgetPopup .qabOverflowPopup .mwToggleSplitButton .mwButtonNode {
    display: flex;
    flex-grow: 1;
}

/* Make vertical separator as horizontal separator in the overflow popup */
.mwWidgetPopup .qabOverflowPopup .quickAccessGroupSeparator {
    margin: 4px 2px;
    width: auto;
    height: 1px;
}

/* Controls */
.toolstrip .qab .mwQabDropDownContainer .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonNode,
.toolstrip .qab .mwQabOverflowContainer .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownNode {
    display: none;
}

.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwPushButton,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleButton,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton {
    color: var(--qab-widget-font-color);
}

.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwPushButton.mwPushButtonHover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonHover:not(.mwToggleButtonChecked),
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:hover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:hover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled):not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwDropDownNeverDisabledTrue .mwFocusNode:hover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:not(.mwToggleSplitButtonChecked):hover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled):not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwDropDownNeverDisabledTrue:not(.mwHasMenuOpened) .mwFocusNode:hover {
    background: var(--qab-widget-hover-bg-color);
    box-shadow: none;
}

.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwPushButton.mwPushButtonActive,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonActive,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonChecked,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:active,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:active,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:active,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonChecked .mwButtonNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwHasMenuOpened .mwFocusNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwHasMenuOpened .mwFocusNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwHasMenuOpened .mwFocusNode {
    background: var(--qab-widget-active-bg-color);
    box-shadow: none;
}

/* Using hard coded colors for legacy qab design. See g2655066 */
/* TODO: Remove when we all products like appdesigner, simulink switch over to SVG Icons */
.toolstrip .qab.preserve-background .mainArea {
    background: rgba(255, 255, 255, 0.4);
}

/* This is a trick used to make a triangle. This can be easily found by searching on the web for creating a triangle
using css. */
.toolstrip .qab.preserve-background .leftArrow {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

.toolstrip .qab.preserve-background .leftArrow {
    border-right: 7px solid rgba(255, 255, 255, 0.4);
}

.toolstrip .qab.preserve-background .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue {
    background-color: rgba(255, 255, 255, 0.4);
}
.toolstrip .qab.preserve-background .mwQabDropDownContainer.mwToggleableQabFactoryControlsTrue .mwDropDownButton {
    margin-left: 0;
}

.toolstrip .qab.preserve-background .mwQabOverflowContainer {
    background: rgba(255, 255, 255, 0.4);
}

.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwArrowIconNode, 
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwArrowIconNode, 
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwArrowIconNode {
    border-color: #000 transparent transparent transparent;
}

.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwPushButton,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleButton,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwDropDownButton,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton {
    color: #000;
}

.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwPushButton.mwPushButtonHover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonHover:not(.mwToggleButtonChecked),
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:hover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:hover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled):not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwDropDownNeverDisabledTrue .mwFocusNode:hover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:not(.mwToggleSplitButtonChecked):hover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled):not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwDropDownNeverDisabledTrue:not(.mwHasMenuOpened) .mwFocusNode:hover {
    background: #88aacc;
    box-shadow: none;
}

.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwPushButton.mwPushButtonActive,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonActive,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonChecked,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:active,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:active,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:active,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonChecked .mwButtonNode,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwHasMenuOpened .mwFocusNode,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwHasMenuOpened .mwFocusNode,
.toolstrip .qab.preserve-background .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwHasMenuOpened .mwFocusNode {
    background: #446688;
    box-shadow: none;
}

.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwPushButton.mwPushButtonHover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwToggleButton.mwToggleButtonHover {
    background: var(--topRight-widget-hover-bg-color);
    box-shadow: none;
}

.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:hover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:hover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwFocusNode:hover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwSplitButton.mwDropDownNeverDisabledTrue .mwFocusNode:hover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:hover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwFocusNode:hover,
.toolstrip .topRightContainer > :not(.QABContainer) .mwDefaultVisualFamily.mwToggleSplitButton.mwDropDownNeverDisabledTrue .mwFocusNode:hover {
    background: var(--topRight-widget-hover-bg-color);
    box-shadow: none;
}

.toolstrip .qab .mwDefaultVisualFamily.mwHorizontalOrientation.mwPushButton.mwNoText .mwTextNode,
.toolstrip .qab .mwDefaultVisualFamily.mwHorizontalOrientation.mwSplitButton.mwNoText .mwTextNode,
.toolstrip .qab .mwDefaultVisualFamily.mwHorizontalOrientation.mwToggleButton.mwNoText .mwTextNode,
.toolstrip .qab .mwDefaultVisualFamily.mwHorizontalOrientation.mwDropDownButton.mwNoText .mwTextNode,
.toolstrip .qab .mwDefaultVisualFamily.mwHorizontalOrientation.mwToggleSplitButton.mwNoText .mwTextNode {
    display: none;
}
/* ============================== General Styles ============================== */

.toolstrip .section {
    white-space: normal;
    height: var(--toolstrip-section-height);
}

.toolstrip .section,
.toolstrip .section .sectionWrapper {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.toolstrip .section .sectionWrapper {
    display: inline-block;
    height: var(--toolstrip-sectionWrapper-height);
    width: 100%;
}

.toolstrip .section.isCollapsed .sectionWrapper {
    display: none;
}

.toolstrip .section .contentWrapper {
    display: inline-block;
    vertical-align: top;
}

/* ============================== Section Title Styles ============================== */
.toolstrip .section .title {
    border: none;
    margin: 0;
    padding: 0 3px;
    text-align: center;
    color: var(--mw-color-secondary);
    font-size: var(--sectionTitle-font-size);
    text-transform: var(--sectionTitle-text-transform);
    line-height: var(--sectionTitle-line-height);
    letter-spacing: var(--sectionTitle-letter-spacing);
    cursor: default;
    /* Safari only supports the property with the prefix  */
    -webkit-user-select: none;
	user-select: none;
    /* g2621047: Truncate the section's title if very large */
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolstrip .section.isCollapsed .title {
    display: none;
}
/* Make sure the two gallery sections have the same transformation css*/
.toolstrip .section[data-tag="motwToolstrip.plotsTab.plots"] .title {
    text-transform: none;
}
.toolstrip .section[data-tag="VariableEditorTabGroup.PlotSection"] .title {
    text-transform: none;
}

/* ============================== Column Container Styles ============================== */
.toolstrip .columnContainerWrapper {
    text-align: center;
    height: var(--toolstrip-columnWrapper-height);
    padding-left: 2px;
    padding-right: 2px;
}

.toolstrip .columnContainer {
    display: inline-block;
    height: var(--toolstrip-columnWrapper-height);
}

.toolstrip .columnContainer .column .controlWrapper table {
    margin: 0 auto;
}

/* ============================== Section Divider Styles ============================== */
.toolstrip .section .sectionDivider {
    margin-top: 8px;
    width: 1px;
    height: var(--sectionDivider-height);
    display: inline-block;
    background: var(--sectionDivider-bg-color);
    vertical-align: top;
}
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton {
    height: var(--sectionDropDownButton-height); /* Override OrientationMixin */
    margin: 0;
    border-radius: 0;
    border: none;
    padding: 0;
    background: var(--selectedTab-bg-color);
}

.toolstrip:not(.compactToolstrip) .section.isCollapsed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton {
    display: inline-block;
}

.toolstrip:not(.compactToolstrip) .section:not(.isCollapsed) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton {
    display: none;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwFocusNode {
    height: 100%;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwButtonAlignmentNode,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwButtonContainerNode {
    display: inline-block;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwFocusNode {
    height: calc(var(--toolstrip-section-height) - 2px);
    max-width: 100px;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwButtonNode {
    height: 0;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwDropDownNode {
    height: 100%;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwDropDownContainerNode {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwArrowNode {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwBlockTextNode,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwLastTextLineNode {
    display: none;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwTextNode {
    padding: 0 4px;
    border: none;
    color: var(--sectionTitle-font-color);
    font: inherit;
    font-size: var(--sectionTitle-font-size);
    text-transform: var(--sectionTitle-text-transform);
    letter-spacing: var(--sectionTitle-letter-spacing);
    max-height: calc(var(--sectionTitle-line-height) * 3);
    overflow: hidden;
    line-height: var(--sectionTitle-line-height);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwTextContentNode {
    display: block;
    position: relative;
    max-height: calc(var(--sectionTitle-line-height) * 4);
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

/* g2157494: Set the line height to var(--sectionTitle-line-height). Not setting it lets the ::before selector node take line height's
value as var(--widget-line-height) which causes the SectionDropDown text to get clipped when the text is >= 3 lines. */
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwTextContentNode::before{
    line-height: var(--sectionTitle-line-height);
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwArrowIconNode {
    margin: 0 auto;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: var(--mw-backgroundColor-iconuiFill) transparent transparent transparent;
    width: 0;
    height: 0;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwFocusNode:focus {
    outline: none;
}

.toolstrip:not(.compactToolstrip) .section:not(.isCollapsed) .sectionDropDownContainer {
    display: none;
}

.toolstrip:not(.compactToolstrip) .section.isCollapsed .sectionDropDownContainer {
    display: inline-block;
    vertical-align: top;
}

/* ===== Focus/Active/Disabled ===== */

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.dijitButtonDisabled,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.dijitDisabled {
    background: transparent;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.dijitButtonDisabled {
    background: none;
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.dijitButtonDisabled:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.toolstrip:not(.compactToolstrip) :not(.mwQabDropDownContainer) > .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:not(.mwDisabled).mwHasMenuOpened,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:active,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.mwHasMenuOpened {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--widget-active-bg-color);
}

.toolstrip:not(.compactToolstrip) :not(.mwQabDropDownContainer) > .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:not(.mwDisabled):not(:active):not(.mwHasMenuOpened):hover,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:not(:active):not(.mwHasMenuOpened):hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--widget-hover-bg-color);
}

/* ***** Handle Overflow Ellipsis ***** */
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwTextContentNode::after {
    /* Build the ellipsis node that we want displayed on vertical overflow */
    content: '...';
    text-align: right;
    width: 25%;
    height: var(--sectionTitle-line-height);
    right: 0;

    /* Position the ellipsis node on the correct line, based on height of parent */
    position: absolute;
    top: calc(calc(var(--sectionTitle-line-height) * 6) - 100%); /* 6 times line-height of textNode minus height of parent */
}

/* The following handle the background color in the various section states.
    Unfortunately, we cannot use "background-color: inherit", because this
    only works on backgrounds defined on direct parent elements, so each parent
    element up till the element defining a background would need this attribute
    set to inherit, and also, since the background we want to copy is a
    gradient itself, this does not translate well to all of the child elements,
    which are varying sizes, and thus their gradient's don't match up. */
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwTextContentNode::after {
    background: var(--selectedTab-bg-color);
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:not(:active):not(.mwHasMenuOpened):hover .mwTextContentNode::after {
    background: linear-gradient(to right, var(--transparent), var(--widget-hover-bg-color) 50%);
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:active .mwTextContentNode::after,
.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.mwHasMenuOpened .mwTextContentNode::after {
    background: linear-gradient(to right, var(--transparent), var(--widget-active-bg-color) 50%);
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwFocusNode {
    border: 1px solid var(--transparent);
}

.toolstrip:not(.compactToolstrip) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton .mwFocusNode:focus {
    border: 1px solid var(--selection-color);
}
.toolstrip.mwSectionPopup {
    background: var(--selectedTab-bg-color);
    border: var(--sectionPopup-border-color) 1px solid;
    overflow-y: hidden;
}

.toostrip.mwSectionPopup .columnContainerWrapper {
    text-align: center;
    height: var(--toolstrip-columnWrapper-height);
    padding-left: 3px;
    padding-right: 3px;
}

.toostrip.mwSectionPopup .columnContainer {
    display: inline-block;
    height: var(--toolstrip-columnWrapper-height);
}

.toostrip.mwSectionPopup .columnContainer .column .panel {
    margin-left: 2px;
}
/* Seems to be unused */
.toostrip.mwSectionPopup .columnContainer .column .controlWrapper table {
    margin: 0 auto;
}

.toostrip.mwSectionPopup .sectionContainer {
    display: inline-block;
    white-space: nowrap;
}
/* ============================== Dijit Overrides ============================== */
.toolstrip .tabGroupContainer {
    display: none;
}

.toolstrip .tabContainer .nowrapTabStrip {
    border: none;
    padding: 0;
    margin: 0;
}

.toolstrip .dijitTabContainer .tabStripButton {
    display: none;
}

.toolstrip .tabContainer .tabStripButton-top.dijitAlignRight.dijitbelow-altArrowButton {
    margin-right: 18px;
}

.toolstrip .tabContainer .dijitTabPaneWrapper {
    display: none;
    border: none;
}

.toolstrip.toolstripNotCollapsed .tabContainer .dijitTabPaneWrapper {
    display: block;
    border-bottom: var(--tabContainer-border-bottom);
}

.tundra .toolstrip .tabContentPane.dijitContentPane.dijitTabContainerTop-dijitContentPane,
.tundra .toolstrip .tabContentPane.dijitContentPane.dijitTabContainerLeft-dijitContentPane,
.tundra .toolstrip .tabContentPane.dijitContentPane.dijitTabContainerBottom-dijitContentPane,
.tundra .toolstrip .tabContentPane.dijitContentPane.dijitTabContainerRight-dijitContentPane,
.tundra .toolstrip .tabContentPane.dijitContentPane.dijitAccordionContainer-dijitContentPane {
    background: var(--selectedTab-bg-color);
    padding: 0;
}

/* ============================== General Styles ============================== */
.noMinWidth {
    min-width: 0px !important;
}

/* ============================== Tab Strip Styles ============================== */
.toolstrip .tabContainer .nowrapTabStrip {
    background: var(--globalTabButton-bg-color);
    height: 28px;
    width: 100%;
    white-space: nowrap;
    display: flex;
}

/* ============================== Tab Button Styles ============================== */
.toolstrip .tabContainer .mwWidget.mwTabButton {
    cursor: default;
    overflow: visible;
    min-width: 90px;
    text-align: center;
    height: 100%;
    padding: 0 8px;
    border-radius: 0;
    margin: 0;
    background: var(--globalTabButton-bg-color);
    border: 0;
    box-shadow: none;
    background-image: none;
    line-height: normal;
}

.toolstrip .tabContainer .mwWidget.mwTabButton:before {
    box-shadow: none;
    position: absolute;
    top: 3px;
    left: 0;
    right: 3px;
    bottom: 0;
    content: "";
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: -1;
}

.toolstrip.toolstripNotCollapsed .tabContainer .mwWidget.mwTabButton.mwTabButtonChecked:before {
    background: var(--selectedTab-bg-color);
}

.toolstrip .tabContainer .mwWidget.mwTabButton.toolstripContextualTab:hover:not(.mwTabButtonChecked):before,
.toolstrip .tabContainer .mwWidget.mwTabButton.mwRemovableTrue:hover:not(.mwTabButtonChecked):before,
.toolstrip .tabContainer .mwWidget.mwTabButton:hover:not(.mwTabButtonChecked):before,
.toolstrip:not(.toolstripNotCollapsed) .tabContainer .mwWidget.mwTabButton.toolstripContextualTab:hover.mwTabButtonChecked:before,
.toolstrip:not(.toolstripNotCollapsed) .tabContainer .mwWidget.mwTabButton.mwRemovableTrue:hover.mwTabButtonChecked:before,
.toolstrip:not(.toolstripNotCollapsed) .tabContainer .mwWidget.mwTabButton:hover.mwTabButtonChecked:before {
    background-color: var(--tabButton-bg-color-hover);
}

.toolstrip .tabContainer .mwTabButton:not(.toolstripContextualTab) + .toolstripContextualTab:before,
.toolstrip .tabContainer .mwTabButton:first-child:before,
.toolstrip .tabContainer .mwTabButton:not(.mwRemovableTrue) + .mwRemovableTrue:before,
.toolstrip .tabContainer .mwTabButton.mwRemovableTrue + .toolstripContextualTab:not(.mwRemovableTrue):before {
    left: 3px;
}

.toolstrip .tabContainer .mwTabButton .mwTabButtonTextNode {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: var(--tabButton-text-transform);
    font-size: var(--tabButton-font-size);
    font-family: var(--toolstrip-font-family);
    color: var(--tabButton-font-color);
    display: inline-block;
    border-radius: var(--tabButton-border-radius) var(--tabButton-border-radius) 0px 0px;
    width: 100%;
    margin-top: 4px;
    padding-bottom: 1px;
}

.toolstrip.toolstripNotCollapsed .tabContainer .mwWidget.mwTabButton.mwTabButtonChecked .mwTabButtonTextNode {
    color: var(--selectedTab-font-color);
}

.toolstrip .tabContainer .mwTabButton .mwTabButtonTextNode .mwTextLine {
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Safari only supports the property with the prefix  */
    -webkit-user-select: none;
	user-select: none;
}

.displayFocus .toolstrip .tabContainer .mwTabButton .mwTabButtonTextNode:focus .mwTextLine {
    border-color: var(--selection-color);
}

/* ============================== Tab Panel Styles ============================== */

.toolstrip .tabContentPane {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: var(--selectedTab-bg-color);
    height: var(--toolstrip-tabContent-height, 92px);
}

/* ============================== Section Container Styles ============================== */
.toolstrip .sectionContainer {
    display: inline-block;
    white-space: nowrap;
}

/* ============================== ??? ============================== */
/* ============================== ??? ============================== */
/* ============================== Removeable Tabs ============================== */
.toolstrip .mwWidget.mwTabButton.mwRemovableTrue {
    background-color: var(--removableTabButton-bg-color) ;
}

.toolstrip.toolstripNotCollapsed .mwTabButton.mwRemovableTrue .mwTabButtonTextNode {
    width: calc(100% - 16px);
    margin-right: 8px;
    margin-left: 8px;
}

.toolstrip.toolstripNotCollapsed .mwTabButton.mwTabButtonChecked.mwRemovableTrue .mwTabButtonTextNode {
    margin-right: 16px;
    margin-left: 0px;
}

.toolstrip.toolstripNotCollapsed .mwTabButton .mwTabButtonCloseNode,
.toolstrip.toolstripNotCollapsed .mwTabButton .mwTabButtonCloseNode:before,
.toolstrip.toolstripNotCollapsed .mwTabButton .mwTabButtonCloseNode:after {
    display: none;
}

.toolstrip.toolstripNotCollapsed .mwTabButton.mwTabButtonChecked.mwRemovableTrue .mwTabButtonCloseNode {
    position: absolute;
    right: 3px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 5px;
    bottom: 2px;
}

.toolstrip.toolstripNotCollapsed .mwTabButton.mwTabButtonChecked.mwRemovableTrue .mwTabButtonCloseNode:after {
    position: absolute;
    display: block;
    content: "";
    opacity: 0.5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/5aa60f6ea7ecbc2b4c1a.png) center no-repeat;
}

.mw-theme-dark .toolstrip.toolstripNotCollapsed .mwTabButton.mwTabButtonChecked.mwRemovableTrue .mwTabButtonCloseNode:after {
    filter: invert(100%); /* workaround till the png icon is repalced with svg icon */
}

.toolstrip.toolstripNotCollapsed .mwTabButton.mwTabButtonChecked.mwRemovableTrue .mwTabButtonCloseNode:hover:after {
    opacity: 0.88;
    background: url(../images/630a675e5ace70eab608.png) center no-repeat;
}

.toolstrip.toolstripNotCollapsed .mwTabButton.mwTabButtonChecked.mwRemovableTrue .mwTabButtonCloseNode:hover:before {
    content: " ";
    background-color: #606060;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px;
}

/* ============================== Contextual Tabs ============================== */
.toolstrip .tabContainer .mwWidget.mwTabButton.toolstripContextualTab:not(.mwRemovableTrue) {
    background-color: var(--contextualTabButton-bg-color) !important;
}
.toolstrip .topRightContainer {
    /*float: right;
    position: relative;*/
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}
/*
.toolstrip.toolstripNotCollapsed .topRightContainer {
    margin-top: -121px;
}

.toolstrip:not(.toolstripNotCollapsed) .topRightContainer {
    margin-top: -28px;
}
*/
.toolstrip .topRightContainer .searchContainer {
    display: none;
}

.toolstrip .topRightContainer .searchPopupContainer {
    vertical-align: middle;
    display: inline-block;
}

.toolstrip .topRightContainer .searchContainer {
    width: 350px;
    padding-top: 3px;
    height: 20px;
}

.toolstrip .topRightContainer .searchContainer mw-searchfield {
    height: 100%;
}

.toolstrip .topRightContainer .techPreviewContainer {
    padding-top: 3px;
}

/* g2430367: Prevent selection of search input*/
.toolstrip .topRightContainer .searchContainer input {
    user-select: none;
}

.toolstrip .topRightContainer .QABContainer,
.toolstrip .topRightContainer .searchPopupContainer {
    padding-top: 3px;
}

.toolstrip .topRightContainer > div {
    vertical-align: top;
    display: inline-block;
    margin: 0 2px;
}

/* This is put in place in order to fix the alignment issue in chrome on windows */
.toolstrip .topRightContainer .dijitButtonNode {
    vertical-align: top;
}

.toolstrip .topRightContainer .dijitArrowButton {
    vertical-align: middle;
}

.toolstrip .motwLogoutButton, .toolstrip .collapseButton {
    color: var(--mw-color-tertiary) !important;
    padding-top: 2px !important;
    box-shadow: none !important;
}

.toolstrip .motwLogoutButton, .toolstrip .collapseButton:not(.mwPushButtonFocused) {
    border-color: transparent !important;
}

.toolstrip .motwLogoutButton .mwArrowIconNode, .toolstrip .searchPopupDiv .mwArrowIconNode {
    border-color: var(--mw-color-tertiary) transparent transparent transparent !important;
}

/* Set the white focus border for top right container icons */
.QABContainer .mwWidget:not(.mwSplitButton):not(.mwToggleSplitButton):focus-within,
.QABContainer .mwWidget.mwSplitButton .mwButtonNode:focus,
.QABContainer .mwWidget.mwToggleSplitButton .mwButtonNode:focus,
.QABContainer .mwWidget.mwSplitButton .mwFocusNode:focus,
.QABContainer .mwWidget.mwToggleSplitButton .mwFocusNode:focus,
.logoutContainer .mwWidget:focus-within,
.searchPopupContainer .mwWidget:focus-within {
    border: 1px solid #FFFFFF !important;
}

/* Set the focus border radius of the logout button to match it with the normal button */
.logoutContainer .mwWidgetFocused {
    border-radius: 5px;
}

/* Set the padding-top within logout container to ensure the focus border appears to be aligned with the focus border
 of the QAB icons */
.logoutContainer {
    padding-top: 3px;
}

.logoutContainer .motwLogoutButton {
    padding-top: 0 !important;
}

.logoutContainer .motwLogoutButton:hover {
    background-color: var(--qab-widget-hover-bg-color) !important;
    border-color: var(--widget-hover-border-color) !important;
}

.logoutContainer .motwLogoutButton.mwHasMenuOpened:not(.mwDisabled) {
    background: var(--qab-widget-active-bg-color) !important;
    border-color: var(--widget-active-border-color) !important;
}

.toolstrip .topRightContainer.searchExpandMode .QABContainer,
.toolstrip .topRightContainer.searchExpandMode .headerControlsContainer,
.toolstrip .topRightContainer.searchExpandMode .logoutContainer,
.toolstrip .topRightContainer.searchExpandMode .searchPopupContainer,
.toolstrip .topRightContainer.searchExpandMode .techPreviewContainer {
    display: none;
}

.toolstrip .topRightContainer.searchExpandMode {
    z-index: 1;
    width: 100%;
    height: 28px;
    padding-bottom: 3px;
    background-color: var(--mw-backgroundColor-header);
}

.toolstrip .topRightContainer.searchExpandMode .searchContainer {
    z-index: 2;
    width: 100%;
    height: 28px;
    display: inline-block;
    text-align: -webkit-center;
    position: absolute;
    padding-top: 4px;
}

.toolstrip .topRightContainer.searchExpandMode .searchContainer mw-searchfield {
    height: 21px;
    max-width: 350px;
}


/* This file contains styles shared across ALL the widgets in this visual family. */


/* By default remove all the browser outline styles from all the widgets of this visual family, some widgets may opt in
to show the outline, like the TextField per its visual design */
.toolstrip .mwDefaultVisualFamily.mwWidget,
.toolstrip .mwDefaultVisualFamily.mwWidget * {
    outline: none;
}
/* The entire gallery widget */
.gallery {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 68px;
    white-space: nowrap; /* To prevent the openPopupDiv from wrapping to next line when resizing */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: var(--selectedTab-bg-color);
}

.gallery .aroundNode {
    position: absolute;
    /* Account for border */
    top: -1px;
    left: -1px;
    width: 100%;
}

.gallery.busy .busyLayer, .gallery.busy .busyIndicator {
    display: block;
}

.gallery .busyLayer {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
}

.gallery .busyIndicator {
    height: 16px;
    width: 16px;
    position: absolute;
    display: none;
    left: 50%;
    top: 26px;
    background: url(../images/c601cb127f3667bf9335.gif) no-repeat;
}

.gallery .textOverlayWrapper {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 5px; /* same as mainArea's left margin */
}

.gallery .textOverlayCell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.gallery .textOverlay {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: var(--widget-font-color);
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 12px;
    background: var(--mw-backgroundColor-secondary);
}

/* The area that contains the gallery items */
.gallery .mainArea {
    display: inline-block;
    vertical-align: top;
    padding: 1px 5px 0 5px;
    height: 65px;
    border-top: var(--gallery-border-color) 1px solid;
    border-bottom: var(--gallery-border-color) 1px solid;
    border-left: var(--gallery-border-color) 1px solid;
    white-space: normal; /* We want the items to wrap around, specially for 2 and 3 row galleries. */
    background: var(--gallery-bg-color);
    text-align: left;
}

.gallery.busy .mainArea, .gallery.busy .openPopupDiv {
    opacity: 0.2;
}

.gallery .openPopupDiv {
    height: 66px;
    display: inline-block;
    vertical-align: top;
    border: var(--gallery-border-color) 1px solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 5px;
}

.gallery:not(.mwWidgetDisabled) .openPopupDiv:hover {
    background: var(--selectedTab-bg-color);
}

.displayFocus .gallery .openPopupDiv:focus {
    border-color: rgb(0, 153, 255);
}

.gallery .openPopupDiv .buttonDownArrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--mw-backgroundColor-iconuiFill);
    margin: 32px auto;
}

/* The items themselves */
.toolstrip .gallery .Item {
    color: var(--widget-font-color);
}
.galleryPopupWrapper {
    background: var(--galleryPanel-bg-color);
    overflow: hidden !important;
    /* ie-11 fix as shown by the second answer in the following post:
       http://stackoverflow.com/questions/21600345/flexbox-and-internet-explorer-11-displayflex-in-html */
    display: flex;
}

.GalleryListViewButton, .GalleryIconViewButton, .GalleryCloseButton {
    display: inline !important;
}

.toolstrip.galleryPanel .mwMenu {
    width:100%;
    padding-left: 0;
    padding-top: 0;
}

.toolstrip.galleryPanel .mwMenu .mwTextFieldMenuItem .mwTextField {
    height: 22px;
}

.galleryPanel {
    border: var(--galleryPanel-border-color) 1px solid;
    background: var(--galleryPanel-bg-color);
    overflow: hidden;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    line-height: normal;
}

.galleryPanel .radioButtonWrapper {
    display: inline-block;
}

.galleryPanel .footerContainer {
    display: block;
    height: auto;
    border-top: var(--galleryPanel-footerContainer-border-color) 1px solid;
    position: relative;
    z-index: 10;
    flex-grow: 0;
    flex-shrink: 0;
}

.galleryPanel .footerContainer.hideFromView {
    display: none;
}

.galleryPanel .radioButtonLabel {
    color: black;
    font-size: 11px !important;
    vertical-align: middle;
}

.list_view .Category .itemWrapper {
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
}

.galleryPanel .header.margin {
    margin-top: 3px;
    margin-bottom: 3px;
}

.galleryPanel .header {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: space-around;
    align-items: center;
}

.galleryPanel .header > * {
    display: inline-flex;
}

.galleryPanel .header .mwSearchTextFieldContainerNode {
    width: calc(100% - 61px); /* 61px visually determined */
}

.galleryPanel.galleryPopup .header .mwSearchTextFieldContainerNode {
    width: calc(100% - 90px); /* 90px visually determined */
}

.galleryPanel .header .mwSearchTextFieldContainerNode .mwSearchTextField {
    width: 100%;
}

.galleryPanel:not(.galleryPopup) .header .ButtonWrapper {
    white-space: nowrap;
}

.galleryPanel .header .ButtonWrapper > * {
    display: inline-flex;
}

.galleryPanel .header .ButtonWrapper > *:not(:last-child) {
    margin-right: 2px;
}

.galleryPopup .header .mwCloseButtonNode {
    background: url(../images/ad4f58ee6674d1ae793c.png) no-repeat;
    height: 12px;
    width: 12px;
    opacity: 0.35;
    background-origin: content-box;
    padding: 5px; /* Provide a larger clickable area */
}

.mw-theme-dark .galleryPopup .header .mwCloseButtonNode {
    filter: invert(100%); /* workaround till the png icon is repalced with svg icon */
}

.galleryPopup .header .mwCloseButtonWrapper {
    margin-left: -5px; /* Reduce the space before the close icon */
    border: 1px solid transparent;
    border-radius: 5px;
}

.galleryPopup .header .mwCloseButtonWrapper.mwCloseButtonFocused {
    border-color: rgb(0, 153, 255);
}

.galleryPopup .header .mwCloseButtonNode:hover {
    opacity: 0.50;
}

.galleryPanel:not(.galleryPopup) .header .mwCloseButtonNode {
    display: none;
}

.galleryPanel .categoryContainer {
    overflow-y: auto;
    overflow-x: auto;
    cursor: default;
    flex-grow: 1;
    flex-shrink: 1;
}

.galleryPanel .categoryContainer .noSearchMatchNode {
    border-top: var(--galleryPanel-noSearchMatchNode-border-color) 1px solid;
    padding-top: 12px;
    padding-left: 10px;
    font-size: 13px;
    color: var(--galleryPanel-noSearchMatchNode-font-color);
}

.galleryPanel .toolstripPopupList {
    width: 100%;
}

.galleryPanel.compact_mode .footer > * {
    padding: 0 5px 0 3px;
}
.galleryPanel .Category .titleIcon {
    /*display: inline-block;*/
    /*vertical-align: bottom;*/
}

.galleryPanel .Category .titleIconContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.galleryPanel .Category,
.galleryPanel .Category .gridWrapperNode,
.galleryPanel .Category .categoryHeader {
    position: relative;
}

.list_view .categoryHeader,
.icon_view .categoryHeader {
    border-bottom: var(--galleryCategoryHeader-border-color) 1px solid;
    border-top: var(--galleryCategoryHeader-border-color) 1px solid;
}

.galleryPanel .Category .categoryHeader .mwHeaderDropNode {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list_view .Category .gridWrapperNode,
.icon_view .Category .gridWrapperNode {
    margin-left: 3px;
    margin-right: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.icon_view .Category.hideFromView,
.list_view .Category.hideFromView {
    display: none;
}

.icon_view .Category .gridWrapperNode.mwEmptyNode,
.list_view .Category .gridWrapperNode.mwEmptyNode {
    font-style: italic;
    padding: 8px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mw-color-primary);
}

.icon_view .Category {
    padding: 0;
}

.icon_view .Category:last-child {
    border-bottom: 0;
}

.icon_view .favCategoryContainer .Category:last-child {
    border-bottom: var(--galleryCategory-border-color) 1px solid;
}

.icon_view.columnMajorLayout .Category .gridWrapperNode {
    display: grid;
    grid-auto-flow: column;
}

.icon_view .Category .categoryHeader,
.list_view .Category .categoryHeader {
    display: flex;
}

.galleryPanel .Category .categoryHeader {
    height: 22px;
}

.icon_view .Category .categoryHeader,
.list_view .Category .categoryHeader {
    background-color: var(--galleryCategoryHeader-bg-color);
}

.galleryPanel .Category .categoryHeader .categoryTitle:focus {
    text-decoration: underline;
}

.list_view .Category .categoryHeader .categoryTitle,
.icon_view .Category .categoryHeader .categoryTitle {
    flex-grow: 1;
    padding-top: 5px;
    padding-left: 4px;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon_view .Category .categoryHeader .categoryTitle,
.list_view .Category .categoryHeader .categoryTitle {
    color: var(--galleryCategoryHeader-font-color);
}

.icon_view .otherCategoriesContainer .Category:nth-child(odd) {
    background: var(--galleryPanel-bg-color);
}

.list_view .Category,
.icon_view .favCategoryContainer .Category,
.icon_view .otherCategoriesContainer .Category:nth-child(even) {
    background: var(--galleryPanel-bg-color);
}

/* Favorite Category hide/show */
.galleryPanel.favoritesEnabled .favCategoryContainer {
    display: block;
}

.galleryPanel.favoritesDisabled .favCategoryContainer {
    display: none;
}

.galleryPanel .Category .categoryHeader .controlsNode {
    display: flex;
    flex-direction: row;
    justify-content: center;
    white-space: nowrap;
    margin-right: 6px;
    margin-left: 6px;
    overflow: hidden;
    top: 0;
}

.galleryPanel .Category .categoryHeader .controlsNode .control {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    width: 22px;
    height: 100%;
    border-radius: 0;
    background: rgba(0,0,0,0);
}

.galleryPanel .Category .categoryHeader .controlsNode .control::after,
.galleryPanel .Category .categoryHeader .controlsNode .control::after {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.galleryPanel .Category .categoryHeader .controlsNode .control:hover,
.galleryPanel .Category .categoryHeader .controlsNode .control:hover {
    border: 1px var(--mw-backgroundColor-iconuiFill-primary) solid;
}

.galleryPanel .favCategoryContainer .Category .categoryHeader .controlsNode,
.galleryPanel.preventReorderCategories .otherCategoriesContainer .Category .categoryHeader .controlsNode,
.galleryPanel.isolatingCategory .otherCategoriesContainer .Category .categoryHeader .controlsNode,
.galleryPanel .otherCategoriesContainer .Category:first-child .categoryHeader .controlsNode .moveTopButton,
.galleryPanel .otherCategoriesContainer .Category:last-child .categoryHeader .controlsNode .moveBottomButton {
    display: none;
}

.galleryPanel .Category .categoryHeader .controlsNode .control {
    border: 1px solid transparent;
}

.galleryPanel .Category .categoryHeader .controlsNode .control:focus {
    border-color: rgb(0, 153, 255);
}

.galleryPanel .Category .categoryHeader .controlsNode .moveTopButton::after {
    content: url(../images/67ce7a5a11b4366a9812.png);
}

.galleryPanel .Category .categoryHeader .controlsNode .moveBottomButton::after {
    content: url(../images/b197e69889e3766741bf.png);
}
 /* Gallery Item */
.icon_view .Item {
    position: relative;
    border-left: 0;
    border-right: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.galleryPanel .Item {
    color: var(--widget-font-color);
}

.list_view .Item {
    position: relative;
}

.list_view .Item {
    padding: 0;
    display: block;
}

.list_view .Item .itemWrapper {
    /* Keep an extra 1px padding on the bottom to compensate for drag and drop affordance */
    padding: 10px 45px 11px 20px; /* fix for g2020843: reserve space for controlsNode on the right*/
}

/* Disabling the hover state on disabled item. See g1458122 */
.list_view:not(.mwWidgetDisabled) .Item:hover:not(.mwWidgetDisabled):not(.mwToggleGalleryItemChecked) {
    background: var(--galleryItem-hover-bg-color);
}

.icon_view .Item.hideFromView,
.list_view .Item.hideFromView {
    display: none;
}


.list_view .Item .labelWrapper,
.icon_view .Item .labelWrapper{
    cursor: default;
}

.icon_view .Item .label {
    font: inherit;
    text-align: center;

    /* max-height and position on label are used to allow height to grow to 3
    lines max, and allow the height property to be used by calc in ::after */
    position: relative;
    max-height: calc(var(--galleryItem-line-height) * 3); /* 3 times line-height of labelWrapper */

    /* white-space, overflow, and text-overflow are used to get the desired wrap
    and single-line overflow behavior */
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: var(--galleryItem-line-height);
}

.icon_view.oneLine .Item .label,
.list_view .Item .label {
    white-space: nowrap;
}

.icon_view.twoLine .Item .label {
    padding: 0 4px;
}

.list_view .Item .iconWrapper {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
}

.gallery .Item .itemWrapper,
.galleryPanel .Item .itemWrapper {
    border: transparent 1px solid;
}

.gallery.icon_view .Item .itemWrapper,
.galleryPanel.icon_view .Item .itemWrapper,
.gallery.list_view .Item .itemWrapper,
.galleryPanel.list_view .Item .itemWrapper {
    border-radius: 5px;
}

.icon_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked:not(.mwWidgetDisabled):hover .itemWrapper,
.list_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked:not(.mwWidgetDisabled):hover .itemWrapper  {
    background: var(--mw-backgroundColor-toggleOn-hover);
    border: var(--mw-borderColor-toggleOn-hover) 1px solid;
}

.icon_view:not(.mwWidgetDisabled) .Item:not(.mwWidgetDisabled):not(.mwToggleGalleryItemChecked):hover .itemWrapper,
.list_view:not(.mwWidgetDisabled) .Item:not(.mwWidgetDisabled):not(.mwToggleGalleryItemChecked):hover .itemWrapper  {
    /*  
        TODO: Update the background variable to reference an equivalent widget variable.
              This is essentially to improve readability
    */
    background: var(--galleryItem-hover-bg-color);
    border: var(--widget-hover-border-color) 1px solid;
}

.icon_view:not(.mwWidgetDisabled) .Item:not(.mwWidgetDisabled):not(.mwToggleGalleryItemChecked) .itemWrapper:active,
.list_view:not(.mwWidgetDisabled) .Item:not(.mwWidgetDisabled):not(.mwToggleGalleryItemChecked) .itemWrapper:active  {
    /*  
        TODO: Update the background variable to reference an equivalent widget variable.
              This is essentially to improve readability
    */
    background: var(--galleryItem-active-bg-color);
    border: var(--widget-active-border-color) 1px solid;
}

.galleryPanel .Item .controlsNode {
    display: flex;
    flex-direction: row;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    top: 0;
}

.galleryPanel .Item .controlsNode .control {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    border-radius: 0;
    background: rgba(0,0,0,0);
}

.galleryPanel.list_view .Item .controlsNode {
    height: 22px;
}

.galleryPanel.list_view .Item .controlsNode .control {
    width: 22px;
}

.galleryPanel.icon_view .Item .controlsNode {
    height: 18px;
}

.galleryPanel.icon_view .Item .controlsNode .control {
    width: 18px;
}

 .galleryPanel .Item .controlsNode .control::after {
     width: 16px;
     height: 16px;
 }

.galleryPanel.icon_view.twoRow .Item .controlsNode,
.galleryPanel.icon_view.threeRow .Item .controlsNode {
    height: 14px;
}

.galleryPanel.icon_view.twoRow .Item .controlsNode .control,
.galleryPanel.icon_view.threeRow .Item .controlsNode .control {
    width: 14px;
}

.galleryPanel.icon_view.twoRow .Item .controlsNode .control::after,
.galleryPanel.icon_view.twoRow .Item .controlsNode .control::after {
    width: 12px;
    height: 12px;
}

.galleryPanel .Item .controlsNode .control::after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.galleryPanel .Item .controlsNode .control {
    border: 1px solid transparent;
}

.galleryPanel .Item .controlsNode .control:hover {
    border: 1px var(--mw-borderColor-primary) solid;
}

.galleryPanel .Item .controlsNode .control:active {
    border: 1px var(--mw-borderColor-primary) solid;
}

.galleryPanel .Item.isFavorite .favButton::after {
    content: url(../images/62124571ce899d3bccf4.png);
}

/* Show the favorite star icon when the item gets focus. */
.galleryPanel .Item:not(.isFavorite) .itemWrapper:focus + .controlsNode .favButton::after {
    content: url(../images/774904f7d94e8230d218.png);
}

.galleryPanel.list_view .Item:hover:not(.isFavorite) .favButton::after {
    content: url(../images/774904f7d94e8230d218.png);
}

.galleryPanel.icon_view .Item:hover:not(.isFavorite) .favButton::after,
.galleryPanel.list_view .Item:not(.isFavorite) .favButton:hover::after {
    content: url(../images/774904f7d94e8230d218.png);
}

.galleryPanel.icon_view.twoRow .Item.isFavorite .favButton::after,
.galleryPanel.icon_view.threeRow .Item.isFavorite .favButton::after {
    content: url(../images/7d2da2469fdb5c8886e0.png);
}

.galleryPanel.icon_view.twoRow .Item:hover:not(.isFavorite) .favButton::after,
.galleryPanel.icon_view.threeRow .Item:hover:not(.isFavorite) .favButton::after {
    content: url(../images/a734a9f8d9ceb2718fac.png);
}

.galleryPanel.icon_view.twoRow .Item:not(.isFavorite) .itemWrapper:focus + .controlsNode .favButton::after,
.galleryPanel.icon_view.threeRow .Item:not(.isFavorite) .itemWrapper:focus + .controlsNode .favButton::after {
    content: url(../images/a734a9f8d9ceb2718fac.png);
}

/* Show the favButton star icon when favorite button gets focus */
.galleryPanel .Item:not(.isFavorite) .favButton:focus::after {
    content: url(../images/774904f7d94e8230d218.png);
}

/* Show the favButton star icon when favorite button gets focus */
.galleryPanel.icon_view.twoRow .Item:not(.isFavorite) .favButton:focus::after,
.galleryPanel.icon_view.threeRow .Item:not(.isFavorite) .favButton:focus::after {
    content: url(../images/a734a9f8d9ceb2718fac.png);
}

.icon_view.twoRow .Item .itemWrapper,
.icon_view.threeRow .Item .itemWrapper {
    display: flex;
}

.gallery .Item .iconWrapper .iconNode,
.galleryPanel .Item .iconWrapper .iconNode {
    height: inherit;
    width: inherit;
}

/* One Row Gallery Items */
.icon_view.oneRow .Item {
    width: 68px;
    height: 64px;
}

.icon_view.oneRow .Item .itemWrapper {
    height: 62px;
}

.oneRow.zeroLine .Item .iconWrapper {
    height: 40px;
    width: 60px; /* If updated, also update the calc() for .labelWrapper */
    background-repeat: no-repeat;
    margin: 12px auto 0 auto;
}

.oneRow.oneLine .Item .iconWrapper {
    height: 40px;
    width: 60px; /* If updated, also update the calc() for .labelWrapper */
    background-repeat: no-repeat;
    margin: 2px auto 0 auto;
}

.icon_view.oneRow.zeroLine .Item .iconWrapper,
.icon_view.oneRow.oneLine .Item .iconWrapper {
    /* g2856344: svg icons are 50px wide, align them to the center */
    display: flex;
    justify-content: center;
}

.icon_view.oneRow.oneLine .Item .labelWrapper {
    margin-top: 2px;
}

.list_view.oneRow.zeroLine .Item .labelWrapper,
.list_view.oneRow.oneLine .Item .labelWrapper {
    margin-right: 0;
    width: calc(100% - 60px); /* 100% - [width of .iconWrapper] */
}

.oneRow.twoLine .Item .iconWrapper {
    height: 24px;
    width: 24px; /* If updated, also update the calc() for .labelWrapper */
    background-repeat: no-repeat;
}

.gallery.oneRow.twoLine .Item .iconWrapper {
    margin: 4px auto 0 auto;
}

.galleryPanel.oneRow.twoLine .Item .iconWrapper {
    margin: 4px auto 0 auto;
}

/* Two Row Gallery Items */
.gallery.icon_view.twoRow .Item,
.gallery.icon_view.threeRow .Item {
    height: 22px;
}

.icon_view.twoRow .Item .itemWrapper,
.icon_view.threeRow .Item .itemWrapper  {
    height: 20px;
    padding: 0 2px;
}

.gallery.twoRow .mainArea {
    padding-top: 12px;
    height: 54px;
}

.gallery.twoRow .Item .iconWrapper,
.gallery.threeRow .Item .iconWrapper {
    height: 16px;
    width: 16px;
    margin: 2px auto 0 auto;
}

.icon_view.twoRow.oneLine .Item .iconWrapper,
.icon_view.twoRow.oneLine .Item .labelWrapper,
.icon_view.threeRow.oneLine .Item .iconWrapper,
.icon_view.threeRow.oneLine .Item .labelWrapper {
    display: inline-block;
    vertical-align: top;
}

/* .labelTextLine appears to not be in use anymore, but need to verify */
.icon_view.twoRow.oneLine .Item .labelWrapper .label,
.icon_view.threeRow.oneLine .Item .labelWrapper .label,
.icon_view.twoRow.oneLine .Item .labelWrapper .labelTextLine,
.icon_view.threeRow.oneLine .Item .labelWrapper .labelTextLine {
    text-align: left;
}

.icon_view.twoRow.oneLine .Item .iconWrapper,
.icon_view.threeRow.oneLine .Item .iconWrapper {
    margin-left: 0px;
    margin-right: 0px;
}

.icon_view.twoRow.oneLine .Item .labelWrapper,
.icon_view.threeRow.oneLine .Item .labelWrapper {
    margin-top: 2px;
    margin-left: 6px;
}
.icon_view.twoRow.oneLine .Item .secondLine,
.icon_view.threeRow.oneLine .Item .secondLine {
    display: none;
}

/* Two Row Gallery Popup Items*/

.galleryPanel.icon_view.twoRow .Item,
.galleryPanel.icon_view.threeRow .Item {
    height: 30px;
}

.galleryPanel.icon_view.twoRow .Item .itemWrapper,
.galleryPanel.icon_view.threeRow .Item .itemWrapper {
    height: 28px;
    margin-left: 3px;
    margin-right: 3px;
}

.galleryPanel.twoRow .Item .iconWrapper,
.galleryPanel.threeRow .Item .iconWrapper {
    height: 16px;
    width: 16px;
    margin: 6px auto 0 auto;
}

.galleryPanel.icon_view.twoRow.oneLine .Item .labelWrapper,
.galleryPanel.icon_view.threeRow.oneLine .Item .labelWrapper {
    margin-top: 6px;
    margin-left: 6px;
}

/* Three Row Gallery Items */

.gallery.threeRow .mainArea {
    padding-top: 0;
    height: 66px;
}

/* Favorite Button */
.icon_view.oneRow .Item .controlsNode {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1;
}

.icon_view.twoRow .Item .controlsNode,
.icon_view.threeRow .Item .controlsNode {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 0;
}

.icon_view.twoRow.zeroLine .Item .controlsNode,
.icon_view.threeRow.zeroLine .Item .controlsNode {
    left: 50%;
}

.icon_view.twoRow.oneLine .Item .controlsNode,
.icon_view.threeRow.oneLine .Item .controlsNode {
    left: 20px;
}

.displayFocus .gallery .Item .itemWrapper:focus,
.galleryPanel .Item .favButton:focus {
    border-color: var(--selection-color);
}

/*Three Row Gallery Popup Items*/

.galleryPanel.list_view .Item .controlsNode {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 10px; /*fix for g2020843: moving controlNodes slightly to the right*/
}

.galleryPanel.favoritesEnabled.icon_view .Item .favButton {
    display: block;
}

.galleryPanel.favoritesDisabled.icon_view .Item .favButton,
.galleryPanel.favoritesDisabled.list_view .Item .favButton {
    display: none;
}

/* Label and Description */
.icon_view.zeroLine .Item .labelWrapper {
    display: none;
}

.icon_view.oneLine .Item .labelWrapper .secondLine {
    display: none;
}

.list_view .Item .labelWrapper {
    padding-left: 10px;
    width: calc(100% - 24px); /* 100% - [width of .iconWrapper] */
    display: inline-block;
    vertical-align: middle;
    height: auto;
}

.icon_view .Item .labelWrapper {
    height: auto;

    /* max-height and overflow on wrapper are used to clip visible text to 2 lines max */
    line-height: var(--galleryItem-line-height);
    max-height: calc(var(--galleryItem-line-height) * 2); /* 2 times line-height of labelWrapper */
    overflow: hidden;
}

.icon_view.twoRow .Item .labelWrapper,
.icon_view.threeRow .Item .labelWrapper {
    width: 100%;
}

.list_view .Item .label {
    font: inherit;
    color: var(--galleryItem-label-font-color);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.list_view .Item .description {
    font: inherit;
    white-space: normal;
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.icon_view .Item .description {
    display: none;
}

/* Active Behavior */
.list_view:not(.mwWidgetDisabled) .Item.mwGalleryItem:not(.mwWidgetDisabled) .itemWrapper:active {
    background: var(--galleryItem-active-bg-color);
}

/* Checked behavior */
.icon_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem:not(.mwWidgetDisabled):active .itemWrapper,
.icon_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked:active .itemWrapper,
.icon_view .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked .itemWrapper,
.list_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked:active .itemWrapper,
.list_view .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked .itemWrapper {
    background: var(--galleryItem-active-bg-color);
    border: 1px solid var(--widget-active-border-color);
}

.icon_view.displayFocus .Item .itemWrapper:focus,
.icon_view .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked .itemWrapper:focus,
.list_view.displayFocus .Item .itemWrapper:focus,
.list_view .Item.mwToggleGalleryItem.mwToggleGalleryItemChecked .itemWrapper:focus {
    border: 1px solid var(--selection-color);
}

/* Overriding toolstrip.css opacity as the favorite button is also looking disabled.
   see geck g1406019*/
.toolstrip .mwGalleryItemDisabled.mwWidgetDisabled,
.toolstrip .mwToggleGalleryItemDisabled.mwWidgetDisabled {
    opacity: 1;
}

.toolstrip .mwGalleryItemDisabled .itemWrapper,
.toolstrip .mwToggleGalleryItemDisabled .itemWrapper {
    opacity: var(--mw-opacity-disabled);
}

/* g2430367: Prevent selection of gallery item labels*/
.toolstrip .mwGalleryItem.Item .label {
    user-select: none;
}

/* ***** Handle Overflow Ellipsis ***** */
.icon_view .Item .label::after {
    /* Build the ellipsis node that we want displayed on vertical overflow */
    content: '...';
    text-align: right;
    width: 25%;
    height: var(--galleryItem-line-height); /* 1 times line-height of labelWrapper */
    right: 5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 5px;

    /* Position the ellipsis node on the correct line, based on height of parent */
    position: absolute;
    top: calc(calc(var(--galleryItem-line-height) * 4) - 100%); /* 4 times line-height of labelWrapper minus height of labelWrapper */
}

/* The following are needed to handle the many Gallery Item states.
    Unfortunately, we cannot use "background-color: inherit", because this
    only works on backgrounds defined on direct parent elements, so each parent
    element up till the element defining a background would need this attribute
    set to inherit, and also, since the background we want to copy is a
    gradient itself, this does not translate well to all of the child elements,
    which are varying sizes, and thus their gradient's don't match up. */
.gallery.icon_view:not(.mwWidgetDisabled) .Item .label::after {
    background: linear-gradient(to right, var(--transparent), var(--gallery-bg-color) 50%);
}

.galleryPanel.icon_view:not(.mwWidgetDisabled) .Item .label::after {
    background: linear-gradient(to right, var(--transparent), var(--galleryPanel-bg-color) 50%);
}

.icon_view:not(.mwWidgetDisabled) .Item:hover:not(.mwWidgetDisabled) .label::after {
    background: linear-gradient(to right, var(--transparent), var(--galleryItem-hover-bg-color) 50%);
}

.icon_view:not(.mwWidgetDisabled) .Item:not(.mwWidgetDisabled) .itemWrapper:active .label::after,
.icon_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem.mwWidgetChecked:hover:not(.mwWidgetDisabled) .label::after,
.icon_view:not(.mwWidgetDisabled) .Item.mwToggleGalleryItem.mwWidgetChecked:not(.mwWidgetDisabled) .label::after {
    background: linear-gradient(to right, var(--transparent), var(--galleryItem-active-bg-color) 50%);
}

/* Currently, the "::after" node is not visible because of "overflow: hidden",
so technically we don't need to hide it with "display: none", but we may want to
add this logic back, if there is a performance impact, or a CSS bug in a
particular browser. */
/*
.icon_view.oneLine .Item .label::after {
    display: none !important;
}
*/

.list_view.mwCompactListViewDisplayDensity .mwGalleryItem.Item {
    height: 22px;
    padding: 0;
}

.list_view.mwCompactListViewDisplayDensity .mwGalleryItem.Item .itemWrapper {
    display: flex;
    padding: 0;
    padding-left: 10px;
    height: 100%;
    box-sizing: border-box;
}

.list_view.mwCompactListViewDisplayDensity .mwGalleryItem.Item .iconWrapper {
    margin: 2px 0 0 0;
}

.galleryPanel.mwCompactListViewDisplayDensity .mwGalleryItem.Item .iconWrapper {
    width: 16px; /* If updated, also update the calc() for .labelWrapper */
    height: 16px;
}

.list_view.mwCompactListViewDisplayDensity .mwGalleryItem.Item .labelWrapper {
    overflow: hidden;
    margin-top: 1px;
    width: calc(100% - 16px); /* 100% - [width of .iconWrapper] */
    line-height: normal;
}

.list_view.mwCompactListViewDisplayDensity .mwGalleryItem.Item .label {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    color: var(--widget-font-color);
}

 .list_view.mwCompactListViewDisplayDensity .mwGalleryItem.Item .description {
     display: none;
  }

/* Options Affordance */

/* TODO: Add additional CSS to style 'Options' affordance as a focus control */
.Item .optionsNode {
    display: none;
}
.icon_view .Category .dojoDndItemBefore,
.icon_view .Category .dojoDndItemAfter {
    overflow: visible;
}

.icon_view .Category .dojoDndItemBefore::before {
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    width: 2px;
    background-color: #000;
    content: "";
}

.icon_view .Category .dojoDndItemAfter::after {
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: 2px;
    background-color: #000;
    content: "";
}

.list_view .Category .dojoDndItemBefore {
    border-left: 0;
}

.list_view .Category .dojoDndItemAfter {
    border-right: 0;
}

.list_view .Category .dojoDndItemBefore::before {
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 2px;
    background-color: #000;
    content: "";
}

.list_view .Category .dojoDndItemAfter::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: #000;
    content: "";
}

.list_view .Category .dojoDndItemAfter:last-child::after {
    bottom: 0;
}

.list_view .Category .mwHeaderDropNode.mwHeaderDropNodeDragOver {
    /*display: inline-block;*/
}

.list_view .Category .mwHeaderDropNode.mwHeaderDropNodeDragOver::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    content: "";
}

.favCategoryContainer .dojoDndSourceMoved {
    opacity: 0.5;
}

.icon_view .Category .dojoDndItemOver,
.list_view .Category .dojoDndItemOver {
    cursor: auto;
    background-image: none;
}

.icon_view .Category .dojoDndItemSelected,
.list_view .Category .dojoDndItemSelected,
.icon_view .Category .dojoDndItemAnchor,
.list_view .Category .dojoDndItemAnchor {
    background: none;
}

.galleryItemAvatar .favButtonWrapper {
    display: none;
}
.toolstrip.galleryPanel .VerticalToggleButton .dijitButtonNode {
    height: 24px;
}

.toolstrip.galleryPanel .VerticalToggleButton .dijitButtonContents {
    padding-top: 0;
    min-width: 0;
}

.activeStar, .inactiveStar, .starTitle {
    height: 16px;
    width: 16px;
}

.activeStar {
    background: url(../images/62124571ce899d3bccf4.png);
}

.inactiveStar {
    background: url(../images/774904f7d94e8230d218.png);
}

.starTitle {
    background: url(../images/435993c8c7a4f5c8e567.png);
}

.icon_view_list_16 {
    background-image: url(../images/11f834f4af8050b3f2e0.png);
    height: 16px;
    width: 16px;
}

.mw-theme-dark .icon_view_list_16 {
    filter: invert(50%); /* workaround till the png icon is repalced with svg icon */
}

.icon_view_icon_16 {
    background-image: url(../images/a6ef8e6c0a48bc2a28c5.png);
    height: 16px;
    width: 16px;
}

.mw-theme-dark .icon_view_icon_16 {
    filter: invert(50%); /* workaround till the png icon is repalced with svg icon */
}

.toolstrip .mwDefaultVisualFamily.mwPushButton,
.toolstrip .mwDefaultVisualFamily.mwToggleButton,
.toolstrip .mwDefaultVisualFamily.mwDropDownButton {
    display: inline-block;
}

.toolstrip .mwDefaultVisualFamily.mwSplitButton,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton {
    display: inline-flex;
    vertical-align: top;
}

.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop {
    flex-direction: column;
}

.toolstrip .mwDefaultVisualFamily.mwSplitButton .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwSplitButton .mwFocusNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton .mwFocusNode {
    box-sizing: border-box;
}

.toolstrip .mwDefaultVisualFamily.mwPushButton,
.toolstrip .mwDefaultVisualFamily.mwToggleButton,
.toolstrip .mwDefaultVisualFamily.mwDropDownButton,
.toolstrip .mwDefaultVisualFamily.mwSplitButton,
.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwHasMenuOpened,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwHasMenuOpened {
    background: var(--widget-bg-color);
    box-shadow: none;
}

.toolstrip .mwDefaultVisualFamily.mwPushButton,
.toolstrip .mwDefaultVisualFamily.mwToggleButton,
.toolstrip .mwDefaultVisualFamily.mwDropDownButton,
.toolstrip .mwDefaultVisualFamily.mwSplitButton .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwSplitButton .mwFocusNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton .mwFocusNode {
    border-width: 1px;
    border-style: solid;
}

.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwPushButton.mwPushButtonHover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwToggleButton.mwToggleButtonHover:not(.mwToggleButtonChecked) {
    background: var(--widget-hover-bg-color);
}

.toolstrip .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:hover {
    background: none;
    box-shadow: none;
}

.toolstrip:not(.compactToolstrip) :not(.mwQabDropDownContainer):not(.mwQabOverflowContainer) > .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):not(.mwHasMenuOpened):hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled):not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwSplitButton.mwDropDownNeverDisabledTrue:not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled):not(.mwHasMenuOpened) .mwFocusNode:hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwToggleSplitButton.mwDropDownNeverDisabledTrue:not(.mwHasMenuOpened) .mwFocusNode:hover {
    border-color: var(--widget-hover-border-color);
    background: var(--widget-hover-bg-color);
}

.toolstrip:not(.compactToolstrip) .mwQabDropDownContainer > .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):not(.mwHasMenuOpened):hover,
.toolstrip:not(.compactToolstrip) .qaGroupContainer :not(.mwQabDropDownContainer):not(.mwQabOverflowContainer) > .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):not(.mwHasMenuOpened):hover {
    background: var(--qab-widget-hover-bg-color);
}

.toolstrip .mwDefaultVisualFamily.mwPushButton:not(:hover):not(:active):not(:focus),
.toolstrip .mwDefaultVisualFamily.mwToggleButton:not(:hover):not(:active):not(:focus),
.toolstrip .mwDefaultVisualFamily.mwDropDownButton:not(:hover):not(:active):not(:focus-within),
.toolstrip .mwDefaultVisualFamily.mwSplitButton:not(:hover):not(:active):not(.mwSplitButtonFocused):not(.mwHasMenuOpened) .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton:not(:hover):not(:active):not(.mwToggleSplitButtonFocused):not(.mwHasMenuOpened):not(.mwToggleSplitButtonChecked) .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwSplitButton:not(:hover):not(:active):not(.mwSplitButtonFocused):not(.mwHasMenuOpened) .mwFocusNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton:not(:hover):not(:active):not(.mwToggleSplitButtonFocused):not(.mwHasMenuOpened) .mwFocusNode,
.toolstrip .mwDefaultVisualFamily.mwPushButton.mwDisabled,
.toolstrip .mwDefaultVisualFamily.mwToggleButton.mwDisabled,
.toolstrip .mwDefaultVisualFamily.mwDropDownButton.mwDisabled,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwDisabled:not(.mwDropDownNeverDisabledTrue) .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwDisabled:not(.mwDropDownNeverDisabledTrue) .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwDisabled:not(.mwDropDownNeverDisabledTrue) .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwDisabled:not(.mwDropDownNeverDisabledTrue) .mwFocusNode {
    border-color: var(--widget-border-color);
}

/* Horizontal Orientation */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft .mwTextNode {
    padding: 0px 2px 0px 2px;
}

/* .toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft.mwNoIcon .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft.mwNoIcon .mwTextNode {
    padding: 1px 2px 1px 2px;
} */

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft {
    line-height: var(--widget-line-height);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode {
    line-height: var(--widget-line-height);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwFocusNode {
    margin-left: -1px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode:focus + .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode:focus + .mwFocusNode {
    border-left-width: 0px;
    margin-left: 0px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwDropDownNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwDropDownNode {
    border-width: 0px;
    margin-left: 0px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwHorizontalOrientation .mwIconNode {
    height: 16px;
    width: 16px;
}


.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentMixin.mwIconAlignmentLeft .mwTextNode {
    margin-left: 5px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownNode {
    vertical-align: baseline;
}

/* Vertical Orientation */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwVerticalOrientation .mwIconNode {
    height: 24px;
    width: 24px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwFocusNode {
    margin-top: -1px;
}

/* .toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwButtonNode:focus + .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwButtonNode:focus + .mwFocusNode {
    border-top-width: 0px;
    margin-top: 0px;
} */

.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonChecked:not(:focus) {
    border-color: var(--widget-active-border-color); /* to fix geck g2562736 */
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:active,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:active,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:active,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonChecked .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwHasMenuOpened:not(.mwDisabled),
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwHasMenuOpened .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwHasMenuOpened .mwFocusNode {
    background: var(--widget-active-bg-color);
    border-color: var(--widget-active-border-color);
    box-shadow: none;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton:focus,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton:focus,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwHasMenuOpened):focus-within,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwSplitButtonFocused:not(.mwHasMenuOpened) .mwButtonNode:focus,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonFocused:not(.mwHasMenuOpened) .mwButtonNode:focus,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwSplitButtonFocused:not(.mwHasMenuOpened) .mwFocusNode:focus,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonFocused:not(.mwHasMenuOpened) .mwFocusNode:focus,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwSplitButtonFocused:not(.mwHasMenuOpened) .mwFocusNode:focus .mwDropDownNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwToggleSplitButtonFocused:not(.mwHasMenuOpened) .mwFocusNode:focus .mwDropDownNode {
    border-color: var(--selection-color);
}

.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwPushButton:not(.mwDisabled):hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwToggleButton:not(.mwDisabled):hover,
.toolstrip:not(.compactToolstrip) .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):hover {
    border-color: var(--widget-hover-border-color);
}

.toolstrip .mwDefaultVisualFamily.mwPushButton:not(.mwDisabled):active,
.toolstrip .mwDefaultVisualFamily.mwToggleButton:not(.mwDisabled):active,
.toolstrip .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):active {
    border-color: var(--widget-active-border-color);
}

.toolstrip .mwDefaultVisualFamily.mwPushButton,
.toolstrip .mwDefaultVisualFamily.mwToggleButton,
.toolstrip .mwDefaultVisualFamily.mwDropDownButton {
    border-radius: var(--widget-border-radius);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwButtonNode {
    border-top-left-radius: var(--widget-border-radius);
    border-top-right-radius: var(--widget-border-radius);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwFocusNode {
    border-bottom-left-radius: var(--widget-border-radius);
    border-bottom-right-radius: var(--widget-border-radius);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode {
    border-top-left-radius: var(--widget-border-radius);
    border-bottom-left-radius: var(--widget-border-radius);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwFocusNode {
    border-top-right-radius: var(--widget-border-radius);
    border-bottom-right-radius: var(--widget-border-radius);
}

/* Internal layout of Buttons */
.toolstrip .mwDefaultVisualFamily.mwWidget.mwSpinner input.mwInputNode {
    padding-right: 3px;
    background-color: var(--mw-backgroundColor-input);
}

.mwToolstripVisualFamily.mwTextField.mwWidget .mwInputNode::selection,.mwDefaultVisualFamily.mwTextArea.mwWidget .mwInputNode::selection {
    background: var(--mw-backgroundColor-highlight-focus);
    color: var(--mw-color-highlight)
}

.mwToolstripVisualFamily.mwTextField.mwWidget:not(.mwTextFieldFocused) .mwInputNode::selection,.mwDefaultVisualFamily.mwTextArea.mwWidget:not(.mwTextAreaFocused) .mwInputNode::selection {
    background: var(--mw-backgroundColor-highlight);
    color: var(--mw-color-highlight)
}
.toolstrip .mwDefaultVisualFamily.mwWidget.mwComboBox .mwTextField.dijitDisabled {
    opacity: 1;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwComboBox .mwTextField .mwInputNode {
    background: transparent;
    padding-left: 4px;
}
.toolstrip .mwWidget.mwDefaultVisualFamily.mwLabel {
    margin-left: 3px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwLabel.mwIconAlignmentMixin.mwIconAlignmentLeft .mwTextNode {
    line-height: var(--widget-line-height);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwLabel.mwIconAlignmentMixin.mwIconAlignmentLeft:not(.mwNoIcon) .mwTextNode {
    margin-left: 6px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwLabel.mwIconAlignmentMixin.mwIconAlignmentLeft .mwIconAndTextContainerNode {
    padding-bottom: 1px;
}
.toolstrip .mwWidget.mwDefaultVisualFamily.mwListBox {
    text-align: left;
}
.toolstrip .mwWidget.mwDefaultVisualFamily.mwCheckBox,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwRadioButton {
    margin-left: 4px;
    padding-top: 2px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwCheckBox.mwTextMixin .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwRadioButton.mwTextMixin .mwTextNode {
    margin-left: 7px;
    line-height: var(--widget-line-height);
}
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextField .mwInputNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextArea .mwInputNode {
    padding-top: 1px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextField:not(.mwNonEditable) .mwInputNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextArea:not(.mwNonEditable) .mwInputNode {
    box-shadow: none;
}
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton {
  border-radius: var(--widget-border-radius); /* override the style to avoid g2560019 */
}

.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonContainerNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownContainerNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonContainerNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownContainerNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonContainerNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownContainerNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownNode .mwIconNode {
  text-align: left; /* g2643864: override the style to prevent centering of characters in icons */
}

.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwNoIcon) .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwNoIcon) .mwIconNode,
.toolstrip .qab .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwNoIcon) .mwIconNode {
  text-align: left; /* g2643864: override the style to prevent centering of characters in icons */
}


.toolstrip .mwWidget.mwSharedMenuItem.mwTextFieldMenuItem .mwTextNode {
    padding-top: 0;
}

.toolstrip .mwWidget.mwSharedMenuItem.mwTextFieldMenuItem .mwTextContainer {
    overflow: hidden;
    flex-shrink: 0;
}

.toolstrip .mwWidget.mwSharedMenuItem.mwTextFieldMenuItem .mwTextLine {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    line-height: 16px;
}

.toolstrip .mwDefaultVisualFamily.mwTextFieldMenuItem .mwDefaultVisualFamily.mwTextField .mwInputNode {
    padding-bottom: 2px;
}

.toolstrip .mwDefaultVisualFamily.mwTextFieldMenuItem .mwDefaultVisualFamily.mwTextField {
    min-width: 25px;
    display: inline-block;
}

.toolstrip .mwDefaultVisualFamily.mwTextFieldMenuItem .mwDefaultVisualFamily.mwTextFieldValueNode {
   min-width: 25px;
}

.toolstrip .mwDefaultVisualFamily.mwTextFieldMenuItem .mwTextFieldValueContainer {
    position: relative;
    top: 3px;
    padding: 0 5px;
    margin-left: 4px;
    height: 22px;
}

.toolstrip .mwDefaultVisualFamily.mwTextFieldMenuItem:not(.mwEditableTrue) .mwTextFieldValueContainer {
    display: inline-block;
    flex-grow: 1;
}

.toolstrip .mwDefaultVisualFamily.mwTextFieldMenuItem.mwEditableTrue .mwTextFieldValueContainer,
.toolstrip .mwWidget.mwTextFieldMenuItem:not(.mwEditableTrue) .mwTextFieldWrapperNode {
    display: none;
}
.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuHeader {
    background-color: var(--popupHeader-bg-color);
    color: var(--popupHeader-font-color);
    text-transform: none;
    font-weight: bold;
    border-bottom: 1px solid var(--popupHeader-border-color);
    border-top: 1px solid var(--popupHeader-border-color);
}

/* Both drop Down and the parent should be highlighted */
.mwDefaultVisualFamily.mwWidget.mwPopupMenuItemHover {
  /* background: lighten(#000000, 94%); */ /* Highlight color */
}

.mwDefaultVisualFamily.mwWidget.mwHasMenuOpened {
  /*background: lighten(#000000, 94%);*/
}
.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwShortcutAndArrowWrapperNode {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwShortcutKeyNode {
  margin: 0 5px 0 5px;
}

/* Removeable */
.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuItem .mwRemoveNode {
  top: 4px;
  right: 0;
  position: absolute;
  display: none;
  padding: 7px 5px;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuItem.mwHideDescription .mwRemoveNode {
  top: 0;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuItem.mwHideDescription.mwIcon_24 .mwRemoveNode {
  top: 5px;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuItem:focus .mwRemoveNode {
  display: inline-block;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuItem.removableTrue .mwShortcutKeyNode {
  right: 15px;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuItem.removableTrue .mwTextAndDescriptionContainerNode {
  padding-right: 100px;
}
/* Override the disabled look and feel for the composition widgets */
.mwDefaultVisualFamily.mwWidgetDisabled .mwWidgetDisabled {
  opacity: 1;
}
.toolstrip.mwMenu .mwWidget.mwDefaultVisualFamily.mwCheckBox,
.toolstrip.mwMenu .mwWidget.mwDefaultVisualFamily.mwRadioButton {
    margin-left: -1px;
    padding-top: 0;
    flex-shrink: 0;
}

.toolstrip.mwMenu .mwWidget.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwIconNode {
    flex-shrink: 0;
}

.toolstrip.mwMenu .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextAndDescriptionContainerNode {
    overflow: hidden;
}

.toolstrip.mwMenu .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextAndDescriptionContainerNode .mwTextLine {
    overflow: hidden;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
}
.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenuSeparator {
    border-bottom: 1px solid var(--popupSeparator-border-color);
}

/*mwIconAlignmentLeft*/
.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft .mwIconAndTextContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft .mwIconAndTextContainerNode {
    display: table-cell;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft .mwTextNode {
    vertical-align: middle;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft.mwIconMixin.mwNoIcon .mwIconNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft.mwIconMixin.mwNoIcon .mwIconNode {
    display: none;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentLeft.mwTextMixin.mwNoText .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentLeft.mwTextMixin.mwNoText .mwTextNode {
    display: none;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwDropDownContainerNode {
    margin-bottom: 2px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwDropDownContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwDropDownContainerNode {
    margin-bottom: 4px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwFocusNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode {
    display: flex;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwButtonContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonContainerNode {
    display: flex;
    margin-top: 0px;
}

/*mwIconAlignmentTop*/
.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentTop .mwContentWrapperNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentTop .mwContentWrapperNode {
    margin-top: 4px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwIconNode {
    margin: 0 3px 0px 3px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeAuto .mwButtonAlignmentNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeInline .mwButtonAlignmentNode {
    vertical-align: middle;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwIconNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwIconNode {
    margin: 0 3px -1px 3px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwDropDownContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwDropDownContainerNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwDropDownContainerNode {
    padding: 0 1px 0 2px;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentTop .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentTop .mwTextNode {
    margin-top: 5px;
    line-height: var(--widget-line-height);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwInlineTextNode {
    margin-top: 0px;
    line-height: var(--widget-line-height);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwArrowNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwArrowNode {
    line-height: var(--widget-line-height);
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwInlineTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwInlineTextNode {
    margin-top: 0px;
    line-height: var(--widget-line-height);
    overflow: visible;
}
/* ================================================== NOTES ================================================== */
/*
 * This file is relevant selectors copied and updated from the MW/mixins/toolstrip styl files.  This should be
 * separated into individual files, and any attributes that need to be converted into CSS variables should be
 * done.  This is being submitted this way due to the time constraints for qualification and submission of
 * the mvp for the Toolstrip Visual Design Update effort in 19b. This should be a relatively low effort change
 * during early 20a timeframe.
 * TODO: Update in R2020a
 */

/* ============================== Variables ============================== */
.toolstrip{
  --pixels-vertical-button-height: 72px;
  --pixels-horizontal-button-height: 22px;
}

/* ============================== MenuMixin.css============================== */
.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem {
  border: 1px solid transparent;
  align-items: center;
}

/* focus is used instead of hover to make it work with keyboard navigation. */
.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem:focus {
  background: var(--listItem-bg-color);
  border-color: var(--selection-color);
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwMenu {
  box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.25);
}

    /* TODO: should we add another class from buttons to dropDown.parentNode */
.toolstrip .mwDefaultVisualFamily.mwWidgetPopup {
  font: 12px Helvetica Neue, Helvetica, Arial, sans;
}

/* ============================== CloseMenuOnClick.css ============================== */
.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextAndDescriptionContainerNode .mwTextNode:not(.mwBlueText),
.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextContainer .mwTextNode:not(.mwBlueText) {
  font-size: 12px;
  color: var(--widget-font-color);
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwDescriptionNode {
  font-size: 11px;
  color: var(--widget-font-color);
  overflow-wrap: break-word;
  white-space: pre-line;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwCheckBoxMenuItem.mwClosePopupOnClick .mwCheckBox .mwCheckBoxRadioIconNode,
.toolstrip .mwDefaultVisualFamily.mwWidget.mwCheckBoxMenuItemChecked.mwClosePopupOnClick .mwCheckBox .mwCheckBoxRadioIconNode{
  border: none;
  width: 12px;
  height:12px;
  background: none;
  box-shadow: none;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwCheckBoxMenuItem.mwClosePopupOnClick .mwCheckBox .mwCheckBoxRadioIconInner,
.toolstrip .mwDefaultVisualFamily.mwWidget.mwCheckBoxMenuItemChecked.mwClosePopupOnClick .mwCheckBox .mwCheckBoxRadioIconInner{
  border-bottom-color: var(--mw-borderColor-primary);
  border-left-color: var(--mw-borderColor-primary);
  width: 10px;
  height: 3px;
}

.toolstrip .mwDefaultVisualFamily.mwWidget.mwCheckBoxMenuItemHoverFocused.mwClosePopupOnClick:not(.mwCheckBoxMenuItemChecked) .mwCheckBox .mwCheckBoxRadioIconInner {
  border-bottom-color: rgb(191, 191, 191); /* color-mediumgray2; */
  border-left-color: rgb(191, 191, 191); /* color-mediumgray2; */
  display: block;
}

/* ============================== ScrollbarMixin.css ============================== */
/* Horizontal scrollbar ignores width and uses height
   Vertical scrollbar ignores height and uses width
*/
.mwScrollbarMixin::-webkit-scrollbar,
.mwScrollbarMixin *::-webkit-scrollbar,
.toolstripPopupListPopup::-webkit-scrollbar {
  width: 13px; /* 7 specific + 3 each for border*/
  height: 13px;
}
/* Popups should always show scrollbar (even with out hover)*/
.mwScrollbarMixin::-webkit-scrollbar-thumb,
.mwScrollbarMixin *::-webkit-scrollbar-thumb,
.toolstripPopupListPopup::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.25); /*Black with alpha transparency of 0.25 */
  background-clip: content-box; /* Background color goes through border. To makes sure border is applied */
  -webkit-background-clip: content-box;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); /*Inner border for dark background */
  border: 3px solid transparent;
}
/*Hovering on Thumb changes thumb color*/
.mwScrollbarMixin::-webkit-scrollbar-thumb:hover,
.mwScrollbarMixin *::-webkit-scrollbar-thumb:hover,
.toolstripPopupListPopup::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.4);
}
.mwScrollbarMixin::-webkit-scrollbar-track-piece,
.mwScrollbarMixin *::-webkit-scrollbar-track-piece,
.toolstripPopupListPopup::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
/* Combo box drop down scroll bar should not be transparent. It should have same color as menu item */
/* Context menu drop down scrollbar should not be transparent*/
.toolstripPopupListPopup.dijitComboBoxMenuPopup::-webkit-scrollbar-track-piece,
.ww-contextMenuPopup::-webkit-scrollbar-track-piece {
  background-color: #fafafa;
}
.mwScrollbarMixin::-webkit-scrollbar-corner,
.mwScrollbarMixin *::-webkit-scrollbar-corner,
.toolstripPopupListPopup::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* ============================== TextMixin.css ============================== */
.toolstrip .mwDefaultVisualFamily .mwTextContentNode::before,
.toolstrip .mwDefaultVisualFamily .mwTextContent::before {
  line-height: var(--widget-line-height);
}

.toolstrip .mwDefaultVisualFamily .mwTextContentNode::before,
.toolstrip .mwDefaultVisualFamily .mwTextContent::before {
  content: attr(data-text-content);
}

/* ============================== OrientationMixin.css ============================== */
.toolstrip .mwDefaultVisualFamily.mwVerticalOrientation .mwTextNode {
  white-space: pre-line;
}

.toolstrip .mwDefaultVisualFamily.mwVerticalOrientation .mwTextNode.avoidTextClipping {
  white-space: pre;
}

.toolstrip .mwDefaultVisualFamily.mwHorizontalOrientation .mwTextNode {
  white-space: nowrap;
}

    /* Drop Down Button-like Widgets */
.toolstrip .mwDefaultVisualFamily.mwDropDownButton.mwVerticalOrientation,
.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwVerticalOrientation,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwVerticalOrientation {
  height: var(--pixels-vertical-button-height);
}

.toolstrip .mwDefaultVisualFamily.mwDropDownButton.mwVerticalOrientation .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwVerticalOrientation .mwButtonNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwVerticalOrientation .mwButtonNode {
  height: calc(var(--pixels-vertical-button-height) / 2);
}

.toolstrip .mwDefaultVisualFamily.mwDropDownButton.mwVerticalOrientation .mwDropDownNode {
  height: calc(var(--pixels-vertical-button-height) / 2);
}

.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwVerticalOrientation .mwFocusNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwVerticalOrientation .mwFocusNode {
  height: calc(calc(var(--pixels-vertical-button-height) / 2) + 1px);
}

.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwVerticalOrientation .mwDropDownNode,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwVerticalOrientation .mwDropDownNode {
  height: 100%;
  padding-top: 1px;
}

.toolstrip .mwDefaultVisualFamily.mwDropDownButton.mwHorizontalOrientation,
.toolstrip .mwDefaultVisualFamily.mwSplitButton.mwHorizontalOrientation,
.toolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwHorizontalOrientation {
  height: var(--pixels-horizontal-button-height);
}

    /* Button-like Widgets */
.toolstrip .mwDefaultVisualFamily.mwPushButton.mwVerticalOrientation,
.toolstrip .mwDefaultVisualFamily.mwToggleButton.mwVerticalOrientation {
  height: var(--pixels-vertical-button-height);
}

.toolstrip .mwDefaultVisualFamily.mwPushButton.mwHorizontalOrientation,
.toolstrip .mwDefaultVisualFamily.mwToggleButton.mwHorizontalOrientation {
  height: var(--pixels-horizontal-button-height);
}

/* ============================== DropDownNeverDisabledMixin.css ============================== */
.toolstrip .mwDefaultVisualFamily.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledTrue,
.toolstrip .mwDefaultVisualFamily.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledTrue .mwFocusNode {
  opacity: 1;
}

.toolstrip .mwDefaultVisualFamily.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledFalse {
  opacity: 0.35;
}

/* ============================== DropDownButtonTextMixin.css ============================== */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwHorizontalOrientation .mwInlineTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwHorizontalOrientation .mwLastTextLineNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwBlockTextNode {
  display: none !important;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwInlineTextNode {
  display: block !important;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwLastTextLineNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwHorizontalOrientation .mwBlockTextNode {
  display: inline-block;
  overflow: visible;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwHorizontalOrientation .mwBlockTextNode {
  margin-top: -1px;
  vertical-align: top;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwHorizontalOrientation .mwIconNode {
    vertical-align: top;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwTextMixin.mwHorizontalOrientation .mwTextNode,
.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwTextMixin.mwHorizontalOrientation .mwTextNode {
  vertical-align: top;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwLastTextLineNode.mwNoText {
  display: none !important;
}

.toolstrip .emptyControl {
    height: 22px;
}
.mwSearchTextField .clearTextContainerNode {
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0px;
    right: 0px;
    background: url(../images/f08fa6889a0daad4ca4c.png) no-repeat right;
  }
  
  .mwSearchTextField .clearTextContainerNode.clearTextIconVisible {
    background: url(../images/97f00ad1622a752bfdfe.png) no-repeat right #f5f5f5;
    border-left: 1px solid #999;
    cursor: pointer;
  }
  
  .mwSearchTextField .clearTextContainerNode.clearTextIconVisible:hover {
    background: url(../images/1a4e46afafe75a6999ff.png) no-repeat right #f5f5f5;
  }

/*g2356297: search icon size is 16px.
TODO: deprecate searchfield widget from toolstrip layer and start using
mw-form/SearchTextField */
  .toolstrip.galleryPanel>.header .clearTextContainerNode {
    width: 16px
  }
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwIconMixin.mwNoIcon .mwIconNode {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
  
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwHorizontalOrientation .mwColorSwatchNode {
    display: block;
    width: 14px;
    height: 3px;
    margin-top: 11px;
    position: absolute;
    z-index: 1;
    border: 1px solid var(--mw-borderColor-primary);
}
  
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwHorizontalOrientation.mwNoIcon .mwColorSwatchNode {
    float: left;
    margin-top: 1px;
    margin-left: 1px;
    height: 12px;
    width:12px;
    position: relative;
}
  
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwVerticalOrientation .mwColorSwatchNode {
    display: block;
    position: absolute;
    width: 22px;
    height: 5px;
    margin-top: 17px;
    z-index: 1;
    border: 1px solid var(--mw-borderColor-primary);
}
  
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwVerticalOrientation.mwNoIcon .mwColorSwatchNode {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 1px;
    margin-top: 1px;
    position: relative;
}

/* Swatch background for styled colors */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwVerticalOrientation .mwColorSwatchNode.mwColorSwatchStyled {
    background-size: 22px;
    background-position: center;
}

.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton.mwHorizontalOrientation .mwColorSwatchNode.mwColorSwatchStyled {
    background-size: 14px;
    background-position: center;
}
/* Styled color: flat */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton .mwColorSwatchNode.mwColorSwatchStyled-flat {
    background-image: url(../images/5b8cba5b1e8be6615042.png);
}

/* Styled color: interp */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton .mwColorSwatchNode.mwColorSwatchStyled-interp {
    background-image: url(../images/df578f5996d0f65e72c7.png);
}

/* Styled color: texturemap */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton .mwColorSwatchNode.mwColorSwatchStyled-texturemap {
    background-image: url(../images/276573674579938a69fd.png);
}

/* Styled color: none */
.toolstrip .mwWidget.mwDefaultVisualFamily.mwColorPickerButton .mwColorSwatchNode.mwColorSwatchStyled.mwColorSwatchStyled-none {
    background-color: #ffffff;
    background-image: linear-gradient(45deg, #AAAAAA 25%, transparent 25%, transparent 75%, #AAAAAA 75%, #AAAAAA),
    linear-gradient(45deg, #AAAAAA 25%, transparent 25%, transparent 75%, #AAAAAA 75%, #AAAAAA);
    background-repeat: repeat;
    background-size: 9px 9px;
    background-position: 0 0, 4px 4px;
}
.toolstrip .vc-slider {
    position: relative;
    overflow: visible; /* Set it to hidden for debugging purposes: to check for issues with OuterSize */
    height: 100%;
    width: 150px;
    top: 2px;

}

/* preserve white space in major-tick labels */
.toolstrip .vc-slider .dijitRuleLabel {
    white-space: pre;
}

.toolstrip .vc-slider .dijitRuleMark {
    border-color: var(--mw-borderColor-primary);
}


.toolstrip .vc-sliderThumb {
    background: url(../images/8fc9bbd4c08f85377abd.png);
    position: absolute;
    outline: none;
}

.toolstrip .vc-sliderFocused .vc-sliderThumb {
    background: url(../images/fbcffa186ab631be3350.png);
}

.toolstrip .vc-slider.vc-horizontalSlider .dijitRuleLabelH{
   left: 0;
   position:absolute;

}

/** Horizontal  **/

/*thumb icon - normal state */
.toolstrip .vc-horizontalSlider .vc-sliderThumb {
    height: 18px;
    width: 14px;
    background-position: 0px 0px;
    top: -6px;
}

/*thumb icon - hover state */
.toolstrip .vc-horizontalSlider .vc-sliderThumb:hover {
    background-position: -15px 0px;
}

.toolstrip .vc-horizontalSlider.vc-horizontalSliderDisabled .vc-sliderThumb:hover,
.toolstrip .vc-horizontalSlider.vc-horizontalSliderDisabled .vc-sliderThumb:active {
    background-position: 0px 0px;
}


/* thumb icon - pressed state */
.toolstrip .vc-horizontalSlider .vc-sliderThumb:active {
    background-position: -30px 0px;
}

.toolstrip .vc-slider {
    height: 39px;
}

.toolstrip .vc-compactSlider.vc-slider  {
    height: 22px;
}

/* Make slider track visible in IE9*/
.toolstrip .vc-horizontalSlider .vc-sliderTrack {
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(180, 180, 180, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 1)), color-stop(100%, rgba(180, 180, 180, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(180, 180, 180, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(180, 180, 180, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */
    height: 6px;
    position: relative;
    top: 6px;
}

.toolstrip .vc-horizontalSlider  .vc-sliderRuleAndLabelContainer {
    position: relative;
    top: 10px;
    width: 100%;
}

.toolstrip .vc-horizontalSlider .vc-sliderRuleAndLabelContainer .dijitRuleContainer {
    width: 100%;
    position: absolute;
}

.toolstrip .vc-horizontalSlider  .vc-MinorTickMarks {
    height: 3px;
}

.toolstrip .vc-horizontalSlider .vc-MajorTickMarks {
    height: 5px;
}

.toolstrip .vc-horizontalSlider .vc-MajorTickLabels {
    height: 14px;
    top: 5px;
}


.add_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -160px -208px;
    width: 16px;
    height: 16px;
}

.add_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px -96px;
    width: 24px;
    height: 24px;
}

.add_item {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -224px -36px;
    width: 12px;
    height: 12px;
}

.back_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -160px -192px;
    width: 16px;
    height: 16px;
}

.back_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px 0;
    width: 24px;
    height: 24px;
}

.browse_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -208px;
    width: 16px;
    height: 16px;
}

.browse_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -48px;
    width: 24px;
    height: 24px;
}

.clear_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -128px -208px;
    width: 16px;
    height: 16px;
}

.clear_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -48px;
    width: 24px;
    height: 24px;
}

.clear_all {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -204px -208px;
    width: 12px;
    height: 12px;
}

.close_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -64px -208px;
    width: 16px;
    height: 16px;
}

.close_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px -48px;
    width: 24px;
    height: 24px;
}

.compare_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -32px -208px;
    width: 16px;
    height: 16px;
}

.compare_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -72px;
    width: 24px;
    height: 24px;
}

.confirm_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -208px;
    width: 16px;
    height: 16px;
}

.confirm_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px -72px;
    width: 24px;
    height: 24px;
}

.continue_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -176px;
    width: 16px;
    height: 16px;
}

.continue_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -24px;
    width: 24px;
    height: 24px;
}

.continue_matlab_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -144px;
    width: 16px;
    height: 16px;
}

.continue_matlab_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -72px;
    width: 24px;
    height: 24px;
}

.copy_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -112px;
    width: 16px;
    height: 16px;
}

.copy_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -96px;
    width: 24px;
    height: 24px;
}

.cut_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -80px;
    width: 16px;
    height: 16px;
}

.cut_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px -96px;
    width: 24px;
    height: 24px;
}

.delete {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -224px 0;
    width: 12px;
    height: 12px;
}

.delete_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -48px;
    width: 16px;
    height: 16px;
}

.delete_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px 0;
    width: 24px;
    height: 24px;
}

.down_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -168px;
    width: 16px;
    height: 16px;
}

.down_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px -72px;
    width: 24px;
    height: 24px;
}

.edit {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -224px -12px;
    width: 12px;
    height: 12px;
}

.end_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -128px -192px;
    width: 16px;
    height: 16px;
}

.end_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -120px;
    width: 24px;
    height: 24px;
}

.export_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -192px;
    width: 16px;
    height: 16px;
}

.export_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px -120px;
    width: 24px;
    height: 24px;
}

.find_files_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -64px -192px;
    width: 16px;
    height: 16px;
}

.find_files_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px -120px;
    width: 24px;
    height: 24px;
}

.forward_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -16px -192px;
    width: 16px;
    height: 16px;
}

.forward_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -24px;
    width: 24px;
    height: 24px;
}

.goto_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -176px;
    width: 16px;
    height: 16px;
}

.goto_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -72px;
    width: 24px;
    height: 24px;
}

.help_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -144px;
    width: 16px;
    height: 16px;
}

.help_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -120px;
    width: 24px;
    height: 24px;
}

.import_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -112px;
    width: 16px;
    height: 16px;
}

.import_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -144px;
    width: 24px;
    height: 24px;
}

.layout_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -80px;
    width: 16px;
    height: 16px;
}

.layout_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px -144px;
    width: 24px;
    height: 24px;
}

.legend_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -48px;
    width: 16px;
    height: 16px;
}

.legend_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px -144px;
    width: 24px;
    height: 24px;
}

.lock {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -224px -48px;
    width: 12px;
    height: 12px;
}

.lock_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -16px;
    width: 16px;
    height: 16px;
}

.lock_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px 0;
    width: 24px;
    height: 24px;
}

.matlab_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -168px;
    width: 16px;
    height: 16px;
}

.matlab_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px -72px;
    width: 24px;
    height: 24px;
}

.new_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -112px -168px;
    width: 16px;
    height: 16px;
}

.new_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px -120px;
    width: 24px;
    height: 24px;
}

.open_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -80px -168px;
    width: 16px;
    height: 16px;
}

.open_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -168px;
    width: 24px;
    height: 24px;
}

.open_as_text_16 {
    background: url(../images/8c47a5cf43e57cffd263.png);
    width: 16px;
    height: 16px;
}

.open_as_text_24 {
    background: url(../images/22b83abd0eadb076c5c2.png);
    width: 24px;
    height: 24px;
}

.pan_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -64px -168px;
    width: 16px;
    height: 16px;
}

.pan_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -168px;
    width: 24px;
    height: 24px;
}

.parallel_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -192px;
    width: 16px;
    height: 16px;
}

.parallel_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px -144px;
    width: 24px;
    height: 24px;
}

.paste_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -168px;
    width: 16px;
    height: 16px;
}

.paste_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.pause_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -128px -168px;
    width: 16px;
    height: 16px;
}

.pause_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px -48px;
    width: 24px;
    height: 24px;
}

.pause_matlab_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -160px -168px;
    width: 16px;
    height: 16px;
}

.pause_matlab_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -168px -24px;
    width: 24px;
    height: 24px;
}

.play_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px 0;
    width: 16px;
    height: 16px;
}

.play_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -144px;
    width: 24px;
    height: 24px;
}

.plot_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -32px;
    width: 16px;
    height: 16px;
}

.plot_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -144px;
    width: 24px;
    height: 24px;
}

.print_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -64px;
    width: 16px;
    height: 16px;
}

.print_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -144px;
    width: 24px;
    height: 24px;
}

.properties_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -96px;
    width: 16px;
    height: 16px;
}

.properties_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -144px;
    width: 24px;
    height: 24px;
}

.publish_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -128px;
    width: 16px;
    height: 16px;
}

.publish_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -96px;
    width: 24px;
    height: 24px;
}

.redo_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -160px;
    width: 16px;
    height: 16px;
}

.redo_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -48px;
    width: 24px;
    height: 24px;
}

.refresh_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -192px;
    width: 16px;
    height: 16px;
}

.refresh_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px 0;
    width: 24px;
    height: 24px;
}

.remove_item {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -224px -24px;
    width: 12px;
    height: 12px;
}

.restore_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -192px;
    width: 16px;
    height: 16px;
}

.restore_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -120px;
    width: 24px;
    height: 24px;
}

.run_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -80px -192px;
    width: 16px;
    height: 16px;
}

.run_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -120px;
    width: 24px;
    height: 24px;
}

.save_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -112px -192px;
    width: 16px;
    height: 16px;
}

.save_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -120px;
    width: 24px;
    height: 24px;
}

.save_all_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -192px;
    width: 16px;
    height: 16px;
}

.save_all_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px -96px;
    width: 24px;
    height: 24px;
}

.save_as_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -176px -192px;
    width: 16px;
    height: 16px;
}

.save_as_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px -48px;
    width: 24px;
    height: 24px;
}

.save_copy_as_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px 0;
    width: 16px;
    height: 16px;
}

.save_copy_as_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -120px -24px;
    width: 24px;
    height: 24px;
}

.save_dirty_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -32px;
    width: 16px;
    height: 16px;
}

.save_dirty_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -96px;
    width: 24px;
    height: 24px;
}

.search_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -64px;
    width: 16px;
    height: 16px;
}

.search_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -96px;
    width: 24px;
    height: 24px;
}

.select_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -96px;
    width: 16px;
    height: 16px;
}

.select_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -96px;
    width: 24px;
    height: 24px;
}

.set_path_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -128px;
    width: 16px;
    height: 16px;
}

.set_path_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px -48px;
    width: 24px;
    height: 24px;
}

.settings_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -160px;
    width: 16px;
    height: 16px;
}

.settings_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -96px 0;
    width: 24px;
    height: 24px;
}

.simulink_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -192px;
    width: 16px;
    height: 16px;
}

.simulink_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -72px;
    width: 24px;
    height: 24px;
}

.stop_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -16px -208px;
    width: 16px;
    height: 16px;
}

.stop_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -72px;
    width: 24px;
    height: 24px;
}

.tools_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -208px;
    width: 16px;
    height: 16px;
}

.tools_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px -24px;
    width: 24px;
    height: 24px;
}

.undo_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -80px -208px;
    width: 16px;
    height: 16px;
}

.undo_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -72px 0;
    width: 24px;
    height: 24px;
}

.unlock {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -192px -208px;
    width: 12px;
    height: 12px;
}

.unlock_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -112px -208px;
    width: 16px;
    height: 16px;
}

.unlock_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -48px;
    width: 24px;
    height: 24px;
}

.up_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -144px -208px;
    width: 16px;
    height: 16px;
}

.up_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -48px -24px;
    width: 24px;
    height: 24px;
}

.up_one_level_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -208px -16px;
    width: 16px;
    height: 16px;
}

.up_one_level_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px -24px;
    width: 24px;
    height: 24px;
}

.view {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -176px -208px;
    width: 16px;
    height: 12px;
}

.zoom_in_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -32px -192px;
    width: 16px;
    height: 16px;
}

.zoom_in_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: 0 -24px;
    width: 24px;
    height: 24px;
}

.zoom_out_16 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -176px -168px;
    width: 16px;
    height: 16px;
}

.zoom_out_24 {
    background: url(../images/8f640935fa689ebdb129.png);
    background-position: -24px 0;
    width: 24px;
    height: 24px;
}

.insert_text_24 {
    background: url(../images/a53b421c0b43dfe2d7b6.png);
    width: 24px;
    height: 24px;
}
.heading_24 {
    background: url(../images/f58c871f878f3e72a4e7.png);
    width: 24px;
    height: 24px;
}

.bold_ts_16 {
    background: url(../images/110f08669f6af7b56e9b.png);
    width: 24px;
    height: 24px;
}

.italic_ts_16 {
    background: url(../images/3ec0d0c59de0e263d69e.png);
    width: 24px;
    height: 24px;
}

.underline_ts_16 {
    background: url(../images/239fc743eb9c89476f01.png);
    width: 24px;
    height: 24px;
}

.monospaced_ts_16 {
    background: url(../images/3f02bf9d640982ffe264.png);
    width: 24px;
    height: 24px;
}

.bulleted_list_ts_16 {
    background: url(../images/ca74b187cb1b30955fa0.png);
    width: 24px;
    height: 24px;
}

.numbered_list_ts_16 {
    background: url(../images/204d4612e8fd50c433ce.png);
    width: 24px;
    height: 24px;
}

.AlignedLeft_16 {
    background: url(../images/532762c51de11ea5d8fd.png);
    width: 24px;
    height: 24px;
}

.AlignedCenter_16 {
    background: url(../images/2e8e4c3a626a9dd45dd1.png);
    width: 24px;
    height: 24px;
}

.AlignedRight_16 {
    background: url(../images/4020342fd9870fca620f.png);
    width: 24px;
    height: 24px;
}

.insert_code_24 {
    background: url(../images/aad7c21a83783c9d5fe8.png);
    width: 24px;
    height: 24px;
}

.comment_ts_16 {
    background: url(../images/423c8b2efba6b7086669.png);
    width: 24px;
    height: 24px;
}

.uncomment_ts_16 {
    background: url(../images/576bf765acb580b4cd55.png);
    width: 24px;
    height: 24px;
}

.Indent_24 {
    background: url(../images/4de6604c0f5a71893f36.png);
    width: 24px;
    height: 24px;
}

.outdent_ts_16 {
    background: url(../images/af5784fceafbf881ce5c.png);
    width: 24px;
    height: 24px;
}

.insert_section_break_24 {
    background: url(../images/655a9d537a30561b7d67.png);
    width: 24px;
    height: 24px;
}

.code_formatting_24 {
    background: url(../images/37da3555559a8343d1c7.png);
    width: 24px;
    height: 24px;
}

.text_formatting_24 {
    background: url(../images/9cf56217272c8c16f509.png);
    width: 24px;
    height: 24px;
}

.run_section_24 {
    background: url(../images/644f0bdb52a541012d86.png);
    width: 24px;
    height: 24px;
}
.section_24 {
    background: url(../images/e47261707799738c19e3.png);
    width: 24px;
    height: 24px;
}

.run_augmented_24 {
    background:url(../images/7bbd6446b457a224f33a.png);
    width: 24px;
    height: 24px;
}

.validation-tooltip-dialog .validationText  {
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    2px 2px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         2px 2px 2px 0px rgba(0, 0, 0, 0.25);

}
 /* Error and focused state of widget*/
.toolstrip .has-error.mwWidgetFocused {
    border: 1px solid rgb(225, 27, 34);
    box-shadow: inset 0 1px 1px rgba(225, 27, 34, 0.3);
    /*prefixes*/
}
 /* Error and not focused state of widget*/
.toolstrip .has-error {
    border: 1px solid rgba(225, 27, 34, 0.7);

}

.validation-tooltip-dialog .validationContents {
    vertical-align: middle;
}

/* Warning Tooltip when not focused */
.validation-tooltip-dialog.warning-tooltip .validationContents .validationText {
    border: 1px solid rgb(67, 116, 171);
}

/* Warning Tooltip when focused */
.validation-tooltip-dialog.warning-tooltip.validationFocused .validationContents .validationText {
      border: 1px solid rgb(17, 74, 135);
}

/* Error Tooltip when not focused */
.validation-tooltip-dialog.error-tooltip .validationContents .validationText {
    border: 1px solid rgba(225, 27, 34, 0.7);
  }

/* Error Tooltip when focused */
.validation-tooltip-dialog.error-tooltip.validationFocused .validationContents .validationText {
    border: 1px solid rgb(225, 27, 34);
}

.validation-tooltip-dialog {
    height: 22px;      /* To match text field height */
    z-index: 1000;
    position: absolute;
    /*Tooltip should always display over other elements*/
    /*In toolstrip collapsed state, section has 999 zindex */
}

/* Center the contents */
.validation-tooltip-dialog .validationContents {

    height: 22px;
    overflow: hidden;
}

/* Generic Image */
.validation-tooltip-dialog .validationImage {
    /*padding: 5px 4px;*/
    width: 8px;
    height: 22px;
    vertical-align: top;
}

.validation-tooltip-dialog.warning-tooltip .validationImage {
    background: rgb(67, 116, 171);
    background-image: url(../images/3742e5ec175a1a2048b8.png);
    background-repeat: no-repeat;
    background-position: center;
}

.validation-tooltip-dialog.warning-tooltip.validationFocused .validationImage {
    background: rgb(17, 74, 135);
    background-image: url(../images/3742e5ec175a1a2048b8.png);
    background-repeat: no-repeat;
    background-position: center;
}

.validation-tooltip-dialog.error-tooltip.validationFocused .validationImage {
    background: rgb(225, 27, 34);
    background-image: url(../images/cafff2782ae5345fc681.png);
    background-repeat: no-repeat;
    background-position: center;
}

.validation-tooltip-dialog.error-tooltip .validationImage {
    background: rgb(234, 95, 100);
    background-image: url(../images/cafff2782ae5345fc681.png);
    background-repeat: no-repeat;
    background-position: center;

}

.validation-tooltip-dialog .validationText {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-style: normal;
    height: 20px;
    vertical-align: top;/* To align with image */
    padding: 0 3px;
    line-height:20px; /*For vertical centering */
    white-space: nowrap;
    background: rgb(250, 250, 250);

}

/*Gap between widget and tooltip*/
.validation-tooltip-dialog.tooltipLeft {
    margin-left: -3px;

}

.validation-tooltip-dialog.tooltipRight {
    margin-left: 3px;

}
.validation-tooltip-dialog .tooltipConnector {
    vertical-align: middle;
}

/*Error and Not focused: Tooltip Right means left arrow */
.validation-tooltip-dialog.error-tooltip.tooltipRight .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgb(234, 95, 100);
}

/* Error and not Focused: Tooltip Left means right arrow */
.validation-tooltip-dialog.error-tooltip.tooltipLeft .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid rgb(234, 95, 100);
}

/*Error and  focused: Tooltip Right means left arrow */
.validation-tooltip-dialog.validationFocused.error-tooltip.tooltipRight .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgb(225, 27, 34);
}

/* Error and  Focused: Tooltip Left means right arrow */
.validation-tooltip-dialog.error-tooltip.validationFocused.tooltipLeft .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid rgb(225, 27, 34);

}

/* Warning abd Bot Focused : Tooltip Left means right arrow */
.validation-tooltip-dialog.tooltipLeft.warning-tooltip .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid rgb(67, 116, 171);
}

/* Warning and Not Focused: Tooltip Right means left arrow */
.validation-tooltip-dialog.tooltipRight.warning-tooltip .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgb(67, 116, 171);
}

/*Warning and Focused: Tooltip Left means right arrow*/
.validation-tooltip-dialog.validationFocused.tooltipLeft.warning-tooltip .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid rgb(17, 74, 135);
}

/* Warning and Focused: Tooltip Right means left arrow */
.validation-tooltip-dialog.validationFocused.tooltipRight.warning-tooltip .tooltipConnector {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgb(17, 74, 135);
}

/*** DROP  DOWNBUTTON ***/

.toolstrip .has-error.AbstractButton {
    border: none;
}

.toolstrip .has-error.AbstractButton  span.dijitButtonNode {
    border: 1px solid rgba(225, 27, 34, 0.7) !important;
}

.toolstrip .has-error.AbstractButton.dijitHover  span.dijitButtonNode {
    border: 1px solid rgb(225, 27, 34) !important;
}

/*** SPLIT BUTTON ***/

.toolstrip .has-error.AbstractButton.VerticalSplitButton,
.toolstrip .has-error.AbstractButton.HorizontalSplitButton,
.toolstrip .has-error.AbstractButton.toggleSplitButton {
    border: 1px solid rgba(225, 27, 34, 0.7) !important;
    border-radius: 5px;
}

.toolstrip .has-error.AbstractButton.mwWidgetFocused.VerticalSplitButton {
    border: 1px solid rgb(225, 27, 34) !important;
    border-radius: 5px;
}

/*** SPINNER ***/

.toolstrip .dijitSpinner.has-error {
    border: 1px solid rgba(225, 27, 34, 0.7);
}

.toolstrip .dijitSpinner.has-error.dijitSpinnerHoverFocused {
    border: 1px solid rgba(225, 27, 34);
}

/*** SLIDER ***/

.toolstrip .has-error .vc-sliderThumb {
    background: url(../images/e07d462820a9085a1a91.png)
}






.mwDragging .mwDragSortContainer .mwDragTarget {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.mwDragSortContainerOverlay {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
}

.mwDragging .mwDragSortContainerOverlay {
    display: block;
}

.mwDragging, .mwDragging * {
    cursor: move;
}

.mwDragging .mwDragSortContainer > * {
    opacity: 0.5;
}

.mwDragSortContainer > * {
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.mwDragSortContainer > .mwNoTransition,
.mwDragging .mwDragTarget {
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    transition: none;
}
.mnemonicNode {
    position: absolute;
    z-index: 21; /* Toolstrip has 20, Refer to http://inside.mathworks.com/wiki/Z-index_values_of_various_UI_components_in_the_JavaScript_Desktop */

    background-color: var(--mw-backgroundColor-tertiary);
    border: 1px solid var(--mw-borderColor-primary);
    color: var(--mw-color-primary);
    
    font-size: 11px;
    text-align: center;
    padding: 2px 3px 1px 3px;
    min-width: 8px;
}

/* ============================== MGG Overrides ============================== */

.toolstrip .mw_type_MenuBar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    background-color: transparent !important;
}

.toolstrip .mw_type_ToolBar {
    width: auto !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    background-color: transparent !important;
    display: inline-block;
}

.toolstrip .mw_type_ToolBar:first-child {
    display: block;
}

.tundra .dojoxFloatingPane .toolstrip .tabContentPane.dijitTabPane.dijitTabContainerTop-dijitContentPane {
    padding: 0px;
}

/* ============================== Dijit Overrides ============================== */

.toolstrip .dijitToolbar {
    background: none;
    border-bottom: none;
}

.toolstrip .dijitMenuBar {
    background-color: transparent;
    width: auto;
    height: auto;
}

/* ============================== Toolstrip Fonts ============================== */

.toolstrip {
    font-size: var(--toolstrip-font-size);
}

.isKoreanToolstrip .toolstrip {
    --toolstrip-font-family-override: var(--toolstrip-font-family-korean);
}

.isJapaneseToolstrip .toolstrip {
    --toolstrip-font-family-override: var(--toolstrip-font-family-japanese);
}

.isChineseToolstrip .toolstrip {
    --toolstrip-font-family-override: var(--toolstrip-font-family-chinese);
}

.toolstrip .mwDefaultVisualFamily.mwWidget,
.toolstrip .mwDefaultVisualFamily.mwWidget input,
.toolstrip .mwDefaultVisualFamily.mwWidget textarea,
.toolstrip [data-type="HorizontalSlider"] {
    color: var(--widget-font-color);
}

.toolstrip,
.toolstrip .mwDefaultVisualFamily.mwWidget,
.toolstrip .mwDefaultVisualFamily.mwWidget * {
    font-family: var(--toolstrip-font-family) !important;
}

/* ============================== Toolstrip Layout ============================== */

.toolstripNode {
    height: var(--toolstrip-height);
    width: 100%;
    z-index: 900;
    position: relative;
}

.toolstripNode.toolstripExpandedOnTop {
    box-shadow: var(--toolstrip-box-shadow-expandOnTop);
}

.toolstripNoDisplay {
    display: none;
}

.toolstrip .dijitDisabled { /* Replace dijit class */
    opacity: 0.35;
}

.toolstrip .collapseButton {
    /* We use !important here to override the 'auto' value set by SizeMixin */
    width: 20px !important;
    height: 20px !important;
}

.toolstrip .toolbarWrapper {
    white-space: nowrap;
}

.toolstrip .dijitTabListWrapper {
    display: flex;
}

/* ============================== Toolstrip Affordances ============================== */

.toolstrip .smallExpand {
    background-image: url(../images/d7c99c08a10e24a18861.png);
    height: 14px;
    width: 12px;
}

.mw-theme-dark .toolstrip .smallExpand {
    filter: invert(1); /* workaround till the png icon is repalced with svg icon */
}

.toolstrip .smallCollapse {
    background-image: url(../images/af827144161f81985c43.png);
    height: 12px;
    width: 12px;
}

.mw-theme-dark .toolstrip .smallCollapse {
    filter: invert(1); /* workaround till the png icon is repalced with svg icon */
}

.toolstrip .collapseButtonContainer {
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 0;
}

.toolstrip .collapseButtonContainer .mwContentWrapperNode {
    opacity: 0.35;
}

.toolstrip .collapseButtonContainer .mwContentWrapperNode:hover {
    opacity: 0.5;
}

.toolstrip .topLeftContainer {
    display: inline-block;
    position: absolute;
    height: 28px;
    top: 0;
    left: 0;
    z-index: 1;
}

.toolstrip .tabContainer [role="tablist"] {
    padding-left: var(--toolstrip-top-left-padding);
}

.toolstrip .topLeftContainer .homeButton.mwDefaultVisualFamily.mwPushButton {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.toolstrip:not(.compactToolstrip) .topLeftContainer .homeButton.mwDefaultVisualFamily.mwPushButton:not(.mwDisabled):hover {
    background-color: var(--tabButton-bg-color-hover);
    border-color: var(--transparent);
    box-shadow: none;
}

.toolstrip .topLeftContainer .homeButton.mwDefaultVisualFamily.mwPushButton.mwPushButtonActive,
.toolstrip .topLeftContainer .homeButton.mwDefaultVisualFamily.mwPushButton:active {
    background-color: var(--tabButton-bg-color-hover);
    border-color: var(--transparent);
    box-shadow: none;
}

.toolstrip .topLeftContainer .homeButton.mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwPushButton.mwPushButtonFocused,
.toolstrip .topLeftContainer .homeButton.mwDefaultVisualFamily.mwWidget.mwPushButton:focus {
    border-color: #ffffff;
}

.toolstrip .topLeftContainer .homeButton .topLeftIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM2NCAxMS4yNzNIMy42MzY5OVYxMC4xODJIMTIuMzY0VjExLjI3M1pNMTIuMzY0IDguMzY0SDMuNjM2OTlWNy4yNzNIMTIuMzY0VjguMzY0Wk0xMi4zNjQgNS40NTVIMy42MzY5OVY0LjM2NEgxMi4zNjRWNS40NTVaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=) 0/30px 22px no-repeat;
    height: 16px;
    width: 30px;
    padding: 1px;
}

/* ============================== ??? ============================== */

/* Used to solve the problem of parent of display: inline-block elements are not of same height as children */
/* .toolstrip .toolstripComponentWrapper > .mwWidget {
    vertical-align: top;
} */

/* this style is used to calculate scrollbar width in different browsers*/
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}
/* ========== Variables ========== */
.compactToolstrip,
.compactToolstripSectionPopup,
.mwCompactToolstripPopupContextMenu,
.mwToolstripPopupContextMenuCalloutArrow {
    --compactToolstrip-height: 81px;
    --compactToolstrip-tabContent-height: 52px;
    --compactToolstrip-control-height: 48px;
    --compactToolstrip-sectionPopup-bg-color: #fafafa;
    
    --toolstrip-height-override: var(--compactToolstrip-height);
    --toolstrip-tabContent-height-override: var(--compactToolstrip-tabContent-height);
    --toolstrip-section-height-override: var(--compactToolstrip-tabContent-height);
    --toolstrip-sectionWrapper-height-override: var(--compactToolstrip-tabContent-height);
    --toolstrip-columnWrapper-height-override: var(--compactToolstrip-tabContent-height);
    
    --compactToolstrip-buttonNode-height: 36px;
    --compactToolstrip-dropDownNode-height: 13px;
    --compactToolstrip-arrowNode-line-height: 8px;
    
    --compactToolstrip-touchMenu-font-color: #575757; /* Chrome tooltip color */
    --compactToolstrip-touchMenu-border-color: #b4b4b4;
    --compactToolstrip-touchMenu-background-color: #ffffff;
}

/* ========== Toolstrip Affordances ========== */
.compactToolstrip.toolstrip:not(.galleryPopup) .collapseButtonContainer {
    bottom: 3px;
}

.compactToolstrip.toolstrip:not(.galleryPopup) .collapseButton {
    /* We use !important here to override the 'auto' value set by SizeMixin */
    width: var(--compactToolstrip-control-height) !important;
    height: var(--compactToolstrip-control-height) !important;
}

/* ========== Sections ========== */
.compactToolstrip.toolstrip .section .contentWrapper {
    display: inline-flex;
}

.compactToolstrip.toolstrip .section .sectionWrapper {
    flex-grow: 1;
    width: auto;
}

.compactToolstrip.toolstrip:not(.galleryPopup) .section .title {
    display: none;
}

.compactToolstrip.toolstrip:not(.galleryPopup) .section .sectionDivider {
    margin-top: 2px;
    height: var(--compactToolstrip-control-height);
}

/* ========== SectionDropDownButton ========== */
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwVerticalOrientation.mwSectionDropDownButton {
    width: var(--compactToolstrip-control-height);
    height: var(--compactToolstrip-control-height);
    margin-top: 2px;
    margin-right: 2px;
}

.compactToolstrip.toolstrip .section.isShed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton {
    display: inline-block;
}

.compactToolstrip.toolstrip .section:not(.isShed) .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton {
    display: none;
}

.compactToolstrip.toolstrip .section.isShed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.mwDropDownButtonFocused:not(.mwHasMenuOpened) {
    border-color: var(--widget-border-color);
}

.compactToolstrip.toolstrip .section.isShed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:not(.mwDisabled):active,
.compactToolstrip.toolstrip .section.isShed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton:not(.mwDisabled).mwHasMenuOpened,
.compactToolstrip.toolstrip .section.isShed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.mwDropDownButtonFocused:active,
.compactToolstrip.toolstrip .section.isShed .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwSectionDropDownButton.mwDropDownButtonFocused.mwHasMenuOpened {
    border-color: var(--widget-active-border-color);
}

/* ========== SectionPopupup ========== */
.compactToolstripSectionPopup.toolstrip.mwSectionPopup {
    background: var(--compactToolstrip-sectionPopup-bg-color);
    overflow-y: auto;
}

/* ========== Columns ========== */
.compactToolstrip.toolstrip:not(.galleryPopup) .columnContainer,
.compactToolstrip.toolstrip:not(.galleryPopup) .columnContainer .column {
    display: flex;
}

.compactToolstrip.toolstrip:not(.galleryPopup) .columnContainer .column {
    padding: 0;
}

/* ========== Controls ========== */
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily {
    /* We use !important here to override the 'auto' value set by SizeMixin */
    width: var(--compactToolstrip-control-height) !important;
    height: var(--compactToolstrip-control-height) !important;
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin .mwTextNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwInlineTextNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwLastTextLineNode {
    display: none !important;
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwVerticalOrientation .mwButtonNode {
    height: var(--compactToolstrip-buttonNode-height);
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwPushButton.mwIconAlignmentTop .mwContentWrapperNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleButton.mwIconAlignmentTop .mwContentWrapperNode {
    margin-top: 9px;
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwIconNode {
    margin: 0 3px 2px 3px;
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwDropDownContainerNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwDropDownContainerNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwDropDownContainerNode {
    padding: 0 1px 0 1px;
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwVerticalOrientation .mwFocusNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwVerticalOrientation .mwFocusNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwVerticalOrientation .mwDropDownNode {
    height: var(--compactToolstrip-dropDownNode-height);
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwDropDownContainerNode {
    vertical-align: top;
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwTextMixin.mwVerticalOrientation .mwArrowNode {
    line-height: var(--compactToolstrip-arrowNode-line-height);
}

.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwVerticalOrientation .mwDropDownContainerNode,
.compactToolstrip.toolstrip .mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwVerticalOrientation .mwDropDownContainerNode {
    padding: 0 1px;
}

.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwPushButton.mwPushButtonHover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwToggleButton.mwToggleButtonHover:not(.mwToggleButtonChecked) {
    background: var(--widget-bg-color);
}

.toolstrip.compactToolstrip :not(.mwQabDropDownContainer) > .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):not(.mwHasMenuOpened):not(:active):hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled):not(:active) .mwButtonNode:hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled):not(.mwHasMenuOpened):not(:active) .mwFocusNode:hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwSplitButton.mwDropDownNeverDisabledTrue:not(.mwHasMenuOpened):not(:active) .mwFocusNode:hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled):not(:active):not(.mwToggleButtonChecked) .mwButtonNode:hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled):not(.mwHasMenuOpened):not(:active) .mwFocusNode:hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwToggleSplitButton.mwDropDownNeverDisabledTrue:not(.mwHasMenuOpened):not(:active) .mwFocusNode:hover {
    border-color: var(--widget-border-color);
    background: var(--widget-bg-color);
}

.toolstrip.compactToolstrip .mwQabDropDownContainer > .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):not(.mwHasMenuOpened):hover {
    background: var(--qab-widget-bg-color);
}

.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwPushButton:not(.mwDisabled):not(:active):hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwToggleButton:not(.mwDisabled):not(:active):not(.mwToggleButtonChecked):hover,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled):not(:active):hover {
    border-color: var(--widget-border-color);
}

.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwPushButton:active,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwToggleButton:active,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwToggleButton.mwToggleButtonChecked,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwPushButton.mwPushButtonFocused:active,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwToggleButton.mwToggleButtonFocused:active,
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwToggleButton.mwToggleButtonFocused.mwToggleButtonChecked {
    border-color: var(--widget-active-border-color);
}

.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwPushButton.mwPushButtonFocused:not(:active),
.toolstrip.compactToolstrip .mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwToggleButton.mwToggleButtonFocused:not(:active):not(.mwToggleButtonChecked) {
    border-color: var(--widget-border-color);
}

/* ========== Section Popup Items ========== */

.compactToolstripSectionPopup .mwWidget.mwDefaultVisualFamily.mwMenuItem.mwCheckedTrue {
    background: var(--toggleButton-checked-bg-color);
}

/* ========== Menu Tooltip ========== */
.mwWidget.mwContextMenu.mwCompactToolstripPopupContextMenu {
    min-width: 0px;
}

.mwToolstripPopupContextMenu .mwDefaultVisualFamily.mwWidget.mwMenuHeader.mwMenuTooltip {
    background: var(--compactToolstrip-touchMenu-background-color);
    color: #000;
    text-transform: none;
    padding: 8px;
    display: flex;
    flex-direction: column;
}

.mwToolstripPopupContextMenu .mwDefaultVisualFamily.mwWidget.mwMenuHeader.mwMenuTooltip .mwTextLine {
    font-size: 14px;
    font-weight: bold;
    color: var(--compactToolstrip-touchMenu-font-color);
    white-space: nowrap;
}

.mwToolstripPopupContextMenu .mwDefaultVisualFamily.mwWidget.mwMenuHeader.mwMenuTooltip .mwDescriptionLine {
    margin-top: 3px;
    color: var(--compactToolstrip-touchMenu-font-color);
    white-space: nowrap;
}

.mwToolstripPopupContextMenu .mwDefaultVisualFamily.mwWidget.mwMenuHeader.mwMenuTooltip + .mwMenuSeparator:last-child {
    display: none;
}

.mwWidgetPopup.dijitPopup.mwToolstripPopupContextMenuCalloutBody {
    margin-top: 13px;
}

.mwToolstripPopupContextMenuCalloutArrow {
    position: absolute;
    z-index: 1000;
    width: 48px;
    height: 0px;
}

.mwToolstripPopupContextMenuCalloutArrow::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    position: relative;
    left: 14px;
    top: -26px;
    border-bottom: 10px solid var(--compactToolstrip-touchMenu-border-color);
}

.mwToolstripPopupContextMenuCalloutArrow::after {
    content: "";
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    position: relative;
    left: -6px;
    top: -25px;
    border-bottom: 10px solid var(--compactToolstrip-touchMenu-background-color);
}
.checkboxMenuItem {
    background-image: url(../images/183617a0f029bddeef84.png);
    width: 16px;
    height: 16px;
}

.uncheckedMenuItem {
    background-image: none;
    width: 16px;
    height: 16px;
}

.callout .calloutPointer {
    background: url(../images/e914cb23aa80cfbfc0b3.png);
    position: absolute;
    margin-top: -7.5px;
    width: 11px;
    height: 15px;
    display: inline-block;
}

.callout .calloutContent {
    padding: 2px;
    margin-left: 10px;
    min-width: 20px;
    min-height: 15px;
    border: 1px black solid;
    border-radius: 5px;
    display: inline-block;
    background: white;
}

.calloutPopup {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Panel */
.dojoxFloatingPane {
	border:1px solid #999;
}

/* Header */
.tundra .dojoxFloatingPaneTitle {
	border:none;
	border-bottom:1px solid #999;
    cursor:move;
}

.tundra .dojoxFloatingPaneTitle {
	background: -moz-linear-gradient(top, #dedfe0 0%, #afb1b4 100%); 
	background: -webkit-linear-gradient(top, #dedfe0 0%, #afb1b4 100%);
	background: linear-gradient(top, #dedfe0 0%, #afb1b4 100%);
}

.tundra .dojoxFloatingPaneTitle .dijitInline {
	margin-top:-3px;
	color:#333333;
	font-weight:bold;
}

.tundra .dojoxFloatingMinimizeIcon {
    width: 16px;
    height: 16px;
    background: transparent url(../images/ec53cda40c710b0dbbae.png) no-repeat center;
	cursor: pointer;
}

/* Tabs */
.tundra .dojoxFloatingPane .dijitTabContainerTop-tabs {
	padding-left:0px;
	border-color:#999;
}

.tundra .dojoxFloatingPane .dijitTab {
	margin-right:0px;
	border-top:none;
	border-left:none;
	border-right:1px solid #999;
	border-color:#999;
	background:#EBEBEB none;
}

.tundra .dojoxFloatingPane .dijitTabPaneWrapper {
	border-left:none;
	border-bottom:none;
	border-right:none;
}

.tundra .dojoxFloatingPane .dijitTabCloseButton {
}

.tundra .dojoxFloatingPane .dijitTabChecked {
	background:#fff;
	border-bottom:1px solid #fff;
}

/* Content */
.tundra .dojoxFloatingPane .dojoxFloatingPaneContent {
	background-color:#F2F2F2;
}

.tundra .dojoxFloatingPane .dijitTabContainerTop-dijitContentPane {
	padding:10px 0px 0px 0px;
    overflow:hidden;
}

.tundra .dojoxFloatingPane .dojoxGridMasterHeader {
	background: none;
	/*border-top:1px solid #999; */
	border-bottom:none;
}

/*.tundra .dojoxFloatingPane .dojoxGridHeader .dojoxGridCellOver {
    cursor: default;
}*/

.tundra .dojoxFloatingPane .dojoxGridRow {
	position: relative;
	width: 100%;
}

.tundra .dojoxFloatingPane .dojoxGridRowbarInner {
	color:#808080;
	text-align:center;
	vertical-align:middle;
	border-color:#999;
	background:#EDEDED none;
}

.tundra .dojoxFloatingPane .dojoxGridHeader .dojoxGridCellFocus {
	border-color:#999;
	border-style:solid;
}

.tundra .dojoxFloatingPane .dojoxGridHeader .dojoxGridCell {
	color:#808080 !important;
	text-align:center;
    vertical-align: top;
	border-color:#999;
	border-top:none;
	border-bottom:none;
	background:#EDEDED none;
}

.tundra .dojoxFloatingPane .dojoxGridRowTable {
    border-collapse:separate;
}

.tundra .dojoxFloatingPane .dojoxGridCell {
	border-style:solid;
	border-color:#999;
	border-top:none;
    border-right:1px solid #999;
	vertical-align:middle;
	
	border-bottom:1px solid #999;
	border-top:0px;
	border-left:1px solid #999;
	border-right:0px;
    white-space: nowrap;
	
}

.dojoxGridHeader .dojoxGridRowTable th { height:16px; padding-top:3px; padding-bottom:3px; vertical-align:central; }
.tundra .dojoxFloatingPane .dojoxGridHeader th.dojoxGridCell { border-top:1px solid #999; }
.tundra .dojoxFloatingPane .dojoxGridRowTable { border-right:1px solid #999; }



/* Tooltip overrides*/

.tundra .dijitTooltip,
.tundra .dijitTooltipDialog {
    /* the outermost dom node, holding the connector and container */
    background: transparent; /* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
    /* leave room for arrow above content */
    padding-top: 13px;
}

.dijitTooltipAbove {
    /* leave room for arrow below content */
    padding-bottom: 13px;
}

.tundra .dijitTooltip .dijitTooltipContainer {
    /*
        The part with the text.
    */
    border: 1px solid #989898;
    padding: 0.45em;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.9);

    font-family: Arial;
    color: black;
    font-size: 11px;

    -webkit-box-shadow: 0px 5px 10px #adadad;
    -moz-box-shadow: 0px 5px 10px #adadad;
    box-shadow: 0px 5px 10px #adadad;
}


.tundra .dijitTooltipConnector {
    /* the arrow piece */
    border: 0;
    z-index: 2;
}

.tundra .dijitTooltipABRight .dijitTooltipConnector {
    /* above or below tooltip, but the arrow appears on the right,
        and the right edges of target and tooltip are aligned rather than the left */
    left: auto !important;
    right: 3px;
}

.tundra .dijitTooltipBelow .dijitTooltipConnector {
    /* the arrow piece for tooltips below an element */
    top: 0;
    left: 3px;
    background: url(../images/d7cf50ec5bc789c0f2df.png) no-repeat top left !important;
    width: 16px;
    height: 14px;
}

.tundra .dijitTooltipAbove .dijitTooltipConnector {
    /* the arrow piece for tooltips above an element */
    bottom: 0;
    left: 3px;
    background: url(../images/a7450da25dd03d0ae1e4.png) no-repeat top left !important;
    width: 16px;
    height: 14px;
}

.tundra .dijitTooltipLeft {
    padding-right: 14px;
}

.tundra .dijitTooltipLeft .dijitTooltipConnector {
    /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
    right: 0;
    bottom: 3px;
    background: url(../images/0f2ca8fe076f6f0f1759.png) no-repeat top left !important;
    width: 16px;
    height: 14px;
}

.tundra .dijitTooltipRight {
    padding-left: 14px;
}

.tundra .dijitTooltipRight .dijitTooltipConnector {
    /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
    left: 0;
    bottom: 6px;
    background: url(../images/a10ffae4c06da6e1b12d.png) no-repeat top left !important;
    width: 16px;
    height: 14px;
}
.mwLayoutBody {
    background-color: var(--mw-backgroundColor-primary) !important;
}

.layout {
    position: absolute;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline: 0;
}

.mwLayoutContainer .splitterH {
    position: absolute;
    height: 6px;
    padding-top: 2px;
    padding-bottom: 3px;
    cursor: row-resize;
    z-index: 10;
}

.mwLayoutContainer .splitterV {
    position: absolute;
    width: 6px;
    padding-left: 2px;
    padding-right: 3px;
    cursor: col-resize;
    z-index: 10;
}

.mwLayoutContainer .splitterLineH {
    position: relative;
    border-top: thin solid var(--splitterLine-bg-color);
    height: 1px;
    width: 100%;
}

.mwLayoutContainer .splitterLineV {
    position: relative;
    border-left: thin solid var(--splitterLine-bg-color);
    width: 1px;
    height: 100%;
}

.mwLayoutContainer .dropIndicatorBox,
.mwUndockDropIndicatorBox {
    background: rgba(128,192,255,.25);
    border: rgb(64,128,255) 3px solid;
    position: absolute;
    display: none;
    z-index: 12;
}

.mwLayoutContainer.hideAllChildren * {
    visibility: hidden !important;
}

.borderContainer {
    overflow: hidden;
}

.mwUIContainerPanel {
    background-color:  var(--mw-backgroundColor-panel-primary) !important;
}

.borderContainer .collapsedBorderChildV {
    visibility: hidden;
    background: rgb(230,230,230);
    position: absolute;
    height: 100%;
    width: 9px;
    cursor: col-resize;
    z-index: 9;
}

.borderContainer .collapsedBorderChildH {
    visibility: hidden;
    background: rgb(230,230,230);
    position: absolute;
    height: 9px;
    width: 100%;
    cursor: row-resize;
    z-index: 9;
}

.borderContainer .gripV {
    background-image: url(../images/192d6c68f95964ab445c.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 16px;
    width:  5px;
    top: 50%;
    margin-top: -8px;
    margin-left: 2px;
    margin-right: 2px;
}

.borderContainer .gripH {
    background-image: url(../images/ef466a47609f3623de73.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height:  5px;
    left: 50%;
    margin-left: -8px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.borderContainer .collapsedChild {
    display: none;
}

.documentContainer.empty {
    background: var(--documentContainer-bg-color);
}

.documentContainer.groupContainer {
    border: 3px solid var(--tabContainer-groupTab-bg-color);
}

.documentContainer.groupContainer > .mwTabContainer > .tabBar {
    background: var(--tabContainer-groupTab-bg-color);
}

.documentContainer.placeHolderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.documentContainer .placeHolder {
    color: var(--documentContainer-font-color);
    font-size: 150%;
    margin-left: 25px;
    margin-right: 25px;
    white-space: pre-line;
}

.documentContainer:not(.empty) .placeHolder {
    display: none;
}

.accordionContainer {
    background: var(--borderContainer-bg-color);
}

.accordionContainer .splitter {
    position: absolute;
    height: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: row-resize;
    z-index: 10;
}

.accordionContainer .splitterLine {
    position: relative;
    border-top: thin solid var(--splitterLine-bg-color);
    height: 0;
    width: 100%;
}

.accordionContainer .movingPanel {
    z-index: 20;
}

.accordionContainer .moveBackground {
    position: absolute;
    z-index: 19;
    background: var(--mw-backgroundColor-secondary);
    border-bottom: 1px solid var(--mw-borderColor-secondary);
    border-top: 1px solid var(--mw-borderColor-secondary);
}

.bottomContainer {
    background: var(--borderContainer-bg-color);
}

.bottomContainer.notSupportingFooter, .bottomBar.notSupportingFooter {
    border-bottom: 1px solid rgb(166,166,166);
}

.titleBar {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 23px;
    background: var(--panelHeader-bg-color);
    color: var(--panelHeader-font-color);
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    border-bottom: 1px solid var(--panelHeader-border-color);
    box-sizing: border-box;
}

.titleBar > .toolbarContainer {
    display: none;
}

.titleBar .panelToolbar {
    display: flex;
    align-items: center;
}

.titleBar .panelToolbar > .mwWidget {
    margin-right: 2px;
}

.titleBar.selected,
.titleBar.focusWithinTitleBar {
    background: var(--panelHeader-selected-bg-color);
    color: var(--panelHeader-selected-font-color);
}

.titleBar.selected > .toolbarContainer,
.titleBar.focusWithinTitleBar > .toolbarContainer,
.titleBar.hovering > .toolbarContainer {
    display: block;
}

/* Underline on the panel's titlebar when the titlebar has focus */
.titleBar.focusWithinTitleBar  .titleButton:focus .title,
.mwTabContainer .titleBar.checkedTab.selected.tabFocused .title {
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.66);
}

.titleBar .toggle {
    display: none;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    margin-bottom: 2px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
}

.titleBar .toggle.expandIcon,
.titleBar .toggle.collapseIcon {
    display: block;
}

.titleBar .iconWrapper {
    width: 16px;
    height: 16px;
    padding-left: 4px;
    flex-grow: 0;
    flex-shrink: 0;
}

.titleBar .iconNode {
    display: flex;
}

.accordionContainer .titleBar .iconWrapper,
.titleBar .iconWrapper:empty {
    display: none;
}

.titleBar [role="heading"] {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    padding-top: 2px;
}

.titleBar .title {
    font-size: 13px;
    padding-left: 6px;
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.titleBar .titleButton {
    display: flex;
}

.titleBar.isCJK .title {
    font-size: 13px;
}

.titleBar .collapseIcon {
    opacity: 0.6;
}

.titleBar .collapseIcon:hover {
    opacity: 0.8;
}

.titleBar .expandIcon {
    opacity: 0.6;
}

.titleBar .expandIcon:hover {
    opacity: 0.8;
}

.titleBar.selected .collapseIcon {
    filter: invert(1);
}

.mw-theme-dark .titleBar.selected .collapseIcon {
    filter: none;
}


.titleBar.selected .expandIcon {
    filter: invert(1);
}

.mw-theme-dark .titleBar.selected .expandIcon {
    filter: none;
}

.titleBar.bottomOpen:not(.lastTab) {
    border-right: 1px solid var(--panelHeader-border-color);
}

.titleBar.bottomOpen:not(.checkedTab) {
    background: var(--panelHeader-bg-color);
    color: var(--panelHeader-font-color);
}

.titleBar .actionsButtonWrapper {
    flex-grow: 0;
    flex-shrink: 0;
}

.actionsButton {
    position: absolute;
}

.actionsButtonWrapper {
    border: 1px solid transparent;
}

.actionsButtonWrapper:hover {
    border-radius: 5px;
    border-color: var(--mw-borderColor-primary);
}


.accordionContainer .titleBar .actionsButtonWrapper,
.bottomContainer .mwTabContainer .titleBar .actionsButtonWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    padding: 1px;
    margin-right: 8px;
    border-radius: 5px;
}

.accordionContainer .titleBar .actionsButtonWrapper:focus,
.bottomContainer .mwTabContainer .titleBar .actionsButtonWrapper:focus {
    border-color: rgba(255,255,255,.66);
}

/* Having a focus border on the actions button, makes it difficult for a user to notice the focus affordance since the
   button is already small. Introducing a wrapper class for a wrapper element around the actions button to be able to place
   the actions button within it and have more visible focus border around this wrapper element. */
.documentContainer .mwTabContainer .actionsButtonWrapper {
    position: absolute;
    width: 16px;
    height: 17px;
    padding: 2px;
}

.documentContainer .mwTabContainer .actionsButtonWrapper .actionsButton {
    left: 4px;
    top: 4px;
}

.titleBar .actionsButton {
    top: 3px;
    right: 3px;
    position: static;
    padding: 4px;
}

.titleBar.selected .actionsButton {
    filter: brightness(3);
}

.titleBar.selected .actionsButtonWrapper:hover {
    background: var(--mw-backgroundColor-qab-hover);
}

.titleBar.selected .actionsButtonWrapper:hover .actionsButton{
    filter: brightness(3);
}

.mw-theme-dark .titleBar.selected .actionsButton {
    filter: none;
}

.titledPane {
    background: var(--collpasePanel-bg-color);
    border: 1px solid var(--collpasePanel-border-color);
}

.onTopPane {
    background: var(--collpasePanel-bg-color);
    border: 1px solid var(--collpasePanel-border-color);
    z-index: 18;
}

.documentPane {
    background: var(--mw-backgroundColor-input);
}

.noBorder {
    border: none !important;
}

.bigView {
    background: url(../images/e3f4005195ba61becca8.png) no-repeat;
    width: 24px;
    height: 24px;
}

.borderBar {
    background: var(--panelHeader-bg-color);
    z-index: 15;
}

.borderBar .mwCollapsedPanelButton .mwContentWrapperNode {
    font-size: 12px;
    color: var(--collpasePanel-button-font-color);
    border: 0;
    padding: 0;
    text-transform: uppercase;
    height: 100%;
}

.borderBar.isCJK .mwContentWrapperNode {
    font-size: 13px;
}

.borderBar .mwCollapsedPanelButton.mwToggleButton.contextualButton {
    background: var(--collapsePanel-contextualButton-bg-color);
}

.borderBar .mwCollapsedPanelButton.mwToggleButton.mwToggleButtonHover {
    background: var(--collpasePanel-button-bg-color-hover);
}

.borderBar .mwCollapsedPanelButton.mwToggleButton.mwToggleButtonChecked,
.borderBar .mwCollapsedPanelButton.mwToggleButton.mwToggleButtonChecked.mwToggleButtonHover {
    background: var(--collpasePanel-button-bg-color-hover);
}

.borderBar .mwCollapsedPanelButton.mwToggleButton.mwToggleButtonChecked.mwSurrogateTitle,
.borderBar .mwCollapsedPanelButton.mwToggleButton.mwToggleButtonChecked.mwToggleButtonHover.mwSurrogateTitle {
    background: var(--collpasePanel-selectedButton-bg-color);
}

.borderBar .mwCollapsedPanelButton.mwToggleButton {
    opacity: 1.0 !important; /* prevent mw toggle button disable from changing opacity */
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    background: var(--collpasePanel-button-bg-color);
}

/* Underline on the collapsed panel button when it has the focus */
.borderBar .mwCollapsedPanelButton.mwToggleButton.borderBarButtonFocused .mwTextLine{
    border-bottom: 1px solid var(--selection-color);
}

/* Make bottom border gray to avoid having a blue bottom border coming from Buttons.css from mw-form component for a
   focused button */
.borderBar.verticalBar .mwCollapsedPanelButton.mwToggleButton.borderBarButtonFocused {
    border-bottom: 1px solid gray !important;
}

/* Make right border gray to avoid having a blue right border coming from Buttons.css from mw-form component for a
   focused button */
.borderBar.horizontalBar .mwCollapsedPanelButton.mwToggleButton.borderBarButtonFocused {
    border-right: 1px solid gray !important;
}

.borderBar .mwCollapsedPanelButton.mwToggleButton .mwContentWrapperNode {
    padding-right: 8px;
}
.borderBar .mwCollapsedPanelButton.mwToggleButton.mwToggleButtonChecked.mwSurrogateTitle .mwContentWrapperNode {
    color: var(--collpasePanel-selectedButton-font-color);
}

.verticalBar .mwCollapsedPanelButton.mwToggleButton {
    border-bottom: 1px solid var(--collpasePanel-button-border-color);
    display: inline-block;
    box-sizing: content-box;
}

.borderBar.documentBar .mwContentWrapperNode {
    text-transform: none;
}

.verticalBar:not(.horizontalButtons) .mwCollapsedPanelButton.mwToggleButton .mwContentWrapperNode {
    height: auto !important;
    padding-left: 8px;
    transform-origin: 0 0;
    transform: rotate(-90deg) translate(-100%, 0);
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-90deg) translate(-100%, 0);
}

.rightBar:not(.horizontalButtons) .mwTextNode {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.verticalBar.documentBar.horizontalButtons .mwContentWrapperNode,
.verticalBar.documentBar.horizontalButtons .mwIconAndTextContainerNode {
    width: 100%;
    display: inline-block !important;
    text-transform: none;
}

.verticalBar.documentBar.horizontalButtons .mwTextNode {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.leftBar.documentBar.horizontalButtons .expandButton {
    background-position: right center;
    margin-right: 4px;
}

.horizontalBar .mwCollapsedPanelButton.mwToggleButton {
    border-right: 1px solid gray;
}

.edgeCoverV {
    position: absolute;
    width: 7px;
    cursor: col-resize;
    z-index: 19;
}

.edgeCoverH {
    position: absolute;
    height: 7px;
    cursor: row-resize;
    z-index: 19;
}

.sideContainer .collapseButton {
    background-repeat: no-repeat;
    position: absolute;
    height: 16px !important;
    width: 16px !important;
    padding: 2px;
    border: 1px solid transparent;
    text-align: center;
}

.sideContainer.tabSpaceNotReserved {
    border-bottom: 1px solid rgb(166,166,166);
}

.leftBar .expandButton {
    position: absolute;
    width: 16px !important;
    height: 16px !important;
    padding: 2px;
    border: 1px solid transparent;
    text-align: center;
}

.rightBar .expandButton {
    position: absolute;
    width: 16px !important;
    height: 16px !important;
    padding: 2px;
    border: 1px solid transparent;
    text-align: center;
}

.expandButton:hover .expandIcon {
    opacity: 1;
}

.expandButton .expandIcon {
    margin-top: 1px;
    opacity: 0.7;
}

.horizontalBar {
    height: 22px;
}

.bottomBar .expandButton {
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 2px;
    border: 1px solid transparent;
    text-align: center;
}

.bottomBar .expandButton .expandIcon{
    margin-top: 2px;
    margin-left: 1px;
}

.topBar .expandButton {
    background-image: url(../images/3a26f40dedbb21f2ee10.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: 4px;
}

.mw-theme-dark .topBar .expandButton {
    filter: invert(100%); /* workaround till the png icon is repalced with svg icon */
}

.topBar .expandButton:hover {
    filter: invert(0.5);
}

.bottomContainer .collapseButton {
    position: absolute;
    height: 16px;
    width: 16px;
    padding: 2px;
    border: 1px solid transparent;
    text-align: center;
}

.bottomContainer .collapseButton .collapseIcon{
    margin-top: 3px;
    margin-left: 1px;
}

.collapseButton .collapseIcon {
    margin-top: 2px;
    opacity: 0.6;
}

.collapseButton:hover .collapseIcon {
    opacity: 0.8;
}

.collapseButton:hover {
    background: var(--mw-backgroundColor-hover);
    border: 1px solid  var(--mw-borderColor-primary);
    border-radius: 5px;
}

.bottomContainer .buttonBar {
    height: 22px;
    background: var(--mw-backgroundColor-secondary);
}

.bottomContainer .footerContainer {
    height: 22px;
    overflow: hidden;
}

.bottomContainer .mwTabContainer .tab {
    text-transform: uppercase;
}

.bottomContainer .dropNode {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    user-select: none;
    z-index: 1;
}

.bottomContainer.sidebarDragging .dropNode {
    display: block;
}

.mainContainer .footerContainer {
    height: 22px;
    overflow: hidden;
    border-top: 1px solid var(--mw-borderColor-primary);
}

.buttonBar .movingButton {
    z-index: 20;
}

.buttonBar .movingSet {
    z-index: 20;
}

.buttonBar .scrollLeftButton,
.buttonBar .scrollRightButton {
    width: 18px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    position: absolute;
    opacity: 0.6;
}

.buttonBar .scrollUpButton, 
.buttonBar .scrollDownButton {
    height: 13px;
    position: absolute;
    text-align: center;
    opacity: 0.6;
}

.buttonBar .scrollLeftButton:hover,
.buttonBar .scrollRightButton:hover,
.buttonBar .scrollUpButton:hover,
.buttonBar .scrollDownButton:hover {
    opacity: 1;
}

.buttonBar .scrollLeftButton.disabled,
.buttonBar .scrollRightButton.disabled,
.buttonBar .scrollUpButton.disabled,
.buttonBar .scrollDownButton.disabled {
    opacity: 0.2;
}



.hiddenButtonBarOverflowItem {
    background: var(--mw-backgroundColor-secondary, rgb(224,224,224));
}

.showingButtonBarOverflowItem {
    background: var(--mw-backgroundColor-primary, white);
}

.checkedButtonBarOverflowItem * {
    font-weight: bold;
}

.mwTabContainer .horizontalBarGrip {
    cursor: move;
    width: 4px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}

.mwTabContainer .tabBar .horizontalBarGrip .horizontalBarGripIcon {
    position: relative;
    top: 3px;
    opacity:0.6;
}


.mwTabContainer .verticalBarGrip {
    cursor: move;
    height: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
}

.mwTabContainer .tabBar .verticalBarGrip .verticalBarGripIcon {
    position: relative;
    top: -6px;
    opacity: 0.6;
}

.mwTabContainer .verticalBarGrip.withNeighbor {
    margin-top: 9px;
    margin-bottom: 9px;
}

.mwTabContainer .tab {
    background: var(--tabButton-bg-color);
    color: var(--tabButton-font-color);
    margin: 0px;
    height: 22px;
}

.mwTabContainer .tab.disabled {
    color: rgb(191,191,191);
}

.mwTabContainer .tab:hover:not(.disabled):not(.checkedTab) {
    background: var(--tabButton-bg-color-hover);
    color: var(--tabButton-font-color);
}

.mwTabContainer .tab.checkedTab {
    background: var(--selectedTab-bg-color);
    color: var(--tabButton-font-color);
}

.mwTabContainer .tab.checkedTab.selected {
    color: var(--selectedTab-font-color);
}

/* Underline on the document container tab when it receives focus */
.mwTabContainer .tab.checkedTab.selected.tabFocused .mwTabLabel{
    text-decoration: underline;
    text-decoration-color: var(--selection-color);
}

.mwTabContainer .mwTabLabel {
    position: absolute;
    left: 0;
    right: 16px;
    top: 4px;
    font-size: 12px;
    padding-left: 8px;
    padding-bottom: 2px;
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mwTabContainer.isCJK .mwTabLabel {
    font-size: 13px;
}

.mwTabContainer .tabCloseIcon {
    position: absolute;
    top: 5px;
    right: 2px;
    width: 14px;
    height: 14px;
    opacity: 0.5;
}

.mwTabContainer .tabCloseIcon .closeIcon {
    display: inline;
}

.mwTabContainer .tabCloseIcon .crossCloseIcon {
    display: none;
}

.mwTabContainer .tabCloseIcon:hover .closeIcon {
    display: none;
}

.mwTabContainer .tabCloseIcon:hover .crossCloseIcon {
    display: inline;
    margin-left: 1px
}



.mwTabContainer .tab.leftOpen .tabCloseIcon {
    /* g2914995: Shift close button away from the edge when tab position is right */
    right: 3px;
}

.mwTabContainer .tabActionsIcon:hover {
    opacity: 0.5;
}

.mwTabContainer .checkedTab .tabCloseIcon {
    opacity: 1.0;
}

.mwTabContainer .tab.bottomOpen {
    border-right: 1px solid var(--tabButton-border-color);
    border-bottom: 1px solid var(--tabButton-border-color);
}

.mwTabContainer .tab.topOpen {
    border-right: 1px solid var(--tabButton-border-color);
    border-top: 1px solid var(--tabButton-border-color);
}

.mwTabContainer .tab.rightOpen {
    border-right: 1px solid var(--tabButton-border-color);
    border-bottom: 1px solid var(--tabButton-border-color);
}

.mwTabContainer .tab.leftOpen {
    border-left: 1px solid var(--tabButton-border-color);
    border-bottom: 1px solid var(--tabButton-border-color);
}

.mwTabContainer .tab .mwTabHeader {
    position: absolute;
    z-index: 12;
    display: none;
}

.mwTabContainer .tab.mwSetMember .mwTabHeader {
    display: block;
}

.mwTabContainer .tab.bottomOpen.mwSetMember .mwTabLabel,
.mwTabContainer .tab.bottomOpen.groupTab .mwTabLabel {
    top: 6px;
}

.mwTabContainer .tab.topOpen.mwSetMember .mwTabLabel,
.mwTabContainer .tab.topOpen.grouptab .mwTabLabel {
    top: 2px;
}

.mwTabContainer .tab.bottomOpen.mwSetMember .tabCloseIcon {
    top: 7px;
}

.mwTabContainer .tab.topOpen.mwSetMember .tabCloseIcon {
    top: 3px;
}

.mwTabContainer .tab.groupTab  .mwTabHeader {
    display: block;
}

.mwTabContainer .tab.bottomOpen .mwTabHeader {
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-top: 3px solid rgb(156,156,156);
}

.mwTabContainer .tab.topOpen .mwTabHeader {
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-bottom: 3px solid rgb(156,156,156);
}

.mwTabContainer .tab.rightOpen .mwTabHeader {
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    border-left: 3px solid rgb(156,156,156);
}

.mwTabContainer .tab.leftOpen .mwTabHeader {
    right: 0;
    top: 0;
    bottom: 0;
    width: 0; /* g2914995: Reduce hover target when tab poistion on right */
    border-right: 3px solid rgb(156,156,156);
}

.mwTabContainer .tab.bottomOpen.selectedGroup .mwTabHeader {
    border-top: 3px solid var(--tabHeader-accent);
}

.mwTabContainer .tab.topOpen.selectedGroup .mwTabHeader {
    border-bottom: 3px solid var(--tabHeader-accent);
}

.mwTabContainer .tab.rightOpen.selectedGroup .mwTabHeader {
    border-left: 3px solid var(--tabHeader-accent);
}

.mwTabContainer .tab.leftOpen.selectedGroup .mwTabHeader {
    border-right: 3px solid var(--tabHeader-accent);
}

.mwTabContainer .tab.bottomOpen.checkedTab.selected:not(.groupTab) .mwTabHeader {
    border-top: 3px solid var(--tabHeader-accent-selected);
}

.mwTabContainer .tab.topOpen.checkedTab.selected:not(.groupTab) .mwTabHeader {
    border-bottom: 3px solid var(--tabHeader-accent-selected);
}

.mwTabContainer .tab.rightOpen.checkedTab.selected:not(.groupTab) .mwTabHeader {
    border-left: 3px solid var(--tabHeader-accent-selected);
}

.mwTabContainer .tab.leftOpen.checkedTab.selected:not(.groupTab) .mwTabHeader {
    border-right: 3px solid var(--tabHeader-accent-selected);
}

.documentContainer.groupContainer .tab .mwTabHeader {
    display: block;
}

.documentContainer.groupContainer .tab.bottomOpen:not(.selected) .mwTabHeader {
    border-top: 1px solid var(--tabButton-border-color);
}
.documentContainer.groupContainer .tab.topOpen:not(.selected) .mwTabHeader {
    border-bottom: 1px solid var(--tabButton-border-color);
}

.documentContainer.groupContainer .tab.leftOpen:not(.selected) .mwTabHeader {
    border-right: 1px solid var(--tabButton-border-color);
}

.documentContainer.groupContainer .tab.rightOpen:not(.selected) .mwTabHeader {
    border-left: 1px solid var(--tabButton-border-color);
}

.mwTabContainer .tab.bottomOpen.checkedTab {
    border-bottom: 1px solid var(--selectedTab-border-color);
}

.mwTabContainer .tab.topOpen.checkedTab {
    border-top: 1px solid var(--selectedTab-border-color);
}

.mwTabContainer .tab.rightOpen.checkedTab {
    border-right: 1px solid var(--selectedTab-border-color);
}

.mwTabContainer .tab.leftOpen.checkedTab {
    border-left: 1px solid var(--selectedTab-border-color);
}

.mwTabContainer .tab.checkedTab.groupTab {
    background: var(--tabContainer-groupTab-bg-color);
}

.mwTabContainer .tab.bottomOpen.checkedTab.groupTab {
    border-bottom: 1px solid var(--tabContainer-groupTab-bg-color);
}

.mwTabContainer .tab.topOpen.checkedTab.groupTab {
    border-top: 1px solid var(--tabContainer-groupTab-bg-color);
}

.mwTabContainer .tab.rightOpen.checkedTab.groupTab {
    border-right: 1px solid var(--tabContainer-groupTab-bg-color);
}

.mwTabContainer .tab.leftOpen.checkedTab.groupTab {
    border-left: 1px solid var(--tabContainer-groupTab-bg-color);
}

.mwTabContainer .tab.bottomOpen,
.mwTabContainer .tab.bottomOpen.movingButton {
    border-left: 1px solid var(--tabButton-border-color);
    border-right: 1px solid var(--tabButton-border-color);
    margin-left: -1px;
}

.mwTabContainer .tab.topOpen,
.mwTabContainer .tab.topOpen.movingButton {
    border-left: 1px solid var(--tabButton-border-color);
    border-right: 1px solid var(--tabButton-border-color);
    margin-left: -1px;
}

.mwTabContainer .tab.rightOpen,
.mwTabContainer .tab.rightOpen.movingButton {
    border-top: 1px solid var(--tabButton-border-color);
    border-bottom: 1px solid var(--tabButton-border-color);
    margin-top: -1px;
}

.mwTabContainer .tab.leftOpen,
.mwTabContainer .tab.leftOpen.movingButton {
    border-top: 1px solid var(--tabButton-border-color);
    border-bottom: 1px solid var(--tabButton-border-color);
    margin-top: -1px;
}

.mwTabContainer .tabPlusButton {
    white-space: nowrap;
    overflow: hidden;
}

.mwTabContainer .tabPlusButton .tabPlusIconWrapper {
    margin-left: 4px;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    text-align:center;
    border: 1px solid transparent;
    float:left;
}

.mwTabContainer .tabPlusButton.tabPlusButtonFocused .tabPlusIconWrapper,
.mwTabContainer .actionsButtonWrapper.actionsButtonFocused,
.expandButton.expandButtonFocused,
.collapseButton.collapseButtonFocused {
    border: 1px solid rgb(0, 153, 255);
    border-radius: 5px;
}

.mwTabContainer .tabPlusIcon {
    width: 16px;
    height: 16px;
    padding-left: 1px;
    margin-top: 1px;
    border: 1px solid transparent;
    float: left;
    opacity: 0.5;
}

.mw-theme-dark .mwTabContainer .tabPlusIcon {
    filter: brightness(15);
}

.mwTabContainer .tabPlusButton .tabPlusIconWrapper:hover {
    border-color: var(--mw-borderColor-primary);
    border-radius: 5px;
}
.mwTabContainer .tabPlusButton .tabPlusIconWrapper:hover .tabPlusIcon {
    opacity: 1;
}

.mwTabContainer .tabDropDownIcon {
    background-image: url(../images/79a5a1fd7d1a1befa42c.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 10px;
    margin-top: 5px;
    float: left;
}

.mwTabContainer .tabDropDownIcon:hover {
    background-image: url(../images/76e830a4774d5495876d.png);
}

.documentContainer .mwTabContainer .tabBar .actionsButtonWrapper {
    margin-right: 10px;
}

.mwTabContainer .tabBar .verticalBarGrip .actionsButtonWrapper {
    top: -9px;
    right: 5px;
    cursor: default;
    margin-right: 0;
}

.mw-theme-dark .mwTabContainer .tabBar .verticalBarGrip .actionsButtonWrapper .actionsButton {
    filter: invert(1);
}


.mwTabContainer .tabBar {
    background: var(--statusBar-bg-color);
    overflow: visible;
    position: absolute;
}

/* We don't want this behavior in Apps */
:not(.borderContainer) > .mwTabContainer .tabBar:not(.buttonBar-hasPreNeighbor) {
    --tabBar-bg-color: #fafafa;
    --tabContentWrapper-border-color: rgb(191, 191, 191);
    --tabBar-after-color: rgb(0, 0, 0, 0.2);
}

:not(.borderContainer) > .mwTabContainer .tabBar[aria-orientation="horizontal"]:not(.buttonBar-hasPreNeighbor) {
    border-left: 1px solid var(--tabBar-bg-color, rgb(0, 0, 0, 0.2));
}

:not(.borderContainer) > .mwTabContainer .tabBar[aria-orientation="vertical"]:not(.buttonBar-hasPreNeighbor) {
    border-top: 1px solid var(--tabBar-bg-color, rgb(0, 0, 0, 0.2));
}

/* These are defining single pixels above and below the left border to ensure a continuous border */
:not(.borderContainer) > .mwTabContainer .tabBar[aria-orientation="horizontal"]:not(.buttonBar-hasPreNeighbor)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 1px;
    bottom: -1px;
    left: -1px;
    background-color: var(--tabBar-after-color, rgb(0, 0, 0, 0.2));
}

:not(.borderContainer) > .mwTabContainer .tabBar[aria-orientation="vertical"]:not(.buttonBar-hasPreNeighbor)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 1px;
    top: -1px;
    right: -1px;
    background-color: var(--tabBar-after-color, rgb(0, 0, 0, 0.2));
}

.documentContainer.rootContainer > .mwTabContainer > .tabBar {
    background: var(--tabContainer-bg-color);
}

.mwTabContainer .fullTabContentWrapper {
    position: absolute;
    border: 1px solid var(--tabContainer-border-color);
}

.mwTabContainer .topTabContentWrapper {
    position: absolute;
    border-top: 1px solid var(--tabContainer-border-color);
}

.mwTabContainer .bottomTabContentWrapper {
    position: absolute;
    border-bottom: 1px solid var(--tabContainer-border-color);
}

.mwTabContainer .leftTabContentWrapper {
    position: absolute;
    border-left: 1px solid var(--tabContainer-border-color);
}

.mwTabContainer .rightTabContentWrapper {
    position: absolute;
    border-right: 1px solid var(--tabContainer-border-color);
}

.mwTabContainer .noTabContentWrapper {
    position: absolute;
}

.mwTabContainer .maximizeButton {
    background-image: url(../images/f537a748aaa7a564f00f.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 11;
}

.mwTabContainer .restoreButton {
    background-image: url(../images/7767a3bee989be2d0d9f.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 11;
}

.mwTabContainer .hiddenChild * {
    visibility: hidden !important;
}

.mwTabGroupHeader {
    position: absolute;
    height: 20px;
    background: var(--tabHeader-bg-color);
    color: var(--tabHeader-font-color);
    white-space: nowrap;
    overflow: hidden;
    z-index: 30;
    border: 1px solid var(--tabHeader-border-color);
}

.mwTabGroupHeader.topOpen {
    border-top: none;
}

.mwTabGroupHeader.bottomOpen {
    border-bottom: none;
}

.mwTabGroupHeader.leftOpen {
    border-left: none;
}

.mwTabGroupHeader.rightOpen {
    border-right: none;
}

.mwTabGroupHeader .label {
    position: absolute;
    font-size: 10px;
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
}

.mwTabGroupHeader.isCJK .label {
    font-size: 13px;
}

.mwTabGroupHeader.bottomOpen .label, .mwTabGroupHeader.topOpen .label {
    left: 0;
    right: 16px;
    top: 3px;
    height: 1.1em;
    padding-left: 8px;
}

.mwTabGroupHeader.rightOpen .label {
    bottom: 5px;
    left: 3px;
    transform-origin: left bottom;
    transform: rotate(-90deg) translate(0, 100%);
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg) translate(0, 100%);
}

.mwTabGroupHeader.leftOpen .label {
    top: 5px;
    left: 2px;
    transform-origin: left top;
    transform: rotate(90deg) translate(0, -100%);
    -webkit-transform-origin: left top;
    -webkit-transform: rotate(90deg) translate(0, -100%);
}

.mwTabGroupHeader.topOpen .actionsButton, .mwTabGroupHeader.bottomOpen .actionsButton {
    border: 1px solid transparent;
    border-radius: 4px;
    top: 1px;
    right: 5px;
    padding: 2px;
}

.mwTabGroupHeader.leftOpen .actionsButton {
    bottom: 5px;
    left: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 2px;
}

.mwTabGroupHeader.rightOpen .actionsButton {
    top: 5px;
    left: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 2px;
}

.mwTabGroupHeader.topOpen .actionsButton:hover, .mwTabGroupHeader.bottomOpen .actionsButton:hover,
.mwTabGroupHeader.leftOpen .actionsButton:hover, .mwTabGroupHeader.rightOpen .actionsButton:hover {
    border-color: var(--mw-borderColor-primary)
}

.mwTileContainer .dot {
    background: var(--tileContainer-dot-bg-color);
    position: relative;
    cursor: default;
    display: none;
}

.mwTileContainer .splitterH .dot {
    height: 1px;
    width: 2px;
    margin-left: -1px;
    left: 50%;
}

.mwTileContainer .splitterV .dot {
    height: 2px;
    width: 1px;
    margin-top: -1px;
    top: 50%;
}

.mwTileContainer .removable .dot {
    display: block;
}

.mwTileContainer .splitterH.shiftDot .dot {
    left: 100%;
    margin-left: -2px;
}

.mwTileContainer .splitterV.shiftDot .dot {
    top: 100%;
    margin-top: -2px;
}

.removeSplitterButton {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 15;
}

.removeSplitterIconVertical {
    position: absolute;
    right: 1.5px;
}

.removeSplitterIconHorizontal {
    position: absolute;
    bottom: 2px;
}

.noselect {
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.nopointer {
    pointer-events: none;
}

.toolstrip .topRightContainer .dockButton {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding-top: 5px !important;
}

.toolstrip .topRightContainer .dockButton.hidden {
    display: none;
}

.smallDock {
    height: 10px;
    width: 12px;
}

#mwFullBusyOverlay {
    width: 100%;
    height: 100%;
}

.mwPanelsGalleryDialog .mwPanelsGalleryDialogContent:focus {
    border-color: var(--mw-borderColor-focus);
}
/***************************Experimental - Modal and Non Modal Dialog styling********************/
.mwMessageDialog.mwModalMessageDialog, .mwMessageDialog.mwNonModalMessageDialog {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.5);
    background: rgb(245,245,245);
    overflow: hidden;
    /* Disable Selection */
    -webkit-user-select: none;  
    -moz-user-select: none;
    -ms-user-select: none;     
    user-select: none;      
    min-width: 300px;
}

.mwMessageDialog.mwModalMessageDialog .dijitDialogTitleBar {
    background: rgb(255,255,255); /* $color-white */
}

.mwMessageDialog.mwNonModalMessageDialog .dijitDialogTitleBar {
    background: rgb(230,230,230); /* $color-lightgray4 */
    border-top: 1px solid rgb(238,238,238);
}

.mwMessageDialog.mwModalMessageDialog .dijitDialogTitleBar,
.mwMessageDialog.mwNonModalMessageDialog .dijitDialogTitleBar {
    height: 29px;
    border-bottom: 1px solid rgb(216,216,216);
    padding: 0 30px 0 0;
}

.mwModalMessageDialog_underlay {
    background-color: rgb(26,26,26);
    opacity: 0.5;
}

.mwMessageDialog.mwModalMessageDialog .dijitDialogTitle,
.mwMessageDialog.mwNonModalMessageDialog .dijitDialogTitle {
    width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    min-height: 13px;
    font-weight: bold;
    color: rgba(0,0,0,0.75); /* $color-text-ui = $color-darkgray1-transparent */
    vertical-align: top;
    display: inline-block;
    padding: 8px 10px 8px 10px;
}

.mwMessageDialog.mwModalMessageDialog .dijitDialogCloseIcon, .mwMessageDialog .dojoxFloatingCloseIcon {
    margin: 4px;
    cursor: default;
    background: url(../images/b31bdffd22e1e98ab5a8.png) -2px -2px no-repeat transparent;
}

.mwMessageDialog.mwModalMessageDialog .dijitDialogPaneContent {
    background: rgb(255,255,255); /* $color-white */
    padding: 0px;
}

.mwMessageDialog.mwNonModalMessageDialog .dijitDialogPaneContent {
    background: rgb(238,238,238);
}

.mwMessageDialog .dijitDialogPaneContent, .mwMessageDialog .dojoxFloatingPaneContent {
    border: none;
    min-width: 208px;
    max-width: 400px;
    height: auto;
    width: auto;
    overflow: auto;
}

.mwMessageDialog.mwNonModalMessageDialog .dojoxFloatingPaneCanvas {
    background: rgb(238,238,238);
}

.mwMessageDialog.mwNonModalMessageDialog .dojoxFloatingPaneContent {
    background: rgb(238,238,238);
    padding: 0px;
}

.mwMessageDialog .mwDialogButtonContainer {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;   /* TWEENER - IE 10 */
    display: -webkit-flex;  /* NEW - Chrome */
    display: flex;          /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 5px;
    /* Disable Selection */
    -webkit-user-select: none;  
    -moz-user-select: none;
    -ms-user-select: none;     
    user-select: none;         
}

.mwMessageDialog.mwModalMessageDialog .mwDialogButtonContainer {
    background: rgb(255,255,255); /* $color-white */
}

.mwMessageDialog.mwNonModalMessageDialog .mwDialogButtonContainer {
    background: rgb(238,238,238);
}

.mwMessageDialog .mwDialogButtonContainer .dijitButton {
    margin: 5px;
}

.mwMessageDialog .mwDialogButtonContainer .dijitButton .dijitButtonNode * {
    cursor: default;
}

.mwMessageDialog .mwDialogButtonContainer .dijitButton .dijitButtonNode {    
    cursor: default;    
    min-width: 78px;
    border-width: 1px;
    border-radius: 3px;
    border-color: rgb(166,166,166); /* $color-mediumgray3 */
    background: rgb(245,245,245); /* $color-lightgray2 */
    box-shadow: rgba(255,255,255,0.9) 0px 1px 0px 0px inset;
}

.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonDisabled .dijitButtonNode { 
    opacity: .35; 
} 

.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonHover .dijitButtonNode {
    border-color: rgb(128,128,128); /* $color-mediumgray4 */
    background: rgb(250,250,250); /* $color-lightgray1 */;
}

.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonFocused .dijitButtonNode {
    border-color: rgb(0,153,255); /* $color-selection  */
}

.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonActive .dijitButtonNode {
    border-color: rgb(128,128,128); /* $color-mediumgray4 */
    background: rgb(224,224,224); /* $color-lightgray5 */;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 0px 0px inset;
}

.mwNonModalMessageDialog .dojoxFloatingIconContainer {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
}

.mwNonModalMessageDialog .dojoxFloatingPaneContent:focus {
    outline: 0;
}

/**********************************************************************/


.messageDialog {
    min-width: 200px;
    max-width: 400px;
}

.dialog, .dojoxFloatingPane {
    -moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);
}

.dialog .buttonContainer {
    padding: 0px 0px 10px;
    float: right;

}

.dialog .buttonContainer .dijitButtonNode {
    min-width: 50px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #999999;
    border-radius: 2px;
    background:#ebebeb;
    color:#333333;
}

.dialog .dijitDialogTitle,
.mwNonModalDialog .dijitDialogTitle {
    min-height: 16px;
}

.tundra .dijitDialog {
    border: 1px solid #919191;
}

.tundra .dojoxFloatingPaneTitle {
    height: 14px;
    padding: 5px 6px 3px 6px;
}

.tundra .dijitDialogTitleBar {
    border: none;
    border-bottom: 1px solid #999;
    padding: 0 30px 0 0;
}

.tundra .dijitDialogTitle {
    width: 100%;
    padding: 0px;
    vertical-align: top;
    display: inline-block;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 6px 3px 6px;
}

.tundra .dijitDialogTitleBar {
    background: var(--mw-backgroundColor-secondary);
    border-bottom: 1px solid var(--mw-borderColor-secondary);
    color: var(--mw-color-primary);
}

.tundra .dijitDialogCloseIcon, .tundra .dojoxFloatingCloseIcon {
    width: 16px;
    height: 16px;
    background: url(../images/b31bdffd22e1e98ab5a8.png) -2px -2px no-repeat transparent;
}

.tundra .dojoxFloatingIconContainer {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
}

.dojoxFloatingPaneContent:focus {
    outline: 0;
}

.tundra .dojoxFloatingPaneTitle.dijitDialogTitleBar {
	overflow: auto;
	height: auto;
	cursor: move;
}


/* ============================== MW Context Menu Button ============================== */

.mwActionMenuIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjNDlhNmM7b3BhY2l0eTowO30uY2xzLTJ7ZmlsbDojM2YzZjNmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+VUlfQ29udHJvbF9lbGxpcHNpc18xNjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IklDT05TIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPjxnIGlkPSJCVE4tT3B0aW9ucyI+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSI3IiB5PSIxMSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iNyIgeT0iNyIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iNyIgeT0iMyIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat;
    width: 16px;
    height: 16px;
}

/* ============================== Dijit Context Menu ============================== */

/* The parent container of the menu */
.tundra .ww-contextMenuPopup {
    -webkit-box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.25);
    box-shadow: 2px 2px 6px rgba(50, 50, 50, 0.25);
    margin-top: -1px; /* Align the sub popup exactly with the popup menu item */
}

/* Applies to all menu items */
.tundra .ww-contextMenu .dijitMenuItem {
    font-family: Helvetica Neue, Helvetica, Arial, sans;
    font-size: 12px;
}

/* Applies to disabled menu items */
.tundra .ww-contextMenu .dijitMenuItemDisabled * {
    opacity: 0.35;
}

/* Applies to all cells within all menu items */
.tundra .ww-contextMenu .dijitMenuItem td {
    padding: 4px 2px 4px 2px;
}

.tundra .ww-contextMenu .dijitMenuItem .dijitMenuItemIconCell {
    padding: 4px 3px 4px 8px; /* Add more padding to the right and left of the icon cell */
}

.tundra .ww-contextMenu .dijitMenuItem .dijitMenuItemAccelKey {
    text-align: right; /* Right align the accel key text */
    font-size: 12px; /* Font size of accel key text should be smaller than that of the label */
    opacity: 0.55; /* Fade the text out a little to emphasize the label text */
}

.tundra .ww-contextMenu .dijitMenuItem .dijitMenuArrowCell {
    padding: 4px;
}

.tundra .ww-contextMenu .dijitMenuItemSelected {
    background: rgba(222, 222, 222, 1);  /* Highlight color */
    color: black; /* Font color should remain black on hightlight */
}

.tundra .ww-contextMenu {
    border: 1px solid rgba(180, 180, 180, 1);
    background: rgba(250, 250, 250, 1);
}

.tundra .ww-contextMenu .dijitMenuSeparatorTop {
    margin-top: 0; /* Remove the spacing around the separator */
}

.tundra .ww-contextMenu .dijitMenuSeparatorBottom {
    margin-bottom: 0; /* Remove the spacing around the separator */
    border-top: none;
}

.tundra .ww-contextMenu .dijitMenuSeparatorTop,
.tundra .ww-contextMenu .dijitMenuSeparatorBottom {
    border-color: rgba(180, 180, 180, 1);
}
.mwConfirmationDialog {
    padding-bottom: 10px;
    white-space: nowrap;
}

.mwConfirmationDialog .mwIconNode,
.mwConfirmationDialog .mwMessageNode {
    display: inline-block;
    vertical-align: middle;
}

.mwConfirmationDialog .mwMessageNode {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-left: 20px;
}

.icon_dialog_question_32 {
    height: 32px;
    width: 32px;
    background-image: url(../images/08714b7f011715367e58.png);
}


.icon_dialog_warning_32 {
    height: 32px;
    width: 32px;
    background-image: url(../images/645f1cc0a8ce19ec2eee.png);
}
/* Copyright 2015 The MathWorks, Inc. */
/* CSS for GridPicker */

.gridPicker {
    margin: 2px 2px 1px 2px;
}

.gridPicker .cell {
    width: 21px;
    height: 21px;
    display: inline-block;
    border: 1px solid rgb(128,128,128);
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    cursor: default;
}

.gridPicker .cell.selected {
    box-shadow: 0 0 0 1px rgb(128,160,224);
}

.gridPicker .cell.selected.occupied {
    background: rgb(192,212,240);
}

.navigationShortcutsTableContainer {
    width: 580px;
}

.navigationShortcutsTableContainer [data-col="1"] {
    font-weight: bold;
}

.navigationShortcutsDialogContent #navigationShortcutsDocLink {
    color: var(--mw-color-hyperlink);
    text-decoration: underline;
}

.navigationShortcutsDialogContent #navigationShortcutsDocLink:hover {
    color: var(--mw-color-hyperlink-hover);
    cursor: pointer;
}

.navigationShortcutsDialogContent #navigationShortcutsDocLink:focus {
    outline: 1px solid var(--mw-borderColor-focus);
}
/* Copyright 2018-2022 The MathWorks, Inc. */
/* CSS for StatusBar */

.mwStatusBar {
    display: flex;
    justify-content: space-between;
    width:  100%;
    height: 22px;
    overflow: hidden;
    background: var(--statusBar-bg-color);
}

.mwStatusBar.hasCenterComponent {
    border-top: 1px solid var(--splitterLine-bg-color);
}

.mwStatusGroup {
    border: 1px solid var(--statusBar-border-color);
    display: flex;
    align-items: center;
}

.mwStatusBarLeft {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 4px;
}

.noCenterComponent .mwStatusBarLeft {
    flex-grow: 1;
}

.hasCenterComponent .mwStatusBarLeft {
    margin-right: 4px;
    flex-basis: var(--left-statusbar-width, auto);
}

.mwStatusBarLeft .mwTextNode {
    color: var(--statusBar-font-color);
}

.mwStatusBarRight .mwTextNode {
    color: var(--statusBar-font-color);
}

.mwStatusBarRight {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: var(--right-statusbar-width, auto);
}

.noCenterComponent .mwStatusBarRight {
    flex-grow: 1;
}

.hasCenterComponent .mwStatusBarRight {
    flex-basis: var(--right-statusbar-width, auto);
}

.mwStatusBarCenter {
    display: flex;
    flex: 1;
}

.mwStatusBarLeft > *, .mwStatusBarRight > *, .mwStatusGroup > * {
    margin-left: 3px;
    margin-right: 3px;
}

.mwStatusGroup > .mwTextField:last-child {
    margin-right: 0;
}

.mwStatusBar .mwPushButton, .mwStatusBar .mwToggleButton {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-top: 0;
    margin-bottom: 0;
}

.mwStatusProgressBar {
    width: 120px;
}

/* titlePane overrides*/

.dijitTitlePaneTitleFocus:focus {
    /* g2114976 dijit titlePane does not highlight when in focus - a11y issue*/
	outline-color: rgb(0, 153, 255);
	outline-style: solid;
	outline-width: 1px;
}
/* Placeholder variables*/
div.mw-placeholder {
    --panelBackgroundColor: var(--mw-backgroundColor-primary);
    --documentBackgroundColor: var(--mw-backgroundColor-input);
    --panelZIndex: 7;
    --documentZIndex: 12;
    --toolstripZIndex: 22;
}

div.mw-placeholder .placeholder-hidden {
    display: none;
}


/* Placeholder root node*/
/* Properties common to all containers*/
div.mw-placeholder {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

/* Document container*/
div.mw-placeholder.mw-placeholder-document {
    background-color: var(--documentBackgroundColor);
    z-index: var(--documentZIndex);
}

/* Panel container*/
div.mw-placeholder.mw-placeholder-panel {
    background-color: var(--panelBackgroundColor);
    z-index: var(--panelZIndex);
}

/* Toolstrip container*/
div.mw-placeholder.mw-placeholder-toolstrip {
    z-index: var(--toolstripZIndex);
}



/* Skeleton node*/
/* Properties common to all skeletons*/
div.mw-placeholder .mw-document-container-skeleton, div.mw-placeholder .mw-panel-skeleton {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 40px;
}

div.mw-placeholder .mw-document-container-skeleton {
    min-width: 400px;
    max-width: 600px;
}

 div.mw-placeholder .mw-panel-skeleton {
    min-width: 200px;
    max-width: 300px;
}

/* Toolstrip skeleton */
div.mw-placeholder .mw-skeleton-toolstrip {    
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
mw-sidebar,
mw-sidebar-rail {
    /* Layout variables */
    --mw-sidebar-border-size: 2px;
    --mw-sidebar-fixed-dimension-size: 36px;
    --mw-sidebar-free-dimension-size: 100%;

    --mw-sidebar-rail-fixed-dimension-size: calc(var(--mw-sidebar-fixed-dimension-size, 48px) - calc(2*var(--mw-sidebar-group-margin, 0)));
    --mw-sidebar-rail-border-size: 1px;
    --mw-sidebar-rail-scrollbar-thumb-border-size: 3px;
    --mw-sidebar-rail-scrollbar-thumb-border-radius: 20px;
    --mw-sidebar-rail-scrollbar-size: 4px;
    --mw-sidebar-bottom-rail-height: 30px; /* TODO: consolidate by overriding mw-sidebar-rail-fixed-dimension-size for horizontal rail */

    --mw-sidebar-group-border-size: 1px;
    --mw-sidebar-group-border-radius: 4px;
    --mw-sidebar-group-padding-size: 4px;
    --mw-sidebar-group-fixed-dimension-size: var(--mw-sidebar-fixed-dimension-size, 48px);
    --mw-sidebar-group-margin-offset: -3px;
    --mw-sidebar-group-dropregion-size: 9px;

    --mw-sidebar-button-border-size: 1px;
    --mw-sidebar-button-margin: 4px;
    --mw-sidebar-button-padding: 3px;
    --mw-sidebar-button-fixed-dimension-size: calc(var(--mw-sidebar-group-fixed-dimension-size, 36px) - calc(2*var(--mw-sidebar-button-margin, 0px)) - calc(2*var(--mw-sidebar-button-border-size, 1px)));
    --mw-sidebar-button-margin-offset: -1px;
}

mw-sidebar,
mw-sidebar-rail {
    /* Light theme "mw-ui-themes" semantic variables */
    --mw-color-transparent: transparent;

    --mw-sidebar-rail-background-color: var(--mw-color-gray100, #E6E6E6);
    --mw-sidebar-rail-border-color: var(--mw-color-gray600, #7D7D7D); /* Keeps same color in dark mode */
    --mw-sidebar-rail-scrollbar-track-background-color: var(--mw-color-gray700, #616161);
    --mw-sidebar-rail-scrollbar-thumb-background-color: var(--mw-color-transparent, transparent);
    --mw-sidebar-rail-scrollbar-thumb-border-color: var(--mw-color-transparent, transparent);
    --mw-sidebar-rail-panelsgallerybutton-filter: none;
    
    --mw-sidebar-group-background-color: var(--mw-sidebar-rail-background-color);
    --mw-sidebar-group-background-color-active: var(--mw-color-white, #FFFFFF);
    --mw-sidebar-group-background-color-hover: var(--mw-sidebar-group-background-color-active);
    
    --mw-sidebar-button-background-color: var(--mw-sidebar-rail-background-color);
    --mw-sidebar-button-background-color-active: var(--mw-sidebar-group-background-color-active);
    --mw-sidebar-button-border-color: var(--mw-color-gray500, #888888);
    --mw-sidebar-button-border-color-active: var(--mw-color-gray700, #616161);

    --mw-sidebar-button-icon-stroke: var(--mw-color-gray500, #888888);
    --mw-sidebar-button-icon-stroke-active: var(--mw-color-gray700, #616161);
    --mw-sidebar-button-icon-fill: var(--mw-sidebar-rail-background-color); /* TODO: Needs to match Rail background (instead of transparent), cause some fills need to block strokes behind them */
    --mw-sidebar-button-icon-fill-active: var(--mw-color-white, #FFFFFF);

    --mw-sidebar-button-icon-stroke-de-emphasized: var(--mw-sidebar-button-icon-stroke);
    --mw-sidebar-button-icon-fill-de-emphasized: var(--mw-sidebar-rail-background-color);

    --mw-sidebar-drawer-background-color: var(--mw-backgroundColor-primary, #F5F5F5);
}

.mw-theme-dark mw-sidebar,
.mw-theme-dark mw-sidebar-rail {
    /* Dark theme "mw-ui-themes" semantic variables */
    --mw-sidebar-rail-background-color: var(--mw-color-gray800, #333333);
    --mw-sidebar-rail-scrollbar-track-background-color: var(--mw-color-gray300, #BFBFBF);
    --mw-sidebar-rail-panelsgallerybutton-filter: invert(1);
    
    --mw-sidebar-group-background-color-active: var(--mw-color-black, #000000);

    --mw-sidebar-button-border-color: var(--mw-color-gray400, #A6A6A6);
    --mw-sidebar-button-border-color-active: var(--mw-sidebar-button-border-color);
    --mw-sidebar-button-background-color-active: var(--mw-color-gray700, #616161);

    --mw-sidebar-button-icon-stroke: var(--mw-color-gray400, #A6A6A6);
    --mw-sidebar-button-icon-stroke-active: var(--mw-color-black, #000000);
    --mw-sidebar-button-icon-fill-active: var(--mw-color-gray100, #E6E6E6);

    --mw-sidebar-drawer-background-color: var(--mw-backgroundColor-primary, #212121);
}

.sidebarContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* Override style in /ui/webwidgets/src/css/layout.css */
.borderContainer .collapsedChild.sidebarContainer {
    display: flex;
}



/* Copyright 2022 The MathWorks, Inc. */
    mw-checkbox {
        display: inline-block;
        user-select: none;
        outline: none;
        font-size: 16px;
        --mw-checkbox-disabled-fill-opacity: 0.35;
        --mw-checkbox-width: 0.875em;
        --mw-checkbox-height: 0.875em;
        --mw-whitespace-checkbox: normal;
        font-family: var(--mw-fontFamily);
    }
    mw-checkbox * {
        box-sizing: border-box;
    }

    mw-checkbox .mwCheckboxWrapper {
        font-size: inherit;
        position: relative;
        z-index:0;
        display: flex;
        align-items: center;
    }
       
    mw-checkbox .mwCheckboxInput {
        font-size: inherit;
        position: relative;
        width: var(--mw-checkbox-width);
        height: var(--mw-checkbox-height);
        flex-shrink: 0;
    }
    mw-checkbox .mwCheckboxNativeInput {
        font-size: inherit;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 1;
        width: var(--mw-checkbox-width);
        height: var(--mw-checkbox-height);
        outline: 0;
        opacity: 0;
    }

    mw-checkbox .checkboxSVG {
        position: absolute;
        width: 0.875em;
        height: 0.875em;
        top:0;
        left:0;
    }

    mw-checkbox .mwCheckboxBackground {
        fill: var(--mw-backgroundColor-input);
    }

    mw-checkbox .mwCheckboxBorder {
        fill: var(--mw-borderColor-tertiary);
    }

    mw-checkbox .mwCheckboxMixed {
        fill: var(--mw-backgroundColor-inputFill);
    }

    mw-checkbox .mwCheckboxChecked {
        fill: var(--mw-backgroundColor-inputFill);
    }
    mw-checkbox:not([readOnly]) .mwCheckboxWrapper:hover .mwCheckboxBorder {
        fill: var(--mw-borderColor-hover);
    }

    mw-checkbox .mwCheckboxNativeInput:focus + .checkboxSVG .mwCheckboxBorder {
        fill: var(--mw-borderColor-focus);
    }

    mw-checkbox[disabled] .mwCheckboxWrapper {
        opacity: var(--mw-checkbox-disabled-fill-opacity);
        pointer-events: none;
    }

    mw-checkbox .mwCheckboxLabel {
        margin-left: 3px;
        --mw-fontFamily-label: inherit;
        --mw-fontSize-label: 0.75em;
    }

    mw-checkbox .mwCheckboxLabelContent {
        width: 100%;
        white-space: var(--mw-whitespace-checkbox);
        display: block;
    }

.mwUnderlay {
  --mw-opacity-dialogUnderlay: 0.65;
  --mw-opacity-dialogUnderlay-zero: 0;
  background: var(--mw-backgroundColor-tertiary, #fff);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: var(--mw-opacity-dialogUnderlay);
}

.mwDialog {
  --mw-minHeight-dialog: 162px;
  --mw-minWidth-dialog: 302px;
  --mw-fontFamily-dialog: 'Helvetica Neue', HeHelveticaNeue, Helvetica, Arial, sans-serif;
  --mw-fontSize-dialog: 13px;
  --mw-borderWidth-dialog: 1px;
  --mw-resize-handler-offset: -4px;
  --mw-resize-handler-edge-range: 9px;
  --mw-resize-handler-corner-range: 9px;
  --mw-backgroundColor-iconFill: var(--mw-backgroundColor-iconuiFill-primary, #616161);
  --mw-padding-dialogBody: 20px;
  --mw-paddingRight-dialogBody: 20px;
  background: var(--mw-backgroundColor-primary, #f5f5f5);
  font-family: var(--mw-fontFamily-dialog);
  font-size: var(--mw-fontSize-dialog);
  color: var(--mw-color-primary, #212121);
  border-radius: 5px;
  box-shadow: 0px 2px 5px 1px var(--mw-boxShadowColor, #a6a6a6);
  min-height: var(--mw-minHeight-dialog);
  position: fixed;
  visibility: hidden;
  min-width: var(--mw-minWidth-dialog);
  outline: none;
  overflow: visible;
  cursor: default;
  border: var(--mw-borderWidth-dialog) solid var(--mw-borderColor-secondary, #bfbfbf);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mwModalDialogStackedBackground {
  /* class added when modal dialogs are stacked on top */
  /* The change is opacity is required in order to display the main UI with only one underlay even tough they are many modal dialog stacked below */
  opacity: var(--mw-opacity-dialogUnderlay-zero);
}

.mwDialog.mwDialogDisableEvents iframe {
  /* class is added when on the dialog content when dialog is ready for resize or drag */
  /* class will be removed once resize or drag is completed */
  pointer-events: none;
}

.mwDialog .mwDialogTitleBar {
  background: var(--mw-backgroundColor-secondary, #e6e6e6);
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 30px;
  border-bottom: 1px solid var(--mw-borderColor-secondary, #bfbfbf);
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mwDialog .mwDialogTitleBar .mwTitleNode {
  width: calc(100% - 40px);
  overflow: hidden;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--mw-fontSize-dialog);
  font-weight: bold;
  line-height: 14px;
  color: var(--mw-color-primary, #212121);
  vertical-align: top;
  display: inline-block;
  padding: 8px 10px 8px 10px;
  box-sizing: content-box;
}

.mwDialog .mwDialogTitleBar .mwControlNodeBar {
  display: flex;
}

.mwDialog .mwDialogTitleBar .mwCloseNode {
  width: 16px;
  height: 16px;
  margin: 7px;
  padding: 0px;
  border-width: 0px;
  background: var(--mw-backgroundColor-secondary, #e6e6e6);
  cursor: default;
  /* close node should be the third element in the order */
  order: 3;
}

.mwDialog .mwDialogTitleBar .mwCloseNode:focus {
  outline: 0;
  width: 14px;
  height: 14px;
  border: 1px solid var(--mw-borderColor-focus, #268cdd);
  border-radius: 3px;
  box-sizing: content-box;
}

.mwDialog .mwDialogTitleBar .mwCloseNode:focus .mwCloseSVG {
  margin: 0px;
}

.mwDialog .mwDialogTitleBar .mwCloseNode .mwCloseSVG {
  width: 14px;
  height: 14px;
  margin: 1px;
}

.mwDialog .mwDialogTitleBar .mwCloseNode .mwCloseSVG:hover {
  --mw-backgroundColor-iconFill: var(--mw-backgroundColor-iconuiFill-hover);
}

.mwDialog .mwDialogBody {
  overflow: auto;
  padding: var(--mw-padding-dialogBody);
  padding-right: var(--mw-paddingRight-dialogBody);
  min-height: 37px;
  flex-grow: 1;
}

.mwDialog .mwDialogBody.mwNoButtons {
  min-height: 79px;
}

.mwDialog .mwDialogBody .mwContentMessage {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.mwDialog .mwDialogBody.mwOverflow {
  padding-bottom: 19px;
  border-bottom: 1px solid var(--mw-borderColor-secondary, #bfbfbf);
}

.mwDialog .mwDialogBody.mwNoButtons.mwOverflow {
  padding-bottom: 20px;
  border-bottom: none;
}

.mwDialog .mwDialogBody a {
  color: var(--mw-color-hyperlink, #1171be);
}

.mwDialog .mwDialogBody a:visited {
  color: var(--mw-color-hyperlink-visited, #104280);
}

.mwDialogTitleBar.mwDraggableDialog {
  cursor: move;
}

.mwDialogButtonBar {
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 42px;
  box-sizing: border-box;
}

.mwDialogButtonBar.mwNoSplBtn {
  justify-content: flex-end;
}

.mwDialogButtonBar.mwNoSplBtn .mwActionButtonBar {
  padding-left: 0px;
}

.mwDialogButtonBar .mwSplButtonBar {
  text-align: left;
  padding-right: 5px;
}

.mwDialogButtonBar .mwActionButtonBar {
  text-align: right;
  padding-left: 5px;
}

.mwDialogButtonBar .mwButton {
  background: var(--mw-backgroundColor-primary, #f5f5f5);
  border-color: var(--mw-borderColor-primary, #7d7d7d);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  display: inline-block;
  font-size: var(--mw-fontSize-dialog);
  padding-left: 8px;
  padding-right: 8px;
  margin: 5px;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  min-width: 68px;
  position: relative;
  transition: background-color 0.2s ease;
  transition: color 0.2s ease;
  cursor: default;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
}

.mwDialogButtonBar .mwButton:hover:not(.mwDisabled) {
  background: var(--mw-backgroundColor-hover, #fff);
}

.mwDialogButtonBar .mwButton:active:not(.mwDisabled),
.mwDialogButtonBar .mwButton.active:not(.mwDisabled) {
  background: var(--mw-backgroundColor-active, #d9d9d9);
}

.mwDialogButtonBar .mwButton:focus:not(.mwDisabled) {
  border-color: var(--mw-borderColor-focus, #268cdd);
  border-width: 2px;
  margin: 4px;
}

.mwDialogButtonBar .mwButton.mwDefaultButton:not(.mwDisabled) {
  border-width: 2px;
  margin: 4px;
  border-color: var(--mw-borderColor-selected, #333);
}

.mwDialogButtonBar .mwButton.mwDisabled {
  opacity: 0.35;
}

.mwResizableHandle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.mwResizable-e {
  cursor: ew-resize;
  width: var(--mw-resize-handler-edge-range);
  right: var(--mw-resize-handler-offset);
  top: 0;
  height: 100%;
}

.mwResizable-s {
  cursor: ns-resize;
  height: var(--mw-resize-handler-edge-range);
  width: 100%;
  bottom: var(--mw-resize-handler-offset);
  left: 0;
}

.mwResizable-n {
  cursor: ns-resize;
  height: var(--mw-resize-handler-edge-range);
  left: 0;
  top: var(--mw-resize-handler-offset);
  width: 100%;
}

.mwResizable-w {
  cursor: ew-resize;
  width: var(--mw-resize-handler-edge-range);
  top: 0;
  left: var(--mw-resize-handler-offset);
  height: 100%;
}

.mwResizable-se {
  cursor: nwse-resize;
  width: var(--mw-resize-handler-corner-range);
  height: var(--mw-resize-handler-corner-range);
  right: var(--mw-resize-handler-offset);
  bottom: var(--mw-resize-handler-offset);
}

.mwResizable-ne {
  cursor: nesw-resize;
  width: var(--mw-resize-handler-corner-range);
  height: var(--mw-resize-handler-corner-range);
  right: var(--mw-resize-handler-offset);
  top: var(--mw-resize-handler-offset);
}

.mwResizable-nw {
  cursor: nwse-resize;
  width: var(--mw-resize-handler-corner-range);
  height: var(--mw-resize-handler-corner-range);
  left: var(--mw-resize-handler-offset);
  top: var(--mw-resize-handler-offset);
}

.mwResizable-sw {
  cursor: nesw-resize;
  width: var(--mw-resize-handler-corner-range);
  height: var(--mw-resize-handler-corner-range);
  left: var(--mw-resize-handler-offset);
  bottom: var(--mw-resize-handler-offset);
}

/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */
.dojoxFloatingPane {
  border: 1px solid #999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tundra .dojoxFloatingPaneTitle {
  border: none;
  border-bottom: 1px solid #999;
  cursor: move;
  background: -webkit-gradient(linear, left top, left bottom, from(#dedfe0), to(#afb1b4));
  background: -webkit-linear-gradient(top, #dedfe0 0%, #afb1b4 100%);
  background: -moz- oldlinear-gradient(top, #dedfe0 0%, #afb1b4 100%);
  background: linear-gradient(to bottom, #dedfe0 0%, #afb1b4 100%);
}
.tundra .dojoxFloatingPaneTitle .dijitInline {
  margin-top: -3px;
  color: #333;
  font-weight: bold;
}
.tundra .dojoxFloatingMinimizeIcon {
  width: 16px;
  height: 16px;
  background: transparent url(../images/ec53cda40c710b0dbbae.png) no-repeat center;
  cursor: default;
}
.tundra .dojoxFloatingPane .dijitTabContainerTop-tabs {
  padding-left: 0px;
  border-color: #999;
}
.tundra .dojoxFloatingPane .dijitTab {
  margin-right: 0px;
  border-top: none;
  border-left: none;
  border-right: 1px solid #999;
  border-color: #999;
  background: #ebebeb none;
}
.tundra .dojoxFloatingPane .dijitTabPaneWrapper {
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.tundra .dojoxFloatingPane .dijitTabChecked {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.tundra .dojoxFloatingPane .dojoxFloatingPaneContent {
  background-color: #f2f2f2;
}
.tundra .dojoxFloatingPane .dijitTabContainerTop-dijitContentPane {
  padding: 10px 0px 0px 0px;
  overflow: hidden;
}
.tundra .dojoxFloatingPane .dojoxGridMasterHeader {
  background: none;
/*border-top:$fp-border; */
  border-bottom: none;
}
.tundra .dojoxFloatingPane .dojoxGridRow {
  position: relative;
  width: 100%;
}
.tundra .dojoxFloatingPane .dojoxGridRowbarInner {
  color: #808080;
  text-align: center;
  vertical-align: middle;
  border-color: #999;
  background: #ededed none;
}
.tundra .dojoxFloatingPane .dojoxGridHeader .dojoxGridCellFocus {
  border-color: #999;
  border-style: solid;
}
.tundra .dojoxFloatingPane .dojoxGridHeader .dojoxGridCell {
  color: #808080 !important;
  text-align: center;
  vertical-align: top;
  border-color: #999;
  border-top: none;
  border-bottom: none;
  background: #ededed none;
}
.tundra .dojoxFloatingPane .dojoxGridHeader th.dojoxGridCell {
  border-top: 1px solid #999;
}
.tundra .dojoxFloatingPane .dojoxGridRowTable {
  border-collapse: separate;
  border-right: 1px solid #999;
}
.tundra .dojoxFloatingPane .dojoxGridCell {
  border-style: solid;
  border-color: #999;
  border-top: none;
  border-right: 1px solid #999;
  vertical-align: middle;
  border-bottom: 1px solid #999;
  border-top: 0px;
  border-left: 1px solid #999;
  border-right: 0px;
  white-space: nowrap;
}
.tundra .dojoxFloatingPane .dojoxResizeHandle {
  right: 0px;
  bottom: 0px;
  width: 7px;
  height: 7px;
  background-position: -7px -7px;
}
.dojoxGridHeader .dojoxGridRowTable th {
  height: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: central;
}
.mwMessageDialog.mwModalMessageDialog,
.mwMessageDialog.mwNonModalMessageDialog {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.5);
  background: #f5f5f5;
  overflow: hidden;
/* Disable Selection */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 300px;
}
.mwMessageDialog.mwModalMessageDialog .dijitDialogTitleBar,
.mwMessageDialog.mwNonModalMessageDialog .dijitDialogTitleBar {
  height: 29px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 30px 0 0;
}
.mwMessageDialog.mwModalMessageDialog .dijitDialogTitle,
.mwMessageDialog.mwNonModalMessageDialog .dijitDialogTitle {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  min-height: 13px;
  font-weight: bold;
  color: rgba(0,0,0,0.75);
  vertical-align: top;
  display: inline-block;
  padding: 8px 10px 8px 10px;
}
.mwMessageDialog.mwModalMessageDialog .dijitDialogTitleBar {
  background: #fff;
}
.mwMessageDialog.mwModalMessageDialog .dijitDialogPaneContent {
  background: #fff;
  padding: 0px;
}
.mwMessageDialog.mwModalMessageDialog .mwDialogButtonContainer {
  background: #fff;
}
.mwMessageDialog.mwModalMessageDialog .dijitDialogCloseIcon,
.mwMessageDialog .dojoxFloatingCloseIcon {
  margin: 4px;
  cursor: default;
  background: url(../images/b31bdffd22e1e98ab5a8.png) -2px -2px no-repeat transparent;
  border: 1px solid transparent;
}
.mwMessageDialog.mwModalMessageDialog .dijitDialogCloseIcon:focus,
.mwMessageDialog .dojoxFloatingCloseIcon:focus {
  border: 1px solid #09f;
  border-radius: 3px;
  outline: 0;
}
.mwMessageDialog.mwNonModalMessageDialog .dijitDialogTitleBar {
  background: #e6e6e6;
  border-top: 1px solid #eee;
}
.mwMessageDialog.mwNonModalMessageDialog .dijitDialogPaneContent {
  background: #eee;
}
.mwMessageDialog.mwNonModalMessageDialog .dojoxFloatingPaneCanvas {
  background: #eee;
}
.mwMessageDialog.mwNonModalMessageDialog .dojoxFloatingPaneContent {
  background: #eee;
  padding: 0px;
}
.mwMessageDialog.mwNonModalMessageDialog .mwDialogButtonContainer {
  background: #eee;
}
.mwMessageDialog .dijitDialogPaneContent,
.mwMessageDialog .dojoxFloatingPaneContent {
  border: none;
  min-width: 208px;
  max-width: 400px;
  height: auto;
  width: auto;
  overflow: auto;
}
.mwMessageDialog .mwDialogButtonContainer {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  padding: 5px;
/* Disable Selection */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton {
  margin: 5px;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton .dijitButtonNode * {
  cursor: default;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton .dijitButtonNode {
  cursor: default;
  min-width: 78px;
  border-width: 1px;
  border-radius: 3px;
  border-color: #999;
  background: #f5f5f5;
  box-shadow: rgba(255,255,255,0.9) 0px 1px 0px 0px inset;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonDisabled .dijitButtonNode {
  opacity: 0.35;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonHover .dijitButtonNode {
  border-color: #808080;
  background: #fafafa;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonFocused .dijitButtonNode {
  border-color: #09f;
}
.mwMessageDialog .mwDialogButtonContainer .dijitButton.dijitButtonActive .dijitButtonNode {
  border-color: #808080;
  background: #e0e0e0;
  box-shadow: rgba(0,0,0,0.15) 0px 1px 0px 0px inset;
}
.mwModalMessageDialog_underlay {
  background-color: #1a1a1a;
  opacity: 0.5;
}
.mwNonModalMessageDialog .dojoxFloatingIconContainer {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 3px;
}
.mwNonModalMessageDialog .dojoxFloatingPaneContent:focus {
  outline: 0;
}
.messageDialog {
  min-width: 200px;
  max-width: 400px;
}
.dialog,
.dojoxFloatingPane {
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.dialog .buttonContainer {
  padding: 0px 0px 10px;
  float: right;
}
.dialog .buttonContainer .dijitButtonNode {
  min-width: 50px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #999;
  border-radius: 2px;
  background: #ebebeb;
  color: #333;
}
.dialog .dijitDialogTitle,
.mwNonModalDialog .dijitDialogTitle {
  min-height: 16px;
}
.tundra .dijitDialog {
  border: 1px solid #919191;
}
.tundra .dojoxFloatingPaneTitle {
  height: 14px;
  padding: 5px 6px 3px 6px;
}
.tundra .dijitDialogTitleBar {
  border: none;
  border-bottom: 1px solid #999;
  padding: 0 30px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#dedfe0), to(#afb1b4));
  background: -webkit-linear-gradient(top, #dedfe0 0%, #afb1b4 100%);
  background: -moz- oldlinear-gradient(top, #dedfe0 0%, #afb1b4 100%);
  background: linear-gradient(to bottom, #dedfe0 0%, #afb1b4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedfe0', endColorstr='#afb1b4', GradientType=0 );
}
.tundra .dijitDialogTitle {
  width: 100%;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px 6px 3px 6px;
}
.tundra .dijitDialogCloseIcon,
.tundra .dojoxFloatingCloseIcon {
  width: 16px;
  height: 16px;
  background: url(../images/b31bdffd22e1e98ab5a8.png) -2px -2px no-repeat transparent;
  border: 1px solid transparent;
  cursor: default;
}
.tundra .dijitDialogCloseIcon:focus,
.tundra .dojoxFloatingCloseIcon:focus {
  border: 1px solid #09f;
  border-radius: 2px;
  outline: 0;
}
.tundra .dojoxFloatingIconContainer {
  display: inline-block;
  position: absolute;
  padding-top: 3px;
  padding-right: 3px;
  right: 0;
  cursor: default;
}
.tundra .dojoxFloatingPaneTitle.dijitDialogTitleBar {
  overflow: auto;
  height: auto;
  cursor: move;
}
.dojoxFloatingPaneContent:focus {
  outline: 0;
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

.mwWidget.mwVerticalAlignmentMixin .mwContentWrapperNode{display:table}.mwWidget.mwVerticalAlignmentMixin .mwIconAndTextContainerNode{display:table-cell}.mwWidget.mwVerticalAlignmentMixin.mwVerticalAlignmentTop .mwAlignmentNode{vertical-align:top}.mwWidget.mwVerticalAlignmentMixin.mwVerticalAlignmentMiddle .mwAlignmentNode{vertical-align:middle}.mwWidget.mwVerticalAlignmentMixin.mwVerticalAlignmentBottom .mwAlignmentNode{vertical-align:bottom}.mwWidget.mwHorizontalAlignmentMixin.mwHorizontalAlignmentLeft .mwAlignmentNode{text-align:left}.mwWidget.mwHorizontalAlignmentMixin.mwHorizontalAlignmentCenter .mwAlignmentNode{text-align:center}.mwWidget.mwHorizontalAlignmentMixin.mwHorizontalAlignmentRight .mwAlignmentNode{text-align:right}.mwWidget.mwHorizontalAlignmentMixin.mwHorizontalAlignmentLeft .mwAlignmentNode{text-align:left}.mwWidget.mwHorizontalAlignmentMixin.mwHorizontalAlignmentCenter .mwAlignmentNode{text-align:center}.mwWidget.mwHorizontalAlignmentMixin.mwHorizontalAlignmentRight .mwAlignmentNode{text-align:right}
.mwWidget.mwSharedMenuItem,.mwWidget.mwCheckBoxMenuItem,.mwWidget.mwRadioButtonMenuItem,.mwWidget.mwPopupMenuItem{padding:9px 8px 9px 8px;white-space:nowrap}.mwWidget.mwSharedMenuItem.mwHideDescription,.mwWidget.mwCheckBoxMenuItem.mwHideDescription,.mwWidget.mwRadioButtonMenuItem.mwHideDescription,.mwWidget.mwPopupMenuItem.mwFocusNode.mwHideDescription{padding:5px 8px 5px 8px}.mwWidget.mwSharedMenuItem.mwHideDescription .mwShortcutKeyNode,.mwWidget.mwCheckBoxMenuItem.mwHideDescription .mwShortcutKeyNode,.mwWidget.mwRadioButtonMenuItem.mwHideDescription .mwShortcutKeyNode{top:5px}.mwWidget.mwSharedMenuItem .mwShortcutKeyNode{top:10px;right:5px}.mwWidget.mwPopupMenuItem .mwShortcutKeyNode{position:static;margin-top:10px}.mwWidget.mwPopupMenuItem.mwHideDescription .mwShortcutKeyNode{margin-top:6px}.mwWidget.mwSharedMenuItem .description{margin-top:2px}.mwWidget.mwSharedMenuItem .mwIconNode,.mwWidget.mwSharedMenuItem .mwCheckBox,.mwWidget.mwSharedMenuItem .mwRadioButton{margin-right:8px}.mwWidget.mwSharedMenuItem.mwNoIcon .mwIconNode{margin-right:0}.mwWidget.mwSharedMenuItem.mwHideDescription.mwHideText .mwIconNode{margin-right:0}.mwWidget.mwSharedMenuItem.mwHideDescription.mwShowTextMixin .mwTextAndDescriptionContainerNode .mwTextNode{color:#000;font-weight:normal;display:-webkit-flex;display:-ms-flexbox;display:flex}.mwWidget.mwSharedMenuItem.mwHideDescription .mwDescriptionNode,.mwWidget.mwSharedMenuItem.mwHideText .mwTextNode,.mwWidget.mwSharedMenuItem.mwHideShortcut .mwShortcutKeyNode,.mwWidget.mwSharedMenuItem.mwHideIcon .mwIconNode{display:none}.mwWidget.mwSharedMenuItem .mwIconNode,.mwWidget.mwSharedMenuItem .mwTextAndDescriptionContainerNode,.mwWidget.mwSharedMenuItem .mwTextContainer,.mwWidget.mwSharedMenuItem.mwPopupMenuItem .mwShortcutKeyNode,.mwWidget.mwSharedMenuItem.mwPopupMenuItem .mwMenuArrowNode,.mwWidget.mwCheckBoxMenuItem .mwCheckBox,.mwWidget.mwRadioButtonMenuItem .mwRadioButton,.mwWidget.mwTextFieldMenuItem .mwTextField{display:inline-block;vertical-align:middle}.mwWidget.mwCheckBoxMenuItem .mwCheckBox,.mwWidget.mwRadioButtonMenuItem .mwRadioButton{padding-right:2px;padding-left:2px;margin-top:-2px}.mwWidget.mwSharedMenuItem.mwHideShortcut .mwTextAndDescriptionContainerNode,.mwWidget.mwCheckBoxMenuItem.mwHideShortcut .mwTextAndDescriptionContainerNode,.mwWidget.mwRadioButtonMenuItem.mwHideShortcut .mwTextAndDescriptionContainerNode{padding-right:0}.mwWidget.mwPopupMenuItem.mwHideShortcut .mwTextAndDescriptionContainerNode{padding-right:5px}.mwWidget.mwSharedMenuItem.mwPopupMenuItem .mwShortcutAndArrowWrapperNode .mwMenuArrowNode{margin-top:10px;margin-bottom:10px}.mwWidget.mwSharedMenuItem.mwPopupMenuItem.mwHideDescription .mwShortcutAndArrowWrapperNode .mwMenuArrowNode{margin-top:4px;margin-bottom:4px}.mwWidget.mwSharedMenuItem.mwMenuItem,.mwWidget.mwSharedMenuItem.mwCheckBoxMenuItem,.mwWidget.mwSharedMenuItem.mwTextFieldMenuItem,.mwWidget.mwSharedMenuItem.mwRadioButtonMenuItem{position:relative}.mwWidget.mwSharedMenuItem.mwPopupMenuItem .mwShortcutKeyNode{right:7px}.mwWidget.mwPopupMenuItem.mwHideShortcut.mwHideDescription .mwShortcutAndArrowWrapperNode{top:2px}
.mwWidget.mwDescriptionMixin .mwDescriptionNode{white-space:pre}
.mwWidget.mwDisabledMixin{position:relative}
.mwWidget.mwIconAlignmentMixin .mwIconAndTextContainerNode{overflow:hidden}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentTop.mwHorizontalAlignmentMixin.mwHorizontalAlignmentRight .mwIconNode,.mwWidget.mwIconAlignmentMixin.mwIconAlignmentBottom.mwHorizontalAlignmentMixin.mwHorizontalAlignmentRight .mwIconNode{margin:0 0 0 auto}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentTop.mwHorizontalAlignmentMixin.mwHorizontalAlignmentLeft .mwIconNode,.mwWidget.mwIconAlignmentMixin.mwIconAlignmentBottom.mwHorizontalAlignmentMixin.mwHorizontalAlignmentLeft .mwIconNode{margin:auto 0}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentTop .mwIconNode,.mwWidget.mwIconAlignmentMixin.mwIconAlignmentBottom .mwIconNode{margin:0 auto}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentLeft .mwIconNode,.mwWidget.mwIconAlignmentMixin.mwIconAlignmentRight .mwIconNode,.mwWidget.mwIconAlignmentMixin.mwIconAlignmentLeft .mwTextNode,.mwWidget.mwIconAlignmentMixin.mwIconAlignmentRight .mwTextNode{vertical-align:middle;display:inline-block}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentTop .mwTextNode{margin-top:2px}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentRight .mwTextNode{margin-right:4px}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentBottom .mwTextNode{margin-bottom:2px}.mwWidget.mwIconAlignmentMixin.mwIconAlignmentLeft .mwTextNode{margin-left:4px}.mwWidget.mwIconAlignmentMixin.mwNoIcon .mwTextNode,.mwWidget.mwIconAlignmentMixin.mwNoText .mwTextNode{margin:0}
.mwWidget.mwIconMixin .mwIconNode{background-repeat:no-repeat}.mwWidget.mwIconMixin.mwNoIcon .mwIconNode{display:none}
.mwWidget.mwMenu,.mwWidget.mwMenuPanel,.mwWidget.mwContextMenu{overflow-x:hidden;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-width:80px}.mwWidget.mwMenuPanel{border:none}
.mwSizeMixin{display:inline-block;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.mwTextField .mwInputNode,.mwTextArea .mwInputNode{padding-top:1px;border:none;height:100%;width:100%;box-sizing:border-box;display:block}
.mwWidget.mwTextMixin.mwNoText .mwTextNode.mwEmptyNode{display:none}.mwTextMixin .mwTextNode{white-space:pre}
.mwValidationTooltipDialog .mwIconNode,.mwValidationTooltipDialog .mwContentsNode,.mwValidationTooltipDialog .mwTextNode,.mwValidationTooltipDialog .mwArrowNode{display:inline-block}.mwValidationTooltipDialog{cursor:default}.mwValidationTooltipDialog .mwContentsNode{vertical-align:middle}.mwValidationTooltipDialog{height:22px;z-index:1000;position:absolute}.mwValidationTooltipDialog .mwContentsNode{height:22px;overflow:hidden}.mwValidationTooltipDialog .mwIconNode{width:8px;height:22px;vertical-align:top}.mwValidationTooltipDialog .mwTextNode{font-family:Arial;font-size:11px;font-style:normal;height:20px;vertical-align:top;padding:0 3px;line-height:20px;white-space:nowrap}.mwValidationTooltipDialog.mwTooltipLeft{margin-left:-3px}.mwValidationTooltipDialog.mwTooltipRight{margin-left:3px}.mwValidationTooltipDialog .mwArrowNode{vertical-align:middle}.mwValidationTooltipDialog.mwErrorTooltip.mwTooltipRight .mwArrowNode{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--mw-backgroundColor-error,#b7312c)}.mwValidationTooltipDialog.mwErrorTooltip.mwTooltipLeft .mwArrowNode{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--mw-backgroundColor-error,#b7312c)}.mwValidationTooltipDialog.mwTooltipLeft.mwWarningTooltip .mwArrowNode{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--mw-backgroundColor-info,#268cdd)}.mwValidationTooltipDialog.mwTooltipRight.mwWarningTooltip .mwArrowNode{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--mw-backgroundColor-info,#268cdd)}


/* Styles specific to the CheckBox widget across all visual families. */

.mwWidget.mwCheckBox .mwCheckBoxRadioIconNode,
.mwWidget.mwCheckBox .mwTextNode,
.mwWidget.mwRadioButton .mwCheckBoxRadioIconNode,
.mwWidget.mwRadioButton .mwTextNode {
    display: inline-block;
}

.mwWidget.mwCheckBox .mwCheckBoxRadioIconNode,
.mwWidget.mwRadioButton .mwCheckBoxRadioIconNode {
    vertical-align: middle;
    position: relative;
}

.mwWidget.mwRadioButton .mwCheckBoxRadioIconNode,
.mwWidget.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
    border-radius: 50% 50%;
}

.mwWidget.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner,
.mwWidget.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
    display: none;
    position: absolute;
}

.mwWidget.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
    transform: rotate(-45deg);
}

.mwWidget.mwCheckBoxChecked .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner,
.mwWidget.mwRadioButtonChecked .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
    display: block;
}

.mwWidget.mwCheckBox.mwTextMixin .mwTextNode,
.mwWidget.mwRadioButton.mwTextMixin .mwTextNode {
    margin-left: 3px; /* 3px gap between the checkBoxRadioIconNode and textNode */
    vertical-align: middle;

    /* Ellipsis feature; In addition to the below, the textNode is also sized explicitly, in the widget JS class */
    overflow: hidden;
    text-overflow: ellipsis;
}

.mwWidget.mwCheckBox.mwTextMixin.mwNoText .mwTextNode,
.mwWidget.mwRadioButton.mwTextMixin.mwNoText .mwTextNode {
    margin: 0; /* There is no need to separate textNode and checkBoxRadioIconNode since there is no text in this case */
}

.mwWidget.mwCheckBox,
.mwWidget.mwRadioButton {
  cursor: default; /* To ensure that the cursor doesn't change to text for the text portions */
}
/* IE 10 adds a clear sign: "x" at the end of input field
http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs
*/
.mwWidget.mwTextField input[type=text]::-ms-clear {
    display: none;
}

.mwWidget.mwTextField input {
    font-size: 12px;
}
.mwWidget.mwTextArea textarea {
    resize: none;
    white-space: pre-wrap;
}

.mwWidget.mwTextArea.mwTextAreaDisabled textarea:active {
  border: none;
}
.mwWidget.mwListBox {
    position: relative;
    overflow: auto;
}

/* Having padding 0 and not having list-style: none will not show the default
'disc' for list-style-type, which is default behavior of showing circle in front of the list items.
If we add list-style: none the empty items in the list are not displayed with correct css styling */
.mwWidget.mwListBox > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: default;
}

.mwWidget.mwListBox .mwListItem {
    /*
       Border added to account for the focused item border.
       Padding reduced 1px on all sides to keep width and height 
       of the list item the same.
    */
    border: solid 1px transparent;
    padding: 1px 3px 1px 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    line-height: normal;
}

.mwWidget.mwListBox.mwHorizontallyScrollable > ul {
    display: inline-table;
}

.mwWidget.mwLabel .mwTextNode,
.mwWidget.mwCheckBox .mwTextNode,
.mwWidget.mwRadioButton .mwTextNode,
.mwWidget.mwPushButton .mwTextNode,
.mwWidget.mwToggleButton .mwTextNode,
.mwWidget.mwDropDownButton .mwTextNode,
.mwWidget.mwSplitButton .mwTextNode,
.mwWidget.mwToggleSplitButton .mwTextNode,
.mwWidget.mwListBox .mwListItem {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mwSpinner .mwContainerNode{display:inline-block;vertical-align:top}.mwSpinner .mwButtonsContainer{display:inline-block;vertical-align:top;height:22px}.mwSpinner .mwIncrementButtonWrapper,.mwSpinner .mwDecrementButtonWrapper{padding:0 2px}.mwSpinner .mwTextField{display:inline-block;vertical-align:middle}.mwSpinner .mwIncrementButton{width:0;height:5px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--mw-backgroundColor-iconuiFill,#616161)}.mwSpinner .mwDecrementButton{width:0;height:5px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--mw-backgroundColor-iconuiFill,#616161)}.mwSpinner .mwIncrementButtonWrapper{height:9.5px;margin-bottom:-1px}.mwSpinner .mwDecrementButtonWrapper{height:9.5px}.mwSpinner .mwIncrementButton,.mwSpinner .mwDecrementButton{height:2px;margin:auto}
.mwWidget.mwComboBox .mwComboBoxInnerContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}.mwWidget.mwComboBox .mwTextFieldContainerNode,.mwWidget.mwComboBox .mwArrowContainerNode{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mwWidget.mwComboBox .mwArrowContainerNode{width:22px;cursor:default;height:100%}.mwWidget.mwComboBox .mwArrowContainerNode .mwArrowNode{border-left:4px solid transparent;border-top:4px solid var(--mw-backgroundColor-iconuiFill,#616161);border-right:4px solid transparent;margin:8px auto;width:0}.mwWidget.mwComboBox .mwTextField .mwInputNode{overflow:hidden;text-overflow:ellipsis}.mwWidget.mwComboBoxPopup .mwSharedMenuItem{padding:4px;cursor:default}.mwWidget.mwComboBoxPopup .mwMenuSeparator{border-bottom:1px solid var(--mw-borderColor-secondary,#bfbfbf)}
/* Common styles for all widgets across visual families. */

.mwWidget.mwPushButton,
.mwWidget.mwToggleButton,
.mwWidget.mwLabel,
.mwWidget.mwListBox,
.mwWidget.mwDropDownButton,
.mwWidget.mwSplitButton,
.mwWidget.mwToggleSplitButton {
  cursor: default; /* To ensure that the cursor doesn't change to text for the text portions */
}
.mwDefaultVisualFamily.mwWidget .mwCheckBoxMenuItem .mwOverlayNode,.mwDefaultVisualFamily.mwWidget .mwRadioButtonMenuItem .mwOverlayNode{position:absolute;top:0;right:0;bottom:0;left:0}
.mwWidget.mwMenuHeader{padding:4px 0 4px 5px;text-transform:uppercase;min-height:10px}
.mwWidget.mwTextFieldMenuItem .mwTextField{margin-left:4px}.mwWidget.mwTextFieldMenuItem.mwSharedMenuItem{padding:4px 8px 4px 8px}.mwWidget.mwTextFieldMenuItem .mwTextContainer .mwTextMode{padding-top:1px}
.mwWidget.mwPopupMenuItem .mwMenuArrowNode{border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid var(--mw-backgroundColor-iconuiFill,$mw-backgroundColor-iconuiFill)}
.mwWidget.mwMenuPanel{overflow-y:auto;overflow-x:hidden}
.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem{display:-webkit-flex;display:-ms-flexbox;display:flex}.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwIconNode{-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextAndDescriptionContainerNode{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwShortcutKeyNode{-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:15px}


/*shared*/
.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextAndDescriptionContainerNode .mwTextNode:not(.mwBlueText),.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextContainer .mwTextNode:not(.mwBlueText){font-size:12px;color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwDescriptionNode{font-size:11px;color:var(--mw-color-primary,#212121)}
.mwDefaultVisualFamily.mwWidget.mwDisabledMixin.mwWidgetDisabled{opacity:var(--mw-opacity-disabled,.35)}.mwDefaultVisualFamily.mwWidget.mwDisabledMixin.mwWidgetDisabled .mwWidgetDisabled{opacity:1}.mwDefaultVisualFamily.mwWidget,.mwDefaultVisualFamily.mwWidget *{outline:none}
.mwDefaultVisualFamily.mwWidget.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledTrue .mwButtonNode .mwButtonContainerNode{opacity:.35}.mwDefaultVisualFamily.mwWidget.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledTrue,.mwDefaultVisualFamily.mwWidget.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledTrue .mwFocusNode{opacity:1}.mwDefaultVisualFamily.mwWidget.mwDisabledMixin.mwDropDownNeverDisabledMixin.mwWidgetDisabled.mwDropDownNeverDisabledFalse{opacity:.35}
.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem{border:1px solid transparent}.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem:focus{background:var(--mw-backgroundColor-hover,#fff);border-color:var(--mw-borderColor-focus,#268cdd)}.mwWidgetPopup{background:var(--mw-backgroundColor-primary,#f5f5f5);font:12px Helvetica Neue,Helvetica,Arial,sans}
.mwDefaultVisualFamily.mwWidget.mwEditablemixin.mwNonEditable,.mwDefaultVisualFamily.mwWidget.mwEditablemixin.mwNonEditable.mwWidgetFocused{box-shadow:#fff 0 1px 0 0 inset,0 1px 0 0 #fff;border-color:#c4c4c4}
.mwDefaultVisualFamily.mwWidget.mwSharedMenuItem .mwTextNode.mwBlueText{color:var(--mw-color-list-primary,#1656a7);font-weight:bold}
.mwValidationTooltipDialog .mwTextNode{color:var(--mw-color-primary,$mw-color-primary)}.mwDefaultVisualFamily.mwWidget.mwValidationError,.mwDefaultVisualFamily.mwWidget.mwValidationError:hover,.mwDefaultVisualFamily.mwWidgetHover.mwValidationError{border:1px solid var(--mw-borderColor-error,$mw-borderColor-error)}.mwValidationTooltipDialog.mwWarningTooltip .mwContentsNode .mwTextNode{border:1px solid var(--mw-borderColor-info,$mw-borderColor-info)}.mwValidationTooltipDialog.mwErrorTooltip .mwContentsNode .mwTextNode{border:1px solid var(--mw-borderColor-error,$mw-borderColor-error)}.mwValidationTooltipDialog.mwWarningTooltip .mwIconNode{background:var(--mw-backgroundColor-info,$mw-backgroundColor-info);background-image:url(../images/3742e5ec175a1a2048b8.png);background-repeat:no-repeat;background-position:center}.mwValidationTooltipDialog.mwErrorTooltip .mwIconNode{background:var(--mw-backgroundColor-error,$mw-backgroundColor-error);background-image:url(../images/cafff2782ae5345fc681.png);background-repeat:no-repeat;background-position:center}.mwValidationTooltipDialog .mwTextNode{background:var(--mw-backgroundColor-input,$mw-backgroundColor-input)}.mwDefaultVisualFamily.mwComboBox.mwComboBoxFocused.mwValidationError{border:1px solid var(--mw-borderColor-error,$mw-borderColor-error)}


.mwDefaultVisualFamily.mwWidget,.mwDefaultVisualFamily.mwWidget *{outline:none}.mwDefaultVisualFamily.mwWidget{font-size:12px;font-family:Helvetica,Arial,sans-serif;color:var(--mw-color-primary,$mw-color-primary)}
.mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode,.mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode{width:12px;height:12px;border:1px solid var(--mw-borderColor-tertiary,#616161);background-color:var(--mw-backgroundColor-input,#fff)}.mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner{background-color:var(--mw-backgroundColor-inputFill,#212121)}.mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner{border-left:2px solid var(--mw-backgroundColor-inputFill,#212121);border-bottom:2px solid var(--mw-backgroundColor-inputFill,#212121)}.mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner{bottom:5px;width:8px;height:3px;left:1px}.mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner{height:6px;width:6px;top:3px;left:3px}.mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode:hover,.mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode:active,.mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode:hover,.mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode:active{border-color:var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwCheckBox.mwCheckBoxFocused .mwCheckBoxRadioIconNode,.mwDefaultVisualFamily.mwRadioButton.mwRadioButtonFocused .mwCheckBoxRadioIconNode{border-color:var(--mw-borderColor-focus,#268cdd)}
.mwDefaultVisualFamily.mwTextField .mwInputNode,.mwDefaultVisualFamily.mwTextArea .mwInputNode{background-color:transparent;color:var(--mw-color-primary,#212121);padding-top:1px;padding-bottom:1px;border:none;height:100%;width:100%}.mwDefaultVisualFamily.mwTextField,.mwDefaultVisualFamily.mwTextArea{background-color:var(--mw-backgroundColor-input,#fff);border-style:solid;border-width:1px;border-color:var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwTextArea .mwInputNode,.mwDefaultVisualFamily.mwTextField .mwInputNode{padding-left:4px;padding-right:4px}.mwDefaultVisualFamily.mwTextArea .mwInputNode{padding-top:3px}.mwDefaultVisualFamily.mwTextField.mwTextFieldHover:not(.mwValidationError),.mwDefaultVisualFamily.mwTextArea.mwTextAreaHover:not(.mwValidationError){border-color:var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwTextField.mwTextFieldInputNodeFocused:not(.mwValidationError),.mwDefaultVisualFamily.mwTextArea.mwTextAreaFocused:not(.mwValidationError){border-color:var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwTextField.mwNonEditable,.mwDefaultVisualFamily.mwTextArea.mwNonEditable{background-color:var(--mw-backgroundColor-input-readonly,#e6e6e6)}.mwDefaultVisualFamily.mwTextField.mwWidget .mwInputNode::selection,.mwDefaultVisualFamily.mwTextArea.mwWidget .mwInputNode::selection{background:var(--mw-backgroundColor-highlight-focus,#1656a7);color:var(--mw-color-highlight,#fff)}.mwDefaultVisualFamily.mwTextField.mwWidget:not(.mwTextFieldFocused) .mwInputNode::selection,.mwDefaultVisualFamily.mwTextArea.mwWidget:not(.mwTextAreaFocused) .mwInputNode::selection{background:var(--mw-backgroundColor-highlight,#616161);color:var(--mw-color-highlight,#fff)}.mwDefaultVisualFamily.mwTextField .mwInputNode::-webkit-input-placeholder,.mwDefaultVisualFamily.mwTextArea .mwInputNode::-webkit-input-placeholder{color:var(--mw-color-secondary,#616161)}.mwDefaultVisualFamily.mwTextField .mwInputNode:-ms-input-placeholder,.mwDefaultVisualFamily.mwTextArea .mwInputNode:-ms-input-placeholder{color:var(--mw-color-secondary,#616161)}.mwDefaultVisualFamily.mwTextField .mwInputNode::placeholder,.mwDefaultVisualFamily.mwTextArea .mwInputNode::placeholder{color:var(--mw-color-secondary,#616161)}
.mwWidget.mwDefaultVisualFamily.mwDropDownButton,.mwWidget.mwDefaultVisualFamily.mwSplitButton,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton{padding:0}.mwWidget.mwDefaultVisualFamily.mwSplitButton,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton{border-radius:5px}.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwFocusNode{border-color:var(--mw-borderColor-primary,#7d7d7d);border-style:solid}.mwDefaultVisualFamily.mwWidget.mwSplitButton.mwValidationError,.mwDefaultVisualFamily.mwWidget.mwToggleSplitButton.mwValidationError{border-width:0}.mwDefaultVisualFamily.mwWidget.mwSplitButton.mwValidationError .mwButtonNode,.mwDefaultVisualFamily.mwWidget.mwToggleSplitButton.mwValidationError .mwButtonNode,.mwDefaultVisualFamily.mwWidget.mwSplitButton.mwValidationError .mwFocusNode,.mwDefaultVisualFamily.mwWidget.mwToggleSplitButton.mwValidationError .mwFocusNode{border-color:var(--mw-borderColor-error,#b7312c)}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwTextLine,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwTextLine,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwTextLine{white-space:pre}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentMixin.mwArrowModeMixin .mwTextNode.mwInlineTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentMixin.mwArrowModeMixin .mwTextNode.mwInlineTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentMixin.mwArrowModeMixin .mwTextNode.mwInlineTextNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwTextNode.mwEmptyNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwTextNode.mwEmptyNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwTextNode.mwEmptyNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwLastTextLineNode.mwEmptyNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwLastTextLineNode.mwEmptyNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwLastTextLineNode.mwEmptyNode{display:none}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownNode{display:inline-block;vertical-align:top;overflow:hidden;white-space:nowrap}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownAlignmentNode{display:inline-block;height:100%;vertical-align:middle}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonContainerNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownContainerNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonContainerNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownContainerNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonContainerNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownContainerNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwDropDownNode{display:inline-block;vertical-align:middle;text-align:center}.mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwTextNode{display:inline-block;overflow:hidden;vertical-align:middle;text-align:center;overflow:hidden;white-space:nowrap}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwIconNode{margin-left:2px}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeInline .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeInline .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeInline .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwNoText .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwNoText .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwNoText .mwIconNode{margin-right:2px}.mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwNoText) .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton:not(.mwNoText) .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwNoText) .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton:not(.mwNoText) .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwNoText) .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwNoText) .mwTextNode{padding-left:2px;padding-right:4px}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwArrowIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwArrowIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwArrowIconNode{display:inline-block;margin:0 2px 2px 2px;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--mw-backgroundColor-iconuiFill,#616161) transparent transparent transparent;line-height:0}.mwWidget.mwDefaultVisualFamily.mwDropDownButton .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton .mwLastTextLineNode{display:inline-block}.mwDefaultVisualFamily.mwWidget.mwDropDownButton.mwDropDownButtonFocused,.mwDefaultVisualFamily.mwWidget.mwSplitButton.mwSplitButtonFocused .mwNodeFocused,.mwDefaultVisualFamily.mwWidget.mwToggleSplitButton.mwToggleSplitButtonFocused .mwNodeFocused{border-color:var(--mw-borderColor-focus,#268cdd)}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwFocusNode{width:100%}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwDropDownNode{height:100%}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode{padding:2px 0 2px 0}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwDropDownNode{padding:2px 2px 2px 0}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwTextNode{padding-top:1px;padding-bottom:1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwDropDownNode{border-left:1px solid var(--mw-borderColor-secondary,#bfbfbf);margin-left:-1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode{border-top-left-radius:5px;border-bottom-left-radius:5px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwFocusNode{border-top-right-radius:5px;border-bottom-right-radius:5px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwFocusNode{border-top-width:1px;border-bottom-width:1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwButtonNode{border-left-width:1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft .mwFocusNode{border-right-width:1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwSplitButtonFocused.mwIconAlignmentLeft .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonFocused.mwIconAlignmentLeft .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwSplitButton.mwIconAlignmentLeft.mwHasMenuOpened .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButton.mwIconAlignmentLeft.mwHasMenuOpened .mwDropDownNode{border-left-color:var(--mw-borderColor-focus,#268cdd)}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwDropDownNode{display:block}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwIconNode{margin:0 0 3px 0}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwFocusNode{border-top:1px solid var(--mw-borderColor-secondary,#bfbfbf);margin-top:-1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwButtonNode{border-top-left-radius:5px;border-top-right-radius:5px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwFocusNode{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwFocusNode{border-left-width:1px;border-right-width:1px;box-sizing:border-box}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwButtonNode{border-top-width:1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop .mwFocusNode{border-bottom-width:1px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwSplitButtonFocused.mwIconAlignmentTop .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonFocused.mwIconAlignmentTop .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwSplitButton.mwIconAlignmentTop.mwHasMenuOpened .mwFocusNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButton.mwIconAlignmentTop.mwHasMenuOpened .mwFocusNode{border-top-color:var(--mw-borderColor-focus,#268cdd)}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeAuto:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeAuto .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeAuto:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeAuto .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeAuto:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeAuto .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeBlock:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeBlock .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeBlock:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeBlock .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeBlock:not(.mwNoIcon) .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeBlock .mwTextNode{display:inline-block}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeAuto .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeAuto .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeAuto .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeBlock .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeBlock .mwDropDownNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeBlock .mwDropDownNode{padding-left:2px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeAuto .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeAuto .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeBlock .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeBlock .mwButtonNode{padding-right:6px}.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeAuto.mwNoText .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeAuto.mwNoText .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeBlock.mwNoText .mwButtonNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeBlock.mwNoText .mwButtonNode{padding-right:1px}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeBlock .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeBlock .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeBlock .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeBlock .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeBlock .mwIconNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeBlock .mwTextNode{display:block;margin-left:auto;margin-right:auto}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwArrowModeInline .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwArrowModeInline .mwLastTextLineNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwArrowModeInline .mwLastTextLineNode{padding-right:4px;padding-left:4px}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeInline.mwContentWrapperNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeInline.mwContentWrapperNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeInline.mwContentWrapperNode{table-layout:fixed}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeInline .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentLeft.mwArrowModeInline .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentLeft.mwArrowModeInline .mwSeparatorNode{left:50%}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeInline .mwButtonNode{text-align:right}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentLeft.mwArrowModeInline .mwDropDownNode{text-align:left}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeAuto .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeAuto .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeAuto .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeInline .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeInline .mwSeparatorNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeInline .mwSeparatorNode{top:50%}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeAuto .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeAuto .mwArrowNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeAuto .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeAuto .mwArrowNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeAuto .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeAuto .mwArrowNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeInline .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeInline .mwArrowNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeInline .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwSplitButton.mwIconAlignmentTop.mwArrowModeInline .mwArrowNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeInline .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleSplitButton.mwIconAlignmentTop.mwArrowModeInline .mwArrowNode{display:block}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeAuto .mwButtonAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeInline .mwButtonAlignmentNode{vertical-align:bottom}.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeAuto .mwDropDownAlignmentNode,.mwWidget.mwDefaultVisualFamily.mwDropDownButton.mwIconAlignmentTop.mwArrowModeInline .mwDropDownAlignmentNode{vertical-align:top}
.mwDefaultVisualFamily.mwPushButton,.mwDefaultVisualFamily.mwToggleButton,.mwDefaultVisualFamily.mwDropDownButton,.mwDefaultVisualFamily.mwSplitButton,.mwDefaultVisualFamily.mwToggleSplitButton{background:var(--mw-backgroundColor-primary,#f5f5f5);padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px;box-sizing:border-box}.mwDefaultVisualFamily.mwPushButton,.mwDefaultVisualFamily.mwToggleButton,.mwDefaultVisualFamily.mwDropDownButton{border-radius:5px;border-color:var(--mw-borderColor-primary,#7d7d7d);border-style:solid;border-width:1px}.mwWidget.mwDefaultVisualFamily.mwPushButton.mwNoText .mwTextNode,.mwWidget.mwDefaultVisualFamily.mwToggleButton.mwNoText .mwTextNode{display:none}.mwDefaultVisualFamily.mwPushButton .mwTextNode,.mwDefaultVisualFamily.mwToggleButton .mwTextNode{padding:1px 2px 1px 2px}.mwDefaultVisualFamily.mwWidget.mwPushButton.mwPushButtonHover,.mwDefaultVisualFamily.mwWidget.mwToggleButton.mwToggleButtonHover{background:var(--mw-backgroundColor-hover,#fff);border-color:var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwWidget.mwToggleButton.mwToggleButtonChecked.mwToggleButtonHover{background:var(--mw-backgroundColor-toggleOn-hover,#e6e6e6);border-color:var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwPushButton.mwPushButtonFocused,.mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwToggleButton.mwToggleButtonFocused{border-color:var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwPushButton.mwPushButtonActive,.mwDefaultVisualFamily.mwWidget.mwWidgetFocused.mwToggleButton.mwToggleButtonActive{background:var(--mw-backgroundColor-active,#d9d9d9);border-color:var(--mw-borderColor-focus,#268cdd)}
.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:hover,.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:hover,.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwFocusNode:hover,.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:hover,.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwFocusNode:hover{background:var(--mw-backgroundColor-hover,#fff)}.mwDefaultVisualFamily.mwDropDownButton:not(.mwDisabled) .mwFocusNode:active,.mwDefaultVisualFamily.mwDropDownButton.mwHasMenuOpened,.mwDefaultVisualFamily.mwSplitButton:not(.mwDisabled) .mwButtonNode:active,.mwDefaultVisualFamily.mwSplitButton.mwHasMenuOpened .mwFocusNode,.mwDefaultVisualFamily.mwToggleSplitButton:not(.mwDisabled) .mwButtonNode:active,.mwDefaultVisualFamily.mwToggleSplitButton.mwToggleSplitButtonChecked .mwButtonNode,.mwDefaultVisualFamily.mwToggleSplitButton.mwHasMenuOpened .mwFocusNode{background:var(--mw-backgroundColor-active,#d9d9d9);border-color:var(--mw-borderColor-focus,#268cdd)}
/* Shared styles in Buttons.styl */

.mwDefaultVisualFamily.mwToggleButton.mwToggleButtonChecked{background:var(--mw-backgroundColor-toggleOn,#d9d9d9);border-color:var(--mw-borderColor-primary,#7d7d7d)}
/* Shared styles in .\shared\TextFieldTextArea.styl */

/* Shared styles in .\shared\TextFieldTextArea.styl */

.mwDefaultVisualFamily.mwListBox{border:1px solid var(--mw-borderColor-primary,#7d7d7d);background-color:var(--mw-backgroundColor-input,#fff)}.mwDefaultVisualFamily.mwListBox.mwListBoxHover{border-color:var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwListBox .mwListItem:not(.mwListItemIOS):hover{background:var(--mw-backgroundColor-list-hover,#d9d9d9);color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwListBox.mwWidgetFocused .mwListItem.mwListItemSelected{background:var(--mw-backgroundColor-selectedFocus,#b4deff);color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwListBox .mwListItem.mwListItemSelected{background:var(--mw-backgroundColor-selected,#bfbfbf);color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwListBox .mwListItem.mwListItemFocused{border:1px solid var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwListBox.mwHorizontallyScrollable .mwListItem{text-overflow:clip}
.mwDefaultVisualFamily.mwSpinner .mwTextField{margin-right:-1px;border:1px solid var(--mw-borderColor-primary,#7d7d7d);border-right:1px solid transparent}.mwDefaultVisualFamily.mwSpinner .mwContainerNode{margin-right:-2px}.mwDefaultVisualFamily.mwSpinner .mwButtonsContainer{border-right:1px solid var(--mw-borderColor-primary,#7d7d7d);border-radius:5px;position:relative}.mwDefaultVisualFamily.mwSpinner .mwIncrementButtonWrapper,.mwDefaultVisualFamily.mwSpinner .mwDecrementButtonWrapper{width:16px;display:block;text-align:center;background:var(--mw-backgroundColor-primary,#f5f5f5);border-left:1px solid transparent}.mwDefaultVisualFamily.mwSpinner .mwIncrementButtonWrapper{border-radius:0 5px 0 0}.mwDefaultVisualFamily.mwSpinner .mwDecrementButtonWrapper{border-radius:0 0 5px 0}.mwDefaultVisualFamily.mwSpinner .mwIncrementButtonWrapper{border-top:1px solid var(--mw-borderColor-primary,#7d7d7d);border-bottom:1px solid transparent}.mwDefaultVisualFamily.mwSpinner .mwDecrementButtonWrapper{border-top:1px solid transparent;border-bottom:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwSpinner .mwButtonsContainer .mwIncrementButtonDisabled,.mwDefaultVisualFamily.mwSpinner .mwButtonsContainer .mwDecrementButtonDisabled{opacity:.35}.mwDefaultVisualFamily.mwSpinner:not(.mwSpinnerDisabled) .mwButtonsContainer{border-right:none}.mwDefaultVisualFamily.mwSpinner:not(.mwSpinnerDisabled) .mwTextField{margin-right:0;border-right:none}.mwDefaultVisualFamily.mwSpinner:not(.mwSpinnerDisabled) .mwTextField{margin-right:-1px;border:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwSpinner:not(.mwSpinnerDisabled) .mwIncrementButtonWrapper,.mwDefaultVisualFamily.mwSpinner:not(.mwSpinnerDisabled) .mwDecrementButtonWrapper{background:var(--mw-backgroundColor-primary,#f5f5f5);border:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwSpinnerFocused.mwSpinner:not(.mwSpinnerDisabled) .mwTextField{margin-right:-1px;border:1px solid var(--mw-borderColor-focus,#268cdd);border-right:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwSpinner.mwSpinnerFocused:not(.mwSpinnerDisabled) .mwButtonsContainer{border-right:1px solid var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwSpinner.mwSpinnerFocused:not(.mwSpinnerDisabled) .mwIncrementButtonWrapper{background:var(--mw-backgroundColor-primary,#f5f5f5);border-top:1px solid var(--mw-borderColor-focus,#268cdd);border-right:0}.mwDefaultVisualFamily.mwSpinner.mwSpinnerFocused:not(.mwSpinnerDisabled) .mwDecrementButtonWrapper{background:var(--mw-backgroundColor-primary,#f5f5f5);border-bottom:1px solid var(--mw-borderColor-focus,#268cdd);border-right:0}.mwDefaultVisualFamily.mwSpinner:not(.mwSpinnerDisabled) .mwTextField:hover{border:1px solid var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwSpinnerFocused.mwSpinner:hover:not(.mwSpinnerDisabled) .mwTextField{margin-right:-1px;border:1px solid var(--mw-borderColor-focus,#268cdd);border-right:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwSpinnerFocused.mwSpinner:not(.mwSpinnerDisabled) .mwTextField:hover{border-right:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwSpinner.mwSpinnerFocused:not(.mwSpinnerDisabled) .mwButtonsContainer:hover .mwIncrementButtonWrapper{border-top:1px solid var(--mw-borderColor-focus,#268cdd);border-right:0}.mwDefaultVisualFamily.mwSpinner.mwSpinnerFocused:not(.mwSpinnerDisabled) .mwButtonsContainer:hover .mwDecrementButtonWrapper{border-bottom:1px solid var(--mw-borderColor-focus,#268cdd);border-right:0}.mwDefaultVisualFamily.mwSpinner.mwSpinnerHover:not(.mwSpinnerDisabled) .mwIncrementButtonWrapper:not(.mwButtonWrapperDisabled):hover,.mwDefaultVisualFamily.mwSpinner.mwSpinnerHover:not(.mwSpinnerDisabled) .mwDecrementButtonWrapper:not(.mwButtonWrapperDisabled):hover{background:var(--mw-backgroundColor-hover,#fff)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled),.mwDefaultVisualFamily.mwSpinner.mwValidationError.mwWidgetHoverFocused:not(.mwSpinnerDisabled){border:none}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled) .mwTextField{border-left:1px solid var(--mw-borderColor-error,#b7312c);border-top:1px solid var(--mw-borderColor-error,#b7312c);border-bottom:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled) .mwButtonsContainer{border-right:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled) .mwIncrementButtonWrapper{border-top:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled) .mwDecrementButtonWrapper{border-bottom:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:hover:not(.mwSpinnerDisabled) .mwTextField{border-left:1px solid var(--mw-borderColor-error,#b7312c);border-top:1px solid var(--mw-borderColor-error,#b7312c);border-bottom:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled) .mwButtonsContainer:hover .mwIncrementButtonWrapper{border-top:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinner.mwValidationError:not(.mwSpinnerDisabled) .mwButtonsContainer:hover .mwDecrementButtonWrapper{border-bottom:1px solid var(--mw-borderColor-error,#b7312c)}.mwDefaultVisualFamily.mwSpinnerActiveFocused:not(.mwSpinnerDisabled) .mwButtonsContainer .mwIncrementButtonWrapper:not(.mwButtonWrapperDisabled):active,.mwDefaultVisualFamily.mwSpinnerActiveFocused:not(.mwSpinnerDisabled) .mwButtonsContainer .mwDecrementButtonWrapper:not(.mwButtonWrapperDisabled):active{background:var(--mw-backgroundColor-active,#d9d9d9)}
.mwDefaultVisualFamily.mwComboBox{background-color:var(--mw-backgroundColor-primary,#f5f5f5);border:1px solid var(--mw-borderColor-primary,#7d7d7d);color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwComboBox.mwComboBoxHover{border-color:var(--mw-borderColor-hover,#333)}.mwDefaultVisualFamily.mwComboBox.mwComboBoxFocused{border-color:var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwComboBox:not(.mwComboBoxHover) .mwArrowContainerNode{background:var(--mw-backgroundColor-primary,#f5f5f5)}.mwDefaultVisualFamily.mwComboBox .mwArrowContainerNode:hover{background:var(--mw-backgroundColor-hover,#fff)}.mwDefaultVisualFamily.mwComboBox .mwArrowContainerNode:active{background:var(--mw-backgroundColor-active,#d9d9d9)}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField{background-color:var(--mw-backgroundColor-input,#fff);border-radius:0;border:none;color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField.mwWidgetDisabled{background:var(--mw-backgroundColor-primary,#f5f5f5);opacity:1}.mwDefaultVisualFamily.mwComboBox.mwWidgetDisabled .mwArrowContainerNode{pointer-events:none}.mwDefaultVisualFamily.mwComboBox{border-radius:0 5px 5px 0}.mwDefaultVisualFamily.mwComboBox.mwHasMenuOpened.mwHasMenuOpenedBottom{border-radius:0 5px 0 0}.mwDefaultVisualFamily.mwComboBox.mwHasMenuOpened.mwHasMenuOpenedTop{border-radius:0 0 5px 0}.mwDefaultVisualFamily.mwComboBox.mwNonEditable{background:var(--mw-backgroundColor-primary,#f5f5f5);border:1px solid var(--mw-borderColor-primary,#7d7d7d);border-radius:5px}.mwDefaultVisualFamily.mwComboBox.mwNonEditable:not(.mwComboBoxHover),.mwDefaultVisualFamily.mwComboBox.mwNonEditable:not(.mwComboBoxHover) .mwArrowContainerNode{background:var(--mw-backgroundColor-primary,#f5f5f5)}.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwArrowContainerNode{border-left:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxHover,.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwArrowContainerNode:hover{background:var(--mw-backgroundColor-hover,#fff)}.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxActive,.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxFocused,.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxFocused .mwArrowContainerNode,.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwArrowContainerNode:active{border-color:var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwHasMenuOpened.mwComboBoxActive,.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwHasMenuOpened.mwComboBoxFocused,.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwHasMenuOpened.mwComboBoxFocused .mwArrowContainerNode,.mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwHasMenuOpened .mwArrowContainerNode:active{background:var(--mw-backgroundColor-active,#d9d9d9);border-color:var(--mw-borderColor-focus,#268cdd)}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField.mwWidgetDisabled,.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwDefaultVisualFamily.mwTextField input{background:none}.mwComboBoxPopupParent.mwWidgetPopup{overflow-y:auto !important;overflow-x:hidden !important}.mwWidget.mwDefaultVisualFamily.mwComboBoxPopup{background:var(--mw-backgroundColor-primary,#f5f5f5)}.mwWidget.mwDefaultVisualFamily.mwComboBoxPopup .mwSharedMenuItem{background:var(--mw-backgroundColor-primary,#f5f5f5)}.mwWidget.mwDefaultVisualFamily.mwComboBoxPopup:not(.mwComboBoxPopupHover) .mwSharedMenuItem:focus{background:var(--mw-backgroundColor-selectedFocus,#b4deff);color:var(--mw-color-primary,#212121)}.mwWidget.mwDefaultVisualFamily.mwComboBoxPopup .mwSharedMenuItem:hover{background:var(--mw-backgroundColor-selectedFocus,#b4deff);color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwWidget.mwComboBoxPopup .mwSharedMenuItem.mwComboBoxSelectedMenuItem{background:var(--mw-backgroundColor-selected,#bfbfbf);color:var(--mw-color-primary,#212121)}.mwWidget.mwDefaultVisualFamily.mwComboBox .mwArrowContainerNode{border-left:1px solid var(--mw-borderColor-primary,#7d7d7d)}.mwWidget.mwDefaultVisualFamily.mwComboBox.mwHasMenuOpened.mwHasMenuOpenedBottom.mwNonEditable{border-radius:5px 5px 0 0}.mwWidget.mwDefaultVisualFamily.mwComboBox.mwHasMenuOpened.mwHasMenuOpenedTop.mwNonEditable{border-radius:0 0 5px 5px}.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwArrowContainerNode{border-left:none}.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwDefaultVisualFamily.mwTextField{cursor:default}.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwDefaultVisualFamily.mwTextField .mwInputNode{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwDisabledOverlayNode,.mwDefaultVisualFamily.mwComboBox.mwNonEditable .mwDefaultVisualFamily.mwTextField .mwDisabledOverlayNode{display:none}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField .mwInputNode:disabled{color:var(--mw-color-primary,#212121);opacity:1}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField .mwInputNode{color:var(--mw-color-primary,#212121);opacity:1}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField .mwInputNode::-webkit-input-placeholder{color:var(--mw-color-secondary,#616161);opacity:1}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField .mwInputNode:-ms-input-placeholder{color:var(--mw-color-secondary,#616161);opacity:1}.mwDefaultVisualFamily.mwComboBox .mwDefaultVisualFamily.mwTextField .mwInputNode::placeholder{color:var(--mw-color-secondary,#616161);opacity:1}.mwComboBoxPopupParent.mwWidgetPopup.mwDropDownHasOpenedDownwards{margin-top:1px}.mwComboBoxPopupParent.mwWidgetPopup.mwDropDownHasOpenedUpwards{margin-top:-1px}.mwComboBoxPopupParent.mwWidgetPopup.mwDropDownHasOpenedDownwards.mwDropDownHasScrollbars{margin-top:0}.mwComboBoxPopupParent.mwWidgetPopup.mwDropDownHasOpenedUpwards.mwDropDownHasScrollbars{margin-top:-2px}.mwComboBoxPopupParent.mwWidgetPopup.mwDropDownHasOpenedDownwards.mwDropDownHasScrollbars.mwDropDownHasMaxHeight{margin-top:1px}.mwComboBoxPopupParent.mwWidgetPopup.mwDropDownHasOpenedUpwards.mwDropDownHasScrollbars.mwDropDownHasMaxHeight{margin-top:-1px}.mwComboBoxPopup .mwTextNode{min-height:1em}
.mwDefaultVisualFamily.mwStatusIndicator{background-color:#fff;color:#483d8b;border-style:solid;border-width:1px}.mwWidget.mwStatusIndicator .mwArrowContainerNode{padding:4px}.mwDefaultVisualFamily.mwStatusIndicator .mwDefaultVisualFamily.mwLabel{border-radius:0;border:none;box-shadow:none;padding:4px}
.mwDefaultVisualFamily.mwSearchTextField .mwInputNode,
.mwDefaultVisualFamily.mwSearchTextField.mwNonEditable .mwInputNode {
  width: calc(100% - 15px); /*need to adjust width of input node to prevent overlap between input text and search icons*/
}

/* Until theme-able SVG files are available, use temporary .png files */

.mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode {
  position: absolute;
  width: 16px;
  height: 100%;
  top: 0px;
  right: 0px;
  background: url(../images/7444fea4e64712f849ba.png) no-repeat right;
}

.mw-theme-dark .mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode {
  position: absolute;
  width: 16px;
  height: 100%;
  top: 0px;
  right: 0px;
  background: url(../images/cb32e5bdc4334b0c19b4.png) no-repeat right;
}

/* provide higher-precedence light theme version in case both theme class names are applied */
.mw-theme-light .mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode {
  position: absolute;
  width: 16px;
  height: 100%;
  top: 0px;
  right: 0px;
  background: url(../images/7444fea4e64712f849ba.png) no-repeat right;
}

.mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible {
  background: url(../images/e9097ec835d9f230b141.png) no-repeat right #f5f5f5;
  border-left: 1px solid #999;
  cursor: pointer;
}

.mw-theme-dark .mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible {
  background: url(../images/bbdf2feeadb42e89d3af.png) no-repeat right #f5f5f5;
  border-left: 1px solid #999;
  filter: invert(1);
  cursor: pointer;
}

/* provide higher-precedence light theme version in case both theme class names are applied */
.mw-theme-light .mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible {
  background: url(../images/e9097ec835d9f230b141.png) no-repeat right #f5f5f5;
  border-left: 1px solid #999;
  filter: invert(0);
  cursor: pointer;
}

.mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible:hover {
  background: url(../images/ee3d025e47eb0a84286f.png) no-repeat right #f5f5f5;
}

.mw-theme-dark .mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible:hover {
  background: url(../images/7a785c62ab0d96f74b36.png) no-repeat right #f5f5f5;
}

/* provide higher-precedence light theme version in case both theme class names are applied */
.mw-theme-light .mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible:hover {
  background: url(../images/ee3d025e47eb0a84286f.png) no-repeat right #f5f5f5;
}
.mwDefaultVisualFamily.mwWidget.mwMenuHeader{color:var(--mw-color-primary,#212121)}.mwDefaultVisualFamily.mwWidget.mwMenuHeader{background:var(--mw-backgroundColor-secondary,#e6e6e6)}
.mwDefaultVisualFamily.mwWidget.mwTextFieldMenuItem.mwSharedMenuItem:focus{background:none}.mwDefaultVisualFamily.mwWidget.mwTextFieldMenuItem.mwSharedMenuItem .mwTextFieldWrapperNode{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.mwDefaultVisualFamily.mwWidget.mwPopupMenuItemHover{background:var(--mw-backgroundColor-hover,#fff)}.mwDefaultVisualFamily.mwWidget.mwHasMenuOpened{background:var(--mw-backgroundColor-hover,#fff)}
.mwDefaultVisualFamily.mwWidget.mwMenuSeparator{border-bottom:1px solid var(--mw-borderColor-secondary,#bfbfbf)}
.mwWidgetPopup.dijitPopup{border:1px solid var(--mw-borderColor-primary,$mw-borderColor-primary)}.mwMenu,.mwContextMenu{background:var(--mw-backgroundColor-primary,$mw-backgroundColor-primary)}





/* SVG sprite for common dialog icons */
.mwAlertIconError { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22error%22%3E%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2216%22%20y1%3D%22-2.692104e-010%22%20x2%3D%2216%22%20y2%3D%2232%22%3E%20%20%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%23E23D2D%22%2F%3E%20%20%3Cstop%20%20offset%3D%220.9949%22%20style%3D%22stop-color%3A%23CC3729%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23SVGID_1_%29%3B%22%20points%3D%2210%2C32%200%2C22%200%2C10%2010%2C0%2022%2C0%2032%2C10%2032%2C22%2022%2C32%20%20%22%2F%3E%20%3Cg%3E%20%20%3Crect%20x%3D%2215%22%20y%3D%227%22%20style%3D%22fill%3A%23CC3729%3B%22%20width%3D%224%22%20height%3D%2213%22%2F%3E%20%20%3Crect%20x%3D%2215%22%20y%3D%2223%22%20style%3D%22fill%3A%23CC3729%3B%22%20width%3D%224%22%20height%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%20%3Crect%20x%3D%2214%22%20y%3D%226%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%2213%22%2F%3E%20%20%3Crect%20x%3D%2214%22%20y%3D%2222%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22area_copy%22%20style%3D%22opacity%3A0%3B%22%3E%20%20%3Crect%20style%3D%22fill%3A%23E6E6E6%3B%22%20width%3D%2232%22%20height%3D%2232%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Layer_1%22%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.mwAlertIconInfo { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22info%22%3E%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2216%22%20y1%3D%22-7.185008e-010%22%20x2%3D%2216%22%20y2%3D%2232%22%3E%20%20%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%234CB8FF%22%2F%3E%20%20%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%2345A5E5%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Crect%20style%3D%22fill%3Aurl%28%23SVGID_1_%29%3B%22%20width%3D%2232%22%20height%3D%2232%22%2F%3E%20%3Cg%3E%20%20%3Cpolygon%20style%3D%22fill%3A%2345A5E5%3B%22%20points%3D%2219%2C26%2019%2C14%2017.702%2C14%2014.979%2C14%2013%2C14%2013%2C16%2015%2C16%2015%2C26%2013%2C26%2013%2C28%2021%2C28%2021%2C26%20%20%20%22%2F%3E%20%20%3Ccircle%20style%3D%22fill%3A%2345A5E5%3B%22%20cx%3D%2216.34%22%20cy%3D%228.851%22%20r%3D%222.723%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%20%3Crect%20x%3D%2214%22%20y%3D%2214%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%2212%22%2F%3E%20%20%3Crect%20x%3D%2212%22%20y%3D%2214%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%225%22%20height%3D%222%22%2F%3E%20%20%3Crect%20x%3D%2212%22%20y%3D%2225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%228%22%20height%3D%222%22%2F%3E%20%20%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2215.66%22%20cy%3D%228.17%22%20r%3D%222.723%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22area_copy_3%22%20style%3D%22opacity%3A0%3B%22%3E%20%20%3Crect%20style%3D%22fill%3A%23E6E6E6%3B%22%20width%3D%2232%22%20height%3D%2232%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Layer_1%22%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.mwAlertIconQuestion { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22question%22%3E%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2216%22%20y1%3D%227.324215e-007%22%20x2%3D%2216%22%20y2%3D%2232%22%3E%20%20%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%234CB8FF%22%2F%3E%20%20%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%2345A5E5%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Ccircle%20style%3D%22fill%3Aurl%28%23SVGID_1_%29%3B%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.77%2C7.001C12.827%2C6.334%2C14.125%2C6%2C15.665%2C6c2.023%2C0%2C3.705%2C0.474%2C5.043%2C1.423%20%20c1.339%2C0.948%2C2.008%2C2.353%2C2.008%2C4.214c0%2C1.141-0.29%2C2.103-0.871%2C2.884c-0.339%2C0.474-0.991%2C1.08-1.956%2C1.818l-0.951%2C0.724%20%20c-0.518%2C0.395-0.862%2C0.856-1.032%2C1.383c-0.107%2C0.334-0.165%2C0.852-0.174%2C1.554h-3.64c0.054-1.484%2C0.197-2.509%2C0.428-3.075%20%20c0.232-0.567%2C0.83-1.218%2C1.794-1.956l0.978-0.751c0.321-0.237%2C0.58-0.496%2C0.777-0.777c0.357-0.483%2C0.536-1.014%2C0.536-1.594%20%20c0-0.667-0.199-1.275-0.596-1.824C17.613%2C9.475%2C16.887%2C9.2%2C15.833%2C9.2c-1.036%2C0-1.835%2C0.232-2.268%2C0.908%20%20c-0.433%2C0.676-0.586%2C1.162-0.586%2C1.891H9.097C9.205%2C9.498%2C10.095%2C8.046%2C11.77%2C7.001z%20M14%2C22h4v4h-4V22z%22%2F%3E%20%3Cg%20id%3D%22area_copy_4%22%20style%3D%22opacity%3A0%3B%22%3E%20%20%3Crect%20y%3D%220%22%20style%3D%22fill%3A%23E6E6E6%3B%22%20width%3D%2232%22%20height%3D%2232%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Layer_1%22%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.mwAlertIconSuccess { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22success%22%3E%20%3Cg%3E%20%20%3Cg%3E%20%20%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2216%22%20y1%3D%227.324215e-007%22%20x2%3D%2216%22%20y2%3D%2232%22%3E%20%20%20%20%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%2368C42D%22%2F%3E%20%20%20%20%3Cstop%20%20offset%3D%220.9949%22%20style%3D%22stop-color%3A%235BAD28%22%2F%3E%20%20%20%3C%2FlinearGradient%3E%20%20%20%3Ccircle%20style%3D%22fill%3Aurl%28%23SVGID_1_%29%3B%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%2F%3E%20%20%20%3Cg%3E%20%20%20%20%3Cg%3E%20%20%20%20%20%3Cpath%20style%3D%22fill%3A%2357AA26%3B%22%20d%3D%22M24.333%2C9L13.667%2C19.667l-4-4L7%2C18.333L13.667%2C25L27%2C11.667L24.333%2C9z%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%20%3Cg%3E%20%20%20%3Cg%3E%20%20%20%20%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M24%2C8L13.333%2C18.667l-4-4l-2.667%2C2.667L13.333%2C24l13.333-13.333L24%2C8z%22%2F%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22area%22%20style%3D%22opacity%3A0%3B%22%3E%20%20%3Crect%20y%3D%220%22%20style%3D%22fill%3A%23E6E6E6%3B%22%20width%3D%2232%22%20height%3D%2232%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Layer_1%22%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.mwAlertIconWarning { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22warning%22%3E%20%3Cg%3E%20%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2216%22%20y1%3D%2232%22%20x2%3D%2216%22%20y2%3D%227.324270e-007%22%3E%20%20%20%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%23FFC000%22%2F%3E%20%20%20%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%23FFD500%22%2F%3E%20%20%3C%2FlinearGradient%3E%20%20%3Cpath%20style%3D%22fill%3Aurl%28%23SVGID_1_%29%3B%22%20d%3D%22M0.229%2C28.869L13.987%2C1.206c0.798-1.604%2C3.094-1.609%2C3.897-0.007l13.883%2C27.663%20%20%20C32.491%2C30.303%2C31.439%2C32%2C29.82%2C32H2.179C0.565%2C32-0.488%2C30.31%2C0.229%2C28.869z%22%2F%3E%20%20%3Cg%3E%20%20%20%3Crect%20x%3D%2215%22%20y%3D%2210%22%20style%3D%22fill%3A%23FFBC00%3B%22%20width%3D%224%22%20height%3D%2212%22%2F%3E%20%20%20%3Crect%20x%3D%2215%22%20y%3D%2226%22%20style%3D%22fill%3A%23FFBC00%3B%22%20width%3D%224%22%20height%3D%224%22%2F%3E%20%20%3C%2Fg%3E%20%20%3Crect%20x%3D%2214%22%20y%3D%229%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%2212%22%2F%3E%20%20%3Crect%20x%3D%2214%22%20y%3D%2225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22area_copy_2%22%20style%3D%22opacity%3A0%3B%22%3E%20%20%3Crect%20y%3D%220%22%20style%3D%22fill%3A%23E6E6E6%3B%22%20width%3D%2232%22%20height%3D%2232%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Layer_1%22%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.mwAlertIconNone { display: none }
.mwAlertIcon32 { width:32px; height:32px }
.mwAlertDialog.mwDialog .mwDialogBody,.mwConfirmDialog.mwDialog .mwDialogBody,.mwProgressDialog.mwDialog .mwDialogBody{overflow:hidden;max-width:400px;-webkit-box-sizing:content-box;box-sizing:content-box}.mwProgressDialog.mwDialog{min-height:0}.mwProgressDialog.mwDialog .mwDialogBody,.mwProgressDialog.mwDialog .mwDialogBody.mwNoButtons{overflow:hidden;min-height:0}.mwAlertDialog .mwIconAndMessageWidget,.mwConfirmDialog .mwIconAndMessageWidget,.mwProgressDialog .mwIconAndMessageWidget{overflow:hidden}.mwAlertDialog .mwIconAndMessageWidgetIcon,.mwConfirmDialog .mwIconAndMessageWidgetIcon,.mwProgressDialog .mwIconAndMessageWidgetIcon{float:left;padding:1px;max-width:32px;max-height:32px;padding-right:10px}.mwAlertDialog .mwIconAndMessageWidgetMessage,.mwConfirmDialog .mwIconAndMessageWidgetMessage,.mwProgressDialog .mwIconAndMessageWidgetMessage{overflow:auto;word-wrap:break-word;font-size:14px;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}.mwProgressDialog .mwIconAndMessageWidget{min-width:360px}.mwProgressDialog .mwProgressDialogProgressBar{margin-top:15px}.mwProgressDialog .mwProgressDialogMessage{overflow:auto;max-height:140px;font-size:13px}.mwBanner{position:fixed;left:0;top:0;width:100%;z-index:900}.mwBannerContainer{font-family:"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;border:1px solid var(--mw-borderColor-primary);width:90%;margin:auto;background:var(--mw-backgroundColor-primary);max-height:70px;overflow:auto}.mwBanner .mwBannerTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--mw-backgroundColor-primary);color:var(--mw-color-primary);border-bottom:1px solid var(--mw-borderColor-primary);font-size:12px;font-weight:bold;padding:5px}.mwAlertBanner .mwIconAndMessageWidget{padding:5px;overflow:hidden}.mwAlertBanner .mwIconAndMessageWidgetIcon{float:left;max-width:16px;max-height:16px;padding:1px;padding-right:10px}.mwAlertBanner .mwIconAndMessageWidgetMessage{overflow:auto;word-wrap:break-word;font-size:12px}
.mwProgressBar{white-space:normal;--progress-color-info:#09f;--progress-color-warning:#f1b51c;--progress-color-error:#e23d2d;--progress-color-success:#22ac3c;--progress-color:#09f}.mwProgressBar .mwProgressBarGutter{overflow:hidden;width:100px;height:5px;background-color:var(--mw-backgroundColor-selected);-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}.mwProgressBar .mwProgressBarProgress{width:100px;height:100%;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:-webkit-transform .15s linear;transition:-webkit-transform .15s linear;transition:transform .15s linear;transition:transform .15s linear, -webkit-transform .15s linear;background-image:-webkit-gradient(linear,left top, right top,from(rgba(255,255,255,0)),color-stop(40%, rgba(255,255,255,0.3)),color-stop(60%, rgba(255,255,255,0.3)),to(rgba(255,255,255,0)));background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0));background-size:30px 100%;background-position:-30px 100%;background-repeat:no-repeat;-webkit-animation:mwProgressBarWaveAnimation 2s linear 1.5s infinite;animation:mwProgressBarWaveAnimation 2s linear 1.5s infinite}.mwProgressBar.mwProgressBarNoWave .mwProgressBarProgress,.mwProgressBar:not(.mwProgressBarIndeterminate)[data-value="100"] .mwProgressBarProgress{-webkit-animation:none;animation:none}.mwProgressBar.mwProgressBarIndeterminate .mwProgressBarProgress{width:25px;-webkit-animation:mwProgressBarIndeterminateAnimation 1.5s cubic-bezier(.3,0,.9,.6) 0s infinite;animation:mwProgressBarIndeterminateAnimation 1.5s cubic-bezier(.3,0,.9,.6) 0s infinite;-webkit-transition:none;transition:none;background-image:none}.mwProgressBar .mwProgressBarInvisible,.mwProgressBarIndeterminate .mwProgressBarText{display:none}.mwProgressBarText{width:100%;text-align:center;font-size:12px;color:var(--mw-color-primary);line-height:20px}.mwProgressBar .mwProgressBarProgress{background-color:var(--progress-color)}@-webkit-keyframes mwProgressBarWaveAnimation{0%{background-position:-30px 100%}100%{background-position:150px 100%}}@keyframes mwProgressBarWaveAnimation{0%{background-position:-30px 100%}100%{background-position:150px 100%}}@-webkit-keyframes mwProgressBarIndeterminateAnimation{0%{-webkit-transform:translateX(-25px);transform:translateX(-25px)}100%{-webkit-transform:translateX(100px);transform:translateX(100px)}}@keyframes mwProgressBarIndeterminateAnimation{0%{-webkit-transform:translateX(-25px);transform:translateX(-25px)}100%{-webkit-transform:translateX(100px);transform:translateX(100px)}}
.mwProgressDonut{position:relative;background-color:transparent;border-radius:50%;border:1px solid var(--mw-borderColor-primary);--progress-color:#09f}.mwProgressDonutArt{width:100%;height:100%;-webkit-transform:rotateZ(-.25turn);transform:rotateZ(-.25turn)}.mwProgressDonutGutter{fill:transparent;stroke:var(--mw-borderColor-primary)}.mwProgressDonut .mwProgressDonutProgress{fill:transparent;stroke-dashoffset:0;-webkit-transition:stroke-dasharray .15s linear;transition:stroke-dasharray .15s linear}.mwProgressDonut.mwProgressDonutIndeterminate .mwProgressDonutProgress{-webkit-transition:none;transition:none}.mwProgressDonut.mwProgressDonutIndeterminate .mwProgressDonutArt{-webkit-animation:mwProgressDonutIndeterminateAnimation 2s linear infinite;animation:mwProgressDonutIndeterminateAnimation 2s linear infinite}.mwProgressDonut .mwProgressDonutInvisible,.mwProgressDonut[data-value="100"] .mwProgressDonutText,.mwProgressDonutIndeterminate .mwProgressDonutText{display:none}.mwProgressDonutText{color:var(--mw-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:transparent;font-weight:normal}.mwProgressDonut .mwProgressDonutProgress{stroke:var(--progress-color)}@-webkit-keyframes mwProgressDonutIndeterminateAnimation{from{-webkit-transform:rotateZ(-.25turn);transform:rotateZ(-.25turn)}to{-webkit-transform:rotateZ(.75turn);transform:rotateZ(.75turn)}}@keyframes mwProgressDonutIndeterminateAnimation{from{-webkit-transform:rotateZ(-.25turn);transform:rotateZ(-.25turn)}to{-webkit-transform:rotateZ(.75turn);transform:rotateZ(.75turn)}}


.underlayNode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mw-backgroundColor-tertiary, #fff);
  opacity: 0.85;
}
.spinnerBgPanel {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  max-width: 200px;
  padding: 10px 20px;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2000000000;
}
.spinnerNode .progressIndicatorSvg {
  position: unset;
}
.mw-busyIndicator {
  text-align: center;
}
.mw-busyIndicator-focus-first:focus ~ .mw-busyIndicator .underlayNode {
  border: solid 2px var(--mw-borderColor-focus, $mw-bordercolor-focus);
  box-sizing: border-box;
  outline: none;
}
.mw-busyIndicator .spinnerBgPanel:focus {
  border: solid 2px var(--mw-borderColor-focus, $mw-bordercolor-focus);
  outline: none;
}
.spinnerText {
  font: 12px HelveticaNeue, Helvetica, Arial, Sans;
  color: var(--mw-color-primary, $mmw-color-primary);
  letter-spacing: 0.23px;
  line-height: 17px;
  text-align: center;
}
.spinnerText > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spinnerCenter {
/*Workaround for Edge*/
  left: 0;
  right: 0;
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

mw-popout {
  --popout-container-bg: var(--mw-backgroundColor-tertiary, #fff);
  --popout-container-border: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --popout-container-box-shadow: 0 1px 4px 0 var(--mw-boxShadowColor, #a6a6a6);
  --popout-container-padding: 10px 10px 10px 6px;
  --popout-container-max-width: 500px;
  --popout-container-max-height: 500px;
  --popout-text-font: 12px Helvetica, Arial, sans-serif;
  --popout-text-color: var(--mw-color-primary, #212121);
  --popout-text-line-height: 14px;
  --popout-header-text-font: 12px Arial Bold, Helvetica, Arial, sans-serif;
  --popout-header-text-color: var(--mw-color-primary, #212121);
  --popout-header-text-line-height: 14px;
  --popout-header-text-weight: bold;
  --popout-footer-border-top: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --popout-icon-height-width: 12px;
  --popout-icon-padding: 5px;
  --popout-footer-top-padding: 10px;
  --popout-icon-in-content-size: 12px;
  --popout-icon-in-header-size: 14px;
  --popout-content-with-overflow-padding: 10px;
  --popout-content-with-header-and-icon-padding: 20px;
  --popout-content-with-header-and-icon-margin-left: 20px;
  --popout-content-with--icon-margin-left: 18px;
  --popout-content-with-header-and-icon-margin-right: 25px;
  --popout-content-standard-padding-left: 4px;
  --popout-content-icon-padding-left: 6px;
  --popout-header-without-icon-margin: 4px;
  --popout-header-with-icon-margin: 0px;
  --popout-header-with-icon-header-margin: 6px;
  --popout-footer-without-icon-margin: 4px;
  --popout-header-bottom-margin: 10px;
  --popout-footer-margin: 10px;
  --popout-arrow-width-height: 6px;
  --popout-arrow-transform: rotate(45deg);
  --popout-arrow-bg: var(--mw-backgroundColor-primary, #f5f5f5);
/* see g2546446 for explanation of offset calculation */
  --popout-arrow-position-offset-top: -3.25px;
  --popout-arrow-position-offset-bottom: -4.25px;
  --popout-arrow-position-offset-left: -3.25px;
  --popout-arrow-position-offset-right: -4.25px;
  --popout-arrow-border: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --popout-arrow-border-width-top: 0px 1px 1px 0px;
  --popout-arrow-border-width-bottom: 1px 0px 0px 1px;
  --popout-arrow-border-width-right: 0px 0px 1px 1px;
  --popout-arrow-border-width-left: 1px 1px 0px 0px;
  --popout-container-focus-border: 1px solid var(--mw-borderColor-focus, #268cdd);
  --popout-container-focus-border-outline: 2px solid;
  --popout-container-focus-border-outline-offset: 2px;
  --popout-arrow-focus-color: var(--mw-borderColor-focus, #268cdd);
  --popout-container-bg-error: var(--mw-backgroundColor-secondary-error, #faf0f0);
  --popout-container-bg-warning: var(--mw-backgroundColor-secondary-warning, #fff9ef);
  --popout-container-bg-success: var(--mw-backgroundColor-secondary-success, #f5fff2);
  --popout-container-bg-info: var(--mw-backgroundColor-secondary-info, #f5faff);
  --popout-container-border-error: 1px solid var(--mw-borderColor-error, #b7312c);
  --popout-container-border-warning: 1px solid var(--mw-borderColor-warning, #edb120);
  --popout-container-border-success: 1px solid var(--mw-borderColor-success, #008013);
  --popout-container-border-info: 1px solid var(--mw-borderColor-info, #1656a7);
}
mw-popout {
/* default z-index which is one more than default dialogs z-index 
    but this value updated through JS when popout is shown by checking reference element z-index */
  z-index: 951;
  position: relative;
}
mw-popout .tippy-box[data-theme~='popoutTheme'] {
  background-color: var(--popout-container-bg);
  color: var(--popout-text-color);
  font: var(--popout-text-font);
  border: var(--popout-container-border);
  white-space: wrap;
  box-shadow: var(--popout-container-box-shadow);
  border-radius: 0;
}
mw-popout .tippy-content {
  padding: var(--popout-container-padding);
}
mw-popout .mw-popout-contents-wrapper {
  display: flex;
}
mw-popout .mw-popout-content {
  max-width: var(--popout-container-max-width);
  max-height: var(--popout-container-max-height);
  overflow: auto;
}
mw-popout .mw-popout-container.has-overflow .mw-popout-content {
  padding-right: var(--popout-content-with-overflow-padding);
}
mw-popout .mw-popout-content-standard {
  padding-left: var(--popout-content-standard-padding-left);
}
mw-popout .mw-popout-header-footer {
  display: flex;
}
[slot="header"] > img,
[slot="header"] > svg,
[slot="footer"] > img,
[slot="footer"] > svg {
  height: var(--popout-icon-height-width);
  width: var(--popout-icon-height-width);
  padding-right: var(--popout-icon-padding);
}
mw-popout .mw-popout-type-icon {
  min-width: var(--popout-icon-in-content-size);
  height: var(--popout-icon-in-content-size);
  background-size: var(--popout-icon-in-content-size) var(--popout-icon-in-content-size);
  background-repeat: no-repeat;
  background-position: center;
}
mw-popout .mw-popout-header,
.mw-popout-header h3 {
  font: var(--popout-header-text-font);
  font-weight: var(--popout-header-text-weight);
  margin: 0;
}
mw-popout .mw-popout-header-with-icon .mw-popout-type-icon {
  background-repeat: no-repeat;
  min-width: var(--popout-icon-in-header-size);
  height: var(--popout-icon-in-header-size);
  background-size: var(--popout-icon-in-header-size) var(--popout-icon-in-header-size);
}
mw-popout .mw-popout-header-with-icon > div[slot='header'] {
  padding-left: var(--popout-header-with-icon-header-margin);
}
mw-popout .mw-popout-footer {
  font: var(--popout-text-font);
  margin-top: var(--popout-footer-margin);
  border-top: var(--popout-footer-border-top);
  padding-top: var(--popout-footer-top-padding);
  margin-left: var(--popout-footer-without-icon-margin);
}
mw-popout .mw-popout-footer-with-icon {
  margin-left: var(--popout-content-with--icon-margin-left);
}
mw-popout .mw-popout-footer-with-icon-header {
  margin-left: var(--popout-content-with-header-and-icon-margin-left);
}
mw-popout .mw-popout-container.has-overflow .mw-popout-footer-with-icon {
  margin-right: var(--popout-content-with-header-and-icon-margin-right);
}
mw-popout .mw-popout-header {
  margin-bottom: var(--popout-header-bottom-margin);
  margin-left: var(--popout-header-without-icon-margin);
}
mw-popout .mw-popout-header-with-icon {
  margin-left: var(--popout-header-with-icon-margin);
}
.mw-popout-header > div[slot='header'],
.mw-popout-footer > div[slot='footer'] {
  max-width: var(--popout-container-max-width);
  display: flex;
  align-items: center;
}
mw-popout .mw-popout-header-content-footer {
  display: block;
}
mw-popout .mw-popout-header-content-footer-with-icon {
  padding-left: 0;
}
mw-popout .mw-popout-content-icon {
  padding-left: var(--popout-content-icon-padding-left);
}
mw-popout .mw-popout-content-icon-header {
  margin-left: var(--popout-content-with-header-and-icon-padding);
}
mw-popout .mw-icon-content-wrapper {
  display: flex;
}
mw-popout[type="error"] {
  --popout-container-bg: var(--popout-container-bg-error);
  --popout-container-border: var(--popout-container-border-error);
}
mw-popout[type="warning"] {
  --popout-container-bg: var(--popout-container-bg-warning);
  --popout-container-border: var(--popout-container-border-warning);
}
mw-popout[type="info"] {
  --popout-container-bg: var(--popout-container-bg-info);
  --popout-container-border: var(--popout-container-border-info);
}
mw-popout[type="success"] {
  --popout-container-bg: var(--popout-container-bg-success);
  --popout-container-border: var(--popout-container-border-success);
}
mw-popout[mwPopoutFocused] {
  --popout-container-border: var(--popout-container-focus-border);
  outine: var(--popout-container-focus-border-outline);
  outine-offset: var(--popout-container-focus-border-outline-offset);
}
mw-popout .mw-popout-container {
  outline: none;
}
mw-popout[type="error"].mw-theme-light .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTk1IDExLjVMMCA3LjkwNVYzLjU5NUwzLjU5NSAwSDcuOTA1TDExLjUgMy41OTVWNy45MDVMNy45MDUgMTEuNUgzLjU5NVoiIGZpbGw9IiNCNzMxMkMiLz4KPHBhdGggZD0iTTYuNSAySDVWN0g2LjVWMloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjUgOEg1VjkuNUg2LjVWOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
mw-popout[type="warning"].mw-theme-light .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwNl8xNzMpIj4KPHBhdGggZD0iTTAuMTA0OTM5IDEwLjUyNUw0Ljg3NDk0IDAuNTY1MDAyQzQuOTUwOTUgMC4zOTY2MDMgNS4wNzM5MyAwLjI1MzcxNSA1LjIyOTE0IDAuMTUzNDg0QzUuMzg0MzUgMC4wNTMyNTMzIDUuNTY1MTggLTYuMTAzNTJlLTA1IDUuNzQ5OTQgLTYuMTAzNTJlLTA1QzUuOTM0NyAtNi4xMDM1MmUtMDUgNi4xMTU1MyAwLjA1MzI1MzMgNi4yNzA3NCAwLjE1MzQ4NEM2LjQyNTk0IDAuMjUzNzE1IDYuNTQ4OTMgMC4zOTY2MDMgNi42MjQ5NCAwLjU2NTAwMkwxMS4zOTQ5IDEwLjUyNUMxMS40Nzc4IDEwLjY3ODUgMTEuNTE5MSAxMC44NTA5IDExLjUxNDcgMTEuMDI1M0MxMS41MTAzIDExLjE5OTYgMTEuNDYwNCAxMS4zNjk4IDExLjM2OTkgMTEuNTE4OUMxMS4yNzk1IDExLjY2OCAxMS4xNTE2IDExLjc5MDggMTAuOTk5IDExLjg3NTJDMTAuODQ2NCAxMS45NTk2IDEwLjY3NDMgMTIuMDAyNiAxMC40OTk5IDEySDAuOTk5OTM5QzAuODI1NTYgMTIuMDAyNiAwLjY1MzUyNiAxMS45NTk2IDAuNTAwOTExIDExLjg3NTJDMC4zNDgyOTYgMTEuNzkwOCAwLjIyMDQwNyAxMS42NjggMC4xMjk5MzggMTEuNTE4OUMwLjAzOTQ2ODggMTEuMzY5OCAtMC4wMTA0MzUxIDExLjE5OTYgLTAuMDE0ODIwNSAxMS4wMjUzQy0wLjAxOTIwNTggMTAuODUwOSAwLjAyMjA3OTkgMTAuNjc4NSAwLjEwNDkzOSAxMC41MjVWMTAuNTI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzUwNl8xNzMpIi8+CjxwYXRoIGQ9Ik02LjUgMy41SDVWOEg2LjVWMy41WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNSA5SDVWMTAuNUg2LjVWOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81MDZfMTczIiB4MT0iNS43NDk5NCIgeTE9IjIuMjYxMDVlLTA2IiB4Mj0iNS43NDk5NCIgeTI9IjEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkJDMDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZBQTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTA2XzE3MyI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
mw-popout[type="info"].mw-theme-light .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgMEgwVjExLjVIMTEuNVYwWiIgZmlsbD0iIzE2NTZBNyIvPgo8cGF0aCBkPSJNNi41IDlWNUg2SDVINC41VjUuNUg1VjlINC41VjkuNUg1SDYuNUg3VjlINi41WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNSAySDVWMy41SDYuNVYyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
mw-popout[type="success"].mw-theme-light .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzUgMTEuNUM4LjkyNTY0IDExLjUgMTEuNSA4LjkyNTY0IDExLjUgNS43NUMxMS41IDIuNTc0MzYgOC45MjU2NCAwIDUuNzUgMEMyLjU3NDM2IDAgMCAyLjU3NDM2IDAgNS43NUMwIDguOTI1NjQgMi41NzQzNiAxMS41IDUuNzUgMTEuNVoiIGZpbGw9IiMwMDgwMTMiLz4KPHBhdGggZD0iTTguNSAzTDQuNSA3TDMgNS41TDIgNi41TDQuNSA5TDkuNSA0TDguNSAzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
mw-popout[type="error"].mw-theme-dark .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTk1IDExLjVMMCA3LjkwNVYzLjU5NUwzLjU5NSAwSDcuOTA1TDExLjUgMy41OTVWNy45MDVMNy45MDUgMTEuNUgzLjU5NVoiIGZpbGw9IiNGRjQ1M0EiLz4KPHBhdGggZD0iTTYuNSAySDVWN0g2LjVWMloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjUgOEg1VjkuNUg2LjVWOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
mw-popout[type="warning"].mw-theme-dark .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwNl8xNzMpIj4KPHBhdGggZD0iTTAuMTA0OTM5IDEwLjUyNUw0Ljg3NDk0IDAuNTY1MDAyQzQuOTUwOTUgMC4zOTY2MDMgNS4wNzM5MyAwLjI1MzcxNSA1LjIyOTE0IDAuMTUzNDg0QzUuMzg0MzUgMC4wNTMyNTMzIDUuNTY1MTggLTYuMTAzNTJlLTA1IDUuNzQ5OTQgLTYuMTAzNTJlLTA1QzUuOTM0NyAtNi4xMDM1MmUtMDUgNi4xMTU1MyAwLjA1MzI1MzMgNi4yNzA3NCAwLjE1MzQ4NEM2LjQyNTk0IDAuMjUzNzE1IDYuNTQ4OTMgMC4zOTY2MDMgNi42MjQ5NCAwLjU2NTAwMkwxMS4zOTQ5IDEwLjUyNUMxMS40Nzc4IDEwLjY3ODUgMTEuNTE5MSAxMC44NTA5IDExLjUxNDcgMTEuMDI1M0MxMS41MTAzIDExLjE5OTYgMTEuNDYwNCAxMS4zNjk4IDExLjM2OTkgMTEuNTE4OUMxMS4yNzk1IDExLjY2OCAxMS4xNTE2IDExLjc5MDggMTAuOTk5IDExLjg3NTJDMTAuODQ2NCAxMS45NTk2IDEwLjY3NDMgMTIuMDAyNiAxMC40OTk5IDEySDAuOTk5OTM5QzAuODI1NTYgMTIuMDAyNiAwLjY1MzUyNiAxMS45NTk2IDAuNTAwOTExIDExLjg3NTJDMC4zNDgyOTYgMTEuNzkwOCAwLjIyMDQwNyAxMS42NjggMC4xMjk5MzggMTEuNTE4OUMwLjAzOTQ2ODggMTEuMzY5OCAtMC4wMTA0MzUxIDExLjE5OTYgLTAuMDE0ODIwNSAxMS4wMjUzQy0wLjAxOTIwNTggMTAuODUwOSAwLjAyMjA3OTkgMTAuNjc4NSAwLjEwNDkzOSAxMC41MjVWMTAuNTI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzUwNl8xNzMpIi8+CjxwYXRoIGQ9Ik02LjUgMy41SDVWOEg2LjVWMy41WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNSA5SDVWMTAuNUg2LjVWOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81MDZfMTczIiB4MT0iNS43NDk5NCIgeTE9IjIuMjYxMDVlLTA2IiB4Mj0iNS43NDk5NCIgeTI9IjEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkJDMDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZBQTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTA2XzE3MyI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
mw-popout[type="info"].mw-theme-dark .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgMEgwVjExLjVIMTEuNVYwWiIgZmlsbD0iIzI2OENERCIvPgo8cGF0aCBkPSJNNi41IDlWNUg2SDVINC41VjUuNUg1VjlINC41VjkuNUg1SDYuNUg3VjlINi41WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNSAySDVWMy41SDYuNVYyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
mw-popout[type="success"].mw-theme-dark .mw-popout-type-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzUgMTEuNUM4LjkyNTY0IDExLjUgMTEuNSA4LjkyNTY0IDExLjUgNS43NUMxMS41IDIuNTc0MzYgOC45MjU2NCAwIDUuNzUgMEMyLjU3NDM2IDAgMCAyLjU3NDM2IDAgNS43NUMwIDguOTI1NjQgMi41NzQzNiAxMS41IDUuNzUgMTEuNVoiIGZpbGw9IiMzQUM4MzEiLz4KPHBhdGggZD0iTTguNSAzTDQuNSA3TDMgNS41TDIgNi41TDQuNSA5TDkuNSA0TDguNSAzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.mw-popout-sr-helper {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.mw-popout-arrow,
mw-popout .mw-popout-arrow::before {
  z-index: -1;
  position: absolute;
  width: var(--popout-arrow-width-height);
  height: var(--popout-arrow-width-height);
}
mw-popout .mw-popout-arrow::before {
  content: '';
  transform: rotate(45deg);
  background: var(--popout-container-bg);
  border: var(--popout-container-border);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='top'] .mw-popout-arrow {
  bottom: var(--popout-arrow-position-offset-top);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='top'] .mw-popout-arrow::before {
  border-width: var(--popout-arrow-border-width-top);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='bottom'] .mw-popout-arrow {
  top: var(--popout-arrow-position-offset-bottom);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='bottom'] .mw-popout-arrow::before {
  border-width: var(--popout-arrow-border-width-bottom);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='left'] .mw-popout-arrow {
  right: var(--popout-arrow-position-offset-left);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='left'] .mw-popout-arrow::before {
  border-width: var(--popout-arrow-border-width-left);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='right'] .mw-popout-arrow {
  left: var(--popout-arrow-position-offset-right);
}
.tippy-box[data-theme~='popoutTheme'][data-placement^='right'] .mw-popout-arrow::before {
  border-width: var(--popout-arrow-border-width-right);
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

.mw-theme-light {
  --mw-backgroundColor-dataWidget-selected: rgba(191,191,191,0.65);
  --mw-backgroundColor-dataWidget-selectedFocus: rgba(180,222,255,0.45);
}
.mw-theme-dark {
  --mw-backgroundColor-dataWidget-selected: rgba(97,97,97,0.65);
  --mw-backgroundColor-dataWidget-selectedFocus: rgba(11,47,92,0.65);
}
.mw-table-component {
  --mw-transitionDelay-table-default: 200ms;
  --mw-no-transitionDelay-table: 0ms;
  --mw-table-zero-border: 0;
  --mw-border-table-outer-wrapper: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --mw-table-default-fontSize: 12px;
  --mw-fontSize-table-cell: var(--mw-fontSize, var(--mw-table-default-fontSize));
  --mw-fontFamily-table-cell: var(--mw-fontFamily);
  --mw-fontStyle-table-cell: var(--mw-fontStyle, normal);
  --mw-fontWeight-table-cell: var(--mw-fontWeight, normal);
  --mw-table-font-scale: calc(var(--mw-fontSize-table-cell) / 12);
  --mw-minWidth-table-cell: 82px;
  --mw-padding-table-cell: 3px;
  --mw-padding-top-table-cell: 3px;
  --mw-padding-bottom-table-cell: 2px;
  --mw-border-table-cell: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --mw-borderWidth-table-cell: 0 0 1px 1px;
  --mw-border-table-cell-bottom-only: 0 0 1px 0;
  --mw-padding-table-cell-gridlines: 4px;
  --mw-border-table-cell-right-bottom-only: 0 1px 1px 0;
  --mw-vertical-line-width: 3px;
  --mw-fontWeight-table-header-index: var(--mw-fontWeight, normal);
  --mw-fontWeight-table-header: bold;
  --mw-fontSize-table-header: var(--mw-fontSize, var(--mw-table-default-fontSize));
  --mw-lineHeight-table-header: calc(15 * var(--mw-table-font-scale));
  --mw-paddingTop-table-header: 6px;
  --mw-paddingBottom-table-header-index: 5px;
  --mw-height-table-header: 27px;
  --mw-border-table-header: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --mw-maxHeight-table-header-edit-wrapper: 18px;
  --mw-maxWidth-table-header-edit-wrapper: 164px;
  --mw-table-header-edit-state-label-width: calc(100% - 2px);
  --mw-borderSize-table-header-edit-state-label: 1px;
  --mw-border-table-header-edit-state-label: var(--mw-borderSize-table-header-edit-state-label) solid var(--mw-borderColor-focus, #268cdd);
  --mw-minWidth-table-row-header: calc(34px - var(--mw-padding-table-cell) - var(--mw-padding-table-cell) - 1px);
  --mw-maxWidth-table-row-header: 250px;
  --mw-padding-table-row-header-adjustment: 6;
  --mw-minWidth-table-row-header-container: 34px;
  --mw-width-table-row-header-default: 40px;
  --mw-cursor-table-non-editable: default;
  --mw-padding-table-header-gridlines-right: 2px;
  --mw-height-table-sort-affordance: 16px;
  --mw-width-table-sort-affordance: 16px;
  --mw-transition-table-sort-affordance: 0 opacity;
  --mw-translate-table-sort-affordance: translate(5px, 2px);
  --mw-transitionDelay-table-sort-affordance: var(--mw-transitionDelay-table-default);
  --mw-width-table-resize-affordance: 7px;
  --mw-height-table-resize-affordance: 7px;
  --mw-zIndex-table-resize-affordance: 2;
  --mw-transX-table-resize-affordance: translateX(7px);
  --mw-transX-table-resize-affordance-last: translateX(5px);
  --mw-height-combobox-editor: 22px;
  --mw-width-combobox-editor: 100%;
  --mw-fontSize-number-renderer: inherit;
  --mw-fontFamily-number-renderer: var(--mw-fontFamily);
  --mw-fontWeight-number-renderer: inherit;
  --mw-fontStyle-number-renderer: inherit;
  --mw-size-color-renderer-cell: 100%;
  --mw-width-header-renderer-cell: 100%;
  --mw-height-interactive-renderer-cell: 100%;
  --mw-width-interactive-renderer-cell: 100%;
  --mw-textAlign-interactive-renderer-data: center;
  --mw-height-table-col-menu: 0;
  --mw-width-table-col-menu: 0;
  --mw-transition-table-col-menu: 0 opacity;
  --mw-transitionDelay-table-col-menu-hover: var(--mw-transitionDelay-table-default);
  --table-col-menu-no-triangle: 0;
  --mw-opacity-table-col-menu-default: 0.5;
  --mw-opacity-table-col-menu-affordance-hover: 0.75;
  --mw-translate-table-col-menu-container: translate(5px, 0);
  --mw-padding-table-col-menu-affordance-container: 4px;
  --mw-height-table-col-menu-affordance-container: 7px;
  --mw-width-table-col-menu-affordance-container: 12px;
  --mw-border-text-editor: none;
  --mw-outline-text-editor: none;
  --mw-padding-text-editor: 3px;
  --mw-width-text-editor: calc(100% - 6px);
  --mw-fontFamily-text-editor: var(--mw-fontFamily);
  --mw-fontSize-text-editor: var(--mw-fontSize, inherit);
  --mw-fontStyle-text-editor: var(--mw-fontStyle, normal);
  --mw-fontWeight-text-editor: var(--mw-fontWeight, normal);
  --mw-height-table-column-header-selection-bar: calc(0.3 * 27px);
  --mw-minHeight-table-column-header-selection-bar: 6px;
  --mw-transform-table-column-header-selection-bar: translate(-3px, -6px);
  --mw-padding-table-focus: 1px 2px 1px 2px;
  --mw-padding-table-focus-last: 1px;
  --mw-padding-table-focus-gridlines: 2px 2px 2px 2px;
  --mw-border-color-focus: var(--mw-borderColor-focus, #268cdd);
}
.mw-table-scroll-container {
  --mw-min-height-table-cell: var(--mw-table-logicalRowHeight, 22);
  --mw-height-table-cell: calc(var(--mw-min-height-table-cell) * var(--mw-table-font-scale));
}
.mw-dnd-avatar {
  --mw-table-default-fontSize: 12px;
  --mw-fontSize-table-cell: var(--mw-fontSize, var(--mw-table-default-fontSize));
  --mw-fontFamily-table-cell: var(--mw-fontFamily);
  --mw-fontStyle-table-cell: var(--mw-fontStyle);
  --mw-fontWeight-table-cell: var(--mw-fontWeight, normal);
}
.mw-table-header,
.mw-table-cell {
  --mw-border-table-focus: 2px solid var(--mw-border-color-focus);
  --mw-borderRight-table-focus: 1px solid var(--mw-border-color-focus);
  --mw-borderTop-table-focus: 1px solid var(--mw-border-color-focus);
  --mw-border-table-selection-1: 1px solid var(--mw-border-color-focus);
  --mw-border-table-selection-2: 2px solid var(--mw-border-color-focus);
}
.mw-data-icon-renderer {
  --mw-fontSize-iconlabel-renderer: 16px;
  --mw-height-iconlabel-renderer-icon: var(--mw-fontSize-iconlabel-renderer);
  --mw-width-iconlabel-renderer-icon: var(--mw-fontSize-iconlabel-renderer);
  --mw-marginRight-iconlabel-renderer-icon: 5px;
  --mw-cursor-iconlabel-renderer-icon: default;
}
.mwTableHeaderMenuAffordance {
  --table-col-menu-triangle-empty: 6px solid rgba(255,255,255,0);
  --table-col-menu-triangle-point: 6px solid var(--mw-backgroundColor-iconuiFill-secondary, #616161);
}
.mw-table-component .mwTableFlexContainer,
.mw-table-component .mw-table-outer-wrapper,
.mw-table-component .mw-table-outer-wrapper-blurred,
.mw-table-component .mw-table-row-header-container {
  display: flex;
  flex-direction: column;
}
.mw-table-component .mw-table-row-header-scrolling-div {
  flex: 1;
}
.mw-table-component .mwTableUserSelect,
.mw-table-component .mw-table,
.mw-table-component .mw-table-header,
.mw-table-component .mw-table-row-header,
.mw-table-component .mw-table-top-left-affordance {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-collapse: collapse;
  table-layout: fixed;
}
.mw-table-component .mw-table-gridstyle-rowlines .mw-table-cell,
.mw-table-component .mw-table-gridstyle-lightweight .mw-table-cell,
.mw-table-component .mwTableCell,
.mw-table-component .mw-table-cell {
  padding-left: var(--mw-padding-table-cell);
  padding-right: var(--mw-padding-table-cell);
  padding-top: var(--mw-padding-top-table-cell);
  padding-bottom: var(--mw-padding-bottom-table-cell);
  text-align: left;
  min-width: var(--mw-minWidth-table-cell);
  position: relative;
  resize: none;
  white-space: nowrap;
  display: block;
  border: var(--mw-border-table-cell);
  border-collapse: collapse;
  font-family: var(--mw-fontFamily-table-cell);
  font-size: var(--mw-fontSize-table-cell);
  font-style: var(--mw-fontStyle-table-cell);
  font-weight: var(--mw-fontWeight-table-cell);
  text-overflow: ellipsis;
  overflow: hidden;
  border-width: var(--mw-borderWidth-table-cell);
  box-sizing: border-box;
}
.mw-table-component .mwTableHeaderAffordancePlaceholder,
.mw-table-component .mw-table-resize-affordance,
.mw-table-component .mw-table-resize-right-only,
.mw-table-component .mw-table-resize-affordance-collapsecolumn {
  min-width: var(--mw-width-table-resize-affordance);
  max-width: var(--mw-width-table-resize-affordance);
  background-color: var(--mw-backgroundColor-primary, #f5f5f5);
  opacity: 0;
  transform: var(--mw-transX-table-resize-affordance);
  z-index: var(--mw-zIndex-table-resize-affordance);
}
.mw-table-component .mw-table-top-left-affordance,
.mw-table-component .mw-table-header-column,
.mw-table-component .mw-table-row-header-cell {
  box-sizing: border-box;
  padding-left: var(--mw-padding-table-cell);
  padding-right: var(--mw-padding-table-cell);
  padding-top: var(--mw-padding-top-table-cell);
  padding-bottom: var(--mw-padding-bottom-table-cell);
  text-align: left;
  min-width: var(--mw-minWidth-table-cell);
  position: relative;
  resize: none;
  white-space: nowrap;
  display: block;
  line-height: var(--mw-lineHeight-table-header);
  border: var(--mw-border-table-cell);
  font-family: var(--mw-fontFamily-table-cell);
  font-size: var(--mw-fontSize-table-header);
  font-weight: var(--mw-fontWeight-table-header);
  font-style: var(--mw-fontStyle-table-cell);
  width: var(--mw-minWidth-table-cell);
  border-width: var(--mw-borderWidth-table-cell);
  color: var(--mw-color-primary);
  cursor: var(--mw-cursor-table-non-editable);
/*This is a workaround for a chrome bug in v58*/
}
.mw-table-component .mwTableHeaderMenuAffordance,
.mw-table-component .mw-table-header-column:hover .mwTableHeaderMenuAffordance[data-sorted="ASC"],
.mw-table-component .mw-table-header-column:hover .mwTableHeaderMenuAffordance[data-sorted="DESC"] {
  width: var(--mw-width-table-col-menu);
  height: var(--mw-height-table-col-menu);
  transition: var(--mw-transition-table-col-menu);
  transition-delay: var(--mw-transitionDelay-table-col-menu-hover);
  border-left: var(--table-col-menu-triangle-empty);
  border-right: var(--table-col-menu-triangle-empty);
  border-top: var(--table-col-menu-triangle-point);
}
.mw-table-component .mw-table-resize-selection-affordance-top,
.mw-table-component .mw-table-resize-selection-affordance-bottom,
.mw-table-component .mw-table-resize-selection-affordance-left,
.mw-table-component .mw-table-resize-selection-affordance-right {
  background-color: rgba(255,255,255,0);
  z-index: 2;
}
.mw-table-component .mwTableHeaderMenuAffordance[data-sorted="ASC"],
.mw-table-component .mwTableHeaderMenuAffordance[data-sorted="DESC"] {
  transition-delay: var(--mw-no-transitionDelay-table);
  opacity: var(--mw-opacity-table-sort-affordance-default);
  border: var(--table-col-menu-no-triangle);
  width: var(--mw-width-table-sort-affordance);
  height: var(--mw-height-table-sort-affordance);
  transform: var(--mw-translate-table-sort-affordance);
}
.mw-table-component .mw-table-disable-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--mw-backgroundColor-tertiary, #fff);
  opacity: 0.65;
}
.mw-table-component.mw-table-scoped {
  height: 100%;
  width: 100%;
  position: relative;
  color: var(--mw-color-primary);
}
.mw-table-component .mw-table-gridstyle-rowlines .mw-table-cell {
  border: var(--mw-border-table-cell);
  border-width: var(--mw-border-table-cell-bottom-only);
  padding-left: var(--mw-padding-table-cell-gridlines);
}
.mw-table-component .mw-table-gridstyle-rowlines .mw-table-left-border {
  border-left-width: 0;
}
.mw-table-component .mw-table-outer-wrapper-blurred.mw-table-gridstyle-lightweight .mw-table-row-selected > td.mw-table-cell-focused {
  border-bottom: none;
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell.mw-table-cell-focused,
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell.mw-table-cell-focused {
  padding: var(--mw-padding-table-focus-gridlines);
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-focused + td,
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-focused + td {
  padding-left: var(--mw-padding-table-cell);
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-selected.mw-table-cell-active-range + .mw-table-cell:not(.mw-table-cell-active-range):not(.mw-table-cell-focused),
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-selected.mw-table-cell-active-range + .mw-table-cell:not(.mw-table-cell-active-range):not(.mw-table-cell-focused) {
  padding: var(--mw-padding-table-cell);
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-focused:first-child,
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-focused:first-child {
  padding-left: 2px;
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-header-column.mw-table-cell-focused:first-child,
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-header-column.mw-table-cell-focused:first-child {
  padding-left: 1px;
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-selected.mw-table-cell-active-range:first-child:not(.mw-table-cell-focused),
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-selected.mw-table-cell-active-range:first-child:not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-2);
  padding-left: 2px;
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell:not(.mw-table-cell-selected) + .mw-table-cell-selected:not(.mw-table-cell-focused),
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell:not(.mw-table-cell-selected) + .mw-table-cell-selected:not(.mw-table-cell-focused),
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-selected + .mw-table-cell:not(.mw-table-cell-selected):not(.mw-table-cell-focused),
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-selected + .mw-table-cell:not(.mw-table-cell-selected):not(.mw-table-cell-focused) {
  padding-left: 3px;
}
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-selected:first-child:not(.mw-table-cell-focused),
.mw-table-component .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-selected:first-child:not(.mw-table-cell-focused) {
  padding-left: 3px;
}
.mw-table-component .mw-treetable-fit-content-row .mw-table-cell {
  white-space: normal;
}
.mw-table-component .mw-treetable-fit-content-row .mw-table-frozen-column-cell {
  position: -webkit-sticky;
  position: sticky;
}
.mw-table-component .mw-treetable-fit-content-row .mw-table-cell-span {
  display: inline;
}
.mw-table-component .mw-table-fit-content-row .mw-table-cell {
  white-space: normal;
}
.mw-table-component .mw-table-fit-content-row .mw-table-frozen-column-cell {
  position: -webkit-sticky;
  position: sticky;
}
.mw-table-component .mw-table-fit-content-row .mw-table-cell-span {
  display: inline;
}
.mw-table-component .mw-table-gridstyle-lightweight .mw-table-cell {
  border: var(--mw-border-table-cell);
  border-width: var(--mw-table-zero-border);
  padding-left: var(--mw-padding-table-cell-gridlines);
}
.mw-table-component .mw-table-gridstyle-lightweight .mw-table-row-selected > td:not(.mw-table-cell-focused):not(.mw-table-focus-edge) {
  border-bottom: none;
}
.mw-table-component .mw-table-gridstyle-lightweight .mw-table-left-border {
  border-left-width: 0;
}
.mw-table-component .mw-table-outer-wrapper,
.mw-table-component .mw-table-outer-wrapper-blurred {
  border: var(--mw-border-table-outer-wrapper);
  position: relative;
  height: 100%;
  width: 100%;
  background-color: var(--mw-backgroundColor-input, #fff);
  overflow: hidden;
  box-sizing: border-box;
}
.mw-table-component div.mw-table-outer-wrapper:focus {
  outline: 0;
}
.mw-table-component .mw-table-outer-wrapper-focused {
  outline: 0;
  border-color: var(--mw-borderColor-focus, #268cdd);
}
.mw-table-component .mw-table-inner-wrapper {
  overflow: auto;
}
.mw-table-component .mw-table {
  -webkit-overflow-scrolling: touch;
  position: relative;
  display: table;
}
.mw-table-component .mw-table-row {
  display: flex;
}
.mw-table-component .mw-table-cell {
  max-width: var(--mw-minWidth-table-cell);
  height: var(--mw-height-table-cell, 22px);
  cursor: default;
}
.mw-table-component .mw-table-cell-strike-through {
  text-decoration: line-through;
}
.mw-table-component .mw-table-cell-strike-through .mw-data-label-renderer {
  text-decoration: line-through;
}
.mw-table-component .mw-table-cell-background .mwCheckBoxRadioIconNode,
.mw-table-component .mw-table-cell-background-input .mwCheckBoxRadioIconNode {
  opacity: 0.35;
}
.mw-table-component .mw-table-cell-interactive-readonly .mwCheckBoxRadioIconNode,
.mw-table-component .mw-table-cell-interactive-readonly .mw-data-icon-renderer,
.mw-table-component .mw-table-cell-interactive-readonly .mw-data-icon-renderer-left,
.mw-table-component .mw-table-cell-interactive-readonly .mw-data-icon-renderer-center,
.mw-table-component .mw-table-cell-interactive-readonly .mw-data-icon-renderer-right {
  opacity: 0.35;
}
.mw-table-component .mw-table-cell[data-edit="true"] > span > *:first-child {
  height: calc(100% + 6px);
  width: calc(100% + 6px);
  position: relative;
  transform: translate(-3px, -3px);
}
.mw-table-component .mwTableVerticalCenter {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50%));
}
.mw-table-component .mw-table-cell-background {
  background-color: var(--mw-backgroundColor-secondary, #e6e6e6);
}
.mw-table-component .mw-table-cell-background-input {
  background-color: var(--mw-backgroundColor-input, #fff);
}
.mw-table-component .mw-table-cell-collapsecolumn {
  padding-left: 0;
  padding-right: 0;
  border-left-width: 1px;
  border-right-width: 0;
}
.mw-table-component .mw-table-header,
.mw-table-component .mw-table-row-header {
  min-width: var(--mw-width-table-row-header-default);
  min-height: inherit;
}
.mw-table-component .mw-table-header-row {
  display: flex;
  min-height: inherit; /* Inherit min-height from header wrapper so that header does not */
/* shrink back when multi-line header column is out of view */
}
.mw-table-component .mw-table-top-right-affordance {
  background-color: var(--mw-backgroundColor-primary, #f5f5f5);
  border-bottom: var(--mw-border-table-cell);
  border-left: var(--mw-border-table-cell);
  box-sizing: border-box;
}
.mw-table-component .mw-table-flex-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 2;
}
.mw-table-component .mw-table-flex-cell {
  box-sizing: border-box;
}
.mw-table-component .mw-table-flex-cell-full-width {
  flex: 1;
}
.mw-table-component .mw-table-top-left-affordance {
  box-sizing: border-box;
  background-color: var(--mw-backgroundColor-primary, #f5f5f5);
  border-bottom: var(--mw-border-table-cell);
  border-right: var(--mw-border-table-cell);
  min-width: var(--mw-minWidth-table-row-header);
  width: var(--mw-minWidth-table-row-header);
  max-width: var(--mw-maxWidth-table-row-header);
  display: flex;
  align-items: center;
  padding-top: var(--mw-paddingTop-table-header);
}
.mw-table-component .mw-flex-child {
  flex: 1;
  width: 100%;
  height: 100%;
}
.mw-table-component .mw-label-truncation {
  text-overflow: ellipsis;
  overflow: hidden;
}
.mw-table-component .mw-table-bottom-left-affordance {
  background-color: var(--mw-backgroundColor-primary);
  border-top: var(--mw-border-table-cell);
  border-right: var(--mw-border-table-cell);
  flex-shrink: 0;
}
.mw-table-component .mw-table-header-column {
  padding-top: var(--mw-paddingTop-table-header);
  min-height: $var(--mw-height-table-header);
}
.mw-table-component .mw-table-header-column[data-edit-state=true] .mw-table-header-label-container {
  margin-top: calc(0px - var(--mw-paddingTop-table-header) + var(--mw-padding-table-cell) - var(--mw-borderSize-table-header-edit-state-label));
  margin-bottom: calc(0px - var(--mw-padding-table-cell));
}
.mw-table-component .mw-table-header-column[data-edit-state=true] .mw-table-header-index-container {
  margin-top: 0px;
  margin-bottom: 0px;
}
.mw-table-component .mw-table-header-column[data-edit-state=true] .mw-table-header-label-container > .mw-table-header-index-font + .mw-table-header-label {
  margin-top: -7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
.mw-table-component .mw-table-header-column:first-child,
.mw-table-component .mw-table-header-column.mw-table-no-left-border {
  border-left-width: var(--mw-table-zero-border);
}
.mw-table-component .mw-table-header-column:first-child.mw-table-header-collapsecolumn.mw-table-no-left-border {
  border-left: 1px solid var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-header-column:last-child {
  border-right-width: var(--mw-table-zero-border);
}
.mw-table-component .mw-table-header-column.mw-table-header-border-left,
.mw-table-component .mw-table-header-column.mw-table-left-border {
  border-left: var(--mw-border-table-header);
}
.mw-table-component .mw-table-scroll-container {
  overflow: hidden;
  height: 100%;
}
.mw-table-component .mw-table-row-header-container {
  box-sizing: border-box;
  min-width: var(--mw-minWidth-table-row-header);
  width: var(--mw-minWidth-table-row-header-container);
  max-width: calc(var(--mw-maxWidth-table-row-header) - var(--mw-padding-table-row-header-adjustment));
  flex: 1;
}
.mw-table-component .mw-table-row-header-scrolling-div {
  overflow: hidden;
  display: flex;
  overflow-anchor: none;
}
.mw-table-component .mw-table-row-header-cell {
  box-sizing: border-box;
  border-collapse: collapse;
  border-left: 0;
  height: var(--mw-height-table-cell, 22px);
  min-width: var(--mw-minWidth-table-row-header);
  cursor: var(--mw-cursor-table-non-editable);
  justify-content: center;
  width: 100%;
}
.mw-table-component .mw-cell-border-right {
  border-right: var(--mw-border-table-cell);
}
.mw-table-component .mw-table-header-index-font {
  font-weight: var(--mw-fontWeight-table-header-index);
  color: var(--mw-color-secondary, #616161);
}
.mw-table-component .mw-table-header-label-container .mw-table-header-index-padding-bottom {
  padding-bottom: var(--mw-paddingBottom-table-header-index);
}
.mw-table-component .mw-table-no-left-border {
  border-left: 0;
}
.mw-table-component .mw-table-has-vertical-scroll .mw-table-row-header .mw-table-flex-row:last-child .mw-table-row-header-cell,
.mw-table-component .mw-table-has-hidden-vertical-scrollbar .mw-table-row-header .mw-table-flex-row:last-child .mw-table-row-header-cell {
  border-bottom-width: 0;
}
.mw-table-component .mw-table-row-header-label.mw-table-index-only,
.mw-table-component .mw-text-center {
  text-align: center;
}
.mw-table-component .mw-table-row-header-cell.mw-table-row-header-index-cell {
/* g3454771 - Ensure the index cell always grows to fit the index text */
  flex-shrink: 0;
}
.mw-table-component .mw-table-cell:first-child {
  border-left-width: var(--mw-table-zero-border);
}
.mw-table-component .mw-table-cell:first-child.mw-table-cell-collapsecolumn {
  border-left-width: 1px;
  border-left-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-has-vertical-scroll tr:last-child > td,
.mw-table-component .mw-table-has-hidden-vertical-scrollbar tr:last-child > td {
  border-bottom-width: 0;
  padding-bottom: 3px;
}
.mw-table-component .mw-table-has-vertical-scroll .mw-table-has-horizontal-scroll tr:last-child > td {
  border-bottom-width: 1px;
}
.mw-table-component .mw-table-outer-wrapper-blurred tr.mw-table-row-selected > td {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)), var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)));
  color: var(--mw-color-selected-noFocus, #212121);
}
.mw-table-component .mw-table-tbody {
  display: block;
  position: absolute;
  -webkit-overflow-scrolling: touch;
}
.mw-table-component .mw-table-tbody.errorState {
  --mw-border-color-focus: var(--mw-borderColor-error, #b7312c);
}
.mw-table-component .mw-table-paged-columns {
  overflow: hidden;
}
.mw-table-component .mw-table-freeze-column {
  overflow: visible;
}
.mw-table-component .mw-table-frozen-column-cell {
  position: -webkit-sticky;
  position: sticky;
  border: var(--mw-border-table-cell);
  border-width: var(--mw-borderWidth-table-cell);
  border-collapse: collapse;
  z-index: 1;
  left: 0;
}
.mw-table-component .mw-table-frozen-column-cell[data-cell-type="EditableTableCell"],
.mw-table-component .mw-table-frozen-column-cell[data-cell-type="EditableTreeCell"],
.mw-table-component .mw-table-frozen-column-cell[data-cell-type="InteractiveTableCell"] {
  background-color: var(--mw-backgroundColor-input, #fff);
}
.mw-table-component .mw-table-frozen-column-cell.mw-table-text-full {
  background-color: var(--mw-backgroundColor-input, #fff);
}
.mw-table-component .mw-table-frozen-column-cell.mw-table-header-column {
  background-color: var(--mw-backgroundColor-primary, #f5f5f5);
}
.mw-table-component .mw-table-frozen-column-cell.last-frozen-column {
  border-right: solid 1px;
}
.mw-table-component .mw-tbody-paged-columns {
  display: table;
  min-height: inherit;
}
.mw-table-component .mw-tbody-all-columns {
  width: 100%;
}
.mw-table-component .mw-table-tbody-row-header {
  display: block;
  background-color: var(--mw-backgroundColor-primary, #f5f5f5);
}
.mw-table-component .mw-table-header-wrapper {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--mw-backgroundColor-primary, #f5f5f5);
}
.mw-table-component .mw-table-header-wrapper.mw-table-flex-container.mw-table-header-hidden {
  display: none;
}
.mw-table-component .mw-table-header-thead {
  min-height: inherit;
}
.mw-table-component .mw-table-header-wrapper.mw-table-flex-container {
  min-height: var(--mw-height-table-header);
}
.mw-table-component .mw-table-header-column.mw-table-flex-container {
  min-height: var(--mw-height-table-header);
}
.mw-table-component table.mw-table-header,
.mw-table-component table.mw-table-row-header {
  border-collapse: collapse;
}
.mw-table-component .mw-table-row-selected > td:not([data-edit="true"]) {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-table-row > td:not([data-edit="true"]).mw-table-dnd-valid-hover {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-table-row > td:not([data-edit="true"]).mw-table-dnd-invalid-hover {
  background-color: var(--mw-backgroundColor-reorderingInvalid-secondary, #ffcbcb);
}
.mw-table-component .mw-table-row-selected > td:not([data-edit="true"]).mw-table-row-drag-source {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)), var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)));
  color: var(--mw-color-selected-noFocus, #212121);
  --mw-border-color-focus: var(--mw-borderColor-selected, #333);
}
.mw-table-component tr.mw-table-row.mw-table-dnd-invalid-hover > td {
  background-color: var(--mw-backgroundColor-reorderingInvalid-secondary, #ffcbcb);
}
.mw-table-component tr.mw-table-row.mw-table-dnd-valid-hover > td {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-scrolling-div {
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
  flex: 1;
  width: 100%;
/* g3436259: add back will-change (previously removed in fix to g1820052) so that scrolling update can happens in compositor thread
            * on low DPI screens without a hardware GPU, this forces the scrollable DOM to be in a separate layer "composited" - and it also allows scrolling interaction (in main thread) to not be blocked by scrolling update (compositor thread).
            * This allows the scroll bar to move independently of the rendering, so that the scroll bar does not feel difficult to drag.
            * NOTE that above normally already happens on a machine with hardware GPU
            * There are tradeoffs that this will cause scroll blanking - but we have mitigated this somewhat by adding a background to the scroll area that can be drawn without waiting for the DOM to be drawn.
            */
  will-change: transform;
}
.mw-table-component .mw-table-flex-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: inherit;
}
.mw-table-component .mw-table-flex-dynamic-item {
  flex: 1;
  display: flex;
  min-height: inherit;
  overflow: hidden;
}
.mw-table-component .mw-table-has-vertical-scroll td:last-child.mw-table-cell-focused {
  padding-right: var(--mw-padding-table-focus-last);
}
.mw-table-component .mw-table-header-column:last-child > .mw-table-resize-affordance,
.mw-table-component .mw-table-header-column:last-child > .mwTableHeaderAffordancePlaceholder {
  transform: var(--mw-transX-table-resize-affordance-last);
}
.mw-table-component .mw-table-resize-affordance {
  height: 100%;
  cursor: col-resize;
}
.mw-table-component .mw-table-resize-right-only {
  transform: var(--mw-transX-table-resize-affordance-last);
  height: 100%;
  cursor: e-resize;
}
.mw-table-component .mw-table-resize-affordance-collapsecolumn {
  min-width: 3px;
  transform: translateX(1px);
  height: 100%;
  cursor: col-resize;
}
.mw-table-component .mw-table-header-collapsecolumn {
  padding-left: 0px;
  padding-right: 0px;
}
.mw-table-component .mw-table-resize-selection-affordance-top {
  width: 100%;
  transform: translateY(-3px);
  z-index: var(--mw-zIndex-table-resize-affordance);
  height: var(--mw-height-table-resize-affordance);
  cursor: row-resize;
  position: absolute;
  top: 0;
  left: 0;
}
.mw-table-component .mw-table-resize-selection-affordance-bottom {
  width: 100%;
  background-color: rgba(255,255,255,0);
  z-index: var(--mw-zIndex-table-resize-affordance);
  height: var(--mw-height-table-resize-affordance);
  cursor: row-resize;
  transform: translateY(3px);
  clear: both;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mw-table-component .mw-table-resize-selection-affordance-left {
  width: 7px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 10%;
  left: 0%;
  transform: translateX(-5px);
}
.mw-table-component .mw-table-resize-selection-affordance-right {
  width: 4px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 10%;
  right: 0;
  transform: translateX(2px);
}
.mw-table-component .mw-table-header-label {
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: var(--mw-fontWeight-table-header);
  color: var(--mw-color-primary, #212121);
}
.mw-table-component .mw-table-header-column[data-edit-state="true"] .mw-table-header-label {
  border: var(--mw-border-table-header-edit-state-label);
  width: var(--mw-table-header-edit-state-label-width);
  max-width: var(--mw-maxWidth-table-header-edit-wrapper);
  height: auto;
}
.mw-table-component .mw-table-row-header-label {
  width: 100%;
  padding: 3px;
}
.mw-table-component .mwSortIcon {
  fill: #f00;
}
.mw-table-component .mwTableSortAffordance {
  --mw-backgroundColor-iconFill: var(--mw-backgroundColor-iconuiFill-secondary, #616161);
  align-self: flex-start;
  width: var(--mw-height-table-sort-affordance);
  height: var(--mw-height-table-sort-affordance);
  opacity: 0;
  transform: rotate(-180deg);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--mw-transition-table-sort-affordance);
  transition-delay: var(--mw-transitionDelay-table-sort-affordance);
}
.mw-table-component .mwTableSortAffordance.sortDescFirst {
  transform: rotate(0deg);
}
.mw-table-component .mw-table-header-column[cell-edit-state="true"] .mwTableSortAffordance {
  visibility: hidden;
}
.mw-table-component .mwTableSortAffordance[data-sorted="ASC"] {
  transition-delay: var(--mw-no-transitionDelay-table);
  transform: rotate(-180deg);
  opacity: 1;
}
.mw-table-component .mwTableSortAffordance[data-sorted="DESC"] {
  transition-delay: var(--mw-no-transitionDelay-table);
  transform: rotate(0deg);
  opacity: 1;
}
.mw-table-component .mwTableSortAffordance:hover {
  --mw-backgroundColor-iconFill: var(--mw-backgroundColor-iconuiFill-hover, #333);
  opacity: 1;
}
.mw-table-component .mw-table-header-column:hover .mwTableSortAffordance:not([data-sorted="ASC"]):not([data-sorted="DESC"]) {
  opacity: 1;
}
.mw-table-component .mw-table-header-column:hover .mwTableSortAffordance:not([data-sorted="ASC"]):not([data-sorted="DESC"]):hover {
  opacity: 1;
}
.mw-table-component .mw-table-header-column:hover .mwTableSortAffordance.hiddenAfterClearSort:not([data-sorted="ASC"]):not([data-sorted="DESC"]):hover {
  opacity: 0;
}
.mw-table-component .mw-table-cell-focused > .mwTableSortAffordance {
  opacity: 1;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-tooltip,
.mw-table-component .mw-table-outer-wrapper-blurred .mw-table-tooltip {
  padding: var(--mw-padding-table-cell);
  box-sizing: border-box;
  word-break: normal;
  overflow-wrap: break-word;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-tooltip-wrapper,
.mw-table-component .mw-table-outer-wrapper-blurred .mw-table-tooltip-wrapper {
  font-family: var(--mw-fontFamily-table-cell);
  font-size: var(--mw-fontSize-table-cell);
  font-style: var(--mw-fontStyle-table-cell);
  font-weight: var(--mw-fontWeight-table-cell);
  position: fixed;
  visibility: hidden;
  box-shadow: 0 1px 4px var(--mw-boxShadowColor, #a6a6a6);
  background-color: var(--mw-backgroundColor-input, #fff);
  pointer-events: none;
  width: initial;
  white-space: pre-wrap;
  z-index: 11;
  line-height: calc(14 * var(--mw-table-font-scale));
}
.mw-table-component .mw-table-header-index-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  overflow: hidden;
  width: 100%;
}
.mw-table-component .mw-table-header-label-container {
  overflow: hidden;
  width: 100%;
}
.mw-table-component .mw-table-header-label-container-collapsecolumn {
  overflow: hidden;
  width: 100%;
  display: none;
}
.mw-table-component .mw-table-header-column[data-edit-state=true] .mwTableHeaderWrapper {
  max-height: var(--mw-maxHeight-table-header-edit-wrapper);
}
.mw-table-component .mwTableMenuContainer {
  height: auto;
  width: auto;
}
.mw-table-component .mwTableHeaderMenuAffordanceContainer {
  transform: var(--mw-translate-table-col-menu-container);
  padding-top: var(--mw-padding-table-col-menu-affordance-container);
  padding-bottom: var(--mw-padding-table-col-menu-affordance-container);
  height: var(--mw-height-table-col-menu-affordance-container);
  width: var(--mw-width-table-col-menu-affordance-container);
}
.mw-table-component .mw-table-header-column[cell-edit-state="true"] .mwTableHeaderMenuAffordanceContainer {
  visibility: hidden;
}
.mw-table-component .mwTableHeaderMenuAffordance {
  opacity: 0;
}
.mw-table-component .mw-table-header-column:hover .mwTableHeaderMenuAffordanceContainer:hover .mwTableHeaderMenuAffordance {
  opacity: 1;
}
.mw-table-component .mw-table-header-column:hover .mwTableHeaderMenuAffordance[data-sorted="ASC"],
.mw-table-component .mw-table-header-column:hover .mwTableHeaderMenuAffordance[data-sorted="DESC"] {
  opacity: 1;
  transition-delay: 100ms;
  background: none;
}
.mw-table-component .mwTableHeaderMenuAffordance[data-sorted="ASC"] {
  transform: rotate(-180deg);
}
.mw-table-component .mwTableHeaderMenuAffordance[data-sorted="DESC"] {
  transform: rotate(0deg);
}
.mw-table-component .mw-table-header-column:hover .mwTableHeaderMenuAffordance {
  opacity: 1;
}
.mw-table-component .mw-table-cell-focused .mwTableHeaderMenuAffordance {
  opacity: 1;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected:not([data-edit="true"]) {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-table-outer-wrapper .mw-table-selection-top-edge:not(.mw-table-cell-focused) {
  border-top: var(--mw-border-table-selection-1);
  padding-top: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-focus-edge {
  border-bottom: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-focus-edge.mw-table-cell-collapsecolumn {
  border-bottom-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-selection-bottom-edge {
  border-bottom: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-selection-bottom-edge.mw-table-cell-collapsecolumn {
  border-bottom-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-selection-bottom-edge.mw-table-cell-active-range {
  border-bottom: var(--mw-border-table-selection-2);
  padding-bottom: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected:first-child:not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-1);
  padding-left: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected:last-child:not(.mw-table-cell-focused) {
  border-right: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected:not(.last-frozen-column) + .mw-table-cell:not(.mw-table-cell-selected):not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected.mw-table-cell-collapsecolumn + .mw-table-cell:not(.mw-table-cell-selected):not(.mw-table-cell-focused) {
  border-left-width: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell:not(.mw-table-cell-selected) + .mw-table-cell-selected:not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected.mw-table-cell-active-range:first-child:not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-2);
  padding-left: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected.mw-table-cell-active-range.mw-table-cell-collapsecolumn:first-child:not(.mw-table-cell-focused) {
  border-left: 1px;
  padding-left: 0;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected.mw-table-cell-active-range:not(.last-frozen-column) + .mw-table-cell:not(.mw-table-cell-active-range):not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected.mw-table-cell-active-range.mw-table-cell-collapsecolumn + .mw-table-cell:not(.mw-table-cell-active-range):not(.mw-table-cell-focused) {
  border-left-width: 1px;
  border-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell.mw-table-cell-active-range.mw-table-active-selection-right-border {
  border-right: var(--mw-border-table-selection-1);
  padding-right: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell.mw-table-cell-active-range.mw-table-active-selection-right-border.last-frozen-column {
  border-right-width: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell.mw-table-cell-active-range.mw-table-active-selection-right-border.mw-table-cell-collapsecolumn {
  border-right-width: 0;
  padding-right: 0;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell.mw-table-cell-active-range.mw-table-active-selection-right-border:last-child {
  border-right: var(--mw-border-table-selection-2);
  padding-right: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell:not(.mw-table-cell-active-range) + .mw-table-cell-selected.mw-table-cell-active-range:not(.mw-table-cell-focused) {
  border-left: var(--mw-border-table-selection-2);
  padding-left: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell:not(.mw-table-cell-active-range) + .mw-table-cell-selected.mw-table-cell-active-range.mw-table-cell-collapsecolumn:not(.mw-table-cell-focused) {
  border-left-width: 1px;
  padding-left: 0;
  border-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:first-child > .mw-table-cell-selected {
  border-top: var(--mw-border-table-selection-1);
  padding-top: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:first-child > .mw-table-cell-selected.mw-table-cell-active-range {
  border-top: var(--mw-border-table-selection-2);
  padding-top: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:first-child > .mw-table-cell-selected.mw-table-cell-active-range.mw-table-cell-collapsecolumn {
  border-top-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:last-child > .mw-table-cell-selected {
  border-bottom: var(--mw-border-table-selection-1);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:last-child > .mw-table-cell-selected.mw-table-cell-active-range {
  border-bottom: var(--mw-border-table-selection-2);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-outer-wrapper tr:first-child > .mw-table-cell.mw-table-cell-focused {
  border-top: var(--mw-border-table-focus);
  padding-top: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:first-child > .mw-table-cell-focused {
  border-top: var(--mw-border-table-focus);
  padding-top: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused:focus {
  outline: none;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused.mw-table-cell-clean-focus {
  border-top: var(--mw-borderTop-table-focus);
  padding-top: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused {
  border: var(--mw-border-table-focus);
  border-right: var(--mw-borderRight-table-focus);
  padding: var(--mw-padding-table-focus);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused.last-frozen-column {
  border-right-width: 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused.mw-table-cell-collapsecolumn {
  border-left-width: 1px;
  border-right-width: 0;
  padding-right: 0;
  padding-left: 0;
  border-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused.mw-table-header-column {
  padding: 4px 2px 1px 2px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused:first-child {
  padding-left: 1px;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused.mw-table-cell-collapsecolumn:first-child {
  padding-left: 0;
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused:not(.last-frozen-column) + td {
  border-left: var(--mw-borderRight-table-focus);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused.mw-table-cell-collapsecolumn + td {
  border-left-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:last-child > .mw-table-cell.mw-table-cell-focused {
  border-bottom: var(--mw-border-table-focus);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-row:last-child > .mw-table-cell.mw-table-cell-focused.mw-table-cell-collapsecolumn {
  border-bottom-color: var(--mw-borderColor-primary, #7d7d7d);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-focused:not([data-edit="true"]):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.mw-table-component .mw-table-outer-wrapper td:last-child.mw-table-cell-focused {
  padding-right: var(--mw-padding-table-focus-last);
  border-right: var(--mw-border-table-focus);
}
.mw-table-component .mw-table-outer-wrapper .mw-table-cell-selected.mw-table-cell-active-range.mw-table-cell-collapsecolumn + .mw-table-cell:not(.mw-table-cell-active-range):not(.mw-table-cell-focused) {
  padding-left: 0px;
  padding-right: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
}
.mw-table-component .mw-table-select-headers.mw-table-outer-wrapper .mw-table-header-row-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-table-select-headers.mw-table-outer-wrapper .mw-table-header-col-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-table-select-headers.mw-table-outer-wrapper .mw-table-header-row-selected.mw-table-flex-cell-edit {
  background: var(--mw-backgroundColor-input, #fff);
}
.mw-table-component .mw-table-select-headers.mw-table-outer-wrapper-blurred .mw-table-header-row-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)), var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)));
  color: var(--mw-color-selected-noFocus, #212121);
}
.mw-table-component .mw-table-select-headers.mw-table-outer-wrapper-blurred .mw-table-header-col-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)), var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)));
  color: var(--mw-color-selected-noFocus, #212121);
}
.mw-table-component .mw-table-outer-wrapper-blurred .mw-table-cell-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)), var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)));
  color: var(--mw-color-selected-noFocus, #212121);
}
.mw-table-component .mw-table-select-row-headers.mw-table-outer-wrapper .mw-table-header-row-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)), var(--mw-backgroundColor-dataWidget-selectedFocus, rgba(180,222,255,0.45)));
}
.mw-table-component .mw-table-select-row-headers.mw-table-outer-wrapper .mw-table-header-row-selected.mw-table-flex-cell-edit {
  background: var(--mw-backgroundColor-input, #fff);
}
.mw-table-component .mw-table-select-row-headers.mw-table-outer-wrapper-blurred .mw-table-header-row-selected {
  background-image: linear-gradient(var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)), var(--mw-backgroundColor-dataWidget-selected, rgba(191,191,191,0.65)));
  color: var(--mw-color-selected-noFocus, #212121);
}
.mw-table-component .mw-table-hierarchical-column-header {
  padding: 0;
  display: flex;
}
.mw-table-component .mw-table-hierarchical-column-header .mw-table-spanning-header-outer {
  display: flex;
}
.mw-table-component .mw-table-hierarchical-column-header .mw-table-spanning-header-inner {
  display: flex;
  flex-direction: column;
}
.mw-table-component .mw-table-hierarchical-column-header .mw-table-spanning-header-row {
  display: flex;
  flex-grow: 1;
}
.mw-table-component .mw-table-hierarchical-column-header .mw-table-spanning-column-header {
  min-width: initial;
  width: auto;
  overflow: hidden;
}
.mw-table-component .mw-table-column-selection-bar {
  transform: var(--mw-transform-table-column-header-selection-bar);
  min-height: var(--mw-minHeight-table-column-header-selection-bar);
  height: var(--mw-height-table-column-header-selection-bar);
  position: absolute;
  width: 100%;
  transition-delay: var(--mw-transitionDelay-table-default);
  opacity: 0;
}
.mw-table-component .mw-table-header-column:not([data-edit-state="true"]):hover .mw-table-column-selection-bar {
  opacity: 1;
  transition-delay: var(--mw-transitionDelay-table-default);
}
.mw-table-component .mw-table-header-column[data-edit-state="true"] .mw-table-column-selection-bar {
  opacity: 0;
  transition-delay: 0ms;
}
.mw-table-component .mw-table-flex-cell-edit {
  box-shadow: inset 0 0 0 1px var(--mw-border-color-focus);
  background: var(--mw-backgroundColor-input, #fff);
}
.mw-table-component .mw-table-force-flex-padding-right {
  padding-right: var(--mw-padding-table-cell);
  display: inline-flex;
}
.mw-table-component .mw-table-row-header-cell .mwTableTextEditor {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
/* input box shifted down when in edit mode. use this to force the padding goes on top */
  padding-top: -2px;
  background: var(--mw-backgroundColor-input, #fff);
  line-height: var(--mw-lineHeight-table-header);
  font-size: var(--mw-fontSize-table-header);
  font-family: var(--mw-fontFamily-table-cell);
  font-style: var(--mw-fontStyle-table-cell);
  font-weight: var(--mw-fontWeight-table-cell);
}
.mw-table-component .mw-table-highlight {
  background-color: var(--mw-backgroundColor-searchHighlight, #ffd60a);
  color: var(--mw-color-searchHighlight, #212121);
}
.mw-table-component .tableSearchNavigationHighlight {
  background-color: var(--mw-backgroundColor-searchHighlight-focus, #8b6606);
  color: var(--mw-color-quaternary, #fff);
}
.mw-table-component .mwTableValidation .mwTableTextEditor {
  margin: 0px -1px -2px -2px;
  outline: var(--mw-outline-text-editor);
  padding: 0;
  border-style: var(--mw-border-text-editor);
  width: var(--mw-width-text-editor);
  font-family: var(--mw-fontFamily-text-editor);
  font-size: var(--mw-fontSize-text-editor);
  font-style: var(--mw-fontStyle-table-cell);
}
.mw-table-component .mw-table-cell-focused div.mwTextField {
  border-bottom: none;
  padding-bottom: 1px;
}
.mw-table-component .mw-table-cell-focused div.mwTextField.mwTextFieldHover,
.mw-table-component .mw-table-cell-focused div.mwTextField.mwTextFieldActive {
  border-bottom: none;
}
.mw-table-component .mw-table-indicator-hide {
  position: relative;
  left: -999px;
}
.mw-table-component .mw-table-progress-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mw-table-component .mw-table-header-column:hover .mw-table-drag-icon {
  --mw-backgroundColor-iconFill: var(--mw-backgroundColor-iconuiFill-hover, #333);
}
.mw-table-component .mw-table-drag-icon {
  --mw-backgroundColor-iconFill: var(--mw-backgroundColor-iconuiFill-secondary, #616161);
  display: flex;
  justify-content: center;
  height: 12px;
  padding-top: 1px;
  margin-right: 3px;
  cursor: move;
}
.mw-table-component .mw-table-drag-icon[disabled] {
  opacity: 0.35;
  cursor: default;
}
.mw-table-component .mw-table-header-column:hover .mw-table-drag-icon[disabled] {
  opacity: 0.35;
  cursor: default;
}
.mw-table-component .mw-table-flex-dynamic-item:not(.mw-table-header-row-drag-tracking) .mw-table-drag-column-header {
  cursor: move;
}
.mw-table-component .mw-table-column-insertion-line-after {
  border-right: 1px solid var(--mw-border-color-focus);
}
.mw-table-component .mw-table-column-insertion-line-before {
  border-left: 1px solid var(--mw-border-color-focus);
}
.mw-table-component .mw-table-insertion-line {
  pointer-events: none;
}
.mw-table-component .mw-table-cell-span {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mw-table-component .mw-table-renderer-with-edit-indicator {
  width: calc(100% - 18px);
  float: left;
}
.mw-table-component .mw-table-cell-edit-indicator-dropdown {
  display: block;
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 1px;
  margin-left: 1px;
}
.mw-table-component .mw-table-cell-edit-indicator-dropdown:hover {
  cursor: pointer;
}
.mw-table-component .mw-table-cell-edit-indicator-dropdownIcon {
  width: 8px;
  height: 8px;
  display: block;
  margin-left: 4px;
  margin-top: 3px;
  fill: var(--mw-backgroundColor-iconuiFill-secondary, #616161);
}
.mw-table-component .mw-table-cell-edit-indicator-dropdownIcon:hover {
  fill: var(--mw-backgroundColor-iconuiFill-hover, #333);
  cursor: pointer;
}
.mw-dnd-avatar {
  font-family: var(--mw-fontFamily-table-cell);
  font-size: var(--mw-fontSize-table-cell);
  font-style: var(--mw-fontStyle-table-cell);
  font-weight: var(--mw-fontWeight-table-cell);
}
.mw-table-vertical-line {
  position: absolute;
  height: 100%;
  width: 0;
  border-left: var(--mw-vertical-line-width, $mw-vertical-line-width) solid var(--mw-backgroundColor-reorderingValid, #1656a7);
  top: 0;
}
.mw-table-vertical-line-invalid {
  position: absolute;
  height: 100%;
  width: 0;
  border-left: var(--mw-vertical-line-width, $mw-vertical-line-width) solid var(--mw-backgroundColor-reorderingInvalid, #b7312c);
  top: 0;
}
.mw-table-horizontal-line {
  position: absolute;
  height: 0;
  width: 100%;
  border-top: 2px solid var(--mw-backgroundColor-reorderingValid, #1656a7);
  left: 0;
}
.mw-table-horizontal-line-invalid {
  position: absolute;
  height: 0;
  width: 100%;
  border-top: 2px solid var(--mw-backgroundColor-reorderingInvalid, #b7312c);
  left: 0;
}
.mwTableTextEditor {
  background: var(--mw-backgroundColor-input, #fff);
  color: var(--mw-color-primary, #212121);
  outline: var(--mw-outline-text-editor);
  border-style: var(--mw-border-text-editor);
  padding: var(--mw-padding-text-editor);
  width: var(--mw-width-text-editor);
  font-family: var(--mw-fontFamily-text-editor);
  font-size: var(--mw-fontSize-text-editor);
  font-style: var(--mw-fontStyle-text-editor);
  font-weight: var(--mw-fontWeight-text-editor);
  margin: 0; /*g2091931: Safari adds extra top and bottom margin if not specified explicitly*/
  line-height: 14px;
}
.mw-icon-label-renderer {
  width: 100%;
  height: 100%;
}
.mw-data-label-renderer {
  width: calc(100% - 21px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mw-data-icon-renderer {
  width: var(--mw-width-iconlabel-renderer-icon);
  height: var(--mw-height-iconlabel-renderer-icon);
  margin-right: var(--mw-marginRight-iconlabel-renderer-icon);
  cursor: var(--mw-cursor-iconlabel-renderer-icon);
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: top;
}
.mw-data-icon-renderer-center {
  display: block;
  margin: 0 auto;
  height: 100%;
  text-align: center;
}
.mw-data-icon-renderer-left {
  float: left;
  height: 100%;
}
.mw-data-icon-renderer-right {
  float: right;
  height: 100%;
}
.mw-table-fit-content-row .mw-data-icon-renderer-right,
.mw-treetable-fit-content-row .mw-data-icon-renderer-right,
.mw-table-fit-content-row .mw-data-icon-renderer-left,
.mw-treetable-fit-content-row .mw-data-icon-renderer-left,
.mw-table-fit-content-row .mw-data-icon-renderer-center,
.mw-treetable-fit-content-row .mw-data-icon-renderer-center {
  vertical-align: middle;
  max-height: 62px;
}
.mw-data-color-renderer {
  width: var(--mw-size-color-renderer-cell);
  height: var(--mw-size-color-renderer-cell);
  display: inline-block;
}
.mw-data-number-renderer {
  font-size: var(--mw-fontSize-number-renderer);
  font-family: var(--mw-fontFamily-number-renderer);
  font-style: var(--mw-fontStyle-number-renderer);
  font-weight: var(--mw-fontWeight-number-renderer);
  display: block;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mw-data-number-renderer::after {
  content: '';
  display: block;
}
.mw-data-checkbox-renderer {
  width: var(--mw-width-interactive-renderer-cell);
  height: var(--mw-height-interactive-renderer-cell);
  display: inline-block;
  text-align: var(--mw-textAlign-interactive-renderer-data);
}
.mwRenderer .mwDefaultVisualFamily.mwWidget,
.mwRenderer .mwDefaultVisualFamily.mwWidget * {
  outline: 0;
}
.mwRenderer .mwDefaultVisualFamily.mwWidget {
  font-size: var(--mw-fontSize-table-cell);
  font-style: var(--mw-fontStyle-table-cell);
  font-weight: var(--mw-fontWeight-table-cell);
  font-family: var(--mw-fontFamily-table-cell);
  color: var(--mw-color-primary, #212121);
}
.mwRenderer .mwLabeledCheckbox {
  text-align: left;
  display: inherit;
}
.mwRenderer .mwRightAlignCheckbox {
  text-align: right;
}
.mwRenderer .mwWidget.mwCheckBox .mwCheckBoxRadioIconNode,
.mwRenderer .mwWidget.mwCheckBox .mwTextNode,
.mwRenderer .mwWidget.mwRadioButton .mwCheckBoxRadioIconNode,
.mwRenderer .mwWidget.mwRadioButton .mwTextNode {
  display: inline-block;
}
.mwRenderer .mwWidget.mwCheckBox .mwCheckBoxRadioIconNode,
.mwRenderer .mwWidget.mwRadioButton .mwCheckBoxRadioIconNode {
  vertical-align: top;
  position: relative;
}
.mwRenderer .mwLabeledCheckboxIcon {
  margin-right: 5px;
}
.mwRenderer .mwWidget.mwRadioButton .mwCheckBoxRadioIconNode,
.mwRenderer .mwWidget.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  border-radius: 50% 50%;
}
.mwRenderer .mwWidget.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner,
.mwRenderer .mwWidget.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  display: none;
  position: absolute;
}
.mwRenderer .mwWidget.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  transform: rotate(-45deg);
}
.mwRenderer .mwWidget.mwCheckBoxChecked .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner,
.mwRenderer .mwWidget.mwRadioButtonChecked .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  display: block;
}
.mwRenderer .mwWidget.mwCheckBox.mwTextMixin .mwTextNode,
.mwRenderer .mwWidget.mwRadioButton.mwTextMixin .mwTextNode {
  margin-left: 3px; /* 3px gap between the checkBoxRadioIconNode and textNode */
  vertical-align: middle;
/* Ellipsis feature; In addition to the below, the textNode is also sized explicitly, in the widget JS class */
  overflow: hidden;
  text-overflow: ellipsis;
}
.mwRenderer .mwWidget.mwCheckBox.mwTextMixin.mwNoText .mwTextNode,
.mwRenderer .mwWidget.mwRadioButton.mwTextMixin.mwNoText .mwTextNode {
  margin: 0; /* There is no need to separate textNode and checkBoxRadioIconNode since there is no text in this case */
}
.mwRenderer .mwWidget.mwCheckBox,
.mwRenderer .mwWidget.mwRadioButton {
  cursor: default; /* To ensure that the cursor doesn't change to text for the text portions */
}
.mwRenderer .mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode,
.mwRenderer .mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode {
  width: 12px;
  height: 12px;
  border: 1px solid var(--mw-borderColor-tertiary, #616161);
  background-color: var(--mw-backgroundColor-input, #fff);
}
.mwRenderer .mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  background-color: var(--mw-backgroundColor-inputFill, #212121);
}
.mwRenderer .mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  border-left: 2px solid var(--mw-backgroundColor-inputFill, #212121);
  border-bottom: 2px solid var(--mw-backgroundColor-inputFill, #212121);
}
.mwRenderer .mwDefaultVisualFamily.mwCheckBox .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  bottom: 5px;
  width: 8px;
  height: 3px;
  left: 1px;
}
.mwRenderer .mwDefaultVisualFamily.mwRadioButton .mwCheckBoxRadioIconNode .mwCheckBoxRadioIconInner {
  height: 6px;
  width: 6px;
  top: 3px;
  left: 3px;
}
.mwRenderer .mwDefaultVisualFamily.mwCheckBox.mwCheckBoxHover .mwCheckBoxRadioIconNode,
.mwRenderer .mwDefaultVisualFamily.mwCheckBox.mwCheckBoxActive .mwCheckBoxRadioIconNode,
.mwRenderer .mwDefaultVisualFamily.mwRadioButton.mwRadioButtonHover .mwCheckBoxRadioIconNode,
.mwRenderer .mwDefaultVisualFamily.mwRadioButton.mwRadioButtonActive .mwCheckBoxRadioIconNode {
  border-color: var(--mw-borderColor-hover, #333);
}
.mwRenderer .mwDefaultVisualFamily.mwCheckBox.mwCheckBoxFocused .mwCheckBoxRadioIconNode,
.mwRenderer .mwDefaultVisualFamily.mwRadioButton.mwRadioButtonFocused .mwCheckBoxRadioIconNode {
  border-color: var(--mw-borderColor-focus, #268cdd);
}
.mw-default-header-cell {
  width: var(--mw-width-header-renderer-cell);
  text-overflow: ellipsis;
  overflow: hidden;
}
.mw-default-header-cell::after {
  content: '';
  display: block;
}
.mw-string-renderer::after {
  content: '';
  display: block;
}
.mwTableComboBoxEditor {
  height: var(--mw-height-combobox-editor);
}
.mwTableComboBoxEditor > *:first-child {
  width: var(--mw-width-combobox-editor);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell:first-child {
  padding-left: var(--mw-padding-left-treetable-cell-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell.mw-table-cell-focused:first-child {
  padding-left: var(--mw-padding-treetable-cell-focus-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell.mw-table-cell-focused {
  padding-top: var(--mw-padding-treetable-cell-focus-gridlines);
  padding-left: var(--mw-padding-treetable-cell-focus-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-rowlines .mw-table-cell-focused + td {
  padding-left: var(--mw-padding-left-treetable-next-cell-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-rowlines td.mw-table-cell.mw-table-cell-focused[data-edit="true"] + td {
  border-left: 0px;
  padding-left: var(--mw-padding-left-treetable-cell-gridlines);
}
.mwTreeTable .mw-table-gridstyle-rowlines .mw-table-cell {
  padding-left: var(--mw-padding-left-treetable-cell-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell.mw-table-cell-focused {
  padding-bottom: var(--mw-padding-treetable-cell-focus-gridlines);
  padding-top: var(--mw-padding-treetable-cell-focus-gridlines);
  padding-left: var(--mw-padding-treetable-cell-focus-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-lightweight .mw-table-cell-focused + td {
  padding-left: var(--mw-padding-left-treetable-next-cell-gridlines);
}
.mwTreeTable .mw-table-outer-wrapper.mw-table-gridstyle-lightweight td.mw-table-cell.mw-table-cell-focused[data-edit="true"] + td {
  border-left: 0px;
  padding-left: var(--mw-padding-left-treetable-cell-gridlines);
}
.mwTreeTable .mw-table-gridstyle-lightweight .mw-table-cell {
  padding-left: var(--mw-padding-left-treetable-cell-gridlines);
}
.mwTreeTable .treeNode > .treeNodeData .expand {
  display: inline-block;
  padding: 3px 5px 2px;
  vertical-align: middle;
}
.mwTreeTable .treeNode > .treeNodeData .expand .disclosureImage {
  transform: translateX(-1px) rotate(-90deg);
}
.mwTreeTable .mw-tree-node-gutter {
  display: grid;
  width: 100%;
  padding: 0px 3px 0px 0px;
}
.mwTreeTable .mw-tree-node-gutter .mw-tree-node-gutter-wrapper {
  height: 100%;
}
.mwTreeTable .mw-tree-node-gutter .mw-tree-node-gutter-wrapper .mw-tree-node-gutter-item {
  display: inline-block;
  height: 100%;
  width: 3px;
}
.mwTreeTable .mw-tree-node-gutter-sibling {
  padding: 3px 0px 3px 3px;
}
.mwTreeTable .treeNode > .treeNodeData .collapse {
  padding: 2px 5px 3px;
  vertical-align: middle;
  display: inline-block;
}
.mwTreeTable .treeNode > .treeNodeData .disclosureImage {
  display: block;
  height: var(--mw-size-treetable-disclosure-image);
  width: var(--mw-size-treetable-disclosure-image);
  fill: var(--mw-backgroundColor-iconuiFill-secondary, #616161);
}
.mwTreeTable .treeNodeData {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  height: var(--mw-height-treetable-tree-cell-content);
}
.mwTreeTable .treeNodeData .mw-checkbox-tree {
  display: inline-flex;
  align-self: center;
}
.mwTreeTable .treeNodeData .rendererEditorContainer {
  height: var(--mw-height-treetable-tree-cell-content);
  width: 100%;
  margin-top: calc(var(--mw-padding-treetable-tree-cell-content) * -1); /* padding top of tree cell */
  margin-right: calc(var(--mw-padding-treetable-tree-cell-content) * -1); /* padding right of tree cell */
  padding: var(--mw-padding-treetable-tree-cell-content);
  max-width: calc(100% - 3px /* padding right of tree cell */);
}
.mwTreeTable .treeNodeData .mw-checkbox-tree + .rendererEditorContainer {
  max-width: calc(100% - 19px /* width of the checkboxTreetable  */ - 3px /* padding right of tree cell */);
}
.mwTreeTable .treeNodeData .collapse + .rendererEditorContainer,
.mwTreeTable .treeNodeData .expand + .rendererEditorContainer {
  max-width: calc(100% - 18px /* width of the disclosure */ - 3px /* padding right of tree cell */);
}
.mwTreeTable .treeNodeData .collapse + .mw-checkbox-tree + .rendererEditorContainer,
.mwTreeTable .treeNodeData .expand + .mw-checkbox-tree + .rendererEditorContainer {
  max-width: calc(100% - 18px /* width of the disclosure */ - 19px /* width of the checkboxTreetable  */ - 3px /* padding right of tree cell */);
}
.mwTreeTable .treeNodeData .treeNodeRenderer {
  height: var(--mw-height-treetable-tree-cell-content);
  line-height: var(--mw-lineHeight-treetable-tree-cell-content);
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: row;
}
.mwTreeTable .treeNodeData mw-tristate-checkbox {
  padding-right: var(--mw-padding-right-treetable-checkbox);
  vertical-align: middle;
}
.mwTreeTable .mw-treetable-fit-content-row .mw-tree-node-gutter {
  display: grid;
  width: 100%;
  padding: 0px 3px 0px 0px;
}
.mwTreeTable .mw-treetable-fit-content-row .mw-table-cell-focused[data-edit="true"] .treeNodeData .mw-icon-label-editor .mw-data-icon-renderer {
  vertical-align: top;
  margin-top: 2px;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeData {
  height: auto;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeData .mw-checkbox-tree {
  align-self: start;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeData .rendererEditorContainer {
  height: auto;
  padding: 2px 0px 0px 3px;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeRenderer {
  height: auto;
  white-space: normal;
  line-height: normal;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeRenderer .mw-icon-label-renderer {
  height: auto;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeRenderer .mw-icon-label-renderer .mw-data-icon-renderer {
  vertical-align: top;
}
.mwTreeTable .mw-treetable-fit-content-row .treeNodeRenderer .mw-icon-label-renderer .mw-data-label-renderer {
  white-space: normal;
}
.mwTreeTable .tree-list-item {
  box-sizing: border-box;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell[data-edit="true"] .tree-list-item {
  height: 100%;
  width: 100%;
  position: relative;
  transform: none;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell[data-edit="true"] .treeNodeData .rendererEditorContainer {
  padding: 0;
  margin-top: -1px; /* padding-top of the tree cell */
  max-width: 100%;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell[data-edit="true"] .treeNodeData .rendererEditorContainer .mwTreeTableTextEditor {
  padding: 1px 1px 2px 3px;
  width: calc(100% - 6px); /* 2 border-left + 3 padding-left + 1 padding-right + 2 border-right - 2 padding-top of the tree cell*/
  margin: 0; /* g1747961: On Safari, there is a margin-top: 2px and margin-bottom: 2px for the editor box, not sure where the value comes form, reset the property for Safari */
}
.mwTreeTable td.mw-tree-cell.mw-table-cell[data-edit="true"] .treeNodeData .rendererEditorContainer .mw-icon-label-editor .mw-data-icon-renderer {
  margin-left: 3px;
  margin-right: 2px;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell[data-edit="true"] .treeNodeData .rendererEditorContainer .mw-icon-label-editor .mwTreeTableTextEditor {
  width: calc(100% - 27px);
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] {
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  background-color: var(--mw-backgroundColor-input, #fff);
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] + td {
  border-left: 1px solid var(--mw-borderColor-focus, #268cdd);
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNode > .treeNodeData .collapse {
  padding: 4px 3px 7px 7px;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNode > .treeNodeData .expand {
  padding: 5px 3px 4px 7px;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData mw-tristate-checkbox {
  padding: var(--mw-padding-treetable-checkbox-editable-cell);
  vertical-align: middle;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .collapse + .rendererEditorContainer,
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .expand + .rendererEditorContainer {
  max-width: calc(100% - 18px /* width of the disclosure */);
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .rendererEditorContainer .mwTreeTableTextEditor {
  border: 2px solid var(--mw-borderColor-focus);
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .rendererEditorContainer .mwTableComboBoxEditor {
  width: calc(100% + 2px);
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .rendererEditorContainer .mw-icon-label-editor .mw-data-icon-renderer {
  margin-left: 5px;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .rendererEditorContainer .mw-icon-label-editor .mwTreeTableTextEditor {
  width: calc(100% - 27px);
  padding-left: 1px;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .mw-checkbox-tree + .rendererEditorContainer .mwTreeTableTextEditor {
  border: 2px solid var(--mw-borderColor-focus);
  padding: 1px 0px 2px 2px;
  width: calc(100% - 9px);
  margin: 0; /* g1747961: On Safari, there is a margin-top: 2px and margin-bottom: 2px for the editor box, not sure where the value comes form, reset the property for Safari */
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .mw-checkbox-tree + .rendererEditorContainer .mw-icon-label-editor .mw-data-icon-renderer {
  margin-left: 3px;
  margin-right: 2px;
}
.mwTreeTable td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .mw-checkbox-tree + .rendererEditorContainer .mw-icon-label-editor .mwTreeTableTextEditor {
  width: calc(100% - 27px);
  padding-left: 1px;
}
.mwTreeTable .mw-treetable-fit-content-row td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData .mw-checkbox-tree {
  align-self: start;
}
.mwTreeTable .mw-treetable-fit-content-row td.mw-tree-cell.mw-table-cell.mw-table-cell-focused[data-edit="true"] .treeNodeData mw-tristate-checkbox {
  padding: 2px 5px 0px 2px;
}
.mwTreeTable .mwTreeTableTextEditor {
/*extends .mwTableTextEditor when switching to stylus*/
  outline: 0;
  background: var(--mw-backgroundColor-input, #fff);
  color: var(--mw-color-primary, #212121);
  border-style: none;
  padding: var(--mw-padding-treetable-tree-cell-content);
  width: calc(100% - 6px);
  font-family: var(--mw-fontFamily-table-cell);
  font-size: var(--mw-fontSize-text-editor);
  font-style: var(--mw-fontStyle-text-editor);
  font-weight: var(--mw-fontWeight-text-editor);
  line-height: calc(14 * var(--mw-table-font-scale));
}
.mwTreeTable .mw-table-cell.mw-table-cell-focused[data-edit="true"] .mw-icon-label-editor .mw-data-icon-renderer {
  vertical-align: middle;
  margin-left: 3px;
  margin-right: 3px;
}
.mwTreeTable .mw-table-cell.mw-table-cell-focused[data-edit="true"] .mw-icon-label-editor .mwTreeTableTextEditor {
  width: calc(100% - 27px);
  padding-left: 2px;
  margin: 0; /*g1875538: Fix similar to g174796 for Safari*/
}
.mwTreeTable .mw-table-cell.mw-tree-cell.mw-table-cell-focused .mwTableValidation {
  width: var(--mw-width-treetable-treecell-validation-editor);
  margin: var(--mw-margin-treetable-treecell-validation-editor);
}
.mwTreeTable .mw-table-cell.mw-tree-cell.mw-table-cell-focused .mwTableValidation .mwTextFieldFocused,
.mwTreeTable .mw-table-cell.mw-tree-cell.mw-table-cell-focused .mwTableValidation .mwTextField {
  border: var(--mw-border-treetable-treecell-validation-editor) solid var(--mw-border-color-focus);
}
.mwTreeTable .mw-table-cell.mw-tree-cell.mw-table-cell-focused .mwTableValidation .mwTextFieldFocused .mwTableTextEditor,
.mwTreeTable .mw-table-cell.mw-tree-cell.mw-table-cell-focused .mwTableValidation .mwTextField .mwTableTextEditor {
  padding: var(--mw-padding-treetable-treecell-validation-editor);
}
.mwTreeTable .mw-table-cell.mw-tree-cell.mw-table-cell-focused .mw-table-progress-indicator {
  width: var(--mw-width-treetable-treecell-validation-editor);
  border: var(--mw-border-treetable-treecell-validation-editor) solid var(--mw-border-color-focus);
  margin: var(--mw-margin-treetable-treecell-validation-editor);
}
.mwTreeTable .mw-table-cell.mw-tree-cell .mwTextField {
  border: var(--mw-border-treetable-treecell-validation-editor) solid var(--mw-border-color-focus);
}
.mwTreeTable .mw-table-cell.mw-tree-cell .mwTextField .mwTableTextEditor {
  padding: var(--mw-padding-treetable-treecell-validation-editor);
}
.mwTreeTable {
  --mw-padding-treetable-tree-cell-content: 3px;
  --mw-padding-right-treetable-checkbox: 5px;
  --mw-padding-treetable-checkbox-editable-cell: 4px 5px 0px 2px;
  --mw-height-treetable-treecell-validation-editor: 17px;
  --mw-width-treetable-treecell-validation-editor: calc(100% + 2px);
  --mw-margin-treetable-treecell-validation-editor: 0px;
  --mw-border-treetable-treecell-validation-editor: 2px;
  --mw-padding-treetable-treecell-validation-editor: 0px 1px 2px 5px;
  --mw-padding-left-treetable-cell-gridlines: 3px;
  --mw-padding-treetable-cell-focus-gridlines: 1px;
  --mw-padding-left-treetable-next-cell-gridlines: 2px;
}
.mwTreeTable > .mw-table-component {
  --mw-size-treetable-disclosure-image: calc(8 * var(--mw-table-font-scale));
  --mw-height-treetable-tree-cell-content: calc(16 * var(--mw-table-font-scale));
  --mw-lineHeight-treetable-tree-cell-content: calc(14 * var(--mw-table-font-scale));
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

mw-text-field {
  width: 150px;
  height: 22px;
  box-sizing: border-box;
  /* To accommodate icon */
  display: inline-flex;
  align-items: center;
  border-color: var(--mw-borderColor-textField);
  background: var(--mw-backgroundColor-textField);
  border-style: solid;
  border-width: 1px;
  --mw-color-textField: var(--mw-color-primary);
  --mw-backgroundColor-textField: var(--mw-backgroundColor-input);
  --mw-borderColor-textField: var(--mw-borderColor-primary);
  --mw-textAlign-textField: left;
  --mw-width-textField: 100%;
  --mw-height-textField: 100%;
  --mw-fontSize-textField: 12px;
  --mw-fontWeight-textField: normal;
  --mw-fontStyle-textField: normal;
  --mw-fontFamily-textField: var(--mw-fontFamily);
  --mw-paddingLeftRight-textField: 4px;
  --mw-paddingTopBottom-textField: 1px;

}

.mw-text-class {
  text-align: var(--mw-textAlign-textField);
  background: var(--mw-backgroundColor-textField);
  width: var(--mw-width-textField);
  height: var(--mw-height-textField);
  flex: 1;

  color: var(--mw-color-textField);

  font-family: var(--mw-fontFamily-textField);
  font-size: var(--mw-fontSize-textField);
  font-style: var(--mw-fontStyle-textField);
  font-weight: var(--mw-fontWeight-textField);

  padding-top: var(--mw-paddingTopBottom-textField);
  padding-bottom: var(--mw-paddingTopBottom-textField);

  padding-left: var(--mw-paddingLeftRight-textField);
  padding-right: var(--mw-paddingLeftRight-textField);

  border: none;
  box-sizing: border-box;
  vertical-align: top;
  margin: 0%;
  outline: none;
}

mw-text-field.focusTextField {
  border-color: var(--mw-borderColor-focus);
  border-style: solid;
  border-width: 1px;
}

mw-text-field[disabled] {
  opacity: var(--mw-opacity-disabled);
}

mw-text-field:not([disabled]):hover {
  --mw-borderColor-textField: var(--mw-borderColor-hover);
}

mw-text-field[readonly] {
  --mw-backgroundColor-textField: var(--mw-backgroundColor-input-readonly)
}

mw-text-field>.mw-text-class ::placeholder {
  color: var(--mw-color-secondary);
}

mw-text-field>.mw-text-class::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none;
  pointer-events: none;
  right: 0;
}

.rightTruncation {
  width: var(--mw-width-textField);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.leftTruncation {
  width: var(--mw-width-textField);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: rtl;
}

mw-text-field>.prependIcon{
  margin-left: var(--mw-paddingLeftRight-textField);
}


:root {
/* gray scale */
  --mw-color-white: #fff;
  --mw-color-gray50: #f5f5f5;
  --mw-color-gray100: #e6e6e6;
  --mw-color-gray200: #d9d9d9;
  --mw-color-gray201: #d9d9d8;
  --mw-color-gray300: #bfbfbf;
  --mw-color-gray400: #a6a6a6;
  --mw-color-gray500: #888;
  --mw-color-gray600: #7d7d7d;
  --mw-color-gray650: #757575;
  --mw-color-gray700: #616161;
  --mw-color-gray750: #4c4c4c;
  --mw-color-gray800: #333;
  --mw-color-gray900: #212121;
  --mw-color-gray950: #121212;
  --mw-color-black: #000;
/* red scale */
  --mw-color-red100: #faf0f0;
  --mw-color-red150: #ffe1e0;
  --mw-color-red200: #ffcbcb;
  --mw-color-red300: #ff9d9a;
  --mw-color-red400: #ff7a74;
  --mw-color-red500: #ff453a;
  --mw-color-red550: #e11b14;
  --mw-color-red600: #b7312c;
  --mw-color-red700: #902622;
  --mw-color-red800: #610908;
  --mw-color-red850: #4d0100;
  --mw-color-red900: #330e0b;
/* orange scale */
  --mw-color-orange100: #fef9ed;
  --mw-color-orange150: #ffd9b7;
  --mw-color-orange200: #ffd19e;
  --mw-color-orange300: #ffab66;
  --mw-color-orange400: #fe9043;
  --mw-color-orange500: #f57729;
  --mw-color-orange550: #dd5400;
  --mw-color-orange600: #c04c0b;
  --mw-color-orange700: #a24302;
  --mw-color-orange800: #823400;
  --mw-color-orange850: #663011;
  --mw-color-orange900: #332002;
/* yellow scale */
  --mw-color-yellow100: #f3efe5;
  --mw-color-yellow200: #fff5bc;
  --mw-color-yellow300: #ffef91;
  --mw-color-yellow400: #ffe864;
  --mw-color-yellow500: #ffd60a;
  --mw-color-yellow550: #c6a814;
  --mw-color-yellow600: #8b6606;
  --mw-color-yellow700: #674c06;
  --mw-color-yellow800: #453304;
  --mw-color-yellow900: #261b00;
/* green scale */
  --mw-color-green100: #f5fff2;
  --mw-color-green200: #e5fadd;
  --mw-color-green300: #cbffbe;
  --mw-color-green400: #94ef84;
  --mw-color-green450: #49db40;
  --mw-color-green500: #3ac831;
  --mw-color-green550: #3baa32;
  --mw-color-green600: #008013;
  --mw-color-green700: #02580e;
  --mw-color-green800: #013e0a;
  --mw-color-green900: #062c04;
/* teal scale */
  --mw-color-teal100: #f2fffd;
  --mw-color-teal200: #d0f9f4;
  --mw-color-teal300: #74ebda;
  --mw-color-teal400: #1fcfbe;
  --mw-color-teal500: #00a3a3;
  --mw-color-teal600: #027880;
  --mw-color-teal700: #02555c;
  --mw-color-teal800: #013a3e;
  --mw-color-teal900: #002121;
/* blue scale */
  --mw-color-blue100: #f5faff;
  --mw-color-blue150: #c9e7ff;
  --mw-color-blue200: #b4deff;
  --mw-color-blue300: #83caff;
  --mw-color-blue400: #54b6ff;
  --mw-color-blue500: #268cdd;
  --mw-color-blue550: #1171be;
  --mw-color-blue600: #1656a7;
  --mw-color-blue700: #104280;
  --mw-color-blue800: #0b2f5c;
  --mw-color-blue900: #00243e;
/* cobalt scale */
  --mw-color-cobalt100: #deefff;
  --mw-color-cobalt150: #daecff;
  --mw-color-cobalt200: #cbe5ff;
  --mw-color-cobalt300: #a3c8ff;
  --mw-color-cobalt400: #7da9ff;
  --mw-color-cobalt500: #6582fd;
  --mw-color-cobalt600: #0e00ff;
  --mw-color-cobalt700: #0c02af;
  --mw-color-cobalt800: #08036f;
  --mw-color-cobalt900: #141a33;
/* purple scale */
  --mw-color-purple100: #fbf4ff;
  --mw-color-purple150: #f3e3ff;
  --mw-color-purple200: #eed7ff;
  --mw-color-purple300: #e6bfff;
  --mw-color-purple400: #d694ff;
  --mw-color-purple500: #c05cfb;
  --mw-color-purple600: #a709f5;
  --mw-color-purple700: #8516d1;
  --mw-color-purple800: #5e2296;
  --mw-color-purple850: #38115e;
  --mw-color-purple900: #271232;
/* pink scale */
  --mw-color-pink100: #fbe5f3;
  --mw-color-pink150: #ffdbf2;
  --mw-color-pink200: #fecded;
  --mw-color-pink300: #fcb1e3;
  --mw-color-pink400: #fa8ad4;
  --mw-color-pink500: #f267c5;
  --mw-color-pink550: #e951b8;
  --mw-color-pink600: #d1048b;
  --mw-color-pink700: #960064;
  --mw-color-pink800: #6e0149;
  --mw-color-pink850: #56014e;
  --mw-color-pink900: #330133;
/* brown scale */
  --mw-color-brown100: #f5ede9;
  --mw-color-brown150: #fbe7d8;
  --mw-color-brown200: #f3d3bc;
  --mw-color-brown300: #e9b490;
  --mw-color-brown400: #dc996c;
  --mw-color-brown500: #cb845d;
  --mw-color-brown600: #a0522d;
  --mw-color-brown700: #7b3115;
  --mw-color-brown800: #5f1b08;
  --mw-color-brown850: #461b0f;
  --mw-color-brown900: #26190e;
/* aqua scale */
  --mw-color-aqua100: #dfffff;
  --mw-color-aqua200: #c4ffff;
  --mw-color-aqua300: #6cf4ff;
  --mw-color-aqua400: #35d2fa;
  --mw-color-aqua450: #2fbeef;
  --mw-color-aqua500: #00a9e0;
  --mw-color-aqua550: #2393bf;
  --mw-color-aqua600: #1776a5;
  --mw-color-aqua700: #245474;
  --mw-color-aqua800: #273d4f;
  --mw-color-aqua900: #232b33;
/* gold scale */
  --mw-color-gold100: #fff9ef;
  --mw-color-gold150: #ffebb7;
  --mw-color-gold200: #ffdb9a;
  --mw-color-gold300: #fec04c;
  --mw-color-gold400: #edb120;
  --mw-color-gold500: #b18525;
  --mw-color-gold600: #745a26;
  --mw-color-gold700: #634d20;
  --mw-color-gold800: #4a3a19;
  --mw-color-gold900: #332916;
/* honey scale */
  --mw-color-honey100: #fff4e0;
  --mw-color-honey150: #ffeac6;
  --mw-color-honey200: #ffd997;
  --mw-color-honey300: #ffb942;
  --mw-color-honey400: #ffa100;
  --mw-color-honey500: #e38b0f;
  --mw-color-honey550: #b36205;
  --mw-color-honey600: #9c5f23;
  --mw-color-honey700: #724824;
  --mw-color-honey750: #653c1a;
  --mw-color-honey800: #472f1e;
  --mw-color-honey900: #291b11;
/* storm scale */
  --mw-color-storm100: #f1f3f8;
  --mw-color-storm200: #d6dce8;
  --mw-color-storm300: #b5c1d8;
  --mw-color-storm400: #93a1bf;
  --mw-color-storm500: #7c89a6;
  --mw-color-storm600: #64708c;
  --mw-color-storm700: #57627c;
  --mw-color-storm800: #36415b;
  --mw-color-storm900: #1c1f28;
/* brand color */
  --mw-color-brand1: #0076a8;
  --mw-color-brand2: #08609d;
  --mw-color-brand3: #004b87;
  --mw-color-brand4: #004073;
  --mw-color-brand5: #d78825;
}
:root {
  --mw-fontFamily: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-en: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-zh-cn: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-ja-jp: 'Meiryo UI', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-ko-kr: Gulim, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
}
.mw-theme-dark {
  --mw-themeName: dark;
  color-scheme: dark;
/* property: background-color */
  --mw-backgroundColor-active: var(--mw-color-black);
  --mw-backgroundColor-dragged: var(--mw-color-gray800);
  --mw-backgroundColor-error: var(--mw-color-red500);
  --mw-backgroundColor-primary-error: var(--mw-color-red500);
  --mw-backgroundColor-secondary-error: var(--mw-color-red900);
  --mw-backgroundColor-errorContainer: var(--mw-color-red800);
  --mw-backgroundColor-excludeHighlight: var(--mw-color-purple700);
  --mw-backgroundColor-info: var(--mw-color-blue500);
  --mw-backgroundColor-primary-info: var(--mw-color-blue500);
  --mw-backgroundColor-secondary-info: var(--mw-color-blue900);
  --mw-backgroundColor-importedTableHeader-hover: var(--mw-color-blue600);
  --mw-backgroundColor-primary: var(--mw-color-gray900);
  --mw-backgroundColor-hover: var(--mw-color-gray800);
  --mw-backgroundColor-reorderingValid: var(--mw-color-blue500);
  --mw-backgroundColor-reorderingInvalid: var(--mw-color-red500);
  --mw-backgroundColor-reorderingInvalid-secondary: var(--mw-color-red700);
  --mw-backgroundColor-secondary: var(--mw-color-gray800);
  --mw-backgroundColor-secondary-hover: var(--mw-color-gray900);
  --mw-backgroundColor-selected: var(--mw-color-gray700);
  --mw-backgroundColor-selectedFocus: var(--mw-color-blue800);
  --mw-backgroundColor-searchHighlight: var(--mw-color-yellow600);
  --mw-backgroundColor-searchHighlight-secondary: var(--mw-color-yellow800);
  --mw-backgroundColor-searchHighlight-tertiary: var(--mw-color-honey550);
  --mw-backgroundColor-searchHighlight-focus: var(--mw-color-yellow500);
  --mw-backgroundColor-success: var(--mw-color-green500);
  --mw-backgroundColor-primary-success: var(--mw-color-green500);
  --mw-backgroundColor-secondary-success: var(--mw-color-green900);
  --mw-backgroundColor-text-selected: var(--mw-color-black);
  --mw-backgroundColor-tertiary: var(--mw-color-black);
  --mw-backgroundColor-tertiary-info: var(--mw-color-storm600);
  --mw-backgroundColor-toggleOn: var(--mw-color-black);
  --mw-backgroundColor-toggleOn-hover: var(--mw-color-gray950);
  --mw-backgroundColor-warning: var(--mw-color-gold400);
  --mw-backgroundColor-primary-warning: var(--mw-color-gold400);
  --mw-backgroundColor-secondary-warning: var(--mw-color-gold900);
  --mw-backgroundColor-zoomIndicator: var(--mw-color-gray400);
/* target: gallery */
  --mw-backgroundColor-gallery-toggleOn: var(--mw-color-gray900);
/* target: input */
  --mw-backgroundColor-input: var(--mw-color-gray950);
  --mw-backgroundColor-input-dirty: var(--mw-color-yellow800);
  --mw-backgroundColor-input-readonly: var(--mw-color-gray800);
  --mw-backgroundColor-inputFill: var(--mw-color-gray200);
/* target: icon */
  --mw-backgroundColor-iconuiFill: var(--mw-color-gray500);
  --mw-backgroundColor-iconuiFill-primary: var(--mw-color-gray500);
  --mw-backgroundColor-iconuiFill-secondary: var(--mw-color-gray300);
  --mw-backgroundColor-iconuiFill-tertiary: var(--mw-color-red500);
  --mw-backgroundColor-iconuiFill-quaternary: var(--mw-color-blue400);
  --mw-backgroundColor-iconuiFill-hover: var(--mw-color-gray400);
  --mw-backgroundColor-iconuiFill-validation: var(--mw-color-white);
  --mw-backgroundColor-iconuiFill-invalid: var(--mw-color-white);
/* target: header */
  --mw-backgroundColor-header: var(--mw-color-brand4);
/* target: overlay */
  --mw-backgroundColor-overlay: var(--mw-color-black);
/* target: tab */
  --mw-backgroundColor-tab: var(--mw-color-gray900);
  --mw-backgroundColor-tab-selected: var(--mw-color-gray950);
/* target: taskbar */
  --mw-backgroundColor-taskbarButton-active: var(--mw-color-gray800);
  --mw-backgroundColor-taskbarButton-hover: var(--mw-color-gray900);
/* target: toolbar */
  --mw-backgroundColor-toolbar-toggleOn: var(--mw-color-blue800);
/* target: toolstrip */
  --mw-backgroundColor-toolstripClosableTab: var(--mw-color-brand2);
  --mw-backgroundColor-toolstripContextualTab: var(--mw-color-blue550);
  --mw-backgroundColor-toolstripTab: var(--mw-color-brand4);
  --mw-backgroundColor-toolstripTab-hover: var(--mw-color-blue500);
/* target: tree, table, treetable */
  --mw-backgroundColor-list-hover: var(--mw-color-gray600);
/* target: MATLAB Editor */
  --mw-backgroundColor-activeSection: var(--mw-color-blue500);
  --mw-backgroundColor-activeSection-hover: var(--mw-color-blue400);
  --mw-backgroundColor-autofix: var(--mw-color-yellow700);
  --mw-backgroundColor-currentLineExecution: var(--mw-color-green800);
  --mw-backgroundColor-currentLineExecutionBrick: var(--mw-color-green600);
  --mw-backgroundColor-currentlineHighlight: var(--mw-color-green700);
  --mw-backgroundColor-editorInput-readonly: var(--mw-color-gray800);
  --mw-backgroundColor-gutter-currentExecutingLine: var(--mw-color-white);
  --mw-backgroundColor-highlight: var(--mw-color-gray700);
  --mw-backgroundColor-highlight-secondary: var(--mw-color-honey750);
  --mw-backgroundColor-highlight-focus: var(--mw-color-blue600);
  --mw-backgroundColor-mismatch: var(--mw-color-yellow700);
  --mw-backgroundColor-variableHighlight: var(--mw-color-teal700);
  --mw-backgroundColor-breakpoint: var(--mw-color-red800);
  --mw-backgroundColor-breakpoint-hover: var(--mw-color-red900);
  --mw-backgroundColor-breakpointConditional: var(--mw-color-yellow900);
  --mw-backgroundColor-breakpointDisabled: var(--mw-color-gray900);
  --mw-backgroundColor-currentSection-selected: var(--mw-color-gray800);
  --mw-backgroundColor-currentSection-selectedFocus: var(--mw-color-blue800);
  --mw-backgroundColor-stackLineExecution: var(--mw-color-gray800);
  --mw-backgroundColor-notificationBanner: var(--mw-color-yellow800);
  --mw-backgroundColor-announcementBanner: var(--mw-color-blue900);
  --mw-backgroundColor-variableHighlightMarker: var(--mw-color-teal600);
  --mw-backgroundColor-blockMatchHighlight: var(--mw-color-gray750);
  --mw-backgroundColor-errorHighlight: var(--mw-color-red800);
  --mw-backgroundColor-blockMatchReadOnlyHighlight: var(--mw-color-gray750);
/* target: qab */
  --mw-backgroundColor-iconuiFill-qab: var(--mw-color-gray400);
  --mw-backgroundColor-qab: var(--mw-color-brand4);
  --mw-backgroundColor-qab-hover: var(--mw-color-blue800);
  --mw-backgroundColor-qab-active: var(--mw-color-blue900);
/* target: scrollbar */
  --mw-backgroundColor-scrollbarThumb: var(--mw-color-gray700);
  --mw-backgroundColor-scrollbarThumb-hover: var(--mw-color-gray600);
  --mw-backgroundColor-scrollbarThumb-active: var(--mw-color-gray500);
/* target: UI Components */
  --mw-backgroundColor-switch: var(--mw-color-gray600);
/* target: mcos */
  --mw-backgroundColor-mcos-enum: var(--mw-color-green500);
  --mw-backgroundColor-mcos-hidden: var(--mw-color-gray500);
  --mw-backgroundColor-mcos-class: var(--mw-color-blue500);
/* target: diff */
  --mw-backgroundColor-diff-mineHighlight: var(--mw-color-blue900);
  --mw-backgroundColor-diff-baseHighlight: var(--mw-color-gold900);
  --mw-backgroundColor-diff-theirsHighlight: var(--mw-color-purple900);
  --mw-backgroundColor-diff-conflictHighlight: var(--mw-color-red900);
  --mw-backgroundColor-diff-targetHighlight: var(--mw-color-green900);
  --mw-backgroundColor-diff-mine: var(--mw-color-blue550);
  --mw-backgroundColor-diff-base: var(--mw-color-gold500);
  --mw-backgroundColor-diff-theirs: var(--mw-color-purple500);
  --mw-backgroundColor-diff-modification: var(--mw-color-purple500);
  --mw-backgroundColor-diff-conflict: var(--mw-color-red500);
  --mw-backgroundColor-diff-target: var(--mw-color-green500);
/* target: chatBubble */
  --mw-backgroundColor-chatBubble: var(--mw-color-blue800);
/* target: panelHeader */
  --mw-backgroundColor-panelHeader: var(--mw-color-blue550);
/* property: border-color */
  --mw-borderColor-deemphasized: var(--mw-color-gray700);
  --mw-borderColor-error: var(--mw-color-red500);
  --mw-borderColor-focus: var(--mw-color-blue500);
  --mw-borderColor-info: var(--mw-color-blue500);
  --mw-borderColor-hover: var(--mw-color-gray300);
  --mw-borderColor-primary: var(--mw-color-gray600);
  --mw-borderColor-selected: var(--mw-color-gray400);
  --mw-borderColor-secondary: var(--mw-color-gray700);
  --mw-borderColor-success: var(--mw-color-green500);
  --mw-borderColor-warning: var(--mw-color-gold400);
  --mw-borderColor-tertiary: var(--mw-color-gray400);
  --mw-borderColor-toggleOn-hover: var(--mw-color-gray400);
/* target: toolbar */
  --mw-borderColor-toolbar-toggleOn: var(--mw-color-blue700);
/* target: MATLAB Editor */
  --mw-borderColor-activeSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection-hover: var(--mw-color-blue400);
  --mw-borderColor-autofix: var(--mw-color-yellow500);
  --mw-borderColor-mismatch: var(--mw-color-yellow500);
  --mw-borderColor-nonActiveSection: var(--mw-color-gray400);
  --mw-borderColor-nonActiveStaleSection: var(--mw-color-gray400);
  --mw-borderColor-nonActiveStaleSection-hover: var(--mw-color-gray300);
  --mw-borderColor-variableHighlight: var(--mw-color-teal500);
  --mw-borderColor-breakpoint: var(--mw-color-red500);
  --mw-borderColor-breakpoint-hover: var(--mw-color-red500);
  --mw-borderColor-breakpointConditional: var(--mw-color-yellow500);
  --mw-borderColor-breakpointDisabled: var(--mw-color-gray500);
  --mw-borderColor-currentSection-selected: var(--mw-color-gray400);
  --mw-borderColor-currentSection-selectedFocus: var(--mw-color-blue500);
  --mw-borderColor-currentSection-selectedFocusStale: var(--mw-color-blue500);
  --mw-borderColor-currentSection-selectedStale: var(--mw-color-gray400);
/* target: tab */
  --mw-borderColor-tab-primary: var(--mw-color-brand3);
  --mw-borderColor-tab-primary-selected: var(--mw-color-blue500);
  --mw-borderColor-tab-secondary: var(--mw-color-gray600);
/* target: UI Components */
  --mw-borderColor-switch: var(--mw-color-gray400);
/* property: boxshadow */
  --mw-boxShadowColor: var(--mw-color-black);
  --mw-boxShadowColor-focus: var(--mw-color-blue500);
/* property: color */
  --mw-color-error: var(--mw-color-red400);
  --mw-color-errorContainer: var(--mw-color-white);
  --mw-color-emphasized: var(--mw-color-orange500);
  --mw-color-info: var(--mw-color-blue500);
  --mw-color-hyperlink: var(--mw-color-blue400);
  --mw-color-hyperlink-hover: var(--mw-color-blue300);
  --mw-color-hyperlink-visited: var(--mw-color-purple500);
  --mw-color-primary: var(--mw-color-gray200);
  --mw-color-quaternary: var(--mw-color-black);
  --mw-color-quinary: var(--mw-color-black);
  --mw-color-readOnly: var(--mw-color-gray400);
  --mw-color-secondary: var(--mw-color-gray500);
  --mw-color-secondary-hover: var(--mw-color-gray300);
  --mw-color-selected: var(--mw-color-gray500);
  --mw-color-selected-noFocus: var(--mw-color-gray100);
  --mw-color-selectedFocus: var(--mw-color-blue400);
  --mw-color-searchHighlight: var(--mw-color-white);
  --mw-color-success: var(--mw-color-green400);
  --mw-color-tertiary: var(--mw-color-white);
  --mw-color-warning: var(--mw-color-gold400);
  --mw-color-ghostedText: var(--mw-color-gray500);
/* target: MATLAB code */
  --mw-color-code: var(--mw-color-gray200);
  --mw-color-commandWindowWarning: var(--mw-color-orange400);
  --mw-color-generatedCode: var(--mw-color-teal400);
  --mw-color-highlight: var(--mw-color-gray100);
  --mw-color-matlabAttributeName: var(--mw-color-purple300);
  --mw-color-matlabCharacters: var(--mw-color-pink500);
  --mw-color-matlabComment: var(--mw-color-green400);
  --mw-color-matlabDataTypes: var(--mw-color-purple300);
  --mw-color-matlabDoctype: var(--mw-color-cobalt500);
  --mw-color-matlabErrors: var(--mw-color-red400);
  --mw-color-matlabFields: var(--mw-color-gray400);
  --mw-color-matlabInstruction: var(--mw-color-blue500);
  --mw-color-matlabKeyword: var(--mw-color-cobalt400);
  --mw-color-matlabNodeTypes: var(--mw-color-aqua400);
  --mw-color-matlabUnterminatedString: var(--mw-color-red300);
  --mw-color-matlabString: var(--mw-color-purple400);
  --mw-color-matlabSystemCommands: var(--mw-color-yellow500);
  --mw-color-matlabValidationSections: var(--mw-color-brown500);
  --mw-color-matlabVariables: var(--mw-color-teal500);
  --mw-color-variableHighlightSharedScope: var(--mw-color-teal400);
  --mw-color-matlabWarning: var(--mw-color-orange400);
/* target: MATLAB Editor */
  --mw-color-list-hover: var(--mw-color-black);
  --mw-color-list-primary: var(--mw-color-blue400);
  --mw-color-sectionHeader: var(--mw-color-orange500);
  --mw-color-zoomIndicator: var(--mw-color-black);
/* target: WSB */
  --mw-color-variableMetadata: var(--mw-color-blue500);
  --mw-color-variableMetadata-selected: var(--mw-color-blue100);
/* target: Brand */
  --mw-color-brandName-primary: var(--mw-color-white);
  --mw-color-brandReleaseMark-primary: var(--mw-color-white);
  --mw-color-brandReleaseMark-emphasized: var(--mw-color-white);
/* property: opacity */
  --mw-opacity-disabled: 0.45;
/* property: selected */
  --mw-selectedColor-switch: var(--mw-color-gray600);
/* property: unselected */
  --mw-unselectedTopColor-switch: var(--mw-color-gray750);
  --mw-unselectedBottomColor-switch: var(--mw-color-gray300);
/* property: highlight */
  --mw-highlightTopColor-switch: var(--mw-color-gray400);
/* property: shadow */
  --mw-shadowBottomColor-switch: var(--mw-color-gray400);
/* target: mw-icons */
/* property: background */
  --mw-icon-background-default-white: var(--mw-color-white);
  --mw-icon-background-default-light-gray: var(--mw-color-gray50);
  --mw-icon-background-default-medium-gray: var(--mw-color-gray200);
  --mw-icon-background-default-dark-gray: var(--mw-color-gray400);
  --mw-icon-background-disable-medium-gray: var(--mw-color-gray700);
  --mw-icon-background-default-green: var(--mw-color-green300);
  --mw-icon-background-lightest-blue: var(--mw-color-blue100);
  --mw-icon-background-light-blue: var(--mw-color-blue200);
  --mw-icon-background-medium-blue: var(--mw-color-blue300);
  --mw-icon-background-brown: var(--mw-color-brown400);
  --mw-icon-background-light-yellow: var(--mw-color-yellow200);
  --mw-icon-background-medium-yellow: var(--mw-color-yellow300);
  --mw-icon-background-light-gold: var(--mw-color-gold300);
  --mw-icon-background-red: var(--mw-color-red300);
  --mw-icon-background-default-highlight: var(--mw-color-yellow400);
  --mw-icon-background-dfault-selection: var(--mw-color-blue200);
  --mw-icon-background-default-action: var(--mw-color-green300);
/* property: border */
  --mw-icon-border-default-gray: var(--mw-color-gray900);
  --mw-icon-border-disabled-gray: var(--mw-color-gray500);
  --mw-icon-border-default-green: var(--mw-color-gray900);
  --mw-icon-border-dark-green: var(--mw-color-green900);
  --mw-icon-borderColor-light-blue: var(--mw-color-blue500);
  --mw-icon-border-default-blue: var(--mw-color-gray900);
  --mw-icon-border-default-brown: var(--mw-color-gray900);
  --mw-icon-border-default-yellow: var(--mw-color-gray900);
  --mw-icon-border-dark-gold: var(--mw-color-gold900);
  --mw-icon-border-default-red: var(--mw-color-gray900);
/* property: glyph */
  --mw-icon-glyph-content-gray: var(--mw-color-gray700);
  --mw-icon-glyph-content-dark-gray: var(--mw-color-gray800);
  --mw-icon-glyph-disabled-gray: var(--mw-color-gray500);
  --mw-icon-glyph-content-green: var(--mw-color-green600);
  --mw-icon-glyph-content-dark-green: var(--mw-color-green700);
  --mw-icon-glyph-content-light-blue: var(--mw-color-blue500);
  --mw-icon-glyph-content-blue: var(--mw-color-blue600);
  --mw-icon-glyph-content-dark-blue: var(--mw-color-blue700);
  --mw-icon-glyph-content-brown: var(--mw-color-brown800);
  --mw-icon-glyph-content-yellow: var(--mw-color-yellow700);
  --mw-icon-glyph-content-red: var(--mw-color-red700);
  --mw-icon-glyph-content-dark-red: var(--mw-color-red800);
  --mw-icon-glyph-content-mono: var(--mw-color-gray700);
  --mw-icon-glyph-content-flip-light: var(--mw-color-white);
  --mw-icon-glyph-content-flip-dark: var(--mw-color-gray700);
  --mw-icon-glyph-github: var(--mw-color-white);
  --mw-icon-alert-red: var(--mw-color-red600);
  --mw-icon-object-primary: var(--mw-color-white);
  --mw-icon-object-secondary: var(--mw-color-gray700);
/*target: graphics */
  --mw-graphics-colorOrder-1-primary: var(--mw-color-blue500);
  --mw-graphics-colorOrder-1-secondary: var(--mw-color-blue600);
  --mw-graphics-colorOrder-1-tertiary: var(--mw-color-blue800);
  --mw-graphics-colorOrder-1-quaternary: var(--mw-color-blue300);
  --mw-graphics-colorOrder-2-primary: var(--mw-color-orange500);
  --mw-graphics-colorOrder-2-secondary: var(--mw-color-orange700);
  --mw-graphics-colorOrder-2-tertiary: var(--mw-color-orange850);
  --mw-graphics-colorOrder-2-quaternary: var(--mw-color-orange200);
  --mw-graphics-colorOrder-3-primary: var(--mw-color-yellow400);
  --mw-graphics-colorOrder-3-secondary: var(--mw-color-yellow600);
  --mw-graphics-colorOrder-3-tertiary: var(--mw-color-yellow800);
  --mw-graphics-colorOrder-3-quaternary: var(--mw-color-yellow200);
  --mw-graphics-colorOrder-4-primary: var(--mw-color-purple500);
  --mw-graphics-colorOrder-4-secondary: var(--mw-color-purple700);
  --mw-graphics-colorOrder-4-tertiary: var(--mw-color-purple850);
  --mw-graphics-colorOrder-4-quaternary: var(--mw-color-purple300);
  --mw-graphics-colorOrder-5-primary: var(--mw-color-green450);
  --mw-graphics-colorOrder-5-secondary: var(--mw-color-green600);
  --mw-graphics-colorOrder-5-tertiary: var(--mw-color-green800);
  --mw-graphics-colorOrder-5-quaternary: var(--mw-color-green300);
  --mw-graphics-colorOrder-6-primary: var(--mw-color-aqua300);
  --mw-graphics-colorOrder-6-secondary: var(--mw-color-aqua550);
  --mw-graphics-colorOrder-6-tertiary: var(--mw-color-aqua800);
  --mw-graphics-colorOrder-6-quaternary: var(--mw-color-aqua100);
  --mw-graphics-colorOrder-7-primary: var(--mw-color-pink500);
  --mw-graphics-colorOrder-7-secondary: var(--mw-color-pink700);
  --mw-graphics-colorOrder-7-tertiary: var(--mw-color-pink850);
  --mw-graphics-colorOrder-7-quaternary: var(--mw-color-pink200);
  --mw-graphics-colorOrder-8-primary: var(--mw-color-gold300);
  --mw-graphics-colorOrder-8-secondary: var(--mw-color-gold600);
  --mw-graphics-colorOrder-8-tertiary: var(--mw-color-gold800);
  --mw-graphics-colorOrder-8-quaternary: var(--mw-color-gold150);
  --mw-graphics-colorOrder-9-primary: var(--mw-color-cobalt400);
  --mw-graphics-colorOrder-9-secondary: var(--mw-color-cobalt600);
  --mw-graphics-colorOrder-9-tertiary: var(--mw-color-cobalt800);
  --mw-graphics-colorOrder-9-quaternary: var(--mw-color-cobalt300);
  --mw-graphics-colorOrder-10-primary: var(--mw-color-red400);
  --mw-graphics-colorOrder-10-secondary: var(--mw-color-red700);
  --mw-graphics-colorOrder-10-tertiary: var(--mw-color-red850);
  --mw-graphics-colorOrder-10-quaternary: var(--mw-color-red200);
  --mw-graphics-colorOrder-11-primary: var(--mw-color-teal400);
  --mw-graphics-colorOrder-11-secondary: var(--mw-color-teal600);
  --mw-graphics-colorOrder-11-tertiary: var(--mw-color-teal800);
  --mw-graphics-colorOrder-11-quaternary: var(--mw-color-teal300);
  --mw-graphics-colorOrder-12-primary: var(--mw-color-brown400);
  --mw-graphics-colorOrder-12-secondary: var(--mw-color-brown600);
  --mw-graphics-colorOrder-12-tertiary: var(--mw-color-brown850);
  --mw-graphics-colorOrder-12-quaternary: var(--mw-color-brown200);
  --mw-graphics-colorNeutral-line-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-line-secondary: var(--mw-color-gray200);
  --mw-graphics-colorNeutral-line-tertiary: var(--mw-color-white);
  --mw-graphics-colorNeutral-line-quaternary: var(--mw-color-gray700);
  --mw-graphics-colorNeutral-region-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-region-secondary: var(--mw-color-gray200);
  --mw-graphics-backgroundColor-axes-primary: var(--mw-color-gray950);
  --mw-graphics-backgroundColor-primary-error: var(--mw-color-red500);
  --mw-graphics-backgroundColor-primary-success: var(--mw-color-green500);
  --mw-graphics-backgroundColor-primary-warning: var(--mw-color-gold400);
  --mw-graphics-backgroundColor-secondary-error: var(--mw-color-red850);
  --mw-graphics-backgroundColor-secondary-success: var(--mw-color-green800);
  --mw-graphics-backgroundColor-secondary-warning: var(--mw-color-gold600);
  --mw-graphics-borderColor-axes-primary: var(--mw-color-gray200);
  --mw-graphics-borderColor-axes-secondary: var(--mw-color-gray500);
  --mw-graphics-borderColor-axes-tertiary: var(--mw-color-gray750);
  --mw-graphics-borderColor-axes-quaternary: var(--mw-color-white);
  --mw-graphics-colorSpace-rgb-red: var(--mw-color-red500);
  --mw-graphics-colorSpace-rgb-green: var(--mw-color-green500);
  --mw-graphics-colorSpace-rgb-blue: var(--mw-color-cobalt500);
  --mw-graphics-colorMap-metal-aluminum: var(--mw-color-gray400);
  --mw-graphics-colorMap-metal-copper: var(--mw-color-honey600);
  --mw-graphics-colorMap-metal-gold: var(--mw-color-gold400);
  --mw-graphics-colorMap-metal-silver: var(--mw-color-gray200);
  --mw-graphics-colorMap-metal-zinc: var(--mw-color-gray500);
  --mw-graphics-colorMap-metal-tungsten: var(--mw-color-brown300);
  --mw-graphics-colorMap-metal-steel: var(--mw-color-gray500);
  --mw-graphics-colorMap-metal-iron: var(--mw-color-gray300);
  --mw-graphics-colorMap-metal-lead: var(--mw-color-gray700);
  --mw-graphics-colorMap-metal-brass: var(--mw-color-yellow550);
  --mw-graphics-colorMap-metal-pec: var(--mw-color-gold300);
}
body,
.mw-theme-light {
  --mw-themeName: light;
  color-scheme: light;
/* property: background-color */
  --mw-backgroundColor-active: var(--mw-color-gray200);
  --mw-backgroundColor-dragged: var(--mw-color-gray200);
  --mw-backgroundColor-error: var(--mw-color-red600);
  --mw-backgroundColor-primary-error: var(--mw-color-red600);
  --mw-backgroundColor-secondary-error: var(--mw-color-red100);
  --mw-backgroundColor-errorContainer: var(--mw-color-red100);
  --mw-backgroundColor-excludeHighlight: var(--mw-color-purple400);
  --mw-backgroundColor-info: var(--mw-color-blue500);
  --mw-backgroundColor-secondary-info: var(--mw-color-blue100);
  --mw-backgroundColor-primary-info: var(--mw-color-blue500);
  --mw-backgroundColor-importedTableHeader-hover: var(--mw-color-blue400);
  --mw-backgroundColor-primary: var(--mw-color-gray50);
  --mw-backgroundColor-hover: var(--mw-color-white);
  --mw-backgroundColor-reorderingValid: var(--mw-color-blue600);
  --mw-backgroundColor-reorderingInvalid: var(--mw-color-red600);
  --mw-backgroundColor-reorderingInvalid-secondary: var(--mw-color-red200);
  --mw-backgroundColor-secondary: var(--mw-color-gray100);
  --mw-backgroundColor-secondary-hover: var(--mw-color-gray100);
  --mw-backgroundColor-selected: var(--mw-color-gray300);
  --mw-backgroundColor-selectedFocus: var(--mw-color-blue200);
  --mw-backgroundColor-searchHighlight: var(--mw-color-yellow500);
  --mw-backgroundColor-searchHighlight-secondary: var(--mw-color-yellow200);
  --mw-backgroundColor-searchHighlight-tertiary: var(--mw-color-honey400);
  --mw-backgroundColor-searchHighlight-focus: var(--mw-color-yellow600);
  --mw-backgroundColor-success: var(--mw-color-green600);
  --mw-backgroundColor-primary-success: var(--mw-color-green600);
  --mw-backgroundColor-secondary-success: var(--mw-color-green100);
  --mw-backgroundColor-text-selected: var(--mw-color-white);
  --mw-backgroundColor-tertiary: var(--mw-color-white);
  --mw-backgroundColor-tertiary-info: var(--mw-color-storm500);
  --mw-backgroundColor-toggleOn: var(--mw-color-gray200);
  --mw-backgroundColor-toggleOn-hover: var(--mw-color-gray100);
  --mw-backgroundColor-warning: var(--mw-color-gold400);
  --mw-backgroundColor-primary-warning: var(--mw-color-gold400);
  --mw-backgroundColor-secondary-warning: var(--mw-color-gold100);
  --mw-backgroundColor-zoomIndicator: var(--mw-color-gray700);
/* target: gallery */
  --mw-backgroundColor-gallery-toggleOn: var(--mw-color-gray200);
/* target: input */
  --mw-backgroundColor-input: var(--mw-color-white);
  --mw-backgroundColor-input-dirty: var(--mw-color-yellow200);
  --mw-backgroundColor-input-readonly: var(--mw-color-gray100);
  --mw-backgroundColor-inputFill: var(--mw-color-gray900);
/* target: icon */
  --mw-backgroundColor-iconuiFill: var(--mw-color-gray700);
  --mw-backgroundColor-iconuiFill-primary: var(--mw-color-gray700);
  --mw-backgroundColor-iconuiFill-secondary: var(--mw-color-gray700);
  --mw-backgroundColor-iconuiFill-tertiary: var(--mw-color-red600);
  --mw-backgroundColor-iconuiFill-quaternary: var(--mw-color-blue550);
  --mw-backgroundColor-iconuiFill-hover: var(--mw-color-gray800);
  --mw-backgroundColor-iconuiFill-validation: var(--mw-color-white);
  --mw-backgroundColor-iconuiFill-invalid: var(--mw-color-gray800);
/* target: header */
  --mw-backgroundColor-header: var(--mw-color-brand4);
/* target: overlay */
  --mw-backgroundColor-overlay: var(--mw-color-black);
/* target: tab */
  --mw-backgroundColor-tab: var(--mw-color-gray100);
  --mw-backgroundColor-tab-selected: var(--mw-color-white);
/* target: taskbar */
  --mw-backgroundColor-taskbarButton-active: var(--mw-color-gray200);
  --mw-backgroundColor-taskbarButton-hover: var(--mw-color-gray100);
/* target: toolbar */
  --mw-backgroundColor-toolbar-toggleOn: var(--mw-color-blue200);
/* target: toolstrip */
  --mw-backgroundColor-toolstripClosableTab: var(--mw-color-brand2);
  --mw-backgroundColor-toolstripContextualTab: var(--mw-color-blue550);
  --mw-backgroundColor-toolstripTab: var(--mw-color-brand4);
  --mw-backgroundColor-toolstripTab-hover: var(--mw-color-blue500);
/* target: tree, table, treeetable */
  --mw-backgroundColor-list-hover: var(--mw-color-gray200);
/* target: MATLAB Editor */
  --mw-backgroundColor-activeSection: var(--mw-color-blue500);
  --mw-backgroundColor-activeSection-hover: var(--mw-color-blue400);
  --mw-backgroundColor-autofix: var(--mw-color-yellow200);
  --mw-backgroundColor-currentLineExecution: var(--mw-color-green300);
  --mw-backgroundColor-currentLineExecutionBrick: var(--mw-color-green700);
  --mw-backgroundColor-currentlineHighlight: var(--mw-color-green200);
  --mw-backgroundColor-editorInput-readonly: var(--mw-color-gray50);
  --mw-backgroundColor-gutter-currentExecutingLine: var(--mw-color-black);
  --mw-backgroundColor-highlight: var(--mw-color-gray700);
  --mw-backgroundColor-highlight-secondary: var(--mw-color-honey150);
  --mw-backgroundColor-highlight-focus: var(--mw-color-blue600);
  --mw-backgroundColor-mismatch: var(--mw-color-yellow200);
  --mw-backgroundColor-variableHighlight: var(--mw-color-teal200);
  --mw-backgroundColor-breakpoint: var(--mw-color-red200);
  --mw-backgroundColor-breakpoint-hover: var(--mw-color-red100);
  --mw-backgroundColor-breakpointConditional: var(--mw-color-yellow200);
  --mw-backgroundColor-breakpointDisabled: var(--mw-color-gray50);
  --mw-backgroundColor-currentSection-selected: var(--mw-color-gray100);
  --mw-backgroundColor-currentSection-selectedFocus: var(--mw-color-blue200);
  --mw-backgroundColor-stackLineExecution: var(--mw-color-gray200);
  --mw-backgroundColor-notificationBanner: var(--mw-color-yellow200);
  --mw-backgroundColor-announcementBanner: var(--mw-color-blue100);
  --mw-backgroundColor-variableHighlightMarker: var(--mw-color-teal600);
  --mw-backgroundColor-blockMatchHighlight: var(--mw-color-gray100);
  --mw-backgroundColor-errorHighlight: var(--mw-color-red200);
  --mw-backgroundColor-blockMatchReadOnlyHighlight: var(--mw-color-gray200);
/* target: qab */
  --mw-backgroundColor-iconuiFill-qab: var(--mw-color-gray400);
  --mw-backgroundColor-qab: var(--mw-color-brand4);
  --mw-backgroundColor-qab-hover: var(--mw-color-blue800);
  --mw-backgroundColor-qab-active: var(--mw-color-blue900);
/* target: scrollbar */
  --mw-backgroundColor-scrollbarThumb: var(--mw-color-gray300);
  --mw-backgroundColor-scrollbarThumb-hover: var(--mw-color-gray400);
  --mw-backgroundColor-scrollbarThumb-active: var(--mw-color-gray500);
/* target: UI Components */
  --mw-backgroundColor-switch: var(--mw-color-gray500);
/* target: mcos */
  --mw-backgroundColor-mcos-enum: var(--mw-color-green600);
  --mw-backgroundColor-mcos-hidden: var(--mw-color-gray600);
  --mw-backgroundColor-mcos-class: var(--mw-color-blue600);
/* target: diff */
  --mw-backgroundColor-diff-mineHighlight: var(--mw-color-blue150);
  --mw-backgroundColor-diff-baseHighlight: var(--mw-color-honey100);
  --mw-backgroundColor-diff-theirsHighlight: var(--mw-color-purple150);
  --mw-backgroundColor-diff-conflictHighlight: var(--mw-color-red150);
  --mw-backgroundColor-diff-targetHighlight: var(--mw-color-green200);
  --mw-backgroundColor-diff-mine: var(--mw-color-blue550);
  --mw-backgroundColor-diff-base: var(--mw-color-gold600);
  --mw-backgroundColor-diff-theirs: var(--mw-color-purple600);
  --mw-backgroundColor-diff-modification: var(--mw-color-purple600);
  --mw-backgroundColor-diff-conflict: var(--mw-color-red600);
  --mw-backgroundColor-diff-target: var(--mw-color-green600);
/* target: chatBubble */
  --mw-backgroundColor-chatBubble: var(--mw-color-cobalt100);
/* target: panelHeader */
  --mw-backgroundColor-panelHeader: var(--mw-color-brand4);
/* property: border-color */
  --mw-borderColor-deemphasized: var(--mw-color-gray200);
  --mw-borderColor-error: var(--mw-color-red600);
  --mw-borderColor-focus: var(--mw-color-blue500);
  --mw-borderColor-info: var(--mw-color-blue600);
  --mw-borderColor-hover: var(--mw-color-gray800);
  --mw-borderColor-primary: var(--mw-color-gray600);
  --mw-borderColor-selected: var(--mw-color-gray800);
  --mw-borderColor-secondary: var(--mw-color-gray300);
  --mw-borderColor-success: var(--mw-color-green600);
  --mw-borderColor-warning: var(--mw-color-gold400);
  --mw-borderColor-tertiary: var(--mw-color-gray700);
  --mw-borderColor-toggleOn-hover: var(--mw-color-gray800);
/* target: toolbar */
  --mw-borderColor-toolbar-toggleOn: var(--mw-color-blue400);
/* target: MATLAB Editor */
  --mw-borderColor-activeSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection-hover: var(--mw-color-blue400);
  --mw-borderColor-autofix: var(--mw-color-yellow600);
  --mw-borderColor-mismatch: var(--mw-color-yellow600);
  --mw-borderColor-nonActiveSection: var(--mw-color-gray500);
  --mw-borderColor-nonActiveStaleSection: var(--mw-color-gray500);
  --mw-borderColor-nonActiveStaleSection-hover: var(--mw-color-gray400);
  --mw-borderColor-variableHighlight: var(--mw-color-teal600);
  --mw-borderColor-breakpoint: var(--mw-color-red600);
  --mw-borderColor-breakpoint-hover: var(--mw-color-red600);
  --mw-borderColor-breakpointConditional: var(--mw-color-yellow700);
  --mw-borderColor-breakpointDisabled: var(--mw-color-gray600);
  --mw-borderColor-currentSection-selected: var(--mw-color-gray500);
  --mw-borderColor-currentSection-selectedFocus: var(--mw-color-blue600);
  --mw-borderColor-currentSection-selectedFocusStale: var(--mw-color-blue600);
  --mw-borderColor-currentSection-selectedStale: var(--mw-color-gray500);
/* target: tab */
  --mw-borderColor-tab-primary: var(--mw-color-blue500);
  --mw-borderColor-tab-primary-selected: var(--mw-color-brand3);
  --mw-borderColor-tab-secondary: var(--mw-color-gray600);
/* target: UI Components */
  --mw-borderColor-switch: var(--mw-color-gray600);
/* property: boxshadow */
  --mw-boxShadowColor: var(--mw-color-gray400);
  --mw-boxShadowColor-focus: var(--mw-color-blue500);
/* property: color */
  --mw-color-error: var(--mw-color-red600);
  --mw-color-errorContainer: var(--mw-color-gray900);
  --mw-color-emphasized: var(--mw-color-orange600);
  --mw-color-hyperlink: var(--mw-color-blue550);
  --mw-color-hyperlink-hover: var(--mw-color-blue500);
  --mw-color-hyperlink-visited: var(--mw-color-purple700);
  --mw-color-info: var(--mw-color-blue600);
  --mw-color-primary: var(--mw-color-gray900);
  --mw-color-quaternary: var(--mw-color-white);
  --mw-color-quinary: var(--mw-color-black);
  --mw-color-readOnly: var(--mw-color-gray700);
  --mw-color-secondary: var(--mw-color-gray700);
  --mw-color-secondary-hover: var(--mw-color-gray700);
  --mw-color-selected: var(--mw-color-gray700);
  --mw-color-selected-noFocus: var(--mw-color-gray900);
  --mw-color-selectedFocus: var(--mw-color-blue600);
  --mw-color-searchHighlight: var(--mw-color-gray900);
  --mw-color-success: var(--mw-color-green600);
  --mw-color-tertiary: var(--mw-color-white);
  --mw-color-warning: var(--mw-color-gold400);
  --mw-color-ghostedText: var(--mw-color-gray650);
/* target: MATLAB code */
  --mw-color-code: var(--mw-color-gray900);
  --mw-color-commandWindowWarning: var(--mw-color-honey550);
  --mw-color-generatedCode: var(--mw-color-teal600);
  --mw-color-highlight: var(--mw-color-white);
  --mw-color-matlabAttributeName: var(--mw-color-purple700);
  --mw-color-matlabCharacters: var(--mw-color-pink600);
  --mw-color-matlabComment: var(--mw-color-green600);
  --mw-color-matlabDataTypes: var(--mw-color-purple700);
  --mw-color-matlabDoctype: var(--mw-color-cobalt700);
  --mw-color-matlabErrors: var(--mw-color-red550);
  --mw-color-matlabFields: var(--mw-color-gray700);
  --mw-color-matlabInstruction: var(--mw-color-blue700);
  --mw-color-matlabKeyword: var(--mw-color-cobalt600);
  --mw-color-matlabNodeTypes: var(--mw-color-aqua600);
  --mw-color-matlabUnterminatedString: var(--mw-color-red700);
  --mw-color-matlabString: var(--mw-color-purple600);
  --mw-color-matlabSystemCommands: var(--mw-color-yellow600);
  --mw-color-matlabValidationSections: var(--mw-color-brown600);
  --mw-color-matlabVariables: var(--mw-color-teal600);
  --mw-color-variableHighlightSharedScope: var(--mw-color-teal600);
  --mw-color-matlabWarning: var(--mw-color-honey550);
/* target: MATLAB Editor */
  --mw-color-list-hover: var(--mw-color-gray800);
  --mw-color-list-primary: var(--mw-color-blue600);
  --mw-color-sectionHeader: var(--mw-color-orange600);
  --mw-color-zoomIndicator: var(--mw-color-white);
/* target: WSB */
  --mw-color-variableMetadata: var(--mw-color-blue600);
  --mw-color-variableMetadata-selected: var(--mw-color-blue600);
/* target: Brand */
  --mw-color-brandName-primary: var(--mw-color-brand3);
  --mw-color-brandReleaseMark-primary: var(--mw-color-gray700);
  --mw-color-brandReleaseMark-emphasized: var(--mw-color-orange600);
/* property: opacity */
  --mw-opacity-disabled: 0.35;
/* property: selected */
  --mw-selectedColor-switch: var(--mw-color-gray200);
/* property: unselected */
  --mw-unselectedTopColor-switch: var(--mw-color-gray400);
  --mw-unselectedBottomColor-switch: var(--mw-color-gray50);
/* property: highlight */
  --mw-highlightTopColor-switch: var(--mw-color-gray100);
/* property: shadow */
  --mw-shadowBottomColor-switch: var(--mw-color-gray300);
/* target: mw-icons */
/* property: background */
  --mw-icon-background-default-white: var(--mw-color-white);
  --mw-icon-background-default-light-gray: var(--mw-color-gray50);
  --mw-icon-background-default-medium-gray: var(--mw-color-gray200);
  --mw-icon-background-default-dark-gray: var(--mw-color-gray400);
  --mw-icon-background-disable-medium-gray: var(--mw-color-gray201);
  --mw-icon-background-default-green: var(--mw-color-green300);
  --mw-icon-background-lightest-blue: var(--mw-color-blue100);
  --mw-icon-background-light-blue: var(--mw-color-blue200);
  --mw-icon-background-medium-blue: var(--mw-color-blue300);
  --mw-icon-background-brown: var(--mw-color-brown400);
  --mw-icon-background-light-yellow: var(--mw-color-yellow200);
  --mw-icon-background-medium-yellow: var(--mw-color-yellow300);
  --mw-icon-background-light-gold: var(--mw-color-gold300);
  --mw-icon-background-red: var(--mw-color-red300);
  --mw-icon-background-default-highlight: var(--mw-color-yellow400);
  --mw-icon-background-dfault-selection: var(--mw-color-blue200);
  --mw-icon-background-default-action: var(--mw-color-green300);
/* property: border */
  --mw-icon-border-default-gray: var(--mw-color-gray700);
  --mw-icon-border-disabled-gray: var(--mw-color-gray500);
  --mw-icon-border-default-green: var(--mw-color-green600);
  --mw-icon-border-dark-green: var(--mw-color-green800);
  --mw-icon-borderColor-light-blue: var(--mw-color-blue500);
  --mw-icon-border-default-blue: var(--mw-color-blue600);
  --mw-icon-border-default-brown: var(--mw-color-brown800);
  --mw-icon-border-default-yellow: var(--mw-color-yellow700);
  --mw-icon-border-dark-gold: var(--mw-color-gold800);
  --mw-icon-border-default-red: var(--mw-color-red700);
/* property: glyph */
  --mw-icon-glyph-content-gray: var(--mw-color-gray700);
  --mw-icon-glyph-content-dark-gray: var(--mw-color-gray800);
  --mw-icon-glyph-disabled-gray: var(--mw-color-gray500);
  --mw-icon-glyph-content-green: var(--mw-color-green600);
  --mw-icon-glyph-content-dark-green: var(--mw-color-green700);
  --mw-icon-glyph-content-light-blue: var(--mw-color-blue500);
  --mw-icon-glyph-content-blue: var(--mw-color-blue600);
  --mw-icon-glyph-content-dark-blue: var(--mw-color-blue700);
  --mw-icon-glyph-content-brown: var(--mw-color-brown800);
  --mw-icon-glyph-content-yellow: var(--mw-color-yellow700);
  --mw-icon-glyph-content-red: var(--mw-color-red700);
  --mw-icon-glyph-content-dark-red: var(--mw-color-red800);
  --mw-icon-glyph-content-mono: var(--mw-color-gray700);
  --mw-icon-glyph-content-flip-light: var(--mw-color-gray700);
  --mw-icon-glyph-content-flip-dark: var(--mw-color-white);
  --mw-icon-glyph-github: #24292f;
  --mw-icon-alert-red: var(--mw-color-red600);
  --mw-icon-object-primary: var(--mw-color-gray700);
  --mw-icon-object-secondary: var(--mw-color-white);
/* target: graphics */
  --mw-graphics-colorOrder-1-primary: var(--mw-color-blue550);
  --mw-graphics-colorOrder-1-secondary: var(--mw-color-blue400);
  --mw-graphics-colorOrder-1-tertiary: var(--mw-color-blue150);
  --mw-graphics-colorOrder-1-quaternary: var(--mw-color-blue700);
  --mw-graphics-colorOrder-2-primary: var(--mw-color-orange550);
  --mw-graphics-colorOrder-2-secondary: var(--mw-color-orange300);
  --mw-graphics-colorOrder-2-tertiary: var(--mw-color-orange150);
  --mw-graphics-colorOrder-2-quaternary: var(--mw-color-orange800);
  --mw-graphics-colorOrder-3-primary: var(--mw-color-gold400);
  --mw-graphics-colorOrder-3-secondary: var(--mw-color-gold200);
  --mw-graphics-colorOrder-3-tertiary: var(--mw-color-gold150);
  --mw-graphics-colorOrder-3-quaternary: var(--mw-color-gold500);
  --mw-graphics-colorOrder-4-primary: var(--mw-color-purple700);
  --mw-graphics-colorOrder-4-secondary: var(--mw-color-purple400);
  --mw-graphics-colorOrder-4-tertiary: var(--mw-color-purple150);
  --mw-graphics-colorOrder-4-quaternary: var(--mw-color-purple800);
  --mw-graphics-colorOrder-5-primary: var(--mw-color-green550);
  --mw-graphics-colorOrder-5-secondary: var(--mw-color-green400);
  --mw-graphics-colorOrder-5-tertiary: var(--mw-color-green300);
  --mw-graphics-colorOrder-5-quaternary: var(--mw-color-green700);
  --mw-graphics-colorOrder-6-primary: var(--mw-color-aqua450);
  --mw-graphics-colorOrder-6-secondary: var(--mw-color-aqua300);
  --mw-graphics-colorOrder-6-tertiary: var(--mw-color-aqua200);
  --mw-graphics-colorOrder-6-quaternary: var(--mw-color-aqua600);
  --mw-graphics-colorOrder-7-primary: var(--mw-color-pink600);
  --mw-graphics-colorOrder-7-secondary: var(--mw-color-pink500);
  --mw-graphics-colorOrder-7-tertiary: var(--mw-color-pink150);
  --mw-graphics-colorOrder-7-quaternary: var(--mw-color-pink700);
  --mw-graphics-colorOrder-8-primary: var(--mw-color-yellow500);
  --mw-graphics-colorOrder-8-secondary: var(--mw-color-yellow400);
  --mw-graphics-colorOrder-8-tertiary: var(--mw-color-yellow200);
  --mw-graphics-colorOrder-8-quaternary: var(--mw-color-yellow600);
  --mw-graphics-colorOrder-9-primary: var(--mw-color-cobalt500);
  --mw-graphics-colorOrder-9-secondary: var(--mw-color-cobalt300);
  --mw-graphics-colorOrder-9-tertiary: var(--mw-color-cobalt150);
  --mw-graphics-colorOrder-9-quaternary: var(--mw-color-cobalt700);
  --mw-graphics-colorOrder-10-primary: var(--mw-color-red500);
  --mw-graphics-colorOrder-10-secondary: var(--mw-color-red300);
  --mw-graphics-colorOrder-10-tertiary: var(--mw-color-red200);
  --mw-graphics-colorOrder-10-quaternary: var(--mw-color-red700);
  --mw-graphics-colorOrder-11-primary: var(--mw-color-teal500);
  --mw-graphics-colorOrder-11-secondary: var(--mw-color-teal300);
  --mw-graphics-colorOrder-11-tertiary: var(--mw-color-teal200);
  --mw-graphics-colorOrder-11-quaternary: var(--mw-color-teal700);
  --mw-graphics-colorOrder-12-primary: var(--mw-color-brown500);
  --mw-graphics-colorOrder-12-secondary: var(--mw-color-brown300);
  --mw-graphics-colorOrder-12-tertiary: var(--mw-color-brown150);
  --mw-graphics-colorOrder-12-quaternary: var(--mw-color-brown700);
  --mw-graphics-colorNeutral-line-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-line-secondary: var(--mw-color-gray900);
  --mw-graphics-colorNeutral-line-tertiary: var(--mw-color-gray950);
  --mw-graphics-colorNeutral-region-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-region-secondary: var(--mw-color-gray900);
  --mw-graphics-colorNeutral-line-quaternary: var(--mw-color-gray300);
  --mw-graphics-backgroundColor-axes-primary: var(--mw-color-white);
  --mw-graphics-backgroundColor-primary-error: var(--mw-color-red600);
  --mw-graphics-backgroundColor-primary-success: var(--mw-color-green600);
  --mw-graphics-backgroundColor-primary-warning: var(--mw-color-gold400);
  --mw-graphics-backgroundColor-secondary-error: var(--mw-color-red200);
  --mw-graphics-backgroundColor-secondary-success: var(--mw-color-green300);
  --mw-graphics-backgroundColor-secondary-warning: var(--mw-color-yellow400);
  --mw-graphics-borderColor-axes-primary: var(--mw-color-gray900);
  --mw-graphics-borderColor-axes-secondary: var(--mw-color-gray700);
  --mw-graphics-borderColor-axes-tertiary: var(--mw-color-gray200);
  --mw-graphics-borderColor-axes-quaternary: var(--mw-color-gray900);
  --mw-graphics-colorSpace-rgb-red: var(--mw-color-red550);
  --mw-graphics-colorSpace-rgb-green: var(--mw-color-green600);
  --mw-graphics-colorSpace-rgb-blue: var(--mw-color-cobalt600);
  --mw-graphics-colorMap-metal-aluminum: var(--mw-color-gray600);
  --mw-graphics-colorMap-metal-copper: var(--mw-color-honey600);
  --mw-graphics-colorMap-metal-gold: var(--mw-color-gold400);
  --mw-graphics-colorMap-metal-silver: var(--mw-color-gray300);
  --mw-graphics-colorMap-metal-zinc: var(--mw-color-gray500);
  --mw-graphics-colorMap-metal-tungsten: var(--mw-color-brown300);
  --mw-graphics-colorMap-metal-steel: var(--mw-color-gray700);
  --mw-graphics-colorMap-metal-iron: var(--mw-color-gray400);
  --mw-graphics-colorMap-metal-lead: var(--mw-color-gray900);
  --mw-graphics-colorMap-metal-brass: var(--mw-color-yellow550);
  --mw-graphics-colorMap-metal-pec: var(--mw-color-gold300);
}

/**
 * Copyright 2014 - 2024 The MathWorks, Inc. All rights reserved.
 */

:root {
    --wdf-grid-base: 0,0,0; /* actual value is computed by themeUtils */
    --wdf-grid-light: rgba(var(--wdf-grid-base), 0.15);
    --wdf-grid-dark: rgba(var(--wdf-grid-base), 0.25);
}
html {
    padding: 0px;
}
html, body {
    height: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0;
    color: var(--mw-color-primary);
}

.GlyphPalette {
    width: 100%;
    height: 100%;
    overflow: scroll;
}

.dijitDialogPaneContentOverride {
    border-top: 0px !important;
    padding: 0px !important;
}

#marquee {
    border: 2px solid var(--mw-borderColor-secondary);
    opacity: 0.3;
    background-color: var(--mw-backgroundColor-selectedFocus);
    position: absolute;
    pointer-events: none;
}

.smart-guide {
    border: 1px solid var(--mw-borderColor-primary);
    background-color: var(--mw-backgroundColor-selectedFocus);
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
}

.smart-guide-anchor {
    border: 1px solid var(--mw-borderColor-primary);
    border-radius: 50%;
    position: absolute;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background-color: var(--mw-backgroundColor-selectedFocus);
    pointer-events: none;
}

.stageBackground {
    /* Light: white, Dark: black */
    background-color: var(--mw-backgroundColor-input);
    top: 0px;
    bottom: 0px;
    position: absolute;
    overflow: hidden;
    color: var(--mw-color-primary);
    font-family: arial, sans-serif;
    background-size:50px 50px;
}

.stageBackground.wdf-canvas-grid {
    /* the grid pattern */
    background-image: linear-gradient(0deg, transparent 24%, var(--wdf-grid-light) 25%, var(--wdf-grid-light) 26%, transparent 27%, transparent 74%, var(--wdf-grid-light) 75%, var(--wdf-grid-light) 76%, transparent 77%, transparent),
        linear-gradient(90deg, transparent 24%, var(--wdf-grid-light) 25%, var(--wdf-grid-light) 26%, transparent 27%, transparent 74%, var(--wdf-grid-light) 75%, var(--wdf-grid-light) 76%, transparent 77%, transparent);
}

body.mw-theme-dark .stageBackground.wdf-canvas-grid {
    /* the grid pattern */
    background-image: linear-gradient(0deg, transparent 24%, var(--wdf-grid-dark) 25%, var(--wdf-grid-dark) 26%, transparent 27%, transparent 74%, var(--wdf-grid-dark) 75%, var(--wdf-grid-dark) 76%, transparent 77%, transparent),
        linear-gradient(90deg, transparent 24%, var(--wdf-grid-dark) 25%, var(--wdf-grid-dark) 26%, transparent 27%, transparent 74%, var(--wdf-grid-dark) 75%, var(--wdf-grid-dark) 76%, transparent 77%, transparent);
}

.tiny-zoom.stageBackground,
.small-zoom.stageBackground {
    background-image: none;
}

.stageContainer{
    width: 50px;
    height: 50px;
    position: absolute;
    /*background-color: #ff8a95; /*for debugging*/
    overflow: visible;
}

.sceneContainer{
    position: absolute;
    overflow: hidden;
    width: 95%;
    height: 95%;
}

.textInputBox {
    font-family: sans-serif;
    border-radius: 5px;
    -moz-box-shadow: 3px 10px 14px var(--mw-boxShadowColor);
    -webkit-box-shadow: 3px 10px 14px var(--mw-boxShadowColor);
    box-shadow: 0px 3px 14px var(--mw-boxShadowColor);
    overflow: visible;
    position: absolute;
    border: 5px solid var(--mw-borderColor-focus);
}

.textInputBox #widget_TmpText {
    color: var(--mw-color-highlight);
    background-color: var(--mw-backgroundColor-highlight);
    border-color: var(--mw-borderColor-primary);
    background-image: none;
}

.sceneContainer {
    box-sizing: border-box;
}

/****** Canvas scrollbars ******/
.sceneContainer.bottom-scrollbar {
    border-bottom-color: var(--mw-borderColor-secondary);
    border-bottom: 1px solid;
}

.sceneContainer.right-scrollbar {
    border-right-color: var(--mw-borderColor-secondary);
    border-right: 1px solid;
}

.scrollableY::-webkit-scrollbar,
.scrollableX::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: var(--mw-backgroundColor-primary);
    width: 12px;
    height: 12px;
}

.scrollableY::-webkit-scrollbar-thumb,
.scrollableX::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 2px solid;
    border-color: var(--mw-backgroundColor-primary);
    background-color: var(--mw-backgroundColor-scrollbarThumb);
    box-shadow: 0 0 1px rgba(var(--mw-backgroundColor-tertiary),.5);
    -webkit-box-shadow: 0 0 1px rgba(var(--mw-backgroundColor-tertiary),.5);
}

.scrollableY::-webkit-scrollbar-corner, 
.scrollableX::-webkit-scrollbar-corner {
    background-color: var(--mw-backgroundColor-primary);
}

.hide-webkit-scrollbar::-webkit-scrollbar {
    visibility: hidden;
    pointer-events: none;
}

.glyph {
    position: absolute;
    pointer-events: auto;

    /*
     * box-sizing: border-box;
	 * Adding the border box causes all the ports to have the wrong locations.
     * border-box puts the border inside the node's box.
     * If you have a thick border, it just gets wrapped into the node and it doesn't look that great.
     */
}

.glyph .non-interactive {
    pointer-events: none;
}

.glyph .hidden-glyph {
    display: none !important;
}

/* Hide the subdiagram contents for an entity */
.glyph .hidden-subdiagram > .diagram-diagram {
    display: none !important;
}

/* Default cover image style for hidden subdiagrams */
.glyph .hidden-subdiagram {
    /* background-image: ''; Set by client */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: center;
}

/* Styles for UIContainer */
html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
}

#main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                                       Diagram syntax glyphs                                     *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
Semantic variables recommended:

Entity:
Background: --mw-backgroundColor-tertiary (white/black)
Border: --mw-borderColor-primary (gray600 in both light and dark)
Border selected: --mw-borderColor-focus (blue500 in both light and dark)
Background selected: --mw-backgroundColor-selectedFocus (blue200 in light; blue800 in dark)
Text: --mw-color-primary (gray900 in light; gray200 in dark)

Connection lines/arrows:
Border: --mw-borderColor-tertiary (gray700 in light; gray400 in dark)
Border selected: --mw-borderColor-focus (blue500 in both light and dark)

Connection labels:
Background color: --mw-backgroundColor-secondary (gray100 in light; gray800 in dark)
Border color: --mw-backgroundColor-primary (gray600 in both light and dark)
Text: --mw-color-primary (gray900 in light; gray200 in dark)
*/

body {
    --background-color-selected-active: var(--mw-backgroundColor-selectedFocus);
    --background-color-selected-not-active: var(--mw-backgroundColor-tertiary);
    --border-color-selected-active: var(--mw-borderColor-focus);
    --border-color-selected-not-active: var(--mw-borderColor-primary);
}

.diagram-diagram {
    position: absolute;
}

.diagram-entity /*:not(.shape)*/ {
    border-style: solid;
    border-color: var(--mw-borderColor-primary);
    margin: -2px;
    border-width: 2px;
    background-color: var(--mw-backgroundColor-tertiary);
}

.diagram-entity.selected {
    border-style: solid;
    border-color: var(--border-color-selected-not-active) !important;
    margin: -2px;
    border-width: 2px;
    background-color: var(--background-color-selected-not-active);
}

.active-editor .diagram-entity.selected {
    border-color: var(--border-color-selected-active) !important;
    background-color: var(--background-color-selected-active);
}

.diagram-entity.shape {
    margin: 0px;
    border-width: 0px;
    background-color: transparent;
    border-style: none;
}

.diagram-entity.shape.selected {
    background-color: transparent;
}

.diagram-entity > .title {
    text-align: center;
    width: 100%;
    left: 0px;
    top: 50%;
    position: absolute;
    color: var(--mw-color-primary);
    margin-top: -0.5em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    padding-bottom: 2px;   /*  g3214646: To ensure descenders (the parts of letters that extend below the baseline, such as the tails of 'g', 'j', 'p', 'q', 'y', etc.) are not cut-off. */
}

.small-zoom .title,
.tiny-zoom .title {
    display: none;
}

.tiny-zoom .diagram-port {
    display: none;
}

.diagram-entity > svg {
    overflow: visible;
    /*svg properties*/
    fill: var(--mw-backgroundColor-tertiary);
    stroke: var(--border-color-selected-active);
    stroke-width: 2px;
    display: block;
    margin: auto;
}

.diagram-entity.selected > svg {
    overflow: visible;
    fill: var(--background-color-selected-not-active);
    stroke: var(--border-color-selected-not-active) !important;
    stroke-width: 4px !important;
}

.active-editor .diagram-entity.selected > svg {
    fill: var(--background-color-selected-active);
    stroke: var(--border-color-selected-active) !important;
}

.diagram-entity.dropEffect {
    border-style: solid;
    margin: -5px;
    border-width: 5px;
    border-color: var(--mw-borderColor-hover);
}

.diagram-entity.dragEffect {
    opacity: 0.35;
}

.diagram-terminator {
    visibility: hidden;
}

.diagram-port:not(.shape) {
    border-style: solid;
    border-color: var(--mw-borderColor-primary);
    border-width: 2px;
    margin: -2px;
    background-color: var(--mw-backgroundColor-tertiary);
}

.diagram-port.selected {
    border-style: solid;
    border-color: var(--border-color-selected-not-active) !important;
    border-width: 2px;
    margin: -2px;
    background-color: var(--background-color-selected-not-active) !important;
}

.active-editor .diagram-port.selected {
    border-color: var(--border-color-selected-active) !important;
    background-color: var(--background-color-selected-active) !important;
}

.diagram-port.shape {
    background-color: transparent;
    border-style: none;
}

.diagram-port > .title {
    text-align: center;
    width: 100%;
    left: 0px;
    top: 50%;
    position: absolute;
    color: var(--mw-color-primary);
    margin-top: -0.5em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.diagram-port > svg {
    overflow: visible;
    /*svg properties*/
    fill: var(--mw-backgroundColor-tertiary);
    stroke: var(--mw-borderColor-primary);
    stroke-width: 2px;
    display: block;
    margin: auto;
}

.diagram-port.selected > svg {
    overflow: visible;
    /*svg properties*/
    fill: var(--background-color-selected-not-active);
    stroke: var(--border-color-selected-not-active) !important;
    stroke-width: 4px !important;
}

.active-editor .diagram-port.selected > svg {
    fill: var(--background-color-selected-active);
    stroke: var(--border-color-selected-active) !important;
}

.diagram-connection.glyph {
    z-index: 4;
}

.diagram-connection.glyph > svg {
    position: absolute;
    overflow: visible;
    display: block;
    margin: auto;
}

.diagram-connection > svg .connectionLine {
    fill: transparent;
    stroke-width: 1px;
    stroke: var(--mw-borderColor-tertiary);
}

.diagram-connection > svg .connectionBuffer {
    stroke-width: 7px;
    fill: transparent;
    opacity: 0;
    pointer-events: visibleStroke;
}

.small-zoom .diagram-connection > svg .connectionBuffer {
    stroke-width: 15px;
}    

.tiny-zoom .diagram-connection > svg .connectionBuffer {
    stroke-width: 20px;
}    

.diagram-connection.selected > svg .connectionLine {
    stroke: var(--border-color-selected-not-active) !important;
    stroke-width: 5px;
}

.active-editor .diagram-connection.selected > svg .connectionLine {
    stroke: var(--border-color-selected-active) !important;
}

.diagram-connection > svg .marker {
    fill: var(--mw-borderColor-tertiary);
}

.diagram-connection.selected  > svg .marker {
    fill: var(--border-color-selected-not-active) !important;
    stroke: var(--border-color-selected-not-active) !important;
    stroke-width: 2px;
}

.active-editor .diagram-connection.selected  > svg .marker {
    fill: var(--border-color-selected-active) !important;
    stroke: var(--border-color-selected-active) !important;
}

.diagram-connection .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--mw-backgroundColor-secondary);
    padding: 0px 2px 0px 2px;
    color:var(--mw-color-primary);
    font-size: 9px;
    pointer-events: auto;
}

.diagram-connection.selected > .diagram-connection .title {
    border-color: var(--mw-backgroundColor-primary);/* var(--border-color-selected-not-active) !important; */
    border-width: 2px;
    border-style: solid;
}

.active-editor .diagram-connection.selected > .diagram-connection .title {
    border-color: var(--border-color-selected-active) !important;
}

.diagram-connection.temporary-connection > svg .connectionLine {
    stroke-dasharray: 5,5;
    opacity: 0.5;
    stroke: var(--mw-borderColor-focus) !important;
}

.diagram-connection.temporary-connection  > svg .marker {
    fill: var(--mw-borderColor-focus) !important;
}

.newModel {
    /* background: url(../images/NewModel_24.png); */
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-position: 0px 0px;
    background-size: 24px 24px;
}

.fitToView {
    /* background: url(../images/FitToView.png); */
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
}

.defaultRatio {
    /* background: url(../images/defaultRatio.png); */
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
}
/*#glyphPalettegrid {
    position: absolute;
    width: 100%;
    overflow:auto;
}*/
.blockPaletteItem {
    float: left;
    display: inline-block;
    width: 80px;
    margin: 5px;
    border: 0px !important; /*dojo dnd styles mess it up*/
    padding: 1px !important; /*dojo dnd styles mess it up*/
    text-align: center;
    position: relative;
    top: 50%;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*border: solid 1px #AAA !important;*/
    background-color: var(--mw-backgroundColor-primary) !important; /* dojo dnd styles mess it up*/
}

.glyphItemImg {
    /*display: inline;*/
    /*because container is 80px x 80px = 5 + 70 + 5*/
    margin: 5px;
    height: 70px;
    width: 70px;
}

/*.glyphItemImg img {
/*   /*display: inline;*/
/*   vertical-align: middle;
/*   height: 100%;

/* /*    width: 57px;
/*    height: 57px;*/
/*} */

/*.glyphItemName {
    font-family: helvetica;
    font-weight: normal;
    font-size: 12px;
    line-height: 90%;
    position: absolute;
    top: 50%;
}*/

.glyphItemName {
    background-color: var(--mw-backgroundColor-primary);
    color: var(--mw-color-primary);
}

.itemDescription {
    font-family: helvetica;
    font-size: 10px;
    font-style: italic;
}

.itemGroupContainer {
    background: var(--mw-backgroundColor-primary);

    /*
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    */
}
.itemGroupTitle {
    padding: 0px !important;
    color: var(--mw-color-primary);
}

.paletteSearch {
    padding: 5px;
}

.paletteSearch .dijitInputInner {
    background-color: var(--mw-backgroundColor-input) !important;
}

.GlyphPalette .dijitTitlePane .dijitTitlePaneTitle {
    background-color: var(--mw-backgroundColor-primary) !important;
    color: var(--mw-color-primary) !important;
    border-color: var(--mw-borderColor-primary) !important;
    background-image: none;
}

/*
<div class="dijitTitlePaneTitleFocus" data-dojo-attach-point="focusNode" aria-pressed="true" role="button" aria-controls="dijit_TitlePane_0_pane" tabindex="0">
//background-image is set to a dijit sprite
<span data-dojo-attach-point="arrowNode" class="dijitInline dijitArrowNode" role="presentation"></span>
</div>
*/

/* hidden node in glyph palette which gets displayed when
the node drop down set not to show nodes */
.GlyphPalette .dijitTitlePane .dijitTitlePaneContentOuter {
    background-color: var(--mw-backgroundColor-primary);
    border: var(--mw-borderColor-primary);
}
.actionPaletteDesciptor {
    background: #F2F5F9;
}

.actionPaletteDescriptorTextInner {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.actionPaletteAnchor {
    position: absolute;
    overflow: visible;
    padding: 0 !important;
    width: 100%;
    height: 0;
    z-index: 999;
    background-color: red;
}

.actionPaletteFrame {
    font-family: sans-serif;
    border-radius: 5px;
    -moz-box-shadow: 3px 10px 14px #AAAAAA;
    -webkit-box-shadow: 3px 10px 14px #AAAAAA;
    box-shadow: 0px 3px 14px #AAAAAA;
    overflow: visible;
    position: absolute;
    border: 5px solid rgba(65, 166, 255, 0.6) !important;
}

.actionCircleBase {
    border-radius: 50%;
    position: relative;

    background-color: rgba(65, 166, 255, 0.6) !important;
    pointer-events: none;
    -moz-box-shadow: 3px 10px 14px #AAAAAA;
    -webkit-box-shadow: 3px 10px 14px #AAAAAA;
    box-shadow: 0px 3px 14px #AAAAAA;
}

.actionPaletteCallout {
    width: 4px;
    position: absolute;

    background-color: rgba(65, 166, 255, 0.6) !important;
    pointer-events: none;
    -moz-box-shadow: 3px 10px 14px #AAAAAA;
    -webkit-box-shadow: 3px 10px 14px #AAAAAA;
    box-shadow: 0px 3px 14px #AAAAAA;
}
.command-history-widget > div {
    display: block;
    width: 100%;
    padding: 6px;
    padding-left: 12px;
    text-align: left;
    border: 0px solid;
    border-top-width: 1px;
    border-top-color: var(--mw-borderColor-secondary);
    box-sizing: border-box;
}

.command-history-widget-done {
    color: var(--mw-color-primary);
    background-color: var(--mw-backgroundColor-selected);
}

.command-history-widget-current {
    color: var(--mw-color-primary);
    font-weight: bold;
    background-color: var(--mw-backgroundColor-selectedFocus);
}

.command-history-widget-undone {
    color: var(--mw-color-secondary);
    background-color: var(--mw-backgroundColor-selected);
}
.property-editor {
    color: var(--mw-color-primary);
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                                    State Chart syntax glyphs                                  *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.statechart-state {
    border-radius: 5px !important;
    margin: -2px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--mw-borderColor-primary);

    background-color: var(--mw-backgroundColor-highlight-secondary);
    /*
    background-image: linear-gradient(180deg, #FFFBF3, #F3E3C5);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    */
}

.statechart-state .body {
    text-align: left;
    width: 100%;
    padding: 5px;
    text-overflow: clip;
}

.statechart-state > .title {
    color: var(--mw-color-primary);
    cursor: text;
    font-size: 8pt;
    text-align: center;
}

.statechart-transition > svg .connectionLine {
    fill: transparent;
    stroke-width: 1;
    stroke: var(--mw-borderColor-primary);
}

.statechart-transition > svg .marker {
    fill: var(--mw-borderColor-primary);
}


.statechart-transition .title {
    transform: translate(-50%,-50%);
    background-color: var(--mw-backgroundColor-tertiary);
    font: 9px bold arial, sans-serif;
    padding: 2px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                                   Block Diagram syntax glyphs                                 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.blockdiagram-block {
    border-color: var(--mw-borderColor-secondary);
    background-color: var(--mw-backgroundColor-input);
}

.blockdiagram-block.selected > .blockdiagram-port {
    background-color: var(--mw-backgroundColor-selectedFocus);
}

.blockdiagram-block > .title{
    background-color: var(--mw-backgroundColor-input);
}

.blockdiagram-block > .title .selected {
    background-color: var(--mw-backgroundColor-selectedFocus);
    color: var(--mw-color-tertiary);
}

.diagram-port:not(.shape) {
    background-color: var(--mw-graphics-colorNeutral-region-primary);
    -webkit-border-radius: 4px
}

.blockdiagram-port.selected {
    border-style: solid;
    border-color: var(--mw-borderColor-focus) !important;
    margin: -3px;
    border-width: 3px;
    background-color: var(--mw-backgroundColor-selectedFocus);
}
.cdd .diagram-entity.glyph.selected {
    border-style: solid;
    border-color: var(--border-color-selected-not-active) !important;
    background-color: var(--background-color-selected-not-active);
    border-width: 5px;
    transform: translate(-5px,-5px);
}

.active-editor .cdd .diagram-entity.glyph.selected {
    border-color: var(--border-color-selected-active) !important;
    background-color: var(--background-color-selected-active);
}

.cdd .shadow {
}

.cdd .diagram-entity.element {
    background-color: var(--mw-backgroundColor-primary); /* #000 */
    height: inherit;
    border-radius: 10px;
    border: none;
    display: flex;
    align-content: stretch;
    flex-direction: column;
}

.cdd .diagram-entity.element.class {
}

.cdd .diagram-entity.element.datatype {
}

.cdd .diagram-entity.element .header {
    padding: 5px;
    margin-bottom: 2px;
    border: 2px;
    border-style: solid;
    border-color: var(--mw-borderColor-secondary);/*#686868;*/

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    flex: 1 0;
}

.cdd .diagram-entity.element .header.class{
    background-color: var(--mw-backgroundColor-currentSection-selectedFocus);
}

.cdd .diagram-entity.element .header.datatype{
    background: var(--mw-backgroundColor-secondary-success); /*#ebf6c4; /* Old browsers */
}

.cdd .diagram-entity.element > .header > .title {
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    color: var(--mw-color-primary);
}

.cdd .diagram-entity.element > .header > .title {
    font-size: 12px;
    font-weight: bold;
    color: var(--mw-color-primary);
    text-align: left;
    position: relative;
    margin-top: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdd .diagram-entity.element .title {
    text-align: left;
    position: relative;
    margin-top: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}


.cdd .diagram-entity.element .body {
    pointer-events: none;
    border: 1px;
    border-bottom: 0px;
    border-style: solid;
    border-color: var(--mw-borderColor-secondary);/*#686868;*/
    flex: 99 1;
    background-color: var(--mw-backgroundColor-tertiary); /*#ffffff/white;*/
}

.cdd .diagram-entity.element .footer {
    padding-bottom: 10px;
    background-color: var(--mw-backgroundColor-tertiary); /*#ffffff;*/
    border: 1px;
    border-top: 0px;
    border-style: solid;
    border-color: var(--mw-borderColor-secondary);/*#686868;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    flex: 1 0;
}


.cdd .diagram-entity .subtitle {
    border: none;
    margin: 0;
    background-color: var(--mw-backgroundColor-announcementBanner);/*#c1dfff;*/
}

.cdd .diagram-entity .subtitle > .title {
    font-size: 12px;
    color: var(--mw-color-primary);
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    background: transparent;
    position: static;
}

.cdd .diagram-entity .row > .title {
    font-size: 12px;
    color: var(--mw-color-primary);
    font-weight: normal;
    padding: 2px;
    padding-left: 20px;
    position: static;
}

.cdd .diagram-entity .row {
    border: none;
    margin: 0;
    background-color: transparent;
}

.cdd .diagram-entity .row.property {
/*    background-image: url("./images/Property.gif"); */
/*    background-repeat: no-repeat; */
/*    background-position: 3px 0px; */
}

.cdd .diagram-entity .row.method {
/*    background-image: url("./images/Method.png"); */
/*    background-repeat: no-repeat; */
/*    background-position: 3px 1px; */
}

.cdd .diagram-entity .title {
    cursor: text;
}
.fcd .diagram-entity {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;

    border-width: 3px;
    border-style: solid;
    border-color: var(--mw-graphics-colorOrder-2-primary);
    margin: -3px;



    /*fill*/
    background-color: var(--mw-graphics-colorOrder-2-secondary); /* orange */
}

.diagram-entity.fcd-teal {
    background-color: var(--mw-graphics-colorOrder-11-secondary);
    border-color: var(--mw-graphics-colorOrder-11-primary);
}

.diagram-entity.fcd-blue {
    background-color: var(--mw-graphics-colorOrder-1-secondary);
    border-color: var(--mw-graphics-colorOrder-1-primary);
}

.fcd .diagram-connection .title {
    transform: translate(-50%, -50%);
    background-color: var(--mw-backgroundColor-input);
    padding: 0px 2px 0px 2px;
    color: var(--mw-color-primary);
    font-size: 9px;
    white-space: nowrap;
}

.fcd .diagram-entity.selected.glyph {
    border-style: solid;
    border-color: var(--border-color-selected-not-active) !important;
    border-width: 3px;
    margin: -3px;
    background-color: var(--background-color-selected-not-active);
}

.active-editor .fcd .diagram-entity.selected.glyph {
    border-color: var(--border-color-selected-active) !important;
    background-color: var(--background-color-selected-active);
}

.fcd .diagram-entity .title {
    text-align: center;
    width: 100%;
    left: 0px;
    top: 50%;
    position: absolute;
    color: var(--mw-color-primary);
    margin-top: -0.5em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.fcd .diagram-entity .footer {
    visibility: hidden;
}

.fcd .diagram-connection > svg .connectionLine {
    stroke: var(--mw-graphics-colorNeutral-line-secondary);
    stroke-width: 2.5;
    pointer-events: visibleStroke;
}

.fcd .diagram-connection > svg .marker {
    stroke: var(--mw-graphics-colorNeutral-line-secondary);
    fill: var(--mw-graphics-colorNeutral-line-secondary);
    color: var(--mw-graphics-colorNeutral-line-secondary);
    stroke-width: 0;
}


/*
Semantic variables recommended:

Circles:
Background: --mw-backgroundColor-tertiary (white/black)
Border: --mw-borderColor-primary (gray600 in both light and dark)
Border selected: --mw-borderColor-focus (blue500 in both light and dark)
Background selected: --mw-backgroundColor-selectedFocus (blue200 in light; blue800 in dark)
Text: --mw-color-primary (gray900 in light; gray200 in dark)

Connection lines/arrows:
Border: --mw-borderColor-tertiary (gray700 in light; gray400 in dark)
Border selected: --mw-borderColor-focus (blue500 in both light and dark)

Connection labels:
Background color: --mw-backgroundColor-secondary (gray100 in light; gray800 in dark)
Border color: --mw-borderColor-primary (gray600 in both light and dark)
Text: --mw-color-primary (gray900 in light; gray200 in dark)


*/
.gd .graph-node.shape > svg{
    overflow: visible;
    stroke:var(--mw-borderColor-focus);/* #83A6E3 */
    stroke-width: 4px;
}

.gd .graph-node.shape.selected > svg {
    border-style: none !important;
    stroke-width: 6px !important;
    padding: 5px;
    transform: translate(-5px, -5px);
}

.gd .graph-edge .title {
    transform: translate(-50%, -50%);
    background-color: var(--mw-backgroundColor-secondary);
    border-color: var(--mw-borderColor-primary);
    color: var(--mw-color-primary);
    border-width: 1px;
    border-style: solid;
    padding: 0px 2px 0px 2px;
    font-size: 9px;
}
.snd .diagram-entity .title {
    text-align: center;
    width: 100%;
    left: 0px;
    top: 50%;
    position: absolute;
    color:var(--mw-color-primary);
    margin-top: -0.5em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.snd .diagram-entity > svg {
    overflow: visible;
    fill: var(--mw-backgroundColor-primary);
    stroke: var(--mw-graphics-colorOrder-1-primary); /* blue */
    stroke-width: 3px;
}


.snd .diagram-entity.terminator > svg > rect {
    fill: var(--mw-backgroundColor-primary);
    stroke: var(--mw-graphics-colorOrder-5-primary); /* green */
    stroke-width: 3px;
}

.snd .diagram-entity.goto > svg > ellipse {
    fill: var(--mw-backgroundColor-primary);
    stroke: var(--mw-graphics-colorOrder-2-primary); /* orange */
    stroke-width: 3px;
}

.snd .diagram-entity.decision > svg > polygon{
    overflow: visible;
    fill: var(--mw-backgroundColor-primary);
    stroke: var(--mw-graphics-colorOrder-7-primary); /* red */
    stroke-width: 3px;
}

.snd .diagram-entity.data > svg > rect {
    overflow: visible;
    fill: var(--mw-backgroundColor-primary);
    stroke: var(--mw-graphics-colorOrder-1-primary); /* blue */
    stroke-width: 3px;
}

.snd .diagram-entity.process > svg > rect {
    overflow: visible;
    fill: var(--mw-backgroundColor-primary);
    stroke: var(--mw-graphics-colorOrder-1-primary); /* blue */
    stroke-width: 3px;
}

.snd .diagram-entity.selected > svg > rect {
    fill: var(--background-color-selected-not-active);
    stroke: var(--border-color-selected-not-active);
    stroke-width: 4px;
}

.active-editor .snd .diagram-entity.selected > svg > rect {
    fill: var(--background-color-selected-active);
    stroke: var(--border-color-selected-active);
}

.snd .diagram-entity.selected > svg > polygon {
    fill: var(--background-color-selected-not-active);
    stroke: var(--border-color-selected-not-active);
    stroke-width: 4px;
}

.active-editor .snd .diagram-entity.selected > svg > polygon {
    fill: var(--background-color-selected-active);
    stroke: var(--border-color-selected-active);
}

.snd .diagram-entity.selected > svg > ellipse {
    fill: var(--background-color-selected-not-active);
    stroke: var(--border-color-selected-not-active);
    stroke-width: 4px;
}

.active-editor .snd .diagram-entity.selected > svg > ellipse {
    fill: var(--background-color-selected-active);
    stroke: var(--border-color-selected-active);
}

.snd .diagram-port {
    visibility: hidden;
}


.diagram-badge-panel{
    position: absolute;
}
.diagram-badge > img{
    height: 16px;
    width: 16px;
    opacity: 0.7;
    padding: 1px;
}

.diagram-badge:hover > img{
    opacity: 1.0;
}

.diagram-badge-panel-EntityNorthEast, .diagram-badge-panel-DiagramNorthEast{
    right: 0px;
    top: 0px;  
}

.diagram-badge-panel-EntityNorthWest, .diagram-badge-panel-DiagramNorthWest{
    left: 0px;
    top: 0px;  
}

.diagram-badge-panel-EntitySouthEast, .diagram-badge-panel-DiagramSouthEast{
    right: 0px;
    bottom: 0px;  
}

.diagram-badge-panel-EntitySouthWest, .diagram-badge-panel-DiagramSouthWest{
    left: 0px;
    bottom: 0px;  
}

.diagram-badge-panel-EntityNorthWestOutside{
    left: 0px;
    top: -24px;
}

.diagram-badge-panel-EntityNorthEastOutside{
    right: 0px;
    top: -24px;
}

.diagram-badge-panel-EntitySouthWestOutside{
    left: 0px;
    bottom: -24px;
}

.diagram-badge-panel-EntitySouthEastOutside{
    right: 0px;
    bottom: -24px;
}

.diagram-badge-panel-DiagramNorthEast, .diagram-badge-panel-DiagramNorthWest, .diagram-badge-panel-DiagramSouthEast, .diagram-badge-panel-DiagramSouthWest{
    border-radius: 5px;
    background-color: var(--mw-backgroundColor-tertiary); /* 0.774 opaacity */
    margin: 10px;
    padding: 2px;
}

.diagram-badge-panel  td {
    padding: 2px;
}
.minimap-widget {
    background-color: var(--mw-backgroundColor-tertiary);
    padding: 5px;
    box-sizing: border-box;

    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

.minimap-widget-content {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}

.minimap-widget-view {
    position: absolute;
    border: 2px solid;
    opacity: 1;
    border-color: var(--mw-borderColor-focus);
    background-color: var(--mw-backgroundColor-selectedFocus);
    overflow: hidden;
}

.singleSelectionMenu {
    position: absolute;
    height: 25px;
    width: 25px;
    visibility: hidden;
    z-index: 1001;
}

.singleSelectionMenuCue {
    bottom: 0;
    color: var(--mw-backgroundColor-selectedFocus); /*#08b5ff;*/
    position: absolute;
    width: 25px;
}

.singleSelectionMenuCueImg {
    content:url(../images/c65e2a8fe0ad0f495675.png);
}

.singleSelectionMenu .singleSelectionMenuIcon,
.singleSelectionMenu .singleSelectionMenuCue {
    visibility: hidden;
}

.singleSelectionMenu.singleSelectionMenuShowMenu,
.singleSelectionMenu.singleSelectionMenuShowCue,
.singleSelectionMenu.singleSelectionMenuShowMenu .singleSelectionMenuIcon,
.singleSelectionMenu.singleSelectionMenuShowCue .singleSelectionMenuCue {
    visibility: visible;
}

.singleSelectionMenuIcon img {
    height: 16px;
    width: 16px;
    margin: 4px;
    position: absolute;
}

.singleSelectionMenuIcon {
    background-color: var(--mw-backgroundColor-announcementBanner); /*#d9efff;*/
    height: 24px;
    width: 24px;
    display: inline-block;
}

.singleSelectionMenuIcon:hover {
    background-color: var(--mw-backgroundColor-info); /*#4db3ff*/;
}

.singleSelectionMenuIcon .singleSelectionMenuHighlightedIcon,
.singleSelectionMenuIcon:hover .singleSelectionMenuBaseIcon {
    visibility: hidden;
}

.singleSelectionMenuShowMenu .singleSelectionMenuIcon:hover .singleSelectionMenuHighlightedIcon {
    visibility: visible;
}

.singleSelectionMenuTooltip {
    background-color: var(--mw-backgroundColor-info); /*#4db3ff*/;
    border: 1px solid var(--mw-borderColor-focus); /*#0896ff;*/
    border-radius: 3px 3px 5px 5px;
    color: var(--mw-color-primary);
    display: inline-block;
    padding: 3px 2px 3px 2px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
}
/* Copyright 2021-2024 The MathWorks, Inc. */

/* composite dv widget (parented to the .diagram-entity) */
/*
.compositeDVWidget.wiglWidgetDV {
    position: absolute;
}
*/

.compositeDVWidget.wiglWidgetDV #diagnosticwidgetcontent {
    width: 350px;
    height: fit-content;
}

mw-popout.wiglWidgetDVPopout > div[data-popper-placement^='top'] > #mw-popout-arrow {
    left: -1px;
}
mw-popout.wiglWidgetDVPopout > div[data-popper-placement^='right'] > #mw-popout-arrow {
    top: -1px;
}

mw-popout.wiglWidgetDVPopout > .mw-popout-container {
    background: none;
    border: none;
    padding: 0px;
}

.wiglElementDV .messagePane {
    border-bottom: none;
}

.wiglElementDV .messagePane .aMainClass .aSeverityVerticalBarClass,
.wiglElementDV .messagePane .aMainClass:hover .aSeverityVerticalBarClass,
.wiglWidgetDV .messagePane .aMainClass .aSeverityVerticalBarClass,
.wiglWidgetDV .messagePane .aMainClass:hover .aSeverityVerticalBarClass {
    width: 4px !important;
}

/*
.wiglWidgetDV .messagePane .aHelpNodeClass {
    display: none;
}
*/

.wiglNotification {
    border-radius: calc(var(--border-radius) + 1px); /* 6px ;*/
    border-width: 1px;
    border-style: solid;
}

/*******************
parent entity notification style
*******************/
/************************************************************
the entities that don't have have svg shapes as a child
************************************************************/

/* do not show border around the parent of the svg */
.glyph.wiglNotification:has(> svg) {
    border: 0px;
}

.glyph.wiglNotification.errorNotification:not(:has(> svg)) {
    border: 1px solid var(--mw-borderColor-error);
}

.glyph.wiglNotification.errorNotification > svg {
    stroke: var(--mw-borderColor-error);
}

.glyph.wiglNotification.warnNotification:not(:has(> svg)) {
    border: 1px solid var(--mw-borderColor-warning);
}

.glyph.wiglNotification.warnNotification > svg {
    stroke: var(--mw-borderColor-warning);
}

.glyph.wiglNotification.infoNotification:not(:has(> svg)) {
    border: 1px solid var(--mw-borderColor-info);
}

.glyph.wiglNotification.infoNotification > svg {
    stroke: var(--mw-borderColor-info);
}

.glyph.wiglNotification.successNotification:not(:has(> svg)) {
    border: 1px solid var(--mw-borderColor-success);
}

.glyph.wiglNotification.successNotification > svg {
    stroke: var(--mw-borderColor-success);
}

/*******************
entity warning badge
*******************/

table.diagram-badge-panel-EntityNorthEast:has(td.wiglEntityWarningBadge) {
    top: 7px;
}

/*document.querySelectorAll('table.diagram-badge-panel-EntityNorthEast:has(td.wiglEntityWarningBadge) div:not(.tooltipNode)')*/
table.diagram-badge-panel .diagram-badge[data-name="wiglEntityWarningBadge"] {
    /* background-color:#d9efff; */
    pointer-events: all;
}

/* img styles */
table.diagram-badge-panel .diagram-badge[data-name="wiglEntityWarningBadge"] > img {
    /* height: 16px; */
    /* width: 16px; */
}

.diagram-badge-panel .diagram-badge[data-name="wiglEntityWarningBadge"]:hover {
    /* background-color: var(--mw-backgroundColor-secondary-warning); */
}

/* reference node for the DV widget popout */
.wiglWidgetDVRefNode {
    /*
    display: none;
    position: absolute;
    top: -150%;
    left: 0%;
    width: 150%;
    height: 150%;
    outline: solid 1px red;
    */
}

/*********************
entity warning tooltip
*********************/
/* tooltip reference node */

div.tooltipNode.diagram-badge-panel-EntityNorthEast-tooltip {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    /*
    width: 100%;
    height: 100%;
    outline: red solid 1px; *//* for debugging only */
}

mw-popout.wiglEntityWarningBadge  .mw-popout-content{
    width: 250px;    
    max-width: 250px; /* override popout max-width */
}
/* Copyright 2021-2023 The MathWorks, Inc. */

:root {
    --wdf-icon-height: 16px;
    --wdf-icon-width: 16px;
}

.wdfNotificationLozenge {
	font: 12px Arial, Helvetica, san-serif;
	line-height: 14px;
    color: var(--mw-color-primary);
	margin: 0px;
	border-radius: 3px;
	border: solid 1px var(--mw-borderColor-secondary);
	background-color: var(--mw-backgroundColor-tertiary);
	box-sizing: border-box;
	width: 502px;
	min-height: 32px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	user-select: none; /* disallow selection */
}

.wdfNotificationLozenge .wdfSeverityBar {
    display: inline-flex;
    align-self: stretch;
}

.wdfNotificationLozenge .wdfSeverityBar .colorBar {
    width: 6px;
	border: solid 1px var(--mw-borderColor-secondary);
}

.wdfNotificationLozenge .wdfSeverityBar.errorNotification .colorBar {
    background-color:var(--mw-backgroundColor-primary-error);
}

.wdfNotificationLozenge .wdfSeverityBar.warnNotification .colorBar {
    background-color:var(--mw-backgroundColor-primary-warning);
}

.wdfNotificationLozenge .wdfSeverityBar.infoNotification .colorBar {
    background-color:var(--mw-backgroundColor-primary-info);
}

.wdfNotificationLozenge .wdfSeverityBar.successNotification .colorBar {
    background-color:var(--mw-backgroundColor-primary-success);
}

.wdfNotificationLozenge .wdfSeverityBar .severityIcon {
    width: 16px;
    height: 16px;
    margin: 7px;
    align-self: center;
}

.wdfNotificationLozenge .messageDiv {
    width: 350px;
    overflow-wrap: break-word;

}

.wdfNotificationLozenge .actionDiv {
    width: 100px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 1px; /* space between the Fix button and call for action */
}


.wdfNotificationLozenge .actionDiv .notifHidden{
    /* display: none; */ /* blows up height */
    opacity: 0;
    pointer-events: none;
}

.wdfNotificationLozenge .closeBtn {
    /* have to have it, otherwise, this div disappears */
    display: inline-flex;
    align-self: flex-start; /* position at the top */
}

.wdfNotificationLozenge .closeBtnImage{
    width: 12px;
    height: 12px;
}

.lozengeRefNode {
    width: 11px;
    height: 11px;
    position: absolute;
    /* outline: red solid 1px; *//* for debugging only */
}

mw-popout.lozengeDV > .mw-popout-container {
    background: none;
    border: none;
    padding: 0px;
	/* this font regulates the content font */
    font: 12px Arial, Helvetica, san-serif;
    white-space: wrap;
    border-radius: 15px;
}

mw-popout.lozengeDV  .mw-popout-content{
    box-shadow: 0px 4px 4px var(--mw-boxShadowColor);
	max-width: 502px; /* override popout max-width */
	border-radius: 3px;
}

/*
    The <use> tag doubles the svg path
    Hide the tag
*/
mw-popout.lozengeDV > .mw-popout-container div.wdfNotificationLozenge div#closeBtn svg use {
    display: none;
}/* hide double close image that shows up again with recent changes to popout */
mw-popout.lozengeDV div.closeBtnImage [href="#deleteBorderlessUI"] {
    display: none;
}

/* do not show arrow */
mw-popout.lozengeDV > div[data-popper-placement^="right"] > #mw-popout-arrow,
mw-popout.lozengeDV > div[data-popper-placement^="left"] > #mw-popout-arrow,
mw-popout.lozengeDV > div[data-popper-placement^="bottom"] > #mw-popout-arrow,
mw-popout.lozengeDV > div[data-popper-placement^='top'] > #mw-popout-arrow {
    display: none;
}

mw-popout.lozengeDV .tippy-box[data-theme~=popoutTheme][data-placement^=top] .mw-popout-arrow,
mw-popout.lozengeDV .mw-popout-arrow {
    display: none;
}

.iceSceneNode {
	width: 100%;
	height: 100%;
	opacity: 0.45;
	pointer-events: none;
}

.wdfUndoRedoLozenge {
    height: 32px;
    min-width: 198px;
    filter: drop-shadow(0px 4px 4px var(--mw-boxShadowColor));
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: var(--mw-backgroundColor-primary);
	border: solid 1px var(--mw-borderColor-secondary);
    user-select: none; /* disallow selection */
}

.wdfUndoRedoLozenge .wdfUndoRedoBar {
    background: var(--mw-color-gray500);
    color: var(--mw-color-tertiary);
    font-size: 12px;
    display: inline-flex;
    align-self: stretch;
    width:83px;
}

.wdfUndoRedoLozenge .wdfUndoRedoBar .iconBar {
    width: 24px;
    height: 24px;
    margin: 2px;
    align-self: center;
    flex-direction: row;
}

.wdfUndoRedoLozenge .wdfUndoRedoBar.redo .iconBar{
    margin-left: 7px;
}

.wdfUndoRedoLozenge .wdfUndoRedoBar .iconBar > svg path{
    fill: var(--mw-backgroundColor-iconuiFill-validation);
    stroke: var(--mw-backgroundColor-iconuiFill-validation);
}

.wdfUndoRedoLozenge .wdfUndoRedoBar .undoRedoTitle {
	align-self: center;
	margin-left: 10px; /* center the title in the remaining space */
}

.wdfUndoRedoLozenge .messageDiv {
    min-width: 115px;
    overflow-wrap: break-word;
    align-self: center;
    /* height: 32px; */
}

.wdfUndoRedoLozenge .messageDiv .messageSpan {
	margin: 5px;
}

/* Copyright 2023 The MathWorks, Inc. */

:root {
    --wdf-icon-height: 16px;
    --wdf-icon-width: 16px;
}

.mwStatusBar[data-tag="wiglStatusBar"] div[data-type="StatusToggleButton"] div.mwIconNode{
    display: inline-block;
}
/* Copyright 2023 The MathWorks, Inc. */

:root {
    --wdf-icon-height: 16px;
    --wdf-icon-width: 16px;
}

.wiglDockedDV .wiglDiagnosticStage .hidden {
    display: none;
}

.wiglDockedDV .wiglDiagnosticStage .actionSpan {
    font-weight: bold;
    font-size: large;
}

.wiglDiagnosticStage .messagePane {
    border-top: 4px solid var(--mw-backgroundColor-currentSection-selectedFocus);
}

.wiglDiagnosticStage .wiglDiagnosticTarget .unlinkedTarget,
.wiglDiagnosticStage .wiglDiagnosticTarget .linkedTarget {
    margin-left: 40px;
    font-style: italic;
}


/* Copyright 2022-2024 The MathWorks, Inc. */
/* Copyright 2024-2025 The MathWorks, Inc. */

#modelscape-dependency-editor-modellist {
    padding: 5px;   
}

.modelscape-dependency-editor-modellist-search {
    display: inline-grid;
    width: 100%;
    padding-bottom: 5px;
}

#modelscape-dependency-editor-modellist-showAll {
    padding: 5px;   
}

#modelscape-save-as-dialog-content {
    display: flex;
    align-items: center;
}

#modelscape-save-as-name-text-field {
    flex: 1 1 auto;
}

#modelscape-save-as-name-label {
    flex: 1 1 auto;
}

/**
 * @Copyright 2022-2023 The MathWorks, Inc.
 */

/* For swimlanes, we want the title to be at the top */

.diagram-entity > .title-on-top {
    top: 1em;
    line-height: 1.1em;
}
/* Copyright 2024 The MathWorks, Inc. */

/**
 * @Copyright 2022-2024 The MathWorks, Inc.
 */

.top_level_container {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Fixing WDF titles that crop emojis */
.diagram-entity>.title-on-top {
    top: 1em;
    line-height: 1.1em;
}

/* Home button hover */

.topLeftContainer .topLeftButton:hover {
    background-color: var(--tabButton-bg-color-hover);
    border-color: var(--transparent);
    box-shadow: none;
}

/* For highlighting a state */
.diagram-entity.highlight > svg { 
    fill: var(--mw-backgroundColor-searchHighlight-secondary);
    stroke: var(--mw-backgroundColor-searchHighlight);
    filter: drop-shadow(0 0 9px var(--mw-backgroundColor-searchHighlight));
}
/* Copyright 2022-2024 The MathWorks, Inc. */

/* This file is not in source, it's copied by grunt */

/* Copyright 2019-2024 The MathWorks, Inc. */

.appArea {
    position: relative;
    height: 100%;
    width: 100%;
}

.appAreaIframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: inherit;
}

.webGuiAreaIframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: inherit;
}

.hidden {
    display: none;
}

/* Copyright 2022-2024 The MathWorks, Inc. */
/**
 * @Copyright 2020-2023 The MathWorks, Inc.
 */

.credentials-token-container {
    padding-top: 10px;
}

/* Copyright 2022-2024 The MathWorks, Inc. */
._ResizeContainerBaseResizeContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

._ResizeContainerBaseSensorStyle {
    pointer-events: none;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    z-index: -1;
    visibility: hidden;
    max-width: 100%
}

._ResizeContainerBaseSensorChildStyle {
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0s;
}

._ResizeContainerBaseShrinkChild {
    width: 200%;
    height: 200%;
}
mw-dashboard-breakpointcontainer {
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin-left: 4px;
    margin-bottom: 4px;
}

mw-dashboard-breakpointcontainer:focus {
    outline: 2px solid;
    outline-offset: 0px; 
    outline-color: var(--mw-color-blue500, #268CDD);
}

mw-dashboard-breakpointcontainer .breakpointContainer {
    overflow: none;
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-breakpointcontainer .breakpointContainer .gridRenderRoot {
    height: 100%;
    display: block;
}


mw-dashboard-breakpointcontainer mw-dashboard-gridlayout-gridlayout mw-dashboard-gridlayout-griditem > div:not([mw-dashboard-gridlayout-griditem-childtag="MW-DASHBOARD-WIDGETS-CONTAINER"]) {
    padding: 5px;
}

mw-dashboard-gridlayout-gridlayout .rgContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  box-sizing: border-box;
}
mw-dashboard-gridlayout-gridlayout .rgContainer > * {
  box-sizing: border-box;
}
mw-dashboard-gridlayout-gridlayout .rgMainContainer {
  width: 100%;
  height: 100%;
}
mw-dashboard-gridlayout-gridlayout .rgItem {
  box-sizing: border-box;
}
mw-dashboard-gridlayout-gridlayout {
  --gridLayoutBorder: 1px solid #d9d9d9;
}
mw-dashboard-gridlayout-gridlayout .rgSepBase {
  border-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjcxLjkwNjYxNm1tIiBoZWlnaHQ9IjY4Ljg2NTM4N21tIiB2aWV3Qm94PSIwIDAgNzEuOTA2NjE2IDY4Ljg2NTM4NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50KTt9LmNscy0ye2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQtMik7fS5jbHMtM3tmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTMpO30uY2xzLTR7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudC00KTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjUzLjYwODcxNSIgeTE9IjI4Ljg4OTI5NyIgeDI9IjEzNy42MTYxMiIgeTI9IjI4Ljk1MTU3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMC42MjE1MTk4NCwwLDAsMi45MTUwNTI3LDM0LjQxODU2OSwtNTUuNTE0ODcxKSI+PHN0b3Agc3R5bGU9InN0b3AtY29sb3I6I2ZmZmZmZjtzdG9wLW9wYWNpdHk6MSIgb2Zmc2V0PSIwIiAvPjxzdG9wIHN0eWxlPSJzdG9wLWNvbG9yOiNiZmJmYmY7c3RvcC1vcGFjaXR5OjEiIG9mZnNldD0iMC40OTk2NjMyIi8+PHN0b3Agc3R5bGU9InN0b3AtY29sb3I6I2ZmZmZmZjtzdG9wLW9wYWNpdHk6MSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0yIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwLjYyMTUxOTg0LDAsMCwyLjkxNTA1MjcsMzQuNDE4NTYzLDEyLjczNTU3MSkiIHgxPSI1My42MDg3MTUiIHkxPSIyOC44ODkyOTciIHgyPSIxMzcuNjE2MTIiIHkyPSIyOC45NTE1NzIiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQiLz48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0zIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwLjYyMTUxOTg0LDAsMCwyLjkxNTA1MjcsLTEyMi4wNzM0MSwtMjYuNDU2MTE2KSIgeDE9IjUzLjYwODcxNSIgeTE9IjI4Ljg4OTI5NyIgeDI9IjEzNy42MTYxMiIgeTI9IjI4Ljk1MTU3MiIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudCIvPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuNjIxNTE5ODQsMCwwLDIuOTE1MDUyNywtMTIyLjQzNzg3LDQ0Ljk4MDU4KSIgeDE9IjUzLjYwODcxNSIgeTE9IjI4Ljg4OTI5NyIgeDI9IjEzNy42MTYxMiIgeTI9IjI4Ljk1MTU3MiIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudCIvPjwvZGVmcz48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTcuNzkxNDc5LC0yOC43NjAzNjEpIj48cmVjdCBpZD0icmVjdDgzNiIgY2xhc3M9ImNscy0xIiB3aWR0aD0iMzkuMjkwMDg1IiBoZWlnaHQ9IjEuMTA0NjYxNiIgeD0iNzQuMTU5NzUyIiB5PSIyOC4zNzEyNzkiLz48cmVjdCBpZD0icmVjdDgzNi0yIiBjbGFzcz0iY2xzLTIiIHdpZHRoPSIzOS4yOTAwODUiIGhlaWdodD0iMS4xMDQ2NjE2IiB4PSI3NC4xNTk3NTIiIHk9Ijk2LjYyMTcxOSIvPjxyZWN0IGlkPSJyZWN0ODM2LTgiIGNsYXNzPSJjbHMtMyIgd2lkdGg9IjM5LjI5MDA4NSIgaGVpZ2h0PSIxLjEwNDY2MTYiIHg9Ii04Mi4zMzIyNTMiIHk9IjU3LjQzMDAzNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwLjE3MTIzNikiLz48cmVjdCBpZD0icmVjdDgzNi04LTciIGNsYXNzPSJjbHMtNCIgd2lkdGg9IjM5LjI5MDA4NSIgaGVpZ2h0PSIxLjEwNDY2MTYiIHg9Ii04Mi42OTY1NzEiIHk9IjEyOC44NjcwNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwLjE3MTIzNikiLz48L2c+PC9zdmc+) 3;
  border-style: solid;
  border-width: 0px;
}
mw-dashboard-gridlayout-griditem {
  display: block;
}
mw-dashboard-gridlayout-griditem:focus {
  outline: 2px solid;
  outline-offset: 0px;
  outline-color: var(--mw-color-blue500, #268cdd);
  z-index: 1;
}
mw-dashboard-gridlayout-griditem:focus:not(:focus-visible) {
  outline: 0px;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-0 {
  display: none;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-1 {
  width: 8.333333333333332%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-2 {
  width: 16.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-3 {
  width: 25%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-4 {
  width: 33.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-5 {
  width: 41.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-6 {
  width: 50%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-7 {
  width: 58.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-8 {
  width: 66.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-9 {
  width: 75%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-10 {
  width: 83.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-11 {
  width: 91.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgWidth-12 {
  width: 100%;
}
mw-dashboard-gridlayout-gridlayout .rgSep-t {
  border-top-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgSep-r {
  border-right-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgSep-b {
  border-bottom-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgSep-l {
  border-left-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-0 {
  display: none;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-1 {
  width: 8.333333333333332%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-2 {
  width: 16.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-3 {
  width: 25%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-4 {
  width: 33.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-5 {
  width: 41.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-6 {
  width: 50%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-7 {
  width: 58.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-8 {
  width: 66.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-9 {
  width: 75%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-10 {
  width: 83.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-11 {
  width: 91.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgWidth-1-12 {
  width: 100%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgSep-1-t {
  border-top-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgSep-1-r {
  border-right-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgSep-1-b {
  border-bottom-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-1 .rgSep-1-l {
  border-left-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-0 {
  display: none;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-1 {
  width: 8.333333333333332%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-2 {
  width: 16.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-3 {
  width: 25%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-4 {
  width: 33.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-5 {
  width: 41.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-6 {
  width: 50%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-7 {
  width: 58.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-8 {
  width: 66.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-9 {
  width: 75%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-10 {
  width: 83.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-11 {
  width: 91.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgWidth-2-12 {
  width: 100%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgSep-2-t {
  border-top-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgSep-2-r {
  border-right-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgSep-2-b {
  border-bottom-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-2 .rgSep-2-l {
  border-left-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-0 {
  display: none;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-1 {
  width: 8.333333333333332%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-2 {
  width: 16.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-3 {
  width: 25%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-4 {
  width: 33.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-5 {
  width: 41.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-6 {
  width: 50%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-7 {
  width: 58.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-8 {
  width: 66.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-9 {
  width: 75%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-10 {
  width: 83.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-11 {
  width: 91.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgWidth-3-12 {
  width: 100%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgSep-3-t {
  border-top-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgSep-3-r {
  border-right-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgSep-3-b {
  border-bottom-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-3 .rgSep-3-l {
  border-left-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-0 {
  display: none;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-1 {
  width: 8.333333333333332%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-2 {
  width: 16.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-3 {
  width: 25%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-4 {
  width: 33.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-5 {
  width: 41.666666666666664%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-6 {
  width: 50%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-7 {
  width: 58.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-8 {
  width: 66.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-9 {
  width: 75%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-10 {
  width: 83.33333333333333%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-11 {
  width: 91.66666666666666%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgWidth-4-12 {
  width: 100%;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgSep-4-t {
  border-top-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgSep-4-r {
  border-right-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgSep-4-b {
  border-bottom-width: 1px;
}
mw-dashboard-gridlayout-gridlayout .rgBreakPoint-4 .rgSep-4-l {
  border-left-width: 1px;
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

mw-dashboard-widgets-binnedhistogram {
    --mw-dashboard-widgets-binnedhistogram-FooterColor: var(--mw-color-secondary);
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-binnedhistogram .binnedHistogramBody {
    flex-grow: 1;
    display: flex;
}

mw-dashboard-widgets-binnedhistogram .bottomTextContainer {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

mw-dashboard-widgets-binnedhistogram .axisLine {
    flex-grow: 1;
    height: 1px;
    background-color: var(--mw-dashboard-widgets-binnedhistogram-FooterColor);
}

mw-dashboard-widgets-binnedhistogram .bottomText {
    font-size: 11px;
    font-family: Arial;
    text-transform: uppercase;
    flex-shrink: 0;
    margin-left: 20px;
    margin-right: 20px;
    color: var(--mw-dashboard-widgets-binnedhistogram-FooterColor);
    line-height: normal;
}

mw-dashboard-widgets-binnedhistogram .noDataNode {
    text-align: center;
    width: 100%;
    margin: 10px 0px 10px 0px;
    font-family: Arial;
    line-height: normal;
    color: var(--mw-color-primary);
}

mw-dashboard-widgets-binnedhistogram .histogramEntry {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    flex: 1 1 0px;
}

mw-dashboard-widgets-binnedhistogram .histogramEntry .binLabel {
    text-align: center;
    font-size: 11px;
    font-family: Arial;
    padding-bottom: 4px;
    line-height: normal;
    color: var(--mw-color-primary);
}

mw-dashboard-widgets-binnedhistogram .histogramEntry .binLabel[rotate] {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
}

mw-dashboard-widgets-binnedhistogram .histogramEntry .binColor {
    flex-grow: 1;
    border-style: solid;
    border-width: 1px;
}

mw-dashboard-widgets-binnedhistogram .binContainer {
    margin: 10px 10px 0px 10px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}

body {
    --mw-dashboard-widgets-boxedhistogram-axisColor: rgb(169, 169, 169);
}

mw-dashboard-widgets-boxedhistogram {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-boxedhistogram {
    --mw-dashboard-widgets-boxedhistogram-boxPadding: 1px;
}

mw-dashboard-widgets-boxedhistogram .boxBody {
    padding: 10px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

mw-dashboard-widgets-boxedhistogram[rendermode='compact'] .boxBody {
    padding: 2px 2px;
    justify-content: center;
}

mw-dashboard-widgets-boxedhistogram .compactStateIconContainer {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    flex-shrink: 0;
}

mw-dashboard-widgets-boxedhistogram .compactStateContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-grow: 1;
}

mw-dashboard-widgets-boxedhistogram .noDataNode {
    text-align: center;
    flex-grow: 1;
    font-family: Arial;
    font-size: 13px;
    overflow: hidden;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

mw-dashboard-widgets-boxedhistogram .plotContainer {
    width: 100%;
    display:flex;
    flex-direction: column;
}

mw-dashboard-widgets-boxedhistogram .interactiveBin:hover {
    cursor: pointer;
    box-sizing: content-box;
    border-top-width: 2px;
    border-top-style: solid;
}

mw-dashboard-widgets-boxedhistogram .interactiveBin[emptyBin]:hover {
    cursor: pointer;
    box-sizing: border-box;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
}


mw-dashboard-widgets-boxedhistogram .bin {
    box-sizing: border-box;
    padding-left: var(--mw-dashboard-widgets-boxedhistogram-boxPadding);
    padding-right: var(--mw-dashboard-widgets-boxedhistogram-boxPadding);
    flex-shrink: 0;
    flex-grow: 0;
}

mw-dashboard-widgets-boxedhistogram .overallContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
}

mw-dashboard-widgets-boxedhistogram .boxContainer {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    min-width: 0px;
}

mw-dashboard-widgets-boxedhistogram .arrowSpacer {
    width: 5px;
    flex-grow: 0;
    flex-shrink: 0;
}

mw-dashboard-widgets-boxedhistogram .axisContainer {
    width:100%;
    display:flex;
    flex-direction: row;
}

mw-dashboard-widgets-boxedhistogram .rightArrow {
    flex-shrink: 0;
    display: block;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-left-color: var(--mw-dashboard-widgets-boxedhistogram-axisColor);
    border-right-width: 0px;
    position: relative;
    top: -4px;
}

mw-dashboard-widgets-boxedhistogram .leftArrow {
    flex-shrink: 0;
    display: block;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-right-color: var(--mw-dashboard-widgets-boxedhistogram-axisColor);
    border-left-width: 0px;
    position: relative;
    top: -4px;
}

mw-dashboard-widgets-boxedhistogram .axisLine {
    flex-grow: 1;
    height: 2px;
    background-color: var(--mw-dashboard-widgets-boxedhistogram-axisColor);
}

mw-dashboard-widgets-boxedhistogram .tickBoxContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
}

mw-dashboard-widgets-boxedhistogram .withArrow {
    position: relative;
    top: -8px;
}

mw-dashboard-widgets-boxedhistogram .tickBox {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
    border-color: var(--mw-dashboard-widgets-boxedhistogram-axisColor);
    flex-shrink: 0;
    flex-grow: 0;
    height: 5px;
}

mw-dashboard-widgets-boxedhistogram .tickLabel {
    margin-top: 3px;
    font-family: Arial;
    font-size: 11px;
    color: var(--mw-dashboard-widgets-boxedhistogram-axisColor);
    line-height: normal;
    white-space: nowrap;
}

mw-dashboard-widgets-boxedhistogram .rightAlign {
    text-align: right;
}

mw-dashboard-widgets-boxedhistogram .leftTick {
    border-left-width: 2px;
}

mw-dashboard-widgets-boxedhistogram .rightTick {
    border-right-width: 2px;
}

mw-dashboard-widgets-boxedhistogram .axisLabel {
    width: 100%;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    line-height: normal;
}
mw-dashboard-widgets-bundle {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-bundle > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .bundleBody {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

mw-dashboard-widgets-bundle > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer > .mw-dashboard-widgets-_FixedHeaderBase-title {
    font-size: 16px;
    font-weight: bold;
}
mw-dashboard-widgets-charttable {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-charttable .ScrollContainer {
    overflow: auto;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

mw-dashboard-widgets-charttable .headerRow {
    width: 100%;
}

mw-dashboard-widgets-charttable .actualTable {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

mw-dashboard-widgets-charttable .allTableHeader {
    width: 100%;
    position: sticky;
    top: 0px;
    z-index: 2;
}

mw-dashboard-widgets-charttable .columnHeader {
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    color: var(--mw-color-primary);
    font-weight: normal;
    word-break: break-all;
    line-height: normal;
    white-space: pre-line;
}

mw-dashboard-widgets-charttable .bodyEntry {
    padding: 3px;
    font-family: Arial;
    font-size: 11px;
    word-break: break-word;
    line-height: normal;
}

mw-dashboard-widgets-charttable table td,
mw-dashboard-widgets-charttable table th {
    padding: 3px;
    box-sizing: border-box;
}

mw-dashboard-widgets-charttable table thead th {
    /* Apply both top and bottom borders to the <th> in header */
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-charttable table tbody th {
    /* Apply both top and bottom borders to the <th> */
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-charttable table td {
    /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-charttable table th:first-child,
mw-dashboard-widgets-charttable table td:first-child {
    /* Apply a left border on the first <td> or <th> in a row */
    border-left: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

/* if we do not have a header, each td and th in the first row needs a border at the top */
mw-dashboard-widgets-charttable[showTableHeader='false'] table tr:first-child th,
mw-dashboard-widgets-charttable[showTableHeader='false'] table tr:first-child td {
    border-top: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-charttable .rowHeader {
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    color: var(--mw-color-primary);
    font-weight: normal;
    vertical-align: middle;
    line-height: normal;
}

mw-dashboard-widgets-charttable table thead th.mw-dashboard-widgets-focusable:focus,
mw-dashboard-widgets-charttable table tbody th.mw-dashboard-widgets-focusable:focus,
mw-dashboard-widgets-charttable table tbody td.mw-dashboard-widgets-focusable:focus {
    outline-offset: -2px;
}

mw-dashboard-widgets-container {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-container .containerBody {
    width: 100%;
    height: 100%;
    position: relative; 
}

mw-dashboard-widgets-container > .mw-dashboard-widgets-_AbsoluteHeaderBase-CenteringContainer {
    background-color: transparent;
}
mw-dashboard-widgets-donut {
  width: 100%;
  height: 100%;
  display: block;
}

mw-dashboard-widgets-donut .widget-wrapper {
  width: 100%;
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}

mw-dashboard-widgets-donut .donut-chart {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  display: flex;
}

mw-dashboard-widgets-donut .donut-chart>div {
  display: flex;
}

mw-dashboard-widgets-donut .donut-legend {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
  flex-direction: row;
}

mw-dashboard-widgets-donut .table-wrapper {
  overflow: auto;
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

mw-dashboard-widgets-donut .legend-balancer {
  flex-grow: 1;
}

mw-dashboard-widgets-donut .legend-table {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

mw-dashboard-widgets-donut .legend-table td {
  vertical-align: middle;
}

mw-dashboard-widgets-donut .row {
  height: 25px;
}

mw-dashboard-widgets-donut .row-color-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 4px;
  width: 14px;
}

mw-dashboard-widgets-donut .row-color {
  width: 10px;
  height: 10px;
  margin: 1px;
}

mw-dashboard-widgets-donut .row-identifier {
  display: flex;
  flex-direction: row;
}

mw-dashboard-widgets-donut .row-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 5px;
  flex-grow: 1;
  flex-shrink: 1000000;
}

mw-dashboard-widgets-donut .row-value {
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 5px;
  flex-grow: 0;
  flex-shrink: 1;
}

mw-dashboard-widgets-donut .row-substate-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 8px;
  margin-right: 2px;
}

mw-dashboard-widgets-donut .legendEntry {
  font-family: Arial;
  font-size: 11px;
  line-height: normal;
  color: var(--mw-color-primary);
}

mw-dashboard-widgets-donut .donut-chart svg .amcharts-Label {
  fill: var(--mw-color-primary);
}

mw-dashboard-widgets-group {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    background-color: transparent;
}

mw-dashboard-widgets-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer {
    padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

mw-dashboard-widgets-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .groupBody {
    flex-grow: 1;
}

mw-dashboard-widgets-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .groupBody[isCollapsed] {
    max-height: 0px;
    overflow: hidden;
}

mw-dashboard-widgets-group .groupExpandAffordanceContainer {
    display: flex;
    flex-shrink: 0;
}
mw-dashboard-widgets-radialgauge {
    display: block;
    width: 100%;
    height: 100%;
}

mw-dashboard-widgets-radialgauge .stateContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: relative; 
}

mw-dashboard-widgets-radialgauge .RGChartContainer {
    flex-grow: 1;
    height: 100%;
    position: relative; 
}

mw-dashboard-widgets-radialgauge .RGChartContainer svg .amcharts-Label {
    fill: var(--mw-color-primary);
}
mw-dashboard-widgets-singlevalue {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-singlevalue .DataGroup {
    display: flex; 
    align-items: center;
    justify-content: center;
    flex-grow: 1;;
    height: 100%;
}

mw-dashboard-widgets-singlevalue .DataGroup[alignment='column'] {
    flex-direction: column;
}

mw-dashboard-widgets-singlevalue .DataGroup[alignment='row'] {
    flex-direction: row; 
}

mw-dashboard-widgets-singlevalue .Value {
    color: var(--mw-color-primary);
    fill: var(--mw-color-primary);
}

mw-dashboard-widgets-singlevalue .ValueContainer {
    flex-grow: 1;
    display: flex;
    flex-basis: 0px;
}

mw-dashboard-widgets-singlevalue .ValueContainer[center] {
    justify-content: center;
    align-items: center;
}

mw-dashboard-widgets-singlevalue .TitleContainer {
    flex-grow: 1;
    display: flex;
    flex-basis: 0px; 
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='bottom'] .ValueContainer {
    flex-direction: column-reverse;
    flex-basis: 16px;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='bottom'] .TitleContainer {
    flex-direction: column;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='top'] .ValueContainer {
    flex-direction: column;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='top'] .TitleContainer {
    flex-direction: column-reverse;
    flex-basis: 16px;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='left'] .ValueContainer {
    flex-direction: row;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='left'] .TitleContainer {
    flex-direction: row-reverse;;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='right'] .ValueContainer {
    flex-direction: row-reverse;
}

mw-dashboard-widgets-singlevalue .DataGroup[titleLocation='right'] .TitleContainer {
    flex-direction: row;;
}

mw-dashboard-widgets-singlevalue .DataGroup .Title[titleLocation='left'] {
    margin-right: 7px;
}

mw-dashboard-widgets-singlevalue .DataGroup .Title[titleLocation='right']  {
    margin-left: 7px;
}

mw-dashboard-widgets-singlevalue .DataGroup .Title[titleLocation='top'] {
    margin-bottom: 5px;
}

mw-dashboard-widgets-singlevalue .DataGroup .Title[titleLocation='bottom']  {
    margin-top: 5px;
}

mw-dashboard-widgets-singlevalue .Value[dataStyle=ok] {
    color: var(--mw-dashboard-widgets-dataStyle-color-ok);
    fill: var(--mw-dashboard-widgets-dataStyle-color-ok);
}

mw-dashboard-widgets-singlevalue .Value[dataStyle=warning] {
    color: var(--mw-dashboard-widgets-dataStyle-color-warning);
    fill: var(--mw-dashboard-widgets-dataStyle-color-warning);
}

mw-dashboard-widgets-singlevalue .Value[dataStyle=error] {
    color: var(--mw-dashboard-widgets-dataStyle-color-error);
    fill: var(--mw-dashboard-widgets-dataStyle-color-error);
}
  
mw-dashboard-widgets-singlevalue .Title {
    font-size: 13px;
    font-family: Arial;
    color: var(--mw-color-primary);
    fill: var(--mw-color-primary);
    text-align: center;
    line-height: normal;
}

mw-dashboard-widgets-singlevalue .compactStateContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

mw-dashboard-widgets-singlevalue .dummyContainer {
    width: 16px;
    height: 16px;
}

mw-dashboard-widgets-singlevalue .dummyContainer[small] {
    width: 12px;
    height: 12px;
}
mw-dashboard-widgets-simplestack {
    display: block;
    width: 100%;
    height: 100%;
}

mw-dashboard-widgets-simplestack[rendermode='compact'] .stackBodyContainer {
    flex-grow: 1;
    margin-top: 0px;
}

mw-dashboard-widgets-simplestack .stackBodyContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 10px;
}

mw-dashboard-widgets-simplestack[showheader='false'] .stackBodyContainer {
    margin-top: 0px;
}

mw-dashboard-widgets-simplestack .noDataNode {
    text-align: left;
    font-family: Arial;
    line-height: normal;
    color: var(--mw-color-primary);
}

mw-dashboard-widgets-simplestack[rendermode='compact'] .noDataNode {
    padding: 0px 2px 0px 2px;
    margin: 0px 3px 0px 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

mw-dashboard-widgets-simplestack[rendermode='full'] .noDataNode {
    text-align: center;
    margin: 10px 0px 10px 0px;
}

mw-dashboard-widgets-simplestack .stackBody {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; /* needed for text-overflow to work if parent container is to small to display the text */
}

mw-dashboard-widgets-simplestack .compactStateIconContainerWrapper {
    display: flex;
    flex-direction: column;
}

mw-dashboard-widgets-simplestack[rendermode='compact'] .compactStateIconContainerWrapper {
    height: 100%;
}

mw-dashboard-widgets-simplestack[rendermode='compact'] .compactStateIconContainerWrapper[centerStateIcon] {
    height: auto;
}

mw-dashboard-widgets-simplestack .cellStackContainerWrapper {
    display: flex;
}

mw-dashboard-widgets-simplestack[rendermode='compact'] .cellStackContainerWrapper {
    flex-grow: 1;
    flex-direction: column;
}

mw-dashboard-widgets-simplestack .cellStackContainer {
    margin: 0px 3px 0px 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    align-content: center;
}

/* compact mode also centers bar with icon => only works if container the widget is in is small enough */
mw-dashboard-widgets-simplestack[rendermode='compact'] .stackBodyContainer {
    align-items: center;
}

mw-dashboard-widgets-simplestack .cellStack {
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
}

mw-dashboard-widgets-simplestack .cellStack[interactive] {
    cursor: pointer;
}

mw-dashboard-widgets-simplestack .cellStack[growOnHover]:focus,
mw-dashboard-widgets-simplestack .cellStack[growOnHover]:hover {
    box-sizing: content-box;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    outline: 0px;
}

/* prevent focus style when clicked on a cell stack, but make sure user is not hovering over the stack */
mw-dashboard-widgets-simplestack .cellStack[growOnHover]:focus:not(:focus-visible):not(:hover) {
    box-sizing: border-box;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

mw-dashboard-widgets-simplestack .cellStackMissing {
    border-top: 1px solid var(--mw-dashboard-widgets-binBorder);
    border-right: 1px solid var(--mw-dashboard-widgets-binBorder);
    border-bottom: 1px solid var(--mw-dashboard-widgets-binBorder);
    border-left: 1px solid var(--mw-dashboard-widgets-binBorder);
}

mw-dashboard-widgets-simplestack .valueNode {
    text-align: left;
    font-family: Arial;
    line-height: normal;
    color: var(--mw-color-primary);
    flex-shrink: 0;
    margin-left: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
mw-dashboard-widgets-stackedbar {
    width: 100%;
    height: 100%;
    display: block;
}

mw-dashboard-widgets-stackedbar .SBChartContainer {
    flex-grow: 1;
    width: 100%;
    height: 1%; 
}

/* There is some outline applied when clicking and holding down the mouse on the image. The browser gives it focus, when mouse is released 
amCharts moves focus to the container of the image which then gets our focus style applied. The outline style comes from the browser itself.
Normally amCharts takes care of this bug since we need to set hitOptions.noFocus = false; to allow proper keyboard control we need to adjust a few
things here.
*/
mw-dashboard-widgets-stackedbar .SBChartContainer svg .amcharts-Image-group image:focus {
    outline: 0px;
}

mw-dashboard-widgets-stackedbar .SBChartContainer svg .amcharts-RoundedRectangle:focus {
    outline: 0px;
}

mw-dashboard-widgets-stackedbar .SBChartContainer svg .amcharts-Label {
    fill: var(--mw-color-primary);
}

mw-dashboard-widgets-stackedbar .SBChartContainer svg .amcharts-Grid {
    stroke: var(--mw-color-secondary);
}

mw-dashboard-widgets-table {
    display: block;
    width: 100%;
    height: 100%;
}

mw-dashboard-widgets-table .ScrollContainer {
    overflow: auto;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

mw-dashboard-widgets-table .noDataNode {
    text-align: center;
    width: 100%;
    margin: 10px 0px 10px 0px;
    font-family: Arial;
    line-height: normal;
    color: var(--mw-color-primary);
}

mw-dashboard-widgets-table .headerRow {
    width: 100%;
}

mw-dashboard-widgets-table .actualTable {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

mw-dashboard-widgets-table .allTableHeader {
    width: 100%;
    position: sticky;
    top: 0px;
}

mw-dashboard-widgets-table .columnHeader {
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    color: var(--mw-color-primary);
    font-weight: normal;
    word-break: break-all;
    line-height: normal;
    white-space: pre-line;
}

mw-dashboard-widgets-table .bodyEntry {
    padding: 3px;
    font-family: Arial;
    font-size: 11px;
    word-break: break-word;
    line-height: normal;
    color: var(--mw-color-primary);
}

/* we cannot draw the outline around as this will be hidden, outline is around the cell border */
mw-dashboard-widgets-table table thead th.mw-dashboard-widgets-focusable:focus,
mw-dashboard-widgets-table table tbody tr.mw-dashboard-widgets-focusable:focus,
mw-dashboard-widgets-table table tbody th.mw-dashboard-widgets-focusable:focus,
mw-dashboard-widgets-table table tbody td.mw-dashboard-widgets-focusable:focus {
    outline-offset: -2px;
}

mw-dashboard-widgets-table table td,
mw-dashboard-widgets-table table th {
    padding: 3px;
    box-sizing: border-box;
}

mw-dashboard-widgets-table table thead th {
    /* Apply both top and bottom borders to the <th> in header */
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-table table tbody th {
    /* Apply both top and bottom borders to the <th> */
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-table table td {
    /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-table table th:first-child,
mw-dashboard-widgets-table table td:first-child {
    /* Apply a left border on the first <td> or <th> in a row */
    border-left: 1px solid;
    border-color: var(--mw-borderColor-primary);
}

mw-dashboard-widgets-table .clickableTableRow:hover {
    cursor: pointer;
    outline: 1px solid var(--mw-borderColor-focus);
    outline-offset: -1px;
}

mw-dashboard-widgets-table .rowHeader {
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    color: var(--mw-color-primary);
    font-weight: normal;
    line-height: normal;
}

mw-dashboard-widgets-table .unClickableTableRow {
    background-color: #ededed8f;
}

mw-dashboard-widgets-table .clickableTableCell:hover {
    cursor: pointer;
    outline: 1px solid var(--mw-borderColor-focus);
    outline-offset: -1px;
}

mw-dashboard-widgets-table .unClickableTableCell {
    background-color: #ededed8f;
}

mw-dashboard-widgets-table .columnContainer {
    display: flex;
    align-items: center;
}

mw-dashboard-widgets-table .columnStateIconContainer {
    flex-shrink: 0;
    margin: 0px 2px;
}

mw-dashboard-widgets-table .Icon_12px {
    width: 12px;
    height: 12px;
}

mw-dashboard-widgets-table .flexSpacer {
    flex-grow: 1;
}

/*
mw-dashboard-widgets-table th:focus,
mw-dashboard-widgets-table td:focus,
mw-dashboard-widgets-table tr:focus {
    outline-offset: -1px;
}*/

.mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    border-radius: var(--mw-dashboard-widgets-border-radius);
}

.mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer[isempty] {
    margin: 0px;
}

.mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

.mw-dashboard-widgets-_FixedHeaderBase-iconContainer {
    margin-right: 2px;
    flex-shrink: 0;
    display: flex;
}

.mw-dashboard-widgets-_FixedHeaderBase-headerIconContainer {
    margin-right: 2px;
    flex-shrink: 0;
    display: flex;
}

.mw-dashboard-widgets-_FixedHeaderBase-headerIconContainer[hasOtherHeaderItems] {
    margin-left: 10px;
}

.mw-dashboard-widgets-_FixedHeaderBase-growableFlexItem {
    flex-grow: 1;
 }

.mw-dashboard-widgets-_FixedHeaderBase-title {
    font-size: 13px;
    font-family: Arial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 5px;
    line-height: normal;
    color: var(--mw-color-primary);
    display: block;
}

.mw-dashboard-widgets-_FixedHeaderBase-title[hasHeaderIcon] {
    margin-left: 0px;
}

.mw-dashboard-widgets-_FixedHeaderBase-interactiveTitle {
    cursor: pointer;
    color: var(--mw-color-hyperlink);
}

.mw-dashboard-widgets-_FixedHeaderBase-invisibleLegend {
    visibility: hidden;
}

.mw-dashboard-widgets-_FixedHeaderBase-Menu {
    display: none;
}

/* keep separate to :hover, in the case some browser does not support :focus-within it will not break the :hover selector */
.mw-dashboard-widgets-_FixedHeaderBase-FlexContainer:focus-within >
.mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer >
.mw-dashboard-widgets-_FixedHeaderBase-MenuContainer >
.mw-dashboard-widgets-_FixedHeaderBase-Menu {
    display: block;
}

.mw-dashboard-widgets-_FixedHeaderBase-FlexContainer:hover >
.mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer >
.mw-dashboard-widgets-_FixedHeaderBase-MenuContainer >
.mw-dashboard-widgets-_FixedHeaderBase-Menu {
    display: block;
}

.mw-dashboard-widgets-_FixedHeaderBase-MenuContainer {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}
.mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px transparent solid;
    /* we need 1px border as other styles might get applied and/or removed which also set a border which results in resizing of the content */
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-CenteringContainer {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: var(--mw-dashboard-widgets-border-radius);
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-headerFlexContainer {
    display: flex;
    align-items: center;
    position: absolute;
    cursor: default;
    z-index: 1;
    top: 2px;
    left: 0;
    width: 100%;
    padding-top: 2px;
    pointer-events: none;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-headerIndent {
    width: 5px;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-iconContainer {
    margin-left: 2px;
    pointer-events: all;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-unshrinkableFlexItem {
   flex-shrink: 0;
}


.mw-dashboard-widgets-_AbsoluteHeaderBase-growableFlexItem {
    flex-grow: 1;
}

/* keep separate to :hover, in the case some browser does not support :focus-within it will not break the :hover selector */
.mw-dashboard-widgets-_AbsoluteHeaderBase-CenteringContainer:focus-within >
.mw-dashboard-widgets-_AbsoluteHeaderBase-Container >
.mw-dashboard-widgets-_AbsoluteHeaderBase-headerFlexContainer >
.mw-dashboard-widgets-_AbsoluteHeaderBase-MenuContainer >
.mw-dashboard-widgets-_AbsoluteHeaderBase-Menu {
    display: block;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-CenteringContainer:hover >
.mw-dashboard-widgets-_AbsoluteHeaderBase-Container >
.mw-dashboard-widgets-_AbsoluteHeaderBase-headerFlexContainer >
.mw-dashboard-widgets-_AbsoluteHeaderBase-MenuContainer >
.mw-dashboard-widgets-_AbsoluteHeaderBase-Menu {
    display: block;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-invisibleLegend {
    visibility: hidden;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-MenuContainer {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.mw-dashboard-widgets-_AbsoluteHeaderBase-Menu {
    display: none;
    pointer-events: all;
}
mw-dashboard-widgets-menuaffordance {
    width: 16px;
    height: 16px;
    display: block;
}
/* we need to scope to body and not root so that mw-ui-themes variables are in the same scope and can be found*/
/* https://github.mathworks.com/development/mw-ui-themes/blob/main/src/main/stylus/light.styl */
body,
.mw-theme-light {
  --mw-dashboard-widgets-color-0: #00243E;
  --mw-dashboard-widgets-color-1: #0B2F5C;
  --mw-dashboard-widgets-color-2: #104280;
  --mw-dashboard-widgets-color-3: #1656A7;
  --mw-dashboard-widgets-color-4: #1171BE;
  --mw-dashboard-widgets-color-5: #268CDD;
  --mw-dashboard-widgets-color-6: #54B6FF;
  --mw-dashboard-widgets-color-7: #83CAFF;
  --mw-dashboard-widgets-color-8: #B4Deff;
  --mw-dashboard-widgets-color-9: #F5FAFF;

  --mw-dashboard-widgets-color-20: transparent;
  --mw-dashboard-widgets-color-21: #3AC831;
  --mw-dashboard-widgets-color-22: #FFD60A;
  --mw-dashboard-widgets-color-23: #E11B14;
  --mw-dashboard-widgets-color-24: rgb(191, 191, 191); /* Same colors as binBorder but full opacity */
  --mw-dashboard-widgets-color-25: var(--mw-backgroundColor-tertiary);
  --mw-dashboard-widgets-color-26: var(--mw-backgroundColor-primary);


  --mw-dashboard-widgets-color-30: var(--mw-graphics-colorOrder-1-primary);
  --mw-dashboard-widgets-color-31: var(--mw-graphics-colorOrder-2-primary);
  --mw-dashboard-widgets-color-32: var(--mw-graphics-colorOrder-3-primary);
  --mw-dashboard-widgets-color-33: var(--mw-graphics-colorOrder-4-primary);
  --mw-dashboard-widgets-color-34: var(--mw-graphics-colorOrder-5-primary);
  --mw-dashboard-widgets-color-35: var(--mw-graphics-colorOrder-6-primary);
  --mw-dashboard-widgets-color-36: var(--mw-graphics-colorOrder-7-primary);

  --mw-dashboard-widgets-color-50: #F5F5F5;
  --mw-dashboard-widgets-color-51: #E6E6E6;
  --mw-dashboard-widgets-color-52: #D9D9D9;
  --mw-dashboard-widgets-color-53: #BFBFBF;
  --mw-dashboard-widgets-color-54: #A6A6A6;
  --mw-dashboard-widgets-color-55: #888888;
  --mw-dashboard-widgets-color-56: #7D7D7D;
  --mw-dashboard-widgets-color-57: #616161;
  --mw-dashboard-widgets-color-58: #4C4C4C;
  --mw-dashboard-widgets-color-59: #333333;
  --mw-dashboard-widgets-color-60: #212121;
  --mw-dashboard-widgets-color-61: #121212;

  --mw-dashboard-widgets-color-white: var(--mw-color-white);
  --mw-dashboard-widgets-border-radius: 3px;
  --mw-dashboard-widgets-border: 1px solid var(--mw-borderColor-secondary);
  --mw-dashboard-widgets-binBorder: rgba(191, 191, 191, 0.6);
  --mw-dashboard-widgets-dataStyle-color-ok: var(--mw-color-success);
  --mw-dashboard-widgets-dataStyle-color-warning: var(--mw-color-warning);
  --mw-dashboard-widgets-dataStyle-color-error: var(--mw-color-error);
}

/* https://github.mathworks.com/development/mw-ui-themes/blob/main/src/main/stylus/dark.styl */
.mw-theme-dark {
  --mw-dashboard-widgets-color-21: #3AC831;
  --mw-dashboard-widgets-color-22: #FFE864;
  --mw-dashboard-widgets-color-23: #B7312C;
}

.mw-dashboard-widgets-StaleIcon {
  background-color: var(--mw-color-gray700);
  color: var(--mw-color-white);
  line-height: normal;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 10px;
  font-family: Arial;
  margin-left: 3px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.mw-dashboard-widgets-Clickable {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: var(--mw-dashboard-widgets-border-radius);
}

/* always switch cursor to pointer when over clickable element */
.mw-dashboard-widgets-Clickable:hover {
  cursor: pointer;
}

/* also give border color if hovered over clickable element BUT has not focus */
.mw-dashboard-widgets-Clickable:hover:not(:focus) {
  border-color: #0099FF;
}

.mw-dashboard-widgets-Highlightable {
  border: 1px transparent solid;
  border-radius: var(--mw-dashboard-widgets-border-radius);
}

/* keep separate to :hover in a case a browser does not focus-within so that at least hover works */
.mw-dashboard-widgets-Highlightable:focus-within {
  border-color: var(--mw-borderColor-primary);
}

.mw-dashboard-widgets-Highlightable:hover {
  border-color: var(--mw-borderColor-primary);
}

.mw-dashboard-widgets-focusable:focus {
  outline: 2px solid;
  outline-offset: 1px;
  outline-color: var(--mw-color-blue500, #268CDD);
  border-radius: var(--mw-dashboard-widgets-border-radius);
}

/* https://stackoverflow.com/questions/31402576/enable-focus-only-on-keyboard-use-or-tab-press */
.mw-dashboard-widgets-focusable:focus:not(:focus-visible) {
  outline: 0px;
}

.mw-dashboard-widgets-ValueNode {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  font-family: Arial;
  line-height: normal;
  color: var(--mw-color-primary);
}

.mw-dashboard-widgets-rangeLegendColor {
  height: 12px;
  width: 10px;
}

.mw-dashboard-widgets-rangeLegendColorContainer {
  display: flex;
  outline: 1px solid var(--mw-borderColor-secondary);
  outline-offset: -1px;
}

.mw-dashboard-widgets-rangeLegendContainer {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.mw-dashboard-widgets-rangeLegendText {
  font-size: 11px;
  font-family: Arial;
  padding-right: 3px;
  padding-left: 3px;
  flex-shrink: 0;
  line-height: normal;
  color: var(--mw-color-primary);
}

.mw-dashboard-widgets-rangeLegendOuterContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mw-dashboard-widgets-rangeLegendLabel {
  font-family: Arial;
  font-size: 11px;
  flex-shrink: 0;
  padding-top: 3px;
  line-height: normal;
  color: var(--mw-color-primary);
}

.mw-dashboard-widgets-categoryLegendContainer {
  display: flex;
}

.mw-dashboard-widgets-categoryLegendEntry {
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.mw-dashboard-widgets-categoryLegendColor {
  margin: 5px;
  width: 10px;
  height: 10px;
}

.mw-dashboard-widgets-categoryLegendLabel {
  font-family: Arial;
  font-size: 11px;
  line-height: normal;
  color: var(--mw-color-primary);
}

.mw-dashboard-widgets-compactStateIconContainer {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* keep this last as it is used to overwrite sizes on certain dom nodes*/
.mw-dashboard-widgets-iconSmall {
  width: 12px;
  height: 12px;
}

.mw-dashboard-widgets-allowNewline {
  white-space: pre-wrap;
}

/*
 * DatePicker gets much of its styling from ComboBox through the baseClass: "mwWidget mwComboBox mwDatePicker"
 */

/*******************************************************************************************/

/* DatePicker
 *
 * Styling DatePicker and Calendar:
 * <div id="myDatePicker" class="mwDatePicker"></div>
 * ...
 * <div id="myDatePicker_dropdown" class="mwCalendarPopop">
 *		<div id="mwDatePicker_popup" class="mwCalendarContainer mwCalendar"></div>
 * </div>
 *
 */

/* DatePicker.css gets these rules because the calendar popup is not part of the calendar itself */
.mwCalendarPopup {
    position: absolute;
    background-color: transparent;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.mwCalendarPopup.mwDropDownHasOpenedDownwards {
    margin-top: 1px;
}

.mwCalendarPopup.mwDropDownHasOpenedUpwards {
    margin-top: -1px;
}

.mwDatePicker.mwComboBox.mwDropDownHasOpenedDownwards {
  border-radius: 0 5px 0 0;
}

.mwDatePicker.mwComboBox.mwDropDownHasOpenedUpwards {
  border-radius: 0 0 5px 0;
}

.mwDatePicker.mwComboBox.mwDropDownHasOpenedDownwards.mwNonEditable {
  border-radius: 5px 5px 0 0;
}

.mwDatePicker.mwComboBox.mwDropDownHasOpenedUpwards.mwNonEditable {
  border-radius: 0 0 5px 5px;
}
.mwCalendar .mwPushButton.mwCalendarDecrementMonth{border-top-right-radius:0;border-bottom-right-radius:0}.mwCalendar .mwPushButton.mwCalendarTodayMonth{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;margin:0 -1px 0 -1px}.mwCalendar .mwPushButton.mwCalendarIncrementMonth{border-top-left-radius:0;border-bottom-left-radius:0}.mwCalendar .mwCalendarMonthControlsContainer .mwIconAndTextContainerNode .mwTextNode.mwEmptyNode{display:none}.mwCalendar .mwCalendarDecrease{background-position:top left}.mwCalendar .mwCalendarIncrease{background-position:-30px top}.mwCalendar.mwCalendarContainer{font-size:12px;font-family:"Arial";border-spacing:0;border-collapse:separate;margin:0}.mwCalendar .mwCalendarControlsContainer{padding-bottom:10px;font-size:0}.mwCalendar .mwCalendarDayLabelTemplate{font-size:12px;font-family:"Arial";font-weight:normal;text-align:center;padding:5px;color:var(--mw-color-secondary,$mw-color-secondary);background-color:var(--mw-backgroundColor-primary,$mw-backgroundColor-primary);vertical-align:middle}.mwCalendar .mwCalendarHeadContainer{border-top:1px solid var(--mw-borderColor-secondary,$mw-borderColor-secondary);border-bottom:1px solid var(--mw-borderColor-secondary,$mw-borderColor-secondary);background-color:var(--mw-backgroundColor-primary,$mw-backgroundColor-primary)}.mwCalendar .mwCalendarBodyContainer{border-bottom:1px solid var(--mw-borderColor-secondary,$mw-borderColor-secondary)}.mwCalendar .mwCalendarTable{border-collapse:collapse}.mwCalendar .mwCalendarDateTemplate{font-size:12px;font-family:"Arial";text-align:center;padding:3px 5px;vertical-align:middle;color:var(--mw-color-primary,$mw-color-primary);background-color:var(--mw-backgroundColor-tertiary,$mw-backgroundColor-tertiary)}.mwCalendar .mwCalendarDateTemplate > span{padding:inherit}.mwCalendar .mwCalendarPreviousMonth,.mwCalendar .mwCalendarNextMonth{color:var(--mw-color-readOnly,$mw-color-readOnly)}.mwCalendar .mwCalendarCurrentMonth,.mwCalendar .mwCalendarCurrentYear{background-color:var(--mw-backgroundColor-tertiary,$mw-backgroundColor-tertiary)}.mwCalendar .mwCalendarCurrentDate{outline:1px solid var(--mw-borderColor-primary,$mw-borderColor-primary)}.mwCalendar .mwCalendarHoveredDate{background-color:var(--mw-backgroundColor-secondary,$mw-backgroundColor-secondary)}.mwCalendar .mwCalendarWeekendDate{background-color:var(--mw-backgroundColor-secondary,$mw-backgroundColor-secondary)}.mwCalendar .mwCalendarWeekendDate.mwCalendarHoveredDate{background-color:var(--mw-backgroundColor-tertiary,$mw-backgroundColor-tertiary)}.mwCalendar .mwCalendarSelectedDate{background-color:var(--mw-backgroundColor-selectedFocus,$mw-backgroundColor-selectedFocus);color:var(--mw-color-primary,$mw-color-primary)}.mwCalendar.mwCalendarContainer > table{width:auto;clear:both;border:1px solid var(--mw-borderColor-secondary,$mw-borderColor-secondary)}.mwCalendar .mwCalendarControlsContainer{text-align:left}.mwCalendar .mwCalendarMonthYearControlsContainer{display:inline-block}.mwCalendar .mwCalendarMonthControl{margin-right:3px}.mwCalendar .mwCalendarMonthControlsContainer{float:right}.mwCalendar .mwCalendarDateTemplate{cursor:pointer;-webkit-tap-highlight-color:transparent}.mwCalendar .mwCalendarDisabledDate{text-decoration:line-through;cursor:default}.mwCalendar .mwCalendarDisabledDate .mwCalendarDateLabel{opacity:var(--mw-opacity-disabled,$mw-opacity-disabled)}.mwCalendar .mwCalendarBodyContainer td:focus{outline-width:1px;outline-color:var(--mw-borderColor-focus,$mw-borderColor-focus);outline-style:solid}.mwCalendar.mwCalendarContainer{border:1px solid var(--mw-borderColor-secondary,$mw-borderColor-secondary);background-color:var(--mw-backgroundColor-primary,$mw-backgroundColor-primary);padding:10px}.mwCalendarMonthPopup,.mwCalendarYearPopup{border:1px solid var(--mw-borderColor-secondary,$mw-borderColor-secondary);margin-top:-1px}.mwCalendarMonthDropDown,.mwCalendarYearDropDown{position:absolute;background-color:transparent;margin:0;border:0;padding:0;-webkit-overflow-scrolling:touch}.mwCalendar .mwPushButton.mwCalendarDecrementMonth:focus,.mwCalendar .mwPushButton.mwCalendarTodayMonth:focus,.mwCalendar .mwPushButton.mwCalendarIncrementMonth:focus{z-index:1}.mwCalendar .mwPushButton.mwCalendarDecrementMonth,.mwCalendar .mwPushButton.mwCalendarTodayMonth,.mwCalendar .mwPushButton.mwCalendarIncrementMonth{z-index:0}.mwCalendar .mwCalendarMonthControlsContainer .mwIconNode{margin-left:4px;margin-right:4px;padding-bottom:6px}


:root {
/* gray scale */
  --mw-color-white: #fff;
  --mw-color-gray50: #f5f5f5;
  --mw-color-gray100: #e6e6e6;
  --mw-color-gray200: #d9d9d9;
  --mw-color-gray300: #bfbfbf;
  --mw-color-gray400: #a6a6a6;
  --mw-color-gray500: #888;
  --mw-color-gray600: #7d7d7d;
  --mw-color-gray700: #616161;
  --mw-color-gray750: #4c4c4c;
  --mw-color-gray800: #333;
  --mw-color-gray900: #212121;
  --mw-color-gray950: #121212;
  --mw-color-black: #000;
/* red scale */
  --mw-color-red100: #faf0f0;
  --mw-color-red150: #ffe1e0;
  --mw-color-red200: #ffcbcb;
  --mw-color-red300: #ff9d9a;
  --mw-color-red400: #ff7a74;
  --mw-color-red500: #ff453a;
  --mw-color-red550: #e11b14;
  --mw-color-red600: #b7312c;
  --mw-color-red700: #902622;
  --mw-color-red800: #610908;
  --mw-color-red850: #4d0100;
  --mw-color-red900: #330e0b;
/* orange scale */
  --mw-color-orange100: #fef9ed;
  --mw-color-orange150: #ffd9b7;
  --mw-color-orange200: #ffd19e;
  --mw-color-orange300: #ffab66;
  --mw-color-orange400: #fe9043;
  --mw-color-orange500: #f57729;
  --mw-color-orange550: #dd5400;
  --mw-color-orange600: #c04c0b;
  --mw-color-orange700: #a24302;
  --mw-color-orange800: #823400;
  --mw-color-orange850: #663011;
  --mw-color-orange900: #332002;
/* yellow scale */
  --mw-color-yellow100: #f3efe5;
  --mw-color-yellow200: #fff5bc;
  --mw-color-yellow300: #ffef91;
  --mw-color-yellow400: #ffe864;
  --mw-color-yellow500: #ffd60a;
  --mw-color-yellow550: #c6a814;
  --mw-color-yellow600: #8b6606;
  --mw-color-yellow700: #674c06;
  --mw-color-yellow800: #453304;
  --mw-color-yellow900: #261b00;
/* green scale */
  --mw-color-green100: #f5fff2;
  --mw-color-green200: #e5fadd;
  --mw-color-green300: #cbffbe;
  --mw-color-green400: #94ef84;
  --mw-color-green450: #49db40;
  --mw-color-green500: #3ac831;
  --mw-color-green550: #3baa32;
  --mw-color-green600: #008013;
  --mw-color-green700: #02580e;
  --mw-color-green800: #013e0a;
  --mw-color-green900: #062c04;
/* teal scale */
  --mw-color-teal100: #f2fffd;
  --mw-color-teal200: #d0f9f4;
  --mw-color-teal300: #74ebda;
  --mw-color-teal400: #1fcfbe;
  --mw-color-teal500: #00a3a3;
  --mw-color-teal600: #027880;
  --mw-color-teal700: #02555c;
  --mw-color-teal800: #013a3e;
  --mw-color-teal900: #002121;
/* blue scale */
  --mw-color-blue100: #f5faff;
  --mw-color-blue150: #c9e7ff;
  --mw-color-blue200: #b4deff;
  --mw-color-blue300: #83caff;
  --mw-color-blue400: #54b6ff;
  --mw-color-blue500: #268cdd;
  --mw-color-blue550: #1171be;
  --mw-color-blue600: #1656a7;
  --mw-color-blue700: #104280;
  --mw-color-blue800: #0b2f5c;
  --mw-color-blue900: #00243e;
/* cobalt scale */
  --mw-color-cobalt100: #deefff;
  --mw-color-cobalt150: #daecff;
  --mw-color-cobalt200: #cbe5ff;
  --mw-color-cobalt300: #a3c8ff;
  --mw-color-cobalt400: #7da9ff;
  --mw-color-cobalt500: #6582fd;
  --mw-color-cobalt600: #0e00ff;
  --mw-color-cobalt700: #0c02af;
  --mw-color-cobalt800: #08036f;
  --mw-color-cobalt900: #141a33;
/* purple scale */
  --mw-color-purple100: #fbf4ff;
  --mw-color-purple150: #f3e3ff;
  --mw-color-purple200: #eed7ff;
  --mw-color-purple300: #e6bfff;
  --mw-color-purple400: #d694ff;
  --mw-color-purple500: #c05cfb;
  --mw-color-purple600: #a709f5;
  --mw-color-purple700: #8516d1;
  --mw-color-purple800: #5e2296;
  --mw-color-purple850: #38115e;
  --mw-color-purple900: #271232;
/* pink scale */
  --mw-color-pink100: #fbe5f3;
  --mw-color-pink150: #ffdbf2;
  --mw-color-pink200: #fecded;
  --mw-color-pink300: #fcb1e3;
  --mw-color-pink400: #fa8ad4;
  --mw-color-pink500: #f267c5;
  --mw-color-pink550: #e951b8;
  --mw-color-pink600: #d1048b;
  --mw-color-pink700: #960064;
  --mw-color-pink800: #6e0149;
  --mw-color-pink850: #56014e;
  --mw-color-pink900: #330133;
/* brown scale */
  --mw-color-brown100: #f5ede9;
  --mw-color-brown150: #fbe7d8;
  --mw-color-brown200: #f3d3bc;
  --mw-color-brown300: #e9b490;
  --mw-color-brown400: #dc996c;
  --mw-color-brown500: #cb845d;
  --mw-color-brown600: #a0522d;
  --mw-color-brown700: #7b3115;
  --mw-color-brown800: #5f1b08;
  --mw-color-brown850: #461b0f;
  --mw-color-brown900: #26190e;
/* aqua scale */
  --mw-color-aqua100: #dfffff;
  --mw-color-aqua200: #c4ffff;
  --mw-color-aqua300: #6cf4ff;
  --mw-color-aqua400: #35d2fa;
  --mw-color-aqua450: #2fbeef;
  --mw-color-aqua500: #00a9e0;
  --mw-color-aqua550: #2393bf;
  --mw-color-aqua600: #1776a5;
  --mw-color-aqua700: #245474;
  --mw-color-aqua800: #273d4f;
  --mw-color-aqua900: #232b33;
/* gold scale */
  --mw-color-gold100: #fff9ef;
  --mw-color-gold150: #ffebb7;
  --mw-color-gold200: #ffdb9a;
  --mw-color-gold300: #fec04c;
  --mw-color-gold400: #edb120;
  --mw-color-gold500: #b3882a;
  --mw-color-gold600: #745a26;
  --mw-color-gold700: #634d20;
  --mw-color-gold800: #4a3a19;
  --mw-color-gold900: #332916;
/* honey scale */
  --mw-color-honey100: #fff4e0;
  --mw-color-honey150: #ffeac6;
  --mw-color-honey200: #ffd997;
  --mw-color-honey300: #ffb942;
  --mw-color-honey400: #ffa100;
  --mw-color-honey500: #e38b0f;
  --mw-color-honey550: #b36205;
  --mw-color-honey600: #9c5f23;
  --mw-color-honey700: #724824;
  --mw-color-honey750: #653c1a;
  --mw-color-honey800: #472f1e;
  --mw-color-honey900: #291b11;
/* brand color */
  --mw-color-brand1: #0076a8;
  --mw-color-brand2: #08609d;
  --mw-color-brand3: #004b87;
  --mw-color-brand4: #004073;
}
:root {
  --mw-fontFamily: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-en: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-zh-cn: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-ja-jp: 'Meiryo UI', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
  --mw-fontFamily-lang-ko-kr: Gulim, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif;
}
.mw-theme-dark {
  --mw-themeName: dark;
/* property: background-color */
  --mw-backgroundColor-active: var(--mw-color-black);
  --mw-backgroundColor-dragged: var(--mw-color-gray800);
  --mw-backgroundColor-error: var(--mw-color-red500);
  --mw-backgroundColor-primary-error: var(--mw-color-red500);
  --mw-backgroundColor-secondary-error: var(--mw-color-red900);
  --mw-backgroundColor-errorContainer: var(--mw-color-red800);
  --mw-backgroundColor-excludeHighlight: var(--mw-color-purple700);
  --mw-backgroundColor-info: var(--mw-color-blue500);
  --mw-backgroundColor-primary-info: var(--mw-color-blue500);
  --mw-backgroundColor-secondary-info: var(--mw-color-blue900);
  --mw-backgroundColor-importedTableHeader-hover: var(--mw-color-blue600);
  --mw-backgroundColor-primary: var(--mw-color-gray900);
  --mw-backgroundColor-hover: var(--mw-color-gray800);
  --mw-backgroundColor-reorderingValid: var(--mw-color-blue500);
  --mw-backgroundColor-reorderingInvalid: var(--mw-color-red500);
  --mw-backgroundColor-reorderingInvalid-secondary: var(--mw-color-red700);
  --mw-backgroundColor-secondary: var(--mw-color-gray800);
  --mw-backgroundColor-secondary-hover: var(--mw-color-gray900);
  --mw-backgroundColor-selected: var(--mw-color-gray700);
  --mw-backgroundColor-selectedFocus: var(--mw-color-blue800);
  --mw-backgroundColor-searchHighlight: var(--mw-color-yellow600);
  --mw-backgroundColor-searchHighlight-secondary: var(--mw-color-yellow800);
  --mw-backgroundColor-searchHighlight-tertiary: var(--mw-color-honey550);
  --mw-backgroundColor-success: var(--mw-color-green500);
  --mw-backgroundColor-primary-success: var(--mw-color-green500);
  --mw-backgroundColor-secondary-success: var(--mw-color-green900);
  --mw-backgroundColor-text-selected: var(--mw-color-black);
  --mw-backgroundColor-tertiary: var(--mw-color-black);
  --mw-backgroundColor-toggleOn: var(--mw-color-black);
  --mw-backgroundColor-toggleOn-hover: var(--mw-color-gray950);
  --mw-backgroundColor-warning: var(--mw-color-gold400);
  --mw-backgroundColor-primary-warning: var(--mw-color-gold400);
  --mw-backgroundColor-secondary-warning: var(--mw-color-gold900);
  --mw-backgroundColor-zoomIndicator: var(--mw-color-gray400);
/* target: gallery */
  --mw-backgroundColor-gallery-toggleOn: var(--mw-color-gray900);
/* target: input */
  --mw-backgroundColor-input: var(--mw-color-gray950);
  --mw-backgroundColor-input-dirty: var(--mw-color-yellow800);
  --mw-backgroundColor-input-readonly: var(--mw-color-gray800);
  --mw-backgroundColor-inputFill: var(--mw-color-gray200);
/* target: icon */
  --mw-backgroundColor-iconuiFill: var(--mw-color-gray500);
  --mw-backgroundColor-iconuiFill-primary: var(--mw-color-gray500);
  --mw-backgroundColor-iconuiFill-secondary: var(--mw-color-gray300);
  --mw-backgroundColor-iconuiFill-tertiary: var(--mw-color-red500);
  --mw-backgroundColor-iconuiFill-quaternary: var(--mw-color-blue400);
  --mw-backgroundColor-iconuiFill-hover: var(--mw-color-gray400);
  --mw-backgroundColor-iconuiFill-validation: var(--mw-color-white);
  --mw-backgroundColor-iconuiFill-invalid: var(--mw-color-white);
/* target: header */
  --mw-backgroundColor-header: var(--mw-color-brand4);
/* target: overlay */
  --mw-backgroundColor-overlay: var(--mw-color-black);
/* target: tab */
  --mw-backgroundColor-tab: var(--mw-color-gray900);
  --mw-backgroundColor-tab-selected: var(--mw-color-gray950);
/* target: taskbar */
  --mw-backgroundColor-taskbarButton-active: var(--mw-color-gray800);
  --mw-backgroundColor-taskbarButton-hover: var(--mw-color-gray900);
/* target: toolbar */
  --mw-backgroundColor-toolbar-toggleOn: var(--mw-color-blue800);
/* target: toolstrip */
  --mw-backgroundColor-toolstripClosableTab: var(--mw-color-brand2);
  --mw-backgroundColor-toolstripContextualTab: var(--mw-color-blue550);
  --mw-backgroundColor-toolstripTab: var(--mw-color-brand4);
  --mw-backgroundColor-toolstripTab-hover: var(--mw-color-blue500);
/* target: tree, table, treetable */
  --mw-backgroundColor-list-hover: var(--mw-color-gray600);
/* target: MATLAB Editor */
  --mw-backgroundColor-activeSection: var(--mw-color-blue500);
  --mw-backgroundColor-activeSection-hover: var(--mw-color-blue400);
  --mw-backgroundColor-autofix: var(--mw-color-yellow700);
  --mw-backgroundColor-currentLineExecution: var(--mw-color-green800);
  --mw-backgroundColor-currentLineExecutionBrick: var(--mw-color-green600);
  --mw-backgroundColor-currentlineHighlight: var(--mw-color-green700);
  --mw-backgroundColor-editorInput-readonly: var(--mw-color-gray800);
  --mw-backgroundColor-gutter-currentExecutingLine: var(--mw-color-white);
  --mw-backgroundColor-highlight: var(--mw-color-gray700);
  --mw-backgroundColor-highlight-secondary: var(--mw-color-honey750);
  --mw-backgroundColor-highlight-focus: var(--mw-color-blue600);
  --mw-backgroundColor-mismatch: var(--mw-color-yellow700);
  --mw-backgroundColor-variableHighlight: var(--mw-color-teal700);
  --mw-backgroundColor-breakpoint: var(--mw-color-red800);
  --mw-backgroundColor-breakpoint-hover: var(--mw-color-red900);
  --mw-backgroundColor-breakpointConditional: var(--mw-color-yellow900);
  --mw-backgroundColor-breakpointDisabled: var(--mw-color-gray900);
  --mw-backgroundColor-currentSection-selected: var(--mw-color-gray800);
  --mw-backgroundColor-currentSection-selectedFocus: var(--mw-color-blue800);
  --mw-backgroundColor-stackLineExecution: var(--mw-color-gray800);
  --mw-backgroundColor-notificationBanner: var(--mw-color-yellow800);
  --mw-backgroundColor-announcementBanner: var(--mw-color-blue900);
  --mw-backgroundColor-variableHighlightMarker: var(--mw-color-teal600);
/* target: qab */
  --mw-backgroundColor-iconuiFill-qab: var(--mw-color-gray400);
  --mw-backgroundColor-qab: var(--mw-color-brand4);
  --mw-backgroundColor-qab-hover: var(--mw-color-blue800);
  --mw-backgroundColor-qab-active: var(--mw-color-blue900);
/* target: scrollbar */
  --mw-backgroundColor-scrollbarThumb: var(--mw-color-gray700);
  --mw-backgroundColor-scrollbarThumb-hover: var(--mw-color-gray600);
  --mw-backgroundColor-scrollbarThumb-active: var(--mw-color-gray500);
/* target: UI Components */
  --mw-backgroundColor-switch: var(--mw-color-gray600);
/* target: mcos */
  --mw-backgroundColor-mcos-enum: var(--mw-color-green500);
  --mw-backgroundColor-mcos-hidden: var(--mw-color-gray500);
  --mw-backgroundColor-mcos-class: var(--mw-color-blue500);
/* target: diff */
  --mw-backgroundColor-diff-mineHighlight: var(--mw-color-blue900);
  --mw-backgroundColor-diff-baseHighlight: var(--mw-color-gold900);
  --mw-backgroundColor-diff-theirsHighlight: var(--mw-color-purple900);
  --mw-backgroundColor-diff-conflictHighlight: var(--mw-color-red900);
  --mw-backgroundColor-diff-targetHighlight: var(--mw-color-green900);
  --mw-backgroundColor-diff-mine: var(--mw-color-blue550);
  --mw-backgroundColor-diff-base: var(--mw-color-gold500);
  --mw-backgroundColor-diff-theirs: var(--mw-color-purple500);
  --mw-backgroundColor-diff-modification: var(--mw-color-purple500);
  --mw-backgroundColor-diff-conflict: var(--mw-color-red500);
  --mw-backgroundColor-diff-target: var(--mw-color-green500);
/* target: chatBubble */
  --mw-backgroundColor-chatBubble: var(--mw-color-blue800);
/* target: panelHeader */
  --mw-backgroundColor-panelHeader: var(--mw-color-blue550);
/* property: border-color */
  --mw-borderColor-deemphasized: var(--mw-color-gray700);
  --mw-borderColor-error: var(--mw-color-red500);
  --mw-borderColor-focus: var(--mw-color-blue500);
  --mw-borderColor-info: var(--mw-color-blue500);
  --mw-borderColor-hover: var(--mw-color-gray300);
  --mw-borderColor-primary: var(--mw-color-gray600);
  --mw-borderColor-selected: var(--mw-color-gray400);
  --mw-borderColor-secondary: var(--mw-color-gray700);
  --mw-borderColor-success: var(--mw-color-green500);
  --mw-borderColor-warning: var(--mw-color-gold400);
  --mw-borderColor-tertiary: var(--mw-color-gray400);
  --mw-borderColor-toggleOn-hover: var(--mw-color-gray400);
/* target: toolbar */
  --mw-borderColor-toolbar-toggleOn: var(--mw-color-blue700);
/* target: MATLAB Editor */
  --mw-borderColor-activeSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection-hover: var(--mw-color-blue400);
  --mw-borderColor-autofix: var(--mw-color-yellow500);
  --mw-borderColor-mismatch: var(--mw-color-yellow500);
  --mw-borderColor-nonActiveSection: var(--mw-color-gray400);
  --mw-borderColor-nonActiveStaleSection: var(--mw-color-gray400);
  --mw-borderColor-nonActiveStaleSection-hover: var(--mw-color-gray300);
  --mw-borderColor-variableHighlight: var(--mw-color-teal500);
  --mw-borderColor-breakpoint: var(--mw-color-red500);
  --mw-borderColor-breakpoint-hover: var(--mw-color-red500);
  --mw-borderColor-breakpointConditional: var(--mw-color-yellow500);
  --mw-borderColor-breakpointDisabled: var(--mw-color-gray500);
  --mw-borderColor-currentSection-selected: var(--mw-color-gray400);
  --mw-borderColor-currentSection-selectedFocus: var(--mw-color-blue500);
  --mw-borderColor-currentSection-selectedFocusStale: var(--mw-color-blue500);
  --mw-borderColor-currentSection-selectedStale: var(--mw-color-gray400);
/* target: tab */
  --mw-borderColor-tab-primary: var(--mw-color-brand3);
  --mw-borderColor-tab-primary-selected: var(--mw-color-blue500);
  --mw-borderColor-tab-secondary: var(--mw-color-gray600);
/* target: UI Components */
  --mw-borderColor-switch: var(--mw-color-gray400);
/* property: boxshadow */
  --mw-boxShadowColor: var(--mw-color-black);
  --mw-boxShadowColor-focus: var(--mw-color-blue500);
/* property: color */
  --mw-color-error: var(--mw-color-red400);
  --mw-color-errorContainer: var(--mw-color-white);
  --mw-color-emphasized: var(--mw-color-orange500);
  --mw-color-info: var(--mw-color-blue500);
  --mw-color-hyperlink: var(--mw-color-blue400);
  --mw-color-hyperlink-hover: var(--mw-color-blue300);
  --mw-color-hyperlink-visited: var(--mw-color-purple500);
  --mw-color-primary: var(--mw-color-gray200);
  --mw-color-quaternary: var(--mw-color-black);
  --mw-color-readOnly: var(--mw-color-gray400);
  --mw-color-secondary: var(--mw-color-gray500);
  --mw-color-secondary-hover: var(--mw-color-gray300);
  --mw-color-selected: var(--mw-color-gray500);
  --mw-color-selected-noFocus: var(--mw-color-gray100);
  --mw-color-selectedFocus: var(--mw-color-blue400);
  --mw-color-searchHighlight: var(--mw-color-white);
  --mw-color-success: var(--mw-color-green400);
  --mw-color-tertiary: var(--mw-color-white);
  --mw-color-warning: var(--mw-color-gold400);
/* target: MATLAB code */
  --mw-color-code: var(--mw-color-gray200);
  --mw-color-commandWindowWarning: var(--mw-color-orange400);
  --mw-color-generatedCode: var(--mw-color-teal400);
  --mw-color-highlight: var(--mw-color-gray100);
  --mw-color-matlabAttributeName: var(--mw-color-purple300);
  --mw-color-matlabCharacters: var(--mw-color-pink500);
  --mw-color-matlabComment: var(--mw-color-green400);
  --mw-color-matlabDataTypes: var(--mw-color-purple300);
  --mw-color-matlabDoctype: var(--mw-color-cobalt500);
  --mw-color-matlabErrors: var(--mw-color-red400);
  --mw-color-matlabFields: var(--mw-color-gray400);
  --mw-color-matlabInstruction: var(--mw-color-blue500);
  --mw-color-matlabKeyword: var(--mw-color-cobalt400);
  --mw-color-matlabNodeTypes: var(--mw-color-aqua400);
  --mw-color-matlabUnterminatedString: var(--mw-color-red300);
  --mw-color-matlabString: var(--mw-color-purple400);
  --mw-color-matlabSystemCommands: var(--mw-color-yellow500);
  --mw-color-matlabValidationSections: var(--mw-color-brown500);
  --mw-color-matlabVariables: var(--mw-color-teal500);
  --mw-color-variableHighlightSharedScope: var(--mw-color-teal400);
  --mw-color-matlabWarning: var(--mw-color-orange400);
/* target: MATLAB Editor */
  --mw-color-list-hover: var(--mw-color-black);
  --mw-color-list-primary: var(--mw-color-blue400);
  --mw-color-sectionHeader: var(--mw-color-orange500);
  --mw-color-zoomIndicator: var(--mw-color-black);
/* target: WSB */
  --mw-color-variableMetadata: var(--mw-color-blue500);
  --mw-color-variableMetadata-selected: var(--mw-color-blue100);
/* property: opacity */
  --mw-opacity-disabled: 0.45;
/* property: selected */
  --mw-selectedColor-switch: var(--mw-color-gray600);
/* property: unselected */
  --mw-unselectedTopColor-switch: var(--mw-color-gray750);
  --mw-unselectedBottomColor-switch: var(--mw-color-gray300);
/* property: highlight */
  --mw-highlightTopColor-switch: var(--mw-color-gray400);
/* property: shadow */
  --mw-shadowBottomColor-switch: var(--mw-color-gray400);
/* target: mw-icons */
/* property: background */
  --mw-icon-background-default-white: var(--mw-color-white);
  --mw-icon-background-default-light-gray: var(--mw-color-gray50);
  --mw-icon-background-default-medium-gray: var(--mw-color-gray200);
  --mw-icon-background-default-dark-gray: var(--mw-color-gray400);
  --mw-icon-background-default-green: var(--mw-color-green300);
  --mw-icon-background-lightest-blue: var(--mw-color-blue100);
  --mw-icon-background-light-blue: var(--mw-color-blue200);
  --mw-icon-background-medium-blue: var(--mw-color-blue300);
  --mw-icon-background-brown: var(--mw-color-brown400);
  --mw-icon-background-light-yellow: var(--mw-color-yellow200);
  --mw-icon-background-medium-yellow: var(--mw-color-yellow300);
  --mw-icon-background-light-gold: var(--mw-color-gold300);
  --mw-icon-background-red: var(--mw-color-red300);
  --mw-icon-background-default-highlight: var(--mw-color-yellow400);
  --mw-icon-background-dfault-selection: var(--mw-color-blue200);
  --mw-icon-background-default-action: var(--mw-color-green300);
/* property: border */
  --mw-icon-border-default-gray: var(--mw-color-gray900);
  --mw-icon-border-disabled-gray: var(--mw-color-gray500);
  --mw-icon-border-default-green: var(--mw-color-gray900);
  --mw-icon-border-dark-green: var(--mw-color-green900);
  --mw-icon-borderColor-light-blue: var(--mw-color-blue500);
  --mw-icon-border-default-blue: var(--mw-color-gray900);
  --mw-icon-border-default-brown: var(--mw-color-gray900);
  --mw-icon-border-default-yellow: var(--mw-color-gray900);
  --mw-icon-border-dark-gold: var(--mw-color-gold900);
  --mw-icon-border-default-red: var(--mw-color-gray900);
/* property: glyph */
  --mw-icon-glyph-content-gray: var(--mw-color-gray700);
  --mw-icon-glyph-content-dark-gray: var(--mw-color-gray800);
  --mw-icon-glyph-disabled-gray: var(--mw-color-gray500);
  --mw-icon-glyph-content-green: var(--mw-color-green600);
  --mw-icon-glyph-content-dark-green: var(--mw-color-green700);
  --mw-icon-glyph-content-light-blue: var(--mw-color-blue500);
  --mw-icon-glyph-content-blue: var(--mw-color-blue600);
  --mw-icon-glyph-content-dark-blue: var(--mw-color-blue700);
  --mw-icon-glyph-content-brown: var(--mw-color-brown800);
  --mw-icon-glyph-content-yellow: var(--mw-color-yellow700);
  --mw-icon-glyph-content-red: var(--mw-color-red700);
  --mw-icon-glyph-content-dark-red: var(--mw-color-red800);
  --mw-icon-glyph-content-mono: var(--mw-color-gray700);
  --mw-icon-glyph-content-flip-light: var(--mw-color-white);
  --mw-icon-glyph-content-flip-dark: var(--mw-color-gray700);
  --mw-icon-glyph-github: var(--mw-color-white);
  --mw-icon-alert-red: var(--mw-color-red600);
  --mw-icon-object-primary: var(--mw-color-white);
  --mw-icon-object-secondary: var(--mw-color-gray700);
/*target: graphics */
  --mw-graphics-colorOrder-1-primary: var(--mw-color-blue500);
  --mw-graphics-colorOrder-1-secondary: var(--mw-color-blue600);
  --mw-graphics-colorOrder-1-tertiary: var(--mw-color-blue800);
  --mw-graphics-colorOrder-1-quaternary: var(--mw-color-blue300);
  --mw-graphics-colorOrder-2-primary: var(--mw-color-orange500);
  --mw-graphics-colorOrder-2-secondary: var(--mw-color-orange700);
  --mw-graphics-colorOrder-2-tertiary: var(--mw-color-orange850);
  --mw-graphics-colorOrder-2-quaternary: var(--mw-color-orange200);
  --mw-graphics-colorOrder-3-primary: var(--mw-color-yellow400);
  --mw-graphics-colorOrder-3-secondary: var(--mw-color-yellow600);
  --mw-graphics-colorOrder-3-tertiary: var(--mw-color-yellow800);
  --mw-graphics-colorOrder-3-quaternary: var(--mw-color-yellow200);
  --mw-graphics-colorOrder-4-primary: var(--mw-color-purple500);
  --mw-graphics-colorOrder-4-secondary: var(--mw-color-purple700);
  --mw-graphics-colorOrder-4-tertiary: var(--mw-color-purple850);
  --mw-graphics-colorOrder-4-quaternary: var(--mw-color-purple300);
  --mw-graphics-colorOrder-5-primary: var(--mw-color-green450);
  --mw-graphics-colorOrder-5-secondary: var(--mw-color-green600);
  --mw-graphics-colorOrder-5-tertiary: var(--mw-color-green800);
  --mw-graphics-colorOrder-5-quaternary: var(--mw-color-green300);
  --mw-graphics-colorOrder-6-primary: var(--mw-color-aqua300);
  --mw-graphics-colorOrder-6-secondary: var(--mw-color-aqua550);
  --mw-graphics-colorOrder-6-tertiary: var(--mw-color-aqua800);
  --mw-graphics-colorOrder-6-quaternary: var(--mw-color-aqua100);
  --mw-graphics-colorOrder-7-primary: var(--mw-color-pink500);
  --mw-graphics-colorOrder-7-secondary: var(--mw-color-pink700);
  --mw-graphics-colorOrder-7-tertiary: var(--mw-color-pink850);
  --mw-graphics-colorOrder-7-quaternary: var(--mw-color-pink200);
  --mw-graphics-colorOrder-8-primary: var(--mw-color-gold300);
  --mw-graphics-colorOrder-8-secondary: var(--mw-color-gold600);
  --mw-graphics-colorOrder-8-tertiary: var(--mw-color-gold800);
  --mw-graphics-colorOrder-8-quaternary: var(--mw-color-gold150);
  --mw-graphics-colorOrder-9-primary: var(--mw-color-cobalt400);
  --mw-graphics-colorOrder-9-secondary: var(--mw-color-cobalt600);
  --mw-graphics-colorOrder-9-tertiary: var(--mw-color-cobalt800);
  --mw-graphics-colorOrder-9-quaternary: var(--mw-color-cobalt300);
  --mw-graphics-colorOrder-10-primary: var(--mw-color-red400);
  --mw-graphics-colorOrder-10-secondary: var(--mw-color-red700);
  --mw-graphics-colorOrder-10-tertiary: var(--mw-color-red850);
  --mw-graphics-colorOrder-10-quaternary: var(--mw-color-red200);
  --mw-graphics-colorOrder-11-primary: var(--mw-color-teal400);
  --mw-graphics-colorOrder-11-secondary: var(--mw-color-teal600);
  --mw-graphics-colorOrder-11-tertiary: var(--mw-color-teal800);
  --mw-graphics-colorOrder-11-quaternary: var(--mw-color-teal300);
  --mw-graphics-colorOrder-12-primary: var(--mw-color-brown400);
  --mw-graphics-colorOrder-12-secondary: var(--mw-color-brown600);
  --mw-graphics-colorOrder-12-tertiary: var(--mw-color-brown850);
  --mw-graphics-colorOrder-12-quaternary: var(--mw-color-brown200);
  --mw-graphics-colorNeutral-line-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-line-secondary: var(--mw-color-gray200);
  --mw-graphics-colorNeutral-line-tertiary: var(--mw-color-white);
  --mw-graphics-colorNeutral-line-quaternary: var(--mw-color-gray700);
  --mw-graphics-colorNeutral-region-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-region-secondary: var(--mw-color-gray200);
  --mw-graphics-backgroundColor-axes-primary: var(--mw-color-gray950);
  --mw-graphics-borderColor-axes-primary: var(--mw-color-gray200);
  --mw-graphics-borderColor-axes-secondary: var(--mw-color-gray500);
  --mw-graphics-borderColor-axes-tertiary: var(--mw-color-gray750);
  --mw-graphics-borderColor-axes-quaternary: var(--mw-color-white);
  --mw-graphics-colorSpace-rgb-red: var(--mw-color-red500);
  --mw-graphics-colorSpace-rgb-green: var(--mw-color-green500);
  --mw-graphics-colorSpace-rgb-blue: var(--mw-color-cobalt500);
  --mw-graphics-colorMap-metal-aluminum: var(--mw-color-gray400);
  --mw-graphics-colorMap-metal-copper: var(--mw-color-honey600);
  --mw-graphics-colorMap-metal-gold: var(--mw-color-gold400);
  --mw-graphics-colorMap-metal-silver: var(--mw-color-gray200);
  --mw-graphics-colorMap-metal-zinc: var(--mw-color-gray500);
  --mw-graphics-colorMap-metal-tungsten: var(--mw-color-brown300);
  --mw-graphics-colorMap-metal-steel: var(--mw-color-gray500);
  --mw-graphics-colorMap-metal-iron: var(--mw-color-gray300);
  --mw-graphics-colorMap-metal-lead: var(--mw-color-gray700);
  --mw-graphics-colorMap-metal-brass: var(--mw-color-yellow550);
  --mw-graphics-colorMap-metal-pec: var(--mw-color-gold300);
}
body,
.mw-theme-light {
  --mw-themeName: light;
/* property: background-color */
  --mw-backgroundColor-active: var(--mw-color-gray200);
  --mw-backgroundColor-dragged: var(--mw-color-gray200);
  --mw-backgroundColor-error: var(--mw-color-red600);
  --mw-backgroundColor-primary-error: var(--mw-color-red600);
  --mw-backgroundColor-secondary-error: var(--mw-color-red100);
  --mw-backgroundColor-errorContainer: var(--mw-color-red100);
  --mw-backgroundColor-excludeHighlight: var(--mw-color-purple400);
  --mw-backgroundColor-info: var(--mw-color-blue500);
  --mw-backgroundColor-secondary-info: var(--mw-color-blue100);
  --mw-backgroundColor-primary-info: var(--mw-color-blue500);
  --mw-backgroundColor-importedTableHeader-hover: var(--mw-color-blue400);
  --mw-backgroundColor-primary: var(--mw-color-gray50);
  --mw-backgroundColor-hover: var(--mw-color-white);
  --mw-backgroundColor-reorderingValid: var(--mw-color-blue600);
  --mw-backgroundColor-reorderingInvalid: var(--mw-color-red600);
  --mw-backgroundColor-reorderingInvalid-secondary: var(--mw-color-red200);
  --mw-backgroundColor-secondary: var(--mw-color-gray100);
  --mw-backgroundColor-secondary-hover: var(--mw-color-gray100);
  --mw-backgroundColor-selected: var(--mw-color-gray300);
  --mw-backgroundColor-selectedFocus: var(--mw-color-blue200);
  --mw-backgroundColor-searchHighlight: var(--mw-color-yellow500);
  --mw-backgroundColor-searchHighlight-secondary: var(--mw-color-yellow200);
  --mw-backgroundColor-searchHighlight-tertiary: var(--mw-color-honey400);
  --mw-backgroundColor-success: var(--mw-color-green600);
  --mw-backgroundColor-primary-success: var(--mw-color-green600);
  --mw-backgroundColor-secondary-success: var(--mw-color-green100);
  --mw-backgroundColor-text-selected: var(--mw-color-white);
  --mw-backgroundColor-tertiary: var(--mw-color-white);
  --mw-backgroundColor-toggleOn: var(--mw-color-gray200);
  --mw-backgroundColor-toggleOn-hover: var(--mw-color-gray100);
  --mw-backgroundColor-warning: var(--mw-color-gold400);
  --mw-backgroundColor-primary-warning: var(--mw-color-gold400);
  --mw-backgroundColor-secondary-warning: var(--mw-color-gold100);
  --mw-backgroundColor-zoomIndicator: var(--mw-color-gray700);
/* target: gallery */
  --mw-backgroundColor-gallery-toggleOn: var(--mw-color-gray200);
/* target: input */
  --mw-backgroundColor-input: var(--mw-color-white);
  --mw-backgroundColor-input-dirty: var(--mw-color-yellow200);
  --mw-backgroundColor-input-readonly: var(--mw-color-gray100);
  --mw-backgroundColor-inputFill: var(--mw-color-gray900);
/* target: icon */
  --mw-backgroundColor-iconuiFill: var(--mw-color-gray700);
  --mw-backgroundColor-iconuiFill-primary: var(--mw-color-gray700);
  --mw-backgroundColor-iconuiFill-secondary: var(--mw-color-gray700);
  --mw-backgroundColor-iconuiFill-tertiary: var(--mw-color-red600);
  --mw-backgroundColor-iconuiFill-quaternary: var(--mw-color-blue550);
  --mw-backgroundColor-iconuiFill-hover: var(--mw-color-gray800);
  --mw-backgroundColor-iconuiFill-validation: var(--mw-color-white);
  --mw-backgroundColor-iconuiFill-invalid: var(--mw-color-gray800);
/* target: header */
  --mw-backgroundColor-header: var(--mw-color-brand4);
/* target: overlay */
  --mw-backgroundColor-overlay: var(--mw-color-black);
/* target: tab */
  --mw-backgroundColor-tab: var(--mw-color-gray100);
  --mw-backgroundColor-tab-selected: var(--mw-color-white);
/* target: taskbar */
  --mw-backgroundColor-taskbarButton-active: var(--mw-color-gray200);
  --mw-backgroundColor-taskbarButton-hover: var(--mw-color-gray100);
/* target: toolbar */
  --mw-backgroundColor-toolbar-toggleOn: var(--mw-color-blue200);
/* target: toolstrip */
  --mw-backgroundColor-toolstripClosableTab: var(--mw-color-brand2);
  --mw-backgroundColor-toolstripContextualTab: var(--mw-color-blue550);
  --mw-backgroundColor-toolstripTab: var(--mw-color-brand4);
  --mw-backgroundColor-toolstripTab-hover: var(--mw-color-blue500);
/* target: tree, table, treeetable */
  --mw-backgroundColor-list-hover: var(--mw-color-gray200);
/* target: MATLAB Editor */
  --mw-backgroundColor-activeSection: var(--mw-color-blue500);
  --mw-backgroundColor-activeSection-hover: var(--mw-color-blue400);
  --mw-backgroundColor-autofix: var(--mw-color-yellow200);
  --mw-backgroundColor-currentLineExecution: var(--mw-color-green300);
  --mw-backgroundColor-currentLineExecutionBrick: var(--mw-color-green700);
  --mw-backgroundColor-currentlineHighlight: var(--mw-color-green200);
  --mw-backgroundColor-editorInput-readonly: var(--mw-color-gray50);
  --mw-backgroundColor-gutter-currentExecutingLine: var(--mw-color-black);
  --mw-backgroundColor-highlight: var(--mw-color-gray700);
  --mw-backgroundColor-highlight-secondary: var(--mw-color-honey150);
  --mw-backgroundColor-highlight-focus: var(--mw-color-blue600);
  --mw-backgroundColor-mismatch: var(--mw-color-yellow200);
  --mw-backgroundColor-variableHighlight: var(--mw-color-teal200);
  --mw-backgroundColor-breakpoint: var(--mw-color-red200);
  --mw-backgroundColor-breakpoint-hover: var(--mw-color-red100);
  --mw-backgroundColor-breakpointConditional: var(--mw-color-yellow200);
  --mw-backgroundColor-breakpointDisabled: var(--mw-color-gray50);
  --mw-backgroundColor-currentSection-selected: var(--mw-color-gray100);
  --mw-backgroundColor-currentSection-selectedFocus: var(--mw-color-blue200);
  --mw-backgroundColor-stackLineExecution: var(--mw-color-gray200);
  --mw-backgroundColor-notificationBanner: var(--mw-color-yellow200);
  --mw-backgroundColor-announcementBanner: var(--mw-color-blue100);
  --mw-backgroundColor-variableHighlightMarker: var(--mw-color-teal600);
/* target: qab */
  --mw-backgroundColor-iconuiFill-qab: var(--mw-color-gray400);
  --mw-backgroundColor-qab: var(--mw-color-brand4);
  --mw-backgroundColor-qab-hover: var(--mw-color-blue800);
  --mw-backgroundColor-qab-active: var(--mw-color-blue900);
/* target: scrollbar */
  --mw-backgroundColor-scrollbarThumb: var(--mw-color-gray300);
  --mw-backgroundColor-scrollbarThumb-hover: var(--mw-color-gray400);
  --mw-backgroundColor-scrollbarThumb-active: var(--mw-color-gray500);
/* target: UI Components */
  --mw-backgroundColor-switch: var(--mw-color-gray500);
/* target: mcos */
  --mw-backgroundColor-mcos-enum: var(--mw-color-green600);
  --mw-backgroundColor-mcos-hidden: var(--mw-color-gray600);
  --mw-backgroundColor-mcos-class: var(--mw-color-blue600);
/* target: diff */
  --mw-backgroundColor-diff-mineHighlight: var(--mw-color-blue150);
  --mw-backgroundColor-diff-baseHighlight: var(--mw-color-honey100);
  --mw-backgroundColor-diff-theirsHighlight: var(--mw-color-purple150);
  --mw-backgroundColor-diff-conflictHighlight: var(--mw-color-red150);
  --mw-backgroundColor-diff-targetHighlight: var(--mw-color-green200);
  --mw-backgroundColor-diff-mine: var(--mw-color-blue550);
  --mw-backgroundColor-diff-base: var(--mw-color-gold600);
  --mw-backgroundColor-diff-theirs: var(--mw-color-purple600);
  --mw-backgroundColor-diff-modification: var(--mw-color-purple600);
  --mw-backgroundColor-diff-conflict: var(--mw-color-red600);
  --mw-backgroundColor-diff-target: var(--mw-color-green600);
/* target: chatBubble */
  --mw-backgroundColor-chatBubble: var(--mw-color-cobalt100);
/* target: panelHeader */
  --mw-backgroundColor-panelHeader: var(--mw-color-brand4);
/* property: border-color */
  --mw-borderColor-deemphasized: var(--mw-color-gray200);
  --mw-borderColor-error: var(--mw-color-red600);
  --mw-borderColor-focus: var(--mw-color-blue500);
  --mw-borderColor-info: var(--mw-color-blue600);
  --mw-borderColor-hover: var(--mw-color-gray800);
  --mw-borderColor-primary: var(--mw-color-gray600);
  --mw-borderColor-selected: var(--mw-color-gray800);
  --mw-borderColor-secondary: var(--mw-color-gray300);
  --mw-borderColor-success: var(--mw-color-green600);
  --mw-borderColor-warning: var(--mw-color-gold400);
  --mw-borderColor-tertiary: var(--mw-color-gray700);
  --mw-borderColor-toggleOn-hover: var(--mw-color-gray800);
/* target: toolbar */
  --mw-borderColor-toolbar-toggleOn: var(--mw-color-blue400);
/* target: MATLAB Editor */
  --mw-borderColor-activeSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection: var(--mw-color-blue500);
  --mw-borderColor-activeStaleSection-hover: var(--mw-color-blue400);
  --mw-borderColor-autofix: var(--mw-color-yellow600);
  --mw-borderColor-mismatch: var(--mw-color-yellow600);
  --mw-borderColor-nonActiveSection: var(--mw-color-gray500);
  --mw-borderColor-nonActiveStaleSection: var(--mw-color-gray500);
  --mw-borderColor-nonActiveStaleSection-hover: var(--mw-color-gray400);
  --mw-borderColor-variableHighlight: var(--mw-color-teal600);
  --mw-borderColor-breakpoint: var(--mw-color-red600);
  --mw-borderColor-breakpoint-hover: var(--mw-color-red600);
  --mw-borderColor-breakpointConditional: var(--mw-color-yellow700);
  --mw-borderColor-breakpointDisabled: var(--mw-color-gray600);
  --mw-borderColor-currentSection-selected: var(--mw-color-gray500);
  --mw-borderColor-currentSection-selectedFocus: var(--mw-color-blue600);
  --mw-borderColor-currentSection-selectedFocusStale: var(--mw-color-blue600);
  --mw-borderColor-currentSection-selectedStale: var(--mw-color-gray500);
/* target: tab */
  --mw-borderColor-tab-primary: var(--mw-color-blue500);
  --mw-borderColor-tab-primary-selected: var(--mw-color-brand3);
  --mw-borderColor-tab-secondary: var(--mw-color-gray600);
/* target: UI Components */
  --mw-borderColor-switch: var(--mw-color-gray600);
/* property: boxshadow */
  --mw-boxShadowColor: var(--mw-color-gray400);
  --mw-boxShadowColor-focus: var(--mw-color-blue500);
/* property: color */
  --mw-color-error: var(--mw-color-red600);
  --mw-color-errorContainer: var(--mw-color-gray900);
  --mw-color-emphasized: var(--mw-color-orange600);
  --mw-color-hyperlink: var(--mw-color-blue550);
  --mw-color-hyperlink-hover: var(--mw-color-blue500);
  --mw-color-hyperlink-visited: var(--mw-color-purple700);
  --mw-color-info: var(--mw-color-blue600);
  --mw-color-primary: var(--mw-color-gray900);
  --mw-color-quaternary: var(--mw-color-white);
  --mw-color-readOnly: var(--mw-color-gray700);
  --mw-color-secondary: var(--mw-color-gray700);
  --mw-color-secondary-hover: var(--mw-color-gray700);
  --mw-color-selected: var(--mw-color-gray700);
  --mw-color-selected-noFocus: var(--mw-color-gray900);
  --mw-color-selectedFocus: var(--mw-color-blue600);
  --mw-color-searchHighlight: var(--mw-color-gray900);
  --mw-color-success: var(--mw-color-green600);
  --mw-color-tertiary: var(--mw-color-white);
  --mw-color-warning: var(--mw-color-gold400);
/* target: MATLAB code */
  --mw-color-code: var(--mw-color-gray900);
  --mw-color-commandWindowWarning: var(--mw-color-honey550);
  --mw-color-generatedCode: var(--mw-color-teal600);
  --mw-color-highlight: var(--mw-color-white);
  --mw-color-matlabAttributeName: var(--mw-color-purple700);
  --mw-color-matlabCharacters: var(--mw-color-pink600);
  --mw-color-matlabComment: var(--mw-color-green600);
  --mw-color-matlabDataTypes: var(--mw-color-purple700);
  --mw-color-matlabDoctype: var(--mw-color-cobalt700);
  --mw-color-matlabErrors: var(--mw-color-red550);
  --mw-color-matlabFields: var(--mw-color-gray700);
  --mw-color-matlabInstruction: var(--mw-color-blue700);
  --mw-color-matlabKeyword: var(--mw-color-cobalt600);
  --mw-color-matlabNodeTypes: var(--mw-color-aqua600);
  --mw-color-matlabUnterminatedString: var(--mw-color-red700);
  --mw-color-matlabString: var(--mw-color-purple600);
  --mw-color-matlabSystemCommands: var(--mw-color-yellow600);
  --mw-color-matlabValidationSections: var(--mw-color-brown600);
  --mw-color-matlabVariables: var(--mw-color-teal600);
  --mw-color-variableHighlightSharedScope: var(--mw-color-teal600);
  --mw-color-matlabWarning: var(--mw-color-honey550);
/* target: MATLAB Editor */
  --mw-color-list-hover: var(--mw-color-gray800);
  --mw-color-list-primary: var(--mw-color-blue600);
  --mw-color-sectionHeader: var(--mw-color-orange600);
  --mw-color-zoomIndicator: var(--mw-color-white);
/* target: WSB */
  --mw-color-variableMetadata: var(--mw-color-blue600);
  --mw-color-variableMetadata-selected: var(--mw-color-blue600);
/* property: opacity */
  --mw-opacity-disabled: 0.35;
/* property: selected */
  --mw-selectedColor-switch: var(--mw-color-gray200);
/* property: unselected */
  --mw-unselectedTopColor-switch: var(--mw-color-gray400);
  --mw-unselectedBottomColor-switch: var(--mw-color-gray50);
/* property: highlight */
  --mw-highlightTopColor-switch: var(--mw-color-gray100);
/* property: shadow */
  --mw-shadowBottomColor-switch: var(--mw-color-gray300);
/* target: mw-icons */
/* property: background */
  --mw-icon-background-default-white: var(--mw-color-white);
  --mw-icon-background-default-light-gray: var(--mw-color-gray50);
  --mw-icon-background-default-medium-gray: var(--mw-color-gray200);
  --mw-icon-background-default-dark-gray: var(--mw-color-gray400);
  --mw-icon-background-default-green: var(--mw-color-green300);
  --mw-icon-background-lightest-blue: var(--mw-color-blue100);
  --mw-icon-background-light-blue: var(--mw-color-blue200);
  --mw-icon-background-medium-blue: var(--mw-color-blue300);
  --mw-icon-background-brown: var(--mw-color-brown400);
  --mw-icon-background-light-yellow: var(--mw-color-yellow200);
  --mw-icon-background-medium-yellow: var(--mw-color-yellow300);
  --mw-icon-background-light-gold: var(--mw-color-gold300);
  --mw-icon-background-red: var(--mw-color-red300);
  --mw-icon-background-default-highlight: var(--mw-color-yellow400);
  --mw-icon-background-dfault-selection: var(--mw-color-blue200);
  --mw-icon-background-default-action: var(--mw-color-green300);
/* property: border */
  --mw-icon-border-default-gray: var(--mw-color-gray700);
  --mw-icon-border-disabled-gray: var(--mw-color-gray500);
  --mw-icon-border-default-green: var(--mw-color-green600);
  --mw-icon-border-dark-green: var(--mw-color-green800);
  --mw-icon-borderColor-light-blue: var(--mw-color-blue500);
  --mw-icon-border-default-blue: var(--mw-color-blue600);
  --mw-icon-border-default-brown: var(--mw-color-brown800);
  --mw-icon-border-default-yellow: var(--mw-color-yellow700);
  --mw-icon-border-dark-gold: var(--mw-color-gold800);
  --mw-icon-border-default-red: var(--mw-color-red700);
/* property: glyph */
  --mw-icon-glyph-content-gray: var(--mw-color-gray700);
  --mw-icon-glyph-content-dark-gray: var(--mw-color-gray800);
  --mw-icon-glyph-disabled-gray: var(--mw-color-gray500);
  --mw-icon-glyph-content-green: var(--mw-color-green600);
  --mw-icon-glyph-content-dark-green: var(--mw-color-green700);
  --mw-icon-glyph-content-light-blue: var(--mw-color-blue500);
  --mw-icon-glyph-content-blue: var(--mw-color-blue600);
  --mw-icon-glyph-content-dark-blue: var(--mw-color-blue700);
  --mw-icon-glyph-content-brown: var(--mw-color-brown800);
  --mw-icon-glyph-content-yellow: var(--mw-color-yellow700);
  --mw-icon-glyph-content-red: var(--mw-color-red700);
  --mw-icon-glyph-content-dark-red: var(--mw-color-red800);
  --mw-icon-glyph-content-mono: var(--mw-color-gray700);
  --mw-icon-glyph-content-flip-light: var(--mw-color-gray700);
  --mw-icon-glyph-content-flip-dark: var(--mw-color-white);
  --mw-icon-glyph-github: #24292f;
  --mw-icon-alert-red: var(--mw-color-red600);
  --mw-icon-object-primary: var(--mw-color-gray700);
  --mw-icon-object-secondary: var(--mw-color-white);
/* target: graphics */
  --mw-graphics-colorOrder-1-primary: #0072bd;
  --mw-graphics-colorOrder-1-secondary: var(--mw-color-blue400);
  --mw-graphics-colorOrder-1-tertiary: var(--mw-color-blue150);
  --mw-graphics-colorOrder-1-quaternary: var(--mw-color-blue700);
  --mw-graphics-colorOrder-2-primary: #d95319;
  --mw-graphics-colorOrder-2-secondary: var(--mw-color-orange300);
  --mw-graphics-colorOrder-2-tertiary: var(--mw-color-orange150);
  --mw-graphics-colorOrder-2-quaternary: var(--mw-color-orange800);
  --mw-graphics-colorOrder-3-primary: var(--mw-color-gold400);
  --mw-graphics-colorOrder-3-secondary: var(--mw-color-gold200);
  --mw-graphics-colorOrder-3-tertiary: var(--mw-color-gold150);
  --mw-graphics-colorOrder-3-quaternary: var(--mw-color-gold500);
  --mw-graphics-colorOrder-4-primary: #7e2f8e;
  --mw-graphics-colorOrder-4-secondary: var(--mw-color-purple400);
  --mw-graphics-colorOrder-4-tertiary: var(--mw-color-purple150);
  --mw-graphics-colorOrder-4-quaternary: var(--mw-color-purple800);
  --mw-graphics-colorOrder-5-primary: #77ac30;
  --mw-graphics-colorOrder-5-secondary: var(--mw-color-green400);
  --mw-graphics-colorOrder-5-tertiary: var(--mw-color-green300);
  --mw-graphics-colorOrder-5-quaternary: var(--mw-color-green700);
  --mw-graphics-colorOrder-6-primary: #4dbeee;
  --mw-graphics-colorOrder-6-secondary: var(--mw-color-aqua300);
  --mw-graphics-colorOrder-6-tertiary: var(--mw-color-aqua200);
  --mw-graphics-colorOrder-6-quaternary: var(--mw-color-aqua600);
  --mw-graphics-colorOrder-7-primary: #a2142f;
  --mw-graphics-colorOrder-7-secondary: var(--mw-color-pink500);
  --mw-graphics-colorOrder-7-tertiary: var(--mw-color-pink150);
  --mw-graphics-colorOrder-7-quaternary: var(--mw-color-pink700);
  --mw-graphics-colorOrder-8-primary: var(--mw-color-yellow500);
  --mw-graphics-colorOrder-8-secondary: var(--mw-color-yellow400);
  --mw-graphics-colorOrder-8-tertiary: var(--mw-color-yellow200);
  --mw-graphics-colorOrder-8-quaternary: var(--mw-color-yellow600);
  --mw-graphics-colorOrder-9-primary: var(--mw-color-cobalt500);
  --mw-graphics-colorOrder-9-secondary: var(--mw-color-cobalt300);
  --mw-graphics-colorOrder-9-tertiary: var(--mw-color-cobalt150);
  --mw-graphics-colorOrder-9-quaternary: var(--mw-color-cobalt700);
  --mw-graphics-colorOrder-10-primary: var(--mw-color-red500);
  --mw-graphics-colorOrder-10-secondary: var(--mw-color-red300);
  --mw-graphics-colorOrder-10-tertiary: var(--mw-color-red200);
  --mw-graphics-colorOrder-10-quaternary: var(--mw-color-red700);
  --mw-graphics-colorOrder-11-primary: var(--mw-color-teal500);
  --mw-graphics-colorOrder-11-secondary: var(--mw-color-teal300);
  --mw-graphics-colorOrder-11-tertiary: var(--mw-color-teal200);
  --mw-graphics-colorOrder-11-quaternary: var(--mw-color-teal700);
  --mw-graphics-colorOrder-12-primary: var(--mw-color-brown500);
  --mw-graphics-colorOrder-12-secondary: var(--mw-color-brown300);
  --mw-graphics-colorOrder-12-tertiary: var(--mw-color-brown150);
  --mw-graphics-colorOrder-12-quaternary: var(--mw-color-brown700);
  --mw-graphics-colorNeutral-line-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-line-secondary: var(--mw-color-gray900);
  --mw-graphics-colorNeutral-line-tertiary: var(--mw-color-gray950);
  --mw-graphics-colorNeutral-region-primary: var(--mw-color-gray600);
  --mw-graphics-colorNeutral-region-secondary: var(--mw-color-gray900);
  --mw-graphics-colorNeutral-line-quaternary: var(--mw-color-gray300);
  --mw-graphics-backgroundColor-axes-primary: var(--mw-color-white);
  --mw-graphics-borderColor-axes-primary: var(--mw-color-gray900);
  --mw-graphics-borderColor-axes-secondary: var(--mw-color-gray700);
  --mw-graphics-borderColor-axes-tertiary: var(--mw-color-gray200);
  --mw-graphics-borderColor-axes-quaternary: var(--mw-color-gray900);
  --mw-graphics-colorSpace-rgb-red: var(--mw-color-red550);
  --mw-graphics-colorSpace-rgb-green: var(--mw-color-green600);
  --mw-graphics-colorSpace-rgb-blue: var(--mw-color-cobalt600);
  --mw-graphics-colorMap-metal-aluminum: var(--mw-color-gray600);
  --mw-graphics-colorMap-metal-copper: var(--mw-color-honey600);
  --mw-graphics-colorMap-metal-gold: var(--mw-color-gold400);
  --mw-graphics-colorMap-metal-silver: var(--mw-color-gray300);
  --mw-graphics-colorMap-metal-zinc: var(--mw-color-gray500);
  --mw-graphics-colorMap-metal-tungsten: var(--mw-color-brown300);
  --mw-graphics-colorMap-metal-steel: var(--mw-color-gray700);
  --mw-graphics-colorMap-metal-iron: var(--mw-color-gray400);
  --mw-graphics-colorMap-metal-lead: var(--mw-color-gray900);
  --mw-graphics-colorMap-metal-brass: var(--mw-color-yellow550);
  --mw-graphics-colorMap-metal-pec: var(--mw-color-gold300);
}
:root {
  --actionbar-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.2) /* rgba not working with mw-ui-themes semantic variables */;
  --actionbar-section-padding: 5px;
  --actionbar-section-height: 100%;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
:root {
  --widget-opacity-disabled: 50%;
  --widget-font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Noto Sans", Arial, "Helvetica Neue", Helvetica, lucida, sans-serif;
  --widget-font-size: 12px;
}
:root {
  --apps-drop-down-button-padding: 2px;
  --apps-drop-down-button-border-radius: 1px;
  --apps-drop-down-button-width: 16px;
  --apps-drop-down-button-height: 16px;
}
:root {
  --arrow-width: 5px;
  --arrow-height: 10px;
}
:root {
  --checkbox-width: 16px;
  --checkbox-height: 16px;
  --checkbox-padding: 4px;
}
:root {
  --chevron-width: 8px;
  --chevron-height: 14px;
  --chevron-color: rgba(51,51,51,0.6) /* Chevron not being used in mw-menu */;
  --chevron-color-hover: #333 /* Chevron not being used in mw-menu */;
}
:root {
  --menu-item-border: 1px solid transparent;
  --menu-item-background: transparent;
  --menu-item-grid-gap: 0.5em;
  --menu-item-margin: 11px;
  --menu-item-icon-margin: 2px 8px 0px 0px;
  --menu-item-out-margin: 3px;
  --menu-item-left-margin: 14px;
  --menu-item-submenu-padding: 3px 0px 3px 11px;
  --menu-item-submenu-text-margin: 11px;
  --menu-item-padding: 0px 9px;
  --menu-description-item-padding: 6px 9px;
  --menu-item-text-padding: 2px 0px;
  --menu-item-description-padding: 0px 0px 2px 0px;
  --menu-item-description-font-weight: bold;
  --menu-item-description-font-size: 0.9em;
  --menu-item-description-line-height: 1em;
  --menu-item-shortcut-margin: 15px;
  --menu-item-arrow-margin: 0px 0px 0px 15px;
  --menu-item-min-height: 26px;
  --submenu-nav-height: 26px;
  --submenu-nav-width: 16px;
  --submenu-nav-border: 1px solid transparent;
  --submenu-nav-border-radius: 2px;
}
:root {
  --text-field-menu-item-margin: 11px;
  --text-field-menu-item-padding: 2px 9px;
}
:root {
  --collapsible-area-gutter-width: 3px;
  --collapsible-area-title-padding: 5px 14px;
  --collapsible-area-arrow-width: 16px;
  --collapsible-area-arrow-height: 16px;
  --collapsible-area-arrow-offset-top: 0;
  --collapsible-area-arrow-offset-left: 0;
  --collapsible-area-arrow-closed-offset-top: 16%;
  --collapsible-area-arrow-closed-offset-left: 0px;
}
:root {
  --mw-menu-combo-box-height: 22px;
  --combo-box-border-radius: 5px;
  --combo-box-input-padding: 3px 6px;
  --combo-box-margin: 0px;
}
:root {
  --dropdown-button-padding: 1px 3px;
  --dropdown-button-border-radius: 1px;
  --dropdown-button-border: 1px solid transparent;
  --dropdown-button-background: transparent;
}
:root {
  --menu-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.2) /* rgba doesn't work with semantic variables */;
  --action-bar-icon-top: -10px;
  --action-bar-icon-width: 24px;
}
:root {
  --error-width: 16px;
  --error-height: 16px;
}
:root {
  --focused-area-gutter-width: 3px;
}
:root {
  --gallery-item-star-offset-right: -3px;
  --gallery-item-star-offset-top: -3px;
  --gallery-item-max-width: 160px;
  --gallery-item-height: 26px;
  --gallery-item-text-width: 120px;
  --gallery-item-text-padding-left: 5px;
  --gallery-item-star-width: 8px;
  --gallery-item-star-height: 8px;
  --gallery-item-border-radius: 4px;
  --gallery-item-border: 1px solid transparent;
  --gallery-item-background: transparent;
}
:root {
  --mw-gallery-section-columns: 10;
  --gallery-section-grid-gap: 8px;
  --gallery-section-title-padding: 6px 8px;
  --gallery-section-item-padding: 7px;
}
:root {
  --gallery-button-size: 160px;
  --gallery-section-padding: 28px;
}
:root {
  --gallery-area-background: transparent;
  --gallery-area-transparent-border: 1px solid transparent;
  --gallery-area-gap: 0 12px;
  --gallery-area-border-radius: 4px;
  --gallery-area-left-padding: 15px;
  --gallery-area-text-padding: 6px 0;
  --gallery-area-left-margin: 11px;
  --gallery-area-nav-size: 20px;
  --gallery-area-nav-padding: 0px 0px 0px 1px;
  --gallery-area-arrow-color: rgba(51,51,51,0.6) /* rgba not working in semantic variables */;
  --gallery-area-arrow-color-hover: #333 /* rgba not working in semantic variables */;
}
:root {
  --header-gutter-size: 24px;
  --header-grid-gap: 7px;
  --header-padding: 5px 7px 3px 16px;
  --header-title-grid-gap: 5px;
}
:root {
  --pin-width: 24px;
  --pin-height: 24px;
  --pin-border-radius: 4px;
  --pin-color: rgba(0,0,0,0.5) /* rgba doesn't work with semantic variables */;
  --pin-color-hover: #000 /* rgba doesn't work with semantic variables */;
  --pin-background: tranparent;
  --pin-graphic-width: 12px;
  --pin-graphic-height: 14px;
}
:root {
  --popout-height: 42px;
  --popout-padding: 5px;
  --popout-arrow-width: 10px;
  --popout-arrow-height: 10px;
  --popout-arrow-margin: 1px;
}
:root {
  --push-button-padding: 3px;
  --push-button-border-radius: 1px;
  --push-button-border: 1px solid transparent;
  --push-button-background: transparent;
}
:root {
  --radio-button-grid-gap: 0.25em;
  --radio-button-width: 16px;
  --radio-button-height: 16px;
}
:root {
  --rich-menu-item-background: transparent;
  --rich-menu-item-border: 1px solid transparent;
  --rich-menu-item-margin: 11px;
  --rich-menu-item-gap: 0 12px;
  --rich-menu-item-widgets-gap: 0px 13px;
  --rich-menu-item-border-radius: 15px;
  --rich-menu-item-padding: 5px 0px;
  --rich-menu-item-text-margin: 16px;
  --rich-menu-item-arrow-size: 18px;
  --split-menu-paddding: 5px 0px 5px 15px;
  --rich-menu-item-has-widgets-padding: 2px 0px;
  --rich-menu-item-has-submenu-no-widgets-padding: 5px 0px;
  --rich-menu-item-line-height: 16px;
  --rich-menu-item-arrow-height: 16px;
  --rich-menu-item-arrow-width: 16px;
  --rich-menu-item-arrow-margin: 0px 5px 0px 0px;
  --rich-menu-item-arrow-color: rgba(51,51,51,0.6) /* rgba not supported with semantic variables */;
  --rich-menu-item-arrow-color-hover: #333 /* rgba not supported with semantic variables */;
  --rich-menu-submenu-offset-margin-right: -1px;
}
:root {
  --separator-gutter-size: 16px;
  --separator-sidebar-padding: 4px;
}
:root {
  --star-width: 7px;
  --star-height: 7px;
  --star-color: rgba(51,51,51,0.15) /* rgba not supported with semantic variables */;
  --star-color-checked: rgba(51,51,51,0.46) /* rgba not supported with semantic variables */;
}
:root {
  --text-input-border-radius: 2px;
  --text-input-padding: 0.1em 0.25em;
}
:root {
  --text-line-height: 16px;
}
:root {
  --toggle-button-padding: 3px;
  --toggle-button-border-radius: 1px;
  --toggle-button-border: 1px solid transparent;
  --toggle-button-background: transparent;
}
:root {
  --gallery-item-button-padding: 4px;
  --toggle-gallery-item-icon-width: 22px;
  --toggle-gallery-item-max-width: 160px;
  --toggle-gallery-item-height: 26px;
  --toggle-gallery-item-border-radius: 4px;
  --toggle-gallery-item-border: 1px solid transparent;
  --toggle-gallery-item-background: transparent;
  --gallery-item-star-offset-left: 19px;
  --gallery-item-star-offset-top: -5px;
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

.mwValidationDescriptionHelper {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

mw-textarea{
    width: 150px;
    height: 66px;
    display: inline-block;
    --mw-color-textArea: var(--mw-color-primary);
    --mw-backgroundColor-textArea: var(--mw-backgroundColor-input);
    --mw-borderColor-textArea: var(--mw-borderColor-primary);
    --mw-fontFamily-textArea: var(--mw-fontFamily);
    --mw-fontSize-textArea: 12px;
    --mw-fontWeight-textArea: normal;
    --mw-fontStyle-textArea: normal;
    --mw-textAlign-textArea: start;
    --mw-resize-textArea: none;
    --mw-paddingLeftRight-textArea: 4px;
    --mw-paddingTop-textArea:3px;
    --mw-paddingBottom-textArea: 1px;
}

mw-textarea > .mwTextArea{
    box-sizing: border-box;
    color: var(--mw-color-textArea);
    background-color: var(--mw-backgroundColor-textArea);
    border: 1px solid var(--mw-borderColor-textArea);
    text-align: var(--mw-textAlign-textArea);
    font-family: var(--mw-fontFamily-textArea);
    font-size: var(--mw-fontSize-textArea);
    font-style: var(--mw-fontStyle-textArea);
    font-weight: var(--mw-fontWeight-textArea);
    resize: var(--mw-resize-textArea);
    padding-left: var(--mw-paddingLeftRight-textArea);
    padding-right: var(--mw-paddingLeftRight-textArea);
    padding-top: var(--mw-paddingTop-textArea);
    padding-bottom: var(--mw-paddingBottom-textArea);
}

mw-textarea:not([disabled]) > .mwTextArea:hover:not(:focus){
    --mw-borderColor-textArea: var(--mw-borderColor-hover);
}

mw-textarea > .mwTextArea:focus{
    outline: none;
    --mw-borderColor-textArea: var(--mw-borderColor-focus);
}

mw-textarea[readonly]{
    --mw-backgroundColor-textArea: var(--mw-backgroundColor-input-readonly);
}

mw-textarea[disabled] > .mwTextArea{
    opacity: var(--mw-opacity-disabled)
}

mw-textarea > .mwTextArea::placeholder{
    color: var(--mw-color-secondary);
}

mw-textarea > .mwTextArea:focus::selection{
    background-color: var(--mw-backgroundColor-highlight-focus);
    color: var(--mw-color-highlight);
}

mw-textarea > .mwTextArea::selection{
   background-color: var(--mw-backgroundColor-highlight);
   color: var(--mw-color-highlight);
}

[mw-tooltip] {
  --mw-border-tooltip: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  --mw-border-tooltip-error: 1px solid var(--mw-borderColor-error, #b7312c);
  --mw-border-tooltip-warning: 1px solid var(--mw-borderColor-warning, #edb120);
  --mw-boxShadow-tooltip: 0 1px 4px 0 var(--mw-boxShadowColor, #a6a6a6);
  --mw-padding-tooltip: 5px;
  --mw-borderRadius-tooltip: 2px;
  --mw-maxHeight-tooltip: 400px;
  --mw-font-tooltip: 12px Arial;
  --mw-letterSpacing-tooltip: 0.23px;
  --mw-lineHeight-tooltip: 14px;
  --mw-height-tooltip-icon: 12px;
  --mw-margin-tooltip-icon: 5px;
  --mw-transition-tooltip: opacity 0.2s linear;
}
[mw-tooltip] {
  visibility: hidden;
  opacity: 0;
  transition: var(--mw-transition-tooltip);
}
[mw-tooltip = 'show'] {
  visibility: visible;
  position: absolute;
  overflow: hidden;
  max-height: var(--mw-maxHeight-tooltip);
  z-index: 951;
  opacity: 1;
  transition: var(--mw-transition-tooltip);
  background-color: var(--mw-backgroundColor-tertiary, #fff);
  border: var(--mw-border-tooltip);
  border-radius: var(--mw-borderRadius-tooltip);
  padding: var(--mw-padding-tooltip);
  box-shadow: var(--mw-boxShadow-tooltip);
  display: flex;
  align-items: center;
}
[mw-tooltip = 'show'] .mw-tooltip-text {
  color: var(--mw-color-primary);
  font: var(--mw-font-tooltip);
  letter-spacing: var(--mw-letterSpacing-tooltip);
  line-height: var(--mw-lineHeight-tooltip);
  white-space: wrap;
  max-height: var(--mw-maxHeight-tooltip);
  word-wrap: break-word;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  min-width: 0;
}
[mw-tooltip = 'show'] .mw-tooltip-icon-error {
  height: var(--mw-height-tooltip-icon);
  width: var(--mw-height-tooltip-icon);
  display: inline-block;
  margin-right: var(--mw-margin-tooltip-icon);
}
[mw-tooltip = 'show'] .mw-tooltip-icon-warning {
  height: var(--mw-height-tooltip-icon);
  width: var(--mw-height-tooltip-icon);
  display: inline-block;
  margin-right: var(--mw-margin-tooltip-icon);
}
[mw-tooltip = 'show'][mw-tooltip-type = 'error'] {
  border: var(--mw-border-tooltip-error);
  background-color: var(--mw-backgroundColor-secondary-error, #faf0f0);
}
[mw-tooltip = 'show'][mw-tooltip-type = 'warning'] {
  border: var(--mw-border-tooltip-warning);
  background-color: var(--mw-backgroundColor-secondary-warning, #fff9ef);
}
mw-tooltip {
  z-index: 951; /* default same as dialog, but calculated at the time of showing */
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

.mw-dnd-avatar {
  --mw-height-avatar: auto;
  --mw-minHeight-avatar: 24px;
  --mw-minWidth-avatar: 75px;
  --mw-height-invalid-droptarget-icon: 16px;
  --mw-width-invalid-droptarget-icon: 16px;
  --mw-offset-multiselect-offset: 6px;
  --mw-minWidth-multiselect-count: 20px;
  --mw-minWidth-new-multiselect-count: -20px;
  --mw-height-multiselect-count: 24px;
  --mw-height-new-multiselect-count: -24px;
  --mw-offsetX-multi-select-container: -4px;
  --mw-offsetY-multi-select-container: -2px;
  --mw-zIndex-avatar: 1999;
  --mw-fontSize-avatar: 12px;
}
.mw-dnd-avatar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--mw-zIndex-avatar);
  opacity: 1;
  display: inline-block;
  pointer-events: none;
  color: var(--mw-color-primary, #212121);
  font-family: var(--mw-fontFamily, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Helvetica Neue', Helvetica, lucida, sans-serif);
}
.mw-dnd-avatar > * {
  pointer-events: none;
}
.mw-dnd-avatar.mw-dnd-invalid-target:not(.mw-dnd-pointer-not-allowed-support)::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoID0nMjAnIGhlaWdodCA9JzIwJyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6bm9uZTt9CiAgICAgICAgICAgIC5jbHMtMntmaWxsOiNiNzMxMmM7fQogICAgICAgICAgICAuY2xzLTN7ZmlsbDojZmZmO30KICAgICAgICAgICAgLmNscy00e2ZpbGw6I2I3MzEyYzt9CiAgICAgICAgPC9zdHlsZT4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9InJhZGlhbC1ncmFkaWVudCIgY3g9IjQuMTgiIGN5PSI0LjMiIHI9IjkuMTciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgLTEsIDAsIDE0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuMzgiIHN0b3AtY29sb3I9IiNmZmYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwLjc5IiBzdG9wLWNvbG9yPSIjY2NjIi8+CiAgICAgICAgPC9yYWRpYWxHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjYuNSIgeTE9IjIiIHgyPSI2LjUiIHkyPSIxMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAtMSwgMCwgMTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4wNCIgc3RvcC1jb2xvcj0iIzcyMDAwNCIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iI2UxMWIyMiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlODQ5NDMiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHRpdGxlPmFsZXJ0X3N0b3BfMTQ8L3RpdGxlPgogICAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+CiAgICAgICAgPGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTYuNSwxLjY5QTQuODEsNC44MSwwLDEsMCwxMS4zMSw2LjUsNC44Miw0LjgyLDAsMCwwLDYuNSwxLjY5WiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTYuNSwxLjY5QTQuODEsNC44MSwwLDEsMCwxMS4zMSw2LjUsNC44Miw0LjgyLDAsMCwwLDYuNSwxLjY5WiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTEyLDYuNUE1LjUsNS41LDAsMSwwLDYuNSwxMiw1LjUsNS41LDAsMCwwLDEyLDYuNVpNMi45MSwzLjg3LDkuMSwxMC4xMkE0LjQ1LDQuNDUsMCwwLDEsMiw2LjUsNC4zOCw0LjM4LDAsMCwxLDIuOTEsMy44N1pNMTEsNi41YTQuNDYsNC40NiwwLDAsMS0uODIsMi41Nkw0LDIuODJBNC40Niw0LjQ2LDAsMCwxLDExLDYuNVoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
  width: var(--mw-width-invalid-droptarget-icon);
  height: var(--mw-height-invalid-droptarget-icon);
  content: ' ';
  display: inline-block;
  vertical-align: top;
}
.mw-theme-dark .mw-dnd-avatar.mw-dnd-invalid-target:not(.mw-dnd-pointer-not-allowed-support)::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoID0nMjAnIGhlaWdodCA9JzIwJyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6bm9uZTt9CiAgICAgICAgICAgIC5jbHMtMntmaWxsOiNmZjQ1M2E7fQogICAgICAgICAgICAuY2xzLTN7ZmlsbDpibGFjazt9CiAgICAgICAgICAgIC5jbHMtNHtmaWxsOiNmZjQ1M2E7fQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8dGl0bGU+YWxlcnRfc3RvcF8xNDwvdGl0bGU+CiAgICA8ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj4KICAgICAgICA8ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPgogICAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ii8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNi41LDEuNjlBNC44MSw0LjgxLDAsMSwwLDExLjMxLDYuNSw0LjgyLDQuODIsMCwwLDAsNi41LDEuNjlaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNi41LDEuNjlBNC44MSw0LjgxLDAsMSwwLDExLjMxLDYuNSw0LjgyLDQuODIsMCwwLDAsNi41LDEuNjlaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTIsNi41QTUuNSw1LjUsMCwxLDAsNi41LDEyLDUuNSw1LjUsMCwwLDAsMTIsNi41Wk0yLjkxLDMuODcsOS4xLDEwLjEyQTQuNDUsNC40NSwwLDAsMSwyLDYuNSw0LjM4LDQuMzgsMCwwLDEsMi45MSwzLjg3Wk0xMSw2LjVhNC40Niw0LjQ2LDAsMCwxLS44MiwyLjU2TDQsMi44MkE0LjQ2LDQuNDYsMCwwLDEsMTEsNi41WiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
}
.mw-dnd-avatar.mw-dnd-single-select.mw-dnd-invalid-target::after {
  transform: translate(calc(var(--mw-width-invalid-droptarget-icon) / 2 * -1), calc(var(--mw-height-invalid-droptarget-icon) / 2 * -1));
}
.mw-dnd-avatar.mw-dnd-multi-select.mw-dnd-invalid-target::after {
  transform: translate(calc((var(--mw-width-invalid-droptarget-icon) / 2) + (var(--mw-offset-multiselect-offset) * -1)), calc(var(--mw-height-invalid-droptarget-icon) / 2 * -1));
}
.mw-dnd-avatar.mw-dnd-multi-select.mw-dnd-valid-target::after {
  background-image: none;
  background-color: var(--mw-backgroundColor-reorderingValid, #1656a7);
  color: #fff;
  border-radius: calc(var(--mw-height-multiselect-count) / 3);
  text-align: center;
  box-sizing: border-box;
  margin-left: auto;
  min-width: var(--mw-minWidth-multiselect-count);
  height: var(--mw-height-multiselect-count);
  font-size: var(--mw-fontSize-avatar);
  content: attr(data-multi-select-count);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  vertical-align: top;
  transform: translate(calc(var(--mw-minWidth-multiselect-count) / 2 * -1), calc(var(--mw-height-multiselect-count) / 2 * -1));
  padding: 0px 8px;
  box-shadow: 3px 3px 3px 0 var(--mw-boxShadowColor, #a6a6a6);
}
.mw-dnd-avatar-container-1 {
  box-shadow: 3px 3px 3px 0 var(--mw-boxShadowColor, #a6a6a6);
  min-width: var(--mw-minWidth-avatar);
  height: var(--mw-height-avatar);
  min-height: var(--mw-minHeight-avatar);
  border: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  display: inline-block;
  background-color: var(--mw-backgroundColor-tertiary, #fff);
}
.mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 {
  width: 100%;
  height: var(--mw-height-avatar);
  min-height: var(--mw-minHeight-avatar);
  border: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  transform: translate(var(--mw-offsetX-multi-select-container), var(--mw-offsetY-multi-select-container));
  background-color: var(--mw-backgroundColor-tertiary, #fff);
}
.mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child {
  width: 100%;
  height: var(--mw-height-avatar);
  min-height: var(--mw-minHeight-avatar);
  border: 1px solid var(--mw-borderColor-primary, #7d7d7d);
  transform: translate(var(--mw-offsetX-multi-select-container), var(--mw-offsetY-multi-select-container));
  background-color: var(--mw-backgroundColor-tertiary, #fff);
  display: flex;
}
.mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child .mw-dnd-avatar-child-content {
  width: 100%;
  padding: 5px;
}
.mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child::before {
  content: ' ';
  width: 2px;
}
.mw-dnd-valid-target .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child .mw-dnd-avatar-child-count {
  display: inline-block;
}
.mw-dnd-valid-target .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child::before {
  background-color: var(--mw-backgroundColor-reorderingValid, #1656a7);
}
.mw-dnd-invalid-target .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child .mw-dnd-avatar-child-count {
  display: inline-block;
}
.mw-dnd-invalid-target .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child::before {
  background-color: var(--mw-backgroundColor-reorderingInvalid, #b7312c);
}
.mw-dnd-single-select .mw-dnd-avatar-container-1 {
  transform: none;
  border: 0;
}
.mw-dnd-single-select .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 {
  transform: none;
  border: 0;
}
.mw-dnd-single-select .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child {
  transform: none;
}
.mw-dnd-single-select .mw-dnd-avatar-container-1 .mw-dnd-avatar-container-2 .mw-dnd-avatar-child .mw-dnd-avatar-child-count {
  display: none;
}
/* Empty avatar that renders in the DOM but doesn't display on the page, this is for setting empty avatar.
This is removed as soon as avatar sets. */
.mw-dnd-empty-avatar {
  position: absolute;
  left: -10000px;
  top: -10000px;
}


/* This is a temporary file which allows the 2p CSS to be used in 1p, it would be deleted when generatedCSS toolings ready to handle CSS Architecture changes */

/* Copyright 2023-2024 The MathWorks, Inc. */

/* Dojo (To remove) */

/* Dashboard */

/* Dialogs */

/* Forms */

/* Popup & Tooltips */

/* Table */

/* Themes */

/* Others */
/* Copyright 2024 The MathWorks, Inc. */

mw-dashboard-gridlayout-griditem:has(div.rgItem >  * [isOpen]) {
    z-index: 99; /* Appearing on top of other widget in dashboard */
}

.modelscape-popper-main {
    background-clip: padding-box;
    border-radius: 0.25rem;
    box-sizing: border-box;

    outline: none;
    opacity: 0;
    display: none;
    transition: opacity 0.3s ease-in;
    pointer-events: none;
    z-index: 9999;
}



.modelscape-popper-fadein {
    opacity: 1;
    pointer-events: auto;
}

.modelscape-popper-displayin {
    display: inline-grid;
}

.modelscape-popper-displaynone {
    display: none;
}
/* Copyright 2023-2024 The MathWorks, Inc. */
/* ---- Roboto Font ---- */
/* Roboto 400 */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/fc2b5060f7accec5cf74.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* Roboto 500 */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/7c8d04cd831df3033c8a.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* Roboto 700 */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/f80816a5455d171f948d.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

mw-dashboard-breakpointcontainer {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    color: var(--mw-color-primary);
}

.header-1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.header-2 {
    font-style: normal;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 16px;
}

.header-3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.8rem;
    line-height: 14px;
}

/* Work in Progress to Unify text and heading style matching web standard */

mw-modelscape-widgets-side-nav,
mw-modelscape-widgets-nav-bar,
.ws-text {
    font: 15px / 1.46 "Roboto", sans-serif;
}

.small-text {
    font: 15px / 1.46 "Roboto", sans-serif;
    font-size: 86%;
}

.h1 {
    font: normal 500 28px / 1.19 "Roboto", sans-serif;
    font-feature-settings: "kern";
}

.h2 {
    font: normal 500 24px / 1.21 "Roboto", sans-serif;
    font-feature-settings: "kern";
}

.h3 {
    font: normal 500 19px / 1.18 "Roboto", sans-serif;
    font-feature-settings: "kern";
}

.h4 {
    font: normal 500 16px / 1.22 "Roboto", sans-serif;
    font-feature-settings: "kern";
}

.h5 {
    font: normal 500 15px / 1.19 "Roboto", sans-serif;
    font-feature-settings: "kern";
}

.h6 {
    font: normal 15px / 1.4 "Roboto", sans-serif;
    font-feature-settings: "kern";
}
/* Copyright 2022-2023 The MathWorks, Inc. */
mw-dashboard-breakpointcontainer {
  margin: 0;
  width: 100%;
  height: 100%;
}

mw-dashboard-gridlayout-gridlayout
  mw-dashboard-gridlayout-griditem
  > div:not(
    [mw-dashboard-gridlayout-griditem-childtag="MW-DASHBOARD-WIDGETS-CONTAINER"]
  ) {
  padding: 0px !important;
  height: 100%;
}

/* Copyright 2023-2024 The MathWorks, Inc. */
.mw-theme-dark {
    --mw-backgroundColor-sidebar: var(--mw-color-aqua900);
    --mw-color-breadcrumb-title: var(--mw-color-gray200);
    --mw-color-breadcrumb-title-active: var(--mw-color-white);
    --mw-borderColor-modelscape: var(--mw-color-gray800);
    --mw-backgroundColor-modelscape-primary: var(--mw-color-black);
    --mw-backgroundColor-modelscape-secondary: var(--mw-color-gray900);
    --mw-color-quaternary: var(--mw-color-black);
    --mw-modelscape-slicer-color: var(--mw-color-blue400);
    --mw-modelscape-card-list-bar-color: var(--mw-color-brand1);
    --mw-modelscape-button-color: var(--mw-color-aqua550);
    --mw-modelscape-background-error-img: var(--mw-backgroundColor-qab-active);
}

.mw-theme-light {
    --mw-backgroundColor-sidebar: var(--mw-color-brand4);
    --mw-color-breadcrumb-title: var(--mw-color-gray700);
    --mw-color-breadcrumb-title-active: var(--mw-color-black);
    --mw-borderColor-modelscape: var(--mw-color-gray300);
    --mw-backgroundColor-modelscape-primary: var(--mw-color-gray50);
    --mw-backgroundColor-modelscape-secondary: var(--mw-color-white);
    --mw-color-quaternary: var(--mw-color-white);
    --mw-modelscape-slicer-color: var(--mw-color-brand1);
    --mw-modelscape-card-list-bar-color: var(--mw-color-brand4);
    --mw-modelscape-button-color: var(--mw-color-brand1);
    --mw-modelscape-background-error-img: var(--mw-color-brand1);
}

* {
    --mw-dashboard-widgets-color-400: var(--mw-backgroundColor-sidebar);
    /* Blue background for Branding Header */
    --mw-dashboard-widgets-color-401: var(--mw-backgroundColor-secondary);
    /* Grey background for Table Header */
    --mw-modelscape-widgets-button-icon-color-primary: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(124deg) brightness(105%) contrast(100%); /* --mw-color-tertiary */
    --mw-modelscape-widgets-button-icon-color-outline-light: brightness(0) saturate(100%) invert(33%) sepia(50%) saturate(1608%) hue-rotate(166deg) brightness(95%) contrast(101%); /* --mw-modelscape-button-color */
    --mw-modelscape-widgets-button-icon-color-outline-dark: brightness(0) saturate(100%) invert(46%) sepia(98%) saturate(369%) hue-rotate(151deg) brightness(90%) contrast(96%);  /* --mw-modelscape-button-color */
}
/* Copyright 2023-2024 The MathWorks, Inc. */

*[hideWidgetHeader] .mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer {
    display: none;
}

.mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
.mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    /* All of our widgets have transparent backgrounds and 16px padding */
    --mw-modelscape-widgets-spacing: 16px 30px;
    padding: var(--mw-modelscape-widgets-spacing);
    /* Without special handling, we want all of our texts to fill uniform, so define some sensible defaults*/
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: flex-start;
}

[horizontal-alignment='left'] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
[horizontal-alignment='left'] > .mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    align-items: flex-start
}

[horizontal-alignment='right'] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
[horizontal-alignment='right'] > .mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    align-items: flex-end
}

[horizontal-alignment='center'] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
[horizontal-alignment='center'] > .mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    align-items: center
}

[vertical-alignment='top'] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
[vertical-alignment='top'] > .mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    justify-content: flex-start
}

[vertical-alignment='bottom'] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
[vertical-alignment='bottom'] > .mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    justify-content: flex-end
}

[vertical-alignment='center'] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
[vertical-alignment='center'] > .mw-dashboard-widgets-_AbsoluteHeaderBase-Container {
    justify-content: center
}

mw-dashboard-gridlayout-gridlayout mw-dashboard-gridlayout-griditem {
    border-bottom: 1px solid var(--mw-borderColor-modelscape);
    --widgetMaxWidth: 100%;
}

/* We want our header left flushed with the content */
.mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer {
    margin: 0px;
    width: 100%;
}

/* For titles, we use a special styling, font, and size. We also add a little margin bottom */
.mw-dashboard-widgets-_FixedHeaderBase-title {
    font-family: sans-serif, "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--mw-color-secondary);
    margin-left: 0px;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.mw-dashboard-widgets-_FixedHeaderBase-title[title-case="uppercase"] {
    text-transform: uppercase;
}

.mw-dashboard-widgets-_FixedHeaderBase-title[title-case="none"] {
    text-transform: none;
}

.mw-dashboard-widgets-_FixedHeaderBase-title[title-case="capitalize"] {
    text-transform: capitalize;
}

/* Hidding an element should hide its containing grid element
   However, :has is not yet supported in Firefow, so also add a direct hide fallback */
*[hidden] {
    display: none;
}

mw-dashboard-gridlayout-griditem:has(> .rgItem > *[hidden]) {
    display: none;
}
/* Copyright 2023-2024 The MathWorks, Inc. */
mw-modelscape-widgets-datetime-badge .date-time-badge-container {
    display: flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-datetime-badge .date-time-badge {
    border-radius: 4px;
    border: none;
    cursor: default;
    padding: 0.05rem 0.5rem;
    font-size: 12px;
    line-height: 24px;
    width: fit-content;
}


mw-modelscape-widgets-datetime-badge .date-time-badge[bg-color='grey'] {
    background: var(--mw-backgroundColor-list-hover);
}

mw-modelscape-widgets-datetime-badge .date-time-badge[bg-color='none'] {
    background: transparent;
    padding-right: 0;
    padding-left: 0;
}
/* Copyright 2023-2024 The MathWorks, Inc. */
mw-modelscape-widgets-deadline-badge .deadline-badge-container {
    display: flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-deadline-badge .deadline-badge {
    background: var(--mw-backgroundColor-list-hover);
    color: var(--mw-backgroundColor-primary);
    font-weight: bolder;
    border-radius: 4px;
    border: none;
    cursor: default;
    padding: 0.05rem 0.5rem;
    font-size: 12px;
    line-height: 24px;
    width: fit-content;
}

mw-modelscape-widgets-deadline-badge .deadline-badge[background-category='near'] {
    background-color: var(--mw-backgroundColor-primary-warning);
}

mw-modelscape-widgets-deadline-badge .deadline-badge[background-category='past'] {
    background-color: var(--mw-backgroundColor-primary-error);
}

mw-modelscape-widgets-deadline-badge .deadline-badge[background-category='none'],
mw-modelscape-widgets-deadline-badge .deadline-badge[background-category='before'] {
    background-color: transparent;
    color: inherit;
    padding-right: 0;
    padding-left: 0;
    font-weight: normal;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-rating-badge .rating-badge-container {
    display: flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-rating-badge .rating-badge {
    border-radius: 4px;
    border: none;
    cursor: default;
    font-weight: 700;
    font-size: 10px;
    line-height: 21px;
    text-transform: uppercase;
    padding: 0px 4px;
    width: fit-content;
}

mw-modelscape-widgets-rating-badge button {
    color: var(--mw-color-quaternary);
}

mw-modelscape-widgets-rating-badge .red {
    background-color: var(--mw-backgroundColor-primary-error);
}

mw-modelscape-widgets-rating-badge .amber {
    background-color: var(--mw-backgroundColor-primary-warning);
}

mw-modelscape-widgets-rating-badge .green {
    background-color: var(--mw-backgroundColor-primary-success);
}
/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-size-badge .size-badge-container {
    display: flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-size-badge .size-badge {
  border-radius: 4px;
  border: none;
  cursor: default;
  padding: 0.05rem 0.5rem;
  font-size: 12px;
  line-height: 24px;
  font-family: monospace;
  font-weight: bold;
  width: fit-content;
}


mw-modelscape-widgets-size-badge .size-badge.grey {
  background: var(--mw-backgroundColor-list-hover);
}

mw-modelscape-widgets-size-badge .size-badge.none {
  background: transparent;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-status-badge .status-badge-container {
    display: flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-status-badge .status-badge {
    border-radius: 4px;
    border: none;
    cursor: default;
    line-height: 21px;
    padding: 0px 4px;
    color: var(--mw-color-primary);
    width: fit-content;
}

mw-modelscape-widgets-status-badge .status-badge[bg-color='grey'] {
    background: var(--mw-backgroundColor-dragged);
}

mw-modelscape-widgets-status-badge .status-badge[bg-color='amber'] {
    background: var(--mw-color-gold300);
}

mw-modelscape-widgets-status-badge .status-badge[isActionable]:hover {
    box-shadow: 0 0 2px 2px var(--mw-backgroundColor-selectedFocus);
    cursor: pointer
}

mw-modelscape-widgets-status-badge .status-badge[isActionable]:active {
    background: var(--mw-backgroundColor-selectedFocus);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-user-badge .username-badge-container {
    display: flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-user-badge .username-badge {
    border-radius: 4px;
    border: none;
    cursor: default;
    line-height: 21px;
    padding: 0.1rem 0.5rem;
    width: fit-content;
}

mw-modelscape-widgets-user-badge .username-badge[bg-color='grey'] {
    background: var(--mw-backgroundColor-list-hover);
}

mw-modelscape-widgets-user-badge .username-badge[bg-color='none'] {
    background: transparent;
    padding-right: 0;
    padding-left: 0;
}
/* Copyright 2022-2025 The MathWorks, Inc. */

mw-modelscape-widgets-button {
    --button-item-gap: 5px 5px;
}

mw-modelscape-widgets-button .button-container {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-button[vertical-alignment="bottom"] .button-container {
    align-items: flex-end
}

mw-modelscape-widgets-button[vertical-alignment="top"] .button-container {
    align-items: flex-start
}

mw-modelscape-widgets-button[vertical-alignment="center"] .button-container {
    align-items: center
}

mw-modelscape-widgets-button[horizontal-alignment='left'] .button-container {
    justify-content: flex-start
}

mw-modelscape-widgets-button[horizontal-alignment='right'] .button-container {
    justify-content: flex-end
}

mw-modelscape-widgets-button[horizontal-alignment='center'] .button-container {
    justify-content: center
}

mw-modelscape-widgets-button button {
    width: fit-content;
    height: fit-content;
    border: 1px solid transparent;
    gap: var(--button-item-gap);
    border-radius: 4px;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

mw-modelscape-widgets-button button.button-vertical-layout {
    flex-direction: column;
}

mw-modelscape-widgets-button button[variant="primary"]:not([disabled]):hover,
mw-modelscape-widgets-button button[variant="outline-primary"]:not([disabled]):hover {
    box-shadow: 0 0 2px 2px oklch(53.59% 0.1166 236.81 / 50%);
}

/* Primary Style */

mw-modelscape-widgets-button button[variant="primary"] {
    background-color: var(--mw-color-brand1);
    color: var(--mw-color-tertiary);
}

mw-modelscape-widgets-button[matchTextColor] button[variant="primary"] mw-icon {
    filter: var(--mw-modelscape-widgets-button-icon-color-primary);
}

/* Outline Style */

mw-modelscape-widgets-button button[variant="outline-primary"] {
    background-color: var(--mw-backgroundColor-tab-selected);
    color: var(--mw-modelscape-button-color);
    border-color: var(--mw-modelscape-button-color);
}

mw-modelscape-widgets-button[matchTextColor] button[variant="outline-primary"] mw-icon {
    filter: var(--mw-modelscape-widgets-button-icon-color-outline-light);
}

.mw-theme-dark mw-modelscape-widgets-button[matchTextColor] button[variant="outline-primary"] mw-icon {
    filter: var(--mw-modelscape-widgets-button-icon-color-outline-dark);
}

/* Hyperlink Style */

mw-modelscape-widgets-button button[variant="hyperlink"] {
    background-color: transparent;
    color: var(--mw-color-primary);
    border-color: transparent;
}

mw-modelscape-widgets-button button[variant="hyperlink"]:hover {
    text-decoration: underline;
}

/* Disabled */

mw-modelscape-widgets-button button[disabled] {
    opacity: var(--mw-opacity-disabled);
    box-shadow: none;
    pointer-events: all !important;
    cursor: default;
}
/* Copyright 2024-2025 The MathWorks, Inc. */

mw-modelscape-widgets-hyperlink {
    width: 100%;
}

mw-modelscape-widgets-hyperlink a {
    width: 100%;
    max-width: var(--widgetMaxWidth);
    cursor: pointer;
    color: var(--mw-color-hyperlink);
}

mw-modelscape-widgets-hyperlink a:hover {
    color: var(--mw-color-hyperlink-hover);
}

mw-modelscape-widgets-hyperlink a:visited {
    color: var(--mw-color-hyperlink-visited);
}

mw-modelscape-widgets-hyperlink a[textoverflow="break-all"] {
    word-break: break-all;
}

mw-modelscape-widgets-hyperlink a[textoverflow="ellipsis"] {
    word-break: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-icon {
    --padding-size: unset;
    --icon-size: unset;
}

mw-modelscape-widgets-icon mw-icon {
    border-radius: calc(var(--icon-size) + 2 * var(--padding-size));
    padding: var(--padding-size);
    margin-top: calc(-1 * var(--padding-size));
    margin-left: calc(-1 * var(--padding-size));
}

mw-modelscape-widgets-icon mw-icon:not([disabled])[isActionable] {
    cursor: pointer;
}

mw-modelscape-widgets-icon mw-icon:not([disabled])[isActionable]:hover {
    background: var(--mw-backgroundColor-secondary);
}

mw-modelscape-widgets-icon mw-icon:not([disabled])[isActionable]:active {
    background: var(--mw-backgroundColor-selectedFocus);
}

mw-modelscape-widgets-icon mw-icon[disabled] {
    opacity: var(--mw-opacity-disabled);
}
/* Copyright 2023-2025 The MathWorks, Inc. */


mw-modelscape-widgets-split-button {
    --menu-item-padding: 0.375rem 0.75rem;
    --menu-item-margin: 0;
    --menu-item-out-margin: 0;
}

mw-modelscape-widgets-split-button .split-button-container {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    display: inline-flex;
    width: 100%;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-split-button button.primary,
mw-modelscape-widgets-split-button button.dropdown {
    border: 1px solid transparent;
    display: flex;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    font-size: 12px;
    line-height: 100%;
    justify-content: center;
    align-items: center;

    background-color: var(--mw-color-brand1);
    color: var(--mw-color-tertiary);

    border-radius: 4px;
}

mw-modelscape-widgets-split-button button.primary:not([disabled]):hover,
mw-modelscape-widgets-split-button button.dropdown:not([disabled]):hover {
    box-shadow: 0 0 2px 2px oklch(53.59% 0.1166 236.81 / 50%);
    background-color: var(--mw-color-brand2);
}

mw-modelscape-widgets-split-button button.primary {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

mw-modelscape-widgets-split-button button.dropdown {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

mw-modelscape-widgets-split-button button[disabled],
mw-modelscape-widgets-split-button-dropdown-menu button[disabled] {
    opacity: var(--mw-opacity-disabled);
    box-shadow: none;
    pointer-events: all !important;
    cursor: default;
}

mw-modelscape-widgets-split-button mw-icon {
    filter: brightness(3);
}

mw-modelscape-widgets-split-button .dropdown-container {
    display: flex;
}

mw-modelscape-widgets-split-button-dropdown-menu {
    padding: 0.2rem 0;


    justify-items: start;

    background-color: var(--mw-backgroundColor-hover);
    border: 1px solid var(--mw-backgroundColor-selected);
    box-shadow: 0px 0px 2px 0.5px var(--mw-backgroundColor-selected);
}

mw-modelscape-widgets-split-button-dropdown-menu .dropdown-item {
    cursor: pointer;

    color: var(--mw-color-primary);

    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;

    font-size: 12px;
    line-height: 100%;

    border: none;
    background: transparent;
}

mw-modelscape-widgets-split-button-dropdown-menu .dropdown-item:not([disabled]):hover {
    background-color: var(--mw-backgroundColor-taskbarButton-hover);
    border-color: transparent;
}

mw-modelscape-widgets-split-button-dropdown-menu .dropdown-item:not([disabled]):active {
    background-color: var(--mw-backgroundColor-taskbarButton-active);
}
/* Copyright 2024 The MathWorks, Inc. */

.baseAMChartContainer {
    width: 100%;
    height: 100%;
}

/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-categorical-filter {
    --form-control-height: 25px;
    width: 100%;
}

mw-modelscape-widgets-categorical-filter .categorical-filter-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 8px;
}

mw-modelscape-widgets-categorical-filter .search-bar-container {
    position: relative;
    width: 100%;
}

mw-modelscape-widgets-categorical-filter .search-bar-container mw-icon {
    position: absolute;
    transform: scale(1.25);
    top: 6px;
    right: 9px;
}


mw-modelscape-widgets-categorical-filter .options-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 5px;
    padding: 0px 2px;
}

mw-modelscape-widgets-categorical-filter .command-container {
    display: flex;
    justify-content: space-between;
    padding: 0px 2px;
}

mw-modelscape-widgets-categorical-filter .option-container {
    display: flex;
    width: 100%;
    gap: 5px;
    cursor: pointer;
}


mw-modelscape-widgets-categorical-filter .option-container .label-container {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: auto;
    align-items: center;
}

mw-modelscape-widgets-categorical-filter input.search-input {
    box-sizing: border-box;
    width: 100%;
    height: var(--form-control-height);

    line-height: 20px;

    padding: 0.375rem 0.75rem;
    padding-right: calc(0.75rem + 15px);
    border-radius: 5px;
    border: 1px solid var(--mw-borderColor-modelscape);
    outline: none;

    color: var(--mw-color-primary);
}

mw-modelscape-widgets-categorical-filter input.search-input:focus {
    box-shadow: 0 0 0 0.10rem var(--mw-backgroundColor-selectedFocus);
    border: 1px solid var(--mw-backgroundColor-selectedFocus) !important;
}

mw-modelscape-widgets-categorical-filter mw-modelscape-widgets-checkbox .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
    height: var(--form-control-height);
    justify-content: center;
}

mw-modelscape-widgets-categorical-filter button {
    border: none;
    background: none;
    color: var(--mw-color-hyperlink);
    padding: 0;
}

mw-modelscape-widgets-categorical-filter button:hover {
    color: var(--mw-color-hyperlink-hover);
}

mw-modelscape-widgets-categorical-filter .option-container input[type="checkbox"],
mw-modelscape-widgets-categorical-filter .option-container label:not(.label-container) {
    flex: 0 1;
}

mw-modelscape-widgets-categorical-filter .option-container label.label-container {
    flex: 1 1 auto
}
/* Copyright 2025 The MathWorks, Inc. */

mw-modelscape-widgets-number-filter {
    --form-control-height: 25px;
}

mw-modelscape-widgets-number-filter .number-filter-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 10px;
}

mw-modelscape-widgets-number-filter mw-modelscape-widgets-mw-form-combo-box .mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxFocused {
    box-shadow: 0 0 0 0.10rem var(--mw-backgroundColor-selectedFocus);
    border: 1px solid var(--mw-backgroundColor-selectedFocus) !important;
}

mw-modelscape-widgets-number-filter mw-modelscape-widgets-number-spinner .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
mw-modelscape-widgets-number-filter mw-modelscape-widgets-mw-form-combo-box .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
    height: var(--form-control-height);
}

/* Copyright 2025 The MathWorks, Inc. */

mw-modelscape-widgets-date-filter {
    --form-control-height: 25px;
}

mw-modelscape-widgets-date-filter .date-filter-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 10px;
}

mw-modelscape-widgets-date-filter mw-modelscape-widgets-mw-form-combo-box .mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxFocused {
    box-shadow: 0 0 0 0.10rem var(--mw-backgroundColor-selectedFocus);
    border: 1px solid var(--mw-backgroundColor-selectedFocus) !important;
}

mw-modelscape-widgets-date-filter mw-modelscape-widgets-date-picker .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
mw-modelscape-widgets-date-filter mw-modelscape-widgets-mw-form-combo-box .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
    height: var(--form-control-height);
}
/* Copyright 2023-2025 The MathWorks, Inc. */

mw-modelscape-widgets-slicer .option-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

mw-modelscape-widgets-slicer-item button {
    border-radius: 4px;
    border: 2px solid;

    font-size: 12px;
    line-height: 22px;

    cursor: pointer;

    background-color: var(--mw-color-quaternary);
    border-color: var(--mw-borderColor-secondary);
    color: var(--mw-color-secondary);
}

mw-modelscape-widgets-slicer-item button,
mw-modelscape-widgets-slicer-item label {
    display: flex;
    align-items: center;
    gap: 5px;
}

mw-modelscape-widgets-slicer-item label {
    font-size: 14px;
    line-height: 14px;
}

mw-modelscape-widgets-slicer-item button:hover {
    box-shadow: 0px 0px 4px 0px oklch(69.34% 0.1222 236.57);
    border-color: var(--mw-color-brand1);
}

mw-modelscape-widgets-slicer-item[active] button {
    background-color: var(--mw-backgroundColor-secondary-info);
    border-color: var(--mw-color-brand1);
    color: var(--mw-modelscape-slicer-color);
}

mw-modelscape-widgets-slicer-item .count {

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 24px;
    padding: 2px 5px;

    line-height: 10px;
    font-size: 9px;

    background-color: var(--mw-color-secondary);
    color: var(--mw-color-quaternary);
}

mw-modelscape-widgets-slicer-item[active] .count {
    background-color: var(--mw-modelscape-slicer-color);
}

mw-modelscape-widgets-slicer-item button .tick-mark {
    display: inline-block;
    transform: rotate(45deg);
    height: 12px;
    width: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--mw-modelscape-slicer-color);
    border-right: 1px solid var(--mw-modelscape-slicer-color);
}

mw-modelscape-widgets-slicer-item:not([active]) .tick-mark {
    display: none;
}

mw-modelscape-widgets-slicer-item button .tick-mark[hide-tick-mark] {
    display: none;
}

/* Check Box */
mw-modelscape-widgets-slicer-item .check-box-container {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 100%;
}

mw-modelscape-widgets-slicer-item .check-box-container .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
}

mw-modelscape-widgets-slicer-item mw-checkbox mw-label {
    font-size: 18px;
    line-height: 18px;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-tab-slicer-list .tab-slicer-list-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

mw-modelscape-widgets-tab-slicer-list .tab-slicer-list-container p {
    font-size: 15px;
    line-height: 22px;
}
/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-text-filter {
    --form-control-height: 25px;
}

mw-modelscape-widgets-text-filter .text-filter-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 10px;
}

mw-modelscape-widgets-text-filter input {
    box-sizing: border-box;
    height: var(--form-control-height);

    line-height: 20px;

    padding: 0.375rem 0.75rem;
    border-radius: 5px;
    border: 1px solid var(--mw-borderColor-modelscape);
    outline: none;

    color: var(--mw-color-primary);
}

mw-modelscape-widgets-text-filter input:focus,
mw-modelscape-widgets-text-filter mw-modelscape-widgets-mw-form-combo-box .mwDefaultVisualFamily.mwComboBox.mwNonEditable.mwComboBoxFocused {
    box-shadow: 0 0 0 0.10rem var(--mw-backgroundColor-selectedFocus);
    border: 1px solid var(--mw-backgroundColor-selectedFocus) !important;
}

mw-modelscape-widgets-text-filter mw-modelscape-widgets-mw-form-combo-box .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
    height: var(--form-control-height);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-checkbox mw-checkbox:not([disabled]):not([readOnly]),
mw-modelscape-widgets-checkbox mw-checkbox:not([disabled]):not([readOnly]) input,
mw-modelscape-widgets-checkbox mw-checkbox:not([disabled]):not([readOnly]) mw-label span {
    cursor: pointer;
}

mw-modelscape-widgets-checkbox mw-checkbox mw-label {
    display: flex;
}

mw-modelscape-widgets-checkbox mw-checkbox .mwCheckboxWrapper{
    gap: 5px;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-label mw-label {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

mw-modelscape-widgets-label[show-symbol][required][symbol-position='after'] mw-label span:after {
    content:" *";
    color: var(--mw-borderColor-error);
}

mw-modelscape-widgets-label[show-symbol][required][symbol-position='before'] mw-label span:before {
    content:"* ";
    color: var(--mw-borderColor-error);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

.mwInputNode { 
    font-family: sans-serif; 
}

/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-number-spinner mw-number-spinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* FIXME: g3140869 Number Spinner cannot extend height */

/* Copyright 2023-2025 The MathWorks, Inc. */

/* mw-modelscape-widgets-size-picker */

mw-modelscape-widgets-size-picker {
    --modelscape-size-picker-dropdown-menu-width: unset;
}

mw-modelscape-widgets-size-picker .size-picker-input-group {
    min-width: 180px;

    position: relative;
    box-sizing: border-box;

    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;

    border-radius: 5px;
}

mw-modelscape-widgets-size-picker .size-picker-input-group .size-details-container {
    display: flex;
}

mw-modelscape-widgets-size-picker .size-picker-input-group mw-modelscape-widgets-checkbox .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
    justify-content: center;
}


/* Input Group Borders and Padding */

mw-modelscape-widgets-size-picker .size-picker-input-group mw-modelscape-widgets-size-input-parser {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    display: block;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

mw-modelscape-widgets-size-picker .size-picker-input-group > div.size-picker-scalar-checkbox-container {
    margin-left: -1px;

    background: var(--mw-backgroundColor-primary);
    border: 1px solid var(--mw-borderColor-modelscape);
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    position: relative;
    padding: 4px 8px;
}

mw-modelscape-widgets-size-picker .size-picker-input-group > div.size-picker-scalar-checkbox-container:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

mw-modelscape-widgets-size-picker .size-picker-input-group button#toggleSizeDetailsBtn {
    margin-left: -1px;

    border: 1px solid var(--mw-borderColor-modelscape);
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    position: relative;

    padding: 4px 8px;
}

/* Size Input Parser */

mw-modelscape-widgets-size-input-parser input {
    font-family: monospace;
    line-height: normal;
    font-weight: bold;

    width: 100%;
    height: 100%;
    padding: 4px;
    margin: 0;

    border: 1px solid var(--mw-borderColor-modelscape);
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    color: var(--mw-color-primary);

    transition: box-shadow .15s ease-in-out;
}

mw-modelscape-widgets-size-input-parser input:disabled {
    opacity: var(--mw-opacity-disabled);
}

mw-modelscape-widgets-size-input-parser input:focus-visible,
mw-modelscape-widgets-size-input-parser input:focus {
    z-index: 3;
    border-color: oklch(78.27% 0.1139586207115061 251.28627410544652);
    outline: 0;
    box-shadow: 0 0 0.5px 1px var(--mw-modelscape-button-color);
}

mw-modelscape-widgets-size-input-parser input[readonly] {
    background-color: var(--mw-backgroundColor-input-readonly)
}

mw-modelscape-widgets-size-input-parser input[readonly]:focus-visible,
mw-modelscape-widgets-size-input-parser input[readonly]:focus {
    box-shadow: none;
    border-color: var(--mw-borderColor-modelscape);
}

mw-modelscape-widgets-size-input-parser:has(input:focus) {
    z-index: 3;
}

/* Toggle Size Details Menu Button */

mw-modelscape-widgets-size-picker button#toggleSizeDetailsBtn {
    background: var(--mw-backgroundColor-primary);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

mw-modelscape-widgets-size-picker button#toggleSizeDetailsBtn:hover:not([disabled]) {
    background-color: var(--mw-backgroundColor-hover);
}

mw-modelscape-widgets-size-picker button#toggleSizeDetailsBtn:focus {
    box-shadow: 0 0 0.5px 1px var(--mw-borderColor-modelscape);
}

/* Size Picker Details */

mw-modelscape-widgets-size-picker-details {
    padding: 0.4rem;
    margin: 0.125rem 0;

    width: var(--modelscape-size-picker-dropdown-menu-width);

    background-color: var(--mw-backgroundColor-hover);
    border: 1px solid var(--mw-backgroundColor-selected);
    box-sizing: border-box;
}

mw-modelscape-widgets-size-picker-details .size-dimension-list {
    display: flex;
    flex-direction: column;

    gap: 10px;

    padding: 10px;

    border-top: 1px solid var(--mw-backgroundColor-selected);
    border-bottom: 1px solid var(--mw-backgroundColor-selected);

    max-height: 150px;
    overflow: auto;
}

mw-modelscape-widgets-size-picker-details .dimension-row {
    display: flex;
    gap: 10px;
}

mw-modelscape-widgets-size-picker-details .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
}

mw-modelscape-widgets-size-picker-details mw-modelscape-widgets-label {
    min-width: 80px;
}

mw-modelscape-widgets-size-picker-details mw-modelscape-widgets-number-spinner {
    width: 100%;
    min-width: 50px;
}

mw-modelscape-widgets-size-picker-details button#addDimension {
    margin-top: 0.4rem;
}

/* Buttons */

mw-modelscape-widgets-size-picker .size-picker-btn {
    border: 1px solid var(--mw-color-brand1);
    border-radius: 4px;

    padding: 3px 10px;
    cursor: pointer;

    font-size: 12px;
    line-height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    width: fit-content;
    background-color: var(--mw-color-brand1);
    color: var(--mw-color-tertiary);
}

mw-modelscape-widgets-size-picker button.size-picker-btn:not([disabled]):hover {
    box-shadow: 0 0 2px 2px oklch(53.59% 0.1166 236.81 / 50%);
}

mw-modelscape-widgets-size-picker button[disabled] {
    opacity: var(--mw-opacity-disabled);
    cursor: default;
}

mw-modelscape-widgets-size-picker .dimension-row mw-icon {
    transform: scale(1.25);
    filter: brightness(3);
}

/* Validation */

mw-modelscape-widgets-size-picker:not([validationState="normal"]) .size-picker-input-group > mw-modelscape-widgets-size-input-parser input {
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}


mw-modelscape-widgets-size-picker:not([validationState="normal"]) .size-picker-input-group > mw-modelscape-widgets-checkbox {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

mw-modelscape-widgets-size-picker:not([validationState="normal"]) .size-picker-input-group > mw-modelscape-widgets-checkbox:last-child {
    border-right-color: transparent;
}

mw-modelscape-widgets-size-picker:not([validationState="normal"]) .size-picker-input-group > button#toggleSizeDetailsBtn {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

/* Form with tab containers shouldn't have padding */

.modelscape-form-tab-container {
    --mw-paddingRight-dialogBody: 0px;
    --mw-padding-dialogBody: 0px;
}

.modelscape-form-tab-container .mwDialogBody {
    padding-right: 0px;
}

/* Dashboards in forms for tab containers shouldn't have padding or margin */

.modelscape-form-tab-container mw-dashboard-breakpointcontainer {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.modelscape-form-tab-container mw-dashboard-breakpointcontainer mw-dashboard-gridlayout-gridlayout mw-dashboard-gridlayout-griditem > div[mw-dashboard-gridlayout-griditem-childtag="MW-MODELSCAPE-WIDGETS-MW-TAB-CONTAINER"] {
    padding: 0px;
}

/* Adjust borders of tab container (having borders on left and right looks odd) */

.modelscape-form-tab-container .mwTabContainer .fullTabContentWrapper {
    border-left: 0px;
    border-right: 0px;
}

/* Copyright 2023-2024 The MathWorks, Inc. */

/* g3178993 need to manually expand height and width */
mw-modelscape-widgets-textarea mw-textarea {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

mw-modelscape-widgets-textarea mw-textarea textarea {
    border-radius: 5px;
    box-sizing: border-box;
}


/* FIXME: Old form style overriding */
mw-modelscape-widgets-textarea mw-textarea textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
/* Copyright 2023-2025 The MathWorks, Inc. */

mw-modelscape-widgets-text-field mw-text-field {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 5px;
}

mw-modelscape-widgets-text-field mw-text-field input {
    border-radius: 5px;
}

mw-modelscape-widgets-text-field mw-text-field input[readonly] {
    background-color: var(--mw-backgroundColor-input-readonly);
}

mw-modelscape-widgets-text-field mw-text-field > input:disabled {
    opacity: var(--mw-opacity-disabled) !important;
}

/* FIXME: Old form style overriding */
mw-modelscape-widgets-text-field mw-text-field > input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
/* Copyright 2023 The MathWorks, Inc. */
mw-modelscape-widgets-carousel {
  --carousel-item-width: 100%;
}
mw-modelscape-widgets-carousel div.carousel-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

mw-modelscape-widgets-carousel div.carousel-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
  gap: 20px
}

mw-modelscape-widgets-carousel div.carousel-item {
  min-width: calc(var(--carousel-item-width) - (4px * 2) - (20px / 2));
  width: calc(var(--carousel-item-width) - (4px * 2) - (20px / 2));
  align-self: stretch;
  padding: 4px;
}

mw-modelscape-widgets-carousel div.carousel-item .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
  padding: 0;
}

/* Nav Buttons */
mw-modelscape-widgets-carousel div.nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 50px;

  opacity: 0.2;
}

mw-modelscape-widgets-carousel div.nav-btn:not([disabled]) {
  opacity: 0.6;
  cursor: pointer;
}

mw-modelscape-widgets-carousel div.nav-btn.right-nav:not([disabled]):hover {
  opacity: 1;
}

mw-modelscape-widgets-carousel mw-icon {
  transform: scale(1.4);
}

/* Dot Indicator */

mw-modelscape-widgets-carousel .carousel-dot-indicator-container {
  display: flex;
  flex-direction: row;
  gap: 8px;

  align-self: center;
  width: calc(8px * (7 + 6)); /* 7 dots 6 gaps */
  margin-top: 8px;


  transform:  translateX(calc(8px * (3 + 3))); /* 3 dots 3 gaps */
  transition: transform 400ms ease-out 0s;
}

mw-modelscape-widgets-carousel .carousel-dot-indicator-container .dot-indicator {
  background-color: var(--mw-borderColor-primary);
  border-radius: 4px;
  min-height: 8px;
  min-width: 8px;
  opacity: 1;
  transform-origin: left center;
  transition: transform 400ms ease-out 0s;

  cursor: pointer;
}

mw-modelscape-widgets-carousel .carousel-dot-indicator-container .dot-indicator[active] {
  background-color: var(--mw-color-primary);
}


/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-directionally-aligned-group {
    --group-item-gap: 16px 30px;
}

/* Within a directionally aligned group, direct child have no inherent padding */
mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer > * > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0px;
}

mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    overflow: auto;
}

mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer {
    display: flex;
    gap: var(--group-item-gap);
    width: 100%;
}

mw-modelscape-widgets-directionally-aligned-group[horizontal-alignment="right"] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer {
    justify-content: flex-end;
}

mw-modelscape-widgets-directionally-aligned-group[horizontal-alignment="left"] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer {
    justify-content: flex-start;
}

mw-modelscape-widgets-directionally-aligned-group[horizontal-alignment="center"] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer {
    justify-content: center;
}


mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer.directionallyAlignedGroupContainerRow {
    flex-direction: row;
}

mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer.directionallyAlignedGroupContainerColumn {
    flex-direction: column;
}

/* In directionally aligned group, we want to collapse adjacent padding */
mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer.directionallyAlignedGroupContainerRow > *:not(:first-child) > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding-left: 0px;
}

mw-modelscape-widgets-directionally-aligned-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .directionallyAlignedGroupContainer.directionallyAlignedGroupContainerColumn > *:not(:first-child) > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding-top: 0px;
}
/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-form
  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
  padding: 0px;
}

mw-modelscape-widgets-form mw-dashboard-gridlayout-griditem {
  border-bottom: none;
}

mw-modelscape-widgets-form  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer
> form.form-container  {
  width: 100%;
}

/* Copyright 2023-2025 The MathWorks, Inc. */

mw-modelscape-widgets-group {
    background-color: transparent;
    display: block;
    height: 100%;
}

mw-modelscape-widgets-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0px;
}

mw-modelscape-widgets-group > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer > .groupBody {
    width: 100%;
}

mw-modelscape-widgets-group[vertically-separated] > div > div.groupBody > mw-dashboard-gridlayout-gridcontainer > div > mw-dashboard-gridlayout-griditem {
    position: relative;
}

mw-modelscape-widgets-group[vertically-separated] > div > div.groupBody > mw-dashboard-gridlayout-gridcontainer > div > mw-dashboard-gridlayout-griditem:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    display: block;
    height: calc(100% - 20px);
    width: 1px;
    background-color: var(--mw-borderColor-modelscape);
}

mw-modelscape-widgets-group mw-dashboard-gridlayout-griditem {
    border-bottom: none;
}

mw-modelscape-widgets-group[background-color='none'] {
    background-color: transparent;
}

mw-modelscape-widgets-group[background-color='grey'] {
    background-color: var(--mw-backgroundColor-primary);
}
/* Copyright 2024-2025 The MathWorks, Inc. */

mw-modelscape-widgets-nav-bar {
    z-index: 2;
}

mw-modelscape-widgets-nav-bar[floating] {
    display: none;
}

/* Global Containers */

mw-modelscape-widgets-nav-bar .nav-bar {
    width: 100%;
    padding: 10px 25px;
    height: 61px;
    /* Adding one pixel to englobe the border bottom of 1px */

    background-color: var(--mw-backgroundColor-sidebar);

    box-sizing: border-box;
    border-bottom: 1px solid var(--mw-borderColor-modelscape);
}

mw-modelscape-widgets-nav-bar .nav-bar-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
}

/* Branding */

mw-modelscape-widgets-nav-bar .branding-container {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 25px;
    /* Space between image and text */
}

mw-modelscape-widgets-nav-bar .branding-container .icon-container {
    height: 100%;
    width: 200px;
    display: flex;
    justify-content: center;
}

mw-modelscape-widgets-nav-bar .branding-container .icon-container img {
    height: 100%;
    width: auto;
    max-width: 100%;
    display: flex;
    cursor: pointer;
}

mw-modelscape-widgets-nav-bar .branding-container .icon-container[imgerror] {
    border: 1px solid var(--mw-color-gray500);
    background-color: transparent;
    box-sizing: border-box;
}

mw-modelscape-widgets-nav-bar .branding-container .icon-container[imgerror] img {
    padding: 10px 30px;
    height: 20px;
    width: 140px;
    color: var(--mw-color-white);
    text-align: center;
}

mw-modelscape-widgets-nav-bar .branding-container span.text-container {
    white-space: nowrap;
    color: var(--mw-color-white);
}

/* Settings Dropdown */

mw-modelscape-widgets-nav-bar .settings-dropdown {
    margin-left: auto;
    height: 100%;
}

mw-modelscape-widgets-nav-bar .settings-dropdown-button {
    display: flex;
    align-items: center;
    gap: 15px;

    height: 100%;
    padding: 0px 10px;

    background: none;
    color: var(--mw-color-white);

    border: none;
    border-radius: 2px;

    white-space: nowrap;
    text-decoration: none;

    transition: background-color 0.3s ease;
}

mw-modelscape-widgets-nav-bar .settings-dropdown-button[isMenuFocused] {
    background: oklch(100% 0 0 / 10%);
}

mw-modelscape-widgets-nav-bar .settings-dropdown-button mw-icon {
    filter: brightness(5);
}

/* Settings Dropdown menu */

mw-modelscape-widgets-nav-bar-dropdown-menu {
    border: 1px transparent solid;
    box-shadow: 0px 8px 16px 0px oklch(0% 0 0 / 20%);
    overflow: hidden;
    background-color: var(--mw-backgroundColor-hover);
}

mw-modelscape-widgets-nav-bar-dropdown-menu .setting-button {
    display: flex;
    align-items: center;
    gap: 10px;

    height: 44px;
    width: 100%;
    padding: 0px 10px;
    padding-left: 0.8rem;

    background-color: var(--mw-backgroundColor-input);
    color: var(--mw-color-primary);
    cursor: pointer;

    border: none;
    white-space: nowrap;
    text-decoration: none;

    transition: 0.3s ease;
}

mw-modelscape-widgets-nav-bar .setting-icon {
    display: flex;
}

mw-modelscape-widgets-nav-bar-dropdown-menu .setting-button:hover:not([disabled]) {
    background-color: var(--mw-backgroundColor-input-readonly);
}

mw-modelscape-widgets-nav-bar-dropdown-menu .setting-button[disabled]:hover {
    opacity: var(--mw-opacity-disabled);
    pointer-events: all !important;
    cursor: default;
}
/* Copyright 2022-2024 The MathWorks, Inc. */

/* Main Container */

mw-modelscape-widgets-side-nav {
    z-index: 2;
    --side-nav-width-expanded: 251px;
    --side-nav-width-collapsed: 76px;
    --side-nav-padding-y: 10px;
    --side-nav-padding-x: 15px;
    --side-nav-nav-link-height: 44px;
}


mw-modelscape-widgets-side-nav ul,
mw-modelscape-widgets-side-nav ol {
    margin-left: 0;
}

mw-modelscape-widgets-side-nav .side-bar {
    display: flex;
    align-content: flex-start;
    flex-direction: column;

    padding: 0px;
    width: var(--side-nav-width-expanded);
    height: 100%;
    box-sizing: border-box;

    background-color: var(--mw-backgroundColor-sidebar);
    transition: width 0.5s ease, background-color 0s;
    color: var(--mw-color-white);

    border-right: 1px solid var(--mw-backgroundColor-sidebar);
}

mw-modelscape-widgets-side-nav[collapsed]:not([floating]) .side-bar {
    width: var(--side-nav-width-collapsed);
}

mw-modelscape-widgets-side-nav[floating] {
    position: fixed;
    height: 100vh;
    z-index: 999;
    transition: margin-left 0.5s ease, background-color 0s;
}

mw-modelscape-widgets-side-nav[floating][collapsed] {
    margin-left: calc(-1 * var(--side-nav-width-expanded));
}

/* Section Container */

mw-modelscape-widgets-side-nav .section-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 10px;

    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px var(--side-nav-padding-x);
    padding-top: var(--side-nav-padding-y);
    padding-bottom: 4px;
}

/* General list item */

mw-modelscape-widgets-side-nav .side-nav-section-filler {
    flex-grow: 1;
}


/* Collapse behavior */


mw-modelscape-widgets-side-nav[collapsed] .nav-link-text {
    opacity: 0;
    pointer-events: none;
    width: 0px;
}


/* Misc */

mw-modelscape-widgets-side-nav .side-bar-underlay {
    position: absolute;
    top: 0;
}

mw-modelscape-widgets-side-nav[floating]:not([collapsed]) > .side-bar-underlay {
    left: var(--side-nav-width-expanded);
    height: 100vh;
    width: 100vw;
    background: var(--mw-backgroundColor-overlay);
    opacity: 45%;
    cursor: pointer;
}

/* Shared CSS */


mw-modelscape-widgets-side-nav .nav-link {
    color: inherit;
    flex: 1;
    z-index: 1;
    width: 100%;
}

mw-modelscape-widgets-side-nav .nav-link-text {
    transition: opacity 0.25s 0.1s ease;
}


mw-modelscape-widgets-side-nav .nav-link-icon {
    display: flex;
    padding: 0px 10px;
    justify-content: center;
}

/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-side-nav-branding .branding-container {
    padding: var(--side-nav-padding-y) calc(var(--side-nav-padding-x) + var(--side-nav-padding-y));
    height: 61px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
}

mw-modelscape-widgets-side-nav-branding .icon-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

mw-modelscape-widgets-side-nav-branding .icon-container img {
    height: 100%;
    width: auto;
    display: flex;
    cursor: pointer;
}

mw-modelscape-widgets-side-nav-branding .branding-container .icon-container[imgerror] {
    border: 1px solid var(--mw-color-gray500);
    background-color: transparent;
    box-sizing: border-box;
}

mw-modelscape-widgets-side-nav-branding .branding-container .icon-container[imgerror] img {
    padding: 10px 30px;
    height: 20px;
    width: 140px;
    color: var(--mw-color-white);
    text-align: center;
}
/* Copyright 2024-2025 The MathWorks, Inc. */

mw-modelscape-widgets-side-nav-footer {
    padding: 0px var(--side-nav-padding-x);
    padding-bottom: var(--side-nav-padding-y);

    display: flex;
    width: 100%;
    box-sizing: border-box;
}

mw-modelscape-widgets-side-nav-footer .footer-container {
    padding-top: 4px;
    border-top: oklch(100% 0 0 / 50%) 1px solid;

    color: var(--mw-color-white);
    list-style: none;
    width: 100%;
}
/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-side-nav-section .menu-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;

    display: flex;
    flex-direction: column;
    gap: 3px;
}



/* Copyright 2024-2025 The MathWorks, Inc. */

mw-modelscape-widgets-side-nav-section-item {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: 0.5s ease;
    width: 100%;
}

mw-modelscape-widgets-side-nav-section-item::before {
    transition: 0.4s ease;
    content: "";
    position: absolute;
    height: 100%;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    background: oklch(100% 0 0 / 10%);
    width: 100%;
    z-index: 0;
}

mw-modelscape-widgets-side-nav-section-item:not([readonly]):hover,
mw-modelscape-widgets-side-nav-section-item[active] {
    transition: 0.4s ease;
}

mw-modelscape-widgets-side-nav-section-item:not([readonly]):hover::before,
mw-modelscape-widgets-side-nav-section-item[active]::before {
    opacity: 1;
    visibility: unset;
}

mw-modelscape-widgets-side-nav-section-item[readonly] {
    cursor: default;
}


mw-modelscape-widgets-side-nav-section-item a {
    display: flex;
    align-items: center;

    border: none;

    height: var(--side-nav-nav-link-height);
    padding: 0px;

    background: none;
    color: inherit;
    text-decoration: none;

    cursor: inherit;
}

mw-modelscape-widgets-side-nav-section-item a:visited,
mw-modelscape-widgets-side-nav-section-item a:hover {
    text-decoration: none;
}
/* Copyright 2024-2025 The MathWorks, Inc. */

mw-modelscape-widgets-side-nav-section-title .menu-list-header {
    padding: 10px 0px;
    height: 40px;

    cursor: default;
    box-sizing: border-box;

    width: 100%;
}

mw-modelscape-widgets-side-nav-section-title .menu-list-header:not([displayTitleText]) {
    border-top: 1px solid oklch(100% 0 0);
    margin: 20px 0px;
    padding: 0;
    border-radius: 2px;
    height: 0px;
    width: 45px;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-table {
    --table-container-max-height: 2000px;
}

mw-modelscape-widgets-table > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
}

mw-modelscape-widgets-table .mw-dashboard-widgets-_FixedHeaderBase-headerFlexContainer {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

mw-modelscape-widgets-table span.mw-table-cell-span > * > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    --mw-modelscape-widgets-spacing: 11px 30px;
    justify-content: center;
}

mw-modelscape-widgets-table .table-container {
    width: 100%;
    height: 100%;
    max-height: var(--table-container-max-height);
}

mw-modelscape-widgets-table .mw-table-component {
    --mw-border-table-header: 1px solid transparent;
    --mw-border-table-cell: 1px solid transparent;
    --mw-border-table-outer-wrapper: none;
    --mw-borderColor-focus: transparent;
    --mw-paddingTop-table-header: 11px;
    --mw-padding-bottom-table-cell: 11px;
    --mw-padding-top-table-cell: 11px;
    --mw-padding-table-cell-gridlines: 30px;
    /* translating the table resize affordance to the right by full padding + half of the affordance width */
    --mw-transX-table-resize-affordance: translateX(7px);
    --mw-transX-table-resize-affordance-last: translateX(4px);
    --mw-transX-table-dnd-affordance: translateX(-12px);
}

mw-modelscape-widgets-table table th {
    padding: 7px 4px 7px 24px !important;
}



mw-modelscape-widgets-table th {
    text-transform: capitalize;
}

mw-modelscape-widgets-table th[header-case="none"] {
    text-transform: none;
}

mw-modelscape-widgets-table th[header-case="uppercase"] {
    text-transform: uppercase;
}

mw-modelscape-widgets-table th[header-case="capitalize"] {
    text-transform: capitalize;
}

/* Sorting specific CSS */

mw-modelscape-widgets-table table th > div.mw-table-dnd-source {
    transform: var(--mw-transX-table-dnd-affordance);
}

mw-modelscape-widgets-table table td {
    padding: 0px !important;
}

mw-modelscape-widgets-table .mw-table-component .mw-table-cell-background-input {
    background: transparent;
}

mw-modelscape-widgets-table tbody > tr:nth-child(odd) {
    background: var(--mw-backgroundColor-tertiary);
}

mw-modelscape-widgets-table tbody > tr:nth-child(even) {
    background: var(--mw-backgroundColor-primary);
}

mw-modelscape-widgets-table table th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 7px;
    display: block;
    height: calc(100% - 16px);
    width: 1px;
    background-color: var(--mw-borderColor-modelscape);
}

mw-modelscape-widgets-table .noDataNode[show] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

mw-modelscape-widgets-table .noDataNode {
    display: none;
}

mw-modelscape-widgets-table .mw-table-component .mw-table-header-wrapper {
    z-index: 2;
    background-color: var(--mw-backgroundColor-secondary);
}

/* Fixed Horizontal Scroll Bar */
mw-modelscape-widgets-table div.mw-table-scroll-container div.fixed-scrollbar {
    display: none;
    overflow-x: unset;
}

mw-modelscape-widgets-table div.mw-table-scroll-container div.fixed-scrollbar[show] {
    display: block;
}

mw-modelscape-widgets-table div.mw-table-scroll-container div.fixed-scrollbar div.fixed-scrollbar-content {
    height: 1px;
}

mw-modelscape-widgets-table tr.mw-table-row-selected:hover .mw-table-cell{
    cursor: pointer;
}
/* Copyright 2024-2025 The MathWorks, Inc. */

mw-modelscape-widgets-table-header-popper > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0px;
    border: 1px solid var(--mw-borderColor-primary);
    max-width: 300px;
    box-sizing: border-box;
}

mw-modelscape-widgets-table-header-popper .table-header-popper-content {
    width: 100%;
    height: 100%;
}

mw-modelscape-widgets-table-header-popper mw-modelscape-widgets-text-filter > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
mw-modelscape-widgets-table-header-popper mw-modelscape-widgets-categorical-filter > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
mw-modelscape-widgets-table-header-popper mw-modelscape-widgets-number-filter > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer,
mw-modelscape-widgets-table-header-popper mw-modelscape-widgets-date-filter > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 10px;
}
/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-table-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

mw-modelscape-widgets-table-header-content .header-text,
mw-modelscape-widgets-table-header-content .sort-button ,
mw-modelscape-widgets-table-header-content .filter-button {
    display: flex;
    align-items: center;
}

mw-modelscape-widgets-table-header-content .sort-button {
    margin-left: auto;
}

mw-modelscape-widgets-table-header-content .filter-button {
    position: relative;
    padding-right: 1px;
}


mw-modelscape-widgets-table-header-content mw-icon {
    cursor: pointer;
    opacity: 0.6;

}

mw-modelscape-widgets-table-header-content .sort-button mw-icon[active],
mw-modelscape-widgets-table-header-content mw-icon:hover,
mw-modelscape-widgets-table-header-content .filter-button mw-icon[active],
mw-modelscape-widgets-table mw-modelscape-widgets-table-header-content[popperOpen] .filter-button mw-icon {
    opacity: 1;
}

mw-modelscape-widgets-table-header-content .filter-button mw-icon[active]::after {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    left: 6px;
    top: -1px;
    opacity: 0.85;
    background: var(--mw-borderColor-tab-primary-selected);
    border-radius: 4px;
}

/* Copyright 2024 The MathWorks, Inc. */

*[container-fit="extended"] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: 0;
}

*[container-fit="compact"] > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    padding: var(--mw-modelscape-widgets-spacing);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-dependency-viewer .dependency-viewer-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 0;
  margin: 0;
}

/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-diagram-viewer .diagram-viewer-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 0;
  margin: 0;
}

/* Copyright 2024 The MathWorks, Inc. */

mw-modelscape-widgets-lifecycle-viewer .lifecycle-viewer-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 0;
  margin: 0;
}

/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-branding-header {
    color: var(--mw-color-white);
    --mw-branding-header-size: 3.43rem;
}


mw-modelscape-widgets-branding-header > div.mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    box-shadow: inset 9px 0 3px -10px var(--mw-color-primary);
    padding: 0.65rem;
    border-radius: 0;
}

mw-modelscape-widgets-branding-header div.branding-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-left: 20px;
    height: var(--mw-branding-header-size);
}



mw-modelscape-widgets-branding-header div.branding-header-container img {
    height: var(--mw-branding-header-size);
    width: var(--mw-branding-header-size);
    object-fit: contain;
}

mw-modelscape-widgets-branding-header div.branding-name {
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-breadcrumb .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
    justify-content: center;
}

mw-modelscape-widgets-breadcrumb .breadcrumb-nav {
    color: var(--mw-color-breadcrumb-title-active);
    cursor: default;
}

mw-modelscape-widgets-breadcrumb .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}

mw-modelscape-widgets-breadcrumb  li {
    display: flex;
}

mw-modelscape-widgets-breadcrumb .breadcrumb > li:not(:last-child):after {
    padding-left: 5px;
    padding-right: 5px;
    color: var(--mw-borderColor-secondary);
    font: 15px / 1.46 "Roboto", sans-serif;
    content: "/";
}

mw-modelscape-widgets-breadcrumb mw-modelscape-widgets-breadcrumb-item {
    max-width: 300px;
    display: flex;
}

mw-modelscape-widgets-breadcrumb mw-modelscape-widgets-breadcrumb-item a {
    color: var(--mw-color-brand1);
    text-decoration: none;
}

mw-modelscape-widgets-breadcrumb mw-modelscape-widgets-breadcrumb-item a:hover {
    color: var(--mw-borderColor-tab-primary-selected);
    text-decoration: underline;
}

mw-modelscape-widgets-breadcrumb mw-modelscape-widgets-breadcrumb-item a:visited {
    color: var(--mw-borderColor-tab-primary-selected);
    text-decoration: none;
}


mw-modelscape-widgets-breadcrumb mw-modelscape-widgets-breadcrumb-item span {
    color: var(--mw-color-readOnly)
}

/* Copyright 2023-2025 The MathWorks, Inc. */

mw-modelscape-widgets-card-link .card-link-container {
    display: flex;
    flex: 1 1 auto;

    height: 100%;
    min-height: 80px;
    width: 100%;
    min-width: 160px;

    box-sizing: border-box;

    flex-direction: column;
    border: 1px solid var(--mw-borderColor-modelscape);
    background-color: var(--mw-backgroundColor-primary);

    cursor: default;
}

mw-modelscape-widgets-card-link .card-link-container:not([disabled]):hover {
    box-shadow: 0px 0px 4px 0px oklch(69.34% 0.1222 236.57);
    cursor: pointer;
}

/* Header */

mw-modelscape-widgets-card-link .card-link-header h1 {
    font-size: 19px;
    font-weight: 500;
    line-height: 20px;
}

/* Small Header */

mw-modelscape-widgets-card-link .card-link-header[size="small"]::before {
    content: "";
    display: flex;
    width: 100%;
    height: 5px;
    background: var(--mw-modelscape-card-list-bar-color);
}

mw-modelscape-widgets-card-link .card-link-header[size="small"] h1 {
    padding: 15px 15px 5px 15px;
}

/* Big Header */

mw-modelscape-widgets-card-link .card-link-header[size="big"] {
    min-height: 45px;
    height: 45px;
    display: flex;
    align-items: center;

    color: var(--mw-color-white);
    background-image: url(../images/a85448db89bd123cc93b.png);
    background-position: top right;
    background-size: 100%;
}

mw-modelscape-widgets-card-link .card-link-header[size="big"] h1 {
    width: 100%;
    padding: 0px 15px;
}

mw-modelscape-widgets-card-link :has(.card-link-header[size="big"]) .card-link-body {
    margin-top: 15px;
}

/* Body */

mw-modelscape-widgets-card-link .card-link-body {
    margin: 5px 15px 15px 15px;
    overflow: auto;
    height: 100%;
    font-size: 15px;
    line-height: 22px;
}
/* Copyright 2023-2025 The MathWorks, Inc. */

.mwDialog {
    max-height: 90vh;
    max-width: 90vw;
}

/* Page Dialog CSS Overrides */

.mwDialog[data-test-id="PageDialog"] {
    --mw-minHeight-dialog: var(--mw-modelscape-page-dialog-min-height);
    --mw-minWidth-dialog: var(--mw-modelscape-page-dialog-min-width);
    width: 80%;
    height: auto;
    visibility: hidden !important;
}

.mwDialog[data-test-id="PageDialog"] mw-dashboard-gridlayout-griditem:last-child {
    border: none;
}

.mwDialog[data-test-id="PageDialog"] .mwDialogBody {
    padding: 0 !important;
}

.mwDialog[data-test-id="PageDialog"] .mwDialogBody.mwOverflow {
    border-bottom: none;
}

.mwDialog[data-test-id="PageDialog"] .mwDialogButtonBar {
    border-top: 1px solid var(--mw-borderColor-modelscape);
}
/* Copyright 2023-2025 The MathWorks, Inc. */

mw-modelscape-widgets-dot-rating {
    --line-height: 14px;
}

mw-modelscape-widgets-dot-rating .dot-rating-and-value-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    align-items: center;
}

mw-modelscape-widgets-dot-rating .dot-rating-container {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
}

mw-modelscape-widgets-dot-rating .dot-rating {
    width: var(--line-height);
    height: var(--line-height);
    border-radius: calc(var(--line-height) / 2);
    background-color: var(--mw-borderColor-secondary);
}

mw-modelscape-widgets-dot-rating .dot-rating-filled {
    background-color: var(--mw-graphics-colorOrder-1-primary);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-line-rating {
    --line-height: 10px;
}

mw-modelscape-widgets-line-rating .line-rating-and-value-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

mw-modelscape-widgets-line-rating .line-rating-container {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
}

mw-modelscape-widgets-line-rating .line-rating {
    height: var(--line-height);
    width: 100%;
    background: var(--mw-borderColor-secondary);
    border-radius: calc(var(--line-height) / 2);
}

mw-modelscape-widgets-line-rating .line-rating-filled {
    min-width: var(--line-height);
}

mw-modelscape-widgets-line-rating .red {
    background-color: var(--mw-backgroundColor-primary-error);
}

mw-modelscape-widgets-line-rating .amber {
    background-color: var(--mw-backgroundColor-primary-warning);
}

mw-modelscape-widgets-line-rating .green {
    background-color: var(--mw-backgroundColor-primary-success);
}
/* Copyright 2023 The MathWorks, Inc. */

mw-modelscape-widgets-pagination div.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

mw-modelscape-widgets-pagination div.pagination-max-items {
  display: flex;
  justify-content: center;
  align-items: center;

  max-width: 174px;
  gap: 5px;
}

mw-modelscape-widgets-pagination div.pagination-max-items .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
  padding: 0;
}

mw-modelscape-widgets-pagination div.pagination-max-items mw-modelscape-widgets-text {
  flex: 0 1 auto;
}

mw-modelscape-widgets-pagination div.pagination-max-items mw-modelscape-widgets-mw-form-combo-box {
  flex: 0 1 54px;
  height: 34px; /* value from UX figma */
}

mw-modelscape-widgets-pagination div.pagination-nav {
  display: flex;
  align-items: center;
}

mw-modelscape-widgets-pagination div.pagination-nav button {
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 9px;

  background: none;
  border: none;
}

mw-modelscape-widgets-pagination div.pagination-nav button[disabled] {
  cursor: default;
  opacity: 0.4;
}

mw-modelscape-widgets-pagination div.pagination-container span {
  line-height: 21.9px; /* value from UX figma */
  font-size: 15px; /* value from UX figma */
}

mw-modelscape-widgets-pagination div.pagination-nav mw-icon {
  scale: 1.5;
  filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(781%) hue-rotate(163deg) brightness(101%) contrast(105%);
  transition: filter 0.1s ease;
}

mw-modelscape-widgets-pagination div.pagination-nav button:not([disabled]):hover mw-icon {
  filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(2471%) hue-rotate(191deg) brightness(92%) contrast(101%);
}

/* Copyright 2023-2025 The MathWorks, Inc. */
mw-modelscape-widgets-progress-banner,
mw-modelscape-widgets-progress-banner :before,
mw-modelscape-widgets-progress-banner :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

mw-modelscape-widgets-progress-banner div.stage-nav {
    --not-completed-bg-color: var(--mw-backgroundColor-highlight);
    --completed-bg-color: var(--mw-backgroundColor-toolstripTab);
    --ongoing-bg-color: var(--mw-backgroundColor-toolstripContextualTab);
    --completed-hover-bg-color: var(--mw-backgroundColor-toolstripTab-hover);
    --not-completed-hover-bg-color: var(--mw-backgroundColor-toolstripTab-hover);
    --ongoing-hover-bg-color: var(--mw-backgroundColor-toolstripTab-hover);

    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    white-space: pre-wrap;
    align-items: center;
}

mw-modelscape-widgets-progress-banner-item {
    display: flex;
    float: left;
    flex-grow: 1;
    cursor: default;
}

mw-modelscape-widgets-progress-banner-item button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;

    color: var(--mw-color-tertiary);
    background: var(--not-completed-bg-color);
    border: none;
    box-shadow: var(--pixel-width-adjustment) 0px 0.75px var(--completed-bg-color);

    padding: 5px 20px 5px 20px;
    margin-right: 23px;

    cursor: inherit;
}

mw-modelscape-widgets-progress-banner-item button > span {
    font-weight: normal !important;
    font-size: 115% !important;
    margin-left: 5px;
    line-break: anywhere;
}

mw-modelscape-widgets-progress-banner-item .icon {
    margin-left: 4px;
}

mw-modelscape-widgets-progress-banner-item button:before,
mw-modelscape-widgets-progress-banner-item button:after {
    content: "";
    position: absolute;
    top: 0;
    border: 15px solid var(--not-completed-bg-color);
    border-top-width: var(--chevronHeight);
    border-bottom-width: var(--chevronHeight);
    width: 0;
    height: 0;
}

mw-modelscape-widgets-progress-banner-item button:before {
    left: -20px;
    border-left-color: transparent;
}

mw-modelscape-widgets-progress-banner-item button:after {
    left: 100%;
    border-color: transparent;
    border-left-color: var(--not-completed-bg-color);
    box-shadow: -1px 0 var(--not-completed-bg-color);
}

/* First child */
mw-modelscape-widgets-progress-banner mw-modelscape-widgets-progress-banner-item:first-child button {
    padding-left: 15px;
    border-radius: 4px 0 0 4px;
}

mw-modelscape-widgets-progress-banner mw-modelscape-widgets-progress-banner-item:first-child button:before {
    border: none;
}

/* Last child */
mw-modelscape-widgets-progress-banner mw-modelscape-widgets-progress-banner-item:last-child button {
    padding-right: 15px;
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

mw-modelscape-widgets-progress-banner mw-modelscape-widgets-progress-banner-item:last-child button:after {
    border: none;
}

/* Active and Completed */
mw-modelscape-widgets-progress-banner-item button[completed][ongoing] {
    background: var(--ongoing-bg-color);
    opacity: 1;
    cursor: default;
}

mw-modelscape-widgets-progress-banner-item button[completed][ongoing]:before {
    border-color: var(--ongoing-bg-color);
    border-left-color: transparent;
}

mw-modelscape-widgets-progress-banner-item button[completed][ongoing]:after {
    border-left-color: var(--ongoing-bg-color);
    box-shadow: -1px 0 var(--ongoing-bg-color);
}

mw-modelscape-widgets-progress-banner-item button[completed] {
    background: var(--completed-bg-color);
    opacity: 1;
}

mw-modelscape-widgets-progress-banner-item button[active] span {
    font-weight: bolder !important;
}

mw-modelscape-widgets-progress-banner-item button[completed]:before {
    border-color: var(--completed-bg-color);
    border-left-color: transparent;
}

mw-modelscape-widgets-progress-banner-item button[completed]:after {
    border-left-color: var(--completed-bg-color);
    box-shadow: -1px 0 var(--completed-bg-color);
}

mw-modelscape-widgets-progress-banner-item button[active]:before,
mw-modelscape-widgets-progress-banner-item button[active]:after {
    border-width: 19px;
    border-top-width: calc(var(--chevronHeight) + var(--activeHeightOffset));
    border-bottom-width: calc(var(--chevronHeight) + var(--activeHeightOffset));
}

mw-modelscape-widgets-progress-banner-item:has(button[active]) {
    height: calc((var(--chevronHeight) + var(--activeHeightOffset)) * 2);
    transform: translateX(-4px);
}

/* Hover */
mw-modelscape-widgets-progress-banner-item button:not([active]) {
    cursor: pointer !important;
}

mw-modelscape-widgets-progress-banner-item button[completed]:not([active]):hover {
    background-color: var(--completed-hover-bg-color);
    opacity: 1;
}

mw-modelscape-widgets-progress-banner-item button:not([completed]):not([active]):not([ongoing]):hover {
    background-color: var(--not-completed-hover-bg-color);
    opacity: 1;
}

mw-modelscape-widgets-progress-banner-item button[ongoing]:not([active]):hover {
    background-color: var(--ongoing-hover-bg-color);
    opacity: 1;
}

mw-modelscape-widgets-progress-banner-item button[completed]:not([active]):hover:before {
    border-color: var(--completed-hover-bg-color);
    border-left-color: transparent;
}

mw-modelscape-widgets-progress-banner-item button:not([completed]):not([active]):not([ongoing]):hover:before {
    border-color: var(--not-completed-hover-bg-color);
    border-left-color: transparent;
}

w-modelscape-widgets-progress-banner-item button[ongoing]:not([active]):hover:before {
    border-color: var(--ongoing-hover-bg-color);
    border-left-color: transparent;
}

mw-modelscape-widgets-progress-banner-item button[completed]:not([active]):hover:after {
    border-left-color: var(--completed-hover-bg-color);
    box-shadow: -1px 0 var(--completed-hover-bg-color);
}

mw-modelscape-widgets-progress-banner-item button:not([completed]):not([active]):not([ongoing]):hover:after {
    border-left-color: var(--not-completed-hover-bg-color);
    box-shadow: -1px 0 var(--not-completed-hover-bg-color);
    opacity: 1;
}
/* Copyright 2023-2025 The MathWorks, Inc. */

mw-modelscape-widgets-search-bar .search-bar-body {
    width: 100%;
}

mw-modelscape-widgets-search-bar .search-bar-container {
    display: flex;
    align-items: center;
}

mw-modelscape-widgets-search-bar input {
    padding: 0.375rem 0.75rem;
    padding-left: calc(0.75rem + 24px);

    font-family: sans-serif, Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;

    border-radius: 5px;
    border: 1px solid var(--mw-borderColor-modelscape);
    width: 100%;
    outline: none;

    color: var(--mw-color-primary);
}

mw-modelscape-widgets-search-bar input:focus {
    box-shadow: 0 0 0 0.25rem oklch(57.82% 0.2282 260.03 / 25%);
}

mw-modelscape-widgets-search-bar span.icon-span {
    width: 24px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.5rem;
    background: var(--mw-backgroundColor-sidebar);

    border: 1px solid var(--mw-borderColor-modelscape);
    margin-left: -1px;

    cursor: pointer;
}

mw-modelscape-widgets-search-bar mw-icon {
    position: relative;
    left: 24px;

    transform: scale(2);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-switch .btn {
    padding: 0.27rem 0.5rem;
    border-radius: 0.2rem;
    cursor: pointer;
    background-color: var(--mw-backgroundColor-hover);
    border: 1px solid var(--mw-backgroundColor-switch);
    color: var(--mw-backgroundColor-switch);
    flex: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

mw-modelscape-widgets-switch .content {
    display: flex;
}

mw-modelscape-widgets-switch[columnaligned] .content {
    flex-direction: column;
}

mw-modelscape-widgets-switch:not([columnaligned]) .btn-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

mw-modelscape-widgets-switch:not([columnaligned]) .btn-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

mw-modelscape-widgets-switch[columnaligned] .btn-right {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

mw-modelscape-widgets-switch[columnaligned] .btn-left {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


mw-modelscape-widgets-switch .btn[data-selected] {
    background-color: var(--mw-backgroundColor-switch);
    color: var(--mw-color-tertiary);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-text span {
    width: 100%;
    max-width: var(--widgetMaxWidth);
}
/* Copyright 2023-2024 The MathWorks, Inc. */

/* Unlike other widgets, TileList shouldn't have any inherent padding.
   Rather, individual tiles will have their padding. */
mw-modelscape-widgets-tile-list
  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
  padding: 0px;
}

/* Alternating background color for tiles */

mw-modelscape-widgets-tile-list
  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer
  > mw-dashboard-gridlayout-gridcontainer:nth-child(odd),
  mw-modelscape-widgets-tile-list .noDataNode {
  background: var(--mw-backgroundColor-editorInput-readonly);
}

mw-modelscape-widgets-tile-list
  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer
  > mw-dashboard-gridlayout-gridcontainer:nth-child(even) {
  background: var(--mw-backgroundColor-tertiary);
}

/* Within a tile, a TileTitle should have 25px spacing between it and subsequent content */
/* We use 16px padding by default accross, so it should be 25 - 16 = 9px */
mw-modelscape-widgets-tile-list
  mw-modelscape-widgets-tile-title
  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer {
  padding-bottom: 9px;
}

/* Figma advise extra bottom padding around the tile
   It shows 18px padding at the top (2px than our 16px), and 43 at the bottom (27px more than our 16px) */
mw-modelscape-widgets-tile-list
  > .mw-dashboard-widgets-_FixedHeaderBase-FlexContainer
  > mw-dashboard-gridlayout-gridcontainer {
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

mw-modelscape-widgets-tile-list mw-dashboard-gridlayout-griditem {
  border-bottom: none;
}

mw-modelscape-widgets-tile-list .noDataNode {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  width: 100%;
}

mw-modelscape-widgets-tile-list .noDataNode[noLabel] {
  display: none;
}

/* Copyright 2023-2024 The MathWorks, Inc. */

mw-modelscape-widgets-tile-title .tile-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

mw-modelscape-widgets-tile-title .tile-header-titles {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: var(--widgetMaxWidth);
}

mw-modelscape-widgets-tile-title .tile-header-description {
    font-size: 12px;
    line-height: 16px;
}
/* Copyright 2023 The MathWorks, Inc. */

mw-modelscape-widgets-title .title-container {
  display: flex;
  justify-content: space-between;
}

mw-modelscape-widgets-title .title-content {
  display: flex;
  gap: 10px;
  align-items: center;
}

mw-modelscape-widgets-title .count {
  width: 12px;
  height: 12px;
  padding: 3px;
  background: var(--mw-backgroundColor-secondary);
  border-radius: 18px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Copyright 2023-2025 The MathWorks, Inc. */


body {
    --mw-modelscape-page-dialog-min-height: 162px;
    --mw-modelscape-page-dialog-min-width: 302px;
}

/* Text Overflow css */

[text-overflow] {
    word-wrap: break-word;
}

[text-overflow="ellipsis"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block !important;
    overflow-wrap: break-word;
}

[text-overflow="ellipsis"][expandOnHover]:hover {
    white-space: normal;
    overflow: visible;
}

#tooltipController {
    position: fixed;
    z-index: 1000; /* ensuring that we going over the floating side nav */
}
/* Copyright 2023 The MathWorks, Inc. */

/* This file is not in source, it's copied by grunt */


/* Copyright 2022-2024 The MathWorks, Inc. */

body {
    margin: 0px;
    padding: 0;
    background-color: var(--mw-backgroundColor-tertiary);
}

#rootNode {
    width: 100vw;
    height: 100vh;
}

#modelscapeMain {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100vh - 60px);
    z-index: 1;
}

#modelscapeMain[showingapp] {
    height: 100vh;
}

#router {
    position: relative;
    overflow: auto;
    --mw-dashboard-widgets-border-radius: 0px;
    min-height: 100%;
    width: 100%;
    z-index: 1;
}

#page {
    height: 100%;
    width: 100%;
}

.flex-container {
    display: flex;
    flex-direction: row;
}

/* Side Nav MW UI Icon */

mw-modelscape-widgets-side-nav mw-icon[icon-id="homeUI"] {
    filter: brightness(3);
}

/* Mathworks Company Logo in white */

mw-modelscape-widgets-branding-header div.branding-header-container img[src="https://cdn.iconscout.com/icon/free/png-512/free-mathworks-3628321-3031929.png"] {
    filter: invert(1);
}

/* Temporary fix for progress bar issue */
/* TODO: Remove once g3167637 fixed */

.mwProgressDialog .mwIconAndMessageWidgetMessage {
    overflow: visible
}


/* Temporary fix for icon inside the Toolstrip */
/* TODO: Remove once g3437226 is fixed */

[widgetId="toolstripWrapper"] .mwIconNode {
    padding-bottom: 0px;
}