@import url('https://fonts.googleapis.com/css?family=Material+Icons');

@import "font-awesome.css"; 

/*++++++++++++++++
General
++++++++++++++++++*/

/*main:before{
	content:"Draft";
	z-index:-100;
	position: absolute;
	font-size:72pt;
	color:rgba(10, 10, 10, 0.5);
	  transform: rotate(-45deg);
	  padding:150px 0 0 200px;
	  opacity:20%;

}*/

body {
	font-family: 'Roboto';
     sans-serif;
	 color: rgba(0, 0, 0, 0.87);
}

h3 {color:#008739; }

.theme1 .procedure > li::before {
    background-color: rgba(0, 0, 0, 0.67); 
}



/* Primary color for links, buttons, sidebar, portal-header etc */
a,.text-primary,.btn-link,.pagination>li>a,.pagination>li>span,.publication-contents a:hover {
    color:#008739; 
}

.bg-primary,.btn-primary,.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus,.portal-single-publication .publication-icon {
    background-color:#008739;
}

div.result > p:before{
	font-family: "FontAwesome";
	content:"\f058";
	font-size:1.7em;
	color:#008739;
	margin-right:15px;
}

/*++++++++++++++++
Toolbar
++++++++++++++++++*/
.toolbar{

}


/*++++++++++++++++
HowTo page
++++++++++++++++++*/


[class~= fa-wrench]:before,  [class~=fa-info-circle]:before , [class~=fa-magic]:before , [class~=fa-book]:before , [class~= fa-question]:before {
font-family: "FontAwesome";
color: #008739;
  margin-right:15px;
  font-size:1.4em;
  margin-right:15px;
}

[class~= arrow_right]:before {
font-family: "Material Icons";
vertical-align:middle;

content:"\e5df";
font-size:1.8em;
color: #008739;
  margin-right:15px;
}

[class~= admin_panel_settings]:before {
font-family: "Material Icons";
font-size:1.4em;
content:"\ef3d";
color: rgba(0, 0, 0, 0.87);
  margin-right:15px;
}

[class~= fa-caret-right]:before{
	font-family: "FontAwesome";
	
	color: #008739;
	margin-right:15px;

}

[class~= fa-question-circle]:before{
	font-family: "FontAwesome";
	color: #d9534f;
	margin-right:15px;
}

[class~= fa-pause]:before{
	font-family: "FontAwesome";
	color: #ec971f;
	margin-right:15px;
}

[class~=fa-exclamation-circle]:before{
	font-family: "FontAwesome";
	font-size:1.4em;
	color: #ec6707;
	margin-right:15px;
}


[class~= audience-developer]:before{

	font-weight: regular;
	font-size:1.7em;
	color: #008739;
	/*font-family: "FontAwesome";
	content:"\f0ad";*/
	font-family: "Material Icons";
	content:"\ef3d";
	color: rgba(0, 0, 0, 0.67);
    position: absolute;
    margin-left: -40px;
    margin-top:-10px;

}


/*++++++++++++++++
Sidebar
++++++++++++++++++*/
.site-sidebar{
	background-color:#fcfcfc;
}

.nav-site-sidebar .active>a {
    color: #008739;
}

.nav-site-sidebar li a {
    color: rgba(0, 0, 0, 0.87);

}

.site-sidebar-search .form-control::placeholder{ color: #008739;
}
.site-sidebar-search .form-control{
	background-color:rgb(255, 255, 255)!important;
	
}

.theme1 .site-sidebar .logo {
    width: 70%;
	}

/*++++++++++++++++
Callouts
++++++++++++++++++*/




li.step>p>span>a.link{  /* preliminary!!!*/
	text-decoration:none;
	
	font-weight:bold;
	color:inherit;
	
}





div.mediaobject>img{
	
	max-width:600px;
}

map{
position:absolute;	
/*display:block;
/*Margin-right:100%;*/
overflow:visible;


}

area{
position:absolute;
	
	visibility:visible;

  overflow:visible;
transition: all 3s ease-out;
}




i.coImage
{
	margin-top:-2px;
	margin-left:-2px;
	


}

span.coImageSpan>strong{


margin-top:-1.8px;

}


pre.programlisting>a>span
{
	 border-radius: 50%;
	border-style:solid;
	 box-shadow: 3px 3px 4px silver;

}



area[href$="Underline"] >pre{
	border-radius:0%;
	border-bottom-style:solid;
	  border-color: #008739;
	 
	  }
	  
area[href$="Overline"] >pre{
	border-radius:0%;
	border-bottom-style:solid;
	  border-color: #008739;
	   box-shadow: 3px 3px 4px silver;
	  }	  

.procedure > li.step >p >span >a >span.fa-3x {

	font-size: 0.8em;


}

.procedure > li.step >p >a >span.fa-3x {

	font-size: 0.8em;
	

}



.procedure > li.step >p >span >a:before {

	content: none;

}

.procedure .OlNoList {
	margin-left:0px;
	}

.procedure .OlNoList> li::before {
    
    
    padding-left: 0px;
    line-height: 3em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #FFFFFF;
    display: block;
    font-weight: regular;
    content: none;
    font-size: 0.5em;
    text-align: center;

}

.programlisting{
	position: absolute; 

background-color:transparent!important;

/*border: 0.3em solid #008739;*/
overflow:visible!important;
/*box-shadow: 0.5px 0.5px 6px 2px rgba(0, 135, 57, 0.2);*/

}
.coImageSpan{
	overflow:visible;
/*position: absolute;*/
font-family: "FontAwesome";
	

}



/* ASN: If not using images for callouts, make sure the color of the callout number is not changed by the highlight plugin */
.co span{
    color: #000000!important;

}   	

.co .fa-stack .text-primary span, .calloutlist .fa-stack .text-primary {
    color: #fff!important;
}

strong.fa-stack-1x.text-primary {
    color: #fff!important;
}

.co .fa-3x, .calloutlist .fa-3x{
   font-size: 0.8em; 


}

a:not(.xref).co {
    font-size: 0.8em;

}

a.co span.unicode-callout {
    font-size: 1.8em!important;
    line-height: 1em;
    display: inline-block;
    vertical-align: baseline;
}

a:not(.xref).co, .calloutlist a{
    text-decoration: none;
} 


/*Variation on this: https://stackoverflow.com/questions/4861224/how-to-use-css-to-surround-a-number-with-a-circle*/
a:not(.xref).co:link{
 border: none;

    box-shadow: none;
	width: none;



}
a:not(.xref).co:visited{
  border-radius: 50%;
    width: none;
 margin-right: 0px;



    text-decoration: none;
    outline:none;
	 visibility:visible;
	
}
a:not(.xref).co:focus{

border: 1px solid #008739;
overflow:visible!important;
box-shadow: 0.5px 0.5px 6px 2px rgba(0, 135, 57, 0.2);
	margin-left:-8px;

}

/a:not(.xref).co:active{
	
    width: none;

	
}

a.xref:link{


}

a.xref:visited{


}

a.xref:active{
border-radius: 30%;
	width: inherit;
	   margin-right: 0px;
	/*border: 1px solid rgba(0, 235, 157, 0.8);
    /*box-shadow: 0 0 1px rgba(0, 135, 57, 0.8);*/


}

a.xref:focus{
border-radius: 30%;
	width: inherit;
	  margin-right: 0px;
	/*border: 1px solid rgba(0, 235, 157, 0.8);
    /*box-shadow: 0 0 1px rgba(0, 135, 57, 0.8);*/


}	

.calloutlist span.unicode-callout {
    font-size: 1.3em;
    line-height: 1em;
    margin-left: 25px;
}

pre.programlisting  > a:before{
display:none;
margin:0px;

padding:0px;
content:none!important;
}

/*span:before{
display:none;
margin:0px;
padding:0px;
content:none!important;
}*/


span.plain-text-callout:before {
    content: '(';
}

span.plain-text-callout:after {
    content: ')';
}

/*Too  much space before the parenthesis if not reducing by negative margin*/
.co span.plain-text-callout {
    margin-left: -0.1em;
}

.calloutlist span.plain-text-callout {
    margin-left: 25px;
}


.co .fa-3x, .calloutlist .fa-3x {

    color: #008739;/*color of callout circle in list*/
	
}
.co span {
    color: #008739!important; /*color of callout circle*/
	
}

/*++++++++++++++++
Admonitions
++++++++++++++++++*/

/*.important{
    border-left-color: #c0087f;
    background-color: #c0087f40;
    background-color: rgba(192, 8, 127, 0.25);  
}*/

.important{
    border-left-color: #ec6707;
    background-color: #ec670740;
    background-color: rgba(236, 106, 7, 0.25);  
}
.important:before{
	color:#ec6707;
}


.tip{
    border-left-color: rgba(91, 91, 91, 0.5);
    background-color:rgba(91, 91, 91, 0.1);
}

.tip:before{
color: #008739;	
}

.note:before{
	content:"\f05a";
}



.form-control::placeholder{
	color: #008739;
	caret-color: #008739;
}



p>a.glossterm {
	text-decoration:underline;
	text-decoration-style: dotted;

}
p>a.glossterm:before {
	font-family: "FontAwesome";
	content:"\f02d";
	margin-right:2px;
	
}


/*++++++++++++++++
Portal header
++++++++++++++++++*/


input:focus { color: #008739;
}

.portal-header::before{
	
  background-color: #fcfcfc; /*template Farbe: #004ba0*/ 
  background: linear-gradient(180deg,  rgba(253,253,253,0.9) 7%, rgba(235,235,235,1) 25%, rgba(155, 155, 155, 1) 100%);
  
}

.portal-header::after {
mix-blend-mode:overlay;

    opacity: 1;
    filter: none;
}

.portal-header h1 {
	color: rgba(0, 0, 0, 0.67);
	font-size:30;
	Font-weight:400;
	 margin-top: 0.4em!important;

	padding: 5px;
	

   /*color:  rgba(0, 0, 0, 0.87);*/
}

.portal-header .search-field {
    background-color: rgba(254, 254, 254, 0.86);
		box-shadow: 2px 3px 3px hsl(0deg 0% 0% / 0.05);

}


.btn-primary,.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    border-color:#008739;/*template: #1976d2*/
}

