/* ############################################# TOOLBOX / LEFT CONTENT ################################################# */

.leftContent {
	overflow: auto;
	position: absolute;
    top: 120px;
    left: 20px;
    right: 0px;
    bottom: 20px;
    padding-right: 20px;
}

/*** setting fake height for the redaxo newslist iframe to prevent inner-frame-scrolling ***/
/*** styles set by id for UI scaling (js) ***/
#newslist {
	height: 2000px;
}

.toolboxContent {
	margin: 16px 8px 0 0px;
}

/*** not in use (25.02.2010) ***/
.toolboxDivider {
	height: 1px;
	background-color: #ccc;
	margin: 16px 0px;
	overflow: hidden;
}

.toolboxContent a {
	display: block;
	padding-left: 5px;
	text-decoration: none;
}

.toolboxContent a:hover {
	text-decoration: underline;
}

.toolboxLink {
	color: #666;
	font-weight: bold;
	
	background-image: none;
	background-position: left center;
	
	margin-bottom: 12px;
}

.toolboxLink:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 12px;
	font-weight: bold;
	content: "\f0da";
	margin-right: 3px;
	color: #3A7B00;
}
/* ############################################# RIGHT CONTENT ################################################# */


.content_wrapper_table {
	table-layout: fixed;
	overflow: auto;
}

.level_toolbar_table {
	width: 350px;
	margin-right: 5px;
	background-color: #eaeaea;
	text-align: right;
	vertical-align: middle;

	-webkit-box-shadow: 2px 2px 0px 0px #CCC;
	-moz-box-shadow: 2px 2px 0px 0px #CCC;
	box-shadow: 2px 2px 0px 0px #CCC;
}

.navigator_column{
	background-image: none;
	width: 24px;
	min-height: 200px;
	vertical-align: middle;
}

.table_column_right .me-icon {
	margin: 2px 5px 3px 0px !important;
	/* margin: 5px 5px 5px 0px !important; */
}

.grey_table_bg {
	background-color: #DDDDDD;
	text-align: left !important;
}

.grey_table_border {
	border: solid 1px #AAAAAA;
	text-align: right;
	padding: 5px !important;
}

.table_column_right {
	text-align: right;
	font-size: 0pt;
	padding: 0px;
	position: relative;
}

.table_column_left {
	text-align:left;
	font-size: 11px;
}


/* ############################################# INPUTFELDER ############################################## */

.form_name {
	text-align: right;
	padding-right: 20px;
	vertical-align: top;
	padding-top: 5px;
	font-size: 10px;
	color: #333333;
}

.form_textfield_input {
	color: #333;
	padding: 1px 2px;
	margin-bottom: 10px;
	font-size: 10px;
	color: #000;
	float: none;
}

.form_textfield_input {
	border: 1px solid #cfcfcf;
}

/* ############################################# TOOLTIP ############################################## */

.toolTip {
	font-size: 10px;
	color: #222;
	position: absolute;
	z-index: 9999;
}

.toolTip * {
	font-size: 10px;
	font-family: "Open Sans", Arial,Verdana,Helvetica;
	color: #333;
}

.toolTip input[type=checkbox],
.toolTip input[type=radio] {
	display: block;
	float: left;
}

.toolTip label {
	display: block;
	float:left;
	margin-left: 5px;
}

.toolTip_spaceholder {
	visibility: hidden;
}

/* Detailbox  */
.info_details {
	background-color: #dbe5ff;
	color: #180ba5;
}

.warning_details {
	background-color: #FFFF66;
	color: #FF6600;
}

.warning_box {
	background-color: rgb(255, 249, 220);
	border: 2px solid rgb(192, 142, 40); 
	color: rgb(192, 142, 40); 
	padding: 10px;
}

.warning_box_workspace {
	background-color: rgb(192, 142, 40); 
	border: 0px;
	color: white;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
	padding: 0px 5px;
}

.error_details {
	background-color: #FFCECE;
	color: #990000;
}

.toolTip_details {
	font-size: 11px;
	display: none;
}

