/** {*/
/*	box-sizing: border-box;*/
/*}*/

:root {
	--ltui-content-bg: #444444;
	--ltui-button-text: #d6d6d6;
	--ltui-button-bg: #333333;
	--ltui-button-shade: #212121;
	--ltui-button-hover-bg: #338333;
	--ltui-button-focus-bg: #335333;
	--ltui-button-active-bg: #336333;
	--ltui-button-active-hover-bg: #338333;
	--ltui-button-disabled-bg: #555555;
	--ltui-button-disabled-text: #a6a6a6;
	--ltui-button-active-shade: #313131;
	--ltui-textarea-text: #cccccc;
	--ltui-textarea-scrollbar: #868686 #444444;
	--ltui-textarea-bg: #383838;
	--ltui-table-border: #2a2a2a;
	--ltui-table-text: #d6d6d6;
	--ltui-table-bg: #555555;
	--ltui-table-row-focus: #337333;
	--ltui-table-row-disabled: #888888;
	--ltui-table-row-focusing: #339333;
	--ltui-table-row-hover: #335333;
	--ltui-selection-bg: #0363c3;
	--ltui-selection-text: #fff;
	--ltui-font-family: Helvetica, Arial, sans-serif;
}

* {
	border: 0;
	padding: 0;
	margin: 0;
	/*font-family: Helvetica, Arial, sans-serif;*/
}

body {
	touch-action: manipulation;
}

textarea {
	font-family: "Lucida Console", "Courier New", monospace;
}

*:focus-visible {
	outline: none;
}

[type="button"] {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	height: 25px;
	width: 100px;
}

[type="button"] {
	color: var(--ltui-button-text);
	background-color: var(--ltui-button-bg);
	border: 0;
	/*border-radius: 3px;*/
	/*border-bottom: 3px solid var(--ltui-button-shade);*/
	/*border-right: 3px solid #212121;*/
}

[type="button"]:hover:enabled {
	background-color: var(--ltui-button-hover-bg);
}



[type="button"].nohover:hover {
	background-color: var(--ltui-button-bg) !important;
}

[type="button"]:focus-visible {
	outline: none;
	background-color: var(--ltui-button-focus-bg);
}

[type="button"]:active:enabled {
	background-color: var(--ltui-button-active-bg);
}

[type="button"]:disabled {
	background-color: var(--ltui-button-disabled-bg);
	color: var(--ltui-button-disabled-text);
}

input[type="checkbox"] {
	width: 25px;
	height: 25px;
}

[type="text"],
[type="date"],
[type="password"],
[type="time"],
select {
	padding: 0;
	padding-inline: 0;
	padding-block: 0;
	box-sizing: border-box;
	color: var(--ltui-textarea-text);
	background-color: var(--ltui-textarea-bg);
	border: 0;
	border-radius: 0;
	box-shadow: 0px 11px 0px -9px var(--ltui-button-shade) inset;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	outline: 0;
	padding-left: 5px;
	height: 25px;
}

[type="text"]:disabled,
[type="password"]:disabled,
[type="date"]:disabled,
[type="time"]:disabled,
select:disabled {
	opacity: 0.5;
}

textarea {
	border: 0;
	border-radius: 0;
	box-shadow: 0px 11px 0px -9px var(--ltui-button-shade) inset;
	color: var(--ltui-textarea-text);
	background-color: var(--ltui-textarea-bg);
	padding: 5px;
	box-sizing: border-box;
}

/*select {*/
/*	border: 0;*/
/*	border-radius: 0;*/
/*	box-shadow: 0px 11px 0px -9px var(--ltui-button-shade) inset;*/
/*}*/

label {
	font-weight: bold;
}

body {
	background-color: #444444;
}

.input_correct {
	background-color: #285828 !important;
}

.input_incorrect {
	background-color: #582828 !important;
}

.hl {
	display: inline-block !important;
	background-color: #447744 !important;
	color: #fff !important;
}

table {
	box-sizing: border-box;
	border-collapse: collapse;
	position: relative;
	/*background-color: #326c34;*/
	/*width: 500px;*/
	/*height: 300px;*/
	color: var(--ltui-table-text);
	font-family: "Lucida Console", "Courier New", monospace;
	font-weight: normal;
}

table td,
table th {
	/*box-sizing: border-box;*/
	/*border: 1px solid #fff;*/

	/*height: 25px;*/
	text-align: center;
	border: 1px solid var(--ltui-table-border);
}


