/*
 * Schriftgr��en
 */
body {
    font-size: 110%;
    line-height: 140%;
}

/*
 * Footer
 */

.footer {
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  clear: both;
  position: relative;
  z-index: 10;
  height: 6em;
  /*margin-top: -3em;*/
  padding: 16px 0;
}
.footer p:last-child {
  margin-bottom: 0;
}

#navBarTabs1{
	border : none;
}

#navBarTabs2{
	border : none;
}

.title1, .title2 {
	text-align: center;
}

.axisX text,.axisY text {
	font: 1.8em sans-serif;
}

.axisX path,.axisY path,.axisX line,.axisY line {
	fill: none;
	stroke: grey;
	stroke-width: 2;
	shape-rendering: crispEdges;
}

.iframe-container {
    position: relative;
    padding-bottom: 70%;
}

.iframe-container iframe,  .iframe-container object,  .iframe-container embed {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 90%;
}

.svg-container-barometer {
    position: relative;
    padding-bottom: 96%;
 }
 
.svg-container-map {
    position: relative;
    padding-bottom: 90%;
 }
 
 .svg-container-scale {
    position: relative;
    padding-bottom: 10%;
 }
 
.svg-container-timeline {
    position: relative;
    padding-bottom: 38%;
 }
 
 .svg-container-timeline-years {
    position: relative;
    padding-bottom: 32%;
 }
 
  .svg-container-timeline-years-nn {
    position: relative;
    padding-bottom: 32%;
 }
 
  .svg-container-ageDiagram {
    position: relative;
    padding-bottom: 32%;
 }
 
   .svg-container-yearSelect {
    position: relative;
}

 
svg {
   position: absolute;
}

/*.my-svg-container{
 display: inline-block;
 position: relative;
 width: 100%;
 padding-bottom: 96%; // depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% 
 vertical-align: middle; // top | middle | bottom ... do what you want 
}


.my-svg{ // svg into : object, img or inline 
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; // only required for <img /> 
}*/

#barometerRightSidebar, #categoryRightSidebar, #regionRightSidebar {
	float: right;
}

#refDefLabel {
	display: none;
}

#tableByCategory a {
	cursor:pointer;
}

#svgCheckboxRawRate, #primary_map_pathsRawRate *, #primary_map_licence_platesRawRate * {
	cursor:pointer;
}

#primary_map_pathsIncidences *, #primary_map_licence_platesIncidences *, #svgCheckboxIncidences *, #primary_map_randomdots * {
	cursor:pointer;
}

#tablePerRegion a {
	cursor:pointer;
}

#regionLinkList a, #regbezLinkList a,   #regbezLinkListNN a, #lkrLinkList a, #lkrLinkListNN a, #categoryLinkList a,  #categoryLinkListNN a, #ausbruchtypLinkList a, #nrwLink a  {
    cursor:pointer;
}


#colormap-table td, #colormap-table th, #colormapPatients-table td, #colormapPatients-table th, #pointmap-table td, #pointmap-table th 
 {
	padding: 1px !important;
	margin: 0 !important;
}


 /*#categoryLinkList li, #regionLinkList li , #regbezLinkList li, #lkrLinkList li {
	padding: 1px;
 }*/
 
 
 .selected {
	border-radius: 3px;
	background-color: #428bca;
	color: #fff;
	padding: 2px;
 }
 
 .selected  a {
	color: #fff;
 }
 
 .highlighted {	 
	 font-weight:bold;
	 color:#337ab7;
 }
 
 tr.selected > td.highlighted {
	color: #fff;
 }

 
 .nvtooltip.xy-tooltip {
    border-radius: 5px;
	background-color: #505050;
    color: white;
	line-height: 1;
	opacity: 0.6;
}

div.tooltip-inner {
    line-height: 1.5;
	text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
	padding-right: 10px;
    background-color: #505050;
}

 
 #falldefinitionLinkList .active, 
 #categoryLinkList .active, 
 #categoryLinkListNN .active, 
 #ausbruchtypLinkList .active,
 #regionLinkList .active, 
 #regbezLinkList .active, 
 #regbezLinkListNN .active, 
 #lkrLinkList .active, 
 #lkrLinkListNN .active, 
 #nrwLink .active,
 #nrwLinkNN .active  {
	border-radius: 3px;
	background-color: #428bca;
	padding: 2px;
 }
 
 
 #falldefinitionLinkList .active a, 
 #categoryLinkList .active a, 
 #categoryLinkListNN .active a, 
 #ausbruchtypLinkList .active a,
 #regionLinkList .active a,
 #regbezLinkList .active a, 
 #regbezLinkListNN .active a, 
 #lkrLinkList .active a, 
 #lkrLinkListNN .active a, 
 #nrwLink .active,
 #nrwLinkNN .active a {
	color: #fff;
 }
 
 /* 
	---------------------------------------------
	Symbole zum Auf-/Zuklappen (collapse panel)
	---------------------------------------------
 */
 .dropdown-menu {
    min-width: 250px;
    width: 100%;
    font-size: 100%;
    line-height: 100%;
  }

 .scrollable-menu {
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
  }

  
.disabled, .disabled li a, .disabled:hover {
  /* Make the disabled links grayish*/
  color: darkgrey;
  /* And disable the pointer events */
  pointer-events: none;
}

ul[class~="disabled"] > li[class="active"] > a {
  /* Make the disabled links grayish*/
  background-color: transparent;
  color:  darkgrey;
  /* And disable the pointer events */
  pointer-events: none;
}


 
.panel-title > a:before {
   font-family: 'Glyphicons Halflings';  
    content: "\e114"; 
    float: right;
    color: grey;
}
.panel-title > a.collapsed:before {
     content: "\e080"; 
}

/*.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}*/

.col-border-right {
	border-right: 1px solid #ccc;
}
 
h1 {
	font-size: 11.0pt;
	font-family: "Arial","sans-serif";
	color: #294A82;
}