.toolTip_info,
.toolTip_error,
.toolTip_warning,
.toolTip_spaceholder {
	width: 14px !important;
	height: 28px !important;
	font-size: 16px !important;
	display: inline-block !important;
	margin-left: 2px !important;
	z-index: 199 !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	/* width: 15px !important;
	height: 28px !important;

	border: 1px solid transparent !important;
	border-width: 1px 1px 1px 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	
	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-size: 19px 19px !important;
	vertical-align: top !important;
	
	display: inline-block !important;
	z-index: 199 !important;*/
}

/* .toolTip_info_round,
.toolTip_error_round,
.toolTip_warning_round {
	padding: 0px !important;
	margin: 0px !important;
	
	vertical-align: middle !important;
	display: inline-block !important;
	
  	border: none !important;
  	background-color: transparent !important;
  	background-size: 15px 28px !important;
	background-repeat: no-repeat !important;
  	
  	width: 15px !important;
	height: 28px !important;
	
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	
	-webkit-border-top-right-radius: 6px !important;
	-webkit-border-bottom-right-radius: 6px !important;
	-moz-border-radius-topright: 6px !important;
	-moz-border-radius-bottomright: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	
	-webkit-border-top-left-radius: 6px !important;
	-webkit-border-bottom-left-radius: 6px !important;
	-moz-border-radius-topleft: 6px !important;
	-moz-border-radius-bottomleft: 6px !important;
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
} */

.toolTip_info_round.in_content,
.toolTip_error_round.in_content,
.toolTip_warning_round.in_content {
	height: 28px !important;
	vertical-align: bottom !important;
}

.info_details,.warning_details,.error_details {
	width: 100%;
	z-index: 200;
}

.details_text {
	margin: 3px;
	padding: 2px;
	white-space: normal !important;
}


/*###################### Style für Tabelle in der Datatable eines WorkspaceLevels ##########################*/


.objectScrollPane {
	border-top: 1px solid #005300;
	overflow: auto;
	background-color: #EEEEEE;
	background-color: #ebf2e6;
}

.objectRow {
	width: 100%;
}

/* TODO: eliminate everywhere */
.objectRowDivider {
	display: none;
}

/* duplicate until all divider DIVs are moved inside objectPanel DIV */
.objectPanel .objectRowDivider {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
}

.objectColumn {
	width: 100%;
	padding: 0px !important; /* collides with normal datatable cell config */
	border: none;
	cursor: pointer;
	line-height: normal !important; /* collides with normal datatable cell config */
}

/**
 * changing to fixed width
 * pschulze 2013-06-19
 */
.levelColumn {
	padding: 0 5px 0 0;
	min-width: 350px;
	vertical-align: top;
	
	/* pschulze 2012-01-25 / FIXED WIDTH FALLBACK */
	width: 350px;
	max-width: 350px;
}

.objectTable {
	width: 100%;
	border: none !important;
	padding: 0px !important;
}

.objectPanel {
	text-align: left;
	font-size: 10px;
	overflow: hidden;
	padding: 10px !important;
	
	color: #555;
	position: relative;
	height: 100%;
	
	background-color: #D2DDBE;
	border-top: 1px solid #FFF;
}

.objectRow:first-child .objectColumn .objectPanel {
	border: none;
}

.activeObjectPanel {
	background-color: #ffffff !important;
	cursor: default;
}

.objectMainLabel {
	font-size: 12px;
	color: #3A7B00;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	word-wrap: break-word;
	max-width: 310px;
}

.objectDisabled {
	text-decoration:line-through;
}

.label {
	font-size: 11px;
	color: #3A7B00;
	display: block;
	margin-bottom: 3px;
}

.objectMainLabelRight{
	width: 36%;
	float: left;
	text-align:right;
	white-space:nowrap;
}

.objectMainLabelContainer {
	width: 58%;
	float: left;
}

.objectLabelContainer {
	width: 55px;
	float: left;
}

.objectLabelContainerBig {
	width: 72px;
	float: left;
}

.objectLabelContainerBig > label {
	font-size: 10px;
}

