/*
 * Schrift in Tabellen bei kleinen Bildschirmen anpassen
 * Inhalte der Tabellenfelder umbrechen
 */

@media (min-width: 768px) and (max-width: 991px) {
	.table tbody tr th p,
	.table tbody tr td p {
		font-size: 12px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.table tbody tr th,
	.table tbody tr td {
		max-width: 86px;
	}

	.table tbody tr th p,
	.table tbody tr td p {
		font-size: 10px;
	}
}

@media (max-width: 480px) {
	.table tbody tr th,
	.table tbody tr td {
		max-width: 62px;
	}

	.table tbody tr th p,
	.table tbody tr td p {
		font-size: 8px;
	}
}

.table tbody tr th p,
.table tbody tr td p {
	word-wrap: break-word;
}

/*
 * Ausgewählte Seite der Pagination markieren
 */

.pagination > li > span.current {
	background: #ddd;
}

/*
 * Overwrite Bootstrap
 */

.breadcrumb {
	background: none;
}

/*
 * Widget cursor
 */

.widget-title small[data-toggle=collapse] {
	cursor: pointer;
}

.selection-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.selection-button {
	width: 20%;
}

.button-link {
	width: 100%;
}

.other-tables .hide {
	height: 0;
	-webkit-transition: height 2s ease-in;
	-moz-transition: height 2s ease-in;
	-ms-transition: height 2s ease-in;
	-o-transition: height 2s ease-in;
	transition: height 2s ease-in;
}

.other-tables .show {
	height: 500px !important;
}

.other-tables-title {
	padding: 5px;
}

.toggle-table-trigger {
	display: flex;
	flex-direction: row;
}

.arrow-icon {
	margin-left: 10px;
	font-weight: bold;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	-ms-transition: -ms-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

.arrow-active {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.widget-tooltip{
	position: relative;
	display: inline-block;
	white-space: nowrap;
}

.widget-tooltip .widget-tooltip-text {
	visibility: hidden;
	text-align: center;
	border-radius: 6px;
	padding: 3px 5px;
	font-weight: 400;
	position: absolute;
	bottom: -24px;
	left: -30px;
	z-index: 1;
}

.widget-tooltip:hover .widget-tooltip-text {
	visibility: visible;
}

/*
 * img lazy loading
 */
.blur-load {
	background-size: contain;
	width: 100%;
	background-position: center;
}

.blur-load.loaded>img {
	opacity: 1;
}

.blur-load>img {
	opacity: 0;
	transition: opacity 500ms ease-in-out;
}

.blur-imgSize {
	width: 100%;
	object-fit: cover;
	object-position: center;
}