div[ng-controller="ExtensionCtrl"] div[data-hidden] {
    background-color: rgb(255,255,122);
}

div[ng-controller="IndexCtrl"] div[data-hidden] {
    background-color: rgb(255,255,122);
}

.langtext p {
	max-width: 45em;
}
.width12em 
{
	width: 12em;
}

.width12ex
{
	width: 12ex !important;
}

.width9em 
{
	width: 9em !important;
}

div.cklistEditor img, 
div.ckEditor img 
{
	max-width: 100%;
}

.cke_button_label {
	display: none !important;
}

.longWord 
{
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.noLeftBorder 
{
	border-left-width: 0;
}

.noRightBorder 
{
	border-right-width: 0;
}

.noTopBorder 
{
	border-top-width: 0;
}
.noBottomBorder 
{
	border-bottom-width: 0;
}

.NichtNachRechts 
{
	float: inherit !important;
}

.Zelle 
{
	display: table-cell;
}

.glyphicon-triangle-top, .glyphicon-triangle-bottom, .glyphicon-triangle-right, .glyphicon-triangle-left
{
	display: table-cell;
}

.glyphicon-info-sign 
{
	float: right;
	text-decoration:none;
}

a.glyphicon-info-sign:hover
{
	text-decoration:none !important;
}

html[data-useragent*='Trident'] .notIE{
    display: none;
    visibility: collapse;
}


li#changesGlobal a.ng-hide
{
	display: block !important;
	visibility: hidden;
}

/* Navbar-Buttons so lange wie möglich nebeneinander
http://stackoverflow.com/questions/23535289/bootstrap-3-disable-navbar-collapse
 */
.navbar-collapse.collapse {
display: block!important;
}

.navbar-nav>li, .navbar-nav {
float: left !important;
}

.navbar-nav.navbar-right:last-child {
marXXXgin-right: -15px !important;
}

.navbar-right {
float: right!important;
}

/*****/

#emptyLI 
{
	padding-top: 12px;
}

/*
Beginn des Code für den Switch-Button für die Sortierungsumschaltung.
Stammt von "http://codepen.io/iamtyce/pen/kxrhC".
*/

.toggle-bg {
  background: #b4b4b4;
  border-radius: 2em;
  border: 0.12em solid #2d6da3;
  display: block;
  /* ...So that we can set a height and width */
  float: left;
  /* ...So that it doesn't take up the full width of the page */
  height: 2em;
  /* You can change this later if you want */
  position: relative;
  /* Required to allow the switch to move around */
  width: 3.4em;
  /* This can be changed later as well */
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  position: relative;
}
.toggle-bg:hover {
  border-color: #0000ff;
}
.toggle-bg.true {
  background: #337ab7;
  border-color: #2d6da3;
}
.toggle-bg input {
  margin: 0;
  padding: 0;
  width: 5.1em;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
  /* We want the input to be over the span.switch, which we'll give a z-index of 1 */
  /*IE*/
  zoom: 1;
  filter: alpha(opacity=0);
  /* initial toggle position */
  /* final relative toggle position */
}
.toggle-bg input:checked ~ .switch {
  left: 0;
}
.toggle-bg input ~ :checked ~ .switch {
  left: 1.38em;
}
.toggle-bg input:checked {
  z-index: 0;
}

.switch {
  background: white;
  border-radius: 2em;
  border: 0.1em solid #d9d9d9;
  display: block;
  float: left;
  height: 1.9em;
  width: 1.9em;
  left: -.1em;
  position: relative;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  z-index: 1;
  /* Remember, it must be below the invisible inputs */
}
.switch.true {
  box-shadow: -0.2em 0.2em 0.5em rgba(0, 0, 0, 0.06), 0.4em 0.4em 1.5em rgba(0, 0, 0, 0.08);
}
.switch.false {
  box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.06), -0.4em 0.4em 1.5em rgba(0, 0, 0, 0.08);
}