.trait_table_default {
	border-collapse: collapse;
	background-color: var(--ltui-content-bg);
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;

}

.trait_table_default tr th,
.trait_table_default tr td {
	position: relative;
	border: 1px solid var(--ltui-table-border);
	/*border: 1px solid #fff;*/

}

.trait_table_default tr th {
	font-weight: bold;
}

.trait_table_default tr td {
	font-weight: normal;
	height: 100%;
}

.trait_table_default .label {
	text-align: left;
	padding-left: 5px;
}

.trait_table_default .control {
	text-align: right;
	padding-right: 5px;
}



.trait_default_fill_table_cell {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.trait_absolute_fill_content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.trait_default_fill_table_cell2 {
	box-sizing: border-box;
	min-width: 100%;
	min-height: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.trait_table_noborder,
.trait_table_noborder tr td,
.trait_table_noborder tr th {
	border: 0;
}

.trait_inline {
	display: block;
	float: left;
	/*background-color: var(--ltui-button-bg);*/
	/*border: 1px solid var(--ltui-table-border);*/
	box-sizing: border-box;
}

.loaded_content_div {
	/*background-color: #fff;*/
	position: relative;
	width: 100%;
	height: 100%;
}

.ui_input_checkbox {
	width: 25px;
	height: 25px;
	background-color: var(--ltui-textarea-bg);
}

/*ui input*/
.ui_input_text {
	padding: 0;
	padding-inline: 0;
	padding-block: 0;
	box-sizing: border-box;
	color: var(--ltui-textarea-text);
	background-color: var(--ltui-textarea-bg);
	border: 0;
	border-radius: 0px;
	/*box-shadow: 0px 11px 0px -8px var(--ltui-button-shade) inset;*/
	/*border-top: 3px solid var(--ltui-button-shade);*/
	/*border-right: 3px solid #212121;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	outline: 0;
	padding-left: 5px;
}

.ui_textarea_fill {
	position: absolute;
	/*display: block;*/
	/*background-color: #fff;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	width: auto;
	height: auto;
	resize: none;
	padding: 10px;
	border: none;
	box-sizing: border-box;
	background-color: var(--ltui-textarea-bg);
	color: var(--ltui-textarea-text);
	scrollbar-color: var(--ltui-textarea-scrollbar);
	/*scrollbar-width: 30px;*/
}


iframe {
	scrollbar-color: var(--ltui-textarea-scrollbar);
}


.ui_textarea_fill:focus-visible {
	outline: none;
}


.ui_input_text {
	/*padding: 0;*/
	/*margin-top: 3px;*/
	/*margin-bottom: 3px;*/
	height: 25px;
	width: 150px;
}

.ui_input_text:-webkit-autofill,
.ui_input_text:-webkit-autofill:focus {
	background-color: var(--ltui-textarea-bg) !important;

}

/*ui picker*/
.ui_picker::-webkit-calendar-picker-indicator{
	/*filter: invert(100);*/
	/*color: #00ff00;;*/
}

.ui_picker {
	height: 25px;
	padding: 0;
	padding-inline: 0;
	padding-block: 0;
	box-sizing: border-box;
	color: var(--ltui-textarea-text);
	background-color: var(--ltui-textarea-bg);
	border: 0;
	border-radius: 0px;
	border-top: 3px solid var(--ltui-button-shade);
	/*border-right: 3px solid #212121;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	outline: 0;
	padding-left: 5px;
}

.ui_text {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
/* ui button */
.ui_button {
	color: var(--ltui-button-text);
	background-color: var(--ltui-button-bg);
	border: 0;
	/*border-radius: 3px;*/
	/*border-bottom: 3px solid var(--ltui-button-shade);*/
	/*border-right: 3px solid #212121;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}

.ui_button:hover:enabled {
	background-color: var(--ltui-button-hover-bg);
}

.ui_button:focus-visible {
	outline: none;
	background-color: var(--ltui-button-focus-bg);
}

.ui_button:active:enabled, .ui_button_pressed {
	background-color: var(--ltui-button-active-bg);
	/*border: 0;*/
	/*border-top: 3px solid  var(--ltui-button-active-shade);*/
	/*border-left: 3px solid #313131;*/
}

.ui_button_pressed:hover {
	background-color: var(--ltui-button-active-hover-bg);
}

.ui_button:disabled {
	background-color: var(--ltui-button-disabled-bg);
	color: var(--ltui-button-disabled-text);
}
.ui_table_container {
	/*background-color: #484848;*/
	/*width: 500px;*/
	border-collapse: collapse;
	/*border-spacing: 1px;*/
	/*height: 100%;*/
	/*color: #d6d6d6;*/
}


.ui_table_container tr {
	/*background-color: #a2a2a2;*/
	text-align: center;
	/*height: 28px;*/
}

.ui_table_container tr:focus,
.ui_table_container .selected {
	/*opacity: 0.6;*/
	/*background-color: var(--ltui-table-row-focus) !important;*/
}

.ui_table_container tr:hover {
	/*opacity: 0.6;*/
	/*background-color: var(--ltui-table-row-hover);*/
}

.ui_table_container tr:focus-visible {
	outline: none;
}

.ui_table_container .pending {
	/*background-color: #7fa8d0;*/
}

.ui_table_container .success {
	/*background-color: #7fd08c;*/
}

.ui_table_container .failed {
	/*background-color: #d07f7f;*/
}

.ui_table_container td,
.ui_table_container th {
	/*box-sizing: border-box;*/
	/*border: 1px solid #fff;*/

	/*height: 25px;*/
	border: 1px solid var(--ltui-table-border);
}


::-moz-selection {
	color: var(--ltui-selection-text);
	background: var(--ltui-selection-bg);
}
::selection {
	color: var(--ltui-selection-text);
	background: var(--ltui-selection-bg);
}

.trait_prevent_select {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}


#sidebar_platform_selector {
	position: absolute;
	top: 70px;
	left: 70px;
	height: 25px;
	width: 150px;
}


body {
	margin: 0;
}

a {
	color: #fff;
}

a:hover {
	opacity: 0.5;
}

/*input[type=text], input[type=password] {*/
/*	!* width: 100%; *!*/
/*	padding: 7px 10px;*/
/*	margin: 6px 0px 6px 0px;*/
/*	!* margin: 3px 0; *!*/
/*	display: inline-block;*/
/*	border: 1px solid #040054;*/
/*	box-sizing: border-box;*/
/*	border-radius: 10px;*/
/*	font-size: 1em;*/
/*}*/


table {
	/* border-collapse: collapse; */
	/* border-spacing: 0px; */
	/* border: none; */
}


.loading-div {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 11000;
	background-color: #000;
	font-family: monospace;
	font-size: 50pt;
	opacity: 1;
	visibility: visible;
	transition: visibility 0.2s, opacity 0.2s linear;
	display: table;
}

.loading-text {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.hide-loading {
	opacity: 0;
	visibility: hidden;
	transition:  0.2s, opacity 0.2s linear;
}

/*loading animation*/
.loading,
.animation_loading {
	animation-name: animation-loading;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@keyframes animation-loading {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}

.animation_loaded {
	/*background-color: #00ff00 !important;*/
	/*transition: loaded 0.2s linear;*/
	animation-name: animation-loaded;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.animation_loaded tr {
	background-color: transparent !important;
}

@keyframes animation-loaded {
	0% {
		/*opacity: 0.2;*/

	}
	50% {
		background-color: #008800;
	}
	100% {
		/*opacity: 0.2;*/
	}
}

.animation_loaded_bad {
	/*background-color: #00ff00 !important;*/
	/*transition: loaded 0.2s linear;*/
	animation-name: animation-loaded-bad;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

@keyframes animation-loaded-bad {
	0% {
		/*opacity: 0.2;*/

	}
	50% {
		background-color: #880000;
	}
	100% {
		/*opacity: 0.2;*/
	}
}



.display-none {
	display: none;
}

.content_shade {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
	z-index: 9997;
	/*visibility: hidden;*/
	/*transition: visibility 0.1s, opacity 0.1s linear;*/
}

.hide_content_shade {
	opacity: 0;
	/*transition: visibility 0.1s, opacity 0.1s linear;*/
}


.sidebar {
	/*position: relative;*/
	box-sizing: content-box;
	z-index: 9998;
	/*padding-left: 3px;*/
	/*padding-right: 3px;*/
	position: fixed;
	width: 300px;
	height: 100%;
	/*background-color: #053861;*/
	background-color: #232323;
	margin: 0;
	transition: all 0.2s ease-out;
	visibility: visible;
	overflow: clip;
	white-space: nowrap;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1pt;
}

.extended-sidebar {
	position: relative;
	width: 300px;
	/* background-color: #ff2; */
	/* display:block; */
	height: 100%;
	/*display: list-item;*/
}

#menu_container {
	position: absolute;
	/*position: relativ	e;*/
	overflow-y: auto;
	overflow-x: hidden;
	height: auto;
	/*height: auto;*/
	width: 100%;
	bottom: 20px;
	top: 100px;

}

.extended-sidebar > #menu_container > table {
	width: 100%;
	height: 100%;
	/*display: list-item;*/
}



.hide {
	width: 48px;
transition: all 0.2s ease-out;
}

.maincon-table {
	position: absolute;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0px;
}

.spacer-th {
	border:none;
	display: block;
	width: 48px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.content-th {
	border: none;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--ltui-content-bg);
	/*overflow-y: scroll;*/
}

#sidebar_table {
	border-collapse: collapse;
}

#sidebar_table > tr {
	height: 48px;
	display: block;
	border: none;
}
#sidebar_table > tr > td {
	border: none;
	/* background-color: #888; */
	vertical-align: middle;
	display:inline-block;
}

/*#sidebar_table tr:last-child {*/
/*	margin-top: 40px;*/
/*	display: inline-block;*/
/*	vertical-align: bottom;*/
/*}*/

/*#sidebar_table tr:last-child {*/
/*	height: 120px;*/
/*}*/

/*#sidebar_table tr:last-child td {*/
/*	height: 120px;*/
/*	vertical-align: bottom;*/
/*}*/


.fullsize {
	position: inherit;
	width: 100%;
	height: 100%;
}

.nomargin {
	margin: 0;
	padding: 0;
}

.menu_header {
	width: 48px;
	height: 100px;
	/*background-color: #00ff00;*/
}

.logodiv {
	overflow: hidden;
	/*background-color: #00ff00;*/
	/*width: 100px;*/
	/*height: 100px;*/
}


.logo {
	width: 90px;
	height: 90px;
	/*background-image: url(../image/parrot.svg);*/
	/* background-image: url(../image/penguin.svg); */
	background-repeat:no-repeat;
	/*margin-left: 4px;*/
	margin-top: 10px;
	margin-left: -20px;
	margin-bottom: 100px;
	/*background-color: #00ff00;*/
}

.logo-caption {
	position: absolute;
	width: 300px;
	top: 30px;
	/*left: 100px;*/
	left: 70px;
	font-size: 25pt;
	color: #fff;
	/*font-size: 20pt;*/
	/*font-family: 'Pacifico', cursive;*/
	font-family: Roboto, cursive;
	letter-spacing: 5px;
	text-shadow: 0px 0px 10px #356891;
	cursor: default;
	user-select: none;
}


.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.extended-sidebar > #menu_container > table > .menu_row:hover {
	background-color: #356891;
	transition: all 0.2s ease-out;
}

