.north {
	height: 30%;
	width: 100%;
}

.south {
	height: 30%;
	width: 100%;
}

a {
	/* color: rgb(220, 11, 34); */
}

canvas.timeex {
	opacity: 1;
	background-color: #fafafa !important;
}

i.password {
	color: black;
}

.print-little {
	height: 28px;
	min-width: 32px;
	vertical-align: middle;
}

.menu {
	min-width: 250px;
	float: left;
}

.menu-item {
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
}

.menu-short {
	margin: -3px 0px 0px -2px;
	vertical-align: middle;
}

.overlay-container {
	display: none;
	position: fixed;
	padding: 10px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	background: #fff;
	z-index: 20;
}

a.io-close {
	position: fixed;
	width: 30px;
	height: 30px;
	left: calc(100% - 35px);
	top: 2px;
	border: none;
	background: rgba(0, 0, 0, 0);
	z-index: 21;
}

#io-container:after {
	position: fixed;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: -2;
}

#io-container:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: -1;
}

.overlay-image {
	width: 50%;
	height: 50%;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
}

.image-upload>input {
	display: none;
}

img.thumb-single {
	max-width: 300px;
	max-height: 200px;
}

img.thumb-multiple {
	/* max-width: auto; */
	max-height: 480px;
}

iframe.pdf {
	width: auto;
	height: 480px;
}

.overlay-image img.final-image {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	transform: translate(-50%, -50%);
}

.overlay-image img.gif,
.overlay-image img.png,
.overlay-image img.svg,
.overlay-image img.tiff,
.overlay-image img.tif {
	background-color: initial;
}

.uploadform form {
	max-width: 300px;
	margin: 0 auto;
	border: 1px solid silver;
	padding: 8px;
	background: var(--highlight);
}

* {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}

img.logo {
	/* background-image: url('../pics/salzwedel_archiv_logo.png');
  background-position: right 2px center;
  background-repeat: no-repeat;
  border: 1px solid green; */
	content: url('../pics/salzwedel_archiv_logo.png');
	height: 37px;
}

img.biglogo {
	content: url('../pics/salzwedel_archiv_logo.png');
	height: 400px;
}

.identity {
	background: #da121a;
}

.description {
	background: #de2818;
}

.literature {
	background: #de2818;
}

.storage {
	background: #e13f16;
}

.provenance {
	background: #e55514;
}

.contents {
	background: #e96c12;
}

.context {
	background: #ec8211;
}

.connection {
	background: #f0990f;
}

.status {
	background: #f4af0d;
}

.usage {
	background: #f7c60b;
}

.attachment {
	background: #fbdc09;
}

/* artux style wechsel */
/*.identity {
  background: #82a6df
}

.literature {
  background: #a0a0a0;
}

.provenance {
  background: #82a6df;
}

.contents {
  background: #a0a0a0;
}

.context {
  background: #82a6df;
}

.storage {
  background: #a0a0a0;
}

.connection {
  background: #82a6df;
}

.status {
  background: #a0a0a0;
}

.usage {
  background: #82a6df;
}

.attachment {
  background: #a0a0a0;
}*/

/* artux style */
/* .identity {
  background: #de8f6e;
}

.literature {
  background: #dec46e;
}

.provenance {
  background: #88ab75;
}

.contents {
  background: #dbd56e;
}

.context {
  background: #ffa500;
}

.storage {
  background: #d07ddb;
}

.connection {
  background: #917ddb;
}

.status {
  background: #2ec4b6;
}

.usage {
  background: #db6157;
}

.attachment {
  background: #7d7c84;
}

/* cloud style */
html {
	height: 100%;
	overflow: auto;
	margin: 0px;
	font-family: "asap", sans-serif !important;
	font-size: 1em !important;
	font-weight: 300;
}

body {
	height: 100%;
	margin: 0px !important;
}

div.category {
	padding: 0.25em 0.25em 0.25em 0.20em;
}

div.treefolder {
	padding-left: 1em;
	/* padding-top: 0.3em; */
}

div.root {
	padding-left: 0px;
	padding-top: 3px;
}

.messager-reload {
	background: url('../jeasyui/themes/icons/reload.png') no-repeat scroll;
	padding-left: 18px;
}

.messager-cancel {
	background: url('../jeasyui/themes/icons/cancel.png') no-repeat scroll;
	padding-left: 18px;
}

span.plc-status {
	width: 50%;
	font-weight: bold;
	color: black;
	text-shadow: 1px 1px 2px black, 0 0 15px gray, 0 0 5px white;
}

