body {
	font-family: 'Roboto', Helvetica, Arial, SansSerif, serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
}

iframe {
	display:block;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

i.noEntries {
	line-height: 30px;
}

.helpbtn {position:absolute; max-width:100%; max-height:100%;}

.help,
.help-top-left, .help-top, .help-top-right,
.help-left, .help-center, .help-right,
.help-bottom-left, .help-bottom, .help-bottom-right
{position: relative;}

.help-inline > .helpbtn {display: inline; position: relative;}
.help-inline > .helpbtn > .helpimg {font-size: inherit; position: relative; top: 5%; vertical-align: unset; display: unset;}

.help-top-left > .helpbtn{top:5px; left:5px;}
.help-top > .helpbtn{top:5px; left:calc(50% - 10px);}
.help-top-right > .helpbtn, .help > .helpbtn{top:5px; right:5px;}
.help-left > .helpbtn{top:calc(50% - 10px); left:5px;}
.help-center > .helpbtn{bottom:calc(50% - 10px); right:calc(50% - 10px);}
.help-right > .helpbtn{top:calc(50% - 10px); right:5px;}
.help-bottom-left > .helpbtn{bottom:5px; left:5px;}
.help-bottom > .helpbtn{bottom:5px; left:calc(50% - 10px);}
.help-bottom-right > .helpbtn{bottom:5px; right:5px;}

.helpimg {color: #ffa400; text-shadow: 1px 1px #fdff2f; font-size: 20px; cursor: pointer; transition: ease 0.3s; -webkit-transition: ease 0.3s;}
.helpimg:hover {color: #ffee00; text-shadow: 1px 1px #d3ff71;}

.running_system_hint {
	float: left;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	font-size: 18px;
	padding: 0 6px;
	color:white;
	text-align: center;
	font-weight:bold;
	text-shadow: 0 0 1px gray,  0 0 1px gray,  0 0 1px gray,  0 0 1px gray;
	transition: all 0.4s;
}

.mobile_navigation {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 45px;
	text-align: center;
	z-index: 98;
	padding: 0;
	-webkit-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
	-moz-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, .5);
}

.headline {
	font-weight: bolder;
	margin-left: auto;
	margin-right: auto;
	height: 42px;
	font-size:26px;
	width:auto;
	text-align:center;

	line-height: 50px;
	z-index:10;
	cursor:pointer;
}

.main_navigation {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	width: 260px;
	font-size: 0.85rem;
	line-height: 23px;
	z-index: 1;
	display: block;

}

.navigation_trigger {
	display: none;
}

.trigger_button {
	margin: 2px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	cursor: pointer;
	z-index:999;

	text-shadow: 0 0 1px gray, 0 0 1px gray, 0 0 1px gray, 0 0 1px gray;
}

.trigger_button:hover {
	text-shadow: 0 0 1px silver, 0 0 1px silver, 0 0 1px silver, 0 0 1px silver;
}

.mobile_navigation .trigger_button {
	float:left;
}

.main_navigation .trigger_button {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.mobile_navigation h2 {
	color: black;
	opacity:0.6;
}

.todoCounter {
	color: silver;
	cursor: pointer;
	font-size: 33px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
	height: 40px;
}

.todoCounter > div {
	color: white;
	font-family: 'Roboto', Helvetica, Arial, SansSerif, serif;
	margin-top: -22px;
	font-size: 15px;
	font-weight: 600;
	overflow:hidden;
	height: 17px;
	max-width: 33px;
}

.todoCounter.loaded {
	color: black;
}
.todoCounter.exists {
	color: red;
}

.cartCounter {
	color: silver;
	cursor: pointer;
	font-size: 33px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
	height: 40px;
}

.cartCounter > div {
	color: white;
	font-family: 'Roboto', Helvetica, Arial, SansSerif, serif;
	margin-top: -25px;
	font-size: 15px;
	font-weight: 600;
	overflow:hidden;
	height: 17px;
	max-width: 33px;
}

.cartCounter.loaded {
	color: black;
}
.cartCounter.exists {
	color: red;
}

.main_navigation .menu {
	width: 260px;
	background-color: white;

	border-right: 2px solid gray;

	text-align: left;
	z-index: 99;

	overflow-y: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.main_navigation .menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main_navigation .menu ul ul {
	margin-left: 26px;
}

.main_navigation .menu ul li {
	padding: 0;
	text-shadow: 0 1px 0 #efefef;
	filter: dropshadow(color=#efefef, offx=0, offy=1);
	border-bottom: 1px solid silver;
}

.main_navigation .menu ul li .glyphicons {
	font-size: 18px;
	margin-top: -1px;
}

.main_navigation .menu ul ul li {
	border-top: 1px solid silver;
	border-bottom: 0;
}

.main_navigation li a div i {
	padding: 3px 8px 0 0;
}

li.user_logo {
	padding: 5px !important;
	border-bottom: 2px solid gray !important;
	text-align: center;
}

li div.both_sides {
	padding: 8px;
}

li div.left_side {
	float: left;
	width: calc(100% - 60px);
	padding: 8px 5px 8px 8px;
}

li div.right_side {
	width: 28px;
	float: right;
	color: black;
	cursor: pointer;
	padding: 8px 8px 8px 5px;
	border-left: 1px solid silver;
	text-align: center;
}

li div.right_side .glyphicons {
	padding: 0;
	padding-top: 3px;
}

li.barcode_search {
	height: 45px;
	padding: 0;
	border-bottom: 2px solid gray !important;
}

li.barcode_search div.right_side {
	padding: 5px;
}

li.barcode_search div.right_side .glyphicons {
	font-size: 30px;
}

li.barcode_search div.left_side {
	width: calc(100% - 45px);
	height: 100%;
	padding: 0;
}

li.barcode_search div.left_side input {
	font-size: 15px;
	line-height: 16px;
	padding: 13px;
	margin: 0;
	float: left;
	width: 100%;
	height: 100%;
	border: 0 !important;
}

.newsHint {
	width: auto;
	font-weight: bold;
	font-size: 12px;
	background-color: limegreen;
	color: white !important;

	text-align: center;

	text-shadow: 0 1px 0 #4d7a85;
	transition: all 0.4s;
}

.main_navigation .expander > a .glyphicons-chevron-right, .main_navigation .expander .glyphicons-chevron-right {
	display: none;
}
.main_navigation .expander > a .glyphicons-chevron-down, .main_navigation .expander .glyphicons-chevron-down {
	display: inline-block;
}
.main_navigation .expander.collapsed > a .glyphicons-chevron-right, .main_navigation .expander.collapsed .glyphicons-chevron-right {
	display: inline-block;
}
.main_navigation .expander.collapsed > a .glyphicons-chevron-down, .main_navigation .expander.collapsed .glyphicons-chevron-down {
	display: none;
}

/* BARCODE-SCHNELLSUCHE BOX - ENDE*/
.main_navigation_hider {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 240px;
	z-index: 9999997;
	display: none;
}

.main_contentpresenter {
	position :absolute;
	left: 260px;
	top: 47px;
	bottom: 0;
	right: 0;
	background-color: gray;
	text-align: left;

	-webkit-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
	-moz-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, .5);
}
.main_contentpresenter.initial {
	position :relative;
	margin: 10px auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.main_contentpresenter.initial .content {
	-webkit-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
	-moz-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, .5);
}

.main_contentpresenter .content {
	padding: 1em 2em 2em 2em;
	background-color: white;
	text-align: left;
}

.main_contentpresenter .footer {
	position: absolute;
	left: 0;
	right: 0;
	padding: 5px;
	color: black;
	font-size: 10px;
	text-align: center;
	line-height:20px;
	background-color: white;

	border-top: 2px solid gray !important;
}

.main_contentpresenter.initial .footer {
	background-color: transparent;
}

h1, h2, h3 {
}

h2:not(.withMargin), h3:not(.withMargin) {
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 20px;
}

hr {
	margin-top: 0;
	border-style: double;
}

label {
	display: block;
	font-size: 14px;
}

input {
	border: 0 solid #848484;
	font-size: 13px;
	font-family: Arial, Calibri, serif;
}

textarea {
	padding: 3px;
}

textarea.notResizeable {
	resize: none;
}

select, textarea {
	border: 1px solid black;
	font-size: 13px;
	font-family: Arial, Calibri, serif;
}

input[type="text"], input[type="number"], input[type="email"], input[type="color"], input[type="date"], input[type="tel"], input[type="password"], label.upload {
	background-color: #FFFFFF;
	border: 1px solid black;
	outline: 0;
	padding: 3px 5px;
	height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"].dbSuccessMsg {
	background-color: #b5edb7;
	border: 1px solid black;
	outline: 0;
	padding: 3px 5px;
	height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"].dbErrorMsg {
	border: 1px solid black;
	outline: 0;
	padding: 3px 5px;
	height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ff6653;
	background-color: rgba(255,69,0,0.4);
}

select {
	height:30px;
	background-color: #FFFFFF;
	outline: 0;
	padding: 3px 1px 3px 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: #4e4e4e;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: underline;
}

div.fieldMsg {
	color: black;
	font-size: 12px;
	background-color: #fdbfca;
	display: block;
	overflow: hidden;
	text-overflow: clip;
}

.table-scrollable {
	overflow-x: auto;
	width: 100%;
}

.fieldbox > .table-scrollable {
	max-height: 150px;
}

table.list_table {
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto !important;
	width: 100%;
}

table.list_table th:hover a.headLink {
	font-weight: bold;
	cursor: pointer;
}

table.list_table a.cellLink {
	display:block;
	text-decoration:none;
	color: black;

	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table.list_table td:hover a.cellLink {
	background-color: lightgray;
	cursor: pointer;

	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table.list_table span.selected_ASC {
	text-decoration: underline;
	font-weight: bold;
	background-size:auto 12px;
}

table.list_table span.selected_DESC {
	text-decoration: underline;
	font-weight: bold;
	background-size:auto 12px;
}

.selected_ASC:after {
	content: ' ▲';
}

.selected_DESC:after {
	content: ' ▼';
}

table.list_table b {
	font-weight: 600;
}

table.list_table td.cellLink {
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table.list_table td.cellLink:hover {
	background-color: #b6b6b6 !important;
	cursor: pointer !important;

	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table.list_table.hover tr:hover td{
	cursor:default;

	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table.list_table tr.cellLink {
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table tr.cellLink:hover td {
	cursor: pointer !important;

	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

table.list_table tr.cellLink.deactivated, .area.deactivated {
	color: gray;
}

table.list_table tr.cellLink.critical, .area.critical {
	color: red;
}

tr.linkRow.selected, tr.linkRow2.selected {
	font-weight: bold;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.linkRowSpecial {
	background-color: transparent;
}

.linkRowSpecial.selected {
	font-weight: bold;
	color: red;
	font-style: italic;
}

.elementDisabled {
	color: cornflowerblue;
	font-style: italic;
}

.elementDeleted {
	color: red;
	font-style: italic;
}

tr.linkRow.selected td, tr.linkRow2.selected td{
}

table.list_table th {
	font-weight: bold;
	padding: 1px 3px;
	color: white;
}

table.list_table.resizeable th {
	border-right: 1px dashed silver;
}

table th[align=center], table td[align=center] {
	text-align: center;
}

table.list_table th input[type=text] {
	width: 100%;
	border:1px solid silver;
	margin-top: 5px;
	margin-bottom: 3px;
}

table.list_table td {
	/*background-color: white;*/
	padding: 1px 3px;
}

table.list_table td input[type=text], table.list_table td input[type=email], table.list_table td input[type=color], table.list_table td input[type=date], table.list_table td input[type=tel] {
	width: 100%;
}

input[type=color] {
	padding: 0;
}

input[type=text].inactive, .inactive input[type=text],
input[type=number].inactive, .inactive input[type=number],
textarea.inactive, .inactive textarea,
select.inactive, .inactive select {
	background-color: #dddddd;
}

table.list_table td textarea {
	width: calc(100% - 4px);
}

table.list_table td select {
	width: 100%;
}

table.list_table td div.fieldbox {
	width: 100%;
}

table.list_table td, table.list_table th {
	overflow: hidden;
}

table.excelViewTable th {
	border: 1px solid lightgray;
	border-top: none;
}

table.excelViewTable td {
	border: 1px solid lightgray;
}

table.excelViewTable input {
	width: 120px;
}

.fieldbox {
	min-height:26px;
	vertical-align:middle;
	z-index:100;
}

.fieldbox_border {
	min-height:auto;
	vertical-align:middle;
	z-index:100;
	overflow-x:hidden;
	margin-bottom: 0;
}

.fieldbox .scrollinglist {
	border: 1px solid black;
	overflow-y: auto !important;
	max-height: 160px;
	text-align: center;
}

.scrollinglist.fixedheight {
	height: 300px;
	max-height: 300px;
	overflow-y: auto;
}

.scrollinglist .cellLink td {
	text-align: left;
}

table.list_table a.headLink {
	color: white;
}

.visitenkarte {
	margin:1em;
	padding: 0 1em 1em 1em;
	background-color: white;
	text-align: left;
	border:2px solid #848484;
	border-radius: 4px
}

/* ############# Zeilenwechsel-Effekt ############## */

table tr.cellLink:nth-child(1n+1), option:nth-child(1n+1) {
	background-color: #fefefe;
}

table tr.cellLink:nth-child(2n+1), option:nth-child(2n+1) {
	background-color: #f2f2f2;
}

table tr.cellLinkWithScript:nth-child(2n+1) {
	background-color: #fefefe;
}

table tr.cellLinkWithScript:nth-child(4n+1) {
	background-color: #f2f2f2;
}

table tr.cellLink:hover,  table tr.cellLinkWithScript:hover {
	background-color: #e2e2e2;
	cursor: pointer;
}

/* ############# BUTTONS ############## */

.btn {
	margin-bottom: 4px;
	padding: 4px 6px;
	/*border: 1px solid #005725;*/

	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	font-size: 12px;

	height: 30px;
	background-color: #efefef;
	border: 1px solid black;
	cursor: pointer;
}

.btn.inactive, .inactive .btn {
	cursor: default !important;
	border: 1px solid silver !important;;
	color: silver !important;
}

.btn.float-right {
	margin-right: 0;
	margin-left: 3px;
}

.btn.additional {
	border: 2px solid #848484 !important;
}

.btn.additional:hover {
	border: 2px solid black !important;
}

.btn.additional.inactive, .btn.additional.inactive:hover,
.inactive .btn.additional, .inactive .btn.additional:hover{
	border: 2px solid #848484 !important;
}

.btn.small {
	padding:0 !important;
	width:24px !important;
	height:24px !important;
}

.btn.micro {
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
	border: 0 !important;
	width: 12px !important;
	height: 12px !important;
}

.btn.nomargins {
	margin:0;
	padding:0;
}

.btn.notext {
	padding-right: 0;
}

.wide {
	width: 100%
}

.mobileBtnAlternate {
	display: none;
}

/*''''''' GLYPHICONS *******/

.glyphicons {
	top: 0;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
}

.btn .glyphicons {
	/*top: 1px;*/
	font-size: 17px;
	line-height: 15px;
	margin: 0 5px 0 0;
}
.btn.notext .glyphicons {
	padding-right: 0;
}

.btn.small .glyphicons {
	top: 0;
	font-size: 14px;
	margin: 2px;
}
.btn.micro .glyphicons {
	top: 0;
	font-size: 10px;
	margin: 0;
}

.page_selector .btn .glyphicons, .page_selector_main .btn .glyphicons {
	padding: 0;
	margin-right: 0;
}

.page_count_selector {
	float: left;
}

.btn.icon {
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 27px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-size: auto 18px;
}

div.icon {
	float:left;
	background-repeat: no-repeat;
	background-size: 12px 14px;
	background-position: center 2px;
	width:12px !important;
	height:20px !important;
}

.btn.colored.success {
	color:  white;
	background-color: green;
}

.btn.colored.error {
	color:  white;
	background-color: indianred;
}
.btn.colored:hover {
	border: 1px solid white;
}

div.area {
	margin-bottom: 10px;
}

div.area.print {
	background-color: white;
	padding: 5px;
	margin-top: 10px;
}

.autobox {
	float:left;
	padding: 3px;
}

.autobox.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
}

.autobox.fullscreen .tabheader {
	height:21px;
}

.autobox.fullscreen .fieldbox {
	height:auto;
	position:absolute;
	top:27px;
	left:6px;
	right:12px;
	bottom:12px;
}

.autobox.fullscreen  .CodeMirror {
	height: 100%;
	resize: none;
}

#htmlVorschau {
	width:calc(100% - 4px);
	background-color: white;
	height: 200px;
	border: 2px solid #848484;
	border-radius: 4px;
}

.autobox.fullscreen  #htmlVorschau {
	height: 100%;
}

.autobox.print {
	background-color: white !important;
	min-width: 140px;
}

.autobox .header {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	word-wrap: break-word;
}

.autobox.print .header {
	font-weight: bold;
	font-size: 100%;
}

.autobox.single {
	width: calc(20% - 6.1px);
}

.autobox.double {
	width: calc(40% - 6.1px);
}

.autobox.half {
	width: calc(50% - 6.1px);
}

.autobox.part1von3 {
	width: calc(33.33% - 6.1px);
}

.autobox.part2von3 {
	width: calc(66.66% - 6.1px);
}

.autobox.part1von4 {
	width: calc(25% - 6.1px);
}

.autobox.part1von5 {
	width: calc(20% - 6.1px);
}

.autobox.part1von6 {
	width: calc(10% - 6.1px);
}

.autobox.part1von2 {
	width: calc(50% - 6.1px);
}

.autobox.part3von4 {
	width: calc(75% - 6.1px);
}

.autobox.part3von8 {
	width: calc(37.5% - 6.5px);
}

.autobox.full {
	width: calc(100% - 6.1px);
}

.autobox.part1von3.noPadding, .autobox.part2von3.noPadding, .autobox.noPadding {
	padding: 0;
}

button.part1von3 {
	width: calc(33% - 1px);
	text-align: center;
}


.autobox .fieldbox select, .autobox .fieldbox input {
	width:100%;
}

.autobox .fieldbox input[type=radio], .autobox .fieldbox input[type=checkbox] {
	width:auto;
}

.autobox .fieldbox textarea {
	width: calc(100% - 8px);
}

div.action_bar {
	clear: both;
	overflow: hidden;
}

div.action_bar .center {
	overflow: hidden;
	display: block;
	text-align: center;
}

div.action_bar .right {
	float: right;
	display: block;
	text-align: right;
}

div.dbSuccessMsg {
	padding: 5px 10px;
}

div.dbErrorMsg {
	padding: 5px 10px;
}

/*Prüfgegenstand-Struktur*/
div.structure {
	margin-bottom:20px;
}

div.structure .groupheader {
	font-weight: bold;
	font-size: 14px;
	color: white;
	padding: 2px 2px 2px 6px;
	min-height: 22px;
	line-height: 22px;
}

div.structure .container {
	background-color: white;
	border-top: 0;
	font-weight: normal;
	margin-top: 0;
	padding:5px;
	color: #2e2e2e;
	font-size: 12px;
}

div.structure .area, div.structure .area .autobox  {
	background-color: transparent;
}

.structure .container > ul {
	padding-left: 12px;
	margin: 10px;
	list-style: disclosure-closed;
}

.root {
	background-color: white;
	margin-top:2px;
	padding: 0 0 0 0;
	font-size: 13px;
	line-height: 18px;
}

.root .glyphicons {
	color: silver;
	margin-left: 4px;
	margin-top: 3px;
}

.root.add {
	position: inherit;
	bottom:0;
	padding: 3px 2px 2px 25px;
}

.node, .leaf {
	background-color: white;
	margin-top:0;
	padding: 2px 0 0 5px;
	line-height: 18px;
	font-size: 12px;
}

.node {
	padding-left: 19px;
	background-repeat:no-repeat;
	background-size:11px;
	background-position: 3px 5px;
}

.node.collapsed {
	font-weight:bold;
	transition: all 0.4s;
}

.leaf {
	padding-left: 20px;
	text-decoration: underline;
}

.root:hover, .node:hover:not(.selected), .leaf:hover:not(.selected)  {
	color: black;
}

.root:hover, .node:hover, .leaf:hover  {
	cursor: pointer;
}

.collapseswitch, .collapseswitchSpecial {
	position: relative;
	margin-left: -18px;
	margin-right: 2px;
	padding-top: 3px;
	padding-left: 3px;
	width: 14px;
	height:14px;
	float:left;
	color: silver;
}

.struktur_childs
{
	border-left: 1px dashed silver;
	margin-left: 10px;
}

div.structure_details {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

div.breadcrumb{
	display: inline-block;
	width:auto;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
}

div.breadcrumb .glyphicons {
	margin: 2px 2px 0 0;
}

.clickable:hover {
	cursor: pointer;
	text-decoration: underline;
}

.inner_list {

}

.inner_list_header {
	margin:4px 4px 0 4px;
	padding:1px 2px;
	background-color: #848484;
	font-weight: bold;
	color:white;
}
.inner_list {
	margin:0 4px 4px 4px;
	min-height:100px;
	max-height:200px;
	border:2px solid #848484;
	overflow-y: scroll;
	padding-bottom: 2px;
}

.dbSuccessMsg {
	background-color: #b5edb7;
}

.dbErrorMsg {
	background-color: #ff6653;
	background-color: rgba(255,69,0,0.4);
}

/* Prüfgegenstand-Verwaltung */
#pagewrap {
	padding: 0;
	width: 100%;
}

.left_content {
	width: 25%;
	float: left;
}

.right_content {
	width: calc(75% - 20px);
	float: right;
}

.expandable .container {
	height: auto;
	max-height: 2000px;
	transition: all 0.3s;
	overflow-y: auto;
}

.left_content .container, .right_content .container {
	height: 360px;
	overflow-y: auto;
}

#middle {
	width: calc(75% - 10px); /* Account for margins + border values */
	float: right;
}

#pagewrap, #content, #middle {
	border: solid 0 #ccc;
}

.page_selector_main {
	float:right;
	font-size: 14px;
}
.page_selector_main a div {
	margin-left: 6px;
	display:inline;
	padding: 2px 6px;
}

.page_selector_main a div.active {
	background-color: white;
	font-weight: bold;
	text-decoration: underline;
}

.page_selector_main button:not(.end) {
	margin-right:0;
	margin-left: 5px;
	float: left;
}

.page_selector_main input.seitenwechsel {
	width: 50px;
	text-align: center;
	margin-left: 5px;
}

.page_selector_main button .end {
	float: right;
}

.page_selector {
	float:right;
	font-size: 14px;
	/*margin: 6px 0;*/
}
.page_selector a div {
	margin-left: 6px;
	display:inline;
	padding: 2px 6px;
}

.page_selector a div.active {
	background-color: white;
	font-weight: bold;
	text-decoration: underline;
}

.page_selector button {
	margin-right:0;
}

.page_selector input.seitenwechsel {
	width: 50px;
	text-align: center;
}

.action_selector, .action_selector_main {
	float:left;
	font-size: 14px;
	margin: 6px 0;
	width: 100%;
}
.action_selector select, .action_selector button, .action_selector_main select, .action_selector_main > button {
	float:left;
	margin-right: 5px;
}

.action_selector div, .action_selector_main div:not(.page_selector_main) {
	float: left;
}

.action_selector div button {
	height: 30px;
	margin: 0 5px 0 -5px;
}

.action_selector div input[type=text] {
	border-right: 0;
}

.action_selector input[type=text],
.action_selector_main input[type=text],
.page_selector_main .seitenwechsel {
	float: left;
	margin-right: 5px;
	height: 30px;
}

.action_selector input[name="zeitraumVon"],
.action_selector input[name="zeitraumBis"],
.action_selector_main input[name="zeitraumVon"],
.action_selector_main input[name="zeitraumBis"],
.action_selector_main input[id="datepickerFrom"],
.action_selector_main input[id="datepickerTo"]{
	width: 85px;
	text-align: center;
}


.action_selector .dbErrorMsg, .action_selector .dbSuccessMsg, .action_selector_main .dbErrorMsg, .action_selector_main .dbErrorMsg {
	padding:0 4px;
}

#scanner-container {
	position:fixed;
	left:calc(50% - 512px);
	top:calc(50% - 360px);
	z-index:9999999;
	display:none;
	background-color:silver;
}

#scanner-container video {
	position:absolute;
	width: 1024px !important;
	border-radius:4px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#scanner-container .drawingBuffer {
	position:absolute;
	width: 1024px !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#scanner-container h1 {
	width: 1028px;
	position:absolute;
	top: -50px;
	color: white;
	text-align: left;
}

.nice_title {
	position: inherit;
	margin-top: -15px;
	margin-left: -26px;
	padding-right: 52px;
	width: 100%;
	cursor: pointer;
}

.nice_title:hover {
	background-color: rgba(0,255,0,0.1);
}

.nice_title div {
	display: inline-block;
	font-size: 42px;
	background-color: #009036;
	color: white;
	padding: 10px 15px;
	width: auto;
	margin: 10px auto 0 0;
}

.hint {
	float: left;
	width: calc(20% - 10px);
	padding:5px;
}

.hint .pikto {
	width: 80%;
	height: 80px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: auto auto 10px auto;
}

.hint .title {
	text-align: center;
	font-size: 12px;
}

.expander {
	cursor: pointer;
}
.expander > h2 {
	margin: 5px 0;
}
.expander > h2 .glyphicons {
	margin-right: 5px;
	top: 2px;
}
.expander > h2 .glyphicons-chevron-right {
	display: none;
}
.expander > h2 .glyphicons-chevron-down {
	display: inline-block;
}
.expander.collapsed > h2 .glyphicons-chevron-right {
	display: inline-block;
}
.expander.collapsed > h2 .glyphicons-chevron-down {
	display: none;
}
.expander.collapsed .expandable {
	height: 0;
	transition: all 0.4s;
	overflow: hidden;
	cursor: pointer;
}

.dateHint {
	height: 28px;
	cursor: help;
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	background-color: gold;
	display: inline;
	width: 45px;
	margin-top: 0;
	margin-left: 0;
	text-align: center;
	border: 1px solid black;
	border-left: 0;
}
.dateHint.fix {
	background-color: gold;
}
.dateHint.auto {
	background-color: #b5edb7;
}

.hoverRow {
}

.hoverRow:hover {
}

.hoverRow:hover > div {
}

.entryEditBox {
	padding: 0;
	margin-top: -32px;
	display: none;
	position: relative;
	z-index: 20;
}
.entryEditBox input[type=file] {
	background-color: white;
}
.entryEditBox td input[type=file], .entryEditBox td input[type=text], .entryEditBox td input[type=number], .entryEditBox td select {
	width: 100%;
}
.entryEditBox td textarea, .entryEditBox td input[type=button] {
	width: calc(100% - 4px);
	margin: 0;
}

.pdf_footer_scrollable {
	max-width: 210mm;
	padding: 0;
	background-color: white;

	overflow-x: auto;
}

.pdf_footer_body {
	min-height: 10px;
	width: 210mm;
	padding:0;
	overflow:hidden;
}

.expandable > .groupheader .glyphicons-chevron-right, .expandable > .tab .glyphicons-chevron-right, .expandable > .groupheader .glyphicons-chevron-down, .expandable > .tab .glyphicons-chevron-down {
	display: none;
}

.expandable > .groupheader .glyphicons {
	top: 0;
}

.expandable > .groupheader .glyphicons-chevron-right, .expandable > .tab .glyphicons-chevron-right {
	display: none;
}

.expandable > .groupheader .glyphicons-chevron-down, .expandable > .tab .glyphicons-chevron-down {
	margin-right: 2px;
	top: 4px;
	display: inline-block;
}

.expandable.collapsed > .groupheader .glyphicons-chevron-right, .expandable.collapsed > .tab .glyphicons-chevron-right {
	margin-right: 2px;
	top: 4px;
	display: inline-block;
}

.expandable.collapsed > .groupheader .glyphicons-chevron-down, .expandable.collapsed > .tab .glyphicons-chevron-down {
	display: none;
}

.expandable.collapsed .container {
	overflow: hidden;
	opacity: 0;
	max-height: 0;
	padding: 0;
}

.scrollbox {
	height: auto;
	max-height: 200px;
}

.scrollboxHeigher {
	height: 250px;
}

/**** Eigener DropDown-Button START ****/

.btndropdown {
	margin-bottom: 4px;
	font-size: 12px;
	height: 30px;
	background-color: white;
	border: 1px solid black;
	cursor: pointer;
}

.btndropdown .glyphicons {
	top: 2px;
	left: 4px;
}

.btndropdown_full {
	float: left;
	margin-left: 5px;
}

.btndropdown_small {
	display: none;
}

/**** Eigener DropDown-Button ENDE ****/

/**** Eigenes DropDown-Div START ****/
div.btn {
	height: 28px;
	padding: 0 0 0 5px;
	line-height: 28px;
}

div.btn .glyphicons {
	top: 6px;
	font-size: 12px;
	margin: 0 4px 0 5px;
}
/**** Eigenes DropDown-Div ENDE ****/

/**** Tooltipster DropDown START ****/
.tooltipster-sidetip.tooltipster-light.tooltipster-light-dropdown .tooltipster-box {
	background-color: white;
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.4);
	min-width: 160px;
	width: auto;
	border-radius: 0;
	margin-left: -50%;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-dropdown .tooltipster-content {
	padding: 0;
	max-height: 400px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-dropdown .tooltipster-content div {
	cursor: pointer;
	padding: 2px 5px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-light-dropdown .tooltipster-content div:hover:not(.noHover) {
	background-color: #ddd;
	border: 1px solid gray;
	padding: 1px 4px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-light-dropdown {
	background-color: #ddd;
}

.tooltipster-content div:nth-child(1n+1) {
	background-color: #fefefe;
}

.tooltipster-content div:nth-child(2n+1) {
	background-color: #f2f2f2;
}

.tooltipster-content .glyphicons {
	margin-right: 6px;
}
/**** Tooltipster DropDown ENDE ****/

.warningText {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	color: red;
}

.infoText {
	text-align: center;
	font-size: 15px;
	margin: 20px 0;
	color: blue;
}

.circle {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	display: inline-block;
}

.sliderBox {
	width: 50px !important;
	height: 20px !important;
	margin-top: 5px;
	text-align: center;
}

#ieWarning {
	position: fixed;
	left: 275px;
	top: 6px;
	display: none;
}

#ieWarning > .glyphicons {
	height: 40px;
	font-size: 33px;
	float: left;
}

#ieWarning > label {
	float: left;
}

/*''''''' TABCONTROL - START *******/

.tabheader {
	background-color: white;
	margin-right: 2px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	padding: 1px 6px;
	min-height: 22px;
	line-height: 22px;
	float: left;
	cursor: pointer;
	transition: 0.3s;
	text-align: left;
}

.tabheader:hover {
	cursor: pointer;
}

.tabheader.active {
	color: white;
	cursor: default;
}

.tabheader.single {
	color: white;
	cursor: default;
	width: 100%;
	margin: 0;
}

.tabPage {
	margin-top: -2px;
	border-top: 0;
}
/*''''''' TABCONTROL - ENDE *******/

.box_pruefobjekt{
	min-width:calc(50% - 17px);
	max-width:calc(50% - 17px);
	margin-right: 5px;
	border-width: thin;
	border-color: black;
	background-color:white;
	border-style: solid;
	margin-bottom:5px;
	padding: 5px;
	box-shadow: 2px 2px lightgrey;
}

.linkRow .feature_image{
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.box_pruefobjekt .feature_image{
	display: block;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right:10px;
	float:left;
}

.feature_image.mobile
{
	display: none !important;
}

.notshown {
	display: none !important;
}

.box_pruefobjekt .feature_caption {
	width: 200px;
	font-weight: bold;
	float: left;
	margin-bottom: 2px;
}

.box_pruefobjekt .feature_value {
	width: calc(100% - 200px);
	float: left;
	margin-bottom: 2px;
}

.box_pruefobjekt.deactivated {
	color: gray;
}

.box_pruefobjekt.critical {
	color: red;
	border-color: red;
}

#ulWorkingDays {
	list-style: none;
	padding-left: 0;
	margin-top: 5px;
}

#ulWorkingDays > li {
	display: inline-block;
	width: 40px;
}

.filterTextbox {
	padding: 0 !important;
	margin: 0 !important;
	height: 20px !important;
	font-size: x-small;
	font-family:Arial,
	FontAwesome,serif;
}

.editingValueBox {
	display: none;
	height: unset !important;
	background-color: lightyellow !important;
}

#imgStructureImage:hover {
	cursor: zoom-in;
}

.fakepointer {
	cursor: pointer;
}

.sorting_ASC:after {
	content: ' ▲';
}

.sorting_DESC:after {
	content: ' ▼';
}

.addtionalInput {
	width: 75px !important;
	height: 16px !important;
	font-size: 11px;
}

.blinkRedElement {
	font-size: 25px;
	color: red;
	line-height: 30px;
	animation: blinkRedElement 1.0s linear infinite;
	margin: 0 10px;
}

@keyframes blinkRedElement {
	50% { opacity: 0; }
}

.tdPropsArticle {
	width: 48%;
}

.tdPropsStructure {
	width: 47%;
}

legend {
	margin-left: 5px;
}

/*Rückmeldung*/
#conReturnMessage {
	position: fixed;
	min-height: 25px;
	box-shadow: 0 0 10px 10px rgba(220,220,220, 0.9);
	display: none;
	z-index: 2;
	right: 0;
	left: 260px;
}

#conReturnMessage > div {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 20px;
	color: rgb(57, 57, 57);
}

#conReturnMessage > .dbSuccessMsg {
	background-color: rgba(0,255,0,0.9);
}