.menu-selected {
	background-color: #125476;
}

.extended-sidebar > #menu_container > table > .menu_row {
	transition: all 0.2s ease-out;
	cursor: pointer;
}

.icon-cell {
	display: inline-block;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	text-align: center;
	line-height: 48px;
	/* background-color: #fff; */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
}

.link-cell {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	line-height: 48px;
	padding-left: 15px;
	letter-spacing: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 15pt;
	color: #fff;
	text-shadow: 0px 0px 4px #356891;
}

.link-td {
	/*position: absolute;*/
	/*width: 100%;*/
}

.material-symbols-outlined {
	font-variation-settings:
			'FILL' 0,
			'wght' 200,
			'GRAD' 0,
			'opsz' 5
}

.material_button {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 22px !important;
}


.trait_table_remove_outer_border tr:first-child td,
.trait_table_remove_outer_border tr:first-child th {
	border-top: 0;
}

.trait_table_remove_outer_border tr:last-child td,
.trait_table_remove_outer_border tr:last-child th {
	border-bottom: 0;
}

.trait_table_remove_outer_border tr th:first-child,
.trait_table_remove_outer_border tr td:first-child {
	border-left: 0;
}

.trait_table_remove_outer_border tr th:last-child,
.trait_table_remove_outer_border tr td:last-child {
	border-right: 0;
}