.objectLabelContainerBigger {
	width: 105px;
	float: left;
}

.objectLabelContainerBigger > label {
	font-size: 10px;
}

.objectLabelContainerSmall {
	color: #3A7B00;
}

.objectContentContainer {
	width: 190px;
	float: left;
}

.objectContent td {
	color: #555;
}

.dataScroller * {
	background-color: transparent;
}

.toolLabel {
	background-color: #EFEFEF;
	border: 1px solid #DDDDDD;
	color: #458D03;
	margin: 0px;
	padding: 0px 5px;
	font-size: 11px;
	cursor: default;
	line-height: 20px;
	display: block;
	
	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	width: max-content;
    float: right;
}

.filterInputNoWidth{
	border: 1px solid #ccc;
	color: #333;
	font-size:11px;
	padding:1px 2px 2px 3px;
	font-family: "Open Sans", Arial, Verdana, Helvetica;
	height:19px;
}

.textAreaInput {
	width: 100%;
	border: 1px solid #ccc;
	color: #333;
	font-size:11px;
	padding:1px 2px 2px 3px;
	font-family: "Open Sans", Arial, Verdana, Helvetica;
	display:block;
	float:left;
}

.filteredShuttle td, .filteredShuttle th{
	padding:1px !important;
}

.filteredShuttle th{
	font-weight:bold;
}

.textInputReadonly {
	color:#999;
	border: 1px solid #aaa;
	background-color:#eee;	
}

.actionContainer {
	display: block;
	background-color: transparent;
	visibility: hidden;
	text-align: right;
    margin: 7px -3px -3px 10px;
}

.actionContainer > input,
.actionContainer > a,
.actionContainer > .me-icon {
	margin-left: 5px;	
}

.topIconContainer {
	cursor: pointer !important;
	position: absolute;
	top: 4px;
	right: 4px;
	background-color: transparent;
	height: 18px;
	min-width: 18px;
}

.topIconContainer i {
	vertical-align: middle;
}

.greyTextColor {
	font-size:11px;
	color: #666666;
}

.left {
	text-align: left;
}

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

.button-cell {
	white-space: nowrap;
}

input[type=text].right,
input[type=password].right {
	padding-right: 4px;
	text-indent: 0px;
}

.center {
	text-align: center;
}

.borderless td {
	border: 0px !important;
}

.tableFullWidth {
	width:100%;
}

.tableFullHeight {
	height:100%;
}

.tableVAlignTop td {
	vertical-align: top;
}

.tableVAlignBottom td {
	vertical-align: bottom;
}

.tableVAlignMiddle td {
	vertical-align: middle;
}

.tableTopMargin {
	margin-top:10px;	
}

.tableNoWrap {
	white-space: nowrap;
}

.table450Height {
	height:450px !important;
}

.table450MinHeight {
	min-height:450px;
}

.table400 {
	width: 400px;
}

.table500 {
	width:500px;
	font-size:11px;	
}

.table600 {
	width:600px;
	font-size:11px;	
}

.table700 {
	width:700px;
	font-size:11px;	
}

.table700NoPadding td {
	padding:0px;
	font-size: 11px;
}

.table900 {
	width:900px;
	font-size:11px;	
}

.table700NoPadding {
	width:700px;
	font-size:11px;	
}

.table400 td,
.table500 td,
.table600 td,
.table700 td,
.table900 td,
.tableFullWidth td,
.formTable > tr > td,
.formTable > tbody > tr > td {
	padding: 0px 0px 10px 0px;	
}

.tableNoPadding td {
	padding: 0px;
}

.manyListboxInputTable label{
	font-size: 9px;
}

.smallFilterColumn{
	width: 60px;
}

.columnWithoutSorter{
	width: 100%;
}

/* TODO */
.rowEven {
	background-color: #ebf2e6;
	background-color: #FFF;
}

.rowOdd {
	background-color: #FFF;
}


/*####################### linke Tool-Leiste mit Login ########################*/
#controlLeft {
	position: absolute;
	top: 100px;
	left: -100px;
}