#conReturnMessage .dbErrorMsg {
	background-color: rgba(255,0,0,0.9);
}

/*Anpassungen hier bitte auch immer in der Methode "senden" innerhalb der Klasse "Utf8HtmlMail.php" vornehmen!*/
.tableStyledForMails {
	border: 1px solid black;
	border-collapse: collapse;
}

/*Anpassungen hier bitte auch immer in der Methode "senden" innerhalb der Klasse "Utf8HtmlMail.php" vornehmen!*/
.tableStyledForMails td, .tableStyledForMails th {
	border: 1px solid black;
	padding: 8px;
}

.tableWithoutBorder {
	border-spacing: 0;
}

.tableWithoutBorder td {
	border: none;
	padding: 0 5px
}

@media screen and (min-width: 1281px) {
	.main_navigation {
		display: block;
		z-index:99;
	}

	.main_navigation .trigger_button {
		display: none;
	}
}

@media screen and (min-width: 1025px) {
	.expandable:not(.mobile) > .groupheader:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	.expandable.collapsed.mobile .container {
		overflow: auto;
		opacity: 1;
		max-height: initial;
		padding: 5px;
	}

	.expandable.mobile > .groupheader .glyphicons-chevron-right, .expandable.mobile > .tab .glyphicons-chevron-right,
	.expandable.mobile > .groupheader .glyphicons-chevron-down, .expandable.mobile > .tab .glyphicons-chevron-down {
		display: none;
	}

	.scrollbox {
		height: 200px;
	}
}