#table_container #output_log {
	font-family: "Lucida Console", "Courier New", monospace;
}
#table_container input[type="button"] {
	/*width: 150px;*/
	/*margin-bottom: 10px;*/
	/*height: 25px;*/
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	height: 30px;
	font-size: 14px;
}

#table_container input[type="date"] {
	width: 150px;
	box-sizing: border-box;
	height: 25px;
}

#table_container input[type="text"],
#table_container input[type="password"]
{
	width: 150px;
	/*margin-bottom: 10px;*/
	border-radius: 0px;
	height: 25px;
}


#table_container select {
	width: 150px;
	/*margin-bottom: 10px;*/
}

#years_selection {
	height: 120px;
}

#table_container td {
	position: relative;
}

#table_container textarea {
	border-spacing: 0;
	box-sizing: border-box;
	position: absolute;
	font-size: 13px;
	/*left: 3px; */
	/*top: 3px;*/
	/*right: 3px; */
	/*bottom: 3px; */
	resize: none;
}

#table_container {
	position: relative;
	height: 100%;
}

#labeled_controls_table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

#labeled_controls_table tr td {
	/*width: 100%;*/
	/*margin: 0;*/
	/*border-collapse: collapse;*/
	height: 32px;
}

#labeled_controls_table tr .label {
	text-align: left;
	padding-left: 5px;
}

