@media screen and (min-width: 768px)
{
	.sidebar ul.list-group a.list-group-item,
	.sidebar div.list-group-item
	{
		border-top: solid 1px rgba(70,70,70,0.7) !important;
		padding-top: 8px;
		padding-bottom: 8px;
	}

}
@media screen and (max-width: 767px)
{
	.kohdenakyma .kohdegraph-value
	{
		font-size: 1.3vw;
	}
}

.kohdegraph-img {
    border-radius: 6px;
	opacity: 0.8;
}

.kohdenakyma .kohdegraph-value {
    border-radius:4px;
    background-color: rgba(240,240,240,0.8);
	border: solid 1px rgba(50,50,50,0.5);
}

.kohdegraph-88-379,
.kohdegraph-88-386 {
    background-color: rgba(255,255,255,1);
}

.kohdegraph-88-388-img {
    height: 5vw;
}

.kohdegraph-88-381-img {
    width: 5vw;
}

.starkice app-halylista app-dateinput input.form-control,
.starkice app-halylista app-dateinput .btn-outline-secondary,
.starkice app-raportit app-dateinput input.form-control,
.starkice app-raportit app-dateinput .btn-outline-secondary {
    height: 38px;
	background-color: #d6c7c9;
	border: 1px solid rgba(0, 0, 0, 0.15);
	color: #003974;
}

.starkice app-halylista app-dateinput input.form-control,
.starkice app-raportit app-dateinput input.form-control {
	border-right: none;
}

.starkice app-halylista app-dateinput .btn-outline-secondary,
.starkice app-raportit app-dateinput .btn-outline-secondary {
	border-left: none;
}

.starkice app-halylista app-dateinput span.input-spacing,
.starkice app-raportit app-dateinput span.input-spacing {
	color: #ffffff;
}

.starkice app-raportit app-trendline span.input-spacing,
.starkice app-raportit app-energychart span.input-spacing {
	color: #000000;
}

.starkice app-raportit app-trendline app-dateinput .form-group,
.starkice app-raportit app-energychart app-dateinput .form-group,
.default app-history app-dateinput .form-group {
	display: inline-block;
}

.starkice app-raportit app-trendline app-dateinput input.form-control,
.starkice app-raportit app-trendline app-dateinput .btn-outline-secondary,
.starkice app-raportit app-energychart app-dateinput input.form-control,
.starkice app-raportit app-energychart app-dateinput .btn-outline-secondary {
	height: 30px;
	background-color: #ffffff;
}

.starkice app-raportit app-trendline app-dateinput input.form-control,
.starkice app-raportit app-energychart app-dateinput input.form-control {
	color: #000000;
}

.starkice app-raportit app-trendline app-dateinput .btn-outline-secondary,
.starkice app-raportit app-energychart app-dateinput .btn-outline-secondary  {
	color: #d6c7c9;
}

.default app-show app-dateinput .form-group,
.default app-list app-dateinput .form-group,
.default app-energytrend app-dateinput .form-group {
	display: inline-block;
}

.default app-index .card.mb-3,
.default app-logs .card.mb-3,
.default app-history .card.mb-3 {
	overflow: visible;
}

.default app-history app-dateinput .form-control.end-input,
.default app-history app-dateinput span.input-spacing,
.default app-history app-dateinput .btn-outline-secondary.end-btn,
.default app-logs app-dateinput .form-control.end-input,
.default app-logs app-dateinput span.input-spacing,
.default app-logs app-dateinput .btn-outline-secondary.end-btn {
	display: none;
}

@media only screen and (min-width: 500px) {
	.default app-history app-dateinput .form-control {
		margin-left: 18px;
	}
}

.kohdenakyma .lasku-tulos:hover {
    cursor: pointer;
}

.hide-dateinput-end .form-control.end-input,
.hide-dateinput-end span.input-spacing,
.hide-dateinput-end .btn-outline-secondary.end-btn {
    display: none;
}
