/*<meta />*/

/* ----------------- */
/* Table of Contents */
/* - imports         */
/* - fonts           */
/* - structure       */
/* - headings        */
/* - paragraph       */
/* - lists           */
/* - images          */
/* - links           */
/* - tables          */
/* ----------------- */
/* ----------------- */
/*     imports       */
/* ----------------- */

@import url('sintelix-nav.css');

body
{
	/* ----------------- */
	/* light mode colors */
	/* ----------------- */
	color-scheme: light;
	/* both supported */
	--max-bodywidth: 900px;
	--bodywidth: 100%;
	--textwidth: 500px;
	--background-color: #FFFFFF;
	--text-color: #000000;
	--label-color: #1A67BA;
	--link-color: #2D8DCC;
	--link-hover-color: #F24888;
	--link-glossary-color: #3cb371;
	--theme-accent1: #1A67BA;
	--Headings: #445469;
	--button1: url('images/bullets/sx-bullet-dark-6px.png');
	--button2: url('images/bullets/sx-bullet-grey-6px.png');
	--button3: url('images/bullets/sx-bullet-dash-dark-8px.png');
	--button4: url('images/bullets/sx-bullet-square-grey-6px.png');
	--button5: url('images/bullets/sx-bullet-12px.png');
	--dropdown-head: #d5e2f5;
	--dropdown-body: #edf5ff;
	--dropdown-close: url('../images/plus.png');
	--dropdown-open: url('../images/minus.png');
	--dropdown-border: #CDDDED;
	--dropdown-head-text: #445469;
	/* ----------------- */
	/* screen UI
	/* ----------------- */
	--sx-blue: #EDF5FF;
	--sx-blue-grey: #CDDDED;
	--sx-blue-grey-mid-light: #e6eef6;
	--sx-blue-grey-light: #f8fafc;
	--sx-blue-rgba: rgba(237,245,255,1);
	--blue-mid: #1a67ba;
	--blue-mid-rgba: rgba(237,245,255,1);
	--blue-gradient: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(237,245,255,1) 100%);
	--blue-dark: #202332;
	--light-aqua: #ebffff;
	/* ----------------- */
	/* PatternedRows Table colors */
	/* ----------------- */
	--tab-separator-color: #ffffff;
	--tab-border-right-color: #ffffff;
	--tab-border-bottom-color: #ffffff;
	--tab-border-top-color: #ffffff;
	--tab-background-color: #a9bbd6;
	--mcTableColumnStyle-background: #a9bbd6;
	--mcTableBodyStyle-background-light: #EDF5FF;
	--mcTableBodyStyle-background-dark: #d4e4f7;
	--tab-light-rows: #EDF5FF;
	--tab-dark-light-rows: #8798b3;
	--tab-dark-rows: #d4e4f7;
	--separator-width: 3px;
	--padding-left: 10px;
	--padding-right: 5px;
	--padding-bottom: 5px;
	--padding-top: 5px;
	/* ----------------- */
	/* sidebar
	/* ----------------- */
	--sidebar-background: #f1f1f1;
	--sidebar-item-background: #f1f1f1;
	--sidebar-item-hover: #ccc;
	--sidebar-item-color: #1a67ba;
	/* ----------------- */
	/* general colors */
	/* ----------------- */
	--pink-theme: #F24888;
	--purple-theme: #a700b4;
	--purple-other: #68326D;
	--purple-dark: #6d1b7b;
	--purple-light: rgb(250, 240, 252);
	--purple-pale: rgb(251, 246, 255);
	--blue-light: rgb(239, 246, 255);
	--blue-dark: #2e5f9e;
	--blue-pale: #f5f5ff;
	--yellow-light: rgb(255, 255, 232);
	--yellow-dark: #ffcc00;
	--green-light: rgb(230, 250, 215);
	--green-dark: #538a28;
	--pink-pale: rgb(249, 236, 241);
	--pink-dark: #c23d70;
	--orange-light: rgb(255, 240, 173);
	--orange-dark: #ff8000;
	--grey: rgb(217, 217, 217);
	--grey-light: rgb(241, 241, 241);
	--dark-grey: rgb(68, 84, 105);
	--teal-dark: #009688;
	--teal-light: #f6fafa;
}

/* ----------------- */
/*     structure     */
/* ----------------- */