#labeled_controls_table tr .control {
	text-align: right;
	padding-right: 5px;
}

#table_container input[type="date"]:disabled,
#table_container input[type="text"]:disabled,
#table_container input[type="password"]:disabled,
#table_container input[type="button"]:disabled,
#table_container textarea:disabled {
	opacity: 0.5;
}

#table_container input[type="date"],
#table_container input[type="text"],
#table_container input[type="password"]
{
	height: 25px;
	padding: 0;
	padding-inline: 0;
	padding-block: 0;
	box-sizing: border-box;
	color: var(--ltui-textarea-text);
	background-color: var(--ltui-textarea-bg);
	border: 0;
	border-radius: 0px;
	/*border-top: 3px solid var(--ltui-button-shade);*/
	/*border-right: 3px solid #212121;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	outline: 0;
	padding-left: 5px;
}




#analysis_preview_container {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #484848;
	/*background-color:black;*/
}

#analysis_preview_container #preview_table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	background-color: var(--ltui-content-bg);
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 13px;
	font-weight: normal;
}

#an_preview tr th:nth-child(odd) {
	/*background-color: #96daff;*/
}
#an_preview tr th:nth-child(even) {
	/*background-color: #76badf;*/
}

#an_table, #analysis_filter_table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
	position: relative;
	background-color: var(--ltui-content-bg);
}