span.plc-status-error {
	color: red;
}

span.plc-status-ready {
	color: #008000;
}

.window {
	padding: 2px !important;
	border-width: 0px !important;
	-webkit-box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.2);
}

.window,
.window .window-body {
	/* border-color: rgb(40, 117, 168); */
	border-radius: 4px;
}

.window-body {
	border-radius: 4px !important;
}

.window .window-header .panel-title {
	height: auto !important;
	/* padding-left: 18px !important; */
	/* padding-left: 5px !important; */
	line-height: initial !important;
}

.window-thinborder .window-header {
	padding: 0px 2px 2px 0px;
}

.window .panel-footer {
	position: relative;
	top: 0px !important;
	border: 1px solid rgba(45, 131, 189, 0.8) !important;
	border-width: 1px 0px 0px 0px !important;
}

.panel-title {
	/* font-size: 1.2em; */
	font-weight: normal;
	color: #000;
	/* height: 20px;
  line-height: 20px; */
}

.panel-title {
	height: auto !important;
	/* height: 20px !important; */
	/* line-height: 20px !important; */
	/* padding: 0px 0px 0px 2px; */
}

.panel-title-collapsed-east {
	position: relative;
	left: 20% !important;
	writing-mode: vertical-rl;
	height: 50%;
	text-align: left;
}

.panel-title-collapsed-west {
	position: relative;
	left: 20% !important;
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	height: 50%;
	text-align: right;
}

.dialog-hint {
	min-height: 15px;
	font-style: italic;
	font-size: unset;
}

.dialog-category {
	min-height: 17px;
	font-weight: 500;
}

.container span {
	display: inline-block;
	vertical-align: baseline;
}

.jconfirm-title {
	font-size: large;
	font-weight: 400;
}

.jconfirm-box {
	padding: 10px 15px 0;
}

table {
	border-spacing: 0px;
}

/* table,
th,
td {
	height: auto;
} */

th {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}

tr {
	vertical-align: middle;
}

tr.block {
	background: rgba(255, 255, 255, 0.6);
}

tr.invisible {
	display: none;
}

table.first {
	/* background: green; */
	height: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
}

td.buttonfirst {
	vertical-align: top;
	padding: 1px 2px 0px 0px;
	background-color: rgba(255, 255, 255, 0.0);
}

a.buttonlast {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.0);
}

td.buttonlast {
	vertical-align: bottom;
	padding: 0px 0px 2px 0px;
	background-color: rgba(255, 255, 255, 0.0);
}

th.block {
	background: rgba(255, 255, 255, 0.6);
}

table.block {
	border: 2px solid rgba(0, 0, 0, 0);
}

td.category {
	vertical-align: top;
	padding: 0px;
}

td.recordframe {
	padding: 2px 2px 1px 2px;
	background: rgb(255, 255, 255);
}

td {
	/* background-color: rgba(255, 255, 255, 0.3); */
}

td.blockrecord {
	padding: 2px 2px 1px 2px;
	background: rgba(255, 255, 255, 1);
}

table.category {
	width: 100%;
	border: 2px solid rgba(0, 0, 0, 0);
}

table.selected {
	border: 5px solid green;
}

table.editmode {
	border: 5px solid red;
}

table.frame {
	margin: 1px 1px 1px 0px;
	/* border: 1px solid rgba(80,80,80,0.15); */
}

th span {
	font-weight: 500;
}

.artux_frame {
	width: 100%;
}

table.artux_frame {
	border-spacing: 0px;
}

td.artux_frame {
	vertical-align: top;
	border: 0px;
	background-color: rgba(255, 255, 255, 0.3);
}

th.artux_frame,
td.artux_frame {
	vertical-align: middle;
	padding: .125em .125em .125em .25em;
}

th.h10 {
	width: 10%;
}

datalist {
	height: 0px;
	max-height: 50px;
	overflow-y: auto !important;
}

a.image {
	margin-left: 10px;
}

td.type-undo {
	background: rgba(184, 248, 76, 0.7);
}

hr {
	border-top: 1px solid #808080;
}

td.type-button {
	/* width: 32px; */
	padding: 0;
	border: 0px;
	vertical-align: top;
	background: transparent;
}

td.type-empty {
	/* width: auto; */
	display: none;
}

.type-all {
	background: transparent;
	padding: 2px 0px 1px 2px;
	font-family: "droid sans", "open sans", arial, sans-serif;
	font-size: 1.0em;
	/* color: #000; */
	width: 100%;
	border: 0;
	outline: none;
	min-height: 1em;
}

