/* *************************************************************
	klee: sc ergänzende Styles für die Solr-Suche 	
	klee: 16.06.2016 
************************************************************* */

/* klee: Grid fuer Suchergebnislisting */
.uiGridStyle {
	border: 1px solid rgb(212, 212, 212);
	width: 875px; /* 24,6 cm: 3,56px pro mm*/
	/* Veraenderung der height zieht Veraenderung der Konstante $scope.MAX_VISIBLE_ARTCLES nach sich */
	/* WH+klee: 23.04.2018 -- ui-grid Bugbeseitigung chrome: Höhe (siehe Konstante HB_UI_GRID_HEIGHT) */
	/* Bei Änderungen: unbedingt auch in den Styles/properties den Wert verändern und vice versa */
	height: 700px;
}

/*  WH: 18.03.2019 - Suchseite responsive: Ausblenden von Tabellenspalten */
.uiGridStyleResponsive {
	border: 1px solid rgb(212, 212, 212);
	width: 98%; /* 24,6 cm: 3,56px pro mm*/
	/* Höhe des Grids */
	height: 700px;
}

/* 	
	Wird normalerweise in den gridOption headerRowHeight gesetzt.
	Das funktioniert aber nicht bzw. wird normalerweise automatisch aus der grid-height berechnet
	Wird deshalb hier explizit gesetzt.
*/
.ui-grid-header {
	/* mit 40 werden zzgl. MwSt (Euro) 3 Zeilen */
	/*height: 32px;*/
	/*WH: 24.07.2017 - erhoeht auf 40px weil sonst Header-Zeile von der ersten Contentzeile
	 teilweise verdeckt wird*/
	height: 40px;
}

/*
http://stackoverflow.com/questions/28730621/column-header-wrapping-when-using-angular-ui-grid
Sorgt für Zweilenumbrüche in Spaltenüberschrift, falls diese mehr Platz als die Spalten-Breite
benötigen
*/
.ui-grid-header-cell .ui-grid-cell-contents {
	height: auto !important;
	white-space: normal;
	-ms-text-overflow: clip;
	-o-text-overflow: clip;
	text-overflow: clip;
	overflow: visible;
}

/*
 Grid-Row-Überschriften: Kopf-Farbe/Style des grids
*/
.ui-grid-top-panel {
	background: #F5F5F5;
	color: #00389A;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*
 alternierende Zeilenfarbe des Grids
*/
.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: #E6E6E6;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
	background-color: #FFFFFF;
}

/*
Bei Mouse over: 
.ui-grid-row:nth-child(even):hover .ui-grid-cell{background:#F5F5F5}
.ui-grid-row:nth-child(odd):hover .ui-grid-cell{background:#F5F5F5}
*/


/* der Doppelpfeil von Font Awesome
wird nur sichtbar wenn innnerhalb eines Elements die von der Klasse sortable umgeben ist 
wird durch enableSorting : true in der Grid-Definition gesetzt
*/
.sortable .ui-grid-icon-blank:before{
	font-family: FontAwesome;
	width: 1em;
	content: '\f0dc';
	visibility: visible;
}

/*
Farbe für Sorting Arrow setzen/Überschreiben
*/
.ui-grid-icon-up-dir:before {
	content: '\25b2';
	color: #FF0000;
}

.ui-grid-icon-down-dir:before {
	content: '\25bc';
	color: #FF0000;
}

/*
font-size: 0 !important; -- Deaktiviert die Spaltenzeile, nach der sortiert wird
Hinweis: die 1 nach den Pfeilen, scheint mir für ein Multi-Column-Sorting wichtig zu sein:
1: Hauptspalte in der sortiert wird
2: Nebenspalte ...

Multi-Column-Sort erhält man mit Shift+Header-Click
*/
/*.ui-grid-sort-priority-number {
	font-size: 0 !important;
}*/

/*
Bei Mouse over: 
.ui-grid-row:nth-child(even):hover .ui-grid-cell{background:#F5F5F5}
.ui-grid-row:nth-child(odd):hover .ui-grid-cell{background:#F5F5F5}
*/

/*
Farbe für Sorting Arrow setzen/Überschreiben
*/
.ui-grid-icon-down-dir:before {
	/*content: '\25bc';*/
	
}

.ui-grid-icon-up-dir:before {
	content: '\25b2';
}

div.hbuiTxtDiv {
	color: black;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
}

span.hbuiTxt {
	/* background-color: yellow; */
	color: black;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 5px;
}

