:root{
}

html,body,#alles{
	height:100%;
}

a:hover{
	color:var(--primary);
}

input.button-save{
	background-image:url("../img/save.gif");
	background-position:left center;
	background-repeat: no-repeat; 
	padding-left:2em;
	/*color:#000;*/
	cursor:pointer;
}




/*******************************************************************/
/* Umbrüche */
*{
	hyphens:auto;
}
.nowrap,
.nowrap *{
	hyphens:none;
	white-space: nowrap;
}


/*******************************************************************/
/* allgemeine Klasse */
.hidden{
	display:none !important;
}

/*******************************************************************/
/* Mauszeige */
.cursor-pointer{cursor:pointer;}


.breadcrumb{
	background-color:transparent;
}

/*******************************************************************/
/* DBTables*/

#content{
	margin-top:calc(43px + 16px + 8px);
	/*height:100%;*/
}
/*														Fieldset/Legend */
fieldset{
	border-top:1px solid var(--primary);
}
legend{
	width:auto;
	border:1px solid var(--primary);
	border-radius: 4px;
	padding:0rem 1rem;
}

/* 														Kopfzeile */
.row_header label {
	/* von 4rem auf 8rem*/
    max-height: 8rem;
    overflow: visible;
}
.row_header .form-control{
	display:inline;
	border:none;
	font-weight:bold;
	background-color:transparent;
}

.row_hr{
	font-weight:bold;
	border-bottom:1px solid var(--primary);
}

/* 														Fußzeile  */
.row_footer .dropdown-menu{
	/*position: static !important;*/
	height:10rem;
	overflow-y:auto;
}

/* 														Formularelemente */
.form-control:focus {
    border-color: var(--primary);
    
    box-shadow: 0 0 0 0.2rem var(--shadow);
}

/*														Spalten hervorheben*/
.columnHover{
	border-left:1px solid black;
	border-right:1px solid black;
}


/* 														inaktive Elemente*/
a.inaktiv,
option.inaktiv{
	font-style:italic;
	color:#ccc;
}



/* 														Formularelemente*/
textarea{
	max-height:15rem;
}
textarea.cke_editable {
	max-height:100%;
}


.mh-10em>div{
	max-height:10em;
	overflow:auto;
	resize: vertical;
}
.mh-15em>div{
	max-height:15em;
	overflow:auto;
	resize: vertical;
}


/* 														Require */
th.required label:after,
label.required:after{
	content:" *";
	color:red;
	
}

/*******************************************************************/
/* CLEAR  batz.info - 2023-03-03  */
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.clear-both{
	clear:both;
}


/*******************************************************************/
/* Bootstrap Tooltips */
.tooltip-inner{
	background-color:var(--quickinfo);
	color:#000;
	border:1px solid #000;
	min-width:200px;
	max-width:min(350px,100vw);
	width:auto;
	
}

/*******************************************************************/
/* Bootstrap Toast batz.info - 2023-03-03 */
.toast-wrapper{
	
	position:fixed;
	right:5px;
	bottom:5px;
	z-index:99999;
}
.toast{
	background-color:var(--white);
}

.toast-header {
  color: #115080;
  background-color:var(--primary-light);
}

/*******************************************************************/
/* Buttons */
.btn-primary{
	background-color:var(--primary);
}
.btn-primary:hover{
	background-color:var(--primary-50);
}

/*******************************************************************/
/* Liste - Spaltenüberschriften */




/* Chrome zeigt sonst die Checkbox wegen form-control nicht mehr an */
div>input[type=checkbox].form-control{
	width:1rem;
	display:inline-block;
	margin-left:1rem;
}
td>input[type=checkbox].form-control{
	width:1rem;
	display:inline-block;
	/*margin-left:1rem;*/
}



/*******************************************************************/
/* Paging / Navigation */
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--primary);
}


@media (max-width: 576px) {
	.dropdown-item.divider,
	.dropdown-item.divider-last
	{
		border-bottom:1px solid var(--primary);
	}
	.navbar-brand picture{
		display:none;
	}
	.navbar{
		background:var(--company) url("../img/logo.gif") left top no-repeat;
		background-size: 70%;
	}

}
@media (min-width: 577px) {
	.dropdown-item.divider-last {
		border-bottom:1px solid var(--primary);
	}
}

.dropdown-divider{
	border-bottom:1px solid var(--primary);
	height:0;
}

.page-item.active .page-link{
	background-color: var(--primary);
	border-color: var(--primary);
}
.page-link {
    color: var(--primary);
}

.page-item.active .page-link{
	z-index:inherit;
}

/*******************************************************************/
/* dropzone-upload */
.dropzone-upload{
	height:auto;
	text-align:center;
	cursor:pointer;
	/*
		// batz.info - 2024-03-04
		// min-height hinzugefügt
	*/
	min-height: calc(1.5em + 0.05rem + 2px);
}

.dropzone-upload .upload_error{
	color:red;
}

/*******************************************************************/
a.filelist span img{
	display:none;
	position:absolute;
	max-width:20rem;
	max-height:20rem;
	background-color:var(--white);
	border:1px solid var(--primary);;
	border-radius:0.5rem;
	margin-left:2rem;
	margin-top:1rem;
	box-shadow: 5px 5px 10px var(--shadow);
	z-index:999;
	padding:0;
}
a.filelist:hover span img{
	display:block;
}


.boxshadow{
	-webkit-box-shadow: 5px 5px 10px var(--shadow);
	-moz-box-shadow: 5px 5px 10px var(--shadow);
	box-shadow: 5px 5px 10px var(--shadow);
}

