f/*
    Document   : feuernetz.css
    Created on : 21.05.2011, 11:46:37
    Author     : mstuch
    Description: Setup for main Elements

*/

root {
    display: block;
}
#menu{
    text-align: center;
    text-decoration: none;
}

#menu li{
 display: inline;
 list-style: none;
 border: 1px gray solid;
 padding: 4px;
}

#menu .menuItemSelected, #menu li:hover{
 background-color: #9dbfe8;
}

#dialog-uploadform{
	display:none;
	font-size:0.9em;
	padding:1em 1em 0;
}

#dialog-commentform{
	display:none;
	font-size:0.9em;
	padding:1em 1em 0;
}

#pswd_info {
	position: absolute;
	margin-left: 610px;
	margin-top: -86px;
	width:277px;
	height: 125px;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 20px;
	background:#fefefe;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	display:none;
}

#pswd_info ul {list-style: none; font-size: 110%; padding-left:-20px !important;}

#pswd_info h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 130%;
}

#pswd_check {
	position: absolute;
	width:277px;
	height: 50px;
	margin-left: 610px;
	margin-top: -70px;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 20px;
	background:#fefefe;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	display:none;
}

#pswd_check ul {list-style: none; font-size: 110%; padding-left:-20px !important;}

#pswd_check h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 130%;
}

.invalid {
	background:url(../images/icons/delete.png) no-repeat 0 50%;
	padding-left:22px !important;
	line-height:14px;
	color:#ec3f41;
}
.valid {
	background:url(../images/icons/accept.png) no-repeat 0 50%;
	padding-left:22px !important;
	line-height:14px;
	color:#3a7d34;
}

#jobRunMessagesTable{
	font-size: medium;
}
#jobRunMessagesTable th{
	border-bottom: #000000 solid medium;
	font-style:oblique;
}
#jobRunMessagesTable tbody td{
	border-bottom: #000000 solid thin;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
}

/* Wizzard tabs*/
.wizardHead {
    margin: 15px;
}

.wizardHead a {
    background: none repeat scroll 0 0 #C8C8C8;
    border-radius: 5px;
    box-shadow: 0 1px 1px #CCCCCC;
    width: 300px;
    cursor: default;
    display:inline;
    margin: 0 0.3em 0.3em;
    padding: 0.8em;
    padding-right: 15px;
    font-size: 1.2em;
    font-weight: normal !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.wizardHead a.active {
    background: none repeat scroll 0 0 #2184BE;
}

.wizardHead a.hover {
    text-decoration: none !important;
}

.wizardHead a.finished {
    background: none repeat scroll 0 0 #66FF99;
    color: #505050 !important;
}

/* jqTree */
.jqtree-element.jqtree_common.terminated .jqtree-title {
    color: #a8a8a8;
}

.jqtree-element.jqtree_common .jqtree-title {
    color: #000000;
}

#pt-includeSubunits {
    display: none;
}

.fzgReportDataTable{
    margin-left: -6px !important;
}
.fzgReportDataTable tbody tr td {
    font-size: 100%;
	border-style: none;
}

/* Dropdown Button */
.dropbtn {

}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    width: 19rem;
    display: none;
    z-index: 1;
    right: 0;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #6c757d !important;
		padding: 6px 6px;
    text-decoration: none !important;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.showDropdown {display:block; z-index: 9999;}

/* BOOTSTRAP - TEMP */
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #1C84C6;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #1C84C6;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #5cb85c;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.label a {
	color: inherit;
	text-decoration: underline !important;
}

.pull-right {
  float: right !important;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
}
.panel-body {
  background-color: #f8f9fa!important;
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid transparent;
	background-color: rgba(0,0,0,.02) !important;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.table-bordered
{
	border-left: 0px !important;
	border-right: 0px !important;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: rgba(0,0,0,.02) !important;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}


.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-size: 10px;
  font-weight: 600;
  padding: 5px 8px !important;
  display:block;
  margin:5px;
  text-shadow: none;
}
.badge {
  background-color: #d1dade;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
	margin-bottom: 1px;
}

.label-small
{
  display:inline !important;
}

.label-primary,
.badge-primary {
  background-color: #1C84C6;
  color: #FFFFFF;
}
.label-secondary,
.badge-secondary {
  color: #5e5e5e;
}
.label-success,
.badge-success {
  background-color: #1AB394;
  color: #FFFFFF;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.label-white,
.badge-white {
  background-color: #FFFFFF;
  color: #5E5E5E;
}
.badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}


