@font-face {
	font-family: "Ubuntu";
	src: url("../fonts/Ubuntu-Regular.ttf");
}
@keyframes fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
body {
	font-family: Arial;
	font-size: 14px;
}
.fa {
#	font-size: larger;
#	vertical-align: middle;
	color: steelblue;
}
.navbar {
	padding: 5px;
}
.nav-item > .nav-link {
	 color: steelblue;
}
.dropdown {
	padding-top: 3px;
}
.dropdown > .dropdown-menu > .dropdown-item > * {
	color: black;
	text-decoration: none;
}
.dropdown-menu.show {
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: inherit;
	line-height: 1.3;
}
.dropdown-item:active,
.selected-dropdown-menuitem,
.modal-header,
table>thead>tr>th.info,
.group-by.expanded > td {
	background: #d9edf7;
}
.nav-item:hover,
.dropdown:has(> .dropdown-menu.show) {
	 background: #f8f9fa;
}
.intro-background {
	border: 0;
	padding: 0px;
	width: 100%;
	text-align: left;
	margin-bottom: 1px;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 2%, rgba(238,238,238,0) 37%, rgba(209,209,209,1) 98%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(2%,rgba(255,255,255,0)), color-stop(37%,rgba(238,238,238,0)), color-stop(98%,rgba(209,209,209,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 2%,rgba(238,238,238,0) 37%,rgba(209,209,209,1) 98%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 2%,rgba(238,238,238,0) 37%,rgba(209,209,209,1) 98%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 2%,rgba(238,238,238,0) 37%,rgba(209,209,209,1) 98%);
	background: linear-gradient(135deg, rgba(255,255,255,0) 2%,rgba(238,238,238,0) 37%,rgba(209,209,209,1) 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#d1d1d1",GradientType=1 );
}
.intro-logo {
	animation: fadein 3s ease-in alternate;
	height: auto;
	max-height: 450px;
}
.impressum-align {
	padding: 10px;
	text-align: center;
	font-family: Ubuntu !important;
}
.impressum-align > p {
	margin-bottom: 0.3rem;
}
.main {
	border: 0;
	position: relative;
}
.bootstrap-table {
	font-family: Ubuntu;
}
tbody, td, tfoot, th, thead, tr {
	border-color: #ddd;
	white-space: nowrap;
}
.th-inner > .btn {
	font-size: inherit;
}
.info {
	font-weight: normal;
}
.btn-default:focus,
.btn-default:hover,
.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.collaps-status-width {
	width: 55px;
}
.volle-width {
	width: 45px;
}
.abr-width {
	width: 45px;
}
.fehler-width {
	width: 35px;
}
.kegel-width {
	width: 60px;
}
.satz-width {
	width: 30px;
}
.mp-width {
	width: 45px;
}
.sp-width {
	width: 40px;
}
@media only screen and (max-width: 575px) {
	.less576px {
		display: none;
	}	  	  
}
@media only screen and (max-width: 767px) {
	body {
		font-size: 11px;
	}
	.less768px {
		display: none;
	}	  	  
}
@media only screen and (max-width: 991px) {
	body {
		font-size: 12px;
	}
	.less992px {
		display: none;
	}
	.collaps-status-width {
		width: 45px;
	}
	.volle-width {
		width: 35px;
	}
	.abr-width {
		width: 35px;
	}
	.kegel-width {
		width: 40px;
	}
	.satz-width {
		width: 30px;
	}
	.mp-width {
		width: 25px;
	}
	.sp-width {
		width: 33px;
	}		  	  
}

@media only screen and (max-height: 700px) {
	.scrollable-menu {
		height: auto;
		max-height: 550px;
		overflow-x: hidden;
	}
}
@media only screen and (max-height: 600px) {
	.scrollable-menu {
		height: auto;
		max-height: 450px;
		overflow-x: hidden;
	}
}
@media only screen and (max-height: 500px) {
	.scrollable-menu {
		height: auto;
		max-height: 350px;
		overflow-x: hidden;
	}
}
@media only screen and (max-height: 400px) {
	.scrollable-menu {
		height: auto;
		max-height: 250px;
		overflow-x: hidden;
	}
}
@media only screen and (max-height: 300px) {
	.scrollable-menu {
		height: auto;
		max-height: 150px;
		overflow-x: hidden;
	}
}

@media only print {
	@page {
		size: A4;
	}
	a[href]:after {
		content: none !important;
	}
	.main, .container {
		position: static;
		width: 100%;
		max-width: 100%;
		padding-top: 5px;
		margin: 0;
	}
	.table td, .table th, .th-inner, .btn, .text-muted {
		padding-top: 0px !important;
		padding-left: 1px !important;
		padding-right: 1px !important;
		padding-bottom: 0px !important;
		font-family: Arial !important;
		font-size: 8pt !important;
    }
	.mp-width {
		width: 25px;
	}
	.sp-width {
		width: 25px;
	}
	.kegel-width {
		width: 40px;
	}
	.satz-width {
		width: 25px;
	}
	.print-padding-right {
		padding-right: 5px;
	}
	.print-padding-left {
		padding-left: 5px;
	}
	.page-break { 
		page-break-before: always;
	}
}