tr.type-image {
	background: transparent;
}

td.type-image {
	background: transparent;
	padding-top: 10px;
}

.type-sign {
	background: transparent;
	font-size: 0.95em;
	font-family: "droid sans", "open sans", arial, sans-serif;
	border: 2px solid rgba(0, 0, 0, 0);
	padding-left: 2px;
}

td.type-delete {
	border: 2px solid red;
}

.type-symbol {
	background: transparent;
	text-align: center;
}

.type-file {
	/* display: flex; */
}

.type-files {
	background: transparent;
	padding: 3px 0px 3px 4px;
	vertical-align: top;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}

th.type-caption {
	background: transparent;
	text-align: left;
	font-size: 90%;
	font-weight: bolder;
	padding-left: 24px;
	width: 50%;
	background-color: rgba(0, 0, 0, 0.1);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}

span.treecheck {
	font-family: "droid sans", "open sans", arial, sans-serif;
}

span.type-name {
	font-size: 80%;
	font-weight: 300;
}

span.type-mime {
	font-size: 75%;
	font-style: italic;
	font-weight: 300;
}

button.loggedin {
	/* fill: rgb(20, 175, 145); */
	fill: rgb(86, 156, 201);
}

button.loggedout {
	fill: rgb(255, 255, 255);
}

button {
	min-height: 1.8em;
	border-radius: 4px;
	/* color: #fff; */
	border: 0px;
	margin: 1px;
	-webkit-transition: background .2s;
	transition: background .2s;
	align-items: center;
	vertical-align: middle;
	font-size: 1em;
	padding: 1px 15px;
}

button:hover {
	background-color: rgba(112, 112, 112, 0.4);
}

button:disabled {
	background-color: rgba(240, 240, 240, 0.7) !important;
	opacity: 0.3;
}

button.btn.minus {
	width: 28px;
	height: 23px;
	color: #000;
	padding-right: 5px;
	border: 1px solid rgba(45, 131, 189, 0.8);
	background-color: rgba(86, 156, 201, 0.6);
}

button.btn.minus:hover {
	border: 1px solid rgb(86, 156, 201);
	background-color: rgb(86, 156, 201);
	color: #ffffff;
}

button.btn-disabled {
	opacity: 0.3;
}

button.edit {
	min-width: 105px;
	background-color: rgba(112, 112, 112, 0.4);
	border: 1px transparent rgba(112, 112, 112, 0);
	min-height: 1.8em;
	padding: 1px 10px 0px 10px;
}

button.apply {
	min-height: 1.8em;
	margin: 2px;
	border-radius: 4px;
	padding: 1px 10px 0px 10px;
	border: 1px solid rgb(86, 156, 201);
}

button.edit:hover,
button.apply:hover {
	/* background-color: rgb(20, 175, 145); */
	border: 1px solid rgb(86, 156, 201);
	background-color: rgb(86, 156, 201);
	color: #ffffff;
}

button.cancel {
	background-color: rgba(231, 76, 60, 0.6);
	min-width: 105px;
	max-width: 120px;
	min-height: 1.8em;
	width: 25%;
}

button.cancel:hover {
	background-color: rgb(231, 76, 60);
	color: #fff;
}

button.edit:disabled,
button.apply:disabled,
button.cancel:disabled {
	opacity: 0.3;
	pointer-events: auto;
}

.dlgok {
	background-color: rgb(86, 156, 201) !important;
}

.dlgerror {
	background-color: rgb(231, 76, 60) !important;
}

label.type-preview {
	margin: 9px 0px 0px 4px;
	font-size: 90%;
	font-family: "droid sans", "open sans", arial, sans-serif;
	vertical-align: text-top;
}

input.type-preview {}

.textbox {
	/* border: 1px solid #000 !important; */
}

.textbox .textbox-text {
	font-size: 1em
}

.textbox-focused {
	/* border: 1px solid rgb(20, 175, 145) !important; */
	background-color: rgb(86, 156, 201) !important;
}

.type-text {
	resize: vertical;
	border-radius: 4px;
}

.type-text:focus {
	overflow-x: auto;
	white-space: pre-wrap;
}

