/* Allgemein */
#filterable-documentlist {
	min-height: 500px;
	margin: 20px 0;
}
#filterable-documentlist a:hover {
	color: #003b84;
}
#filterable-documentlist .form-control:focus {
	border-color: #003b84;
	box-shadow: none;
}
#filterable-documentlist .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #003b84;
}
#filterable-documentlist .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 59, 132,.25);
}
#filterable-documentlist .custom-control-input:active ~ .custom-control-label::before {
	background-color: #dee2e6;
}

/* PDF Anzeige */
.react-pdf__Document canvas {
	box-shadow: 0 30px 40px 0 rgba(16, 36, 94, 0.2);
	width: 100% !important;
	height: auto !important;
}
.react-pdf__message {
	background: linear-gradient(125.75deg, white 0%, #dee4f0 33%, white 66%, #dee4f0 100%);
	background-size: 200% 100%;
	animation-name: loading-animate;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border-radius: 8px;
	max-width: 400px;
	width: 90vw;
	padding-bottom: 141.453%;
	font-size: 0;
}
.react-pdf__Document {
	border-radius: 8px;
	max-width: 100%;
	position: relative;
	float: left;
}
.react-pdf__Document:hover .page-controls {
	opacity: 1;
}
.react-pdf__Page {
	width: 100% !important;
	max-width: 100%;
	float: left;
}
.react-pdf__Page__svg {
	width: auto !important;
	height: auto !important;
	border-radius: 8px;
}
.react-pdf__Page__svg:empty {
	padding-bottom: 141.453%;
}
.react-pdf__Page__svg svg {
	border-radius: 8px;
	max-width: 400px;
	width: 90vw;
	height: auto;
	display: block;
	background-color: white;
}
.page-controls {
	position: absolute;
	bottom: 5%;
	left: 50%;
	background: white;
	opacity: 0;
	transform: translateX(-50%);
	transition: opacity ease-in-out 0.2s;
	box-shadow: 0 30px 40px 0 rgba(16, 36, 94, 0.2);
	border-radius: 4px;
	border: 1px solid #ccc;
}
.page-controls span {
	font: inherit;
	padding: 0 0.5em;
}
.page-controls button {
	width: 44px;
	height: 44px;
	background: white;
	border: 0;
	font: inherit;
	font-size: 14px;
	border-radius: 4px;
}
@media (min-width: 320px) and (max-width: 479px) {
	.page-controls button {
		width: 30px;
		height: 30px;
	}
}
.page-controls button:enabled:hover {
	cursor: pointer;
}
.page-controls button:enabled:hover,
.page-controls button:enabled:focus {
	background-color: #e6e6e6;
}
.page-controls button:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.page-controls button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* Dokumentenvorschau (Modal) */
.document-preview .modal-body {
	overflow: hidden;
}
.document-preview .modal-body img {
	max-width: 100%;
}
.document-preview .modal-footer {
	justify-content: space-between;
}
.document-preview .modal-footer .btn-primary {
	background-color: #003b84;
	border-color: #003b84;
}

/* Tooltip für Dokumentenvorschau (Bilder) */
#document-tooltip.tooltip.show {
	opacity: 1 !important;
}
#document-tooltip.tooltip .tooltip-inner {
	max-width: 250px;
	background-color: #003b84;
	padding: 5px !important;
}
#document-tooltip.tooltip .tooltip-inner img {
	max-width: 100%;
}
#document-tooltip.tooltip.bs-tooltip-right .arrow:before {
	border-right-color: #003b84 !important;
}
#document-tooltip.tooltip.bs-tooltip-left .arrow:before {
	border-left-color: #003b84 !important;
}
#document-tooltip.tooltip.bs-tooltip-bottom .arrow:before {
	border-bottom-color: #003b84 !important;
}
#document-tooltip.tooltip.bs-tooltip-top .arrow:before {
	border-top-color: #003b84 !important;
}

/* Dokumentenliste */
.document-list-titles {
	font-weight: bold;
	padding: 5px;
	background-color: #691F74;
	color: #fff;
}
.document-list .document-category-header {
	font-weight: bold;
	margin-top: 20px;
	background: #ededed;
	padding: 5px;
}
.document-list .document-category-header:first-child {
	margin-top: 0;
}
.document-list .document {
	padding: 5px;
	border-bottom: 1px solid #dcdcdc;
}
.document-list .document > div {
	word-break: break-all;
}
.document-list .document .document-desc a span {
	font-size: 16px;
}
.document-list .document .document-preview-link {
	font-size: 18px;
}
.document-list .document .document-preview-link:before {
	position: relative;
	top: 3px;
}

/* Dokumentenkategorien */
.document-category a {
	padding: 5px;
	border-bottom: 1px solid #dcdcdc;
	display: block;	
}
.document-category.active a {
	background-color: #691F74 !important;
	color: #fff !important;
	font-weight: bold;
}
.document-category.active a:hover {
	color: inherit;
	cursor: default;
}
/*.document-category a:hover {
	background-color: #2c9f68;
	color: #fff;
}*/

/* Spinner */
@keyframes anim-rotate {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}
.spinner {
	display: inline-block;
	animation: anim-rotate 2s infinite linear;
}