.custom-bottom {
  border-bottom: solid 1px #ddd !important;
}

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
.container-fluid {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {margin:0px auto; margin-top:0px; margin-bottom:10px; border: 1px solid #d4dae3;background-color:rgb(255,255,255); box-shadow: 3px 4px 10px 2px #ccc; font-size:1.0em;}
.main {clear:both; padding-bottom:0px; background-color: #FFFFFF;  min-height:500px; z-index: 100;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {	display:block-inline;
				width:94%;
				margin-left: auto;
				margin-right: auto;
			}

.limit-width {
				max-width: 950px;
			}
			
.label-max-width-150 {
	max-width: 150px;
}

.label-max-width-200 {
	max-width: 200px;
}

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.mainfooter {clear:both;
		padding:1.5em 0 0.0em 0;
		background: #f8f9fa!important;
		font-size:1.0em;
		margin-top: 0;
		margin-bottom: 0px;
                font-size: 62.5%;
                font-family: verdana,arial,sans-serif;
		}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(../images/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:440px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

/* Colapsable Section */

/*
.section-header {
	  border-color: #c8c8c8;
    border-image: none;
     border-style: solid;
    border-width: 0px 0px 1px 0px;
		
    color: inherit;
    padding: 0px 0px 1px 0px;
		margin-bottom: 10px !important;
    position: relative;
    clear: both;
}
*/

.section-content {
    clear: both;
    display: block;
    padding: 5px 5px 5px 1em;
    position: relative;
    padding-top: 4px;
}

.header-collapsed h3{
    background-image: url("../images/section-collapsed.png");
}

.section-collapsed {
     display: none;
}

.tableHeaderButtonRight {
	float: right;
}

.tableHeaderButtonLeft {
	float: left;
	max-width: 120px;
	max-height: 17px;
	font-size: x-small;
	border: 1;
}


#messageBox {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.2em;
	vertical-align: top;
}

#messageBox ul {
	padding-left: 22px;
	padding-top: 0px;
	list-style-type: disc;
	margin-left: 20px;
}

.noteerror {
	background: #FF5F5F url(../images/icons/exclamation.png) 3px 6px no-repeat;
	border: 2px solid #FF5F5F;
	border-radius:5px;
	box-shadow:0 3px 3px #ccc;
}

.notewarning {
	background: #fff6bf url(../images/icons/warning.png) 3px 6px no-repeat;
	border: 2px solid #fff6bf;
	border-radius:5px;
	box-shadow:0 3px 3px #ccc;
}

.noteconfirm {
	background: #fff6bf url(../images/icons/warning.png) 3px 6px no-repeat;
	border: 2px solid #fff6bf;
	border-radius:5px;
	box-shadow:0 3px 3px #ccc;
}

.noteconfirmWithComment {
	background: #fff6bf url(../images/icons/warning.png) 3px 6px no-repeat;
	border: 2px solid #fff6bf;
	border-radius:5px;
	box-shadow:0 3px 3px #ccc;
}

.noteinformation {
	background: #C4D8F5 url(../images/icons/information.png) 3px 6px no-repeat;
	border: 2px solid #C4D8F5;
	border-radius:5px;
	box-shadow:0 3px 3px #ccc;
}

.notesuccess {
	background: #99FFCC url(../images/icons/accept.png) 3px 6px no-repeat;
	border: 2px solid #99FFCC;
	border-radius:5px;
	box-shadow:0 3px 3px #ccc;
}

/********************/
/*  FOOTER SECTION  */
/********************/
.mainfooter p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%; }
.mainfooter a {text-decoration:underline; color:rgb(125,125,125);}
.mainfooter a:hover {text-decoration:none; color:rgb(0,0,0);}
.mainfooter a:visited {text-decoration:underline; color:rgb(125,125,125);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
	content:""; display:block;  clear:both; visibility:hidden;
}

.fc div:after {
	content: none;
}

.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.mainfooter:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/**********************/
/*  References by ID  */
/**********************/
#supplierDiv {display: none}
#manufacturerDiv {display: none}
/**********************/
/*  Tabs	      */
/**********************/

#tabheader {
	position: relative;
	width: 100%;
	height: 1em;
	 /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabheader ul#primary {
	margin: 0px 4px;
	padding: 0;
	position: absolute;
	left: 13px;
	width: 100%;
        max-width: 950px;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */

}

#tabheader ul#primary li  {
	display: inline;
	list-style: none;
}

#tabheader ul#primary a,#tabheader ul#primary span,#tabheader ul#primary a.current {
	min-width: 12em;
	display: block;
	float: left;
	padding: 4px 1px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #333;
	border-radius:5px 5px 0px 0px;
}