@media screen and (max-width: 1710px) {
	.tdPropsArticle {
		width: 47%;
	}
}

@media screen and (max-width: 1580px) {
	.tdPropsStructure {
		width: 46%;
	}
}

@media screen and (max-width: 1305px) {
	.tdPropsStructure {
		width: 45%;
	}
}

@media screen and (max-width: 1280px) {
	.main_navigation {
		margin-left: -265px;
		z-index:1000;

		-webkit-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
		-moz-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
		box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, .5);

		-webkit-transition: ease 0.3s;
		transition: ease 0.3s;
	}

	.main_navigation.shown {
		margin-left: 0;

		width: auto;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.main_navigation .menu {
		border: 0;
	}

	.main_navigation.shown .menu {
		box-shadow: 3px 7px 10px 1px rgba(90, 90, 90, .5);
	}

	.main_navigation.shown .hider {
		cursor: pointer;
		position: absolute;
		left: 260px;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(90, 90, 90, .3);
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.navigation_trigger {
		display: block;
	}

	.main_contentpresenter {
		left: 0;
	}

	#content {
		width: 30%;
		float: left;
	}

	#middle {
		width: 69%;
		float: right;
	}

	#ieWarning {
		left: 60px;
	}

	/*Rückmeldung*/
	#conReturnMessage {
		left: 0;
	}
}

