/* *************************************************************
	ui-grid-liefert-es.css
	
	klee: sc ergänzende Styles für die Solr-Suche	
	klee: 16.06.2016
************************************************************* */

/* klee: Grid fuer Suchergebnislisting */
/* TODO klee @deprecated uiGridStyle -- nur altes Shop-System -- jetzt uiGridStyleResponsive */
.uiGridStyle {
	border: 1px solid rgb(212, 212, 212);
	width: 875px; /* 24,6 cm: 3,56px pro mm*/
	height: 700px;
	line-height: 12px;
	font-size: 11px;
}

/*  WH: 18.03.2019 - Suchseite responsive: Ausblenden von Tabellenspalten */
.uiGridStyleResponsive {
	border: 1px solid rgb(212, 212, 212);
	width: 100%; /* 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 */
	/* Bei Änderungen: unbedingt auch in den Styles/properties den Wert verändern und vice versa */
	/* 7 Artikel: height: 700px; */
	height: 700px;
	
	/* WH: 18.06.2020 - sShop: Korrekturen neues Layout: Grid überarbeitet*/
	line-height: 12px;
	font-size: 11px;
}
/* 	
	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 {
	/*height: 37px;*/
	/*WH: 24.07.2017 - erhoeht auf 50px weil sonst Header-Zeile von der ersten Contentzeile
	 teilweise verdeckt wird*/
	height: 50px;
}
/* klee: 24.02.2021 - für Auftragsübersicht */
#gridAuftragsinfoHb .ui-grid-header {
	height: 20px;
}

/* klee: 24.02.2021 - für Tracking-Pakete */
#auftragsInfoPaketTrackDiv .ui-grid-header {
	height: 20px;
	background-color: #f5f5f5
}

#auftragsInfoPaketTrackDiv .ui-grid-header {
	padding-top: 0px;
}



/*
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;
}

/*
 Kopf-Farbe/Style des grids
*/
.ui-grid-top-panel {
	background: #F5F5F5;
	color: black;
	font-size: 10px;
	font-family: 'Roboto', Arial, 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}
*/

/*  WH Klasse icon-blank mit Symbol Doppelpfeil oben-unten setzen */
.ui-grid-icon-blank::before {
	/* den Doppelpfeil von Font Awesome*/
	font-family: FontAwesome;
	width: 1em;
	content: '\f0dc';
	/* wenn nicht sortiert wird, wird die Klasse invisible gesetzt im Grid*/
	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: 'Roboto', Arial, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
}

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

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

.hbuiSearchDetailTextLink {
	color: black;
	cursor: hand;
	cursor: pointer !important;
	font-size: 11px;
	font-family: 'Roboto', Arial, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
	/* WH: 28.02.19 - Style-Erweiterungen: font-weight: normal gesetzt*/
	font-weight: normal;
}

.hbuiSearchDetailTextLink:hover {
	/* color: #ff9073; */
	color: #C57100;
}

.hbuiSearchDetailHeaderLink {
	color: #fe9100;
	cursor: hand;
	cursor: pointer !important;
	font-size: 11px;
	font-family: 'Roboto', Arial, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
	
	font-weight: bolder;
}

/* WH: 17.03.2022 - Abverkaufsartikel: Bug fix Layout */
/*Div mit Bestellnr float:left, damit div mit Text fuer Abverkaufsartikel rechtsbuendig erscheint */
.hbuiSearchMitAbverkauf {
	float: left;
}

.hbuiSearchDetailHeaderLink:hover {
	/* color: #ff9073 */
	color: #C57100;
}


/*  WH: 15.06.2020 - Anpassung css Suche-Listing für sShop 
die Breite muss gesetzt werden, weil sonst das Icon und der Text zu weit nach rechts rutscht
und nicht mehr sichtbar ist*/
.hbuiSearchConfigWidth {
	width: 50%
}

/*  WH: 15.06.2020 - Anpassung css Suche-Listing für sShop */
.hbuiSearchConfigLink {
	color: #f99d05;
	cursor: hand;
	cursor: pointer !important;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
}