.analysis_preview_controls {
	/*height: 100px;*/
	/*background-color: var(--ltui-content-bg);*/
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.component_table_view td,
.component_table_view th
{
	padding: 5px;
}

.component_table_view {
	/*display: inline-block;*/
	position: relative;
	/*background-color: #326c34;*/
	/*height: 300px;*/
	color: var(--ltui-table-text);
	font-weight: normal;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	background-color: var(--ltui-content-bg);
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 13px;
}

.component_table_view:focus-visible {
	outline: none;
}

.component_table_view_table {
	/*background-color: #484848;*/
	/*width: 500px;*/
	width: 100%;
	border-collapse: collapse;
	/*border-spacing: 1px;*/
	/*height: 100%;*/
	/*color: #d6d6d6;*/
}

.displaytable_container {
	position: relative;
}

.displaytable_overlay {
	display: none;
	z-index: 99;
	position: absolute;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	/*height: 100px;*/
	background-color: #000;
	opacity: 0;
	/*opacity: 0.3;*/
	/*display: none;*/
	transition: opacity 100ms;
}

.displaytable_overlay_visible {
	opacity: 0.5;
	/*transition: opacity 300ms;*/
}

.displaytable_overlay_loading {
	display: none;
	user-select: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	margin-left: -100px;
	height: 86px;
	margin-top: -43px;
	z-index: 100;
	/*background-color: #000;*/
	color: #fff;
	font-size: 55px;
	transition: display 100ms;
}



.displaytable_header_row {
	height: 25px;
}

.displaytable_header_row th {
	background-color: #333;
}

.displaytable_datarow,
.displaytable_datarow_focusable{
	height: 25px;
}


.component_table_view_table .displaytable_sort_buttons input[type="button"] {
	/*position: absolute;*/
	/*width: 100%;*/
	display: block;
	height: 20px !important;
	width: 100%;
}
.component_table_view_table .displaytable_sort_buttons .sort_active {
	background-color: #005500;
}

.component_table_view_table .displaytable_sort_buttons .sort_active:hover {
	background-color: #008800;
}

.component_table_view_table .displaytable_sort_buttons .sort_active:active {
	background-color: #006600;
}

.component_table_view_table .displaytable_sort_buttons .sort_active:disabled {
	background-color: #888888;
}



.component_table_view_table tr:nth-child(2) th,
.component_table_view_table tr:nth-child(3) th {
	position: relative;
	/*height: 50px;*/
	font-weight: bold;
	padding: 0;
	background-color: #444;
	/*height: inherit;*/
}

.component_table_view_table tr:nth-child(even) {
	background-color: #3c3c3c;
	/*height: inherit;*/
}



.component_table_view_table tr {
	/*background-color: #a2a2a2;*/
	text-align: center;
	/*height: 28px;*/
}

.component_table_view_table tr:focus {
	/*background-color: var(--ltui-table-row-focus) !important;*/
}

.component_table_view_table .selected {
	background-color: var(--ltui-table-row-focus) !important;
}

.component_table_view_table .disabled:focus {
	background-color: var(--ltui-table-row-disabled) !important;
}


.component_table_view_table .displaytable_datarow_focusable:active
{
	/*opacity: 0.6;*/
	background-color: var(--ltui-table-row-focusing) !important;
}

.component_table_view_table tbody tr:hover {
	/*opacity: 0.6;*/
	background-color: var(--ltui-table-row-hover);
}

/*.component_table_view_table tr:nth-child(1):hover {*/
/*	background-color: initial;*/
/*}*/

/*.component_table_view_table tr:nth-child(1):hover,*/
/*.component_table_view_table tr:nth-child(2):hover*/
/*{*/
/*	!*opacity: 0.6;*!*/
/*	background-color: initial;*/
/*}*/


.component_table_view_table tr:focus-visible {
	outline: none;
}

.component_table_view_table .pending {
	/*background-color: #7fa8d0;*/
}

.component_table_view_table .success {
	/*background-color: #7fd08c;*/
}

.component_table_view_table .failed {
	/*background-color: #d07f7f;*/
}

.component_table_view_table td,
.component_table_view_table th {
	/*box-sizing: border-box;*/
	/*border: 1px solid #fff;*/

	/*height: 25px;*/
	border: 1px solid var(--ltui-table-border);
}


/* Login modal */

.table_modal_container {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.table_modal_container th {
	position: relative;
	text-align: center;
}

.table_modal_container th .table_centered_form {
	display: inline-table;
	border-collapse: collapse;
	border-spacing: 0;
}

.table_modal_container .login_title {
	/*display: block;*/
	height: 100px;
	/*background-size: 300px 150px;*/
	/*background-image:url("../image/licitracker_logo_transparent.png") center;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: 280px;
	/*opacity: 1;*/
}

.modal_form_no_width {
	/*border: 3px var(--ltui-table-bg) solid;*/
	font-family: var(--ltui-font-family);
	background-color: #222;
	font-size: 20px;
}

.modal_form {
	width: 300px;
	border: 3px var(--ltui-table-bg) solid;
	font-family: var(--ltui-font-family);
	background-color: #222;
	font-size: 20px;
}

.modal_form_title {
	border-bottom: 3px var(--ltui-table-bg) solid;
	height: 30px;
	font-weight: bold;
	padding: 10px;
}



.modal_form input,
.modal_form button {
	width: 280px;
	height: 40px;
	margin-top: 6px;
	font-size: 20px;
}

 .login_form {
	 height: 280px;
 }


.register_login_status {
	opacity: 1;
	margin-top: 10px;
	height: 40px;
	width: 100%;
	color: #fff;
	transition: color 300ms;
	font-size: 16px;
}

.flash_red {
	color: red;
	transition: color 300ms;
}



.login_div table{
	width: 100%;
	height: 100%;
	position: absolute;
	border-collapse: collapse;
	border: none;
}
.login_div table tr{
	width: 100%;
	height: 100%;
}

.login_div table th{
	width: 50%;
	color: white;
	background-color: #FBEDDC;
}

.login_div .login_title {
	font-size: 3em !important;
	/*margin: -1em 0 1em 0;*/
}

.login_div .ui_input_text {
	width: 350px;
	height: 1.5em;
	font-size: 1.5em;
	margin-bottom: 15px;
}

.login_div button {
	width: 350px;
	height: 1.5em;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.queue_started {
	color: #ffff00 !important;
}

.queue_failed {
	color: #ff0000 !important;
}

.queue_completed {
	color: #00ff00 !important;
}

.task_state_completed {
	color: #00ff00;
}

.task_state_started {
	color: #ffff00;
}

.task_state_failed {
	/*background-color: #fff;*/
	color: #ff0000;
}

.ui_toggle {
	/*background-color: ;*/
	position: relative;
	display: inline-block;
	width: 30px;
	height: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #222222;
	background-color: #555;
	vertical-align: middle;
	/*text-align: right;*/
	transition: background-color 100ms ease-in-out;
}

.ui_toggle.enabled {
	background-color: var(--ltui-button-hover-bg);
}

.ui_toggle div {
	/*display: inline-block;*/
	box-sizing: border-box;
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -10px;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background-color: #333;
	border-radius: 10px;
	border: 2px solid #444;
	transition: 200ms ease-in-out;
	transition-property: left, background-color;
}
.ui_toggle div.enabled {
	/*left: 50px;*/
	background-color: #00cc00;
}

.validator_ok {
	color: #00cc00;
}

.validator_failed {
	color: #ff0000;
}

#hint_div {
	opacity: 1;
	border-color: 2px solid var(--ltui-table-border);
	background-color: var(--ltui-button-active-shade);
	font-family: "Lucida Console", "Courier New", monospace;
	transition: linear 400ms opacity;
}

#autocomplete_div {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: none;
	display: none;
	z-index: 100;
	position: fixed;
	top: 100px;
	left: 100px;
	width: 200px;
	height: 100px;
	opacity: 1;
	background-color: var(--ltui-table-bg);
	transition: linear 100ms opacity;
	overflow-y: scroll;
	overflow-x: hidden;
	user-select: none;
}

#autocomplete_div_table {
	width: 100%;
	background-color: var(--ltui-content-bg);
}

