/* Layout */
:root {
	font-size: 62.5%;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.5;
	color: #001737;
	text-align: left;
	background-color: #7db3ec;
}

.bg-body-dark {
	background-color: #125184 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

.bg-gr {
	background-color: #f5f5f5;
}


.bg-header-dark {
	background-color: #f1f1f1!important;
	box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
}

#page-container.page-header-dark #page-header {
	background-color: #1F75D5;
}


.font-size-xl {
	font-size: 2rem !important;
}

.font-size-lg {
	font-size: 1.6rem !important;
}

.font-size-sm {
	font-size: 1.2rem!important;
}

.font-size-xs {
	font-size: 1rem !important;
}

.font-size-xxs {
	font-size: 0.8rem !important;
}


.logged-user-actions {
	padding: 5px;
	text-align: right;
}

.logged-user-actions i {
	margin: 0 5px;
}

.logged-user-i .avatar-w {
	color: #fff;
	background-color: #0a7cf8;
	border: none;
	padding: 8px;
	width: 35px;
	height: 35px;
	font-weight: 600;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logged-user-i .avatar-w p {
	margin: 0;
}

.page-version {
	font-size: 1rem;
	padding: 20px;
	padding-left: 25px;
	color: silver;
}

.page-header-title {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	line-height: 18px;
	font-size: 1.6rem;
	color: #fff;
}

.page-header-title li.breadcrumb-item a, .page-header-title li.breadcrumb-item:before {
	color: #d6d6d6;
}

.page-header-title li.breadcrumb-item span {
	color: #fff;
	font-weight: 600;
}


/* Farben */

.text-white,
.white {
	color: #ffffff !important;
}

.text-green,
.green {
	color: #3cb371 !important;
}

.text-lime,
.lime {
	color: lime !important;
}

.text-blue,
.blue {
	color: #1C7BC9 !important;
}

.text-red,
.red {
	color: #f44336 !important;
}

.text-yellow,
.yellow {
	color: #fff200 !important;
}

.text-orange,
.orange {
	color: #ffad00 !important;
}

.text-grey,
.grey {
	color: rgb(160, 160, 160) !important;
}

.text-silver,
.silver {
	color: rgb(220, 220, 220) !important;
}


.bg-werp {
	background-color: #1C7BC9;
	border-color: #428BCA;
	color: #fff;
}

.ico-sm {
	width: 1em;
	height: 1em;
}

.ico-md {
	width: 1.5em;
	height: 1.5em;
}

.ico-lg {
	width: 2em;
	height: 2em;
}

.ico-lg2 {
	width: 3em;
	height: 3em;
}

/* Für Icons, die innerhalb eines Buttons nur bei Bedarf eingeblendet werden */
.ico-response {
	display: none;
	margin-left: 5px;
	margin-right: 5px;
}

.width-100 {
	width: 100%;
}

.width-50 {
	width: 50%;
}

.width-25 {
	width: 25%;
}



/* Form */

form {
	width: 100%;
}

.form-control-static {
	padding-top: calc(.375rem + 1px);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	display: block;
	width: 100%;
	color: #000;
}

.form-control-lead {
	display: block;
	width: 100%;
	color: #333;
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

.form-control-lead i {
	margin-right: 10px;
	color: #487FFC;
}

.form-buttons {
	margin-top: 2rem;
}

.form-control.small {
	font-size: 1.2rem;
}

.form-switch {
	margin-bottom: 5px;
}

.form-font {
	font-size: 1em;
}

.form-inline div[data-ctrl] {
	margin-right: 15px;
}

input.form-control {
	background: none;
	border: 1px solid #eaeaea;
	background-color: #fff;
	height: 35px;
}

/* von form-control-alt*/
.form-control {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	background: none;
	border: 1px solid #eaeaea;
	/*box-shadow: 1px 1px 0px 0px #f4f6fa;*/
	transition: none;
}

	.form-control:focus {
		outline: 0;
		box-shadow: none;
		background: none;
		color: #495057;
		border: 1px solid #e2e1e1;
	}

select.custom-select {
	background: none;
	border: 1px solid #eaeaea;
	/*box-shadow: 1px 1px 0px 0px #f4f6fa;*/
	height: 35px;
}


.input-group-text {
	background: none;
	border: 1px solid #e2e1e1;
}

.input-group-buttons {
	position: relative;
	display: inline-flex;
}

.input-group-buttons > div, .input-group-buttons > button {
	display: inline;
}


.dx-lookup-field {
	padding: 5px 34px 6px 9px;
}

.dx-lookup {
	height: 32px;
}

.dx-lookup.dx-state-readonly .dx-lookup-arrow, .dx-lookup.dx-state-disabled .dx-lookup-arrow {
	display: none;
}

.dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget {
	-ms-opacity: 1;
	opacity: 1;
	border: none;
	background: none;
	cursor: no-drop;
}

.dx-state-disabled > button {
	display: none;
}

.dx-radiogroup.dx-widget.dx-state-disabled, .dx-widget.dx-state-disabled.dx-collection {
	border: none;
	cursor: no-drop;
}

.dx-state-disabled.dx-widget .dx-texteditor-buttons-container, .dx-state-disabled .dx-widget .dx-texteditor-buttons-container {
	display: none;
}

.form-button-bar {
	display: block;
	position: relative;
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	background: none;
	padding-bottom: 15px;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
}

.form-button-bar-content {
	width: 100%;
	margin: 30px 0px;
}

body.bg-white .form-button-bar {
	position: relative;
	width: 100%;
}


/* HTML */
.btn {
	font-size: 1.2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 600;
}

.btn-default {
	color: #212529;
	background-color: #e6e6e6;
	border-color: #e2e2e2;
}

	.btn-default:hover {
		color: #fff;
		background-color: #d6d6d6;
		border-color: #d6d6d6;
	}

.btn-group-xs>.btn, .btn-xs {
	font-size: 1rem;
	padding: .2rem .4rem;
	line-height: 1.5;
	border-radius: .2rem;
}


.data-font {

}

a.filter-link {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

a.filter-link:hover {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

fieldset {
	margin-top: 2rem;
}

fieldset legend {
	border-bottom: 1px solid #e6ebf4;
	font-size: 1.8rem;
	color: rgb(3, 83, 173);
	padding-bottom: 6px;
	margin-bottom: 15px;
}

.content-heading {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-top: 1.5rem;
	font-size: 1.8rem;
	color: rgb(3, 83, 173);
}

.customer-note-wrapper textarea:read-only {
	color:red;
}


/* Bootstrap */

.progress {
	padding: 3px;
}

.progress-bar.step {
	color: #353535;
	padding: 0 10px;
}

.progress-bar.bg-step {
	background-color: #6d9fff !important;
}

.progress-text-large {
	display: inline-block;
	font-size: 2.4rem;
	margin: 20px 0 10px 0;
}

.progress-container {

}

.progress-bar-container {
	display: inline-block;
	width: 100px;
	margin-left: 15px;
}


.progress-text {
	font-weight: 300;
}

.col-form-label {
	color: #666;
	font-size: 1.2rem;
}

.badge {
	font-size: 1rem;
	font-weight: 600;
}

.badge-darkblue {
	color: #fff;
	background-color: #3472b1;
}

.tooltip-inner {
	white-space:pre;
	max-width: none;
	font-size: 1.1rem;
}


.infobox {
	border-radius: .25rem;
	color: #ffffff;
	margin-bottom: 1.75rem;
	box-shadow: 0 2px 6px rgba(230,235,244,.4);
	padding: .5rem;
	background-color: #3c90df;
	box-sizing: border-box;
}


.popover-header {
	font-size: 12px;
}

.popover-body {
	font-size: 11px;
}



/* Allgemein DevExtreme */

/*
.dx-texteditor.dx-state-readonly {
	border: 1px solid #f1f1f1;
	border-radius: 0.25rem;
}
*/


.dx-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1.2rem;
}

.dx-widget {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	font-size: 1.3rem;
}

.dx-widget input, .dx-widget textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	line-height: 1.35715;
}

.dx-texteditor-input {
	border: none;
	min-height: unset;
}

.dx-texteditor {
	background: none;
	border: 1px solid #eaeaea;
}

.dx-texteditor.dx-state-readonly {
	border: none;
	background: none;
	box-shadow: none;
}


.dx-selectbox, .dx-dropdownbox, .dx-datebox {
	height: 32px;
}


.dx-texteditor-container {
	padding: 1px;
}



/* Disabled */

.dx-state-disabled .dx-lookup-field, .dx-state-disabled .dx-lookup-field {
	padding: 0;
}

.dx-state-disabled .dx-texteditor-input {
	border: none;
	box-shadow: none;
	padding-left: 0;
	background-color: transparent;
}

.dx-texteditor.dx-state-disabled {
	border: none;
	box-shadow: none;
}


/* Hover */

.dx-texteditor.dx-state-hover {
	border-color: #e2e1e1;
	background-color: #fff;
}


.bright-ctrls .dx-texteditor-input, form.bright .dx-row .dx-texteditor-input {
	background-color: #fff;
}

.bright-ctrls .dx-texteditor, form.bright .dx-row .dx-texteditor {
	background: #fff;
}

/* Fokussiert */
.dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active, .dx-texteditor.dx-state-focused.dx-editor-underlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-outlined {
	border-color: #e2e1e1;
}


/* Popup */

.dx-toolbar-label .dx-toolbar-item-content > div {
	overflow: visible;
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
	border: none;
}

.dx-popup-title.dx-toolbar {
	background-color: #35a1ff;
	color: #fff;
}

.dx-popup-content main {
	background-color: #efefef;
	padding: 10px;
}


.dx-widget input, .dx-widget textarea {
	line-height: 1.35715;
}

.dx-widget {
	line-height: 1.35715;
}


.dx-overlay-wrapper {
}


/* Grid */

table td, table th {
}

table tr.dx-header-row td, table tr.dx-header-row th {
	font-weight: 600;
	color: #444;
	font-size: 1.3rem;
}

table tr.dx-data-row td {
	font-size: 1.3rem;
}

.dx-datagrid {
	color: #000;
	background-color: #fff;
}

.weblist-wrapper {
	margin-bottom: 20px;
	padding: 10px;
	/* border-radius: 4px; */
	border: 1px solid #ebebeb;
	background-color: white;
}

img.weblistimg:before {
	content: ' ';
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
	background-color: #fffad5;
	color: #000;
}

.dx-datagrid-table .cell-readonly {
	background-color: #f1f1f1;
}

.dx-datagrid-table .cell-editable {
	background-color: #fff7d9;
}


.dx-datagrid .dx-datagrid-headers {
	border-bottom: none;
	color: #444;
	font-size: 1.6rem;
	text-transform: uppercase;
	border-top: none;
	background-color: #ffffff;
	font-weight: 400;
	position: sticky;
	top: 50px;
	z-index: 2;
}

.dx-popup-content .dx-datagrid .dx-datagrid-headers {
	position: relative;
	top: 0px;
	z-index: auto;
}


.dx-datagrid-fixed-headers {
	top: 50px;
	background-color: #fff;
	position: fixed;
	width: auto;
	display: none;
	z-index: 999;
}

.dx-datagrid-headers {
	background-color: #fff;
}

.dx-datagrid-pager {
	border-top: 1px solid #ddd;
}

.dx-link.dx-icon-trash {
	text-decoration: none;
}


.dx-datagrid th,
.dx-datagrid td,
.dx-datagrid .dx-row > td {
	padding: 0.875rem;
	vertical-align: top;
	border-top: none;
	cursor: pointer;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
	vertical-align: middle;
}

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
	background-color: #ffffff;
}

.dx-datagrid .dx-header-row > td {
	background-color: #ffffff;
}

.dx-datagrid-rowsview {
	border-top: 1px solid rgba(83, 101, 140, 0.08);
}

.dx-datagrid thead th {
	border-bottom: 1px solid #999;
}


/* Grid Filter */

.weblist-commands {
	margin: 5px 0;
}

.weblist-commands .form-group,
.weblist-commands .btn,
.weblist-commands .form-inline {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.weblist-commands .btn {
	margin-right: 20px;
}


/* HT-Matrix */

table.htCore {
	font-size: 1.3rem;
}


.swal2-title {
	font-size: 1.6rem!important;
}


/* Notifications */
.k-notification-error {
	background-color: #f44336;
	color: #fff;
	border-color: #f44336;
}

.k-notification-info {
	background-color: #2196f3;
	color: #fff;
	border-color: #2196f3;
}

div.k-animation-container {
	padding-bottom: 5px;
}


/* Tabs */

.nav.upper.nav-tabs .nav-link {
	padding-bottom: 10px;
}

.nav-link {
	font-weight: 400;
	font-size: 1.4rem;
}

.tab-bar {
	padding-bottom: 20px;
}

.nav-tabs-alt .nav-item.show .nav-link, .nav-tabs-alt .nav-link.active {
	color: #fff;
	background-color: #5D9CE2;
	box-shadow: none;
	font-weight: 600;
	border: none;
}

.nav-tabs-alt .nav-link.active:hover {
	color: #e5e5e5;
	box-shadow: none;
}


.nav-tabs-alt .nav-link:hover {
	color: #191919;
	box-shadow: none;
}

.nav-tabs .nav-link {
	border: none;
	border-radius: unset;
}

.nav-tabs-alt .nav-link {
	color: #4b4b4b;
}

.nav-tabs .nav-item {
	background-color: #dbdbdb;
	margin: 2px;
}

.tab-content {
	padding-left: 0px;
}


/* Menü */

.nav-main-link .nav-main-link-icon {
	min-width: 1.8rem;
}

.nav-main-link {
	font-weight: 600;
	font-size: 1.3rem;
	padding: 1rem .625rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

.nav-main-heading {
	font-size: 1.4rem;
	color: #fff;
	background-color: #a5a5a5;
	padding: .2rem;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: .4rem;
}

.nav-main-heading-extern {
	font-size: 1.4rem;
	color: #fff;
	background-color: #125184;
	padding: .2rem;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: .4rem;
}


.dropdown-menu {
	font-size: 1.3rem;
}


/* Theme */

.menu-w {
	min-height: 800px;
}

.centered-box {
	padding: 40px 15px 40px 15px;
}

.centered-box.sb {
	padding: 40px 5px 40px 5px;
}

.auth-box-w .centered-box form {
	padding-bottom: 20px;
}

.filter .form-body {
	padding: 10px 0;
}

.filter .form-buttons {
	padding: 10px 0;
}

/* Popup */

.dx-overlay-shader {
	background-color: rgba(80, 80, 80, 0.54);
}

.dx-popup-wrapper > .dx-overlay-content {
	border: none;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	border-radius: 3px;
}

.dx-popup-content {
	padding: 10px;
}

.btn-grid {
	background-color: rgb(226, 239, 254);
	color: rgb(51, 51, 51);
	border: none;
	font-weight: 400;
	border-radius: 3px;
}


/* Checkbox */


.dx-checkbox.dx-state-hover .dx-checkbox-icon {
	border: 1px solid #bababa;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
	border: 1px solid #bababa;
}

.dx-checkbox-icon {
	width: 20px;
	height: 20px;
	border: 1px solid #bababa;
	background-color: #fff;
}

.dx-checkbox-checked .dx-checkbox-icon {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 1.2rem;
}

.dx-checkbox-checked .dx-checkbox-icon:before {
	content: "\f00c";
}

.dx-checkbox-text {
	white-space: nowrap;
	width: unset;
}

.dx-checkbox-icon.dx-state-disabled {
	background-color: #fff;
}

.dx-checkbox.dx-state-readonly {
	box-shadow: none;
	width: 20px;
	height: 20px;
	line-height: 0;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
	background-color: #e0e0e0;
	border-color: #afafaf;
}

.bright-ctrls .dx-checkbox-icon, form.bright .dx-row .dx-checkbox-icon {
	background-color: #fff;
}


/* Icons */

.dx-icon-trash {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
}

.dx-icon-trash:before {
	content: "\f1f8";
}


/* Filter Bar */

.filter-panel-w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.filter-panel-w .filter-sidebar {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	background-color: #F9F9F9;
	padding: 15px;
	font-size: 1.3rem;
}


.filter-panel-w .filter-sidebar .dx-texteditor {
	font-size: inherit;
}

.filter-panel-w .filter-sidebar .dx-texteditor-input {
	min-height: 26px;
}

.filter-panel-w .filter-sidebar .btn {
	font-size: 1.2rem;
}


.filter-panel-w .filter-sidebar .filter-sidebar-section:first-child {
	padding-top: 0px;
}

.filter-panel-w .filter-sidebar .filter-sidebar-section {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin-bottom: 20px;
}

.filter-panel-w .filter-sidebar .filter-sidebar-section-header {
	color: #047bf8;
	position: relative;
}

.filter-panel-w .filter-sidebar .filter-sidebar-section-contents {
	margin-top: 20px;
}

.filter-panel-w .filter-sidebar .filter-sidebar-section-toggle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -30px;
	color: #047bf8;
	font-size: 1.3rem;
	position: absolute;
	text-decoration: none;
}

.filter-panel-w .filter-content {
	background-color: #ffffff;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 30px;
}

.filter-panel-w .filter-content .filter-content-header {
	margin-bottom: 20px;
	color: #047bf8;
}



.weeknavigator-cw {
	font-weight: 400;
	font-size: 1.3rem;
}

/* weekschedule */

.weekschedule .content-box {
	padding: 2rem 10px;
}

.weekschedule .col-lg-3 {
	padding-right: 5px;
	padding-left: 5px;
}

.weekschedule .pipeline {
	padding: 15px;
}

.weekschedule .pipeline.white .pipeline-item {
	cursor: default;
}

.weekschedule .pipeline-header .pipeline-value {
	letter-spacing: normal;
	font-size: 1.6rem;
}

table.weekschedule-dates > tbody td {
	padding: .2rem;
	font-size: 1.3rem;
}

.weekschedule-orderstate i {
	margin-right: 4px;
}

.weekschedule-products .badge {
	color: #fff;
	font-size: 1.2rem;
	border-radius: 0;
}

td.weekschedule-date {
	font-weight: 400;
}


.orderstep-steps {
	display: inline;
}

.orderstep-state {
	margin-left: 4px;
	font-size: 1.2rem;
}


table.weekly-schedule {
	
}

table.weekly-schedule > tbody > tr > td {
	max-width: 400px;
	min-width: 250px;
}

table.weekly-schedule > thead > tr > th {
	max-width: 400px;
	min-width: 250px;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: center;
}

table.weekly-schedule > thead > tr > th.today {
	font-weight: 600;
}

table.weekly-schedule .block-content-full {
	padding: 5px;
}

.weekschedule-inbound {
	background-color: #f2fff7;
}

.weekschedule-outbound {
	background-color: #fff2f2;
}


/* Eigene Controls */

.datenavigator {
	display: block;
}


.template {
	display: none;
}

.weblistcolumn {

}

.default-button-handler {
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	border: none !important;
}


/* Comments */

.obj-comment-list {
}


.obj-comment {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-bottom: 20px;
}

.obj-comment .obj-comment-info {
	padding: 10px 0px;
	margin-bottom: 5px;
	position: relative;
	font-size: 1.2rem;
}

.obj-comment .obj-comment-info .author {
	display: inline-block;
	vertical-align: middle;
}

.obj-comment .obj-comment-info .info-data {
	display: inline-block;
	vertical-align: middle;
}

.obj-comment .obj-comment-content {
	padding: 10px 15px;
	margin-left: 15px;
	font-size: 1.3rem;
	background-color: #f3f3f7;
	border-radius: 6px;
}

.obj-comment-content.alt {
	background-color: #fff6d7;
}


/* ValueSplitter */

.valuesplitter-total {
	font-size: 1.3rem;
	color: #888;
}


/* Wizard */

.wizard-page {
	display: none;
}

.step-content > .wizard-page,
.wizard-page.show {
	display: block;
}


/* Handsontable */

.handsontable.compact table thead th {
	white-space: pre-line;
	max-width: 100px;
	height: 80px;
}


.handsontable td.htDimmed {
	color: #8a8a8a;
	background-color: #f5f5f5;
}

.handsontable td.edited {
	color: #000000;
	background-color: #feffe5;
}

.handsontable td.summary {
	color: #383838;
	background-color: #e2e2e2;
}


/* Tabelle */


.table.compact {
	font-size: 1.3rem;
}

.table.compact td, .table.compact th {
	 padding: .4rem;
}


ul.jsontree_tree {
	list-style: none;
}


/* Dashmix */

.font-size-lg {
	font-size: 1.8rem!important;
}

label {
	font-weight: 600;
	margin-bottom: .3rem;
	font-size: 1.2rem;
	color: #444;
}

.content-header {
	height: 50px;
}

#page-container.page-header-fixed #main-container {
	padding-top: 50px;
}

.breadcrumb {
	padding: 2px 0;
}

.block-header {
	padding: 1rem 1.25rem;
}

.block-colored {
	background-color: #f7f7f7;
}

.block-header-default {
	background-color: #f5f5f5;
}

.block-title {
	font-size: 1.4rem;
	min-height: auto;
	line-height: 1em;
}

.block.block-fx-pop {
	box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
}

.block-on-white {
	border: 1px solid #d8dfe6;
	background-color: #f2f2f2;
	box-shadow: 0 1px 3px rgba(219,226,239,.5), 0 1px 2px rgba(219,226,239,.5);
}

.block-on-white > .block-header {
	background-color: #e6e6e6;
}

.border-left-wide {
	border-left-width: 8px!important;
}

.badge-lg {
	font-size: 85%;
}

@media (min-width: 768px) {
	.content.content-full { padding-bottom: 1rem; }

	.content {
		width: 100%;
		margin: 0 auto;
		padding: 1rem 1.2em 1px;
		overflow-x: visible;
	}
}

.nav-main-link.nav-main-link-submenu:after, .nav-main-link.nav-main-link-submenu:before {
	font-family: 'Font Awesome 5 Pro';
}


@media (min-width: 1590px) {
	.col-2xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-2xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-2xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-2xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-2xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-2xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-2xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-2xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-2xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-2xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-2xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-2xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-2xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-2xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-2xl-first {
		-ms-flex-order: -1;
		order: -1;
	}

	.order-2xl-last {
		-ms-flex-order: 13;
		order: 13;
	}

	.order-2xl-0 {
		-ms-flex-order: 0;
		order: 0;
	}

	.order-2xl-1 {
		-ms-flex-order: 1;
		order: 1;
	}

	.order-2xl-2 {
		-ms-flex-order: 2;
		order: 2;
	}

	.order-2xl-3 {
		-ms-flex-order: 3;
		order: 3;
	}

	.order-2xl-4 {
		-ms-flex-order: 4;
		order: 4;
	}

	.order-2xl-5 {
		-ms-flex-order: 5;
		order: 5;
	}

	.order-2xl-6 {
		-ms-flex-order: 6;
		order: 6;
	}

	.order-2xl-7 {
		-ms-flex-order: 7;
		order: 7;
	}

	.order-2xl-8 {
		-ms-flex-order: 8;
		order: 8;
	}

	.order-2xl-9 {
		-ms-flex-order: 9;
		order: 9;
	}

	.order-2xl-10 {
		-ms-flex-order: 10;
		order: 10;
	}

	.order-2xl-11 {
		-ms-flex-order: 11;
		order: 11;
	}

	.order-2xl-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-2xl-0 {
		margin-left: 0;
	}

	.offset-2xl-1 {
		margin-left: 8.333333%;
	}

	.offset-2xl-2 {
		margin-left: 16.666667%;
	}

	.offset-2xl-3 {
		margin-left: 25%;
	}

	.offset-2xl-4 {
		margin-left: 33.333333%;
	}

	.offset-2xl-5 {
		margin-left: 41.666667%;
	}

	.offset-2xl-6 {
		margin-left: 50%;
	}

	.offset-2xl-7 {
		margin-left: 58.333333%;
	}

	.offset-2xl-8 {
		margin-left: 66.666667%;
	}

	.offset-2xl-9 {
		margin-left: 75%;
	}

	.offset-2xl-10 {
		margin-left: 83.333333%;
	}

	.offset-2xl-11 {
		margin-left: 91.666667%;
	}
}


@media (min-width: 1890px) {
  .col-3xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-3xl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-3xl-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-3xl-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-3xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-3xl-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-3xl-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-3xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-3xl-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-3xl-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-3xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-3xl-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-3xl-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-3xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-3xl-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-3xl-last {
    -ms-flex-order: 13;
        order: 13;
  }
  .order-3xl-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-3xl-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-3xl-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-3xl-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-3xl-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-3xl-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-3xl-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-3xl-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-3xl-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-3xl-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-3xl-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-3xl-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-3xl-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .offset-3xl-0 {
    margin-left: 0;
  }
  .offset-3xl-1 {
    margin-left: 8.333333%;
  }
  .offset-3xl-2 {
    margin-left: 16.666667%;
  }
  .offset-3xl-3 {
    margin-left: 25%;
  }
  .offset-3xl-4 {
    margin-left: 33.333333%;
  }
  .offset-3xl-5 {
    margin-left: 41.666667%;
  }
  .offset-3xl-6 {
    margin-left: 50%;
  }
  .offset-3xl-7 {
    margin-left: 58.333333%;
  }
  .offset-3xl-8 {
    margin-left: 66.666667%;
  }
  .offset-3xl-9 {
    margin-left: 75%;
  }
  .offset-3xl-10 {
    margin-left: 83.333333%;
  }
  .offset-3xl-11 {
    margin-left: 91.666667%;
  }
}



@media (min-width: 2540px) {
	.col-4xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-4xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-4xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-4xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-4xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-4xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-4xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-4xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-4xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-4xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-4xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-4xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-4xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-4xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-4xl-first {
		-ms-flex-order: -1;
		order: -1;
	}

	.order-4xl-last {
		-ms-flex-order: 13;
		order: 13;
	}

	.order-4xl-0 {
		-ms-flex-order: 0;
		order: 0;
	}

	.order-4xl-1 {
		-ms-flex-order: 1;
		order: 1;
	}

	.order-4xl-2 {
		-ms-flex-order: 2;
		order: 2;
	}

	.order-4xl-3 {
		-ms-flex-order: 3;
		order: 3;
	}

	.order-4xl-4 {
		-ms-flex-order: 4;
		order: 4;
	}

	.order-4xl-5 {
		-ms-flex-order: 5;
		order: 5;
	}

	.order-4xl-6 {
		-ms-flex-order: 6;
		order: 6;
	}

	.order-4xl-7 {
		-ms-flex-order: 7;
		order: 7;
	}

	.order-4xl-8 {
		-ms-flex-order: 8;
		order: 8;
	}

	.order-4xl-9 {
		-ms-flex-order: 9;
		order: 9;
	}

	.order-4xl-10 {
		-ms-flex-order: 10;
		order: 10;
	}

	.order-4xl-11 {
		-ms-flex-order: 11;
		order: 11;
	}

	.order-4xl-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-4xl-0 {
		margin-left: 0;
	}

	.offset-4xl-1 {
		margin-left: 8.333333%;
	}

	.offset-4xl-2 {
		margin-left: 16.666667%;
	}

	.offset-4xl-3 {
		margin-left: 25%;
	}

	.offset-4xl-4 {
		margin-left: 33.333333%;
	}

	.offset-4xl-5 {
		margin-left: 41.666667%;
	}

	.offset-4xl-6 {
		margin-left: 50%;
	}

	.offset-4xl-7 {
		margin-left: 58.333333%;
	}

	.offset-4xl-8 {
		margin-left: 66.666667%;
	}

	.offset-4xl-9 {
		margin-left: 75%;
	}

	.offset-4xl-10 {
		margin-left: 83.333333%;
	}

	.offset-4xl-11 {
		margin-left: 91.666667%;
	}
}


.col-2xl, .col-2xl-1, .col-2xl-10, .col-2xl-11, .col-2xl-12, .col-2xl-2, .col-2xl-3, .col-2xl-4, .col-2xl-5, .col-2xl-6, .col-2xl-7, .col-2xl-8, .col-2xl-9, .col-2xl-auto,
.col-3xl, .col-3xl-1, .col-3xl-10, .col-3xl-11, .col-3xl-12, .col-3xl-2, .col-3xl-3, .col-3xl-4, .col-3xl-5, .col-3xl-6, .col-3xl-7, .col-3xl-8, .col-3xl-9, .col-3xl-auto,
.col-4xl, .col-4xl-1, .col-4xl-10, .col-4xl-11, .col-4xl-12, .col-4xl-2, .col-4xl-3, .col-4xl-4, .col-4xl-5, .col-4xl-6, .col-4xl-7, .col-4xl-8, .col-4xl-9, .col-4xl-auto {
	position: relative;
	width: 100%;
	padding-right: 14px;
	padding-left: 14px;
}


.back-to-top {
	background: rgba(208, 208, 208, 0.67);
	position: fixed;
	display: none;
	bottom: 20px;
	width: 50px;
	height: 50px;
	right: 20px;
	padding: 0;
	border-radius: 50%;
	color: #aaa;
	font-size: 26px;
	text-align: center;
}

#columnConstrains > .column-constrains-group > .form-group {
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}