body
{
	font-size: 11pt;
	font-family: 'Segoe UI', 'Open Sans', Helvetica, sans-serif;
	background-color: var(--background-color);
	color: var(--text-color);
	line-height: 150%;
	padding: 20px;
	border: 0;
}

/* ----------------- */
/*     headings     */
/* ----------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.t3
{
	font-family: 'Segoe UI Semi Bold', 'Open Sans Semi Bold', Arial, Helvetica, sans-serif;
	margin: 0;
	padding-bottom: 0px;
	padding-top: 0;
	color: var(--Headings);
	line-height: 150%;
	font-weight: bold;
}

h1
{
	font-size: 22pt;
	margin-bottom: 30px;
	margin-top: 15px;
	color: var(--Headings);
}

h2
{
	background-color: #1d70c9;
	color: white;
	font-size: 18pt;
	margin-bottom: 15px;
	padding: 10px;
	margin-top: 30px;
}

h3
{
	background-color: #edf3fc;
	background: linear-gradient(to right, #edf3fc 0%, #ffffff 100%);
	font-size: 16pt;
	margin-bottom: 15px;
	margin-top: 25px;
	color: #16579c;
	padding: 10px;
}

.t3
{
	font-size: 16pt;
	margin-bottom: 15px;
	margin-top: 25px;
	color: var(--Headings);
}

h4
{
	font-size: 14pt;
	margin-bottom: 4px;
	margin-top: 14px;
}

h5
{
	font-size: 1em;
	color: var(--label-color);
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
}

h6
{
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: bold;
}

/* ----------------- */
/*     paragraph     */
/* ----------------- */

p
{
	text-align: justify;
	margin-top: 12px;
	margin-bottom: 18px;
	max-width: var(--textwidth);
}

.align-left
{
	text-align: left;
}

table
{
	max-width: var(--bodywidth);
}

