@import url("/resources/font-awesome/4_7_0/css/font-awesome.min.css");

body,html {
	margin: 0;
	padding: 0;
	font-family:Arial,sans-serif;	
	font-size: 8pt;
}

@media print {

	#header, #user-menu {
		display: none !important;
		width:0 !important;
	}

	input, select {
		border: 0 solid #ffffff !important;
		background-color: #ffffff !important;
	}

	#main, body, #content {
		background-color: #ffffff !important;
		margin: 0 !important;
	}

	.centered {
		margin-left: auto;
		margin-right: auto;
	}
}

#content {
	padding-left:210px;	
}

#user-menu {
	width: 150px;
	float: left;
	margin-top: 35px;
	min-height: 90%;
	margin-right: 30px;
}

.centered {
	text-align: center;
}

.right {
	text-align: right;
}

.hidden {
	display: none;
}

#footer {
	text-align: center;
	border-bottom: 25px solid #fff;
	border-top: 25px solid #fff;
}


#content .error {
	color: #ea1423;
}

#main label {
	font-weight: bold;
	margin-right: 10px;
	min-width: 130px;
	display:inline-block;
}

table {
	font-size: inherit;
}

td {
	padding: 10px;
	height: 20px;
}

.eingabe,select {
	font-size: 8pt;
	width: 200px;
}

#tab-div {
	padding: 12px 0;
}

#tab-div a.tab {
	margin: 15px 10px 0 0;
	padding: 10px;
	display:inline-block;
	cursor: pointer;
	text-decoration: none;
}

#tab-div a.tab-selected {
	color: #000000;
}

.flow {
	float: right;
}

.warning {
	font-style: oblique;
	color: #FF0000;
}

.kursiv {
	font-style: oblique;
}

.loginForm a {
	padding-left: 20px;
	text-decoration: none;
	color: #000;
}

.loginForm h1 {
	margin-bottom: 45px;
}

.loginForm a:hover {
	text-decoration: underline;
	color: #ea1423;
}

.loginForm input {
	width: 100px;
}

.loginForm td {
	text-align: left;
}

#content a {
	color: #000;
	text-decoration: none;
}

#content a {
	color: #000;
	text-decoration: none;
}

#content a:hover {
	color: #ea1423;
}

.portfolio-navigator {
	margin-bottom: 30px;
	display: inline-block;
}

/* Tabellen-Layout */ /* content */
.content {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

th {
	background-color: #fafafa;
	color: #000000;
	font-size: 14px;
}

td.content {
	text-align: right;
}

td.sonderhedge {
	text-align: center;
}

td.gesamt {
	text-align: right;
	font-weight: bold;
	background-color: #fafafa;
}

td.preis-ht {
	background-color: #fafafa;
	text-align: right;
}

td.preis-nt {
	background-color: #fafafa;
	text-align: right;
}

table.content {
	border-collapse: collapse;
	border: none;
	margin-top: 20px;
}

table.content tr {
	height: 15px;
}

table.content th {
	border: none;
	font-weight: normal;
	vertical-align: top;
	padding: 10px 5px;
}

table.content td {
	border-bottom: 1px solid #ececec;
	border-left: none;
	border-right: none;
	border-top: none;
}

#chart-container {
	height: 400px;
}

.highcharts-container {
	width: unset !important;
}

.info-box {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fafafa;
	font-weight: bold;
	display: inline-block;
}

.datum {
	background-color: #E8EDF6;
	color: #707070;
}

#div-login-form {
	width: 300px;
}

.ui-inputfield {
	box-shadow: inset 0 1px 1px #8F8F8E;
}

.ui-datatable {
	max-width: 95%;
}

.ui-datatable thead th {
	background: #ececec;
	border: 0 !important;
	padding: 10px !important;
}

.ui-datatable tbody {
	border: 0 !important;
}

.ui-datatable tbody tr {
	border: 0 !important;
}

.ui-datatable tbody td {
	border: 0 !important;
	padding: 10px !important;
}

#content .ui-datatable a {
	color: inherit;
	text-decoration: none;
	padding: 0;
	background: none;
}

ul.ui-picklist-list.ui-sortable {
	width: 400px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	text-shadow: none;
	background: #0069d9;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
	background-color: rgba(200, 200, 200, 0.5);
	box-shadow: none;
}

.ui-selectonemenu {
	border: 1px solid #cccccc;
}

.ui-selectonemenu label.ui-selectonemenu-label {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	overflow: inherit;
}


/* Highcharts */

/* Series options */
/* Default colors */
.highcharts-color-0 {
	fill: #334B56;
	stroke: #334B56;
	color: #334B56;
}

.highcharts-color-1 {
	fill: #C6CACD;
	stroke: #C6CACD;
	color: #C6CACD;
}

.highcharts-color-2 {
	fill: #E31818;
	stroke: #E31818;
	color: #E31818;
}

.highcharts-color-3 {
	fill: #ffa741;
	stroke: #ffa741;
	color: #ffa741;
}

.highcharts-color-4 {
	fill: #787878;
	stroke: #787878;
	color: #787878;
}

.highcharts-color-5 {
	fill: #7FB73F;
	stroke: #7FB73F;
	color: #7FB73F;
}

.highcharts-color-6 {
	fill: #96CAE2;
	stroke: #96CAE2;
	color: #96CAE2;
}

.highcharts-color-7 {
	fill: #89245E;
	stroke: #89245E;
	color: #89245E;
}

.highcharts-color-8 {
	fill: #000000;
	stroke: #000000;
	color: #000000;
}

.highcharts-color-9 {
	fill: #9B5E4A;
	stroke: #9B5E4A;
	color: #9B5E4A;
}

.highcharts-graph {
	stroke-width: 1px;
}

.highcharts-flags-series .highcharts-point text {
	font-size: 10px;
}