/* Secondary color - For portal search button, publication count */
.portal-header .portal-search button,.publication-contents h4 span {
    background-color:#444444;/*Template #F57C00*/    
}
.portal-header .portal-search button:hover{
     background-color:#008739;/*template: #dc6f00*/
}

/* Tertiary color - For pager */
.pager li>a,.pager li>span {
    color:#008739;/*template: #63a4ff*/  
}

.pager li>a:hover,.pager li>span:hover {
    background-color:#008739;/*template: #63a4ff*/
} 

/*+++++++++++++++++++
Portal content 
+++++++++++++++++++++*/   

div.inner > h1{
     align:justify;
} 

.cat-panel-1:before{
    content: "\f0eb"; 
}

.cat-panel-2:before{
    content: "\f059"; 
}

.cat-panel-3:before{
    content: "\f02d"; 
}

.cat-panel-4:before{
    content: "\f02d"; 
}

/* adding style for guilabel */
span.guibutton {
  font-weight: bold;
}


/*++++++++++++++++++++++++++++++
Highlights and special formats
++++++++++++++++++++++++++++++++*/

/*background color for meter and gateway state*/
[class~=green]{
  background-color: #05fc47;
}

[class~=yellow]{
  background-color: #fcf405;
}

[class~=red]{
  background-color: #fc1605;
}