/* 
u.a. Mengeneingabe-Feld im Grid: input[type='text'] { font-size: 24px; }
*/
input.hbuiTxt {
	color: black;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

@media screen and (min-width: 770px) {
	.hbuiSearchDetailTextLink {
		color: black;
		cursor: hand;
		cursor: pointer !important;
		font-size: 11px !important;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 10px;
		padding-right: 5px;
		/* WH: 28.02.19 - Style-Erweiterungen: font-weight: normal gesetzt*/
		font-weight: normal;
	}
}

@media screen and (max-width: 770px) {
	.hbuiSearchDetailTextLink {
		color: black;
		cursor: hand;
		cursor: pointer !important;
		font-size: 10px !important;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 10px;
		padding-right: 5px;
		/* WH: 28.02.19 - Style-Erweiterungen: font-weight: normal gesetzt*/
		font-weight: normal;
	}
	
	/**WH TEST*/
	.hbuiSearchDetailTextLink > b {
	font-size: 10px !important;
	}
}

.hbuiSearchDetailTextLink:hover {
	color: #00AEEF;
}

@media screen and (min-width: 770px) {
	.hbuiSearchDetailHeaderLink {
		color: #00389A;
		cursor: hand;
		cursor: pointer !important;
		font-size: 11px  !important;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 10px;
		padding-right: 5px;
	}
}

@media screen and (max-width: 770px) {
	.hbuiSearchDetailHeaderLink {
		color: #00389A;
		cursor: hand;
		cursor: pointer !important;
		font-size: 10px !important;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 10px;
		padding-right: 5px;
	}
	/* Hack für */
	/*.hbuiSearchDetailHeaderLink > b {
		font-size: 10px !important;
	
	}*/
}

.hbuiSearchDetailHeaderLink:hover {
	color: #00AEEF;
}

/* Style fuer das Loader-Img, den sich drehenden Kreis*/
.hbuiLoaderImgStyle {
	border: solid 5px;
	/*WH : heigth = 1500px, bei 100% deckt es unten nicht alles zu*/
	height: 1500px;
	/*WH Abstand zu oben nur wenige px, damit die Links im Menue deaktiviert sind*/
	top: 5px;
	/*position: absolute;*/
	/* WH: 01.03.2019 - Neues VTMP-Layout: Style Erweiterungen*/
	/* position fixed, damit der ganze Browser-Viewport ueberdeckt wird*/
	position: fixed;
	width: 100%;
	z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	opacity: 0.3;
	background-color: grey
}

/* Style (Ergaenzung) fuer die UI-Grid Blaetter-Tasten */
.hbUiGridPager {
	/*height: 18px !important;*/
	/* WH: 03.08.2017 - Style-Aenderungen*/
	height: 15px !important;
	vertical-align: top !important;
	padding-top: 2px !important;
	/* WH: 03.08.2017 - Style-Aenderungen*/
	padding-bottom: 2px !important;
	margin-bottom: 3px !important;
	/*background-color: red !important;*/
}
/* Style (Ergaenzung) fuer die UI-Grid Blaetter-Input-Feld */
.hbUiGridPagerInput {
	height: 10px !important;
}
/* Style (Ergaenzung) fuer die UI-Grid Blaetter-Max-Page-Feld */
.hbUiGridPagerMaxPage {
	height: 10px !important;
	vertical-align: middle !important;
	font-size: 14px !important;
}

/* WH:um Tooltip in Zelle anzuzeigen Zelle mit overflow setzen*/
.hbCellToolTip {
	overflow: visible;
}

/*WH: Style fuer Verfuegbarkeitsauskunft*/
.hbUiVerfuegbar:hover {
	color: #00AEEF;
}

/* WH+klee: 23.04.2018 -- ui-grid Bugbeseitigung chrome: automatisches Scrollen */
.ui-grid-viewport {
	overflow-anchor: none;
}

/**************************************************************
WH: sc ergänzende Styles für die Endkundenrechnungstool
**************************************************************** */
/*Style fuer das Grid mit den Positionen*/
.gridStyleEkrPos {
	border: 1px solid rgb(212, 212, 212);
	width: 1099px;
	height: 300px
}

/*Style fuer das Grid mit den Gesamtkosten*/
.gridStyleEkrGesamt {
	border: 1px solid rgb(212, 212, 212);
	width: 1099px;
	height: 200px
}

/**************************************************************
WH: sc ergänzende Styles für die sccms
**************************************************************** */
/*Style fuer das Grid mit den sccms-Eintraegen*/
.gridStyleScCMS {
	border: 1px solid rgb(212, 212, 212);
	width: 1050px;
	height: 300px
}

/*Style fuer editierbare Zelle: blauer Rahmen + mintgruener Hintergrund*/
.hbCellEditable {
	border-style: solid;
	border-width: 1px;
	border-color: #00AEEF;
	background-color: #eeffee;
}

/*Style um Text in einzelne Zellen links, rechts, oder mittig setzen zu koennen
Bsp: cellClass:'hbCellTextLeft'
*/
.hbCellTextLeft {
	text-align: left;
}

.hbCellTextRight {
	text-align: right;
}

.hbCellTextCenter {
	text-align: center;
}