@charset "UTF-8";

	/*****************************
	* CHART CSS                  *
	*****************************/

/*	++++++++++++
	+++ TABS +++
	++++++++++++ */
ul.nav-tabs.nav-justified > li {
	border:none;
}
ul.nav-tabs.nav-justified > li > a {
	border-radius:0;
	background:#fafafa;
	border:1px solid #ddd;
	text-decoration:none;
}
ul.nav-tabs.nav-justified > li.active > a {
	border-radius:0;
	text-decoration:none;
	color:white;
	font-weight:600;
	background:#6788ab;
}
ul.nav-tabs.nav-justified > li.year_1 > a {background:#d4dde6;border-color:#d4dde6;}
ul.nav-tabs.nav-justified > li.year_2 > a {background:#e4d7dd;border-color:#e4d7dd;}
ul.nav-tabs.nav-justified > li.year_3 > a {background:#f1dcdc;border-color:#f1dcdc;}
ul.nav-tabs.nav-justified > li.year_all > a {background:#c6e1df;border-color:#c6e1df;}
ul.nav-tabs.nav-justified > li.year_1.active > a, ul.nav-tabs.nav-justified > li.year_1 > a:hover {background:#6788ab;border-color:#6788ab;color:white;}
ul.nav-tabs.nav-justified > li.year_2.active > a, ul.nav-tabs.nav-justified > li.year_2 > a:hover {background:#ae6989;border-color:#ae6989;color:white;}
ul.nav-tabs.nav-justified > li.year_3.active > a, ul.nav-tabs.nav-justified > li.year_3 > a:hover {background:#a45b59;border-color:#a45b59;color:white;}
ul.nav-tabs.nav-justified > li.year_all.active > a, ul.nav-tabs.nav-justified > li.year_all > a:hover {background:#569590;border-color:#569590;color:white;}

/* color bar */
.color-bar {
	height:8px;
}



/*	+++++++++++++++
	+++ SORTING +++
	+++++++++++++++ */
.tab-sorting {
	background:#fafafa;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.tab-sorting span {
	display:inline-block;
	padding:10px 15px;
}
.tab-sorting a {
	padding:10px 15px;
	min-width:140px;
	border-left:1px solid #ddd;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.tab-sorting a:hover {
	cursor:pointer;
}
.tab-sorting a.active:hover {
	cursor:default;
}
.tab-sorting a.active {
	background:white;
	border-bottom:1px solid white;
}
.sorting_text {
	padding:10px 15px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	text-align:center;
}
.sorting_text span {
	font-weight:600;
}
.legend {
	font:normal 11px/13px Arial,Helvetica,sans-serif;
}
.legend.aboveChart {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px 0 0 20px;
}
.legend span {
	display:inline-block;
	width:13px;
	height:13px;
	margin:0 10px 0 0;
	vertical-align:top;
	border:1px solid white;
	background:#c8d2db;
}
.legend span.effective {
	background:#6788ab;
	margin-left:30px;
}
.tab-pane-year_1 .legend span.expected {background:#c8d2db;}
.tab-pane-year_1 .legend span.effective {background:#6788ab;}
.tab-pane-year_2 .legend span.expected {background:#d39bb6;}
.tab-pane-year_2 .legend span.effective {background:#ae6989;}
.tab-pane-year_3 .legend span.expected {background:#bb8483;}
.tab-pane-year_3 .legend span.effective {background:#a45b59;}



/*	+++++++++++++
	+++ PANEL +++
	+++++++++++++ */
.chart_container .panel.panel-default {
	border-radius:0;
	border-top:none;
}
.chart_container .panel.panel-charts {
	position:relative;
	margin-top:0px;
	border-radius:0;
}
.chart_container .panel .panel-footer {
	padding:0;
	background:#c8d2db;
	color:white;
	border-radius:0;
}
.chart_container .panel .panel-footer:last-child {
	background:#6788ab;
}
.chart_container .panel .panel-footer .brightBox,
.chart_container .panel .panel-footer .darkBox {
	padding:15px;
}
.chart_container .panel .panel-footer .darkBoxEmpty {
	padding:3px;
}
.chart_container .panel .panel-footer h6 {
	font-size:14px;
	font-weight:bold;
	color:white;
}
.chart_container .panel .panel-footer a {
	text-decoration:underline;
	color:white;
}
.chart_container .panel .panel-footer .legend {
	padding:8px 0;
}
.tab-pane-year_1 .chart_container .panel .panel-footer {background:#829dba;}
.tab-pane-year_1 .chart_container .panel .panel-footer:last-child {background:#6788ab;}
.tab-pane-year_2 .chart_container .panel .panel-footer {background:#d39bb6;}
.tab-pane-year_2 .chart_container .panel .panel-footer:last-child {background:#ae6989;}
.tab-pane-year_3 .chart_container .panel .panel-footer {background:#bb8483;}
.tab-pane-year_3 .chart_container .panel .panel-footer:last-child {background:#a45b59;}
.tab-pane-year_all .chart_container .panel .panel-footer {padding:0;}



/*	+++++++++++++++
	+++ TOOLTIP +++
	+++++++++++++++ */
.highcharts-tooltip {
	z-index:999;
}
.highcharts-tooltip span {
	display:block;
	padding:10px;
	background:#40648a;
	border-radius:3px;
	border:1px solid white;
	width:250px;
	white-space:normal !important;
}
.highcharts-tooltip hr {
	margin:5px 0;
}
span.signal {
	display:none;
	position:relative;
	z-index:2;
	top:3px;
	width:13px;
	height:13px;
	padding:0;
	border-radius:0;
	border:1px solid #ddd;
}
span.signal.signal_green,
span.signal.signal_yellow,
span.signal.signal_red,
span.signal.signal_gray,
span.signal.signal_empty,
span.signal.signal_green-shaded {display:inline-block;}
span.signal.signal_green {background:#409c0b;}
span.signal.signal_yellow {background:#ffae00;}
span.signal.signal_red {background:#ff0000;}
span.signal.signal_gray {background:#bbbbbb;}
span.signal.signal_empty {background:transparent;}
span.signal.signal_green-shaded {
/* background-image: linear-gradient(-45deg, rgb(64, 156, 11) 0%, rgb(64, 156, 11) 16%, rgb(255, 255, 255) 16%, rgb(255, 255, 255) 32%, rgb(64, 156, 11) 32%, rgb(64, 156, 11) 48%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 64%, rgb(64, 156, 11) 64%, rgb(64, 156, 11) 80%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 96%, rgb(64, 156, 11) 96%, rgb(64, 156, 11) 100%);
background-size: 50% 100%; */
background-image: url(/typo3conf/ext/ks/Resources/Public/img/signal_green-gray4.jpg);
background-position: center center;
background-size: 100% 100%;
}


/*	++++++++++++++++++
	+++ COMPARISON +++
	++++++++++++++++++ */
.chart_container .panel .panel-body.data_container {
	padding:0;
}
.data_container {
	font:normal 10px/14px Arial, sans-serif;
}
.data_container .table_hospital {
	width:170px;
	margin:0;
	border-right:1px solid white;
	float:left;
}
.data_container .table_hospital table.list_hospital {
	margin:0;
}
.data_container .table_hospital table.list_hospital th,
.data_container .table_hospital table.list_hospital td {
	height:30px;
	padding:7px;
	vertical-align:top;
}
.data_container .table_hospital table.list_hospital td.lastItem {
	background:#556fa3;
}
.data_container .table_data {
	overflow-x:scroll;
	overflow-y:hidden;
	float:left;
}
.data_container .table_data ul {
	margin:0;
	padding:0;
	list-style:none;
}
.data_container .table_data ul li {
	display:block;
	width:170px;
	float:left;
	margin:0;
}
.data_container .table_data table.list_data {
	width:170px;
	margin:0;
}
.data_container .table_data table.list_data th,
.data_container .table_data table.list_data td {
	height:30px;
	padding:7px;
	vertical-align:top;
}
.data_container .table_data table.list_data td span {
	top:1px;
	margin-right:5px;
}



/*--------------------------------------------------
[Media Queries]

# 480px - Extra Small Devices, Phones
# 768px - Small Devices, Tablets
# 992px - Medium Devices, Desktops
# 1200px - Large Devices, Wide Screens
# 1600px - Very Large Devices, Wide Screens
--------------------------------------------------*/
/* max 767px */
@media only screen and (max-width:767px) {
	ul.nav-tabs.nav-justified > li > a {margin-bottom:0;}
	ul.nav-tabs.nav-justified > li.year_2 > a, ul.nav-tabs.nav-justified > li.year_3 > a, ul.nav-tabs.nav-justified > li.year_all > a {display:none;}
	.color-bar {height:0;}
	.tab-sorting {display:none;}
}
/* 480px */
@media only screen and (min-width:480px) {
}
/* 768px */
@media only screen and (min-width:768px) {
	ul.nav-tabs.nav-justified > li > a {background:#fafafa;}
	ul.nav-tabs.nav-justified > li.year_all > a,
	ul.nav-tabs.nav-justified > li.year_2 > a,
	ul.nav-tabs.nav-justified > li.year_3 > a {border-right:none;}
	ul.nav-tabs.nav-justified > li.year_1 > a, ul.nav-tabs.nav-justified > li.year_2 > a,
	ul.nav-tabs.nav-justified > li.year_3 > a, ul.nav-tabs.nav-justified > li.year_all > a {background:#fafafa;border-color:#ddd;}
	.tab-pane-year_1 .color-bar {background:#6788ab;}
	.tab-pane-year_2 .color-bar {background:#ae6989;}
	.tab-pane-year_3 .color-bar {background:#a45b59;}
	.tab-pane-year_all .color-bar {background:#569590;}
}
/* 992px */
@media only screen and (min-width:992px) {
	.chart_container .panel {margin-bottom:40px;}
	.chart_container .panel .panel-body {padding:15px 20px;}
	.chart_container .panel .panel-footer .brightBox, .chart_container .panel .panel-footer .darkBox {padding:20px;}
	.highcharts-tooltip span {width:300px;}
	p.sublineChart {margin-top:-20px;}
	span.signal {width:13px;}
}
/* 1200px */
@media only screen and (min-width:1200px) {
	.chart_container .panel {margin-bottom:60px;}
	.chart_container .panel .panel-body {padding:15px 30px;}
	.chart_container .panel .panel-footer .brightBox, .chart_container .panel .panel-footer .darkBox {padding:30px;}
	p.sublineChart {margin-top:-40px;}
}