@media screen and (max-width: 1024px) {
	.nomobile {
		display: none;
	}

	.autobox.part1von3.preResize {
		width: calc(100% - 6px);
		width: -moz-calc(100% - 6px);
		width: -webkit-calc(100% - 6px);
	}

	#scanner-container {
		left: calc(50% - 320px);
		top: calc(50% - 180px);
	}

	#scanner-container video, #scanner-container .drawingBuffer {
		width: 640px !important;
	}

	#scanner-container h1 {
		width: 645px;
	}

	.left_content, .right_content {
		width: 100%;
		float: initial;
	}

	.left_content .container, .right_content .container {
		height: auto;
		max-height: 360px;
	}

	#ieWarning {
		left: 50px;
	}

	.box_pruefobjekt{
		min-width: calc(50% - 20px);
		max-width: calc(50% - 20px);
		margin-right: 5px;
	}

	.tdPropsArticle {
		width: 46%;
	}
}

@media screen and (max-width: 900px) {
	.action_selector:not(.fullActionBar) {
		max-width: 480px;
	}

	#ieWarning label {
		font-size: 10px;
	}

	.box_pruefobjekt .feature_image{
		display: none;
	}

	.box_pruefobjekt .feature_value {
		width: 100%;
		float: none;
	}

	.feature_image.mobile
	{
		display: block !important;
	}
}