#autocomplete_div_table td {
	height: 30px;
	border-left: none;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#autocomplete_div_table tr:hover {
	background-color: var(--ltui-button-hover-bg);
}

#autocomplete_div_table tr:active {
	background-color: var(--ltui-button-active-bg);
}
.data_display_ui {
	user-select: none;
}

.data_display_ui > tbody > tr:nth-child(even) {
	background-color: #3c3c3c;
}

/*.data_display_ui tr:nth-child(even){*/

/*}*/

.data_display_ui > thead > tr > th {
	padding-left: 5px;
	padding-right: 5px;
	/*width: 100px;*/
	background-color: var(--ltui-button-bg);
	/*	text-align: center;*/
}


/*.data_display_ui tr:focus {*/
/*	background-color: var(--ltui-table-row-focus) !important;*/
/*}*/

.data_display_ui > tbody > tr,
.data_display_ui > tbody > tr > td,
.data_display_ui > thead > tr,
.data_display_ui > thead > tr > td
{
	height: 30px;
}

.data_display_ui > tbody > tr > td {
	position: relative;
}

.data_display_ui > tbody > tr > td:nth-child(1){
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.data_display_ui  {
	/*vertical-align: middle;*/
}

.data_display_ui textarea {
	/*position: absolute;*/
	/*display: block;*/
	/*background-color: #fff;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	width: 600px;
	max-width: 800px;
	min-width: 600px;
	min-height: 100px;
	/*height: auto;*/
	/*resize: none;*/
	padding: 10px;
	border: none;
	box-sizing: border-box;
	background-color: var(--ltui-textarea-bg);
	color: var(--ltui-textarea-text);
	scrollbar-color: var(--ltui-textarea-scrollbar);
	/*scrollbar-width: 30px;*/
	/*overflow-x: scroll;*/
	overflow: scroll;
	white-space: nowrap;
}

.data_display_ui input[type="checkbox"] {
	margin: 0;
	box-sizing: border-box;
	display: block;
}

.data_display_ui input[type="text"],
.data_display_ui input[type="password"],
.data_display_ui select
{
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.data_display_skeleton {
	position: relative;
}

.data_display_shade_container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.data_display_overlay_container {
	position: absolute;
	width: 100%;
	height: 100%;
	/*opacity: 0.7;*/
	text-align: center;
	font-weight: bold;
	user-select: none;
	z-index: 10;
}

.data_display_overlay_shade_caption {
	position: relative;
	z-index: 10;
	height: 30px;
	line-height: 60px;
	top: 50%;
	margin-top: -30px
}

.data_display_overlay_shade {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 9;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}

.sticky_header_table {
	/*display: inline-block;*/
	width: 100%;
	display: block;
	/*overflow-x: auto;*/
	overflow-y: scroll;
	border-collapse: separate;
	height: 100px;
	border-spacing: 0;
}

.sticky_header_table thead {
	box-sizing: border-box;
	top: 0px;
	position: sticky;
	z-index: 1;
	background-color: var(--ltui-button-bg);;
}

.sticky_header_table th {
	width: 100px;
	/*border: 10px solid;*/
	box-sizing: border-box;
}

.sticky_header_table td,
.sticky_header_table th {
	border: 0;
}

.sticky_header_table tr:first-child th {
	border-top: 1px solid var(--ltui-table-border);
	border-bottom: 1px solid var(--ltui-table-border);
}

.sticky_header_table tr td {
	border-bottom: 1px solid var(--ltui-table-border);
}


.sticky_header_table td:first-child,
.sticky_header_table th:first-child
{
	/*border: 10px solid;*/
	box-sizing: border-box;
	border-left: 1px solid var(--ltui-table-border);
}

.sticky_header_table td,
.sticky_header_table th
{
	/*border: 10px solid;*/
	box-sizing: border-box;
	border-right: 1px solid var(--ltui-table-border);
}

.sticky_header_table tr:nth-child(even) {
	background-color: #3c3c3c;
}


.ui_upload_progress_overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	/*z-index: 1;*/
	background-color: #00ff00;
}

.ui_upload_button {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: auto;
	height: auto;
	right: 0;
	opacity: 80%;
	/*z-index: 1;*/
}

.list_display {
	position: relative;
}

.attachment_list_display button {
		position: absolute;
		/*overflow: hidden;*/
		vertical-align: middle;
		height: 30px;
		width: 30px;
		top: 0;
		left: 0;
		font-family: 'Material Symbols Outlined';
		font-weight: normal;
		font-style: normal;
		font-size: 25px !important;
		line-height: 5px;
}

.attachment_list_display span {
	font-family: Helvetica, Arial, sans-serif;
	/*padding: 3px;*/
}

.attachment_list_display textarea,
.attachment_list_display input[type="text"],
.attachment_list_display input[type="time"],
.attachment_list_display select
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	display: block;
	width: auto;
	height: auto;
	font-size: 14px;
	/*height: 30px;*/
}

