@font-face {
  	font-family: "DesignationRegular";
  	src: url('/fonts/designation-webfont.eot');
  	src: url("/fonts/designation-webfont.woff") format("woff"), url("/fonts/designation-webfont.ttf") format("truetype"), url("designation-webfont.svg#webfont2gQKTcGt") format("svg");
  	font-style: normal;
  	font-weight: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-style: normal;
  font-weight: normal;
}

body {
	color:#c84f4f;
	font: 1.6em 'DesignationRegular',Tahoma,Verdana,sans-serif;
	line-height:1.0em;
	background-color: #222;
}

p {
	margin: 0;
}
option, select {
	background-color: aqua!important;
}

.w3-container { padding: 8px; }


.dicker-font {
	font-family:'DesignationRegular', Tahoma, sans-serif; letter-spacing:-1px; font-weight:400; text-shadow:1px 1px 4px #bbb;
}

.dropzone .dz-message {
	margin-bottom: 3.5em;
}
/* 09809b 00a4bf darkturquoise	*/
.dz-color {
	background-color: slategray;
	padding-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
  	width: 100%;
  	
}

.dz-button {
	text-shadow: 1px 1px 0px #333;
	color: aqua!important;
}

.dropzone .si-dropzone {
	display: block;
  	vertical-align: top;
  	margin: 0;
  	min-height: 100px;
  	margin-top: 2em;
  	margin-left: 4px;
  	margin-right: 4px;
  	padding: 8px 16px;
  	border-bottom:1px solid #333;
  	border-right:1px solid #333;
  	color: aqua;
}

.id-antwort {
	padding-top: 18px;
}

.progress-bar {
	/* color: #3a3a3a!important; */
	color: #113244!important;
	background-color: #01aabb;
	line-height: 1.3em;
	float: left;
  	width: 0%;
  	text-align: center;
  	-webkit-box-shadow: inset 0 -1px 0 #00000026;
  	box-shadow: inset 0 -1px 0 #00000026;
  	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
  	transition: width .6s ease;
}

.rest-dta2 {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 125px;
    height: 140px;
    padding-bottom: 0px;
    background-color: #ee5727;
    color: #0c3e3e;
    font-size: 11px;
    line-height: 1.3em;
}
.rest-dta {
	position:absolute;
	top:4px;
	left:4px;
	width:125px;
	height:140px;
	padding-bottom:0px;
	background-color: #222;
	color: #0ff;
	font: 11px 'Open Sans', Tahoma,Verdana,sans-serif;
	line-height: 1.3em;
}
.rest-dta3 {
	padding:0px;
	background-color: transparent;
	color: #000;
	font-size: 12px;
	font-family: 'DesignationRegular', Tahoma,sans-serif;
	line-height: 1.3em;
	position: relative;
	top: 40px;
}

.si-resp1 {
	cursor: pointer !important; 
	color:#ff5722!important;
	text-decoration: none;
}
.si-dark {
	background-color: #282424!important;
}
.si-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
}
.si-padding-lr {
	padding: 0 1em 0 1em;
}
.si-check {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 16px;
	right: 8px;
}
.si-select {
	display: inline-block;
	height: 18px;
	min-block-size: 10px;
	line-height: 9px;
	border: 1px;
}
.si-text-color1 {
    color: #2ca8c4 !important;
    padding: 4px 0;
}