span.copies {
	background-color: #FFF;
	position: absolute;
	z-index: 105;
	display: inline-block;
	padding: 2px 2px;
	box-shadow: 0px 0px 5px #555, 0px 0px 5px #555;
}

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

.meteringcode1 {
	width:55px !important;
	margin-right:1px;
}

.meteringcode2 {
	width:60px !important; 
	margin-right:1px; 
	padding:2px;
}

.meteringcode3 {
	width:55px !important;
	margin-right:1px;
	padding:2px;
}

.meteringcode4 {
	width:171px !important;
	padding:2px;
}

.chartSelectionLeftContainer {
 	margin-right:0px;
 	margin-left:0px;
}

.chartSelectionLeftContainer .tabSwitchHeader {
	padding-left:12px;
}

.chartSelectionTimeseriesTypeCell {
	height:40px;	
}

.chartSelectionDistanceCell {
	height:170px;
}

.chartSelectionCalendarCell {
	vertical-align: top !important;
	padding-top: 9px;
	height:50px;	
}

.chartSelectionHr {
	width:100%;	
}

.chartIncludeWrapper
{
	position: relative;
	height: 100%;
	display: block;
	min-height: 450px;
}

div#flashChartWrapper {
	position: relative;
}

#flashChartContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	min-height: 450px;
}

#scriptchartcontent {
	margin-top: 5px;
}

#flashcontent {
	margin-top:-15px;
}

.invoiceTable {
	white-space: nowrap; 
	/* width: 1100px;  */
	width: 100%;
	font-size: 11px;
}

.invoiceTable td {
	padding:5px 0px 5px 0px;	
}

/* ############################################## PANEL ################################################## */


.panelBar {
	border: 0px;
	padding: 0px;
	background-color: transparent;
	
	-webkit-box-shadow: 4px 0px 0px -2px #CCC;
	-moz-box-shadow: 4px 0px 0px -2px #CCC;
	box-shadow: 4px 0px 0px -2px #CCC;
}

