/* @override 
	https://www.solar-district-heating.eu/wp-content/plugins/sbWissensportal/frontend/css/sbWissensportal-search.css?* */

/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#sbSearchForm .search-table {
	padding-right: 1em;
}

#sbSearchForm input#textsearch, #sbSearchForm input#daterange {
	font: 12pt Arial, Helvetica, sans-serif;
	height: 2.5em;
	line-height: 1em;
	border: 1px solid #a5a5a5;
	background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
	color: #333333;
	padding-right: 3em;
	padding-left: 1.25em;
	margin: 0;
	border-radius: 0;
}

#sbSearchForm .search-field {
	position: relative;
}

#sbSearchForm .search-button {
	position: absolute;
	top:  0;
	right: .25em;
}

#sbSearchForm .search-button input {
	color: grey;
	font-family: icomoon;
	padding: 0;
	height: 2.15em;
	width: 2.15em;
	font-size: 14pt;
	margin: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.sbSearchFieldLabel {
	float: left;
	padding-left: 0.5em;
	padding-bottom: 0.25em;
	font-family: Asap, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #515151;
}

.sbSearchField {
	padding-top: 0.75em;
	padding-left: 0;
	font-size: 12pt;
	font-family: Asap, Arial, Helvetica, sans-serif;
	padding-right: 1em;
}


/** Override **/
#sbSearchForm .select2-selection__rendered {
	padding-right: 0.25em;
	padding-left: .25em;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
	font-size: 12pt;
	border: 1px solid #a5a5a5;
	border-radius: 0;
	background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
	min-height: 2.5em;
	text-align: left;
}

#sbSearchForm li.select2-selection__choice {
	font: normal normal 11pt Arial, Helvetica, sans-serif;
	background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	color: #333333;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 0.4em;
}

#sbSearchForm span.select2-selection__choice__remove {
	color: #888888;
}

#sbSearchForm input.select2-search__field{
	/* Browsers have different default form fonts */
	font: normal normal 12pt Arial, Helvetica, sans-serif;
	margin-left: 0;
	height: 1.5em;
	line-height: 1em;
	margin-top: 0.5em;
	color: #333333;
	padding-right: 1em;
	padding-left: 1em;
}

.select2-dropdown {
	border-color: #515151;
	color: #515151;
}

/* Unterschiedliche Suchmaske in Safari verhindern */
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

.select2-selection__rendered .select2-selection__placeholder {
	font: 12pt Arial, Helvetica, sans-serif;
	padding-left: 1.1em;
	margin-top: 0.5em;
	height: 2.5em;
	line-height: 2.5em;
}



/** Hide Daterangepicker initially */
.daterangepicker.dropdown-menu {
	display: none;
	color: #515151;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0;
	border: 1px solid #515151;

}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	color: #aaa9a9;
}

.daterangepicker td.in-range {
	background-color: #ffe9d2;
}


#sbSearchForm input#textsearch:focus, #sbSearchForm input:focus {
	border-color: #515151;
	outline: none;
}

#sbSearchForm input#daterange:focus {
	border-bottom-style: none;
	border-bottom-width: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #f47d00;
}

.select2-container--open .select2-selection {
	border: 1px solid #515151;
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 0.5em;
	top: 0.5em;
}

#sbSearchForm .select2-selection--single .select2-selection__rendered {
	font: 12pt Arial, Helvetica, sans-serif;
	height: 2em;
	line-height: 2.5em;
	vertical-align: middle;
	color: #333333;
	padding-right: 2em;
	padding-left: 1.25em;
	float: left;
}

/* Search Results */
#searchFormResultWrapper {
	position: relative;
	padding-top: 3em;
	padding-left: 0;
	clear: both;
	min-height: 10em;
	padding-right: 0;
}

.searchItemWrapper {
	float: left;
	position: relative;
	font: 12pt Arial, Helvetica, sans-serif;
	padding-left: 0;
	padding-bottom: 1em;
}

.searchItemWrapper .modal {
	display: block;
	width: 100%;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	background-color: transparent;
	-webkit-transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	-moz-transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	-o-transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	overflow: hidden;
}

.searchItemWrapper:hover .modal {
	opacity: 1;
	background-color: rgba(28, 28, 28, 0.8);
	-webkit-transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	-moz-transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	-o-transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
	transition:background-color 300ms ease-out, opacity 300ms ease-in-out;
}

.searchItemWrapper .modal .preview {
	position: relative;
	left: 20%;
	width: 60%;
	text-align: center;
	vertical-align: middle;
	top: 45%;
	background-color: rgba(255, 255, 255, 0.23);
	color: white;
	padding: 0.85em;
}

.searchImage {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
	position: absolute;
	top:  0em;
	bottom: 0;
	left: 0;
	right: 0em;
	display: block;
}

.searchItem {
	border: 1px solid #a5a5a5;
	height: 16em;
	position: relative;
	overflow: hidden;
}

