/*
 Flex Layout
 See: https://www.freecodecamp.org/news/fixed-side-and-bottom-navbar-with-css-flexbox/
 
*/
body {
	font-size: 0.85rem;
	overflow: hidden;
	height: 100vh;
}

body.loading {
	overflow: hidden;
}

body.loading .imixs-wait {
	display: block;
}

/* Ajax loader */
.imixs-wait {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .8) url('../icons/ajax-loader.gif') 50% 50% no-repeat;
}

.loading {
	background: rgba(255, 255, 255, .8) url(../icons/ajax-loader.gif) 50% 50% no-repeat;
	color: #ccc;
}

/*************
 Base Layout 
 *************/
#imixs-app {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: none;
}

#imixs-header {
	background-color: #145267;
	width: 100%;
	padding: 5px;
	color: #FFF;
	border-bottom: 1px solid #fff;
	margin: 0;
	background-color: #145267;
}

#imixs-header .branding {
	min-width: 120px;
}

#imixs-header .imixs-about {
	font-size: 0.9rem;
}

#imixs-header .typcn {
	font-size: 1.7rem;
	line-height: 1;
}

#imixs-header ul {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0px;
	text-align: right;
}

#imixs-header li {
	list-style: none;
	display: inline;
	margin: 0em 0em 0em 2em;
	padding: 0px;
	line-height: 18px;
	color: #fff;
}

#imixs-header a {
	color: #fff;
}

#imixs-content {
	overflow-y: auto;
}

#imixs-main {
	padding: 20px;
}

#imixs-branding {
	background-color: #145267;
	background-image: url("../css/background.png");
	background-repeat: no-repeat;
	background-position: 10px 21px;
	min-height: 120px;
	color: #fff;
}

#imixs-branding-text {
	margin-left: 370px;
	font-size: 3rem;
	padding-top: 4px;
}

#imixs-footer li {
	list-style: none;
	display: inline;
	margin: 0em 0em 0em 2em;
}

#footer1,
#footer2 {
	background-color: #f4f4f4;
	color: #888;
}

#footer2 {
	text-align: right;
}

#footer2 li,
#footer a {
	color: #888;
}


.imixs-header-history {
	flex: 1 0 10%;
}

section {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 10px;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover {
	font-weight: 700;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:active,
a.button:active,
button:focus,
input[type="button"]:focus {
	font-weight: 700;
}

select {
	background-color: #FFF;
}

::-webkit-input-placeholder {
	color: #aaa;
}

:-moz-placeholder {
	color: #aaa;
}

::-moz-placeholder {
	color: #aaa;
}

:-ms-input-placeholder {
	color: #aaa;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	outline: thin dotted \9;
	border-color: rgba(204, 204, 204, 0.8);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(102, 102, 102, 0.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(102, 102, 102, 0.2);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(102, 102, 102, 0.2);
}

dl dt {
	font-weight: bold;
}

dl dt input[type="text"],
dl dt input[type="password"] {
	width: 100%;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

dl dt input[type="text"]:hover {
	background-color: #f8f8f8;
}

.pull-right {
	float: right;
	margin-left: 20px;
}

.imixs-state-info {
	font-size: 1.2em;
	padding: 5px;
}

.imixs-state-success {
	color: #7ad162;
	font-size: 1.2em;
	padding: 5px;
}

.imixs-state-warning {
	color: #ffcc00;
	font-size: 1.2em;
	padding: 5px;
}

.imixs-state-error {
	color: #d18262;
	font-size: 1.2em;
	padding: 5px;
}


/* Tool Tip */
.info-icon {
	cursor: pointer;
	margin-left: 5px;
	color: #007bff; 
}
.tooltip {
	visibility: hidden; 
	opacity: 0;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #145267;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	z-index: 1000;
	min-width: 270px; 
	
	top: 100%; 
	left: 30%;
	transform: translateX(-30%);
	transition: opacity 0.5s ease-in-out, visibility 0.3s ease-in-out; /* Übergangseffekt */
}
.info-icon:hover + .tooltip {
	visibility: visible; 
	opacity: 1; 
}

/* Tool Bar */
.toolbar {
	float: left;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ccc;
	padding: 0 16px;
	font-size: 1rem;
}

.toolbar input {
	font-size: 0.9rem;
}

#imixs-historynav {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	overflow: auto;
	scrollbar-width: thin;
	height: 60px;
	background-color: #fff;
}

#process-menu {
	padding: 10px 0;
	min-width: 200px;
	z-index: 999999;
	top: 45px;
	left: 12px;
	border-radius: 3px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

#process-menu li {
	padding: 0px;
	text-align: left;
}

#process-menu li a {
	color: #428BCA;
	display: block;
	padding: 3px 0 3px 10px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#process-menu li a:HOVER {
	text-decoration: none;
}

#process-menu li .ui-state-focus {
	color: #F68D20;
	background: #fff;
	border-color: #ddd;
}