@media screen and (max-width: 780px) {
	.tdPropsArticle {
		width: 45%;
	}
}

@media screen and (max-width: 750px) {
	.running_system_hint {
		top: 14px;
		font-size: inherit;
	}

	.main_contentpresenter {
		padding: 0;
	}

	.main_contentpresenter .content, .main_contentpresenter.initial .content {
		padding: 10px;
		margin: 0;
		border: none;
		transition: all 0.4s;
	}

	.main_contentpresenter, .main_contentpresenter.initial {
		position: absolute;
		padding: 0;
		margin: 0;
		border: none;
	}

	.nice_title {
		padding-right: 35px;
	}

	.nice_title div {
		font-size: 30px;
		padding-left: 35px;
	}

	.hint {
		width: 100%;
		padding: 0;
		display:flex;
		align-items: center; /* Vertical center alignment */
		justify-content: center;
	}

	.hint .pikto {
		float: left;
		width: 80px;
		height: 60px;
		margin: 10px;
	}

	.hint .title {
		float: left;
		width: calc(100% - 110px);
		height: auto;
		margin: 5px;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}

	.autobox.single {
		width: calc(50% - 6px);
	}

	.autobox.double {
		width: calc(100% - 6px);
	}

	.autobox.part1von3, .autobox.part2von3 {
		width: calc(50% - 6px);
	}

	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 16px;
	}
	h3{
		font-size: 14px;
	}
	h4 {
		font-size: 12px;
	}

	#content {
		width: auto;
		float: none;
	}

	#middle {
		width: auto;
		float: none;
		margin-top: 10px;
	}

	.btn.mobilebtn {
		width: 30px;
		padding: 4px 5px;
		text-align: center;
	}

	.btn.mobilebtn .glyphicons {
		margin: 0;
	}

	.btn.icon.mobilebtn {
		width: 30px !important;
		padding: 0 !important;
		content: unset !important;
		text-indent: -9999px !important;
		background-position: center center !important;
	}

	.btn.mobilebtn span {
		display: none;
	}

	.mobileBtnAlternate {
		display: block;
	}
}