/*++++++++++++++++++++++++++++++
Feedback butons
++++++++++++++++++++++++++++++++*/

div.feedback-panel .btn {

    border-color:  #008739;

}

div.feedback-panel .btn.visited{
	background-color: #008739;
}

div.feedback-panel .btn.active{
	background-color: #008739;
}

div.feedback-panel .btn:focus{
	background-color: #008739!important;
}





.inlinemediaobject img:not([height]):not([width]) {

    width: 50px;
	height: auto;
	padding-bottom:0.4em;
	padding-right:3px;
}

div.mediaobject>img{
	border-style:solid;
	border-width:1px;
	border-color: #bcbcbc;
	box-shadow: 3px 6px 6px hsl(0deg 0% 0% / 0.10);
}


.xref:before{
	content:">";
	font-weight:bold;
	padding-right:3px;
}

a.link {
	text-decoration:underline;
	text-decoration-style: solid;
}

a:hover{
	color:#0069b4;
}

/*++++++++++++++++
Tables
++++++++++++++++++*/

th {
  background-color: rgba(0, 0, 0, 0.45);
  color:#FFFFFF;
}


tr{
  background-color: rgba(0, 0, 0, 0.07);
}

tr:nth-child(even){
  background-color: rgba(0, 0, 0, 0.13);
}


tr.question, tr.answer{
	background-color:#ffffff;
}







ul{
	margin-bottom: 2.8em!important;
} 


div.topic-content > .status-legacy > div:not(.important) , .status-legacy > p  {

	 opacity:60%;
	
} 

div.topic-content >.status-legacy:before{
font-family: "FontAwesome";
color: red;
content:"\f05e";
font-size:50pt;
padding:0 0 0 250px;
	
}