.text-pv-log,
.pv-log {
	color: #eea205;
}

.pv-log {
	font-weight: bold;
	font-style: italic;
	padding-right: 0.2rem;
}

body {
	font-family: 'Overpass', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
		sans-serif, Apple Color Emoji, Segoe UI Emoji;
}

/* From lg ... */
@media (min-width: 992px) {
	body {
		/* background: url('https://source.unsplash.com/twukN12EN7c/1920x1080') no-repeat center center fixed */
		background: url('/images/bg2.webp') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}

/* ... but NOT on wide-screen */
body.wide {
	background: none;
}

body.wide .navbar {
	padding-left: 0;
	padding-right: 0;
}

body.wide .d-wide-none,
body:not(.wide) .d-wide {
	display: none;
}

body.wide .d-wide {
	display: inherit;
}

code,
tt,
.text-monospace {
	font-family: 'Overpass Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
}

main,
main > * {
	min-height: 100%;
}

.humane {
	margin-top: 0.5rem;
}

.stats {
	/* Same as chart legend */
	font-family: sans-serif;
	font-size: 12px;
}

.d-donation,
.d-no-donation {
	display: none !important;
}

/* Different display styles */
body:not(.donation) .d-no-donation,
body.donation .d-donation {
	display: inherit !important;
}

body:not(.donation) .row.d-no-donation,
body.donation .row.d-donation {
	display: flex !important;
}

body:not(.donation) .col.d-no-donation,
body.donation .col.d-donation {
	display: block !important;
}

body:not(.donation) .btn.d-no-donation,
body.donation .btn.d-donation {
	display: inline-block !important;
}

/**
 * Standards
 */
a {
	text-decoration: none !important;
}

a,
a:hover {
	color: #967f4a;
}

body.wait * {
	/* opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; */
	cursor: wait !important;
}

footer .toggle-hint {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-align: center;
	cursor: pointer;
	position: absolute;
	padding-top: 5px;
	width: 50px;
	height: 28px;
	left: calc(calc(50%) - 25px);
	top: -29px;
	border-radius: 16px 16px 0 0;
	transform: perspective(5px) rotateX(3deg);
	pointer-events: all;
	border-left: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}

footer .toggle-hint.collapsed::before {
	content: '\f106';
}

footer .toggle-hint::before {
	content: '\f107';
}

footer .route-hint {
	border-left: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-radius: 1rem 1rem 0 0;
}

footer .route-hint p {
	margin-bottom: 0.3rem;
}

footer .route-hint ul {
	margin-bottom: 0.3rem;
}

.navbar-brand img {
	width: 32px;
	height: 32px;
	vertical-align: top;
}

#navbarCollapse {
	margin-right: -0.5rem;
}

.avatar-small,
.avatar-medium {
	position: relative;
	top: -2px;
	border-radius: 50% !important;
}

.avatar-small {
	width: 24px;
}

.avatar-medium {
	width: 32px;
}

/* Adjust breadcrump */
.breadcrumb {
	padding: 0.4rem 0.6rem;
}

.breadcrumb-item {
	line-height: 1;
	padding-top: 0.35rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: '›';
}

.small .breadcrumb-item + .breadcrumb-item {
	padding-left: 0.2rem;
}

.small .breadcrumb-item + .breadcrumb-item::before {
	padding-right: 0.2rem;
}

@media (min-width: 576px) {
	.breadcrumb-item + .breadcrumb-item::before {
		content: '\23F5';
	}
}

.breadcrumb-item.active {
	font-weight: bold;
}

.form-buttons {
	min-height: 2.6rem;
}

/* Adjust for Overpass font */
.btn {
	padding-top: 0.6rem !important;
}

.btn.btn-sm {
	padding-top: 0.4rem !important;
}

/* Redefine xs buttons from Bootstrap 3 */
.btn-group-xs > .btn,
.btn-xs {
	padding-top: 0.3rem !important;
	padding-bottom: 0.2rem !important;
	padding-left: 0.1rem !important;
	padding-right: 0.1rem !important;
	font-size: 0.875rem;
	line-height: 1;
	border-radius: 0.2rem;
}

a > i,
.btn > i {
	/* .fa-fw */
	width: 1.25rem;
	text-align: center;
}

a > i:not(:last-child),
.btn > i:not(:last-child) {
	margin-right: 0.5rem;
}

.text-bold {
	font-weight: bold;
}

.text-black {
	color: black;
}

.text-black-25 {
	color: rgba(0, 0, 0, 0.25) !important;
}

.custom-control-label {
	padding-top: 0.1rem;
}

.plant-public.public-0 .public-1,
.plant-public.public-1 .public-0,
.plant-active.active-0 .active-1,
.plant-active.active-1 .active-0 {
	display: none;
}

