/* html5-Definitionen, basierend auf boilerplate */
/* article, aside, details, figcaption, figure, footer, header, hgroup, section { display: block; }
 */
html
{	
	margin:0px;
	padding:0px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body
{
  margin:0px;
  padding:0px;	
 margin: 0;
 font-size: 9pt;
 line-height: 1.231;
 background-color:#3c3c3c;
 height: 100%;
 background-repeat: no-repeat;
 background-image: linear-gradient(to right,#c9c7d1 0,#e5e5ea 6%,#fefefe 20%,#fefefe 80%,#e5e5ea 94%,#c9c7d1 100%);
 font-family: 'Roboto', sans-serif ;
  overflow:hidden;
 overflow-y: auto;
}


input, .form-control{
	font-size: 9pt !important;
}

@font-face {
    font-family: 'Grechen Fuemen';
    src: url('../fonts/GrechenFuemen-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, button, input, select, textarea
{
 /* font-family: Questrial; */
 color: #222;
}
div{
	border-radius:4px;
}
a { color: #336699; }
img { border: 0;}
strong	{	font-weight:bold;	}
em	{	font-style:italic;	}

h1
{
 font-size: 16px;
 font-weight: bold;
}

h2
{
 font-size: 14px;
 font-weight: bold;
}

h3
{
 font-size: 13px;
 text-decoration: underline;
}


/*AB hier Print*/


@page {
        margin:0.01cm;
        padding:0.0cm;
		/*size:29.7cm 21cm;*/
		 size:auto; 
		margin: 0.0mm; 
	}
@media print {
	table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
	@page {
		size: A4; /* oder eine andere geeignete Seitengröße */
	}
	*, ::after, ::before {
		color: #000 !important;
		text-shadow: none !important;
		background: white !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}	
	html, body{
		overflow:auto;
		font-size:7pt;
		margin: 0cm;
		padding:.1cm !important;
		position:relative;
		left: 0cm;
		top:0cm;		
		margin: 0; 
		background: white !important;
	}
/* 	QR 2FA Box */
	#loginBox {
		background: #ececec;
		min-width: 120px;
		max-width: 175px;
		box-shadow: 0 0 4px rgba(0,0,0,.3);
		padding: 10px;
		margin-left: 15px;
		background-size: auto;
		position: relative;
		top: -50px;
	}
	#2fa-block{
		display: flex;
		align-items: flex-start;
		height: 65px;
	}
	#loginBox img{
		width: 100% !important;
	}
	#loginBox p{
		width: 100% !important;
	}
	#codeInput {
		border-radius: 4px;
		border: 1px solid rgba(0,0,0,.2);
		height: 30px;
		margin-bottom: 5px;
		width: 100%;
	}
/*  2FA-Ende ----------------------	 */
	.col-sm-8{
		width:100% !important;
	}

	.main-menu, #adminDiv, .produktDiv, .buttonList, .brand, .checky, #timeout, .keinInhalt, #feedbackDiv, .produktDivVZ{
		display:none;
	}
	.inhalt_opt, .subhead_vgl, #wasteDiv{
		display:none;
	}
	.IsOuterVZ .form-group{
		display:none;
	}	
	.IsOuter{
		page-break-after: auto;
		height: 100%;
		width: 100%;
		padding-top: 3px;
		padding-left: 35px;
	}
	.col-sm-8 {
		width: 100% !important;
		position: relative;
		left: 1cm;
	}
	.IsOuter .input-group input, .btn, .form-control, .input-group-addon{
		border: 0px solid white !important;
		width:100%;
		
	}

	
	input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
	}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none;
	}
	#einheit select {
	display:none;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	}
	.glyphicon {
	top: -25px;
	}
	
	h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
	page-break-inside:avoid }
	ul, ol, dl  { page-break-before:avoid }
	#vglTab{		
		/*width:2000px !important;
		 font-weight:700; */
	}
	#vglTab table{		
		font-size:5pt;
		border: 0px solid;
		line-height: 1.2;
	}
	#vglTab table td{
		display:block;
		float:left;
		padding: 2px !important;
	}
	#inhaltstable{
		width:200px !important;

	}

	.IsOuter>.LmDaten #inhaltstable{
		box-shadow: 10px 0 8px -7px rgba(0,0,0,.4) !important;
		z-index: 9999 !important;
		position: absolute !important;
	}
	.panel-body{
		border-radius: 4px;
		float: left;
		height: max-content !important;
		width: 21cm;
		page-break-after: avoid;
		padding: 0cm;
		position: relative;
		top: 0cm;
		padding-left: 1.5cm;
	}
	
	.inhaltstable_vgl > thead {
	  position: sticky;
	  top: 0px;
	  background-color: #c5d679;
	  color: white;
	  height: 68px;
	  width: 4cm !important;
	  display: inline-block;
	}
	#BE_nst, #kcal_nst {
	  position: sticky;
	}
	.lm{
		width:4cm;
	}
	.lm .lmTabname {
	  position: relative;
	  top: 8px;
	  z-index: 0;
	  width: 120px;
	  left: -116px;
	  font-size: 7pt;
	  overflow-wrap: anywhere;
	  transform: rotate(90deg);
	  font-weight: inherit;
	}
	.lm > thead > tr > th {
	  vertical-align: bottom;
	  border-bottom: 0px solid #ddd !important;
	  width: 50px !important;
	  height: 53px;
	}
	.lm  tr {
	  page-break-inside: avoid;
	  width: 46px;
	  display: block;
	}
	.ausgeblendet{
	  display:none;
	}
	.chartVision{
		background: white !important;
	}
	.enlarge-image{
		max-width:500px;
		background:white;
	}
	.container-other td, tr { padding: 2px; line-height: 1; height:20px; }
	.container-other table { border-collapse: collapse; }
	
/* Ausgabe der Verzehrgrafiken	 */

}

/*print ende*/


.hide {
    display: none !important; /* Wichtig, um sicherzustellen, dass die Regel nicht von anderen CSS-Regeln überschrieben wird */
}