div[control-type] span:empty,
div[control-type] div:empty {
	display: none;
}

span {
	/* display: block; */
}

view {
	display: block;
}

table {
	height: 1px;
	width: 100%;
}

tbody {
	vertical-align: top;
}

label {
	margin-bottom: 0;
}

div[onclick] {
	display: inline-block;
}

option {
	font-family: inherit;
}

.inline {
	display: inline;
}

.bold {
	font-weight: bold;
}

.text-no-wrap {
	white-space: nowrap;
}

.text-break-spaces {
	white-space: break-spaces;
}

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

.dual-text-center td {
	padding: 0px 10px 0px;
}

.dual-text-center td:nth-child(2n+0) {
	text-align: left;
}

.dual-text-center td:nth-child(2n+1) {
	text-align: right;
}

.marker {
	background-color: #FFFF00;
}

.monospace {
	font-family: monospace, monospace;
}

.highlight-red {
	background-color: #FF0000;
}

.highlight-yellow {
	background-color: #FFFF00;
}

.highlight-green {
	background-color: #00FF00;
}

.highlight-blue {
	background-color: #0000FF;
}

a,
.Button-As-Link,
[control-type='label'][onclick] *:not([control-title]) {
	color: #00F;
	background-color: rgba(0,0,0,0);
	border: 0;
	text-decoration: underline;
}

a:hover,
.Button-As-Link:hover,
[control-type='label'][onclick]:hover *:not([control-title]) {
	color: #0a58ca;
}

.Scrollable-Container {
	overflow-x: auto;
	display: block;
}

.Scrollable-Container table:not(.Scrollable-Container table table) > tbody > tr > td > *:only-child,
.Scrollable-Container table:not(.Scrollable-Container table table) > tbody > tr:nth-child(2) > td > *[id*='ScriptTag'] ~ *:last-child {
	min-width: 100px;
}

.Section-Header {
	font-weight: bold;
	font-size: 1.5rem;
}

.Section-Hide-Header {
	display: none;
}

.Section-Header td:last-child:not(:only-child),
.Collapsible-Header td:last-child:not(:only-child) {
	display: inline-block;
}

.Section-Header td:first-child:not(:only-child),
.Collapsible-Header td:first-child:not(:only-child) {
	width: 18px;
}

.Sub-Section-Header {
	font-weight: bold;
	font-size: 1.3rem;
}

.Small-Section-Header {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid;
}

.Round-Border .Sub-Section-Header,
.Round-Border .Small-Section-Header {
	padding-left: 20px;
	padding-right: 20px;
}

.ListTable > tbody > tr:first-child,
.ListTable .Title {
	font-weight: bold;
	font-size: 1.1rem;
}

.Equal-Columns-1 > tbody > tr > td {
	width: 100%;
}

.Equal-Columns-2 > tbody > tr > td {
	width: 50%;
}

.Equal-Columns-3 > tbody > tr > td {
	width: 33%;
}

.Round-Border {
	border: 2px solid black;
}

.Round-Border,
.Round-Border .table-striped > tbody > tr > td {
	border-radius: 20px;
}

.Round-Border .table-striped {
	margin-bottom: 0px;
}

.Round-Border .table-striped > tbody > tr:first-child > td {
	border-top: 0px;
}

.Round-Border .table-striped > tbody > tr:last-child > td {
	border-bottom: 0px;
}