@media screen and (max-width: 700px) {
	.action_selector button:not(.mobilebtn), .action_selector .btndropdown, .action_selector_main .btndropdown {
		margin: 0 5px 5px 0;
		width: calc(50% - 6px);
	}

	.action_selector_main div:first-child {
		margin-bottom: 5px;
	}

	.action_bar_check_list{
		flex-flow: nowrap;
		width: 100%;
	}

	#ieWarningSign1, #ieWarning > label {
		display: none;
	}

	.blink-one {
		animation: blinker-one 1.4s linear infinite;
	}
	@keyframes blinker-one {
		100% { opacity: 0; }
	}
}

@media screen and (max-width: 640px) {
	.box_pruefobjekt{
		min-width: calc(100% - 10px);
		max-width: 100%;
		margin-right: 5px;
	}

	#scanner-container {
		left:calc(50% - 240px);
		top:calc(50% - 180px);
	}

	#scanner-container video, #scanner-container .drawingBuffer {
		width: 480px !important;
	}

	#scanner-container h1 {
		width: 485px;
	}

	.autobox.part1von4, .autobox.part3von4, .autobox.part1von5 {
		width: calc(50% - 6px);
	}

	.autobox.part3von8 {
		width: calc(25% - 6px);
	}

	.autobox.part1von3, .autobox.part2von3, .autobox.part1von2 {
		width: calc(100% - 6px);
	}

	.tdPropsArticle {
		width: 44%;
	}

	.tdPropsStructure {
		width: 44%;
	}
}