.panelHeader {
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	color: #fff;
	
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	border: 0px;
	padding: 0px;
	
	background-color: #888888;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(136,136,136,1) 0%, rgba(153,153,153,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,136,136,1)), color-stop(100%,rgba(153,153,153,1)));
	background: -webkit-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(153,153,153,1) 100%);
	background: -o-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(153,153,153,1) 100%);
	background: -ms-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(153,153,153,1) 100%);
	background: linear-gradient(to bottom,  rgba(136,136,136,1) 0%,rgba(153,153,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#999999',GradientType=0 );
}

panelHeader > table {
	height: 100%;
}

.panelHeader .rf-ac-itm-lbl {
	padding: 0px;
}

.panelHeader .rf-ac-itm-lbl > div {
	padding-left: 10px;
	height: 100%;
	color: #FFF;
}

.panelHeader.rf-ac-itm-hdr-inact .rf-ac-itm-lbl-inact {
	position: relative;
}

.panelHeader.rf-ac-itm-hdr-inact .rf-ac-itm-lbl-inact:before {
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	top: 0;
	font-size: var(--me-icon-fontsize);
	left: 335px;
	content: "\f0dc";	
}

.activePanelHeader {
	background-color: #3A7B00;
	
	/*
	background-color: #206a00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #206a00 0%, #3A7B00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #206a00), color-stop(100%, #3A7B00));
	background: -webkit-linear-gradient(top, #206a00 0%, #3A7B00 100%);
	background: -o-linear-gradient(top, #206a00 0%, #3A7B00 100%);
	background: -ms-linear-gradient(top, #206a00 0%, #3A7B00 100%);
	background: linear-gradient(to bottom, #206a00 0%, #3A7B00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e7300', endColorstr='#3A7B00',GradientType=0 );
	*/
}

.panelContent {
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow: auto;
}

.workspace_menu {
	width: 100%;
	table-layout: fixed;
	background-color: #ebf2e6;
}

.workspace_menu_leftCell {
	width: 65%;
	padding-left: 7px;
}

.workspace_menu_rightCell {
	width: 35%;
	padding-right: 7px;
}

.workspace_menu_actionButton_left {
	padding: 8px 5px 5px 0px;
}

.workspace_menu_actionButton_left .me-icon {
	cursor: pointer;
	margin-left: 3px;
	margin-bottom: 3px;
}

.workspace_menu_actionButton_left span {
	margin-left: 3px;
	cursor: pointer;
	font-size: 11px;
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
	padding-top: 1px;
}

.workspace_menu_actionButton_left img {
	vertical-align: middle;
	margin-bottom: 3px;
	cursor: pointer;
}

.OK, .OK *, .IGNORE, .IGNORE * , .INFO, .INFO * {
	color: #006560;
}

.UNTESTED, .UNTESTED * {
	color:#956510;
}

.WARNING, .WARNING * {
	color:#956510;
}

.HIGHDIFF, .HIGHDIFF  * {
	color: red;
}

.UNSECURE, .UNSECURE * {
	color: red;
}

.ERROR, .ERROR * {
	color: red;
}

.NONE, .NONE * {
	color: #c1a50b;
}
.UNKNOWN_TARGET, .UNKNOWN_TARGET *,
.UNEXPECTED, .UNEXPECTED  * {
	color: #04B4AE;
}

.standardAnchor {
	font-size: 11px;
	color: #3A7B00;
	font-weight: bold;
	text-decoration: underline;
	/* display: block; */	
}

.standardAnchorWithoutLine {
	display:block;
	text-decoration:none;	
}

.standardAnchorWithoutLine span {
	background-repeat: no-repeat;
	display: block; 
	height: 18px; 
	background-size: 18px 18px;
	padding: 3px 3px 3px 20px;

}

.standardAnchor:hover {
	text-decoration:none;	
}

.eulaContainer {
	background-color:#EEE;
	padding:5px 10px;
	width: 710px;
}

.eulaContainer h4 {
	font-size:12px;
}

.eulaContainer p {
	font-weight:bold;
	margin:25px 0px 13px 0px	
}

.eulaContainer div {
	margin:0px 0px 8px 10px;
}

.contactFormTable {
	width:400px;
	font-size:11px;	
}

.contactFormTable td {
	padding: 5px;	
}

.contactFormTable textarea {
	width: 400px;
	height: 300px;
	font-family: "Open Sans", Arial, Verdana, Helvetica;
	border: 1px solid #ccc;
	color: #333;
	font-size:11px;
	padding:2px;
}

.tableNoBorder{
	border: 0px;
}

.tableNoBorder td{
	border: 0px;
	padding: 0px 5px;
}

.simpleBorder{
	border: 1px solid #ccc; 
	padding:0px;
}

.contactFormError {
	color: red;	
}

.tab {
	background-color:transparent;
	border:0 none;
	font-weight:bold;
	padding:0px 0px 0px 35px;
	width:110px;
	text-align:left;
	background-image:none !important;
	background-repeat:no-repeat;
	height:22px;
	color:#AAAAAA;
}

.tabStepContent {
	background-color:transparent;
	border:0px;
	padding: 30px 0px 0px 5px;
	background-image:none !important;
	/*height:470px;*/
}

.tabStepActive {
	color:#3A7B00;
}

.tabStepInactive {
	color:#AAAAAA;
}
	
.tabStepHeader {
	border-bottom:0px;
}

.tabSwitchNoBorder {
	border: 0px !important;	
}

.tabSwitchContent {
	padding: 10px !important;
	border-color: #DDD;
}

.tabSwitchContentAnalyzeModal {
	min-width: 900px;
}

.tabSingleTabTable {
	position: static !important;
}

.rich-picklist-source-cell, .rich-picklist-source-cell-selected, .rich-picklist-target-cell, .rich-picklist-target-cell,
.rich-shuttle-target-cell, .rich-shuttle-target-cell-selected, .rich-shuttle-source-cell-selected, .rich-shuttle-source-cell{
	cursor:pointer;cursor:hand;
	padding: 1px !important;
}

.dr-tbpnl-tbcell-inact table {
	height:auto !important;
}

.dr-tbpnl-tbcell-dsbld, .dr-tbpnl-tbcell-inact {
	padding-top:0px;	
}

.dr-tbpnl-tbbrdr,.dr-tbpnl-tb-act,.dr-tbpnl-tb-inact,.rich-tabhdr-side-border {
	background-image: none;	
	background-color:transparent;
}

.dr-tbpnl-tbtopbrdr {
	border:0px transparent;	
}

.dr-tbpnl-tb-sel {
	border-color: #3A7B00 !important;
	color: #3A7B00;
}

.rich-spinner-c td {
	padding:0px;
}

.multiTextRightInput {
	position:relative;
	right:-1px;	
}

.borderLeft {
	border-left:1px solid #CCCCCC;	
}

.paddingLeft15 {
	padding-left: 15px !important;
}

/*#############Fuer Toggle-Buttons#########################*/

.pressed {
	border: 2px inset #3A7B00;
}

.released {
	border: 2px outset #3A7B00;
}

.rich-panelbar-content-exterior {
	width: 100%;
	height: 100%;
	background-image: none !important;
	overflow: hidden !important;
}

.clearLeft {
	clear: left;
	float: none;
}

.clear {
	clear: both;
	float: none;
}

.tableHeader{
	height: 40px;
}

.col340{
	max-width: 340px;
	min-width: 340px;
}

.col60{
	max-width: 60px;
	min-width: 60px;
}


/*###################################### Zeitscheiben Darstellung ########################################*/

.DAILYSCHEME_cell{
	text-align:center;
	white-space:nowrap;
}

.DAILYSCHEME_bar{
	display:inline-block;
	text-align:center;
	border:1px solid #000000;
	border-right-width:0px;
	cursor:default;
	height:40px;	
	float:left;
	white-space:nowrap;
}

.DAILYSCHEME_bar_last{
	border-right-width:1px;
}

.DAILYSCHEME_bar_description{
	border:0px;
}

.DAILYSCHEME_time{
	display:inline-block;
	text-align:right;
	cursor:default;	
	position:relative;
	left:12px;
	float:left;
	white-space:nowrap;
}


/*##################################### Farben der Zeitscheiben ##############################*/
/* Verteilte dynamische Zuweisung der Farbe. Der 1. Tarif bekommt Farbe 1 der 2. Tarif bekommt Farbe 2 , ... usw */

.TARIF_0{
	 background-color: rgb(239, 228, 176);
}

.TARIF_1{
	 background-color: rgb(255, 139, 62);
}

.TARIF_2{
	 background-color: rgb(217, 244, 133);
}

.TARIF_3{
	 background-color: rgb(189, 183 , 73);
}

.TARIF_4{
	 background-color: rgb(167, 136, 27);
}

.TARIF_5{
	 background-color: white;
}

/*##################################### Tabelle der Arkikelübersicht ##############################*/

.ARTICLE_table{
	vertical-align:middle;
	text-align:center;
}

.ARTICLE_label{
	font-style:italic; 
}

.ARTICLE_table td{
	border:1px solid #D2DDBE ;
	padding:4px;
	vertical-align:middle;
}

.ARTICLE_table .seperator{
	border-left-width:0px;
	border-right-width:0px;
	padding:4px;
}

.ARTICLE_table th{
	border: 1px solid #D2DDBE;
	background-color: #D2DDBE;
	font-weight: bold;
	padding:4px;
	font-size:11px;
}

/*##################################### DayTypeCalendar ##############################*/

.DAYTYPEKALENDAR td{
	padding:0px;
	color:black;
}

.DAYTYPEKALENDAR_colorbox{
	display:inline-block;
	text-align:center;
	border:1px solid #000000;
	cursor:default;
	height:10px;
	width:10px;	
	float:left;
}

.DAY_TYPE_0{
	 background-color: rgb(239, 228, 176) !important;
	 color:black !important;
}

.DAY_TYPE_1{
	 background-color: rgb(255, 202, 98) !important;
	 color:black !important;
}

.DAY_TYPE_2{
	 background-color: rgb(255, 139, 62) !important;
	 color:black !important;
}


.DAY_TYPE_3{
	 background-color: rgb(217, 244, 133) !important;
	 color:black !important;
}

.DAY_TYPE_4{
	 background-color: rgb(189, 183 , 73) !important;
	 color:black !important;
}

.DAY_TYPE_5{
	 background-color: rgb(192, 156, 33) !important;
	 color:black !important;
}

.DAY_TYPE_6{
	 background-color: rgb(197, 234, 243) !important;
	 color:black !important;
}

.DAY_TYPE_7{
	 background-color: rgb(197, 198, 243) !important;
	 color:black !important;
}

.DAYTYPEKALENDAR .rich-calendar-cell{
	color:white;
	background-color:white;
	font-weight:normal;
}

#mainTooltipWrapper
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 110;
	display: none;
	max-width: 200px;
}