.edit-column:focus {
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.type-search {
	border: 1px solid rgba(80, 80, 80, 0.7);
}

.type-char {
	border-radius: 4px;
	/* vertical-align: baseline; */
}

.type-int {
	text-align: right !important;
}


.datalist {
	border-radius: 4px;
	border: 1px solid #888;
}

/* ############################# */
/* ergänzung für eigene datalist */
.datalist-header {
	border-bottom: 0px;
	border-radius: 4px 4px 0px 0px;
}

.datalist-body {
	border-radius: 0px 0px 4px 4px;
	padding-top: 1px;
}

.datalist-body-only {
	border-radius: 4px 4px 4px 4px;
	padding-top: 2px;
}

.disabled {
	pointer-events: none;
	opacity: 0.4;
}

div.check {
	padding: 2px;
}

ul.check {
	margin: 0;
	padding: 0;
}

li.check {
	display: table-row;
}

li.check div {
	display: table-cell;
	vertical-align: middle;
}

label.check {
	margin-left: 2px;
	font-size: 1em;
}

input.check {
	margin-top: 5px;
	width: 15px;
	height: 18px;
}

/* ergänzung für eigene datalist */
/* ############################# */

.combo,
.type-combo {
	border-radius: 4px;
	/* vertical-align: baseline; */
}

.datebox {
	/* width: 99.5%; */
}

.type-date {
	border-radius: 4px;
	/* vertical-align: baseline; */
}

.type-prompt {
	padding: 3px 0px 3px 4px;
	/* border: 1px solid rgb(20, 175, 145); */
	border: 1px solid rgb(86, 156, 201);
}

select,
textarea,
input {
	font-family: "droid sans", "open sans", arial, sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 4px;
}

input:focus {
	text-align: left !important;
}

input:required {
	padding-right: 20px !important;
}

input:required:disabled {
	padding-right: 5px !important;
}

input[type="checkbox"] {
	min-height: auto;
}

input {
	border: 1px solid #888;
	border-radius: 4px;
	outline-style: none;
}

input.treecheck {
	background-color: green;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	margin: 3px 3px 3px 4px;
	padding: initial;
	border: initial;
	min-height: auto;
}

input[type="password"] {
	font-family: "droid sans", "open sans", arial, sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

a.password {
	margin: -2px 0px 0px -35px;
	width: 28px;
	height: 24px;
	vertical-align: middle;
	display: inline-flex;
	background: #e8f0fa;
	border-radius: 0px 4px 4px 0px;
	border-left: 1px solid #888 !important;
	border: 0px;
}

i.password {
	font-size: 0.8em;
	margin: 7px 0px 0px 5px;
}

.select:focus {
	border-color: blue;
}

select:focus,
input:focus {
	border-color: #10a010;
	-webkit-box-shadow: 0 0 3px 0 #14c014;
	box-shadow: 0 0 3px 0 #14c014;
}

select {
	font-family: "droid sans", "open sans", arial, sans-serif;
	border: 1px solid #888;
	font-size: 18px;
}

select.type-undo,
input.type-undo,
textarea.type-undo {
	background: rgba(184, 248, 76, 0.7);
}

textarea {
	resize: vertical;
	vertical-align: top;
}

select::placeholder,
input::placeholder,
textarea::placeholder {
	font-size: 1em;
	opacity: 0.3;
}

textarea,
input[type="text"] {
	font-family: "droid sans", "open sans", arial, sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.type-char:focus {
	overflow-x: auto;
	white-space: nowrap;
}

.type-invalid {
	color: black;
	background: rgba(255, 0, 0, 0.7);
}

a.type-button {
	background: rgba(255, 255, 255, 0.0);
	border: 1px solid rgba(255, 255, 255, 0.0);
	width: auto;
	display: none;
}

a.type-button:focus {
	background: rgba(255, 255, 255, 0.7);
	outline: 0;
}

.emptyline {
	padding: 0px;
	height: 0px;
	border: 0px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.label {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 1px 0px 2px 3px;
	font-size: 85%;
	font-weight: 300;
	border-bottom: 1px solid rgba(80, 80, 80, 0.15);
	text-align: right;
}

div.value {
	display: grid;
	border: 1px solid rgba(0, 0, 0, 0);
	border-left: 2px solid rgba(80, 80, 80, 0.15);
}

.frame-buttons {
	padding: 5px 2px;
}

.tabs,
ul.tabs,
li.tabs,
li.tabs-first,
li.tabs-last,
li.tabs-selected {
	height: 22px !important;
}

a.tabs-inner {
	display: flex !important;
	height: 22px !important;
	line-height: 22px !important;
}

span.tabs-title {
	height: 22px !important;
}

div.tabs-header {
	height: 22px !important;
}

.tabs-title {
	font-size: 1em !important;
}

.panel-header {
	/* background-color: rgb(166, 205, 233) !important; */
	/* background: -webkit-linear-gradient(top, #e0ecff 0, #a6cde9 100%) !important; */
}

.panel-body {
	/* font-size: 1em !important; */
}

.panel-header,
.panel-body {
	/* border-color: rgba(45, 131, 189, 0.8) !important; */
}

.panel-footer {
	/* border: 0 !important; */
	background: transparent !important;
	color: rgba(0, 0, 0, 0.5);
}

.panel-footer-table {
	border-width: 1px 1px 1px 1px !important;
	background: transparent !important;
	color: rgba(0, 0, 0, 0.5);
}

.panel-buttons {
	text-align: right;
	margin: 0px 2px 2px 2px;
}

.panel-copyright {
	padding: 4px 4px 0px 0px;
	font-size: 0.70em;
	text-align: right;
	width: auto;
	border-style: solid;
	border-color: rgba(45, 131, 189, 0.8);
	border-width: 0px 0px 0px 0px;
	/* border-color: #202020; */
	/* background: #f4f4f4; */
}

.panel-status {
	padding: 1px 0px 1px 4px;
	font-size: 1.0em;
	text-align: left;
	border-style: solid;
	border-color: rgba(45, 131, 189, 0.8);
	/* border-color: #202020; */
	border-width: 1px 0px 0px 0px;
	background: #f4f4f4;
}

.artux-layout {
	font-size: 1em;
}

.artux-object {
	font-size: 1em;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1.0;
	margin: .25em .5em .5em .25em;
	color: var(--archium-brown);
}

ul.list {
	display: block;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}

ul.nobull {
	list-style-type: none;
}

li.list {
	height: auto;
}

li.invisible {
	display: none;
}

.object-header {
	background-color: #e0ecff;
	background: -webkit-linear-gradient(top, #eff5ff 0, #e0ecff 100%);
	background: -moz-linear-gradient(top, #eff5ff 0, #e0ecff 100%);
	background: -o-linear-gradient(top, #eff5ff 0, #e0ecff 100%);
	background: linear-gradient(to bottom, #eff5ff 0, #e0ecff 100%);
	background-repeat: repeat-x;
	color: #0e2d5f;
	/* border-color: #14af91; */
	border-color: #303030;
	position: relative;
}

/****************/
/* edit -felder */
.recordedit {
	display: inherit;
}

.recordnew {
	display: inherit;
}

.recorddelete {
	display: inherit;
}

a.recorddownload {
	vertical-align: baseline;
}

.recordchanged {
	color: red;
}

.mandatory {
	border: 1px solid #de8f6e;
	border-radius: 4px;
}

/****************/

/****************/
/* header -felder */
.header {
	font-size: 0.8em;
	font-weight: 200;
	text-align: left;
	/* padding: 3px 5px 0px 5px; */
	white-space: nowrap;
}

.header-span {
	display: none;
	font-style: italic;
}

.reload-btn,
.header-btn,
.record-btn,
.user-btn {
	min-width: 32px;
	/* min-height: 32px; */
	vertical-align: bottom;
	background-color: transparent;
	filter: none;
	font-size: 1em;
}

.header-btn,
.record-btn,
.user-btn {
	border: 1px solid transparent;
}

.reload-btn {
	margin: 1px;
}

.record-btn.selected {
	border: 1px solid rgb(86, 156, 201);
	background-color: rgb(86, 156, 201);
	color: #ffffff;
}

.reload-btn:hover,
.header-btn:hover,
.record-btn:hover,
.user-btn:hover {
	/* border: 1px solid rgb(20, 175, 145); */
	/* background-color: rgb(20, 175, 145); */
	border: 1px solid rgb(86, 156, 201);
	background-color: rgb(86, 156, 201);
	color: #ffffff;
}

.reload-btn:disabled,
.reload-btn[disabled],
.header-btn:disabled,
.header-btn[disabled],
.record-btn:disabled,
.record-btn[disabled],
.user-btn:disabled,
.user-btn[disabled],
.crm-btn:disabled,
.crm-btn[disabled] {
	opacity: 0.3;
	pointer-events: auto;
}

.header-btn-svg,
.record-btn-svg,
.user-btn-svg {
	width: auto;
	height: 24px;
	/* margin: 4px 0px; */
}

.record-btn {
	display: inline-block;
}

td.type-btn {
	background-color: transparent;
}

a.type-btn {
	min-width: 28px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	gap: 0.2em;
	-webkit-transition: background .2s;
	transition: background .2s;
}

.type-btn {
	min-width: 28px;
	max-width: 28px;
	min-height: 28px;
	vertical-align: text-top;
	background-color: transparent;
	color: #000;
	border: 1px solid rgba(45, 131, 189, 0.8);
	filter: none;
}

a.type-btn:hover,
button.type-btn:hover {
	/* border: 1px solid rgb(20, 175, 145); */
	/* background-color: rgb(20, 175, 145); */
	border: 1px solid rgb(86, 156, 201);
	background-color: rgb(86, 156, 201);
	color: #ffffff;
}

a.type-btn:disabled,
.type-btn:disabled,
.type-btn[disabled] {
	opacity: 0.3;
	pointer-events: auto;
}

.type-btn-svg {
	width: auto;
	height: 16px;
	/* margin: 4px 0px; */
}

button svg g path:hover {
	fill: white;
}

.header-reload {
	min-width: 2%;
}

.header-object {
	width: 19%;
}

.header-signature {
	width: 25%;
}

.header-changes {
	width: 19%;
}

.header-tools {
	width: 12%;
}

.header-save {
	width: 3%;
	text-align: center;
}

.header-login {
	width: 4%;
	text-align: right;
}

.header-value {
	font-size: 1.5em;
	font-weight: 500;
}

.header-title {
	/* color: #14af91; */
	color: #303030;
}

div.mod-tb-btn-sep,
span.mod-tb-btn-sep {
	color: #888;
	height: 35px;
}

.vertical-line {
	height: 20px;
	border-left: 2px solid #888;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 1px;
}

.span-changes {
	font-size: 1.1em;
	font-weight: 300;
}

/****************/

.tree-dnd-no {
	border-color: #da121a !important;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	background: url('../pics/xmark.svg') white no-repeat 0px +3px !important;
}

.tree-dnd-yes {
	border-color: #14c014 !important;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	background: url('../pics/check.svg') white no-repeat 0px +3px !important;
}

.app-tb-group-header {
	/* margin-top: 4px !important; */
}

.app-tb-btn {
	/* float: left; */
	/* border-width: 0 0 0 1px; */
}

.app-tb-btn-text {
	text-align: center;
}

.app-tb-btn-svg {
	width: 16px;
	height: 15px;
	display: inline-block;
	align-items: center;
	vertical-align: middle;
	/* vertical-align: text-bottom; */
}

.type-symbol:hover {
	background-color: transparent;
}

.app-tb-btn-svg:hover {
	background-color: rgb(20, 175, 145);
	color: #ffffff;
}

.l-btn-plain {
	/* padding: 1px 1px 1px 1px; */
}

.l-btn-disabled {
	opacity: 0.3;
}

.l-btn-left {
	vertical-align: middle !important;
}

.app-tb-btn-edit {
	/*display:none;*/
}

.mod-tb-btn {
	/* min-height: 24px; */
	min-width: 48px;
	max-width: 2vw;
	/* width: 64px; */
	text-align: center;
	margin: 0px 1px 0px 1px;
}

tr.dialog-line td {
	color: #dddddd;
	font-size: 110%;
	font-weight: 500;
	height: 5px;
	padding: 0px 0px 5px 10px;
	margin: 5px 0px 10px 0px;
	border-bottom: 1px solid #dddddd
}

.extitem-caption {
	font-weight: bold;
	padding-left: 5px;
}

.extitem-unit,
.extitem-value {
	margin: 0;
	padding: 2px 5px 2px 2px;
	font-size: 16px;
}

.extitem-value {
	text-align: right;
	width: 1%;
	font-size: 18px;
}

.extitem-combo {
	text-align: left;
	/* width: 100%; */
	width: 80px;
	font-size: 18px;
}

.extitem-number {
	text-align: right;
	width: 100%;
	font-size: 18px;
}

.extitem-text {
	text-align: left;
	width: 100%;
}

.mod-tb-btn-hide {
	display: none;
}

.mod-tb-btn-show {
	display: inline-block;
}

.mod-tb-btn-disable {
	display: none;
}

.mod-tb-btn-enable {
	display: inline-block;
}

.tree-file,
.tree-folder,
.tree-folder-open {
	background-image: none;
}

.icon-package {
	color: #404080;
}

.icon-dataverse {
	color: #c55b28;
}

.icon-dataset {
	color: #337ab7;
}

.icon-astro,
.icon-audio,
.icon-code,
.icon-document,
.icon-image,
.icon-file,
.icon-network,
.icon-other,
.icon-tabular,
.icon-unlock,
.icon-video {
	color: #444;
}

.icon-package {
	color: #000;
}

/* end artux style */

.offline {
	display: none;
	position: absolute;
	float: left;
	padding: 5px 0px 0px 5px;
	z-index: -1;
	width: 380px;
	height: 180px;
	/* background: antiquewhite; */
	/* border: 2px solid burlywood; */
	border-width: 2px;
	border-radius: 3px;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

span.offline {
	color: red;
	font-weight: bold;
}

/* start easyui style */
.datagrid-cell {
	font-size: 1.0em;
}

.datagrid-row {
	/* font-family: "droid sans", "open sans", arial, sans-serif; */
	font-size: 1.0em;
}

.datagrid-row-selected {
	font-weight: bold;
}

.region-footer {
	height: 50px;
	display: contents;
	vertical-align: middle;
	text-align: right;
}

.layout-panel-south {
	border-top: 1px solid rgba(0, 0, 0, 0.5);
}

/* user-edit */
table.headitems {
	width: 100%;
}

table.headitems-noborder {
	border: 0px;
	border-spacing: 4px;
	padding: 4px 2px;
	margin: 0;
}

table.headitems td {
	margin: 0;
	padding: 1px 1px;
	border-radius: 0px;
	/* border-bottom: 1px solid #ccc; */
}

span.label {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 1px 0px 2px 3px;
	font-size: 90%;
	font-weight: 300;
	border-bottom: 1px solid rgba(80, 80, 80, 0.15);
}

.value {
	border-left: 1px solid #ccc
}

.headitem {
	font-family: "droid sans", "open sans", arial, sans-serif, helvetica;
}

.type-btn-image,
.headitem-icon {
	min-width: 28px;
	max-width: 28px;
	padding: 1px 1px 1px 1px;
	background-color: rgba(86, 156, 201, 0.6);
	text-align: center;
}

.headitem-caption {
	min-width: 130px;
	width: 25%;
	padding: 1px 2px 1px 1px;
	padding-left: 5px;
	text-align: right;
	font-family: "droid sans", "open sans", arial, sans-serif;
	font-size: 0.95em;
}

.headitem-value {
	/* color: #fff !important; */
	width: 60%;
	padding: 1px 1px 1px 2px;
	text-align: left;
	min-width: 60% !important;
	font-size: 1em;
}

.headitem-unit {
	width: auto;
	min-width: 5% !important;
	text-align: left;
	font-size: 1em;
}

.head-all {
	/* padding: 2px 0px 1px 2px;
  font-family: "droid sans", "open sans", arial, sans-serif;
  font-size: 1.0em;
  color: #000; */
	width: 100%;
	border: 0;
	outline: none;
}

.extitem-caption {
	font-weight: bold;
	padding-left: 5px;
}

.extitem-unit,
.extitem-value {
	margin: 0;
	padding: 2px 5px 2px 2px;
	font-size: 16px;
}

.extitem-value {
	text-align: right;
	width: 1%;
	font-size: 18px;
}

.extitem-combo {
	text-align: left;
	/* width: 100%; */
	width: 80px;
	font-size: 18px;
}

.extitem-number {
	text-align: right;
	width: 100%;
	font-size: 18px;
}

.extitem-text {
	text-align: left;
	width: 100%;
}

.type-edit-char {
	border-radius: 4px;
}

.type-edit-combo {
	border-radius: 4px;
	/* background-color: rgba(55,55,55,1); */
}

.type-edit-date {
	border-radius: 4px;
}

div.item-value {
	min-height: 1.3em;
	padding: 2px 0px 2px 2px;
}

p.item-value {
	margin: 0.1em;
}

td.caption {
	vertical-align: middle;
}

td.caption-top {
	text-align: left;
	vertical-align: bottom;
	padding-left: 3px;
}

td.caption-left {
	text-align: right;
	padding-right: 3px;
}

input:disabled {
	/* width: 100% !important; */
}

input {
	/* width: 100% !important; */
}

input:-webkit-autofill {
	-webkit-text-fill-color: black;
	transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:focus:valid,
input:-webkit-autofill:required:valid {
	background-image: url(../pics/check.svg);
	background-position: right 2px center;
	background-repeat: no-repeat;
	border: 1px solid green;
}

input:-webkit-autofill:focus:invalid,
input:-webkit-autofill:required:invalid {
	background-image: url(../pics/xmark.svg);
	background-position: right 2px center;
	background-repeat: no-repeat;
	border: 1px solid red;
}

.textbox-disabled,
.validatebox-disabled {
	background-color: #e8e8e8 !important;
}

.readonly {
	color: black;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	border-width: 2px;
}

input:focus:valid,
textarea:focus:valid,
select:focus:valid {
	border-width: 2px;
}

input:focus:invalid,
input:required:invalid,
textarea:focus:invalid,
textarea:required:invalid,
select:focus:invalid,
select:required:invalid {
	/* transition: background-color 5000s ease-in-out 0s; */
	background-image: url(../pics/xmark.svg);
	background-repeat: no-repeat;
	border-style: solid;
	/* border-color: red; */
	border-color: rgb(212, 0, 0);
	border-width: 1px;
}

input:focus:invalid,
input:required:invalid,
textarea:focus:invalid,
textarea:required:invalid {
	background-position: right 2px center;
}

select:focus:invalid,
select:required:invalid {
	background-position: right 1em center !important;
}

input:focus:valid,
input:required:valid,
textarea:focus:valid,
textarea:required:valid,
select:focus:valid,
select:required:valid {
	background-image: url(../pics/check.svg);
	background-repeat: no-repeat;
	border-style: solid;
	border-color: rgb(0, 196, 0);
	border-width: 1px;
}

input[type="number"]:read-only {
	text-align: right;
}


input:valid:autofill,
input:valid:-webkit-autofill {
	/* transition: background-color 0s 600000s, color 0s 600000s; */
	/* background-image: url(../pics/check.svg) !important; */
	/* background-repeat: no-repeat !important; */
	border-style: solid !important;
	border-color: rgb(0, 196, 0) !important;
	border-width: 1px !important;
}


select:focus:valid,
select:required:valid {
	background-position: right 1em center !important;
}

input:focus:valid,
input:required:valid,
textarea:focus:valid,
textarea:required:valid {
	background-position: right 2px center;
}

select:required:valid {
	background-position: right 1em center;
}

td.frame-error {
	border-right: 0px solid #ccc;
}

span.value-error {
	font-size: 0.8em;
	/* color: white; */
	background-color: transparent;
}

span.frame-error.invisible {
	display: none;
}

.form-all {
	width: 100%;
	outline: none;
	font-size: 1em;
	min-height: 25px;
	border-width: 1px;
	background-color: transparent;
}

ul.type-datalist {
	list-style: none;
	padding: 2px 2px 2px 2px;
	padding-inline-start: 1px;
	margin-block-start: 2px;
	margin-block-end: 2px;
	border: 1px solid gray;
	border-radius: 4px;
	width: 98.5%;
	margin-left: 0px;
}

.invalid {
	background-color: red;
	color: white;
}

.valid {
	background-color: transparent;
}

.panel-tool-close {
	display: none !important;
}

archium_property_thorax_content_contains:not(:-internal-list-box) {
	background-color: buttonface;
	overflow: visible !important;
}

.blockpage .panel {
	z-index: 9011;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translatex(-50%) translatey(-50%);
}

#sidebar ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

li.sidebar.headline button {
	margin: 0;
	padding: 0px 0px 0px 8px;
}

li.sidebar.headline button span {
	padding-left: 5px;
}

ul.sidebar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #f1f1f1;
}

li.sidebar button {
	color: #000;
	padding: 8px 20px;
	text-align: left;
	text-decoration: none;
	font-size: 1em;
	border-width: 0px;
	border-radius: 0px;
	width: 100%;
	min-height: 28px;
}

li.sidebar button.active {
	color: black;
	background-color: #a6cde9;
	background: -webkit-linear-gradient(top, #e0ecff 0, #a6cde9 100%) !important;
	border-style: solid !important;
	border-width: 1px 0px 1px 0px !important;
	border-color: rgba(45, 131, 189, 0.8) !important;
}

li.sidebar button:hover {
	border-style: solid !important;
	border-width: 1px 0px 1px 0px !important;
	border-color: rgba(144, 144, 144, 0.8) !important;
}

li.sidebar button:hover:not(.active) {
	background-color: #bbb;
	color: black;
}

/* li.sidebar button:hover, */
li.sidebar button.active:hover {
	background: -webkit-linear-gradient(top, #eee 0, #bbb 100%) !important;
	color: black;
}

li.headline button.sub {
	padding: 0px 16px;
}

.collapse {
	display: none;
}

.expand {
	display: block;
}

.datagrid-row-selected,
.datagrid-row-selected .datagrid-td-rownumber {
	color: #202020 !important;
	background: rgba(86, 156, 201, 0.6) !important;
	background: -webkit-linear-gradient(top, #e0ecff 0, #a6cde9 100%) !important;
}

.pagination td {
	background: none !important;
}

/* end easyui style */