#imixs-servicenav {
	font-size: 1rem;
}

.imixs-checkbox-button {
	font-weight: bold;
	line-height: 1.8em;
}

.imixs-checkbox-button td {
	padding: 2px 10px 2px 10px;
}

.imixs-commandbox {
	background: #ECF3F8;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* f4f4f4 145267  */
.imixs-historyentry {
	display: flex;
	overflow: hidden;
	min-width: 280px;
	background-color: #f4f4f4;
	color: #666;
	padding: 5px;
	line-height: 1.4em;
	font-size: 0.8rem;
	border-bottom: 4px solid #f4f4f4;
}

.imixs-historyentry-fill {
	flex: 1;
	border-bottom: 2px solid #f4f4f4;
}

.imixs-historyentry:hover {
	background-color: #f4f4f4;
	border-bottom: 4px solid #428bca;
	cursor: pointer;
}

.imixs-historyentry a {
	color: #145267;
	text-decoration: none;
}

.imixs-historyentry .image-block .imixs-typicon {
	color: #333;
}

.imixs-historyentry .image-block .imixs-typicon {
	color: #888;
}

/* 145267  faa732 */
.imixs-historyentry.active {
	background-color: #fefefe;
	border-bottom: 4px solid #faa732;
	color: #2a6496;
	;
}

.imixs-historyentry.active .image-block .imixs-typicon {
	color: #333;
}

.imixs-historyentry .image-block {
	min-height: 10px;
}

.imixs-historyentry .close {
	font-size: 1.3rem;
}

.content-block {
	margin-left: 45px;
	margin-bottom: 0.4em;
}

.content-block h2 {
	margin-bottom: 0em;
}

.content-block:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.content-block .date-time {
	padding-top: 12px;
	float: right;
	margin-left: 20px;
}

/* --- Imixs-Viewentry ---------------------------------- */
.imixs-viewentry a {
	color: #666;
}

.imixs-viewentry a:hover {
	color: #428bca;
}

.imixs-viewentry strong {
	color: #666;
}

.imixs-viewentry .content-block {
	font-size: 0.9rem;
}

.imixs-viewentry {
	margin: 5px 0 10px;
	min-height: 75px;
	border-bottom: 1px solid #e0e4e7;
	border-left: 4px solid #fff;
}

.imixs-viewentry:HOVER {
	background: #f9f9fB;
	border-left: 4px solid #428bca;
	cursor: pointer;
}

.imixs-viewentry-nav {
	border-top: 1px solid #FFD7A8;
}

.imixs-viewentry-details h3 {
	border-bottom: 1px solid silver;
}

.imixs-viewentry-main-link {
	line-height: 20px;
}

.imixs-viewentry-action-link {
	margin-right: 10px;
}

.imixs-viewentry-action-link img {
	width: 14px;
	margin-right: 5px;
}

/* --- Imixs-Form --------------------------- */

.imixs-workitem {
	display: flex;
	flex-direction: row;
	min-height: 100vh;
}

.imixs-workitem-form {
	flex-basis: 0;
	flex-grow: 1;
	min-width: 500px;
}

.imixs-workitem-form .imixs-form {
	padding-right: 20px;
}

.imixs-workitem-form .imixs-form,
.imixs-workitem-form .imixs-document {
	width: 100%;
	border-right: 1px solid #e0e4e7;
}

.imixs-workitem .imixs-form-plane {
	display: flex;
	height: 100%;
}

.imixs-workitem-form .imixs-document {
	padding-right: 20px;
	padding-left: 20px;
}

.imixs-workitem-form .imixs-document h1 {
	font-size: 1.8em;
	margin-bottom: 0.3em;
}








.imixs-form .imixs-header {
	padding: 0px 10px 10px 10px;
	margin-bottom: 5px;
	border-bottom: 2px solid #ddd;
}

.imixs-form .imixs-header label,
.imixs-form .imixs-footer label {
	font-weight: bold;
}

.imixs-form .imixs-body label {
	font-weight: bold;
}

.imixs-form .imixs-body input[type="radio"]+label,
.imixs-form .imixs-body input[type="checkbox"]+label {
	font-weight: normal;
}

.imixs-form .imixs-header hr {
	margin: 5px auto;
}

.imixs-form .imixs-header table,
td,
th {
	padding: 0 10px 0 0;
}

.imixs-form .imixs-body {
	padding: 10px 10px;
}

.imixs-form .imixs-body .imixs-form-instruction-right {
	float: right;
	padding-left: 10px;
}

.imixs-form .imixs-body .imixs-form-tabs .ui-tabs .ui-tabs-panel {
	padding: 1em 0.4em;
}

.imixs-form h1 {
	font-size: 1.8em;
	margin-bottom: 0.3em;
}

.imixs-form h2 {
	font-size: 1.5em;
}

.imixs-form h3 {
	font-size: 1.5em;
}

.imixs-form .imixs-footer {
	padding: 10px 10px;
	margin-bottom: 20px;
	border-top: 1px solid #e0e4e7;
}

.imixs-form .imixs-subform {
	background: #f2f2f2;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px;
	margin: 10px 0 0 0;
}

.imixs-form-section,
.imixs-form-section-1,
.imixs-form-section-2,
.imixs-form-section-3 {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.imixs-form-section-2 table {
	margin-bottom: 10px;
}

.imixs-form .ui-tabs-anchor {
	width: 100%;
}

.imixs-form table,
td,
th {
	border: none;
}

/* --- New Flex Design ---------------------------- */
.imixs-form-section-flex {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: repeat(12, minmax(10px, 210px));
}

.imixs-form-section-flex dl dd {
	position: relative;
}

/* --- Imixs-Form-Panel --------------------------- */
.imixs-form-panel {
	margin-top: 10px;
	margin-bottom: 10px;
}

.imixs-form-panel h1 {
	padding-top: 10px;
}

/* --- Imixs-Tabs ---------------------------------- */
.imixs-form .imixs-body .imixs-tabs {
	padding: 0;
	border: none;
	border-radius: 0;
}

.imixs-tabs .ui-tabs-nav {
	border: none;
	padding: 0;
	margin-bottom: 20px;
}

.ui-widget-header {
	border: none;
	background: none;
}

.imixs-tabs .ui-tabs-nav .ui-state-default {
	background: none;
	border: none;
	border-bottom: 2px solid #FFF;
	font-size: 1.3rem;
	margin-bottom: -1px;
}

.imixs-tabs .ui-tabs-nav .ui-state-default:hover {
	background: none;
	border: none;
	border-bottom: 2px solid #206B87;
	opacity: 0.70;
}

.imixs-tabs .ui-tabs-nav .ui-state-default a {
	color: #999;
	font-size: 1.3rem;
	padding: 10px;
	margin-bottom: 0px;
	padding-bottom: 11px;
}

.imixs-tabs .ui-tabs-nav .ui-state-default a:hover {
	color: #206B87;
}

.imixs-tabs .ui-tabs-nav .ui-state-focus {
	border: none;
}

.imixs-tabs .ui-tabs-nav .ui-state-active {
	border-bottom: 2px solid #206B87;
}

.imixs-tabs .ui-tabs-nav .ui-state-active a {
	color: #206B87;
	outline: none;
	padding: 10px;
}

.imixs-form .imixs-body .imixs-tabs.ui-tabs .ui-tabs-panel {
	padding: 10px 10px;
}

.imixs-form-comment {
	margin: 10px 0;
}
.imixs-form-comment dt {
	margin-top: 10px;
}
.imixs-form-comment .imixs-commentlist td {
	border-top: 1px solid #ccc;
	color: #666;
}

.imixs-form .imixs-body .imixs-form-tabs .col-8 {
	border-right: 1px solid #ccc;
}

.imixs-comment-tabs {
	margin-top: 20px;
}

.imixs-comment-tabs .imixs-form-section,
.imixs-comment-tabs .imixs-form-section-1,
.imixs-comment-tabs .imixs-form-section-2,
.imixs-comment-tabs .imixs-form-section-3 {
	margin-top: 0px;
}

.imixs-tabs.embedded {
	border: none;
	padding: 0;
}

.imixs-tabs.embedded .ui-tabs-panel {
	padding: 0;
}

.imixs-tabs.embedded .ui-tabs-tab a {
	padding: 0px;
	margin: 10px 10px 10px 0px;
}

/* --- Imixs-View ---------------------------------- */
.imixs-view .imixs-header {
	margin-bottom: 5px;
	margin-left: 10px;
	border-bottom: 2px solid #ddd;
}

.imixs-view .imixs-header h1 {
	font-size: 1.8em;
	margin-bottom: 0.3em;
}

.imixs-view .imixs-body {
	padding: 10px 10px;
	margin-bottom: 15px;
}

.imixs-view .imixs-body .imixs-header {
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
}

.imixs-view .imixs-footer {
	padding: 10px 10px;
}

/* --- Imixs-Board ---------------------------------- */
.imixs-board .imixs-header {
	margin-bottom: 20px;
	margin-left: 10px;
	border-bottom: 2px solid #ddd;
}

.imixs-board .imixs-header h1 {
	font-size: 1.8em;
	margin-bottom: 0.3em;
}

.imixs-board .imixs-body {
	margin-top: 10px;
	clear: both;
}

.imixs-board .search input {
	font-size: 1rem;
	margin-left: 30px;
}

.imixs-board .extended-search {
	font-size: 0.85rem;
	margin-left: 16px;
	margin-right: 20px;
}

.imixs-board .extended-search .typcn {
	font-size: 1.3rem;
}

/* --- Imixs-Portlet ---------------------------------- */
.imixs-portlet {
	padding: 10px;
	border-right: 2px solid #ddd;
	margin-bottom: 30px;
	grid-column-start: span 3;
}

.imixs-portlet.imixs-portlet-worklist {
	grid-column-start: span 4;
}

.imixs-portlet.imixs-portlet-favorites {
	grid-column-start: span 4;
}

.imixs-portlet.startprocess {
	grid-column-start: span 4;
	border-right: none;
}

.imixs-portlet h3 {
	font-size: 1.1rem;
	margin-top: 10px;
	color: #666;
}

.imixs-portlet:nth-child(4n+4) {
	border-right: none;
}

.imixs-portlet .imixs-header {
	background-color: #fff;
	font-size: 1.3rem;
	color: #666;
	border-bottom: 1px solid #CCC;
}

.imixs-portlet .imixs-header ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 5px;
}

.imixs-portlet .imixs-header li {
	list-style: none;
	display: inline;
}

.imixs-portlet .imixs-header .typcn {
	margin-left: 5px;
}

.imixs-portlet .imixs-viewentry p {
	color: #666;
	margin-left: 5px;
}

.imixs-portlet .imixs-viewentry li {
	list-style: none;
}

.imixs-portlet .imixs-footer {
	text-align: right;
}

.imixs-portlet .imixs-footer .typcn {
	margin-left: 5px;
	font-size: 1.3rem;
}

.imixs-portlet.startprocess li {
	margin-bottom: 3px;
}

.imixs-portlet.startprocess a {
	color: #428bca;
}

.imixs-portlet.startprocess .imixs-viewentry h1 {
	font-size: 1.2rem;
}

.imixs-portlet.startprocess .imixs-viewentry h1 a {
	color: #666;
}

.imixs-portlet a .portlet-title {
	color: #666;
}

.imixs-portlet a:hover .portlet-title {
	color: #428bca;
}

.imixs-portlet.startprocess .imixs-viewentry h1 a:hover {
	color: #428bca;
}

.imixs-portlet.startprocess .action-create {
	font-size: 1.0rem;
	/* tooltip */
	padding-bottom: 10px;
}

.imixs-portlet.startprocess .action-create .typcn {
	font-size: 1.2rem;
	margin-right: 5px;
}

.imixs-administration {
	margin-top: 100px;
}

/*
 * Search 
 */
.imixs-search .imixs-header {}

.search-result-summary {
	padding: 0 10px 10px;
	font-size: 0.9em;
	color: #666;
}


.imixs-search .imixs-viewentry {
	display: flex;
	width: 100%;
}

.imixs-search .imixs-viewentry .image-block {
	width: 40px;
	padding: 0px;
}

.imixs-search .imixs-viewentry .content-block {
	flex: 7;
	/* Ratio of 80 */
	padding: 0 20px 0 0;
	margin-left: 5px;
}

.imixs-search .imixs-viewentry .owner-block {
	flex: 3;
	/* Ratio of 20 */
	padding: 0px;
}

.imixs-search .imixs-viewentry .owner-block .owner-details {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
}

.imixs-search .imixs-viewentry .owner-block .owner-details-row {
	width: 100%;
	text-align: right;
}

.imixs-search .imixs-view-details {
	width: 100%;
	margin-bottom: 10px;
}

.imixs-search .imixs-view-details th {
	background-color: #f4f4f4 !important;
	padding: 0 0 3px 0;
}

.imixs-search .imixs-view-details td {
	padding: 0 10px;
}

/*
 * DMS Search
 */
.imixs-view.imixs-dms-search .dms-link a {
	font-size: 16px;
}

.imixs-view.imixs-dms-search .dms-link .typcn {
	font-size: 18px;
	margin-right: 5px;
}

/*
 * Reports 
 */
.imixs-reports .imixs-header {
	font-size: 20px;
	color: #666;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCC;
}

.imixs-reports .imixs-header h1 {
	font-size: 20px;
}

.imixs-view table,
td,
th {
	border: none;
}

/* #ECF3F8 #FFDF89 */
.imixs-form-header,
.imixs-view-header {
	background: #ECF3F8;
	padding: 5px 10px 5px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.imixs-form-footer,
.imixs-view-footer {
	background: #ECF3F8;
	padding: 10px 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.imixs-form-footer {
	background: #FFDF89;
}

.imixs-subform-body {
	background: #83C6EA;
	border: 2px solid #83C6EA;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 10px 0;
}

/* --- Imixs Attachments ------------------------------ */
.imixs-form-panel-documentviewer .imixs-form-attachments .col-6,
.imixs-form-tab-documentviewer .imixs-form-attachments .col-6 {
	clear: both;
	float: none;
	width: 100% !important;
	left: 0;
	text-align: left;
}

.imixs-form-attachments .image-block {
	float: left;
	min-width: 25px;
	margin: 0 10px 0 0;
}

.imixs-form-attachments .content-block {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 90%;
}

.imixs-form-attachments .typcn {
	margin: 0;
	font-size: 1.3rem;
	color: #428bca;
}

/* --- File Upload ----------------------------------------- */
.imixs-form-attachments-upload {
	border-right: 1px solid #ccc;
}

.imixs-form-attachments-upload h3 {
	color: #999;
	font-size: 1.4em;
}

.imixs-form-attachments-upload .typcn,
.imixs-document-storage .typcn {
	font-size: 1.6rem;
}

.imixs-form-attachments-storage h3 {
	color: #999;
	font-size: 1.4em;
}


.imixs-form .imixs-body .imixs-tabs {}

.ref-document-search-list {}

.ref-document-search-entry {
	margin-bottom: 20px;
}

.ref-document-search-entry-link {
	font-size: 1.2rem;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.ref-document-search-entry-status {
	font-weight: bold;
}


.imixs-history-col1 {
	white-space: nowrap;
}

.imixs-history-col2 {
	white-space: nowrap;
}

/* --- Imixs Instruction ------------------------------ */
.imixs-instruction {
	padding-bottom: 20px;
	background: none;
	border: none;
	color: #206B87
}

.imixs-instruction h3 {
	color: #206B87
}

/* --- Imixs Comments ---------------------------------------*/
.imixs-comments-and-documents .documents {
	min-width: 600px;
}

.imixs-comments-and-documents .comment {
	min-width: 600px;
}

.imixs-comments-entry {
	white-space: pre-wrap;
}

/* --- Imixs Workflow Actions ------------------------------ */
.imixs-workflow-action.ui-button {}

.imixs-close-action.ui-button {
	background: #faa732;
	border-color: #faa732;
}

.imixs-delete-action.ui-button {
	margin: 0 4px 4px 0;
}

.imixs-print-action.ui-button {
	background: #faa732;
	border-color: #faa732;
}

/* --- TinyMCE --------------------------------- */
.mceEditor>table {
	width: 690px !important;
	max-width: 690px !important;
}

.imixs-subform .mceEditor>table {
	width: 680px !important;
	max-width: 680px !important;
}

.imixs-suggest {
	width: 100% !important;
	background: url(./idea_14.png) no-repeat scroll left center white !important;
	background-position: 4px 6px, center !important;
	padding-left: 22px !important;
}

.imixs-date {
	width: 110px !important;
	background: url(./calendar_14.png) no-repeat scroll left center white !important;
	background-position: 4px 6px, center !important;
	padding-left: 22px !important;
}

.imixs-suggest {
	width: 100% !important;
	background: url(./idea_14.png) no-repeat scroll left center white !important;
	background-position: 4px 6px, center !important;
	padding-left: 22px !important;
}

.imixs-username,
.imixs-usergroup {
	width: 100% !important;
	background: url(./group_16.png) no-repeat scroll left center white !important;
	background-position: 4px 6px, center !important;
	padding-left: 24px !important;
}

.imixs-signature-pad {
	cursor: url(signature_pen.png) 1 26, crosshair;
	border: 2px solid #333;
	border-radius: 4px;
	width: 364px;
	height: 154px;
}

.imixs-signature-pad canvas {}

.imixs-signature-clear-action {}

dl dd .imixs-datetime-picker select {
	width: 50px;
}

.ui-datepicker-header {
	border: none;
	background: #206B87;
	color: #fff;
}

.imixs-required {
	color: red;
}

.imixsdatatable {
	width: 100%;
}

.imixsdatatable th {
	border: none;
	background: #206B87;
	color: #fff;
	border-left: 4px solid #206B87;
	border-bottom: 1px solid #206B87;
}

.imixs-form .imixsdatatable td,
th {
	padding: 5px;
}

.imixsdatatable .DataTables_sort_icon {
	float: left;
}

.imixsdatatable td input {
	border: none;
}

.imixsdatatable td {
	border: 1px solid #ddd;
}

.imixsdatatable td.ui-state-hover {
	border: 1px solid #ddd;
}

.imixsdatatable tbody tr:HOVER td {
	background: #e4f5fb;
	background-color: #e4f5fb;
	color: #222;
}

.imixsdatatable tbody tr:HOVER a {
	color: #428bca;
}

.imixsdatatable tbody tr:hover {
	border-left: 4px solid #428bca;
}

.imixsdatatable tbody tr td:first-child {
	padding-left: 4px;
}

.imixsdatatable tbody tr:hover td:first-child {
	padding-left: 4px;
}

.imixs-label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 2px 4px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999;
}

.imixs-label-important {
	background-color: #b94a48
}

.imixs-label-important[href] {
	background-color: #953b39
}

.imixs-label-warning {
	background-color: #f89406
}

.imixs-label-warning[href] {
	background-color: #c67605
}

.imixs-label-success {
	background-color: #468847
}

.imixs-label-success[href] {
	background-color: #356635
}

.imixs-label-info {
	background-color: #3a87ad
}

.imixs-label-info[href] {
	background-color: #2d6987
}

.imixs-label-inverse {
	background-color: #333
}

.imixs-label-inverse[href] {
	background-color: #1a1a1a
}

.imixs-important {
	color: #b94a48
}

.imixs-info {
	color: #3a87ad
}

.imixs-success {
	color: #468847
}

.imixs-warning {
	color: #f89406
}

.imixs-user-icon {
	overflow: hidden;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
	color: #4D4D4D;
	background-color: #CCC;
	border-bottom: 0;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: 4px;
	cursor: default;
}

.imixs-user-icon img {
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

/** Fileupload Widget **/
.imixsFileUpload_help {
	float: left;
	padding-left: 10px;
	height: 30px;
	font-weight: bold;
	color: #999;
	line-height: 1.9em;
	border-style: dotted;
	border-width: 4px;
}

.imixsLinkWidget {
	clear: left;
}

.imixsFileUpload_button,
.imixsLink_button {
	width: 160px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.imixsFileUpload_button {
	float: left;
}

.imixsFileUpload_help {
	color: #999;
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1.75em;
}

.imixsFileUpload_uploadlist {
	clear: left;
}

.imixsFileUpload_delete {
	margin-bottom: 5px;
}

.imixsQrCode {
	background: #fff;
}

/** Office WorkitemLink Widget -  **/
.workitemlinktable td {
	border-bottom: 1px solid #ccc;
}

.workitemlinktable td .typcn {
	color: #999;
}

.image-block {
	float: left;
	min-width: 40px;
	margin: 2px 2px 0px 2px;
	position: relative;
}

.imixs-typicon {
	position: relative;
	color: #666;
	font-size: 32px;
	line-height: 1em;
}

/*
.imixs-typicon-link {
	position: relative;
	width: 32px;
	height: 32px;
	float: left;
}
*/
.imixs-favorite {
	position: absolute;
	top: 37px;
	color: #999;
	font-size: 24px;
	line-height: 1em;
	margin-left: 4px;
}

.imixs-typicon a,
.imixs-favorite a {
	color: inherit;
}

.icon-main.imixs-info {
	color: #61B1D0;
}

.icon-main.imixs-success {
	color: #95CF5E;
}

.icon-main.imixs-warning,
.imixs-favorite .imixs-info {
	color: #faa732;
	;
}

.icon-main.imixs-error {
	color: #cf5e6f;
}

.icon-sub {
	position: absolute;
	font-size: 16px;
	line-height: 1em;
	border-radius: 10px;
	border: none;
	padding-left: 1px;
	width: 16px;
	height: 16px;
}

.icon-sub-ne {
	top: 4px;
	right: -4px;
}

.icon-sub-se {
	bottom: -4px !important;
	right: -4px;
	top: unset;
}

.icon-sub-sw {
	bottom: -4px !important;
	left: -4px;
	top: unset;
}

.icon-sub-nw {
	top: 4px;
	left: -4px;
}

/*
.icon-sub-ne.imixs-default, .icon-sub-ne.imixs-info, .icon-sub-ne.imixs-success,
	.icon-sub-ne.imixs-warning, .icon-sub-ne.imixs-error {
	top: 4px;
	right: 4px;
}
*/

/*
.icon-sub-se.imixs-default, .icon-sub-se.imixs-info, .icon-sub-se.imixs-success,
	.icon-sub-se.imixs-warning, .icon-sub-se.imixs-error {
	bottom: 4px;
	right: 4px;
}
*/

/*
.icon-sub-sw.imixs-default, .icon-sub-sw.imixs-info, .icon-sub-sw.imixs-success,
	.icon-sub-sw.imixs-warning, .icon-sub-sw.imixs-error {
	bottom: 4px;
	left: 4px;
}



.icon-sub-nw.imixs-default, .icon-sub-nw.imixs-info, .icon-sub-nw.imixs-success,
	.icon-sub-nw.imixs-warning, .icon-sub-nw.imixs-error {
	top: 4px;
	left: 4px;
}
*/
.icon-sub.imixs-default {
	font-size: 14px;
	color: #fff;
	background-color: #666;
}

.icon-sub.imixs-info {
	font-size: 14px;
	background-color: #61B1D0;
	color: #fff;
}

.icon-sub.imixs-success {
	font-size: 14px;
	background-color: #95CF5E;
	color: #fff;
}

.icon-sub.imixs-warning {
	font-size: 14px;
	background-color: #faa732;
	;
	color: #fff;
}

.icon-sub.imixs-error {
	font-size: 14px;
	background-color: #cf5e6f;
	color: #fff;
}

.dms-list a {
	color: #428bca;
}

.dms-list a .typcn {
	font-size: 1.2em;
}

.ui-widget-content a {
	color: #428bca;
}

.imixs-tooltip-content {
	max-width: 600px;
}

.imixs-archive .imixs-viewentry {
	min-height: 40px;
}

.imixs-archive .imixs-favorite {
	display: none;
}

.imixs-archive .image-block {
	min-width: 20px;
}

.imixs-archive .imixs-typicon {
	font-size: 20px;
}

.imixs-archive .imixs-typicon .icon-sub {
	font-size: 8px;
}

.imixs-archive .imixs-viewentry .content-block {
	margin-left: 30px;
}

.imixs-viewentry .imixs-viewentry-title {
	font-size: 14px;
}

.imixs-timeline table {
	width: 100%;
}

.imixs-timeline-year {
	border-bottom: 1px solid #ddd;
}

.imixs-timeline table tr td h1 {
	margin: 0;
}

.imixs-timeline .imixs-timeline-entry-date {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 10px;
}

.imixs-timeline .workitemref-out .imixs-timeline-entry-date {
	text-align: right;
}

/* Markdown part */
.imixs-markdown-output {
	padding: 10px;
}

.imixs-markdown-output p strong {
	font-size: 1.1rem;
}

.imixs-markdown-output table {
	margin: 20px 0;
}

.imixs-markdown-output table thead tr th {
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #333;
	text-align: left;
}

.imixs-markdown-output table tbody tr td {
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

/* Minutes*/
.minute-number {
	float: left;
	border-right: 1px solid silver;
	padding-right: 7px;
	color: #888;
}

.imixs-form-section.minutes-body-section .imixs-viewentry:hover {
	background: transparent;
}

.minute-info {
	margin-left: 45px;
}

.minute-info .minute-summary input {
	font-size: 1.2em;
	width: 100%;
}

.minute-summary-status {
	line-height: 2em;
	font-size: 1.2em;
	color: #999;
}

.minute-icon {
	float: left;
	margin: 5px 8px 4px 0;
}

.minute-details {
	clear: left;
	margin-bottom: 15px;
}

/* --- Read Mode -----------------------------------------*/
.imixs-read-only {
	padding: 5px 10px;
	color: #555;
	font-style: italic;
}

input[type="text"]:disabled,
textarea:disabled {
	background-color: #fafafa;
	border: none;
}

input:disabled.imixs-date {
	padding-left: 0.25em !important;
	background: none;
}

.imixs-input-disabled {
	background: #EBEBE4;
}

/* Roles And Rights */
.roles-and-rights th {
	height: 140px;
	vertical-align: bottom;
	text-align: left;
	line-height: 1;
}

.roles-and-rights td {
	font-size: 0.9em;
}

.roles-and-rights tr:hover td {
	background: #f2f2f2
}

.roles-and-rights .header {
	width: 25px;
}

.roles-and-rights td.main {
	font-size: 1.5em;
}

.roles-and-rights td.main1 {
	font-weight: bold;
	font-size: 1.0em;
}

.roles-and-rights td.main2 {
	padding-left: 10px;
}

.roles-and-rights td.main3 {
	padding-left: 20px;
}

.roles-and-rights td.blank {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.roles-and-rights tr.acl-roles {
	background: #ffe6c0;
	;
}

.roles-and-rights tr.processes {
	background: #beffc2;
}

.roles-and-rights tr.spaces {
	background: #bad4f6;
}

.roles-and-rights tr th {
	border-bottom: 1px solid #ccc;
}

.roles-and-rights .header .content {
	width: 200px;
	transform-origin: bottom left;
	transform: translateX(10px) rotate(-45deg);
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.roles-and-rights td:not(:first-child) {
	text-align: right;
}

.roles-and-rights .xcol {
	border: 1px solid #ccc;
}

.roles-and-rights th {
	position: sticky;
	top: 0;
	z-index: 0;
}

/* RESPONSIVE BEHAVIOUR */
@media screen and (max-width: 1400px) {
	.imixs-portlet {
		grid-column-start: span 4;
	}

	.imixs-portlet:nth-child(3n+3) {
		border-right: none;
	}

	.imixs-form .imixs-body .imixs-form-tabs .col-8,
	.imixs-form .imixs-body .imixs-form-tabs .col-4 {
		border-right: none;
		width: 100% !important;
		padding: 0;
	}

	.imixs-form .imixs-body .row .col-8,
	.imixs-form .imixs-body .row .col-4 {
		border-right: none;
		width: 100% !important;
		padding: 0;
	}

	.imixs-form-panel-documentviewer .col-6,
	.imixs-form-tab-documentviewer .col-6 {
		clear: both;
		float: none;
		width: 100% !important;
		left: 0;
		text-align: left;
	}
}

@media screen and (max-width: 1100px) {
	#imixs-historynav {
		display: none;
	}

	#imixs-header .imixs-about {
		display: none;
	}

	#imixs-branding-text {
		font-size: 2.6rem;
		padding-top: 10px;
	}

	.imixs-portlet {
		grid-column-start: span 6;
	}

	.imixs-portlet.imixs-portlet-worklist,
	.imixs-portlet.imixs-portlet-favorites,
	.imixs-portlet.startprocess {
		grid-column-start: span 6;
	}

	.imixs-portlet:nth-child(1n+1) {
		border-right: 2px solid #ddd;
	}

	.imixs-portlet:nth-child(2n+2) {
		border-right: none;
	}

	.imixs-form,
	.imixs-view {
		font-size: 1.1em;
	}
	.imixs-header h1,
	.imixs-form h1,
	.imixs-footer h1 {
		font-size: 1.5em;
	}
	.imixs-header h2,
	.imixs-form h2,
	.imixs-footer h2 {
		font-size: 1.3em;
	 }
	.imixs-header h3,
	.imixs-form h3,
	.imixs-footer h3 {
		font-size: 1.2em;
	}	

	.imixs-footer .imixs-delete-action,
	.imixs-footer .imixs-workflow-action,
	.imixs-footer .imixs-close-action,
	.imixs-footer .imixs-print-action {
		margin: 0 10px 10px 0;
		font-size: 1.1em;
	}

	.imixs-workitem .imixs-form-plane {
		flex-direction: column;
	}

	.imixs-reports {
		display: none;
	}
}

/* 868 */
@media screen and (max-width: 768px) {
	.imixs-portlet {
		grid-column-start: span 12;
	}

	.imixs-portlet.imixs-portlet-worklist,
	.imixs-portlet.imixs-portlet-favorites,
	.imixs-portlet.startprocess {
		grid-column-start: span 12;
	}

	.imixs-portlet {
		border-right: none;
	}

	.imixs-portlet:nth-child(1n+1) {
		border-right: none;
	}

	#imixs-servicenav .toolbar {
		border: none;
	}

	#imixs-branding {
		background-image: none;
		display: none;
	}

	.imixs-form,
	.imixs-view {
		font-size: 1.2em;
	}

	.imixs-header h1,
	.imixs-form h1,
	.imixs-footer h1 {
		font-size: 1.5em;
	}
	.imixs-header h2,
	.imixs-form h2,
	.imixs-footer h2 {
		font-size: 1.3em;
	 }
	.imixs-header h3,
	.imixs-form h3,
	.imixs-footer h3 {
		font-size: 1.2em;
	}

	.imixs-footer .imixs-delete-action,
	.imixs-footer .imixs-workflow-action,
	.imixs-footer .imixs-close-action,
	.imixs-footer .imixs-print-action {
		margin: 0 10px 10px 0;
		font-size: 1.1em;
	}

	.imixsQrCode {
		display: none;
	}

	.imixs-form .imixs-body .imixs-form-instruction-right {
		padding-left: 0px;
	}

 
    .imixs-workitem-form {        
        min-width: inherit; 
      }

    .imixs-workitem-form .imixs-form, .imixs-workitem-form .imixs-document {
        border: none;
        padding-right: 0px;
    }

    .imixs-form-section-flex dl {
        grid-column: span 12 !important; 
    }

}




@media screen and (max-width: 548px) {
	#imixs-servicenav .toolbar {
		padding: 0 8px;
	}

	#imixs-servicenav .toolbar.login {
		float: right;
	}

	#imixs-servicenav li {
		margin: 0em 0em 0em 0em;
	}

	#imixs-content {
		padding: 0px;
	}

	.imixs-header h1,
	.imixs-form h1,
	.imixs-footer h1 {
		font-size: 1.5em;
	}
	.imixs-header h2,
	.imixs-form h2,
	.imixs-footer h2 {
		font-size: 1.3em;
	 }
	.imixs-header h3,
	.imixs-form h3,
	.imixs-footer h3 {
		font-size: 1.2em;
	}


	#imixs-header .toolbar.search {
		margin-left: 0px;
	}

	#imixs-header .toolbar.login span.login-name {
		display: none;
	}

	.imixs-form-panel {
		border: none;
	}

	.imixs-form,
	.imixs-view {
		font-size: 1.2em;
	}

	.imixs-workitem-chronicle .imixs-delete-action,
	.imixs-workitem-chronicle .imixs-workflow-action,
	.imixs-workitem-chronicle .imixs-close-action,
	.imixs-workitem-chronicle .imixs-print-action {
		width: 100%;
		margin: 0 0 15px 0;
		font-size: 1.2em;
	}

	.imixs-tabs ul li {
		width: 100%;
	}
}