/* Available fonts / font-families ... */


/* colors
	t3b blue : #06529B;
	light-green: #a6e22e
	grey: #999
	

*/



/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article {
	padding: 0;
	margin-bottom: 0.3em;
	/* background:rgba(255,255,255,0.7); */
}
.news .article p { color:#fff; }


.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin: 0.3em 1em 0.5em 0;
	background: #fff;
}

.news .article .news-img-wrap a {
display: block;
  float: left;
  padding: 0em;
  border: 0.1em solid;
  background: #fff;
}

.news .article .news-img-wrap img {
  height: auto;
  width: 100%;
  max-width: 2.2em;
}



.news .article #newsDetailCenter .header { height:auto; }
.news .article #newsDetailCenter .header h1 { font-size:2.0em; }

.news .article .teaser-text {	margin: 0 0 1em 0; height:10em; position:relative; }
.news.news-single .article .teaser-text { height:auto; margin-bottom:2em; }
.news.news-single .article p { padding:0; margin:0; }
.news .article .teaser-text div { height:auto; color:#fff; }
.news .article .teaser-text div p { color:#fff; }
.news .article .teaser-text a.more { position:absolute; color:#fff; font-size:1.2em; bottom:0; right:0; }

.news .article span.news-list-category { color:#fff; display:block; font-size:1em; }

.news .article span.news-list-tags { color:#999; display:block; font-size:0.8em; }
.news .article span.news-list-tags em { padding:0 0.5em 0 0; font-style:normal; text-decoration: none; }
.news .article span.news-list-tags em:after { Margin:0 0 0 0.5em; content:'|'; }
.news .article span.news-list-tags em:last-child::after { content:''; }


/* ################# New list views */
.news .news-list-view .article .header { display:block; margin:0 0 0.5em 0; height:6.5em;  overflow:hidden; border-bottom:1px solid #fff; position:relative; }
.news .news-list-view .article .header h3 { display:inline-block; font-size:1.1em; margin:0; padding:0; position:absolute; bottom:0.3em;  }
.news .news-list-view .article span.news-list-category { color:#fff; display:block; font-size:0.8em; }
.news .news-list-view .article span.news-list-tags { color:#999; display:block; font-size:0.5em; }
.news .news-list-view .article .newscatInfos { height:3.5em; overflow:hidden; position: relative; }
.news .news-list-view .article .teaser-text {	margin: 1em 0 1em 0;  height: 10em;  position: relative; }
.news .news-list-view .article .teaser-text p { font-size:0.8em; }
.news .news-list-view .article .news-list-date { color:#999; font-size:0.7em;  position: absolute; bottom:0; left:0; }
.news .news-list-view .article .teaser-text a.more { position:absolute; color:#fff; font-size:1.0em;  color:#fff; bottom:0; right:0; }
.news .news-list-view .article .teaser-text a.more:before { font-family: 'bootstrap-icons';  content: '\F133';  color: #fff;  position: relative;  font-size: 1.5em;  top: 0.3em;  margin: 0 5px 0 0; }
.news .news-list-view .article .teaser-text a.more:hover { color:#a6e22e !important; } 
.news .news-list-view .article .teaser-text a:hover::before { color:#a6e22e !important; } 

#listHeadlineInfos { position:relative; }
body.userSectionList #listHeadlineInfos { margin-bottom:2em; }

#listHeadlineInfos div p { color:#fff; float:left; }
#listHeadlineInfos strong#logoutBtn { position: relative;
  float: right;
  cursor: pointer;
  top: 0.25em;
  right: 0;
  display:none;
  }
/*  
#listHeadlineInfos aside { position: absolute;
  float: right;
  transition: all 0.6s ease;
  cursor: pointer;
  color: #06529b;
  background: rgba(255,255,255,1);
  border: 0.05em solid rgba(255,255,255,1);
  border-radius: 1em;
  text-align: center;
  padding: 0 1em 0em 0.1em;
  font-size: 0.5em;
  top: 0.7em;
  right: 0;
  line-height: 1.25em;
  }
*/
#listHeadlineInfos strong#logoutBtn a { display:block; font-family: 'ubuntu-regular', sans-serif; font-size: 0.6em; font-weight:normal; color: #06529b; transition: all 0.2s ease;  cursor: pointer;  color: #06529b;  background: rgba(255,255,255,0.7);  border: 0.05em solid rgba(255,255,255,1);  border-radius: 1em;  text-align: center;  padding: 0 1em 0em 2em;   }
#listHeadlineInfos strong#logoutBtn a:hover { background: rgba(255,255,255,1); } 
#listHeadlineInfos strong#logoutBtn a:before { position:absolute; left:0.2em; font-family: 'bootstrap-icons';  content: '\F622';  color: red; font-size: 1.05em;} 

#listHeadlineInfos strong i { text-align:left; color:red; float:left; margin:0 1em 0 0 }

  
#listHeadlineInfos h1 span { margin:  0 0 0 0.5em;
  transition: all 0.6s ease;
  cursor: default;
  color: #06529b;
  display: inline-block;
  background: rgba(255,255,255,1);
  border: 0.05em solid rgba(255,255,255,1);
  border-radius: 1em;
  text-align: center;
  padding: 0 1em 0 1em;
  font-size: 0.5em; 
  margin:0 0 0 3em;
  position:relative;
  top:-0.2em;
  }

/* ###################### news news-single */

.news.news-single span.news-list-category:before { font-family: 'bootstrap-icons';  content: '\F45A';  color: #fff; font-weight:normal; position: relative; font-size: 1.2em;  margin: 0 5px 0 0; top:0.2em; }


.news.news-single span.news-list-date { float:right;  }
.news.news-single span.news-list-tags { margin:0.5em 0 0.5em 0; }
.news.news-single span.news-list-tags:before {  font-family: 'bootstrap-icons';  content: '\F5B2';  color: #999; font-weight:normal; position: relative;  font-size: 1.2em;  margin: 0 0.3em 0 0.2em; top:0.2em; }

.news.news-single span.news-list-author { font-size:0.8em; color: #999; }
.news.news-single span.news-list-author:before { font-family: 'bootstrap-icons';  content: '\F4E1';  color: #999; font-weight:normal; position: relative;  font-size: 1.2em;  margin: 0 5px 0 0; top:0.2em; }


/* #################   News category sidebar  */

a#resetWikiFilter { margin: 1em 0; transition: all 0.3s ease; cursor:pointer; color: #06529b;;   display: inline-block; background:rgba(255,255,255,1);  border: 0.05em solid rgba(255,255,255,1);  border-radius: 1em;  text-align: left;  padding: 0 1em 0 2em;   font-size: 0.8em; }
a#resetWikiFilter:hover {  background:rgba(255,255,255,0.6); } 
a#resetWikiFilter::before { content:'\F130'; font-family: 'bootstrap-icons'; font-weight:normal; position:absolute; left:0.5em; color:#06529b; font-size:1em; }
a#resetWikiFilter.deactivated { color:rgba(255,255,255,0.5); cursor:default; background:none; border-color:rgba(255,255,255,0.5); padding: 0 1em 0 2em; }

a#resetWikiFilter.deactivated::before { content:'\F26B'; font-family: 'bootstrap-icons'; font-weight:normal; position:absolute; left:0.5em; color:rgba(255,255,255,0.5); font-size:1em; }

body.wikiCategory a#resetWikiFilter, body.wikiArticle a#resetWikiFilter  { margin: 1em 0; transition: all 0.3s ease; cursor:pointer; color: #06529b;;   display: inline-block; background:rgba(255,255,255,1);  border: 0.05em solid rgba(255,255,255,1);  border-radius: 1em;  text-align: left;  padding: 0 1em 0 2em;   font-size: 0.8em; }
body.wikiCategory a#resetWikiFilter:before, body.wikiArticle a#resetWikiFilter:before  { content:'\F130'; font-family: 'bootstrap-icons'; font-weight:normal; position:absolute; left:0.5em; color:#06529b; font-size:1em; }



.frame-type-news_categorylist { position: relative;  margin: 0em 0 2em 0; } 
.frame-type-news_categorylist header h2 { border-bottom: 1px solid #fff;  padding-bottom: 0.3em; }
.frame-type-news_categorylist .news ul li { color:#fff; list-style-type: square; list-style:none;  cursor: pointer; }
.frame-type-news_categorylist .news ul li a { transition: all 0.3s ease; width:100%; font-family: 'ubuntu-bold'; font-weight:normal; font-size:0.8em;  }
.frame-type-news_categorylist .news ul li a:hover {  padding-left:0.5em; }
.frame-type-news_categorylist .news ul li ul li a {  font-family: 'ubuntu-regular'; font-weight:normal;  margin:0 0 0 1em; }
.frame-type-news_categorylist .news ul li a.active { background:#fff; color:#06529b; padding: 0 0.3em;  border-radius: 0.5em; }
.frame-type-news_categorylist .news ul li span.categoryUsageCount { font-family: 'ubuntu-bold'; font-weight:normal; font-size: 0.6em;  border: 1px solid rgba(255,255,255,0.5);  border-radius: 100%;  min-width: 1.7em;  display: inline-block;  text-align: center;  color: #fff;margin: 0.55em 0 0 0.5em;  position: absolute; }
.frame-type-news_categorylist .news ul li a:hover span.categoryUsageCount { background-color:#fff; }
body.userSectionList .frame-type-news_categorylist .news ul li span.categoryUsageCount { display:none !important; }


.frame-type-news_taglist { position: relative;  margin: 0em 0 2em 0; } 
.frame-type-news_taglist header h2 { border-bottom: 1px solid #fff;  padding-bottom: 0.3em; }
.frame-type-news_taglist .news ul li { color:#fff; list-style-type: square; list-style:none;  cursor: pointer; line-height:inherit; }
.frame-type-news_taglist .news ul li a { transition: all 0.3s ease; width:100%; font-family: 'ubuntu-regular'; font-weight:normal; font-size:0.7em;  }
.frame-type-news_taglist .news ul li a:hover {  padding-left:0.5em; }
.frame-type-news_taglist .news ul li ul li a {  font-family: 'ubuntu-regular'; font-weight:normal;  margin:0 0 0 1em; }
.frame-type-news_taglist .news ul li a.active { background:#fff; color:#06529b; padding: 0 0.3em;  border-radius: 0.5em; }
.frame-type-news_taglist .news ul li span.tagUsageCount { font-family: 'ubuntu-bold';  font-weight: normal;  font-size: 0.5em;  border: 1px solid rgba(255,255,255,0.5);  border-radius: 100%;  min-width: 1.7em;  display: inline-block;  text-align: center;  color: #fff;  margin: 0.9em 0 0 0.5em;  position: absolute; }
.frame-type-news_taglist .news ul li a:hover span.tagUsageCount { background-color:#fff; }
body.userSectionList .frame-type-news_taglist .news ul li span.tagUsageCount { display:none !important; }


/* #####################  news-related-wrap  */
.news-related.news-related-news {  margin: 0 0 2em 0;}
.news-related.news-related-news h4 { border-bottom: 1px solid #fff;  padding-bottom: 0.3em; }
.news-related.news-related-news ul li { color:#fff; list-style-type: square; line-height:1em; margin-bottom:0.7em; }
.news-related.news-related-news ul li a { color:#fff; font-size:0.8em; line-height:1.1em; }
.news-related.news-related-news ul li a:hover {  color: #a6e22e; }
.news-related.news-related-news .news-related-news-date { color:#999; font-size: 0.7em; }

.news-related.news-related-links {  margin: 0 0 2em 0;}
.news-related.news-related-links h4 { border-bottom: 1px solid #fff;  padding-bottom: 0.3em; }
.news-related.news-related-links ul li { color:#fff; list-style-type: square; margin:0 0 1em 0; }
.news-related.news-related-links ul li a { font-size:0.8em; }
.news-related.news-related-links ul li a:hover { color: #a6e22e !important; }
.news-related.news-related-links ul li a.externalLinkGrey { line-height: 1.5em;  display: inline-block;  color: #999; font-size:0.5em; word-break: break-all; }
.news-related.news-related-links ul li a.externalLinkGrey:before { font-family: 'bootstrap-icons';
  content: '\F142';
  color: #a6e22e;
  position: relative;
  font-size: 1.2em;
  margin: 0 5px 0 0;
}

.news-related.news-related-files {  margin: 0 0 2em 0;}
.news-related.news-related-files h4 { border-bottom: 1px solid #fff;  padding-bottom: 0.3em; }
section#wikiTeasers #newsRelatedLeft .news-related.news-related-files ul { padding:0; }
.news-related.news-related-files ul li { color:#fff; list-style-type: square; margin:0 0 0.5em 0; list-style:none; }
.news-related.news-related-files ul li a { font-size:0.8em; color:#999; }
.news-related.news-related-files ul li a:hover { color: #a6e22e !important; }
.news-related.news-related-files ul li a.externalLinkGrey { line-height: 1.5em;  display: inline-block;  color: #999; font-size:0.5em; word-break: break-all; }
.news-related.news-related-files ul li a.externalLinkGrey:before { font-family: 'bootstrap-icons';  content: '\F142';  color: #a6e22e;  position: relative;  font-size: 1.2em;  margin: 0 5px 0 0; }

.news-related-files-link::before {
	font-family: 'bootstrap-icons';
	display: inline-block;
	width: 16px;
	height: 16px;
	color: #a6e22e;
	position: relative;
	font-size: 0.8em;
	margin: 0 8px 0 0;
}

.news-related-files-link.file-pdf::before {  content: '\F63D'; }
.news-related-files-link.file-image::before {  content: '\F36D'; }

.news-related-files-size { display:block; clear:both; font-size:0.6em; color:#999; }




.news-related.news-related-links ul li a.externalLinkGrey:hover { color: #a6e22e; } 
.news-related.news-related-links ul li span { color:#999; font-size: 0.7em; display:block; clear: both;}

#newsRelatedLeft .userDetails { margin: 0 0 2em 0; }
#newsRelatedLeft .userDetails h4 { display:block; border-bottom: 1px solid #fff;  padding-bottom: 0.3em; font-size:1.5em; margin:0 0 1em 0; }
#newsRelatedLeft .userDetails h4::first-letter { text-transform: uppercase !important; }
#newsRelatedLeft .userDetails ul { list-style: none; margin:0; padding:0 !important; color:#fff; }
#newsRelatedLeft .userDetails ul li { position:relative; list-style: none; font-size:0.8em; display:block; padding:0 0 0 1.9em; color:#999; margin:0 0 0.3em 0; }
#newsRelatedLeft .userDetails ul li.userContactPerson { font-size:1em; color:#fff; padding:0 0 0 1.5em; margin-bottom:0.3em;  }
#newsRelatedLeft .userDetails ul li.userContactPerson:before { font-family: 'bootstrap-icons'; content:'\F4D5'; position:absolute; left:0; font-size:1em;  }
#newsRelatedLeft .userDetails ul li.userAddress:before { font-family: 'bootstrap-icons'; content:'\F3E7'; position:absolute; left:0; font-size:1em;  }
#newsRelatedLeft .userDetails ul li.userEmail:before { font-family: 'bootstrap-icons'; content:'\F32C'; position:absolute; left:0; font-size:1em;  }
#newsRelatedLeft .userDetails ul li.userCompany:before { font-family: 'bootstrap-icons'; content:'\F424'; position:absolute; left:0; font-size:1em;  }





/* \F756 */

/* related news + files */
/*
.news-related-wrap {
	width: 100%;
}

.news-related {
	padding: 1em;
	margin:0 0 4em 0;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}
*/

.news .footer { 
	clear: both;
	padding: 0;
	border-top: 1px solid #eee;
	margin-top: 0;
	color: #888;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	border-bottom: 0;
	border-top: none;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news.news-single h1, .news.news-single h2, news.news-single h3, news.news-single h4 { color:#fff; }
.news.news-single h2:before {  font-family:'bootstrap-icons'; content:'\F504 ';  color:#fff; position: relative; top: 4px;  margin: 0 0.5em 0 0.1em; }
.news-text-wrap h3 { color:#fff; }



.news-text-wrap a:before { font-family:'bootstrap-icons'; content:'\F142';  color:#a6e22e; position: relative; top: 4px;  margin: 0 0.3em 0 0.1em; } /* content:'\F1C5'; */
.news-text-wrap a:hover { color:#fff; text-decoration: underline; }

.news-img-caption {
	color: #888;
}



.news-clear {
	clear: both;
}

ul.f3-widget-paginator { display:block; width:100%; margin: 2em 0; text-align: center; }



@media only screen and (min-width: 576px) {
	.news .article #newsDetailCenter .header h1 { font-size:1.5em; padding-bottom:0.3em; }
}

.news-backlink-wrap { float:left; }
.news-backlink-wrap a {
	font-family: 'ubuntu-regular';
	position: relative; 
	transition : all 0.2s ease; 
	display : inline-block;
	padding : 0 1em 0 2.0em; font-size : 0.8em; margin : 0 0.2em;
	border-radius : 2em; top : 1em;
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	/* border: 0.01em solid #fff; */
	border:none;
	transition: all 0.4s ease;
	display: inline-block;
	padding: 0 1em 0 2.0em;
	font-size: 1em;
	margin: 0 0.2em;
	border-radius: 2em;
	top: 1em;
}

.news-backlink-wrap a::before {
	content: '\F230';
	position: absolute;
	left: 0.5em;
	font-size: 1em;
	margin: 0;
	display: inline-block;
	font-family: 'bootstrap-icons';
	top: 0.05em;
}
.news-backlink-wrap a:hover { 	margin: 0 0.2em 0 -0.5em;  background: rgba(255, 255, 255, 1) !important; color:#06529B; }




/* #################################   user section detail */

body.customBgColor.userSection #mainWrapper { background:linear-gradient(to bottom, rgba(16,4,78,1) 0%,rgba(99,1,213,1) 64%); } /* old blue  background:linear-gradient(100deg, #1B1549, #448ccb); */
body.customBgColor.userSectionDetail #mainWrapper { height:350vh; }
body.customBgColor.userSectionList #mainWrapper { height:150vh; }
/*
body.customBgColor.userSection #pageWrap { background:linear-gradient(100deg, #1B1549, #448ccb); min-height:150vh; }
*/
body.userSection table.contenttable { border:none !important; }
body.userSection table.contenttable tr, body.userSection table.contenttable tr { border:none; background:none;padding:0; margin:0; }
body.userSection table.contenttable tr td img.rteTableImageRound { width: 12em;  height: 12em;  border-radius: 100% 100%;  border: 0.1em #fff solid; }
body.userSection.userSectionDetail .news.news-single .article .teaser-text { display:none !important; }
body.userSection table.contenttable tr td:first-child { padding:1em 0;}
body.userSection table.contenttable p { display:none; }
body.userSection table.contenttable tr td ul { list-style:none !important; color:#fff; float:left; font-family: 'ubuntu-light'; padding:1.5em !important; font-weight:normal; }
body.userSection table.contenttable tr td ul:first-child { border-right:1px solid #fff; padding-right:1.5em; display:none; }
body.userSection table.contenttable tr td ul:last-child { padding-left:2em !important; }
body.userSection table.contenttable tr td ul li { list-style:none !important; font-size:0.8em; }
body.userSection #newsDetailCenter ul { padding:0; }
body.userSection #newsDetailCenter ul li { list-style:none; }
body.userSection #newsDetailCenter li.ulLiBlockLeftJustify { text-align:justify; width:100%; max-width:45%; float:left; }
body.userSection #newsDetailCenter li.ulLiBlockLeftJustify:first-child { margin:0 1.5em 0 0;}


@media only screen and (min-width: 801px) {
	body.customBgColor.userSectionDetail #mainWrapper { height:350vh; }	
	body.customBgColor.userSectionList #mainWrapper { height:150vh; }
}


@media only screen and (min-width: 1201px) {
	body.userSection table.contenttable tr td ul:first-child { display:block; }
	body.customBgColor.userSectionDetail #mainWrapper { height:300vh; }	
}

@media only screen and (min-width: 1460px) {
	body.customBgColor.userSectionDetail #mainWrapper { height:280vh; }	
}



/* 
.news-backlink-wrap a:hover { background:rgba(255,255,255,0.25) !important; }
*/