/* body */

/* green:#84BD00 */
/* bg/dark:#404040 */
/* grey:#808080 */
/* box:#BFBFBF */
/* hell:#DFDFDF */

body {background-color: #212121;
	font-family: "Lucida Console", "Courier New", monospace;
	
    color: #ffffff;}
		/* table */
			 tr {	}

/* icons */
.fa {color: #84BD00;}
.fah {color: #FFFFFF;}

/* headbar */

	.topnav {background-color: #84BD00;	}

	.topnav a {
		color: #f2f2f2;
		font-size: 17px;
	}

	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}

	.topnav a.active {
		background-color: #333;
		color: white;
	}


/* sidebar */

.sidebar {
	height: 100%;
	width: 160px;
	top: 48px;
	left: 0;
	overflow-x: hidden;
	display:none;
	text-align: left;
	background-color: #111;
}

.sidebar a {
	font-size: 20px;
	color: #818181;
}

.sidebar a:hover {
	color: #f1f1f1;
}

/* wrapper */

.main {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
}
/* appstyle */
.hdash {
	margin: 1px;
	padding: 1px;
	font-size: 30px;
}

.dash {
	align-items: center;
	text-align: center;
	justify-content: center;
	background-color: #C7CCD6;
	margin: 0px;
	padding: 0px;
	display: flex;
    flex-direction: column;
}

.dashitem
{
	
	text-align: left;
	padding: 0px;
	opacity: 1;	
	margin: 10px 0 20px 10px;
    box-shadow: 1px 1px 3px #C1C1C1;
    background-color: #303030;
    margin-bottom: 10px;
}

/* etc */


.tb {
	background-color: #4CAF50;
	color: #FFFFFF;
	font-size: 18px;
	border: none;
}
.tb input[type=text], .tb input[type=password] {
	border: none;
	background: #4CAF50;
	color: #FFFFFF;
}
.tb input[type=text]:focus, .tb input[type=password]:focus {
	background-color: #4CAF50;
	border: 1px solid transparent;
	border-color: transparent transparent #FFFFFF transparent;
	outline: none;
}
.select-selected {	background-color: #4CAF50;}

.select-selected:after {
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
}

.select-items div,.select-selected {
	color: #ffffff;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent #4CAF50 transparent;
	cursor: pointer;
}

.select-items {	background-color: #4CAF50;}

.select-items div:hover, .same-as-selected {background-color: #4CAF50;}