@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;
  scrollbar-width: thin;
}
.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;}
}