.dheadcolorok {
	background-color: #009900; /* hcolor.css */
}

.dheadmixok {
	background: linear-gradient( to left, rgba( 0, 153, 0, 1), rgba( 0, 153, 0, 0));
}

.dheadcolornormal {
	background-color: #5555ff;  /* hcolor.css */
}

.dheadmixnormal {
	background: linear-gradient( to left, rgba( 85, 85, 255, 1), rgba( 85, 85, 255, 0));
}

.dheadcoloralert {
	background-color: #CC0000; /* hcolor.css */
}

.dheadmixalert {
	background: linear-gradient( to left, rgba( 204, 0, 0, 1), rgba( 204, 0, 0, 0));
}

.dheadmixok, .dheadmixnormal, .dheadmixalert {
	width: 20px;
	height: 30px;
	float: left;
}

.dwtplabel {
	font-size: 36px; /* leftheader */
	font-weight: 900;
	letter-spacing: -3px;
	float: left;
}

.wtpbutton {
    color: #fff;
    cursor: pointer;
    border: 0;
}

@media only screen and (max-device-width:799px) {
	.wtpbutton {
		font-size: 36px;
		text-shadow: 0 3px 0 #757575;
		padding: 9px 15px 12px 15px;
		border-radius: 6px;
		height: 72px; /* hwtpbutton */
		line-height: 48px;
	}
}

@media only screen and (min-device-width:800px) {
	.wtpbutton {
		font-size: 12px;
		text-shadow: 0 1px 0 #757575;
		padding: 3px 5px 4px 5px;
		border-radius: 2px;
		height: 24px; /* hwtpbutton */
		line-height: 16px;
	}
}

.backyellow { background: linear-gradient(to bottom, #BBBB07 0%,#999904 100%);}
.backyellow:hover { background: linear-gradient(to bottom, #DDDD09 0%,#BBBB07 100%);}

.backgreen { background: linear-gradient(to bottom, #07BB07 0%,#049904 100%);}
.backgreen:hover { background: linear-gradient(to bottom, #09DD09 0%,#07BB07 100%);}

.backred { background: linear-gradient(to bottom, #DD0707 0%,#BB0404 100%);}
.backred:hover { background: linear-gradient(to bottom, #FF0909 0%,#DD0707 100%);}

.bentry {
    display: none;
}

.bentry + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.bentry + label::after {
    content: "\25BC";
}

.bentry:checked + label::after {
    content: "\25B2";
}

.bentry + label + div {
    position: absolute;
    transition-duration: 0.5s;
    overflow: hidden;
    background-color: #F8F8F8;
    height: 0px;
    opacity: 0;
    color: black;
}

.bentry:checked + label + div {
	opacity: 1;
}

@media only screen and (max-device-width:799px) {
	.bentry:checked + label + div {
		box-shadow: 15px 15px 30px rgba(0,0,0,0.5);
		border: 3px solid lightgrey;
	}
}

@media only screen and (min-device-width:800px) {
	.bentry:checked + label + div {
		box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
		border: 1px solid lightgrey;
	}
}