@media screen and (max-width: 525px) {
	.tdPropsArticle {
		width: 43%;
	}

	.tdPropsStructure {
		width: 43%;
	}
}

@media screen and (max-width: 480px) {

	.headline {
		font-size: 20px;
		max-width: 240px;
	}

	.nice_title div {
		font-size: 25px;
		padding-left: 25px;
	}

	.mobile_navigation h2 {
		font-size: 16px;
	}

	.autobox.part3von8 {
		width: calc(50% - 6px);
		width: -moz-calc(50% - 6px);
		width: -webkit-calc(50% - 6px);
	}

	.autobox.single, .autobox.double, .autobox.full, .autobox.half {
		max-width: 100%;
		width: calc(100% - 6px);
	}

	#scanner-container {
		top:0;
		bottom:0;
		left:0;
		width:100%;
	}

	#scanner-container h1 {
		top:0;
		width: 100%;
	}

	#scanner-container video, #scanner-container .drawingBuffer {
		top: 50px;
		max-width: calc(100% - 4px) !important;
		max-height: calc(100% - 4px) !important;
	}

	#closeScanner {
		line-height: 20px !important;
	}

	.tabheader {
		width:50%;
		flex-grow: 1;
		margin-right: 0;
	}

	.tabheader.active {
		width:50%;
		flex-grow: 1;
	}

	.action_selector {
		width: 175px;
	}
}

@media screen and (max-width: 375px) {
	.action_selector button:not(.mobilebtn) {
		width: 100% !important;
	}

	.action_selector  {
		width: 145px;
	}

	.action_selector input[type="text"] {
		margin: 0;
		margin-right: 5px;
		width: calc(50% - 3px);
	}

	.action_bar_check_list {
		width:145px;
	}

	.autobox.part1von5.fill, .autobox.part3von8.fill  {
		width: calc(100% - 6px);
	}
}

@media screen and (max-width: 360px) {
	.headline {
		font-size: 16px;
		max-width: 200px;
	}

	.autobox.part1von4, .autobox.part3von4, .autobox.part1von5  {
		max-width: 100%;
		width: calc(100% - 6px);
	}
}

@media screen and (max-height: 600px) {
	.scrollinglist.fixedheight {
		height: 160px;
	}
}

