a:focus { 
  color:inherit;
  zzzoutline: 3px solid #61b5f6 ;
  outline: 4px solid #005598 ;

} 


  /* navbar */
  .navbar-default {
		background-color: #FFF;
		border-color: #066cb5;
}  
/*  .active {  background:#92b3cb;  }   NEIN ÄNDERT AUCH DEN INHALT WENN MIT TABS KOMBINIERT */

/*  ??? */ 
/* .navbar-default  > .active{
    color: #000;
    background: #92b3cb;
}  
*/

/* https://stackoverflow.com/questions/20732584/bootstrap-3-navbar-active-li-not-changing-background-color  */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
        color: #000;
    	background: #a9d0eb;
	
}



/* outline: 3px solid #61b5f6 ; */


.navbar-nav > li > a {
    cursor: pointer;
}    
.navbar-nav > li >  a:focus { outline-offset: -5px; }


   /* navbar position: fixed;  disable on small screens  */
 @media (max-width:1000px) {
 	.navbar-fixed-top {
  	position: inherit;
  	}
  }

   
 
 @media (min-width:1250px) {
 	.container {
  	width:1240px;
  	}
  }
  @media (min-width:1440px) {
 	.container {
  	width:1420px;
  	}
  }

  @media (min-width:1680px) {
 	.container {
  	width:1650px;
  	}
  }
  

  
  
/* FF >63  OK.  NO Chrome, Edge */
.rotate90 {
	writing-mode: vertical-rl;
	vertical-align: bottom;  /* for td */
	text-orientation: mixed; /* ??*/
}  
.rotate270 {
	writing-mode:sideways-lr;	
	vertical-align: bottom;  /* for td */
	text-orientation: mixed; /* ??*/
}  




/* ###########  twbs changes ######################## */

/* for checkboxlist  */
.checkbox+.checkbox,.radio+.radio { margin-top: 4px; }


.list-group-item { 
border-radius: 4px;
padding: 4px;
padding-left: 8px;
margin-top: 4px;
margin-bottom: 2px;
border: solid #CCC 1px;
background-color:unset;
}


.list-group-item.active{  background-color: #005599; }
.list-group-item.active:hover {  background-color:#EEEEFF; color:#000;} 
.list-group-item:hover{          background-color:#EEEEFF; color:#000;}  /* no efect??? */ 
a.list-group-item:hover{          background-color:#EEEEFF; color:#000;}  /* no efect??? */ 


.list-group-item:focus {   outline: 4px solid #005598 ; outline-offset:1px; }
 

/* ###########  twbs changes end ######################## */





.drmCheckboxFrame
{
border-radius: 4px;
padding: 4px;
padding-left: 8px;
margin-top: 4px;
margin-bottom: 2px;
border: solid #CCC 1px;
color:#555;
}
.drmCheckboxFrame:hover{          background-color:#EEEEFF; color:#000;}
.drmCheckboxFrame:focus{ 	outline: 4px solid #005598   }


.drmCheckboxCecked
{
  background-color: #005599;
  color: #FFF;
  border-color: #337ab7; 
}
.drmCheckboxCecked:hover{          background-color:#EEEEFF; color:#000;}


/*   tree  menue  
  inline 
*/








.hoverinfo
{
position: fixed; 
display:none;
/*min-width:300px;
min-height:300px; */
max-width:300px;
background-color: #FFF;
border: solid 2px #005599;
border-radius: 12px;
padding: 12px;
top: 200px; left:50px;
z-index:1050; 

}





/* only js version  */
.DropDownDialog
{

bottom:15px;
top: 50px;

/* width: 50%; */
width: unset;
position: fixed;
background: #F9F9FF;
/* opacity: 0.85; */

padding: 20px;
border: solid 1px gray;
border-radius: 0px 0px 15px 15px;
z-index: 999;

overflow-y: auto;


animation: animatetop 0.3s
} 
@keyframes animatetop{from{top:-400px;opacity:0} to{top:50px;opacity:1}}








/* https://stackoverflow.com/questions/15643037/how-do-i-change-the-hover-over-color-for-a-hover-over-table-in-bootstrap */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #e9e9e9;
}


.tr-striped { background-color:#f9f9f9 }




.tabLabelCells { background-color:#f0f0ff }


.methodolByCountry{ 
		color:#668 ; 
		font-weight:bold; 


}