#columnConstrains > .column-constrains-group > .form-group > label {
	font-size: 12px;
	color: #888888;
}

#columnConstrains .form-check > label.default {
	text-decoration: underline;
}

#columnConstrains .form-check-label {
	padding-left: 3px;
}

#columnConstrains .column-constrains-group {
	display: block;
	margin: 15px 0;
	border-bottom: 1px solid #ddd;
}


.svgico {
	display: inline-block;
	width: 1em;
	height: 1em;
}


.standardtable {
	border-collapse: collapse;
	background-color: #fff;
	width: 100%;
}
.standardtable td, .standardtable th {
	border: 1px solid #ccc;
	padding: 1px 3px 1px 3px;
}
.standardtable th {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #ddd;
	color: #333;
}

.standardtable tr td {
	color: #000;
	background-color: #efefef;
}

.standardtable tr.alt td {
	color: #000;
	background-color: #fcfcfc;
}

.standardtable .fett
{
	font-weight: bold;
}


.inventory-table {
	width: 100%;
}

.inventory-row {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px dashed #d9d9d9;
	margin-bottom: 10px;
}

.inventory-title-item {
	margin: 5px;
	font-weight: bold;
	text-align: left;
	display: block;
}

.inventory-item {
	width: 150px;
	height: 40px;
	margin: 5px;
	padding: 10px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
}