.Round-Border .table-striped > tbody > tr:not(:last-child) > td {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.Round-Border .table-striped > tbody > tr:not(:first-child) > td {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.Round-Border .table-striped > tbody > tr:first-child > td:not(:last-child) {
	border-top-right-radius: 0px;
}

.Round-Border .table-striped > tbody > tr:first-child > td:not(:first-child) {
	border-top-left-radius: 0px;
}

.Round-Border .table-striped > tbody > tr:last-child > td:not(:last-child) {
	border-bottom-right-radius: 0px;
}

.Round-Border .table-striped > tbody > tr:last-child > td:not(:first-child) {
	border-bottom-left-radius: 0px;
}

.Round-Border table > tbody > tr.Unround-Row > td,
.Round-Border table > tbody > tr.Unround-Row > td.Unround-Cell,
.Round-Border .table-striped > tbody > tr.Unround-Row > td,
.Round-Border .table-striped > tbody > tr.Unround-Row > td.Unround-Cell {
	border-radius: 0px;
}

.Round-Border.Less-Round-Border,
.Round-Border.Less-Round-Border .table-striped > tbody > tr > td {
	border-radius: 10px;
}

.Table-With-Border,
.Table-With-Cell-Border {
	border-collapse: separate;
}

.Table-With-Border,
.Table-With-Cell-Border > tbody > tr > td {
	border: 1px solid black;
	border-radius: 10px;
}

.Table-No-Padding,
.Table-No-Padding > tbody,
.Table-No-Padding > tbody > tr,
.Table-No-Padding > tbody > tr > td,
.Default-No-Padding,
.Default-No-Padding *:not(.Allow-Padding):not(.Allow-Padding *) {
	margin: 0;
	padding: 0;
}

.Small-Padding,
.Default-No-Padding .Small-Padding {
	padding: 5px;
}

.Small-Margin,
.Default-No-Padding .Small-Margin {
	margin: 5px;
}

.Default-No-Padding .text-field-wrap {
	margin-top: 0.375em;
}

.Default-No-Padding input,
.Default-No-Padding select {
	padding: 10px;
}

.Comment-Header {
	padding-left: 20px;
	padding-right: 20px;
	border: 2px solid black;
	border-radius: 20px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.Comment-Header * {
	margin: 0;
	padding: 0;
}

.User-Comment .Comment-Header {
	background: rgba(40, 48, 66, 0.2);
}

.System-Comment .Comment-Header {
	background: rgba(245, 122, 44, 0.2);
}

.Comment-Body {
	border: 0px solid black;
	border-width: 0px 2px 2px;
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.Comment-Content > span {
	white-space: break-spaces;
}

.Comment-Attachment {
	display: inline-block;
	width: auto;
	max-width: 200px;
	height: 100%;
	max-height: 200px;
	margin: 0px 8px;
	border: solid 1px rgba(0,0,0,0.3);
	border-radius: 5px;
	text-align: center;
}

.Comment-Attachment a.image-download {
	display: inline-block;
	max-width: 200px;
	height: 200px;
	vertical-align: middle;
}

.Comment-Attachment a.image-download img {
	max-height: 100%;
	width: auto;
}

.Comment-Attachment a.file-download {
	display: inline-flex;
	width: 100px;
	height: 100px;
	vertical-align: middle;
}

.Comment-Attachment a.file-download > span {
	margin: auto;
}

.ListHeaderRow > td {
	z-index: 0;
}

.List-With-Margin {
	margin: 0px 50px;
}

.Pad-Widget-Rows > tbody > tr > td {
	padding: 0px;
}

.Pad-Widget-Rows > tbody > tr:not(:last-of-type) > td > * > view {
	padding-bottom: 4rem;
}

.Link-With-Border {
	display: inline-block;
	text-decoration: none;
	line-height: 1.5;
	font-size: 1rem;
	color: rgba(13,110,253,1);
	border: 2px solid rgba(13,110,253,1);
	border-radius: 8px;
	padding: 4px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.Link-With-Border:hover {
	background: rgba(13,110,253,0.2);
}

.media-obj-content-holder {
	max-width: 85vw;
	max-width: calc(95vw - 120px);
	min-width: 500px;
	overflow-x: auto;
	/* white-space: nowrap; */
	margin: auto;
}

.media-obj-content-holder * {
	margin: 0;
}

.media-obj-content-holder span {
	display: inline;
}

.media-obj-content-holder > *:not([control-title]) {
	display: inline-block;
	margin: 0 10px 0;
}

.media-obj-img {
	/* width: 100%; */
}

.Center-Wrapped-Element {
	display: flex;
	height: 100%;
	width: 100%;
}

.Center-Wrapped-Element > * {
	margin: auto;
}

td:not(:only-child) > label.text-field-wrap {
	margin-top: 5px;
}

.Minimum-Padding label.text-field-wrap,
.ListTable > tbody > tr > td > label.text-field-wrap {
	margin-top: 0px;
}

.pictogram-container .pictogram-image {
	display: inline-block;
	width: 100px;
	height: 100px;
}

.pictogram-container .pictogram-image > img {
	width: 100%;
	height: 100%;
}

.warning-title {
}

.warning-title span {
	display: inline-block;
	vertical-align: top;
}

.warning-title .material-icons {
	
}

.StagingGrid-Wrapper {
	max-width: 85vw;
	max-width: calc(95vw - 120px);
	max-height: calc(100vh - 300px);
	min-width: 720px;
	min-height: 720px;
	overflow: scroll;
	text-align: left;
}

.StagingGrid-Main-Table {
	position: relative;
	width: 1px;
}

.StagingGrid-Main-Table > tbody > tr:first-child {
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: #F8F9FA;
	background-color: var(--light);
}

.StagingGrid-Main-Table > tbody > tr > td,
.StagingGrid-Main-Table > tbody > tr > td > table {
	max-width: 400px;
}

.StagingGrid-Main-Table > tbody > tr > td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	background-color: #F8F9FA;
	background-color: var(--light);
}

.StagingGrid-Main-Table > tbody > tr:first-child > td:first-child {
	position: sticky;
	top: 0;
	left: 0;
}

.StagingGrid-Empty-Corner {
	height: 100%;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: rgba(0,0,0,.05);
}

.StagingGrid-Column-Title {
	height: 100%;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: rgba(0,0,0,.05);
}

.StagingGrid-Row-Title {
	height: 100%;
	min-width: 16em;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: rgba(0,0,0,.05);
}

.StagingGrid-Empty-Corner .StagingGrid-Label,
.StagingGrid-Column-Title .StagingGrid-Label,
.StagingGrid-Row-Title .StagingGrid-Label {
	font-size: 1.25em;
	font-weight: bolder;
}

.StagingGrid-Cell {
	height: 100%;
	width: 100%;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}

.StagingGrid-Element,
.Default-No-Padding .StagingGrid-Element {
	padding: 0.5em;
}

.StagingGrid-Cell .StagingGrid-Element {
	width: 300px;
}

.StagingGrid-Element .StagingGrid-Element-Line {
	min-width: 250px;
}

.StagingGrid-Element .StagingGrid-Element-Line > span:first-child {
	display: inline-block;
	width: 100px;
}

.StagingGrid-Element .StagingGrid-Element-Line > span:last-child {
	display: inline-block;
	width: 150px;
	text-align: right;
	padding-right: 10px;
}

#WOFormAnchors {
	position: relative;
	display: flex;
	width: 64px;
	height: 100%;
}

#WOFormAnchors span {
	display: block;
}

#WOFormAnchors .anchor-menu-icon {
	vertical-align: middle;
	margin: auto;
	font-size: 32px;
	cursor: pointer;
}

#WOFormAnchors .anchor-menu {
	position: absolute;
	top: 100%;
	display: none;
	max-height: calc(100vh - 100%);
	padding: 10px;
	padding-left: 32px;
	overflow: auto;
	background: #293042;
	color: #f1f1f1;
	text-decoration: none;
	white-space: nowrap;
}

#WOFormAnchors .anchor-menu > * {
	padding: 0px 8px 0px 8px;
	margin: 16px 0px 16px 0px;
	text-align: left;
}

#WOFormAnchors .anchor-menu a {
	display: block;
	width: 100%;
	color: #f1f1f1;
	text-decoration: none;
	white-space: nowrap;
}

#WOFormAnchors .anchor-menu .anchor-jumper-element {
	position: relative;
}

#WOFormAnchors .anchor-menu .anchor-jumper-element .anchor-prefix-icon {
	position: absolute;
	left: -28px;
	display: none;
	text-align: center;
	width: 32px;
}

#WOFormAnchors .anchor-menu .anchor-jumper-element:hover .anchor-prefix-icon {
	display: inline-block;
}

#WOFormAnchors .anchor-menu.opened {
	display: block;
}

@media (max-width: 1500px) {

	.wrapper {
		overflow: auto;
	}
}

@media (max-width: 991px) {

	.StagingGrid-Wrapper {
		max-height: calc(100vh - 250px);
	}
	
	.StagingGrid-Row-Title {
		font-size: 12px;
	}
	
	.StagingGrid-Row-Title .StagingGrid-Element-Content {
		font-size: 16px;
	}
}