.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=90);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.9;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.9;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.9;
}


/*******************************************************************/
/* Quickinfo  */
a.quickinfo{
	text-decoration:none;
	border-bottom:1px dotted gray;
}
a span.quickinfo{
 	
	display:none;
}
a:hover span.quickinfo{
	display:block;
	background:var(--quickinfo);
	position:absolute;
	border:1px solid black;
	padding:4px;
	z-index:999;
	margin-top:1em;
	margin-left:12px;
	min-width:80px;
	max-width:400px;
	
	color:#000;
	
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
	
	 -webkit-box-shadow: 5px 3px 3px var(--shadow);
    -moz-box-shadow: 5px 3px 3px var(--shadow);
    box-shadow: 5px 3px 3px var(--shadow);
}


/*******************************************************************/
/* AWESOMEFONT */
.filter_button .fa-stack{
	height:1em;
	width:1em;
	margin-top: -1.25em;
}
/*******************************************************************/
/* Bootstrap-Datepicker*/
.datepicker{
	margin-top:4.3rem;
}
	/* IE 11 darf den datepicker nicht nach unten verschieben*/
	_:-ms-fullscreen,
	:root .datepicker {
	    margin-top:0rem;
	}
/*******************************************************************/
/* Bootstrap Select-Picker */
.bootstrap-select > .dropdown-toggle{
	border: 1px solid #ced4da !important;
}
.bootstrap-select .dropdown-menu{
	z-index:1040;
}	

/*******************************************************************/
/* Table-header-Sticky*/
.tableFloatingHeaderOriginal{
	background-color:#fff;
}
.mw-xs {
		min-width:768px;
	    overflow-x: clip;
		white-space: nowrap;
	}
.mw-sm {
		min-width:768px;
	    overflow-x: clip;
		white-space: nowrap;
	}	
.mw-md {
		min-width:992px;
	    overflow-x: clip;
		white-space: nowrap;
	}
.mw-lg{
		min-width:1200px;
	    overflow-x: clip;
		white-space: nowrap;
	}	
.mw-xl{
		min-width:1920px;
	    overflow-x: clip;
		white-space: nowrap;
	}
/*******************************************************************/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
}
/* END - Small devices (landscape phones, 576px and up) */
/*******************************************************************/

/*******************************************************************/
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	label.required:after{
		float:right;
	}
	

}
/* END - Medium devices (tablets, 768px and up)*/
/*******************************************************************/

/*******************************************************************/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
}
/* END - Large devices (desktops, 992px and up) */
/*******************************************************************/

/*******************************************************************/
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
		
}
/* END - Extra large devices (large desktops, 1200px and up) */
/*******************************************************************/
	
	
/**
 * *********************************
 * Mindestbreiten für Tabellen
 */




/**
 * ****************************
 * jquery-autocomplete
 */

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px var(--shadow); -moz-box-shadow: 1px 4px 3px var(--shadow); box-shadow: 1px 4px 3px var(--shadow); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }




#offline{
	display:none;
	background-color:var(--offline);
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	text-align:center;
	font-size:3em;
	padding-top:2em;
	
}


body.high-contrast{
	--company:rgba(255, 255, 121, 1);
	--company-light:rgba(255, 255, 121, 1);


	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #343a40;
	--gray: #6c757d;
	--gray-dark: #343a40;


	--primary: rgba(255, 255, 121, 1);
	--secondary: rgba(255, 255, 121, 1);
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: rgba(33, 37, 41, 1);
	--dark: rgba(255, 255, 121, 1);

	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;



	--offline:	rgba(255,0,0,0.8);
	--shadow:     rgba(212, 208, 200,1);
	--quickinfo:  rgba(255, 247, 140,1);

	--primary-10: rgba(29, 124, 71, 0.1);
	--primary-20: rgba(29, 124, 71, 0.2);
	--primary-30: rgba(29, 124, 71, 0.3);
	--primary-40: rgba(29, 124, 71, 0.4);
	--primary-50: rgba(29, 124, 71, 0.5);
	--primary-60: rgba(29, 124, 71, 0.6);
	--primary-70: rgba(29, 124, 71, 0.7);
	--primary-80: rgba(29, 124, 71, 0.8);
	--primary-90: rgba(29, 124, 71, 0.9);

	--dark-30: rgba(255, 255, 121, 1);
	--dark-40: rgba(255, 255, 121, 1);
	--dark-50: rgba(255, 255, 121, 1);
	--dark-60: rgba(255, 255, 121, 1);
	--dark-70: rgba(255, 255, 121, 1);
	--dark-80: rgba(255, 255, 121, 1);
	--dark-90: rgba(255, 255, 121, 1);
}
body.high-contrast .row_content .art_bez,
body.high-contrast .row_content .art_bez_kompakt_landscape ,
body.high-contrast .row_content .art_bez_kompakt{
	color:var(--light) !important;
	font-size: 1.7em;
}
body.high-contrast .row_content .art_bez_kompakt {
	color:var(--light) !important;
	font-size: 1.3em;
}
body.high-contrast .navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 121, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* Hochkontrast-Modus */
/*
.high-contrast {
	background-color: black;

}
.high-contrast *{
	color: var(--yellow);
}
.high-contrast a {
	color: var(--cyan);
}
.high-contrast .art_bez {
	color: black;
	font-weight:bold;
	font-size:1.5em;
}
.high-contrast input {
	background-color: black;
	color: yellow;
	border: 2px solid yellow;
}

.high-contrast button {
	background-color: var(--yellow);
	color: black;
	border: 2px solid black;
}
*/