/* STYLE COMPONENTS - STR *****************************/
   /* BOX STYLES - STR ********************************/
     .dBox-show{
      }
     .dBox-desc,
     .dBox-code,
     .dBox-rule,
     .dBox-java{
	margin-top: 0.8em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0.4em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	font-size: 0.9em;
	line-height: 1.42em;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-top: 0em solid #FFF;
	border-left: 1em solid #FFF;
	border-right: 0em solid #FFF;
	border-bottom: 0em solid #FFF;
      }
     .dBox-desc{background-color:rgba(215,215,215,0.4);color:rgba(40,34,79,1.0);border-color:rgba(200,200,250,1);}
     .dBox-code{background-color:rgba(245,245,245,1.0);color:rgba(40,34,79,1.0);border-color:rgba(230,230,250,1);}
     .dBox-rule{background-color:rgba(245,245,245,1.0);color:rgba(40,34,79,1.0);border-color:rgba(230,230,250,1);}
     .dBox-java{background-color:rgba(245,245,245,1.0);color:rgba(40,34,79,1.0);border-color:rgba(230,230,250,1);}

     .dBox-desc:before,
     .dBox-code:before,
     .dBox-rule:before,
     .dBox-java:before{
	white-space:pre;
	text-decoration:none;
	margin-bottom:1.2em;
	line-height:1.4em;
	font-size:1.1em;
	font-weight:bold;
	color:rgba(119, 119, 119, 0.5);
      }
     .dBox-desc:before{content:"Description:\A";text-decoration: none;}
     .dBox-code:before{content:"CSS Code:\A";text-decoration: none;}
     .dBox-rule:before{content:"Rules:\A";text-decoration: none;}
     .dBox-java:before{content:"Java Code:\A";text-decoration: none;}
   /* BOX STYLES - END ********************************/

   /* ACCORDION - STR *********************************/

   /* ACCORDION - END *********************************/
/* STYLE COMPONENTS - END *****************************/
/*  EXAMPLE BOX ***************************************/
.box-code,
.inbox-codep,
.inbox-code{
  margin-top: 0.8em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.4em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-bottom: 0.4em;
  font-size: 0.9em;
  line-height: 1.42em;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-top: 0em solid #E6E6FA;
  border-left: 1em solid #E6E6FA;
  border-right: 0em solid #E6E6FA;
  border-bottom: 0em solid #E6E6FA;
  background-color: #F5F5F5;
  color: #483D8B;
}
.inbox-code,
.inbox-codep{
  margin-top: 0.2em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-bottom: 0.2em;
  font-size: 0.9em;
  line-height: 1.42em;
  color: #483D8B;
  background-color: transparent;
  border-left: 1em solid rgba(0,188,212,0.2);
}
.box-code:before,
.inbox-codep:before,
.inbox-code:before{
  white-space:pre;
  text-decoration: none;
  margin-bottom: 1.2em;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight:bold;
  color: #777;
}
.inbox-codep table{
  font-size: 1.1em;
  color: #000;
}
.inbox-codep p{
  margin-top:0.1em;
  font-family: 'Courier New';
  font-size: 1.4em;
  color: #000;
}
.box-code:after{}

.box-code-use:before{content: "Einsatz:\A";text-decoration: underline;}
.box-code-dsp:before{content: "Example:\A";text-decoration: none;}
.box-code-css:before{content: "CSS Code:\A";text-decoration: none;}
.box-code-xml:before{content: "XML Code:\A";text-decoration: none;}
.box-code-jva:before{content: "Java Code:\A";text-decoration: none;}
.box-code-htm:before{content: "HTML Code:\A";text-decoration: none;}
.box-code-php:before{content: "PHP Komponente:\A";text-decoration: none;}
.box-code-ang1:before{content: "Angular Komponente:\A";text-decoration: none;}
.box-code-ang2:before{content: "Angular2 Komponente:\A";text-decoration: none;}
.box-code-ver:before{content: "Version:\A";text-decoration: none;}
.box-code-sta:before{content: "Status & Abnahme:\A";text-decoration: none;}

.box-code-dir:before{content: "Steuerungsparameter:\A";text-decoration: underline;}
.box-code-eve:before{content: "Events:\A";text-decoration: underline;}
.box-code-val:before{content: "Validierungen:\A";text-decoration: underline;}

.box-code-cls:before{content: "PHP Class:\A";text-decoration: underline;}
.box-code-eve:before{content: "Events:\A";text-decoration: underline;}
.box-code-val:before{content: "Validierungen:\A";text-decoration: underline;}

.box-code-use,
.box-code-dsp{
  background-color: transparent;
  border-left: 1em solid transparent;
}


.example-xml:before{content: "XML:\A\A";text-decoration: none;}
.example-show:before{content: "Example:\A\A";text-decoration: none;}
.example-code:before{content: "Code-Example:\A";text-decoration: none;}
.example-need:before{content: "JavaScript Plugin:\A";text-decoration: none;}
.example-rule:before{content: "Rules on behavior & use:\A";text-decoration: none;}
/* EXAMPLE CODE */
.example-xml,
.example-rule,
.example-need,
.example-code{
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.8em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-bottom: 0.8em;
  font-size: 0.9em;
  line-height: 1.6em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 0em solid #E6E6FA;
  border-left: 1em solid #E6E6FA;
  border-right: 0em solid #E6E6FA;
  border-bottom: 0em solid #E6E6FA;
  background-color: #F5F5F5;
  color: #483D8B;
}
.example-desc:before,
.example-xml:before,
.example-show:before,
.example-code:before,
.example-need:before,
.example-rule:before{
  white-space:pre;
  text-decoration: none;
  margin-bottom: 1.2em;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight:bold;
  color: #777;
}


.example-desc:after,
.example-xml:after,
.example-show:after,
.example-code:after,
.example-need:after,
.example-rule:after{
  content: "";
  white-space:pre;
  margin-bottom: 1.2em;
  height:2em;
}
/* STYLE SECTIONS - STR *************************/

.table-hover tr {cursor:pointer;}
.searchMe{display:none;}
label{font-size:0.8em;margin-bottom:0.0em;}

/* PANEL AJUSTMENTS *****************************/
.tgBtn  {cursor:pointer;}
.tgBtns {margin-top:-0.5em;margin-right:-0.9em;}
.tgIcon {margin-top:-0.35em;margin-right:-0.2em;}
.tgList {display:none;}
.tgOpen {display:inline-table;}
.tgOpenFull{display:block;}
.panel {margin-top:0.3em;margin-bottom:0.4em;}
.panel-body, .form-group {margin-top:0.3em;margin-bottom:0.3em;padding-top:0.1em;padding-bottom:0.1em;}
.panel-footer {margin-top:0.0em;margin-bottom:0.0em;padding-top:0.2em;padding-bottom:0.6em;}
.panel table {margin-top:0.0em;margin-bottom:0.2em;padding-top:0.0em;padding-bottom:0.0em;}
/* PANEL AJUSTMENTS *****************************/
/* PROGRESSBAR AJUSTMENTS ***********************/
.progress{margin:0px;}
/* PROGRESSBAR AJUSTMENTS ***********************/
/* COLORS TO SET ********************************/
.green		{color:green;}
.red		{color:red;}
.black		{color:black;}
.blue		{color:blue;}
.bg-gray	{background-color:#EEE;}
.bg-drakgray	{background-color:#CCC;}
/* COLORS TO SET ********************************/