/* DATE PICKER STYLE */
/* DatePicker Container */
.ui-datepicker {
	height: auto;
	margin: 1px;
	font-size: 9pt;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker select {
	font-size:8pt;
}
.ui-datepicker-header {
	color: #e0e0e0;
	font-weight: bold;
	line-height: 30px;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	cursor: pointer;
	background-image: url('../files/img/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -34px;
}
.ui-datepicker-next {
	float: right;
	background-position: center -4px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0 0 #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
	font-size:8pt;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #666666;
	text-shadow: 1px 1px 0 #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: 1px 1px 0 0 rgba(110, 110, 110, .5);
	-moz-box-shadow: 1px 1px 0 0 rgba(110, 110, 110, .5);
	box-shadow: 1px 1px 0 0 rgba(110, 110, 110, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	color: #e0e0e0;
	text-shadow: 0 1px 0 #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	/*height: 29px;*/
	margin-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	color: black;
}

.ui-dialog {
	z-index: 9999999;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
.width_auto {
	width: auto !important;
}

.fadeoutMsg {
	max-height:200px;
}

.fadeoutMsg.hidden {
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.tooltip:hover {
	cursor: help;
}
.tooltip_templates {
	display: none;
}

input.withaddition_1 {
	float: left;
	width: calc(100% - 24px) !important;
}
input.withaddition_2 {
	float: left;
	width: calc(100% - 48px) !important;
}

.inputaddition {
	float:left;
	height: 30px !important;
	width: 24px !important;
	border-left: 0 !important;
	padding: 0 3px !important;
	margin: 0 !important;
	background-position: center center !important;
	text-align: center;
}

/*''''''' COLOR-PICKER - START *******/

.sp-replacer, .sp-replacer:hover, .sp-replacer:active {
	margin-left: 0;
	margin-right: 0;
	width: calc(100% - 2px);
	padding: 0;
	border: 1px solid #848484;
}
.sp-replacer:hover, .sp-replacer.sp-active {
	border-color: #848484;
}
.sp-preview {
	width: 100%;
	padding: 0;
	border: 0;
}
.sp-dd {
	display: none;
}
.sp-top {
	margin: 0;
}

.sp-container {
	border: 1px solid #848484;
	padding: 2px;
	z-index: 9999999;
}

.sp-input-container {
	width: 105px;
}

.sp-picker-container {
	padding: 3px 3px 289px 3px;
	border: 0;
}

.sp-initial, .sp-input, .sp-input:focus {
	border-radius: 0;
	border-color: #848484;
}

.sp-initial span {
	height: 22px !important;
}

/*''''''' COLOR-PICKER - ENDE *******/


.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-both{
	clear: both;
}
/*''''''' Signatur - START *******/

.signatureparent {
	background-color: silver;
	padding: 10px;
	font-size: 10px;
}

.jSignature {
	background-color: white !important;
}

html.touch #content {
	float:left;
	width:92%;
}

.previewSign {
	border: 1px solid silver;
	display: none;
}

/*''''''' Signatur - ENDE *******/

.modal {
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	background-color: transparent;
	box-shadow: unset;
}

.modalImage {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: none;
}

.pictureBox {
	height: 40px;
	width: 150px;
	margin-left: 75px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.pictureBox:hover {
	cursor: pointer;
}

.blocker {
	z-index: 9999999;
}

.custom-combobox-toggle {
	float: right;
	width: 23px !important;
	height: 30px;
	padding: 10px 5px;
	margin-left: -1px;
	border-radius: 0;
	border: 1px solid black !important;
}

.custom-combobox-input {
	float: left;
	padding: 3px 5px;
	height: 22px;
	width: calc(100% - 35px) !important;
	border-radius: 0;
	border: 1px solid black !important;
	border-right: 0 !important;
	background-color: white;
}

li.ui-menu-item:nth-child(1n+1) {
	background-color: #fefefe;
}

li.ui-menu-item:nth-child(2n+1) {
	background-color: #f2f2f2;
}

.ui-widget-content.ui-autocomplete {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
	z-index: 9999999;
}

.dialog_bg .ui-autocomplete {
	position: fixed;
}

/**** custom-combobox ENDE ****/

.ui-slider-horizontal {
	margin: 3px 8px 0 8px;
}
.slider-label {
	width: 100%;
	text-align: center;
	font-size: 10px;
}
.ui-corner-all {
	border-radius: unset;
}
.ui-slider-handle {
	background-color: #d0d0d0;
	width: 5px !important;
	cursor: pointer !important;
	border: 1px solid black !important;
}
.ui-widget.ui-widget-content {
	border: 1px solid black;
}

/**** VIDEO TAG START ****/
video {
	display:block;
	cursor:pointer
}

video::-internal-media-controls-download-button {
	display:none;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
/**** VIDEO TAG ENDE ****/

.ckeditor-container {
	border: 1px solid black;
	border-radius: 0;
}

.imgbox {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.containerTable {
	overflow-y: auto;
	height: 305px;
}

.containerTable table.list_table {
	border: unset;
}

input.iconed {
	border-right-width: 0;
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-radius: 0;
}

.autobox.full.iconed {
	width: calc(100% - 30px) !important;
}

.input-icon {
	display: inline;
	width: 30px;
	border-color: black !important;
	border-left-width: 0 !important;
	background-color: white;
	border-radius: 0;
}

table.list_table th input[type="text"] {
	border-right-width: 0;
}

table.list_table th input[type="text"]+.input-icon {
	margin-top: 5px;
	border-color: silver !important;
}

.sp-quantity {
	width: 135px;
	min-width: 135px;
	height: 40px;
	margin: 0 10px;
}

.sp-minus {
	width: 40px;
	height: 35px;
	border: 1px solid black;
	float: left;
	text-align: center;
}

.sp-input {
	width: 40px;
	height: 35px;
	border: 1px solid black;
	border-left: 0 solid black;
	float: left;
	padding: 0;
}

.sp-plus {
	width: 40px;
	height: 35px;
	border: 1px solid black;
	border-left: 0 solid black;
	float: left;
	text-align: center;
}

.sp-input input {
	width: 40px;
	text-align: center;
	border: none;
	height: 35px;
}

.sp-input input:focus {
	border: 1px solid #e1e1e1;
}

.sp-minus span, .sp-plus span {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 20px;
}

.sp-minus span {
	line-height: 32px;
}

.sp-plus span {
	line-height: 35px;
}

.sp-plus:not(.inactive) span:hover, .sp-minus:not(.inactive) span:hover {
	cursor: pointer;
}

.sp-plus.inactive, .sp-minus.inactive {
	color: lightgrey;
}

.sp-plus.inactive span:hover, .sp-minus.inactive span:hover {
	cursor: not-allowed;
}

.deleteSymbol:hover {
	cursor: pointer;
}

.cartPositionPicture {
	width: 20%;
	padding: 5px;
}

.cartPositionInfos {
	width: 80%;
}

.cartPositionPrices {
	width: 40%;
}

.slight-box-shadow {
	box-shadow: 1px 1px 3px black;
}

.emptinessMsg {
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	background-color: #f2f2f2;
	width: 100%;
}

.area.print {
	break-inside: avoid;
}