#tabheader ul#primary span,#tabheader ul#primary a.current,#tabheader ul#primary a.current:hover {
	border: 1px solid #C8C8C8;
	border-bottom: 1px solid #FFFFCC;
	background: #FFFFCC;
	font-weight: bold;
	padding: 4px 0;
	margin: 1px 2px 0 0;
}

#tabheader ul#primary a {
	background: #F0F0F0;
	border: 1px solid #C8C8C8;
	border-bottom: none;
}

#tabheader ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFFFCC;
	padding-bottom: 5px;
}

.userdata
{
    margin: 0px !important;
}
.userdata td
{
    border-width: 0px !important;
    vertical-align:top;
    background-color: #f8f9fa!important;
}

.tableactions *
{
	padding-right: 4px;
}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; line-height:1.2em; font-size:110%;} /* background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em;  */
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:150%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.main-content h5 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* Journal */
.journal {text-align:left;margin:0.5em auto 0 auto; padding:6px 6px 6px 6px; border: 1px solid lightgray;background-color:#f8f9fa!important; border-color: gray; border-radius:5px 5px 5px 5px; position: relative; font-size: 11px;}
.journalContent {padding: 5px 5px 0 5px; margin: 5px -5px 0 -5px; border-top-style: dashed; border-top-width: 1px; border-color: gray}
.journalActions {position: absolute; right: 0}

span.messageRead {color: green;}

#nderungshistorie_content table {margin-top: 10px; width: 100%;}
#nderungshistorie_content table th {border-top: 1px;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; line-height:1.2em; font-size:110%;} /* background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; */
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-subcontent .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Basis Setup für Formulare */
.formular {	text-align:left;
			width:100%;
			margin:1em auto 1em auto;
			padding:10px 10px 10px 10px;
			border:solid 0.5px rgb(220,220,220);
			background-color:#f8f9fa!important;
			border-radius:2px 2px 2px 2px;
			}

.formular fieldset {padding:0px 0 0 0 !important; margin-top: 5px; margin-bottom: 10px; clear:both; width:100%;}
.formular fieldset legend {margin:0 0 15px 0px ; padding:0 2px 0 2px; color:rgb(80,80,80); font-size: 13px; font-weight: bold; width: 100%; border-bottom: solid 1px rgb(200,200,200);}

.formular label.left {  float:left; width: 250px;  padding: 2px 2px 2px 8px; font-size:13px; }
.formular label.nofloat {float: none; width: 250px;  padding: 2px 2px 2px 8px; font-size:13px; }
.formular label.matCheckItem { float:left; width: 650px;  padding: 2px 2px 2px 8px; font-size:13px; height: auto !important;}
.formular label.middle {float:left; width:106px;  padding: 2px 2px 2px 8px; font-size:13px; }
.formular input.short {float:left; color:rgb(80,80,80); width:157px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.short_time {float:left; color:rgb(80,80,80); width:57px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular select.short {float:left; color:rgb(80,80,80); width:157px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular label.short {float:left; color:rgb(80,80,80); width:157px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}

.formular select.middle {float:left; color:rgb(80,80,80); margin:0 0 0 0px; max-width:220px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:100%;}
.formular input.small {color:rgb(80,80,80); max-width:80px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}

.formular label.long500pxleft {float:left; width:80%;  padding:0px; font-size:13px; }
.formular label.longleft {float:left; width:250px;  padding: 2px 2px 2px 8px; font-size:13px; }
.formular label.longmiddle {float:left; width:90%;  padding: 2px 2px 2px 8px; font-size:13px; }
.formular label.right {  font-size:13px; }
.formular select {float:left; color:rgb(80,80,80); width:406px; padding: 2px 2px 2px 6px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px; border-radius: .25rem;box-shadow: 0 0 1px #e8e9eb inset;}

.formular td label.left {width: auto; float:left; font-size:11px; padding-right: 10px; margin: 0px;}
.formular td label.leftFix {width: 100px; float:left; font-size:11px; padding-right: 10px; margin: 0px;}
.formular td select {float:left; color:rgb(80,80,80); width:200px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:12px; border-radius: .25rem;box-shadow: 0 0 1px #e8e9eb inset;}

.formular td input.field {font-size:12px;}
.formular select.fieldError {border:solid 1px #ed5565;}
.formular input.sonstiges {color:rgb(80,80,80); max-width:154px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.field {color:rgb(80,80,80); float:left; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px; border-radius: .25rem;box-shadow: 0 0 1px #e8e9eb inset;}
.formular input.timefield {color:rgb(80,80,80); padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.readonly {color:rgb(80,80,80); padding: 2px 2px 2px 8px; border:solid 1px #f8f9fa!important; background-color: #f8f9fa!important; font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.fieldError {color:rgb(80,80,80); max-width:400px; padding: 2px 2px 2px 8px; border:solid 1px #ed5565; font-family:verdana,arial,sans-serif; font-size:13px; border-radius: .25rem;box-shadow: 0 0 1px #e8e9eb inset;}
.formular input.shortFieldError {float:left; color:rgb(80,80,80); max-width:157px; padding: 2px 2px 2px 8px; border:solid 1px #ed5565; font-family:verdana,arial,sans-serif; font-size:13px;}
textarea.fieldError {border:solid 1px #ed5565; border-radius: .25rem;box-shadow: 0 0 1px #e8e9eb inset;}
.formular input.fieldnoBorder {color:rgb(80,80,80); max-width:400px; padding: 2px 2px 2px 8px; border:solid 0px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.fieldMargin {margin-top: 2px; margin-bottom: 2px;}
.formular input.fieldnoBorderError {color:rgb(80,80,80); max-width:400px; padding: 2px 2px 2px 8px; border:solid 1px #ed5565; font-family:verdana,arial,sans-serif; font-size:13px;}
.formular label.field {float:left; color:rgb(80,80,80); max-width:440px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.shortfield {color:rgb(80,80,80); max-width:50px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.shortfield {color:rgb(80,80,80); padding: 2px 2px 2px 8px; max-width:50px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.middlefield {color:rgb(80,80,80); padding: 2px 2px 2px 8px; max-width:240px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px; display:inline;}
textarea {color:rgb(80,80,80); padding: 2px 2px 2px 6px; max-width: 100%; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px; border-radius: .25rem;box-shadow: 0 0 1px #e8e9eb inset;}
textarea.field {color:rgb(80,80,80); min-width: 93%; max-width:93%;  margin-right: 10px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}
.formular input.longbutton {float:right; width:29.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;}
.formular input.longbutton:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.formular input.button {overflow: auto; float:right; width:18.0em; margin:4px 10px 10px 4px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%; border-radius: .25rem;box-shadow:0 1px 1px #ccc;}
.formular input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.formular input.button:disabled {background:rgb(220,220,220); border: dashed 1px rgb(80,80,80); color:rgb(80,80,80); font-style: italic;}
.formular input.buttonJS {float:right; width:18.0em; margin:-25px 20px 4px 4px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%; border-radius: .25rem;box-shadow:0 1px 1px #ccc;}
.formular input.buttonJS:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.formular input.buttonred {float:right; width:18.0em; margin:4px 10px 10px 4px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(255,0,0); border:solid 1px rgb(255,0,0); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(255,255,255); font-size:110%;; border-radius: .25rem;box-shadow:0 1px 1px #ccc;}
.formular input.buttonred:hover {cursor: pointer; border:solid 1px rgb(220,0,0); background:rgb(220,0,0); color:rgb(255,255,255);}

.formular input.button2 {width:12.0em; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;;}
.formular input.button2:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.formular input.button3 {width:12.0em; margin-left:15px; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;;}
.formular input.button3:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.noborder
{
	border: none !important;
}

/* - obsolet -
.formular ul {list-style:square; margin:0.5em 10px 1.0em 30px; font-size: 12px;}
.formular ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; }
*/
.titlebox {text-align:left; width:95%; margin:2.0em auto 0 auto; padding:10px 10px 10px 10px; border: 1px solid #d4dae3;background-color:#f8f9fa!important; font-size: 12px;}

.invisibleInput
{
	border: 0px;
	height: 0px;
	width: 0px;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	display: none;
}

	.ui-dialog {
				z-index: 9999 !important;
    }

@media only screen and (max-width: 600px) {
    .formular input:not(.hasDatepicker) {
        width: 260px;
    }
    .formular textarea {
        width: 260px;
    }

	.table input{
		width: auto !important;
	}

	.ui-dialog {
        width: 260px;
    }

	.formular .left {
        width: 240px !important;
    }

    .formular .field:not(.hasDatepicker) {
        width: 260px;
    }

    .formular select {
        width: 260px;
    }

    .formular input[type="image"] {
        width: 16px;
    }
	.formular input.button
    {
        float: left !important;
	}
	.formular input[type="checkbox"] {
        width: 16px;
    }

	.paginate_button .previous
	{
		display: none;
	}
}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; margin:0px 4px 4px 0; padding:0px; border:0px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}


.main a {font-weight:bold; text-decoration:none;}

.main a.right
{
    float: right;
    margin: 0px 10px 0px 0px;
}

.main a.rightTop
{
    float: right;
    margin: -25px 10px 0px 0px;
    font-size: small;
    font-family: "trebuchet ms",arial,sans-serif;
}

.main a img {border:solid 0px rgb(150,150,150);}
.main a:hover img {border:solid 0px rgb(220,220,220);}

.main hr {border: none;
border-top: 1px solid rgb(200,200,200);
color: #FFFFFF;
background-color: rgb(200,200,200);
height: 1px;}

#cfListOptions
{
    margin-left: 20px;
    margin-bottom: 10px;
}

#impressum ol {padding-left: 20px; padding-right: 20px; font-size: 12px;}

abbr.tooltip_fn:hover {position: relative; background: transparent; z-index: 9999}
abbr.tooltip_fn span {position: absolute; border:solid 1px rgb(150,150,150);border-radius: .25rem;box-shadow:0 1px 1px #ccc; background: #FFFFFF; padding: 0.5em 0.5em 0.5em 0.5em; visibility: hidden; width: 25em; top: 2em; left: 1em;}
abbr.tooltip_fn:hover span{visibility: visible;}



input.confirm_button {float:right; width:5.0em; margin:4px 15px 4px 0px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f8f9fa!important; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:90%; border-radius: .25rem;box-shadow:0 1px 1px #ccc;}
input.confirm_button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80); border-radius: .25rem;box-shadow:0 1px 1px #ccc;}

select.middle{float:left; color:rgb(80,80,80); margin:0 0 0 0px; width:300px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:150%;}
 input.field {color:rgb(80,80,80); max-width: 407px; padding: 2px 2px 2px 8px; border: 1px solid #d4dae3;font-family:verdana,arial,sans-serif; font-size:13px;}


img.noframe {
	border:solid 0px rgb(150,150,150);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	float: none;
	clear: both;
	cursor: pointer;
	display: inline;
}

img.noframenocursor {
	border:solid 0px rgb(150,150,150);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	float: none;
	clear: both;
	display: inline;
}

img.help {
	border:solid 0px rgb(150,150,150);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	float: none;
	clear: both;
	cursor: pointer;
	display: inline;
}

i.help
{ cursor: pointer;
	font-size: 14px;
	margin-left: 3px;
}

img.inputIcon {
	border:solid 0px rgb(150,150,150);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	float: none;
	clear: both;
	cursor: pointer;
	display: inline;
}

a.head_action {
	float: right;
	padding-right: 3px;
}

a.quick_action {
	float: none;
	font-size: small;
}

a.right_inline_action {
	float: right;
	font-size: small;
	display: inline;
}


a.left_inline_action {
	float: left;
    padding-left: 10px;
	font-size: small;
	display: inline;
}

#help img {clear:both; float:none; margin:0px 0px 0px 0; padding:0px; border:0px solid rgb(150,150,150); max-width: 100%;}

img.profilPuctureEditable
{cursor: pointer; max-width:190px;}

img.profilPuctureEditable:hover
{cursor: pointer;background: url("../images/jqueryuiImages/ui-bg_diagonals-thick_50_aaaaaa_40x40.png") repeat scroll 50% 50% #AAAAAA; opacity: 0.5;}

img.profilPucture
{position: absolute; right:0px; top:12px; max-width:190px;}


/*****************/
/* BOOTSTRAP NEW */
/*****************/


.main-content {box-sizing: content-box;}


/* TABLES */
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
	background-color: rgba(0,0,0,.02) !important;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th {
	color: rgb(80,80,80);
	font-size: 12px !important;
	background-color: #f3f4f5 !important;
}

.table-bordered td, .table-bordered th
{
	border: 0px;
}

.table-bordered th
{
	border: 0px;
}

.table-bordered {
  border: 1px solid #EBEBEB;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #f8f9fa!important;
  border-bottom-width: 1px;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-top: 1px solid rgb(230,230,230);
	border-bottom: 1px solid rgb(230,230,230);
}
.table > thead > tr > th {
  border-bottom: 1px solid #DDDDDD;
  vertical-align: bottom;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #e7eaec;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
  font-size: 110%;}



/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}

table > tbody > tr:nth-child(odd) {
  background-color:#f8f9fa!important;
	border-left: 0px;
}

table > tbody > tr:nth-child(even) {
	background-color: rgba(0,0,0,.02) !important;
	border-left: 0px;
}

.table.dataTable > tbody > tr:nth-child(odd) {
  background-color:#f8f9fa!important;
}

.table.dataTable > tbody > tr:nth-child(even) {
	background-color: rgba(0,0,0,.02) !important;
}

.table.dataTable > tbody > tr:nth-child(odd):hover {
  background-color:rgb(237,237,237);
}
.table.dataTable > tbody > tr:nth-child(even):hover {
  background-color:rgb(237,237,237);
}

.table.dataTable > tbody > tr:nth-child(odd).selected {
  background-color: rgb(230,230,230);
}

.table.dataTable > tbody > tr.selected
{
	background-color: rgb(230,230,230) !important;
	color: rgb(33, 37, 41);
}

.table.dataTable > tbody > tr.selected > td:first-child
{
	border-left: 4px solid darkgray;
	padding-left: 4px;
}

.table.dataTable > tbody > tr.selected > td:last-child
{
	border-right: 4px solid darkgray;
	padding-right: 4px;
}

.dataTables_length {
  float: left;
}
.dataTables_length .form-control-sm{
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  border: 1px solid #e5e6e7;
	min-width: 60px !important;
}

table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
	color: #467aa7;
}

.dataTables_filter label {
  height: 10px;
	margin-bottom: 5px;
}

.dataTables_length label{
  height: 20px;
}

.html5buttons{
  float: left;
}

.html5buttons a {
  border: 1px solid #e7eaec;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 6px 8px;
  font-size: 12px;
}
.html5buttons a:hover,
.html5buttons a:focus:active {
  background-color: #eee;
  color: inherit;
  border-color: #d2d2d2;
}
div.dt-button-info {
  z-index: 100;
}

.table.dataTable > tbody > tr:nth-child(odd) > td.dtfc-fixed-left{
  background-color: #f8f9fa !important;
}

.table.dataTable > tbody > tr:nth-child(even) > td.dtfc-fixed-left{
  background-color: #f3f4f5 !important;
}

.dtfc-fixed-left{
	z-index: 10;
}

/* PAGINATIN */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f4f4f4;
  border-color: #DDDDDD;
  color: inherit;
  cursor: default;
  z-index: 2;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}


/* FIX */

.main-content table td, .main-content table.dataTable tbody td {font-weight:normal; font-size:110%; }
.ui-menu-item-wrapper {font-size:90%; }

.dataTables_wrapper .btn
{
    font-size: 10px;
    padding: .180rem .30rem;
    font-weight: bold;
}


/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
  margin: 0 auto;
  padding-bottom: 40px;
}
.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}
.loginscreen.middle-box {
  width: 300px;
}
.loginColumns {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 20px 20px 20px;
  box-sizing: border-box;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 20px 20px 20px 20px;
}
.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0;
}
.middle-box h1 {
  font-size: 50px;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}




.inline {
  display: inline-block !important;
}
.input-s-sm {
  width: 120px;
}
.input-s {
  width: 200px;
}
.form-control {
  font-size: 0.9rem;
}
select.form-control:not([size]):not([multiple]) {
  height: 2.05rem;
}
.input-sm,
.form-control-sm {
  height: 31px;
}
.input-s-lg {
  width: 250px;
}
.i-checks {
  padding-left: 0;
}
.form-control,
.single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  width: 100%;
}
.form-control:focus,
.single-line:focus {
  border-color: #e5e6e7;
	box-shadow: none !important;
}
.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #f8ac59;
}
.has-error .form-control,
.has-error .form-control:focus {
  border-color: #ed5565;
}
.has-success .control-label {
  color: #1ab394;
}
.has-warning .control-label {
  color: #f8ac59;
}
.has-error .control-label {
  color: #ed5565;
}
.input-group-addon {
  background-color: #fff;
  border: 1px solid #E5E6E7;
  border-radius: 1px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 9px 12px 4px 12px;
  text-align: center;
}
.spinner-buttons.input-group-btn .btn-xs {
  line-height: 1.13;
}
.spinner-buttons.input-group-btn {
  width: 20%;
}
.noUi-connect {
  background: none repeat scroll 0 0 #1ab394;
  box-shadow: none;
}
.slider_red .noUi-connect {
  background: none repeat scroll 0 0 #ed5565;
  box-shadow: none;
}
/* UI Sortable */
.ui-sortable .ibox-title {
  cursor: move;
}
.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #e7eaec;
}
.ibox.ui-sortable-placeholder {
  margin: 0 0 23px !important;
}


/* --------------- NAVBAR --------------- */


.navbar-main .dropdown-toggle::after
{
    content: none;
}

.navbar-main .dropdown-menu
{
    border: 0px;
    font-size: 16px;
    margin-top: 0 !important;
}

.dropdown:hover .dropdown-menu {
      display: block;
}

.navbar-main .nav-item
{
    vertical-align: middle;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
}

.navbar-main .nav-item:hover
{
    background-color: #e7eaec;
}

.navbar-main .nav-item:active
{
    background-color: #e7eaec;
}

.navbar-main .nav-link:last-child
{
    border: 0px;
}

.navbar-main .einheitsPicker
{
    vertical-align: middle;
    height: 30px;
    padding-left: 3px;
}

.navbar-main .custom-select
{
    font-size: 12px;
    height: 30px;
    vertical-align: middle;
    width: 75px
}

.navbar-main .input-group-text
{
    height: 30px;
    font-size: 12px;
}

.navbar-main .dropdown-item:hover
{
    background-color: #e7eaec;
}

.navbar-main .dropdown-item:active
{
    background-color: #e7eaec;
}

@media (min-width: 980px)
{
    .navbar-main .input-group-text
    {
        display: none;
    }
    .navbar-main .nav-item
    {
        vertical-align: middle;
        font-size: 12px;
    }

    .navbar-main
    {
        height: 50px;
    }

    .navbar-main .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .navbar-main .dropdown-menu
    {
        border: 1px solid rgba(0,0,0,.15);
    }

    .navbar-main .dropdown-menu
    {
        border: 0px;
        font-size: 12px;
    }

    .navbar-main .dropdown-menu
    {
        width: auto;
    }
}

@media (min-width: 1300px)
{
    .navbar-main .input-group-text
    {
        display: inherit;
    }

    .navbar-main .custom-select
    {
        width: 250px;
    }

}

@media (min-width: 1400px)
{
    .navbar-main .dropdown-menu
    {
        border: 0px;
        font-size: 14px;
    }

    .navbar-main .nav-item
    {
        vertical-align: middle;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-main .input-group-text
    {
        display:block;
    }
}

/* --------------- NAVBAR-SUBnav --------------- */

.subnav
{
font-size: 10px;
text-align: left;
width: 100%;
min-height: 50px;
margin: 0.0em auto 0 auto;
margin-top: 0.3em;
margin-bottom: -22px;
padding: 0px 10px 0px 10px;
border: solid 0.5px rgb(220,220,220);
background-color: #f8f9fa!important;
}

.subnav .nav-link
{
    font-size: 11px;
    margin: 2px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
}

.subnav .nav-item:hover
{
    background-color: #e7eaec;
}

.subnav .nav-item:hover
{
    background-color: #e7eaec;
}

.subnav .nav-item:active
{
    background-color: #e7eaec;
}

@media (min-width: 1000px)
{
    .table-responsive {
        overflow-x: visible;
    }
}

@media (min-width: 1000px)
{
    .table-responsive {
        overflow-x: visible;
    }
}


@media (max-width: 800px)
{
    .subnav .nav-link
    {
        font-size: 13px;
    }
}

.releaseNotes
{
    font-size: 11px!important;
}

/* --------------- Jquery-UI --------------- */


div[class*='ui-'] {
    font-size: 12px;
		font-family: verdana,arial,sans-serif;
}

.ui-widget h3
{
    font-size: 13px;
    font-weight: bold;
}

.ui-widget h4
{
    font-size: 12px;
    font-weight: bold;
}

.ui-widget h5
{
    font-size: 11px;
    font-weight: bold;
}

.ui-widget ul li
{
    margin: 5px 0 0.2em 10px;
    padding: 0 0 0 11px;
}

.treeview
{
    font-size: 11px;
}

.active a{
    background-color: #6c757d !important;
    color: rgb(0,0,0);
    border-color: #6c757d !important;
}

.active a:hover{
    color: rgb(0,0,0);
}

.fontsize-11{
    font-size: 11px !important;
}

.fontsize-12{
    font-size: 12px !important;
}

.fontsize-13{
    font-size: 13px !important;
}

.btn-primary{
    background-color: rgb(90, 98, 104);
    border-color: rgb(84, 91, 98);
}

.btn-default{
    background-color: rgb(90, 98, 104);
    border-color: rgb(84, 91, 98);
    color: rgb(255,255,255);
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	height: 14px;
	width: 14px;
	display: block;
	position: absolute;
	color: #6c757d;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	text-align: center;
	text-indent: 0 !important;
	line-height: 14px;
	background-color: transparent;
	font-size: 17px;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f138";
	font-style: initial;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
	background-color: transparent;
	color: #6c757d;
	font-size: 17px;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f13a";
}
.table
{
		width: 100% !important;
    box-sizing: inherit !important;
}

#datatablesBigForm {
    display: flex;
    flex-flow: row wrap;
}

/** HELP */

@media (min-width: 1000px)
{
	.helpdialog
	{
		width: 600px !important;
	}
}

/** NOTY */

@media (min-width: 1000px)
	{
		#noty_center_layout_container
		{
			width: 600px !important;
		}
		#noty_center_layout_container > li
		{
			width: 600px !important;
		}
	}

/** Dashboard */

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-bottom: 15px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 35px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}

.info-box-content {
    padding: 5px 10px 0px;
    margin-left: 90px;
}

.info-box-sm-content {
    padding: 5px 10px 0px;
    margin-left: 45px;
}

.info-box-sm {
    display: block;
    min-height: 45px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-bottom: 15px;
}

.info-box-sm-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 55px;
    width: 55px;
    text-align: center;
    font-size: 25px;
    line-height: 55px;
    background: rgba(0,0,0,0.2);
}

.info-box-sm-content {
    padding: 5px 10px 0px;
    margin-left: 55px;
}

.progress-description, .info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

.info-box-detailtext {
    display: block;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-image {
	position: absolute;
    top: 8px;
	right: 20px;
    width: 50px;
}

.htmlSelector {
	font-size: 15px;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 5%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 90%;
  float: left;
	margin-right: 5px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 5px 20px 20px 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 5%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
/* @end */

@media (min-width: 1000px)
{
.modal-dialog-help {
    max-width: 700px;
    margin: 1.75rem auto;
}
}
	
.modal-header {
 background-color: rgba(0,0,0,.02) !important;
}

.modal-header {
 background-color: rgba(0,0,0,.02) !important;
}

.modal-content-fn {
  transition: opacity .2s ease-out;
  margin: 0 auto;
  padding: 20px 20px 1px;
  width: 100%;
  overflow-x: visible;
}

.modal-large {
 max-width: 700px !important;
}

.upload-container {
  border-radius: 6px;
  padding: 10px;
  text-align: center;
}

.border-container {
  border: 2px dashed rgba(198, 198, 198, 0.65);
  border-radius: 6px;
  padding: 20px;
}

.border-container:hover {
  border: 2px solid rgba(198, 198, 198);
  border-radius: 6px;
  padding: 20px;
}

.border-container p {
  color: #130f40;
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: -1px;
  margin-top: 30px;
  margin-bottom: 0;
  opacity: 0.65;
}

#file-browser {
  text-decoration: none;
  color: rgb(22,42,255);
  border-bottom: 1px dotted rgba(22, 22, 255, 0.85);
}

#file-browser:hover {
  color: rgb(0, 0, 255);
  border-bottom: 1px solid rgba(0, 0, 255, 0.85);
}

.upload-container .icons {
  color: #95afc0;
  opacity: 0.55;
}

.card-columns {
column-count:3;
}

.select2-container
{
	display: inline-block;
}

.select2-selection__clear{width:1.2em;height:1.2em;line-height:1.15em;padding-left:.17em;margin-top:.5em;color:#6c757d !important; background-color: transparent !important; float:right;margin-right:.3em}
.select2-selection__clear:hover{width:1.2em;height:1.2em;line-height:1.15em;padding-left:.17em;margin-top:.5em;color:#6c757d !important; background-color: transparent !important; float:right;margin-right:.3em; font-weight: bold;}

/* Ermöglicht das Ausblenden von deaktivierten Optionen und Gruppen einer Select-Box */
.select2-results .select2-disabled, .select2-results__option[aria-disabled=true] {display: none;}
.select2-results .select2-disabled, .select2-results__group[aria-disabled=true] {display: none;}

.btn
{
	font-size: 11px;
	margin: 1px;
}

.content-heading {
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 8px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 28px;
  border-bottom: 1px solid #e4e7ed;
	color: rgb(80,80,80);
}


@media (min-width: 768px) {
  .content-heading {
    margin-bottom: 15px;
    padding-top: 20px;
  }
}

.content-heading-section {
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 1px;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 28px;
  border-bottom: 1px solid #e4e7ed;
	color: rgb(80,80,80);
}


.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #e4e7ed;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e4e7ed;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #575757;
  background-color: #fff;
  border-color: #e4e7ed;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #3f9ce8;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
}

.ui-dialog,
.ui-dialog-content,
.ui-dialog-buttonpane,
.ui-dialog .ui-dialog-titlebar,
.ui-widget.ui-widget-content
{
	background-color: #f8f9fa!important;
}

/* Checkbox Switche */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #28a745;
}

input:focus + .slider {
  box-shadow: 0 0 1px #28a745;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}


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

.block-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
    transition: opacity .2s ease-out;
}

.selector-link
{
	color: rgba(0,0,0,.5) !important;
}

.selector-link:hover
{
	color: rgba(0,0,0,.9) !important;
}

.selector-link-selected
{
	color: rgba(0,0,0,.9) !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d;
}

.dt-button-collection .dropdown-item 
{
    font-size: 10px !important;
}

.dt-button-collection .dropdown-menu
{
	font-size: 10px !important;
	min-width: 40% !important;
}
div.dt-button-collection div.dtsb-searchBuilder
{
    width: 300px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dt-button-collection
{
	position: relative;
}