button[data-toggle='collapse'].collapsed i.fa-chevron-up {
	display: none;
}

button[data-toggle='collapse']:not(.collapsed) i.fa-chevron-down {
	display: none;
}

/* e.g. for location */
.form-control.form-control-plaintext:valid {
	border: inherit;
	padding-right: inherit;
	background: inherit;
}

table.datatable-fade {
	opacity: 0;
}

/**
 * Layout
 */
#container {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: white;
	opacity: 0.95;
}

body.wide .container {
	max-width: initial;
	padding-left: 15px;
	padding-right: 15px;
}

.nav-link {
	padding: 0.5rem 1rem 0.25rem;
}

.nav-tabs a.nav-link {
	color: #495057;
}

@media (min-width: 992px) {
	.nav-tabs a.nav-link {
		font-size: 1.25rem;
	}
}

.nav-tabs {
	border-bottom: 0;
}

.nav-tabs a.nav-link.active {
	/* background-color: #e0e2e4; */
	background-color: #f0f0f0;
}

.tab-content:not(.tab-content-pills) {
	/* .p-3 */
	padding: 1.5rem 1rem !important;

	/* .rounded-bottom */
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;

	border: 1px solid #dee2e6 !important;
	/* border-left: 1px solid #dee2e6 !important; */
	/* border-bottom: 1px solid #dee2e6 !important; */
	/* border-right: 1px solid #dee2e6 !important; */
}

/* Chart container, extends .container */
.container-chart {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 2rem;
}