/*###################Suggestionbox-Gestaltung#######################*/
.solidTopBorder
{
	border-top: 1px solid #3A7B00;
}

.suggestionGridColumnClass
{
	width: 100%;
	border-right: 1px solid #3A7B00;
	border-left: 1px solid #3A7B00;
	border:  1px solid #3A7B00;
}

.suggestionTextInput
{
	border: 1px solid #3A7B00;
	width: 100%;
	color: #333;
	font-size:11px;
	padding:1px 2px 2px 3px;
	font-family: "Open Sans", Arial, Verdana, Helvetica;
	display:block;
	float:left;
	height:19px;
}

/* modal panel content popup */

body.modalPanelPopupBody {
	background-color:#FAFAFA;
	overflow: auto;
}

body.modalPanelPopupBody * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.modalPanelPopupBody .cancelButton,
body.modalPanelPopupBody .saveButton {
	display: none;
}

body.modalPanelPopupBody div#popupOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.me_toolTip {
	background-color: #FFF;
	padding: 7px;
	border: 1px solid #3A7B00;
	border-radius: 0px;
	font-family: "Open Sans", Arial, Verdana, sans-serif;
	font-size: 11px;
	display: none;
	position: absolute;
	left:0px;
	top: 0px;
	z-index: 5;
}