.toggle-alternate {
  clear: both;
  margin: 1em 0 0;
  width: 4.76em;
}
.toggle-alternate input {
  width: 6.63em;
}
.toggle-alternate input ~ :checked ~ .switch {
  left: 2.74em;
}

.toggle-alternateHuge {
  clear: both;
  margin: 1em 0 0;
  width: 4.76em;
}
.toggle-alternateHuge input ~ :checked ~ .switch {
  left: 5.74em;
}

.toggle-alternateHuge label {
  font-weight: 300;
  font-size: .9em;
  position: absolute;
  top: 0.55em;
}

.toggle-alternate label {
  font-weight: 300;
  font-size: .9em;
  position: absolute;
  top: 0.55em;
}

.toggle-bg label.true {
  left: .75em;
  color: white;
  text-shadow: 0 0.1em 0 #00b461;
}

.toggle-bg label.false {
  right: .55em;
  color: black;
}

/*
Ende des Code für den Switch-Button.
*/

div.modal-dialog p 
{
	-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
}

div.modal-body 
{
	overflow-y: auto;	
	
}

div.modal-dialog 
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

div.popover-content 
{
	max-height: 600px;
	overflow-y: auto;
}

/* Knöpfe neben Editorfeldern */
td.NoPadding field-infos 
{
	float: right;
}

body > .cke, div#RightDetails > .cke
{
	position: static !important;	
}

#RightDetails
{
	overflow-y: hidden;
}

.btn-primary {
    color: #797979;
    background-color: #d9d9d9;
}

.popover 
{
	max-width: 700px;
}

/* Löst wahrscheinlich das Problem der schwindenden Linie */
.ckEditor 
{
	position: static !important;
}

div.vollelement td.NoPaXXXdding 
{
	height: 1px;
}

div.vollelement td.NoPadding div.EditableColor 
{
	height: 100%;
}


tr th.greynarrow:first-child, tr th.darkgreynarrow:first-child
{
	min-width: 12em !important;
}

.NoPadding
{
	padding: 0;
}

.EditableColor 
{
	background-color: rgb(255, 255, 224);	
}
.ThreePadding 
{
	padding: 0.2em 0.2em 0 0.2em !important;
	height: 2em !important;
	overflow: hidden;
}

.FourPadding 
{
	padding: 0.2em !important;
	min-height: 2em;
}

@media print
{
	ul, img {
	   page-break-inside: avoid;
	}

	.gutter, .cke
	{
		visibility: collapse !important;
		display: none !important;
	}
	#RightDetails 
	{
		width: 100% !important;
		background: red;
	}
	
	#InnerDetails 
	{
		height: auto;
	}
	
	/*Bootstrap lässt beim Ausdruck hinter Links immer den Titel anzeigen. Dies ist bei uns nicht gewünscht. */
	a[href]:after{content:""!important}
}
@media screen {
	#InnerDetails{
		overflow-y: scroll;
		overflow-x: auto;
	}
	
	.nurDruck 
	{
		visibility:collapse;
		display: none;
	}
}

.autoHeight 
{
	height: auto !important;
	background-color: Red;
}

div.form-control 
{
	box-shadow: none !important;
	font-size: 10pt !important;
	padding: 0px 1px !important;
}

div[contenteditable="true"] 
{
	border-radius: 0;
	width: auto;
	
	/* resize funktioniert nicht mit Microsoft-Browsern
		(vielleicht ausschließlich mit textarea; Edge soll es kriegen)
		Braucht man es überhaupt, wenn man height:auto hat?
		
	resize: vertical;
	overflow: auto;	
	
	*/
	height: auto;
	overflow-y:hidden;
	border-width: 0;
}

div:focus[contenteditable="true"]
{
	border: 1px dotted black;
}

div[contenteditable="true"]
{
	border: 1px dotted transparent;
}

.glyphicon
{
	cursor: default;
}
div.collapseController 
{
    background-color: #95b3d7;
	font-weight:bold;
	padding-top: calc(0.2em);
	padding-bottom: calc(0.2em);
	margin-top: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-left: 0.2em;
	min-height: 2em;
	cursor: default;
}