@media (min-width: 992px) {
	.container-chart {
		/* .col-lg-6 */
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	body.wide .container-chart {
		/* .col-lg-4 */
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

/* @media (min-width: 1200px) {
	body.wide .container-chart {
		/* .col-xl-3 * /
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
} */
/* --------------------------------------- */

legend {
	padding-top: 1rem;
	border-bottom: solid 1px #999;
	padding-bottom: 0.25rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: bold;
}

@media (min-width: 1200px) {
	legend {
		padding-top: 0;
		font-size: 1.5rem;
		font-weight: normal;
	}
}

/* Green background image by default */
input:required:not(.is-valid),
input:required:not(:valid),
input:required:not([type='hidden']),
input:required:not([type='checkbox']),
input:required:not([type='radio']),
textarea:required,
select:required {
	background-repeat: no-repeat !important;
	background-position: top right;
	background-size: 32px 32px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABBUlEQVRYhe3VzwnCMBTH8e9zAxGcwJO4gCdHcFancIHiwdoFBHGE5yXVGtO0af546Q8C4SVtP5DyIqqKK4Ksgb1zMVEWcJA+gIWQTAZdeFfRO3AG+pWR8QJKIAYBkYibGXGAQIS2Q9FK0apbmwwIQDSKnoC6U6tNrYkCBCBQ9OKYL6MBIxAbQXZ20dRWSQADiIc5d3t/BVyTATyIJ4Ag27bQmf98z9sJx8bqmO8Xmh8PQY5f2z/RJAAHok3bAzY9j6UDeBC++O+C0EzpmEkBUxDJAaGILIAQRDbAWERWwBhEdsAQogjAhygG6EMUBbgQxQEWIs1tODWCrP8KgD8dwQyYAd28AJ8nodCxzCj/AAAAAElFTkSuQmCC');
}

/* Switch background image for empty (:invalid) fields */
input:required:invalid:not([type='hidden']),
input:required:invalid:not([type='checkbox']),
input:required:invalid:not([type='radio']),
textarea:required:invalid,
select:required:invalid {
	background-position: top right !important;
	background-size: 32px 32px !important;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA+UlEQVRYhe3Vuw6CMBQG4P+4ETdldfURfP/ncHWUuhnG48C10ntPy8KfNGlOC/lI4UDMDGOIGgA386JYHmQF6AgqBOCTe5l7AC8ADmVe3IAKCD8gD9GNIxMQh+B5MCswK62WDAhHKDA/oT95N9ZUHiAcATB/DPMmH+BHtCC6bqpD7SwDcCO+47n/71cA3nIAO6IHABBd5soy3zQ0dycMjd4xlxsOLx5AdF/vXs1ZBrBFTJm+hNZylSDAjnDF8y+ITULHlAUkIOQBkYgygAhEOUAgoiwgAFEe4EHUATgQ9QAWRF2AAVEfoCOE/oapIWr2BWCvIzgAB2CVHyLkpQU0gy/0AAAAAElFTkSuQmCC');
}

textarea {
	box-sizing: border-box;
	/* max-height: 10rem; optional, but recommended */
	min-height: 7rem;
	overflow-x: hidden; /* for Firefox (issue #5) */
}

.btn.refresh:not(.active) .fa-check-square,
.btn.refresh.active .fa-square {
	display: none;
}

body.my-plants td,
body.edit-plant td,
body.edit-inverter td {
	vertical-align: middle !important;
}

div:blank,
p:blank {
	display: none;
}

code {
	font-size: inherit;
}

.w-1 {
	width: 1%;
}

.btn-primary {
	background-color: #115ffa;
	border-color: #115ffa7f;
}

.btn-secondary {
	background-color: #797979;
	border-color: #7979797f;
}

.btn-success {
	background-color: #51ee05;
	border-color: #51ee057f;
}

.btn-warning {
	background-color: #eea205;
	border-color: #eea2057f;
}

.btn-danger {
	background-color: #ee2d05;
	border-color: #ee2d057f;
}

.bg-light,
.dropdown-menu {
	background-color: #fde0a6 !important;
}

.bg-light-light {
	/* background-color: rgb(252, 239, 214); */
	background-color: rgb(252, 243, 227);
}

.bg-map {
	background-color: rgb(222, 222, 222);
}

.alert-light {
	background-color: rgb(252, 243, 227);
	border-color: #fde0a6;
}

.dropdown-divider {
	border-top: 1px solid #6c6c6e;
}

.nav-link img,
.dropdown-item img {
	vertical-align: bottom;
}

table.chart-data tr td:first-of-type {
	padding-left: 0;
}

td.name {
	text-align: left;
}

.value,
table.chart-data td.unit {
	/* text-monospace */
	font-family: 'Overpass Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
}

.value {
	text-align: right;
}

.nav-pills .nav-link:not(.active) {
	font-weight: bold;
}

.sortable .card .drag-handle,
.sortable tbody .drag-handle {
	cursor: move;
	cursor: -webkit-grabbing;
}

.sortable-chosen > * {
	background-color: #fff3cd !important; /* alert-warning */
}

.dataTables_wrapper .paginate_button a {
	/* .text-body */
	color: #212529;
	/* .pb-1 */
	padding-bottom: 0.25rem;
}

.dataTables_wrapper .paginate_button.active a {
	background-color: #fde0a6;
	border-color: #fde0a6;
}

.ekko-lightbox-container img {
	border-radius: 0.25rem;
}

.prev-next {
	/* A kind of .breadcrumb */
	padding: 0.3rem 0.6rem 0.1rem 0.6rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
}

.prev-next .col {
	/* .breadcrumb-item */
	line-height: 1;
	padding-top: 0.35rem;
}

.chart-toggle.collapsed:before {
	/* Switch to .fa-caret-down */
	content: '\f0d7';
}

.c3-tooltip td.unit {
	padding-left: 0;
	border-left: 0;
	text-align: left;
}

.c3-target-harmonicmean .c3-line,
.c3-target-target .c3-line,
.c3-target-average .c3-line {
	stroke-width: 2px;
}

.c3-target-harmonicmean .c3-line,
.c3-target-target .c3-line {
	stroke-dasharray: 7 3;
}

th.extra-color {
	width: 3rem;
}

@media (min-width: 768px) {
	th.extra-color {
		width: 9rem;
	}
}

footer img {
	margin-top: -2px;
	height: 0.9rem;
	margin-right: 0.25rem;
}

i.donator {
	color: #eea205;
	/* .fas */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

i.donator.sup {
	top: -0.5em;
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
	margin-left: 0.25rem !important;
}

i.donator::before {
	content: '\f185';
}

/* https://www.ideenlounge.de/der-cookie-hinweis-ohne-plugin-ohne-javascript-zum-copypaste-in-zwei-coolen-styles/ */
[data-toggle='cookie'] {
	outline: 1px solid #7b92a9;
	border-top: 1px solid #fff;
	background: #d6e0eb;
	background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e0eb), color-stop(100%, #f2f6f9));
	background: -webkit-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
	background: -o-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
	background: -ms-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
	background: linear-gradient(to bottom, #d6e0eb 0%, #f2f6f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
	position: fixed;
	bottom: 0;
	z-index: 10000;
}

[data-toggle='cookie'] .closer {
	color: #777;
	/* font: 14px/100% arial, sans-serif; */
	position: absolute;
	top: 15px;
	right: 15px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #7b92a9;
	border-right: 1px solid #7b92a9;
	padding: 4px;
	background: #ced6df; /* Old browsers */
	background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ced6df), color-stop(100%, #f2f6f9));
	background: -webkit-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
	background: -o-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
	background: -ms-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
	background: linear-gradient(to bottom, #ced6df 0%, #f2f6f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}