/* TW Versuch Buttons als Tabs zu stylen @Peter: macht das mal bitte vernünftig ;)  */
/* PS: "tabTable" als Klasse der übergordneten Table setzen */

.tabTable {
	margin-top: 5px;
}

.tabTable td {
	vertical-align: bottom;
	padding: 0px 2px 0px 0px;
}

.tabButton {
    vertical-align: bottom;
    font-size: 11px;
	display: inline-block;
	
	background-image: none;
	border-style: solid !important;
	border-width: 1px 1px 0px 1px !important;
	
	line-height: 26px;
	height: 26px;
	padding: 0px 10px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
	moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.tabButtonInact {
	background-color: #FFF;
	border-color: #b0ca99 !important;
	color: #222;
	cursor: pointer;
}

.tabButtonInact:hover {
	background-color: #3A7B00;
	border-color: #3A7B00 !important;
	color: #FFFFFF;
	line-height: 28px;
	height: 28px;
}

.tabButtonAct {
	background-color: #619533 !important;
	border-color: #3A7B00 !important;
	color: #FFFFFF;
	line-height: 28px;
	height: 28px;
	cursor: default;
}

.tabContent {
	border-color: #b0ca99;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 10px;
	position: relative;
	/* width: 100%; */
}

.tabHrSpacer {
	margin-top: -1px !important;
	margin-bottom: 0px !important;
	width: 100%;
	height: 2px;
	background-color: #b0ca99;
}

.limitedTextLength {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

.modalPanelComboThreeColumns {
	display: block;
}

.modalPanelComboThreeColumns tr {
	display: inline-block;
	width: 33%;
}

.modalPanelComboThreeColumns td {
	display: block;
	white-space: nowrap;
}

.modalPanelSelectOneThreeColumns tr {
	display: inline-block;
	width: 33%;
}

.modalPanelSelectOneThreeColumns td {
	display: block;
	white-space: nowrap;
}