.searchItem .lowerPart {
	bottom: 0px;
	position: absolute;
	width: 100%;
	min-height: 4em;
	padding: .5em;
	border-top: 1px solid #a5a5a5;	background: -webkit-linear-gradient(top, rgba(165, 165, 165, 0.26) 0%, rgba(186, 186, 186, 0.17) 20.1%, rgba(245, 245, 245, 0) 65.6%) rgba(232, 232, 232, 0.92);
	background: -moz-linear-gradient(top, rgba(165, 165, 165, 0.26) 0%, rgba(186, 186, 186, 0.17) 20.1%, rgba(245, 245, 245, 0) 65.6%) rgba(232, 232, 232, 0.92);
	background: -ms-linear-gradient(top, rgba(165, 165, 165, 0.26) 0%, rgba(186, 186, 186, 0.17) 20.1%, rgba(245, 245, 245, 0) 65.6%) rgba(232, 232, 232, 0.92);
	background: linear-gradient(to bottom, rgba(165, 165, 165, 0.26) 0%, rgba(186, 186, 186, 0.17) 20.1%, rgba(245, 245, 245, 0) 65.6%) rgba(232, 232, 232, 0.92);
}

.searchItem .lowerPart .title {
	color: black;
	padding-bottom: 0.25em;
	font-weight: bold;
	padding-left: 0.25em;
}

.searchItem .lowerPart .logo {
	height: 1.5em;
	background-repeat: no-repeat;
	float: left;
	margin-left: 0.25em;
	margin-bottom: 0.25em;
}

.searchItem .lowerPart .svgLogo {
	height: 1.5em;
	min-width: 2em;
	width: auto;
	display: inline-block;
}

/* The spinner */

@keyframes spinner {
	to {transform: rotate(360deg);}
}

.spinner,
.spinner:before {
	width: 3em;
	height: 3em;
	box-sizing: border-box;
}

.spinner:before {
	content: '';
	display: block;
	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #f37e22;
	animation: spinner .6s linear infinite;
}

.spinner-absolute {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}

/* Animations */

.spinner-add,
.spinner-remove {
	animation-fill-mode: both;
	animation-duration: .4s;
}

.spinner-add {
	animation-name: spinner-add;
}

@keyframes spinner-add {
	from {transform: scale(0);}
	to {transform: scale(1);}
}

.spinner-remove {
	animation-name: spinner-remove;
}

@keyframes spinner-remove {
	to {transform: scale(0);}
}

/** Fancybox **/
.sbWissensportalResult .fancybox-content {
	position: relative;
	height: 900px;
	max-height: 80%;
}

.fancybox-loading {
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	height: 60px;
	left: 50%;
	margin: -30px 0 0 -30px;
	opacity: .6;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 60px;
	z-index: 99999;

	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #f37e22;
}

.sbLeftPart {
	padding: 0 2em 0 1em;
	font-size: 15px;
	color: #000;
	font-family: Asap, Arial, Helvetica, sans-serif;
	text-align: center;
}

.sbLeftPart img.thumbnail {
	max-height: 30em;
	float: left;
	clear: both;
}


@media only screen and (max-height: 1042px) {
	.sbLeftPart img.thumbnail {
		display: none;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
	}
}

.sbLeftPart .logos {
	margin-top: 0.5em;
	text-align: center;
}

.sbLeftPart .sbDocumentAttributes {
	clear: both;
	padding-top: 3em;
	padding-bottom: 3em;
	font-family: Arial, Helvetica, sans-serif;
}

.sbLeftPart .logo {
	height: 3em;
	min-width:  5em;
	display: inline-block;
	width: auto;
	float: left;
	background-repeat: no-repeat;
	margin-left: 0.25em;
	margin-bottom: 1em;
}

.sbLeftPart .logos {
	clear: both;
	padding-top: 1em;
}

.searchItem .lowerPart .svgLogo {
	height: 1.5em;
	min-width: 2em;
	width: auto;
	display: inline-block;
}

.sbRightPart {
	overflow: hidden;
}

.sbRightPart > iframe {
	height: 100%;
	width: 100%;
}

.sbRightPart h3, .sbLeftPart h3 {
	margin: 0.5em 0;
	text-align: left;
	clear: both;
}

a.sbDownload {
	position: relative;
	padding: 0.5em 0.5em 0.5em 3em;
	border: 1pt solid #C0C0C0;
	color: #000;
	font-weight: bold;
	display: inline-block;
}

a.sbDownload .sbDownloadIcon {
	position: absolute;
	top: 0.25em;
	height: 1.75em;
	width: 2.25em;
	left: 0.75em;
}

a.sbDownload.filedownload .sbDownloadIcon {
	background: url(../icons/download.svg) no-repeat;
}

a.sbDownload.externallink .sbDownloadIcon {
	background: url(../icons/url.svg	) no-repeat;
}

a.sbDownload:hover{
	text-decoration: none;
	border: 1pt solid #000;
}

.jstree .sbTreeIcons.jstree-icon {
	height: 1.2em;
}

.sbTreeIcons.dir {
	background: url(../icons/folder_closed.svg) no-repeat;
}

.jstree-open > .jstree-anchor > .sbTreeIcons.dir {
	background: url(../icons/folder_open.svg) no-repeat;
}

.sbTreeIcons.file {
	background: url(../icons/file.svg) no-repeat;
}


/* Bootstraps Pagination */


.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
	float: none;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #f47d00;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.page-link:hover {
	color: #a85600;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #f47d00;
	border-color: #f47d00;
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6;
}

.pagination-lg .page-link {
	padding: 0.75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}