td p,
th,
td
{
	line-height: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

p.list-item
{
	line-height: 115%;
	margin-top: 5px;
	margin-bottom: 5px;
}

td
{
	padding: 5px;
}

b
{
	font-weight: bold;
}

pre
{
	text-align: left;
	margin-top: 6px;
	margin-bottom: 6px;
	text-wrap: wrap;
}

/* ----------------- */
/*     lists         */
/* ----------------- */

ol
{
	list-style-image: none;
	vertical-align: text-top;
	margin: 0;
	padding-left: 0;
	margin-left: 25px;
}

ol ol
{
	list-style-type: lower-alpha;
	margin-left: 15px;
}

ol ol ol
{
	list-style-type: lower-roman;
	margin-left: 20px;
}

ul
{
	margin: 0;
	padding-left: 0;
	list-style-position: outside;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 15px;
	left: 0px;
	text-indent: 20px;
	list-style-type: disc;
	text-align: left;
	list-style-image: var(--button1);
}

ul ul
{
	margin-left: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: left;
	list-style-image: var(--button2);
}

ul ul ul
{
	list-style-image: var(--button3);
}

ul ul ul ul
{
	list-style-image: var(--button4);
}

ol ul
{
	
}

li
{
	orphans: 2;
	widows: 2;
	text-indent: 0;
	margin-left: 0px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 4px;
	padding-top: 4px;
	line-height: 150%;
	max-width: var(--textwidth);
}

li.sx-wide
{
	max-width: var(--bodywidth);
}

li img
{
	max-width: var(--bodywidth);
}

li p
{
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* ----------------- */
/*     images         */
/* ----------------- */

img
{
	mc-closed-image: none;
	mc-open-image: none;
	mc-thumbnail-max-height: auto;
	border: 0;
	max-width: 100%;
}

img.ThumbnailLarge
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 100%;
	mc-thumbnail-screen-tip: "Click to zoom";
}

img.ThumbnailMid
{
	mc-thumbnail: popup;
	border: none 0px transparent;
	mc-thumbnail-max-height: auto;
	max-width: 65%;
	mc-thumbnail-screen-tip: "Click to zoom";
}

img.Thumbnail
{
	mc-thumbnail: popup;
	border: none 0px transparent;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 300px;
	mc-thumbnail-screen-tip: "Click to zoom";
}

/* links */

a
{
	border: 0;
}

a:link
{
	color: var(--link-color);
	text-decoration: none;
	display: inline !important;
}

a:visited
{
	color: var(--link-color);
	text-decoration: none;
}

a:hover
{
	color: var(--pink-theme);
}

/* -----------------------  */
/* -----------------------  */
/*     Special Formatting   */
/* -----------------------  */
/* -----------------------  */
/* ----------------- */
/*     boxes         */
/* ----------------- */

div.sx-feature-box
{
	border: 2px;
	border-color: #fde7f0;
	border-style: solid;
	width: 165px !important;
	height: 165px !important;
	box-shadow: 3px 3px 2px 0px rgba(253,231,240,0.75);
	-webkit-box-shadow: 3px 3px 2px 0px rgba(253,231,240,0.75);
	-moz-box-shadow: 3px 3px 2px 0px rgba(253,231,240,0.75);
	color: transparent;
	padding: 0px;
	background-position: 98% 05%;
	margin-right: 12px;
}

div.sx-feature-box img
{
	max-width: 115px !important;
	max-height: 115px !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.sx-box
{
	border: 3px;
	border-color: var(--pink-theme);
	border-style: solid;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	width: 98%;
	background-repeat: no-repeat;
	padding: 15px;
	background-position: 98% 05%;
}

.sx-highlight,
.codeSnippet
{
	border: 0px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	width: 98%;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 98% 8px;
	background-size: 30px auto;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 45px;
	border-left: 5px solid var(--teal-dark);
}

.sx-highlight-small
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
	min-height: 22px;
	border: 0px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

p.sx-highlight
{
	width: 98%;
	padding-right: 45px;
	min-height: 55px;
}

.sx-note
{
	background-image: url('images/notes/icon-a-info.png');
	background-color: var(--blue-light);
	border-left: 5px solid var(--blue-dark);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-config
{
	background-color: #fffafc;
	border-left: 5px solid #ff0066;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-caution
{
	background-image: url('images/notes/icon-a-caution.png');
	background-color: var(--yellow-light);
	border-left: 5px solid var(--orange-dark);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-warning
{
	background-image: url('images/notes/icon-b-warning.png');
	background-color: var(--orange-light);
	border-left: 5px solid var(--orange-dark);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-example
{
	background-image: none;
	background-color: #fafaff;
	border-left: 5px solid #6A0DAD;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-tip
{
	background-image: url('images/notes/icon-a-tip.png');
	background-color: var(--green-light);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-left: 5px solid var(--green-dark);
}

.sx-features
{
	background-image: url('images/notes/icon-b-scenario.png');
	background-color: var(--pink-pale);
	border-left: 5px solid var(--pink-dark);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-syntax
{
	background-image: none;
	background-color: transparent;
	border-left: 5px solid #6A0DAD;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	line-height: 1.8em !important;
	font-size: 10pt !important;
	padding: 5px 5px 5px 5px !important;
	font-family: 'Roboto Mono', monospace;
}

.sx-syntax-small
{
	background-image: none;
	background-color: transparent;
	border-left: 5px solid #6A0DAD;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	line-height: 1.0em !important;
	font-size: 10pt !important;
	padding: 10px 5px 10px 10px !important;
	font-family: 'Roboto Mono', monospace;
	min-height: 15px !important;
	text-align: left;
}

.sx-code
{
	background-color: var(--teal-light);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-left: 5px solid var(--teal-dark);
	padding: 5px 5px 5px 5px !important;
	text-align: left;
}

.sx-code-small
{
	background-color: var(--teal-light);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-left: 5px solid var(--teal-dark);
	padding: 10px 5px 10px 10px !important;
	text-align: left;
	min-height: 15px !important;
	line-height: 1.0em !important;
	font-family: 'Roboto Mono', monospace;
	font-size: 10pt !important;
}

.sx-input
{
	background-color: transparent;
	border-left: 5px solid var(--blue-dark);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.sx-effect
{
	background-color: transparent;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-left: 5px solid #6bc7be;
}

.sx-scenario
{
	background-image: url('images/notes/icon-b-scenario.png');
	background-color: var(--purple-light);
	border-left: 5px solid var(--purple-dark);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.w3-card
{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.w3-card-network,
.w3-card-network2,
.w3-hover-shadow:hover
{
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}

/* ----------------- */
/*     responsive          */
/* ----------------- */
/* Column container */

.hr2
{
	border: 0;
	height: 1px;
}

/* Text styles */
/* Entities */

span.example-entity
{
	color: #740891 !important;
	background-color: #ebb8f9 !important;
	border: solid 1px #740891;
	padding-left: 3px;
	padding-right: 3px;
}

span.example-entity::after
{
	content: '(Example)';
	font-size: 70%;
	padding-left: 4px;
}

span.weapon
{
	color: #740891 !important;
	background-color: #ebb8f9 !important;
	border: solid 1px #740891;
	padding-left: 3px;
	padding-right: 3px;
}

span.weapon::after
{
	content: '(Weapon)';
	font-size: 70%;
	padding-left: 4px;
}

span.book
{
	color: #740891 !important;
	background-color: #ebb8f9 !important;
	border: solid 1px #740891;
	padding-left: 3px;
	padding-right: 3px;
}

span.book::after
{
	content: '(Book)';
	font-size: 70%;
	padding-left: 4px;
}

span.organisation
{
	color: #0088cc !important;
	background-color: #e6f7ff !important;
	border: solid 1px #0088cc;
	padding-left: 3px;
	padding-right: 3px;
}

span.organisation::after
{
	content: '(Organisation)';
	font-size: 70%;
	padding-left: 4px;
}

span.manufacturer
{
	color: #0088cc !important;
	background-color: #e6f7ff !important;
	border: solid 1px #0088cc;
	padding-left: 3px;
	padding-right: 3px;
}

span.manufacturer::after
{
	content: '(Manufacturer)';
	font-size: 70%;
	padding-left: 4px;
}

span.sentiment
{
	color: #740891 !important;
	background-color: #ebb8f9 !important;
	border: solid 1px #740891;
	padding-left: 3px;
	padding-right: 3px;
}

span.sentiment::after
{
	content: '(Positive-sentiment)';
	font-size: 70%;
	padding-left: 4px;
}

span.negative-sentiment
{
	color: #0088cc !important;
	background-color: #e6f7ff !important;
	border: solid 1px #0088cc;
	padding-left: 3px;
	padding-right: 3px;
}

span.negative-sentiment::after
{
	content: '(Negative-sentiment)';
	font-size: 70%;
	padding-left: 4px;
}

span.drug
{
	color: #740891 !important;
	background-color: #ebb8f9 !important;
	border: solid 1px #740891;
	padding-left: 3px;
	padding-right: 3px;
}

span.drug::after
{
	content: '(Illicit\00a0\00a0Drug)';
	font-size: 70%;
	padding-left: 4px;
}

span.character
{
	color: #0088cc !important;
	background-color: #e6f7ff !important;
	border: solid 1px #0088cc;
	padding-left: 3px;
	padding-right: 3px;
}

span.character::after
{
	content: '(Character)';
	font-size: 70%;
	padding-left: 4px;
}

span.aircraft
{
	color: #740891 !important;
	background-color: #ebb8f9 !important;
	border: solid 1px #740891;
	padding-left: 3px;
	padding-right: 3px;
}

span.aircraft::after
{
	content: '(Aircraft)';
	font-size: 70%;
	padding-left: 4px;
}

span.animal
{
	color: #e69900 !important;
	background-color: #ffeecc !important;
	border: solid 1px #e69900;
	padding-left: 3px;
	padding-right: 3px;
}

span.animal::after
{
	content: '(Animal)';
	font-size: 70%;
	padding-left: 4px;
}

span.forces
{
	color: #e69900 !important;
	background-color: #ffeecc !important;
	border: solid 1px #e69900;
	padding-left: 3px;
	padding-right: 3px;
}

span.forces::after
{
	content: '(Forces)';
	font-size: 70%;
	padding-left: 4px;
}

span.person
{
	color: #0088cc !important;
	background-color: #e6f7ff !important;
	border: solid 1px #0088cc;
	padding-left: 3px;
	padding-right: 3px;
}

span.person::after
{
	content: '(Person)';
	font-size: 70%;
	padding-left: 4px;
}

span.special
{
	color: #0088cc !important;
	background-color: #e6f7ff !important;
	border: solid 1px #0088cc;
	padding-left: 3px;
	padding-right: 3px;
}

span.special::after
{
	content: '(Special)';
	font-size: 70%;
	padding-left: 4px;
}

p.sx-code,
div.sx-code
{
	line-height: 1.8em !important;
	font-size: 10pt !important;
	padding: 5px 5px 5px 25px !important;
	font-family: 'Roboto Mono', monospace;
}

span.key__plus
{
	font-weight: bold !important;
	font-size: 18px;
}

span.keystroke
{
	box-sizing: border-box;
	line-height: 25px;
	font-size: 13pt;
	text-align: center;
	padding: 00px 10px;
	color: #000;
	font-weight: 500 !important;
	margin: 0 0px;
	height: 25px;
	border-color: #f2f2f2;
	border-style: solid;
	text-shadow: 0 0.5px 1px #777, 0 2px 6px #f2f2f2;
	border-width: 1px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #b3f0ff 0%, #EDF5FF 30%,#EDF5FF 70%, #b3f0ff 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-tab
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 0px 5px;
	color: #2B5889;
	font-weight: bold !important;
	margin: 0 0px;
	margin-bottom: 0px;
	vertical-align: -2%;
	height: 24px;
	border-color: #5A8BA1;
	border-style: solid;
	text-shadow: none;
	border-width: 1px;
	border-radius: 0px;
	border-top-width: 3px;
	background: -webkit-linear-gradient(top, #fefeff 5%, #fefeff 33%, #e5eff5 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-tab-linked
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 0px 5px;
	color: #2B5889;
	font-weight: bold !important;
	margin: 0 0px;
	margin-bottom: 0px;
	vertical-align: -2%;
	height: 24px;
	border-color: #5A8BA1;
	border-style: solid;
	text-shadow: none;
	border-width: 1px;
	border-radius: 0px;
	border-top-width: 3px;
	background: -webkit-linear-gradient(top, #fefeff 5%, #fefeff 33%, #e5eff5 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-tab-linked:hover
{
	color: var(--link-hover-color);
	border-color: var(--link-color);
}

span.ui-tab-completed
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 0px 5px;
	color: #82ACBA;
	font-weight: bold !important;
	margin: 0 0px;
	margin-bottom: 0px;
	vertical-align: -2%;
	height: 24px;
	border-color: #558EA1;
	border-style: solid;
	text-shadow: none;
	border-width: 1px;
	border-radius: 0px;
	border-top-width: 3px;
	background-color: #ffffff;
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-tab-disabled
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 0px 5px;
	color: #BBBBC1;
	font-weight: 500 !important;
	margin: 0 0px;
	margin-bottom: 0px;
	vertical-align: -2%;
	height: 24px;
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	border-top-width: 3px;
	background-color: #ffffff;
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-tab-disabled:hover
{
	color: var(--link-hover-color);
	border-color: var(--link-color);
}

span.ui-tab img
{
	margin-top: -0px;
}

span.ui-sidetab
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 00px 5px;
	color: #2B5889;
	font-weight: 500 !important;
	margin: 0 0px;
	height: 20px;
	border-color: #5A8BA1;
	border-style: solid;
	text-shadow: 0 0.5px 1px #777, 0 2px 6px #f2f2f2;
	border-width: 1px;
	border-radius: 0px;
	border-top-width: 3px;
	background: -webkit-linear-gradient(top, #fefeff 5%, #fefeff 33%, #e5eff5 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-button
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 00px 5px;
	color: #2B5889;
	font-weight: 500 !important;
	margin: 0 0px;
	height: 20px;
	border-color: #5A8BA1;
	border-style: solid;
	text-shadow: none;
	border-width: 1px;
	border-radius: 0px 0px 0px 0px;
	background: -webkit-linear-gradient(top, #fefeff 5%, #fefeff 33%, #e5eff5 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-button-red
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 00px 5px;
	color: #B62929;
	font-weight: 500 !important;
	margin: 0 0px;
	height: 20px;
	border-color: #C98989;
	border-style: solid;
	text-shadow: none;
	border-width: 1px;
	border-radius: 0px 0px 0px 0px;
	background: -webkit-linear-gradient(top, #ffffff 5%, #FDF9F9 33%, #FCE1E0 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.ui-button-green
{
	box-sizing: border-box;
	line-height: 20px;
	font-size: 10pt;
	text-align: center;
	padding: 00px 5px;
	color: #599126;
	font-weight: 700 !important;
	margin: 0 0px;
	height: 20px;
	border-color: #599126;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px 0px 0px 0px;
	background: -webkit-linear-gradient(top, #ffffff 5%, #F5FAF3 33%, #E6F6DC 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.field-checkbox-selected
{
	background-image: url('images/field-selected.png') !important;
	background-repeat: no-repeat;
	padding-left: 18px !important;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 0px 3px;
	background-size: 14px 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 10px;
	color: #1A67BA;
	font-weight: 500 !important;
}

span.field-checkbox-unselected
{
	background-image: url('images/field-select.png') !important;
	background-repeat: no-repeat;
	padding-left: 18px !important;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 0px 3px;
	background-size: 14px 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 10px;
	color: #1A67BA;
	font-weight: 500 !important;
}

span.field-name
{
	padding: 2px 6px;
	color: #2B5875;
	font-weight: bold !important;
	line-height: 20px;
	margin-left: 1px;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
	background: linear-gradient(to right, #DEEAF1 -50%, #FCFCFC 50%);
	border-left: 3px solid #297E91;
	font-size: 13px;
}

span.field-name-green
{
	padding: 2px 6px;
	color: #628D36;
	font-weight: bold !important;
	line-height: 20px;
	margin-left: 1px;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
	background: linear-gradient(to right, #E0F5CB 0%, rgba(255,255,255,0.0) 100%);
	border-left: 3px solid #628D36;
	font-size: 13px;
}

span.field-radio-selected
{
	background-image: url('images/radio-selected.png') !important;
	background-repeat: no-repeat;
	padding-left: 18px !important;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 0px 3px;
	background-size: 14px 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 10px;
	color: #1A67BA;
	font-weight: 500 !important;
}

span.field-radio-unselected
{
	background-image: url('images/radio-unselected.png') !important;
	background-repeat: no-repeat;
	padding-left: 18px !important;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 0px 3px;
	background-size: 14px 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 10px;
	color: #1A67BA;
	font-weight: 500 !important;
}

span.field-radio-unselected-red
{
	background-image: url('images/radio-unselected.png') !important;
	background-repeat: no-repeat;
	padding-left: 18px !important;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 0px 3px;
	background-size: 14px 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 10px;
	color: #B62929;
	font-weight: 500 !important;
}

span.dropdown-list
{
	background-image: url('images/dropdown-arrow.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	padding-right: 24px !important;
	box-sizing: border-box;
	line-height: 22px;
	font-size: 10pt;
	text-align: center;
	padding: 00px 5px;
	color: #2B5889;
	font-weight: 500 !important;
	margin: 0 0px;
	height: 22px;
	vertical-align: -2%;
	border-color: #5A8BA1;
	border-style: solid;
	text-shadow: none;
	border-width: 1px;
	border-radius: 0px 0px 0px 0px;
	background: -webkit-linear-gradient(top, #fefeff 5%, #fefeff 33%, #e5eff5 100%);
	font-family: sans-serif;
	display: inline-block;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

span.field-menu
{
	padding-left: 0px !important;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: underline dotted;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 10px;
	color: #333333;
	font-weight: 500 !important;
}

span.noGloss
{
	mc-disable-glossary-terms: true;
}

.sx-result
{
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 5px;
	border-left: 1px solid #D3E6EE;
	border-top: 1px solid #D3E6EE;
	background: #F8FDFF;
	/* background-image: linear-gradient(to top, #FFF 0%,#F8FDFF 90%,#faffff 99%,#faffff 100%); */
	box-shadow: inset 0 0 1px #FFF;
}

.clear
{
	display: block;
	clear: both;
}

pre
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

code
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.sx-theme-note
{
	/* font-size: 90%; */
	margin-top: 3px;
	margin-bottom: 3px;
	border-left: 3px solid #CCC;
	padding: 5px 10px 5px 5px;
	line-height: 1.5;
}

.sx-status-success
{
	background-color: #EEFBE6;
	border-color: #3D832C;
	color: #317531;
}

.sx-status-info
{
	background-color: #EDF5FF;
	border-color: #829FB0;
	color: #2B5875;
}

.sx-status-warn
{
	background-color: #FFF8EA;
	border-color: #B4924D;
	color: #7A3000;
}

.sx-status-warn-red
{
	background-color: #FCE1E0;
	border-color: #C98989;
	color: #B62929;
	font-weight: 500 !important;
	border-left-color: #B62929;
}

pre.sx-theme-note,
div.sx-theme-note
{
	background-color: #FFF;
	padding: 5px 10px 5px 5px;
	line-height: 1.5;
	position: relative;
}