.attachment_list_display td,
.attachment_list_display th {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.attachment_list_display td span {
	display: block;
	/*padding: 5px;*/
	padding-left: 5px;
	padding-right: 5px;
}


.attachment_list_display th {
	padding-left: 5px;
	padding-right: 5px;
}

.attachment_list_display th:last-child,
.attachment_list_display td:last-child {
	padding: 0;
	width: 30px;
}

.attachment_list_display th {
	font-weight: bold;
}

.attachment_list_display .button_fill {
	position: relative;
	visibility: hidden;
	width: 30px;
	height: 30px;
}

.attachment_list_display button {
	position: absolute;
	/*overflow: hidden;*/
	vertical-align: middle;
	height: 30px;
	width: 30px;
	top: 0;
	left: 0;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 25px !important;
	line-height: 5px;
}

.AppendableList .flash_item {
	background-color: #008800;
}

.AppendableList select,
.AppendableList input[type="text"],
.AppendableList input[type="time"] {
	/*height: 25px;*/
	padding: 0;
	padding-inline: 0;
	padding-block: 0;
	box-sizing: border-box;
	color: var(--ltui-textarea-text);
	background-color: var(--ltui-textarea-bg);
	border: 0;
	border-radius: 0px;
	/*border-top: 3px solid var(--ltui-button-shade);*/
	/*border-right: 3px solid #212121;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	outline: 0;
	padding-left: 5px;
}

.AppendableList input[type="time"]::-webkit-calendar-picker-indicator{
	/*filter: invert(100%);*/
}


.AppendableList td:first-child {
	/*width: 150px;*/
}

.AppendableList {
	display: block;
	/*position: relative;*/
	overflow-y: scroll;
	/*background-color: #ff0000;*/
	vertical-align: middle;
	/*width: 100%;*/
	/*height: 400px;*/
	/*height:100%;*/
	/*border-collapse: collapse;*/
}

.AppendableList thead {
	background-color: var(--ltui-content-bg);
	position: sticky;
	top: 0px;
}


/*.AppendableList tr:nth-child(even) {*/
/*	background-color: #D6EEEE;*/
/*}*/

.AppendableList td, .AppendableList th {
	text-align:	center;
	vertical-align: middle;
	width: 100%;
}

.AppendableList tr {
	/*height: 30px;*/
	transition: background-color 0.3s;
}

.AppendableList select {
	position: relative !important;
}