.bottomBorder 
{
	border-bottom: 1px solid black;
	min-height: calc(2em + 1px) !important;
}

.wholeBorder
{
	border: 1px solid black;
}

div.ng-isolate-scope > ul.nav-tabs:first-child
{
	margin-left: 0px;
}

.nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

select[disabled] 
{
   color: #000;
   background-color: #FFF;
}

ul.navbar-nav li 
{
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: default;
	
}
.navbar
{
	border-radius: 0px;
	border-bottom-width: 0;
	margin-bottom: 0;
}

/*div#panelTree div.ng-isolate-scope div.tab-content*/
div#panelTree div div.tab-content
{
	overflow-y: auto;
	bXXXackground-color: Red;
}

/*div#OuterTree div.ng-isolate-scope*/
div#OuterTree div#panelTree > div:first-child
{
	height:100%;
	bacXXXkground-color: Green;
}

ul.nav-tabs
{
	margin-top: 8px;
	/*HvL*/
	margin-left: 0px;
}

/*HvL*/
a.nav-link:focus {
	outline: none;
}

ul.ErweiterungsWL {
	line-height: 1.1em;
}

.dijitTree 
{
	overflow: inherit !important;
}

img.TransparentKachel {
	background-image: url(Kachel3.png);
}

body {font-family: Arial, sans-serif; font-size: 10pt; overflow-y: hidden;}
table {border-collapse: collapse; width: 100%}
td {border: 1px solid black; vertical-align: top; padding: 0.2em;}
th { font-weight: 500; vertical-align: top; border: 1px solid black; padding: 0.2em;}
ul {margin-top: 0; margin-bottom: 0; margin-left: 1.5em; padding-left: 0;}
li {margin-top: 0; margin-bottom: 0;}
.blue { background-color: #95b3d7; text-align: left; font-weight: 700; min-height: 2em;}
.noTopBorder { border-top: 0px solid white;}
.centeredCell { text-align: center !important}
.className { font-weight: 700;}
.zweiteZeile {font-size: 6pt; display: block;}
.disabled { color: rgb(128, 128, 128);}
.grey { background-color: #d9d9d9; text-align: left;}
.darkgrey { background-color: #a9a9a9; text-align: left;}
.editable { background-color: rgb(255, 255, 224);}
.narrow {width: 10pt;background-color: #d9d9d9; text-align: left;}
.greynarrow {width: 10pt; background-color: #d9d9d9; text-align: left; white-space: nowrap; min-height: 2em;}
.darkgreynarrow {width: 10pt; background-color: #a9a9a9; text-align: left; }
.greysmall {width: 20pt; background-color: #d9d9d9; text-align: left;}
.darkgreysmall {width: 20pt; background-color: #a9a9a9; text-align: left;}
.justnarrow {width: 10pt; text-align: center !important}
.commentsTitle { font-size: 12pt; border-top: 0.5em solid white;}
.itemAdded{ color: blue;}
.itemDeleted { color: red;}
.itemChanged { text-background: darkorange;}
.wlAdded { color: blue;}
.wlDeleted { color: darkorange;}
.wlMissing { color: green;}
.lastRow { border-bottom-width: 3px }
.noTopLine { border-top-width: 0px }
.noBottomLine { border-bottom-width: 0px }
/*Der Tool-Tip-Button Image beim CK-Editor soll ausgeblendet werden. Nicht über Config, da dann auch das Plugin weg ist.*/
.cke_button__image { display: none !important }

tr.disabled .itemAdded{ color: #9999FF;}
tr.disabled .itemDeleted { color: #FFB2B2;}
tr.disabled .itemChanged { text-background: #FFC680;}
tr.disabled .wlAdded { color: #9999FF;}
tr.disabled .wlDeleted { color: #FFC680;}
tr.disabled .wlMissing { color: #8CC68C;}