/* WH: 15.05.2020 - Bestellvorlage: Anpassungen fuer sShop*/
/* Media screen von vtmp uebernommen */
@media screen and (min-width: 1200px) {
	.hbuiTxtGrundpreis {
		font-size: 11px;
	}
	.hbuiTxtLiefer {
		font-size: 11px;
	}
	span.hbuiTxt {
		font-size: 11px;
	}
	input.hbuiTxt {
		font-size: 11px;
	}
	div.hbuiTxtDiv {
		font-size: 11px;
	}
	.hbuiSearchDetailTextLink {
		font-size: 11px;
	}
	.hbuiSearchDetailHeaderLink {
		font-size: 11px !important;
	}
}


/*@media screen and (max-width: 990px) {*/
/*@media screen and (max-width: 1099px) {*/
@media screen and (max-width: 1199px) {
	.hbuiTxtGrundpreis {
		font-size: 10px;
	}
	.hbuiTxtLiefer {
		font-size: 10px;
	}
	span.hbuiTxt {
		font-size: 10px;
	}
	input.hbuiTxt {
		font-size: 10px;
	}
	div.hbuiTxtDiv {
		font-size: 10px;
	}
	.hbuiSearchDetailTextLink {
		font-size: 10px;
	}
	.hbuiSearchDetailHeaderLink {
		font-size: 10px !important;
	}

	/*WH TEST
	.hbuiSearchDetailTextLink>b {
		font-size: 10px !important;
	}
	*/
}


/* 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; */
	/* klee: 14.04.2021 - showLoaderImg in top=0px + left=0px gesetzt */
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	opacity: 0.3;
	background-color: grey;
	top: 5px;
}

/* 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: 12px !important;
}

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

/* 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;
}

/* klee: 25.03.2020 - vtmp: Korrekturen neues Layout: Grid überarbeitet */
.hbCellProductImg {
	width: 100px;
	max-width: 100%;
	
	height: 60px;
	margin-left: 0px; 
	/* margin-top: 7px; */
	/*  WH: 03.05.2023 - Suchergebnislisting Bilder vergroessern bei Mouseover */
	/* margin-top verringern, damit senkrechte Bilder ganz reinpassen*/
	margin-top: 6px; 
	padding-bottom: 2px;
}

.hbCellNoProductImg {
	width: auto !important;
	height: 60px;
	margin-left: 0px; 
	/* margin-top: 7px; */
	/*  WH: 03.05.2023 - Suchergebnislisting Bilder vergroessern bei Mouseover */
	/* margin-top verringern, damit senkrechte Bilder ganz reinpassen*/
	margin-top: 6px; 
	padding-bottom: 2px;
}
/*  WH: 03.05.2023 - Suchergebnislisting Bilder vergroessern bei Mouseover */
/* Class fuer Cell mit Bild: gleichzeitig text-center und overflow:visible */
.hbCellClassBildPopover {
	text-align: center;
	overflow: visible;
}

/* WH: eigene Background-Color fuer selected Row im Grid, fuer bessere Lesbarkeit der orangefarbigen Schrift
.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
	background-color: #788487;
}
*/


/* WH: eigene Background-Color fuer selected Row im Grid, fuer bessere Lesbarkeit der orangefarbigen Schrift */
/* klee: 28.04.2020 - Suchlisting: Farbliche Markierung der border eines selektierten Artikels */
.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
	/* sshop dunkles grau: background-color: #788487;*/
	/* background-color: #cbd0d1;*/
	/* background-color: #a6aaab;*/
	background-color: #788487;
	 
	border-top: thin;
	border-top-color: #fe9100;
	border-top-style: solid;
	
	border-bottom: thin;
	border-bottom-color: #fe9100;
	border-bottom-style: solid;
}

/* WH: Notiz im Suchlisting einruecken wie die Texte*/
.ui-grid-cell .hbListtextNotiz {
	padding-left: 2px;
}