/* Code für den body */
body {
	background-color: #ECF3F5;
	font-family: "Lucida Console", Courier, monospace;
	font-size: larger;
}

@media print {
	body {
		background-color: #ECF3F5;
		font-family: "Lucida Console", Courier, monospace;
		font-size: small;
	}
}



/* Code für die Bilder */
.img_login {
	display: block; 
	margin: auto; 
	width: 250px;
}

.img_dashboard {
	display: block; 
	margin: auto; 
	width: 150px;
}



/* Code für die divs */
.div_mittig_zentrieren {
	display: flex;
	align-items: center;
	justify-content: center;
}

.div_login {
	width: 424px;
	border: 1px solid #333;
	box-shadow: 8px 8px 5px #444;
	padding: 8px 12px;
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

.div_dashboard {
	width: 90%;
	border: 1px solid #333;
	box-shadow: 8px 8px 5px #444;
	padding: 8px 12px;
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

.div_dashboard_box_container {
	width: 100%;
	background-color: clear;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	clear: both;
}

.div_dashboard_box1
{
	float: left; 
	width: 150px;
	background: clear;
	box-sizing: border-box;
	text-align: left;
}

.div_dashboard_box2
{
	float: right; 
	/* width: 70%; */
	background: clear;
	box-sizing: border-box;
	text-align: right;
}



/* Code für Tabellen */
div.table { 
	display: table; 
    border-collapse: collapse;
}

div.table_right { 
	float: right; 
	/* width: 70%; */
	background: clear;
	box-sizing: border-box;
	text-align: right;
}

div.table_scroll { 
	display: block;
    height: 100%;
	width: 100%;
    overflow: scroll;
}
    
div.tr { 
	display:table-row; 
	color: black;
}

div.tr_erledigt { 
	display:table-row; 
	color: green;
}

div.tr_faellig { 
	display:table-row; 
	color: red;
}

div.td { 
	display:table-cell; 
    border:thin solid black; 
    padding:4px;
}

div.td_nicht_drucken { 
	display:table-cell; 
    border:thin solid black; 
    padding:4px;
}

@media print {
	div.td_nicht_drucken { 
		display: none; 
	}
}

div.td_t { 
	display:table-cell; 
    /* border:thin solid black; */
    padding:4px; 
}



/* Buttons für die Sortiertfunktion */
.sortbutton { 
	width:100%; 
	height:100%; 
	border: none; 
	background-color: transparent; 
	font: inherit; 
	font-weight: bold;
	color: inherit; 
	text-align: inherit; 
	padding: 0; 
	cursor: pointer; 
}

.sortierbar thead th span.visually-hidden { 
	position: absolute !important; 
	clip: rect(1px, 1px, 1px, 1px) !important; 
	padding: 0 !important; 
	border: 0 !important; 
	height: 1px !important; 
	width: 1px !important; 
	overflow: hidden !important; 
	white-space: nowrap !important;
} 

.sortbutton::after { 
	display: inline-block; 
	letter-spacing: -.2em; 
	margin-left:.1em; 
	width: 1.8em;
} 

.sortbutton.sortedasc::after { 
	content: "▲▽" 
} 

.sortbutton.sorteddesc::after { 
	content: "△▼" 
} 

.sortbutton.unsorted::after { 
	content: "△▽" 
} 

.sortbutton.sortedasc > span.visually-hidden:first-of-type { 
	display: none
}

.sortbutton.sorteddesc > span.visually-hidden:last-of-type { 
	display: none 
}

.sortbutton.unsorted > span.visually-hidden:last-of-type { 
	display: none 
}



/* Code für die Text-Felder */
#rcorners1 {
	border-radius: 25px;
	border: 2px solid #000000;
	padding: 10px;
	width: 400px;
	height: 20px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
}

#rcorners1_readonly {
	border-radius: 25px;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px;
	width: 400px;
	height: 20px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
}

#rcorners2 {
	border-radius: 25px;
	background: #000000;
	padding: 10px;
	width: 400px;
	height: 20px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
	color: #FFFFFF;
}

#rcorners3 {
	border-radius: 25px;
	background: url(paper.gif);
	background-position: left top;
	background-repeat: repeat;
	padding: 10px;
	width: 400px;
	height: 20px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
}



/* Code für die Textarea-Felder */
#textarea_rcorners1 {
	border-radius: 25px;
	border: 2px solid #000000;
	padding: 10px;
	width: 400px;
	height: 100px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
}

#textarea_rcorners1_readonly {
	border-radius: 25px;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px;
	width: 400px;
	height: 100px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
}



/* Code für die Checkboxen */
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

.container:hover input ~ .checkmark {
	background-color: #ccc;
}

.container input:checked ~ .checkmark {
	background-color: #005E80; /* Goldmanns-Blau */
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container input:checked ~ .checkmark:after {
	display: block;
}

.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



/* Code für die Buttons */
.button, .dashboard_ausloggen_button {
	background-color: #FFFFFF;
	color: black;
	border: 2px solid black;
	border-color: #000000;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: large;
	border-radius: 8px;
	transition-duration: 0.4s;
	-webkit-appearance: none;
}

@media print {
	.button, .dashboard_ausloggen_button {
		display: none;
	}
}




.dashboard_ausloggen_button {
	text-align: right;
}

.button:hover, .dashboard_ausloggen_button:hover  {
	background-color: #005E80; /* Goldmanns-Blau */
	color: white;
	cursor: pointer;
}

.dashboard_button, .dashboard_button_löschen {
	background-color: #FFFFFF;
	color: black;
	border: 2px solid black;
	border-color: #000000;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	font-family: "Lucida Console", Courier, monospace;
	font-size: medium;
	border-radius: 8px;
	transition-duration: 0.4s;
	-webkit-appearance: none;
}

@media print {
	.dashboard_button, .dashboard_button_löschen {
		display: none;
	}
}

.dashboard_button:hover {
	background-color: #005E80; /* Goldmanns-Blau */
	color: white;
	cursor: pointer;
}

.dashboard_button_löschen:hover {
	background-color: red;
	color: white;
	cursor: pointer;
}