/* 
	Diese Datei dient neuer Styles. Wenn Styles angepasst werden sollen oder neu erstellt werden, bitte hier in die Datei.
	Zu jeder Änderungsgruppe bitte ein Kommentar:
	
	Wer(Name), Wo(Jsp-Pfad), Warum(GUI-Element+Text) 
	 
	In regelmäßigen Abständen wird Peter S. diese Änderungen auf ihren Sinn und die Korrektheit überprüfen 
	und dann an den passenden Stellen im zentralen CSS einpflegen.
 */

/*  Hinzugefügt von Tobias
	für Anzeige der MeterLocationInfo 
	(Name und verfügbare Daten nach erfolgreicher Erstellung eines Diagramms) 
	in dynamischer Analyse, Platz ist dort sehr eng, deshalb kleinere Schriftgröße 
*/


/***** abschlagspbla müssen 2 tabellen nebeneinander die gleiche zellenhöhöe haben!! ***/
.fix_height_cell,
.edit_table td{
	height: 28px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.smallText {
	font-size: 9px;
	font-family: Arial, Verdana, Helvetica;
}

.divCompleteContract {
	line-height: 15px;
	height: 15px;
	width: 15px;
	background-color:#000000;
	cursor:pointer; 
	text-align: center; 
	vertical-align: middle;
	margin-top: 4px;
    margin-bottom: 0px;
    margin-left: 6px;
    margin-right: 6px;
    border-width:1px;
  	border-style:solid;
  	border-color:#000000;
}

.divUncompleteContract {
	line-height: 15px;
	height: 15px;
	width: 15px;
	background-color:#FFFFF;
	cursor:pointer; 
	text-align: center; 
	vertical-align: middle;
	margin-top: 4px;
    margin-bottom: 0px;
    margin-left: 6px;
    margin-right: 6px;
    border-width:1px;
  	border-style:solid;
  	border-color:#000000;
}

.divNothingContract {
	line-height: 15px;
	height: 15px;
	width: 15px;
	background-color:transparent;
	cursor:pointer; 
	text-align: center; 
	vertical-align: middle;
	margin-top: 4px;
    margin-bottom: 0px;
    margin-left: 6px;
    margin-right: 6px;
    border-width:1px;
  	border-style:solid;
  	border-color:transparent;
}

.divCompleteConsumptionData {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: auto;
	padding: 0px;
	background-color:#000000;
	border-width:1px;
  	border-style:solid;
  	border-color:black;
}

.divUncompleteConsumptionData {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: auto;
	padding: 0px;
	background-color:#FFFFFF;
	border-width:1px;
  	border-style:solid;
  	border-color:black;
}

.divNothingConsumptionData {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: auto;
	padding: 0px;
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
}

.divInvalidConsumptionData {
	display: inline-block;
	height: 10px;
	width: 20px;
	margin: auto;
	padding: 0px;
	background-color:#CCCCCC;
	border-width:1px;
  	border-style:solid;
  	border-color:#CCCCCC;
}

.divZeroTotalInData {
	height: 10px;
	width: 10px;
	margin: auto;
	padding: 0px;
	background-color:#CCCCCC;
	border-width:1px;
  	border-style:solid;
  	border-color:black;
}

/*  Hinzugefügt von Christoph
	für Formatierung des Header-Panels über der Editor Komponente
*/
.editorHeader {
	text-align: center;
	border: 0 none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 23px;
    cursor:default;
}

 
/*** neue Buttons in der article liste wurden positioniert. ****/
 
.article_table_div {
	display:block;
	text-align: center;
}

.article_table_div_button {
	position:relative;
	bottom:-4px;
	right:-4px;
	background-color: #d8e5cc;
	color: #619533;
}

.article_table_div_button:hover {
	background-color: #3A7B00;
	color: #FFFFFF;
}

.article_table_product_name {
	background-color: #D2DDBE;
	color: #619533;
}

/******************************************** PDF RENDERER ***************************************************/


div.pdfRendererImageWrapper
{
	overflow					: hidden;
	border						: 1px solid #DDD;
	background-color			: #E8E8E8;
	position					: relative;
	margin						: 0px 0px 20px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div.pdfRendererImageWrapper span.pdfRendererLoadingText
{
	display						: block;
	text-align					: center;
	margin						: 70px 0px;
	position					: absolute;
	left						: 0px;
	top							: 0px;
	width						: 100%;
	z-index						: 1;
}

div.pdfRendererImageWrapper img
{
	width						: 100%;
	height						: 100%;
	border						: 0px;
	position					: absolute;
	left						: 0px;
	top							: 0px;
	display						: block;
	z-index						: 0;
}

div.pdfRendererImageWrapper img.pdfRendererImageLoading
{
	visibility					: hidden;
	width						: 1px;
	height						: 1px;
}

/*###################################### Vertragszeiträume Darstellung ########################################*/

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

.CONTRACT_bar_start_before{
	border-style:solid solid solid dashed !important;
}

.CONTRACT_bar_end_after{
	border-style:solid dashed solid solid !important;
}

.CONTRACT_bar_start_before_end_after{
	border-style:solid dashed solid dashed !important;
}

.CONTRACT_bar{
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #D2DDBE;
	display:inline-block;
	text-align:center;
	border:1px solid #000000;
	cursor:default;
	height:60px;	
	float:left;
	white-space:nowrap;
}

.CONTRACT_bar_empty_before{
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: white;
	display:inline-block;
	text-align:center;
	border:1px solid #000000;
	border-style:solid;
	cursor:default;
	height:60px;	
	float:left;
	white-space:nowrap;
}

.CONTRACT_bar_empty_after{
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: white;
	display:inline-block;
	text-align:center;
	border:1px solid #000000;
	border-style:solid;
	cursor:default;
	height:60px;	
	float:left;
	white-space:nowrap;
}

.rich_datatable_header{
	background-color: #D2DDBE;
}

.columnClassDataTableWidth30{
	width:			30px !important;
	overflow: 		hidden;
	white-space:	normal !important;
}

.columnClassDataTableWidth300{
	width:			300px !important;
	overflow: 		hidden;
	white-space:	normal !important;
}


/*###################################### Vertragszeiträume Darstellung ########################################*/


span#modalPanel_INNERCONTENT
{
	display						: block;
}

/*################# ValitySet - Produkte - Artikel - Modal #######################*/

.tableValityset td
{
	width						: 30px;	
	padding						: 0px;	
	border					    : 1px solid;
	border-color				: #3A7B00;
	background-color			: #D2DDBE;
	color						: #458D03;
	cursor						: default;			
}

.tableValityset td.nocolor{
	border					    : 0px none;
	background					: none;
}


.rich-stglpanel-header{
	color						: #3A7B00;
	background-image			: none;
	background-color			: #D2DDBE;
	border-color				: #D2DDBE;
	height						: 20px;
}

.rich-stglpanel-marker{
	float						: left;
}

.rich-calendar-input{
	margin						: 0px;
	border						: 1px solid #CCC;
}

calendarFloatLeft {
	display						: block;
	float						: left;
}

/**
 * @author	pschulze
 * @desc	in ModalPanel FOOTER - fake button with highest tabindex
 * 			to reset focus to first tabindex"ed formular element
 * @date	2014-01-24
 */
#reTabButton {
	font-size					: 0.1pt;
	height						: 1px;
	width						: 1px;
	border						: none;
	background-color			: transparent;
}

/**
 * @author	pschulze
 * @desc	--- DASHBOARD BETA ---
 * 			using gridster in iFrame
 *			using panels and mainly styling headers separately
 *			TODO: leave gridster.css original and make changes here
 * @date	2014-01-24
 */
 
.gridster li div.header .printer,
.gridster li div.header .dragger {
	width						: 25px;
	border						: 0px;
	background-size				: 22px;
	background-position			: 50% 50%;
	background-repeat			: no-repeat;
	background-color			: #568d25;
}

/**
 * TW Testing...
 */
 .rowInvoiceManaging {
	height: 30px;
}

.dataTableBackgroundColor {
	background-color: #ebf2e688;
}

.autoCompleteWidth300 {
    width:300px !important;
}

.divHierarchieModalDataTable {
    display: inline-block;
    height: 30px;
    width: 2px;
    margin: 0px 0px 0px 1px;
    vertical-align: top;
    padding: 0px;
    background-color: #3A7B00;
    border-width: 0px;
}

.objectContentContainer a,
.bookmarkLink {
	color: #3A7B00;
	border-bottom: 1px solid #3A7B00;
	
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	transition: 200ms linear;
}

.objectContentContainer a:hover {
	border-bottom-color: transparent;
}

.preformatted {
    white-space: pre-wrap;
}

.userTools {
	z-index: 10;
	position: absolute !important;
	/* height: 275px !important; */
	height: 100% !important;
    top: 46px;
    right: 0px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--main-color);
    background-color: #FFFFFF;
}

body.isdebug .footer > table {
	background-attachment: fixed;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,119,15,0.5) 10px, rgba(255,119,15,0.5) 20px);
	background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,119,15,0.5) 10px, rgba(255,119,15,0.5) 20px);
	background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,119,15,0.5) 10px, rgba(255,119,15,0.5) 20px);
	background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,119,15,0.5) 10px, rgba(255,119,15,0.5) 20px);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,119,15,0.5) 10px, rgba(255,119,15,0.5) 20px);
}

#login_form,
#demoAccountForm,
#registrationProcessForm {
	display: flex;
	justify-content: center;
}

.loggedOutPanel {
	margin: 30px auto;
	border: 3px solid;
    padding: 20px;
    border-collapse: initial;
    border-radius: 5px;
    border-color: var(--color-disabled-bg);
    background-color: #FFF;
}