/**
Old gul: #c3b75b
Ny gul: #c6ac4f


The demo site uses 2 different headline types called PrimaryHeadline and SecondaryHeadline

PrimaryHeadline is available in 4 different sizes size1-size4)
*/

.dpfAvatar { width:40px; position:absolute; right: 40px; top: -31px;  }

.NewstyleButton.green { background-color: #7f9f54; 
	width:auto; padding-left:12px; padding-right:12px; 
	.gwt-InlineLabel { color:white !important; }
}


.SinglePaperPage {
padding: 24px;
  background-color: white;
  box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1);
  width: 65%;
  min-height: calc(100vh - 260px);
  margin: 24px auto;
  border-radius: 8px;
}


body > .Bottom { display:none; }
body > .BottomView { display:none; }
.AuthorView img { float:left; margin: 0 10px 10px 0; width: 260px; }
.AuthorView .right { margin-left:260px; float:right;}

.singleAuthor a { text-decoration: underline; } 

.isEmbedded #AiChatContainer .AiChat { margin-top:0 !important; }
.isEmbedded .FlowconSearchController.AiChat { margin-top:0 !important;  width:100%;  }
.isEmbedded  .AiQuestionInputContainer { width: calc(100% - 50px) !important; max-width:100% !important; }

.AiChatFullpageMode .replies.customBorderColor { overflow: auto; height: calc(100vh - 155px); }

.BouncingBalls { padding-bottom:50px; margin-bottom:50px; }

.SingleProductWebsite .ShowProductPage {
	.publishDate { display:none; }
	.title { display:none; }
	.subTitle { display:none; }

	.AiQuestionInputContainer > .qSuggestionBox { display:none; }
	.right  #preQuestions { top:0; } 
	.sourceLink {  color: #BFBFBF; }
	.sourceLink .arrow { margin-right:7px; text-decoration:none !important; }
}

.sourceLink { color:#777; margin: 0 0 12px 0;  }
.sourceLink[onclick] { text-decoration:underline;  cursor:pointer; }

body .qSuggestionBox { display:block; }

#AiChatContainer .answer img { max-width:90%; max-height:350px; }


.SingleProductWebsite {
	.publishDate { display:none; }
	.title { display:none; }
	.subTitle { display:none; }
	.description { display:none; }
	.ShowProductPage .right .inner { margin-top:140px; }
	.AiChatFullpageMode .ShowProductPage .right .inner { margin-top:0px; }
	.publishDate { display:none; }

	.AiChatFullpageMode .ShowProductPage .AiChat .replies { height: calc(100vh - 320px); }
	
}
.SingleProductWebsite.ShowProductPage .right .inner { margin-top:150px; }

.bookIntroduction { height:0; }



#AiChatContainer > h1 { display:none; }



.ShowByCustomTag .ShowAllBlocks { text-align:center; } 

#AiChatContainer { text-align:left; }

body.AiChatFullpageMode .ShowProductPage #AiChatContainer .answer h1 { position:relative; top: 0 !important;}

#AiChatContainer .aiCountryBox { width:100%; position:absolute; top:46px; display:none; }
.showFlags #AiChatContainer .aiCountryBox { display:block; }

#AiChatContainer .aiCountryBox .flag { height:20px; float: right; margin-right:10px; margin-bottom:4px; }


.FrontpageIntroText { width:48%; }

.RobotImage { width: 70px;   position: absolute;  z-index: 98887; right: 40px; bottom: 38px; }
.AiChatFullpageMode .RobotImage { bottom:145px; left: 68vw; position:fixed; }

.qSuggestionBox { display:none; }
.AiChatFullpageMode .qSuggestionBox { display:block; overflow:hidden;}

.AiChatFullpageMode .ShowProductPage .RobotImage { top:172px; left:74%; }

.ShowProductPage .RobotImage { top:176px; right:auto; left: 74%; }

body.AiChatFullpageMode .ShowProductPage .AiQuestionInputContainer { width:63vw; max-width:882px; min-width:1px;}

.OuterAiChatContainer #preQuestions span { opacity:0.5; }
.OuterAiChatContainer #preQuestions span:nth-child(6) { opacity:1;  }
.OuterAiChatContainer #preQuestions span:nth-child(7) { opacity:1; }

.replies.customBorderColor.backgroundColor { padding-right:10px; NOpadding-bottom:10px; }

.FlowconSearchController .row  > div { float:left; }   
.FlowconSearchController .row  > img { width:90%; }   

.FlowconSearchController .row  > div:nth-child(1) { width:15%; }   
.FlowconSearchController .row  > div:nth-child(2) { width:15%; }   
.FlowconSearchController .row  > div:nth-child(3) { width:15%; }   
.FlowconSearchController .row  > div:nth-child(4) { width:15%; }   
.FlowconSearchController .row  > div:nth-child(5) { width:40%; }   

.FlowconSearchController table { font-size:8px; line-height:10px; padding:0; margin:0;   border-collapse: collapse; border-spacing: 0; text-align:top; }
.FlowconSearchController table p { margin:0; padding:0; }
.FlowconSearchController tr { font-size:11px; margin:0; padding:0; line-height:13px; }
.FlowconSearchController td { margin:0px; padding:2px 2px; vertical-align:top; }

.FlowconSearchController .IsHidden { display:none; }

.FlowconProductOveriew img { width:100%; max-width:100px; }

.inner.defaultPublisherSearch.IsHidden { display:none; } 

.AiChatFullpageMode .delOnChat { display:none; }

.FlowconSearchController .searchResultContainerSimplePanel { text-align:left; }
.FlowconSearchController .searchResultContainerSimplePanel > .gwt-HTML { text-align:center; }
.FlowconSearchController .searchResultContainer * { text-align:center !important; }
.FlowconSearchController .flowRange { font-size:10px; font-style:italic; }
.FlowconSearchController .searchResultContainer { margin: 10px 0; }
.Clear { clear:both; }

body.flowconny .outsideBlockScrollerProduct .productName { color: white; }

.qSuggestionBox .StdButton { width:auto; padding-left:8px; padding-right:8px; width:auto; }

.qSuggestionBox .StdButton { margin:5px 8px; background-color:#F1F1F1; color:#444;}


.ShowProductPage #preQuestions {
	min-height: 10px;
	position: relative;
	top: -105px;
	background-color: #F2F4F7;
}

.ShowProductPage .preQuestions p { margin:5px 0; }

.AiChat .replies > div { clear:both; }

.questionPane { max-width:65%; float:right; text-align:right;}

body .ShowProductPage #AiChatContainer.hasPreQuestions .questionInput { border-radius:8px 8px 0 0 !important; }

.searchResultContainer > .row { margin: 20px 0; }
.searchResultContainer > .row .textHeadline { margin:0 0 4px 0; text-align:left;}
.searchResultContainer > .row > .insert { width:33%; float:left; }
.searchResultContainer > .row > .house { width:33%; float:left; }
.searchResultContainer > .row > .actuator { width:33%; float:left; }


/*
Flowcon only:
*/

.ShowByCustomTag input.qSuggestionBoxIsHidden.questionInput { border-width:1px !important; border-radius:8px !important;}
.ShowByCustomTag #AiChatContainer { max-width:900px; margin:100px auto 50px auto;}

.AiChatFullpageMode .ShowByCustomTag .block { display:none; }

.AiChatFullpageMode .ShowByCustomTag .AiChat .replies { top:230px; }

.ShowByCustomTag .AiQuestionInputContainer { margin-top:60px; clear:both;}
.ShowByCustomTag .AiChat .smallRobot { top: -86px; right: 25%; }

.AiChatFullpageMode .FrontpageIntroText { position:relative; top:-12px;}

.robot, .smallRobot { display:none; }
.outerProductContainer { clear:both; } 

.mobileRobot { display:none !important; }

body.AiChatFullpageMode .ShowProductPage #AiChatContainer .questionInput { top:0; margin:0 !important; border-width: 1px 1px 0px 1px !important; border-radius:8px 8px 0 0 !important  }
body.AiChatFullpageMode .ShowProductPage .AiChat .replies { left: auto !important; transform: none; padding-bottom:20px; border-color:#ddd; }
body.AiChatFullpageMode .ShowProductPage #AiChatContainer h1 { position:absolute; top:-60px !important; }
body.AiChatFullpageMode .ShowProductPage .PostAiSpacer { height:900px; }
body .ShowProductPage .PostAiSpacer { height:30px; }

body.AiChatFullpageMode .ShowProductPage .answer > .chatGptAnswer > h1 {display:none; }

.qSuggestionBox .imageBox  { position: absolute; right: -45px; width: 40px; top: 50px; }
  
.qSuggestionBox .imageBox img { width:30px; height:30px; float:left; margin-bottom:5px; }

.replies.customBorderColor { border-width:0; }
.AiChatFullpageMode .replies.customBorderColor { border-width:1px !important; }

.AiChatFullpageMode .FrontpageIntroText { position:fixed; top: -50px; text-align:center; width:100%; max-width:9999px; display:none; }

.AiChatFullpageMode .smallRobot { display:none; } 

h1.title { color:black; }

.ShowProductPage .replies.customBorderColor { border-width:0; } 

.title {  font-size: 24px; line-height:120%; font-weight: bold; color:black; }
.subTitle { color:black; font-family: 'Open Sans' !important; font-size:18px; }

.ShowProductPage .tagCloud { padding-top:25px; }

.ShowProductPage .publishDate { font-size:12px; font-style:italic; margin-bottom:5px; }

.downloadPdfDemoSite { display:block; text-decoration:none; text-align:center; padding-top:12px; text-transform: uppercase; font-size:12px; }
.downloadPdfDemoSite:hover { text-decoration:underline; }

.recentlyAddedBand { background-color: #F2F4F7; text-align:center; }

.TopPartOfSite { background-repeat: no-repeat; background-position: center top; height: 824px}

.textHeadline { font-family: "Open Sans" !important; font-weight:bold; }
.CrossTopics { font-family: "Open Sans" !important; margin:150px 0 0px 0;  padding-bottom:200px; font-size:13px; }
.CrossTopics h2,.tmpDemoH2 { font-family: "Open Sans" !important; margin-bottom:60px; font-size:22px; font-weight:normal; }



.tmpDemoH2 { margin:0 !important; text-align:center; padding:40px 0 0px 0; max-width:9999px !important; position:relative; top:20px;}

.smallRobot { height:90px; position:absolute; z-index:1; top:-42px; right:25%; }
.TopPartOfSite .smallRobot { top:-86px; }

.TopSearchForm .iconFont { transform: scaleX(-1); position:absolute; rightWithFlagBox: 143px; right: 63px; top: 33px; }

#AiChatContainer { position:relative; }
#AiChatContainer .ButtonPanel  { text-align:left; margin-top:10px; }
#AiChatContainer .ButtonPanel img { border-width:1px; padding:6px;border-color: white; border-style:solid; height:28px; margin-right:1px; clear:both; }
#AiChatContainer .ButtonPanel img.selected { border-color: #c6ac4f;  }

.qSuggestionBox .newChat { float:left; width:28px;}


#TopSearchForm { display:none; }
#topSearchField  { width:300px; margin-right:20px; }
.showSearchBar .TopSearchForm { display:inline-block; }

.loadingRelatedQuestions { margin-bottom:12px; font-size:12px; font-style:italic;}


.FrontpageIntroText { max-width:900px; text-align:center; margin:0px auto 0 auto; padding-top:160px; }

.doShowChat:not(.showChat) { display:none !important; }

.questionPane.newest { background-color: #4e48f9; color:white; }

THISTED .IsHidden { display:none; }

.loadingRelatedQuestions { text-align:center; margin-top:0px; }

.AiChat .productContainer { float:left; }
.AiChat .productContainer a { text-decoration:none; }
.AiChat .productContainer a, .AiChat .productContainer a * { text-decoration:none; font-weight:normal; font-size:11px !important; line-height:12px; }


.AiChat .imageContainer { float:left; width:50%; max-width:90px; float:left; padding:8px 16px 0 0; } 
.AiChat .imageContainer img { width:100%; margin-bottom:20px; } 

.AiChat .chapterContainer { float:left; width:305px; font-size:12px; line-height:14px; } 

.AiChat .outerProductContainer .productContainer:nth-child(1) { padding:0px 6px 0 0px; }
.AiChat .outerProductContainer .productContainer:nth-child(2) { padding:0px 0 0 6px; }

.qSuggestionBoxIsHidden.questionInput { border-radius: 8px 8px 0 0 !important;}


.TopPartOfSite #AiChatContainer .AiQuestionInputContainer .qSuggestionBox { display:none; }
.AiChatFullpageMode .TopPartOfSite #AiChatContainer .AiQuestionInputContainer .qSuggestionBox { display:block; }

/** Use - 358 when there are related questions */
.AiChatFullpageMode .TopPartOfSite  .AiChat .replies { padding:0 30px 30px 30px; width:900px; max-width:95%; position:fixed; top:140px; height:200px; height:calc(100vh - 287px); background-color:#FAF9F7; 
left: 50%; transform: translateX(-50%); overflow:auto;z-index:199; border-width:0 1px; border-style:solid; }

.AiChatFullpageMode .ShowByCustomTag .AiChat .replies { padding:0 30px 30px 30px; width:900px; max-width:95%; position:fixed; top:140px; height:200px; height:calc(100vh - 287px); background-color:#FAF9F7; 
left: 50%; transform: translateX(-50%); overflow:auto;z-index:199; border-width:0 1px; border-style:solid; }


.AiChatFullpageMode .TopPartOfSite  { height:calc(100vh - 287px); }

.FlowconSearchController.AiChat .smallRobot { display:none; }

.desktopOnlyRobot { display:none; }

.AiChatFullpageMode .desktopOnlyRobot { display:none !important; } 

.AiChatFullpageMode .AiQuestionInputContainer { position:fixed; bottom: 2px; z-index:299; width:900px; max-width:95%; }

.AiChatFullpageMode #AiChatContainer .questionInput { border-color: #7E96B7; border-style:solid; border-width:1px 1px 0 1px; border-radius: 8px 8px 0 0; right:0px; }

WHY .AiChatFullpageMode .questionInput { width: calc(100% - 40px); }

input.questionInput { width:100%; border-width: 1px 1px 0 1px; margin: 0 auto; }

.AiQuestionInputContainer .iconFont { display:inline-block; font-size:24px; position:relative; top:13px; right:20px; cursor:pointer; position:absolute; }

.qSuggestionBox { height:105px; overflow:hidden; border-radius: 0 0 8px 8px; background-color: #F2F4F7; border-color: #718DB2;
border-width:1px; padding:10px 10px 0 10px; text-align:center; } 
	 
.qSuggestionBox > span { font-size:13px;cursor:pointer; border-width:1px; background-color: #E7E9ED; margin-right:10px; padding:8px 23px; margin-left:10px; margin-bottom: 12px; border-radius:8px; display:inline-block; }

.qSuggestionBox > span:hover { background-color: #F6F6FD; }

body .SpintypeLogoForAi { top:8px; width:auto; max-width: 70px; }

.DemoUserAge { margin-bottom:10px; width: 70px; }

.DemoFlagBox { float:right; margin:30px 0px 0 0; display:none; }
.DemoFlagBox img { margin-right:10px; }

.outerContainer li { margin-bottom:6px; }

.AseStep1 { text-align:center; }
.AseOverview .container h1 { font-size: 16px; line-height:20px; }
.AseOverview .container h2 { font-size: 16px; line-height:20px; }
.AseOverview .container h3 { font-size: 16px; line-height:20px; }

.AseOverview .container > div { width:50%; display:inline-block; vertical-align:top; padding:0 5%; }
.AseOverview .container .left { }
.AseOverview .container .right { }

body .MessageDialogPopup { z-index: 299999999 !important; background-color: #f7f4ef !important; padding:20px; border-radius:16px;}
body .MessageDialogPopup .closeButton { display:none; }

body .MessageDialog .NewstyleButton { margin-top:20px; font-weight:bold; cursor:pointer; background: #FFFFFF; box-shadow: 0px 1px 4px #00000029; border: 2px solid #D9D4CD; border-radius: 25px; width: 110px; height: 38px; line-height: 38px; display: inline-block; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 1px; }
body .MessageDialog .NewstyleButton:hover { background: #f3f3f3; }  

body .MessageDialog .textHeadline { font-size:18px; text-align:center; font-weight:bold; margin-bottom:10px; }

.CvUploadText { margin:10px 0;}

.AseInitialSetup { text-align:center; }

.PageTopMenu .menuItem { font-weight: 800; }

.AseOverview .AiChat input { width: 100%;  }


.AseOverview .Job {  }
/*
.aseTopBanner { background-color: #17447A; text-align:center; }
.aseTopBanner img { width:60% !important;  }
*/
.ShowByCustomTagHeader.gwt .Footer { position:fixed; bottom: 0; min-height:50px; left:0; width:100%; text-align:right; }
.ShowByCustomTagHeader.gwt .FooterIdentity { min-height:50px; text-align:right; }
.ShowByCustomTagHeader.gwt .FooterIdentity > div { text-align:right; padding-right:40px; }

.AseSmallHeadline { font-weight:800; padding:0; text-align:center; font-size:19px; line-height:22px;   
letter-spacing:0.2px; margin: 15px 0 15px 0;  }

.AseMediumHeadline { font-weight:600; padding:0; text-align:center; font-size:23px; line-height:25px;  
letter-spacing:0.2px; margin: 30px 0 15px 0;  }

.skillPanel.TagCloud { max-width:800px; display:inline-block;}

.Ase .mainContainer { text-align:center; }
.Ase .mainContainer > .StdButton { margin: 40px auto 0 auto; display:block; }

.skillPanel.TagCloud .tag { cursor:pointer; }

.Ase .mainContainer .UserSelectView { width:500px; max-width:90%; }

.Ase .mainContainer .AseSmallHeadline { margin-top:45px; }

.ButtonPanel { text-align:center; clear:both; }
.ButtonPanel .StdButton { margin: 0 10px; }


div.PageTopMenuBurger { display:none; }

body > .tagNameHeadline { margin:0 auto; text-align:center;}

.ShowByCustomTagHeader:not(.hasCategoryImage) { margin-top:55px; }


.tagNameHeadline .tagNameImage { width:60px; margin-right:27px;}

.ShowByCustomTagHeader.hasCategoryImage .shortDescription { margin-left:97px; } 



.ShowProductPage #externalFiles { padding-top:20px; background-color: #E7E9ED; text-align:center;}
.ShowProductPage .externalFilesContainer { position:relative; clear:both; border-width: 1px; border-style: none;  border-radius: 0px; padding: 20px; margin:0 auto 20px auto; }

.ShowProductPage .externalFileContainer { width:200px; display:inline-block; margin:20px 20px; height:380px; position:relative; }
.ShowProductPage .externalFileContainer img { max-width:200px;}
.ShowProductPage .externalFileContainer .StdButton { display:block; margin: 0px auto; position:absolute; bottom:25px; width:120px; left:40px; }
.ShowProductPage .externalFileContainer .imgContainer {  overflow:hidden; height: 250px; }
NO .ShowProductPage .StdButton { position:absolute; bottom: 10px; left:62px; }


.externalFilesContainer .ExternalFileName { position:absolute; bottom:80px; height:38px; font-weight:bold; text-align:center; overflow:hidden; text-align:center; width:100%; }

NO body .PageTopMenuBurger { display:none; }

.ShowByCustomTag .tagNameHeadline { height:auto; position:relative; } 

#ProductBlockScroller .imgContainer { height:350px; position:relative; }
#ProductBlockScroller .imgContainer img  { bottom:0; position:absolute; }

.AiChat .answer h1 { font-size:16px; line-height:130%; padding:0; margin:8px 0 16px 0; font-family: 'Open Sans' !important; font-weight:bold; color:inherit; }
.AiChat .answer h2 { font-size:15px; line-height:130%; padding:0; margin:8px 0 16px 0; font-family: 'Open Sans' !important; font-weight:bold; color:inherit; }
.AiChat .answer h3 { font-size:14px; line-height:130%; padding:0; margin:8px 0 16px 0; font-family: 'Open Sans' !important; font-weight:bold; color:inherit; }

.answer h1 > p { padding:0; margin:0; }
.answer h2 > p { padding:0; margin:0; }
.answer h3 > p { padding:0; margin:0; }

a { text-decoration:none; }
.OuterAiChatContainer { max-width:900px; margin:0px auto 40px auto; position:relative; padding-top:40px; }
.chatWithSite { margin: 10px 0 10px 0;}


.ShowAllBlocks .block { display:inline-block; margin:26px 20px; border-width:1px; width:200px; vertical-align:top;  }

.ShowAllBlocks .block img { border-width: 1px; border-style: solid; margin-top: 40px; width: 200px; }

/** Add flex again if you want text centered */
.ShowAllBlocks .productName { width:200px; height:58px; font-size:13px;line-height:16px; font-weight:600; overflow:hidden; 
NOdisplay: flex; justify-content: center; align-items: center;  text-align:center; }
.ShowAllBlocks .name { font-size:20px; line-height:28px;float:left; }
.ShowAllBlocks .publishDate { text-align:center; font-style:italic; font-size: 10px; margin-top: 5px; }

.AiChat .gwt-HTML { padding:12px; }

.productContainer { margin-top:15px; }

.ShowProductPage #AiChatContainer { float:none; margin:0 auto; }
.ShowProductPage #AiChatContainer .questionInput { margin:10px auto 000px auto; display:block; }
.org #AiChatContainer .questionInput { margin:20px 0 30px 0; width:100%; padding: 10px 0px 10px 10px; border-radius: 12px; min-height: 1px; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-color: #ddd; }

.ShowProductPage #AiChatContainer .questionInput { border-radius: 8px !important; border-width: 1px !important; }

.chunkContent { display:none; }

.questionPane { padding:12px 20px; background-color:#F6F6FE; margin:26px 0 13px 0px; border-radius:12px; }
.answer .chatGptAnswer { padding:5px; border-radius:12px; margin-right:40px; }
.answer p { margin:0; padding: 0 0 1em 0;}

.referenceHeader { NOfont-size: 17px; margin: 0px;  line-height:19px; }
.referenceHeader .iconFont { font-size:15px; line-height:18px; position:relative; top:2px; }

.iconFont.IconFontSources { margin-left:6px; font-size:16px; line-height:16px; }

body div .references .title a  { font-size:12px !important; line-height:14px !important; font-weight:bold; }
body div .references .title  { margin-bottom:5px; }


.AiSearch { max-width: 1200px; margin: 0 auto; text-align:center; }
.PlainSearch .ProductListing a { margin:20px; }

.chunk .chapter { padding:3px 0; }

body .FooterIdentity img { height:25px; opacity:0.6; NOmargin-top:40px; }

.BlockScrollerParent { border-radius:20px; }

.chunkContent { border-style:solid; border-width:1px 0; }

.ProductListing img { border-style:solid; border-width:1px;  }

.onlyLogo { width:100% !important; padding-top:0 !important; position:relative; NOtop:-60px;  }

.hb .FooterIdentity img { height:40px; margin: 0 auto; }

.hb .FrontpageTopImage { display:none; }
.hb .ProductBlockScroller img { border-style:solid; border-width:1px; } 
.hb .ShowProductPage img { border-style:solid; border-width:1px; }

body #ProductBlockScroller img {  border-width:1px; border-style:solid; }
body .ShowProductPage #productCoverImage { border-style:none; }

.AiChatFullpageMode .SingleProductWebsite.ShowProductPage .right .inner { margin-top:0px;}

.scrollArrowContainer img { border-style:none !important;  }

a { color:inherit; }

body .chapterNumber { display:block; }

#topSearchField::placeholder { opacity:0.8; }

body .ShowProductPage .left .smallText.authors { width: calc(100% - 125px); }

.productSubTitle { display:none; font-size:10px; line-height:14px; height:28px; overflow:hidden; text-align:center; margin-top:10px; }

.SecondaryTopBar { display:none ;}

textarea:focus, input:focus{
    outline: none;
}

.assPictures { text-align:center; vertical-align: middle; }
.assPictures img { padding:0 30px; vertical-align: middle; }

.ReaderOuterContainer { position:relative; }

.ReaderOuterContainer .bookSearch { position: fixed; left: 25%; top: 40px; z-index: 9999; width: 600px; color:white; 
border: 1px solid #ffffff; border-radius: 9px; padding: 10px 20px 8px; background-color: transparent; }

.ReadmodeSearchDisplay { position:fixed; left:100px; z-index: 9999; }
.ReadmodeSearchDisplay .gwt-InlineLabel { color:white !important; font-family: 'Open Sans'; font-size:18px; }

body .ModeswitchController .ReadmodeSearchDisplay .searchLabelContainer { color:white; left:980px; top: -128px; position: absolute; width: 130px }
body .ModeswitchController .ReadmodeSearchDisplay .searchLabelContainer div { color:white; }


body .tagCloudMobile { display:none; }

body .ModeswitchController div { color: #8f8f8f;}

.ChapterReadListWidget .coverImage { max-width:200px; width:80%; margin: 0 auto 20px auto;; display:block; }
.NcffSearch .textHeadline i { color: #003736; }
.NcffSearch { margin: 0 35px 0 50px; min-height:200px; }
.NcffSearch .textHeadline { margin-left:70px; margin-top:50px; }

.RelatedSubjectsHeadline { max-width:1120px; margin:30px auto 0 auto; color:#1da087; }

body { background-color: white; font-size:15px; line-height:19px;  margin:0; padding:0;  }

.references { width:100%; width: calc(100% + 60px); margin: 20px 0 20px -60px; background-color:  #E7E9ED; border-width:1px; 
display:inline-block; padding:15px; border-radius:12px; text-align:left; }


body .chapterContainer .gwt-Label { font-weight:400; max-height: 21px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  }

.outsideBlockScroller { border-width: 1px; border-style:none; border-color: #3D1E0C; max-width:1600px; margin:0px auto; border-radius: 0px; max-height: 524px; }

.ProductBlockScroller .scrollArrowContainer { width:1200px; }

.ProductBlockScroller .scrollArrowContainer > div { position:relative; border-width:1px; width:60px; height:60px; border-radius:30px; border-color:#707070; background-color:white; z-index: 3; }

.RelatedMaterial { max-width:1120px; margin:30px auto 0 auto; }

.ProductBlockScroller .scrollArrowContainer .scrollLeft { left:-32px; }
.ProductBlockScroller .scrollArrowContainer .scrollLeft img { height:32px; left:17px; top:13px; position:relative;}

.ProductBlockScroller .scrollArrowContainer .scrollRight { left:32px; }
.ProductBlockScroller .scrollArrowContainer .scrollRight img { height:32px; left:25px; top:13px; position:relative;}

#SubjectBlockScroller .blockBorder { background-color:white; }

#productCoverImage { width:100%; }
body .FlowtextScrollReader .outerNcffImageContainer { width:1px; height:1px; float:right; left:-80px; top:10px; position:relative; }
body .FlowtextScrollReader .ncffImageContainer { position:fixed; z-index:8888; }
body .FlowtextScrollReader .ncffImageContainer img { width:20px; position:relative; top: -24px; margin:0 10px;  }
body .FlowtextScrollReader .ncffImageContainer .ncffLogo { width:60px; display:inline; top:0; }

body .FlowtextScrollReader .ncffImageContainer .download { width: 19px; margin-left:45px;}
body .FlowtextScrollReader .ncffImageContainer .largerFont { width: 14px; margin-right:2px; }
body .FlowtextScrollReader .ncffImageContainer .smallerFont { width: 10px;margin-left:8px; }
body .FlowtextScrollReader .ncffImageContainer .nightMode { width: 16px;  }
body .FlowtextScrollReader .ncffImageContainer .readMode { width: 24px; }
body .figureContainer .caption { font-size:80%; line-height:130%; }

.readMode { display:none; }
.nightMode { display:none; }

.ChapterReadListWidget .inner { padding-bottom:130px; }

body div .ChapterListWidget2 .labelContainer { overflow: visible; text-overflow: ellipsis; white-space: normal; height:auto; }
body div .ChapterListWidget2 .labelContainer > div { max-height:9999px; }

body div .chapterContainer .gwt-Label { overflow:visible; white-space:normal; height:auto; }

.tagCloud { margin:16px auto; max-width: 400px; text-align: center; }

.tagCloud .tag, .TagCloud .tag { border-style:solid; border-color: #9f9f9f; border-width:1px; padding:4px 14px; font-size:14px; border-radius:8px; margin-left:8px; 
background-color: #eff5f5; text-decoration:none; display:inline-block; margin-top:8px; color: black !important; }

.TagCloud { text-align: center; }
.TagCloud .tag.selected { background-color: #ccc; }
.SplitContainer .TagCloud .tag { cursor: pointer; }

.Fullscreenmode .PageTopHeader { display:none; }
.Fullscreenmode .PageTopHeaderFiller { display:none;}
.Fullscreenmode .ChapterReadListWidget { display:none; }

/* Reading styling */
.injectedStyle h1 { font-family: "Georgia" !important; }
.injectedStyle h2 { font-family: 'Open Sans Medium', sans-serif !important; font-weight:500 !important; }
.injectedStyle h3 { font-family: 'Open Sans Medium', sans-serif !important; font-weight:500 !important; }
.injectedStyle table  { font-family: 'Open Sans', sans-serif !important; }
.injectedStyle .quotetype2 { color:#003736 !important; }
.injectedStyle .chapterNumber { font-size:175% !important; }
.injectedStyle .FlowtextScrollReader   { font-family:"Georgia" !important; font-size:18px; }

body .chapterListContainer .bookTitle { font-size:12px; line-height:15px; margin-bottom:10px; display:none; }
body .chapterListContainer .bookSubtitle { font-size:10px; line-height:13px; margin-bottom:10px; display:none; }
body .ChapterReadListWidget .labelContainer { border-width:1px; border-color:#9f9f9f; background-color:#f0f0f0; width:90%; padding:6px 8px; 
border-radius:10px; margin-left:6%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

body .FlowtextScrollReader .stdButtonPanel .gwt-InlineLabel { display:none; }
body .FlowtextScrollReader .stdButtonPanel .orangeButton2 { border:none; margin:0; padding:0;  }
body .FlowtextScrollReader .stdButtonPanel .orangeButton2 .iconFont { font-size:28px; color: #9f9f9f; }
body .ReadBookController .row3 { margin-bottom:120px;}
body .ReadBookController .stdButtonPanel { position:relative; top:90px; }
body .ChapterReadListWidget .labelContainer > div { font-size:12px; line-height:20px; } 

/* Std element styles */ 

body .htmlView { padding: 30px 10%;}

body.ShowProductPageBody { background-color: #f0f0f0;}


div { border-style:solid; border-width:0; }

a { color: #898989; }
h1,h2,h3,h4 { font-family: "Open sans" !important; color:black; }

h1 { font-size:28px; line-height:34px; }
h2 { font-size:22px; line-height:28px; }
h3 { font-size:20px; line-height:26px; }
h4 { font-size:18px; line-height:24px; }

h1+h2 { position:relative; top:-10px; }
a { color: inherit; }
a:hover { text-decoration:underline; }

img { border-style:none; }
.clear { clear:both; }

/* Site header */
.PageTopHeader { background-color: #000; min-height: 80px; position:fixed;width:100%; z-index:10; }
.limitedWebsite.PageTopHeader { background-color:transparent; }

.PageTopHeader .leftBox { float:left; width:350px; height:80px; margin-left:40px; }
.PageTopHeader .leftBox .textBox { float:left; margin:50px 0 0 20px;width:200px; }

.PageTopHeader .centerBox { display:inline-block; width:calc(100% - 480px); height:80px; text-align:center;  }
.PageTopHeader .rightBox { float:right; height:80px; margin-right:40px; }
.PageTopHeader .textBox { font-size:15px; line-height:17px; }
.PageTopHeader.menuItemFrontpage .textBox .header { color:white; }
.PageTopHeader.menuItemFrontpage .textBox { color:#1da087; font-size:13px; line-height:17px; position:relative; top:-32px;  }

.PageTopHeader .logoLeft { display:inline-block; max-width:420px; max-height:60px; min-width:60px; top: 50%; transform: translateY(-50%); position:relative;}
.PageTopHeader .textBox { margin-left:20px; display:inline-block; }
.PageTopHeader .header { color: white; font-size:120%; }
.PageTopHeader .centerBox {  width:calc(100% - 600px); }
.PageTopHeader form { display:none; /* inline-block; */ max-width:900px; top:10px; margin-top:23px; width:calc(100% - 160px); }
.PageTopHeader input { width:100%; }
.PageTopHeader .loginButton { text-decoration:none; position:relative; margin-left:50px; top:-2px; display:inline-block; border: 1px solid #ffffff; border-radius: 9px; padding:6px 20px; text-align:center; color:white; }
.PageTopHeader .logoRight { width:65px;margin-top:30px; }
.PageTopHeader .textBoxRight { display:inline-block; width:100px; position:relative; margin-left:15px; color:white; font-size:12px; line-height:18px; }
.PageTopHeader .textBoxRight .trans { opacity: 0.31; }
.PageTopHeader .textBoxRight a { text-decoration:none; }

.PageTopHeaderFiller { height: 108px; }
.PageTopMenu { min-height: 32px; text-align:center; position: relative; top: 1px; }
.PageTopMenu a { text-decoration:none; }
.PageTopMenu .menuItem { letter-spacing:1px; display:inline-block; width:25%; font-size:14px; line-height:32px; color:black; }
.AiQuestionInputContainer { position:relative; }

/* Yellow was c3b75b */
.menuItem .textBox { color:white; }
.menuItem0 { background-color: #9f5151; color:black; }
.menuItem1 { background-color: #587b95; color:black; }
.menuItem2 { background-color: #689d66; color:black; }
.menuItem3 { background-color: #c6ac4f; color:black; }
.menuItem4 { background-color: #7f5b89; color:black; }
.menuItem5 { background-color: #9cb4a4; color:black; }
.menuItem6 { background-color: #a5946f; color:black; }

body .menuItem0 { background-color: #D9D4CD; color:black; }
body .menuItem1 { background-color: #D9D4CD; color:black; }
body .menuItem2 { background-color: #D9D4CD; color:black; }
body .menuItem3 { background-color: #D9D4CD; color:black; }
body .menuItem4 { background-color: #D9D4CD; color:black; }
body .menuItem5 { background-color: #D9D4CD; color:black; }
body .menuItem6 { background-color: #D9D4CD; color:black; }



.menuColor0 { color: #9f5151; }
.menuColor1 { color: #587b95; }
.menuColor2 { color: #689d66; }
.menuColor3 { color: #c6ac4f; }
.menuColor4 { color: #7f5b89; }
.menuColor5 { color: #9cb4a4; }
.menuColor6 { color: #a5946f; }

.ShowByCustomTagHeader { margin-left:30px; }
.tagNameHeadline { font-size:32px; height:30px; line-height:30px; font-weight:bold; max-width:1150px; margin:20px 0 7px 0; }
.tagNameHeadline img { width:80px; position:relative; top:30px; margin-right:10px; margin-left:8px;}

.FrontpageTopImage { width:100%; display:block; margin-bottom:50px;}

.Footer { clear:both; }
.Footer a { text-decoration:none; }

.FooterAskUs { background-color: #1da087; min-height:330px; color:white; text-align:center; }
.Footer .askUs { padding:75px 0 26px 0; font-size:36px; line-height:42px; color:black; } 
.Footer .didYouNotFind { font-size:20px; line-height:26px;padding-bottom:20px; }

.FooterIdentity {  min-height:160px; letter-spacing:3px; text-transform:uppercase;font-size:20px; line-height:24px; color:white; }
.FooterIdentity > div { width:33%; float:left; text-align:center; padding-top:70px; }
.FooterIdentity .logo { padding-top:43px; }
.FooterIdentity img { height:20px; margin:0 4px; position:relative; NOtop:24px; }

.whiteBorderButton { display:inline-block; margin:0 auto; border-color:white; color:white; box-shadow: 0px 3px 6px #00000029; padding:12px 26px; 
border: 1px solid #FFFFFF; border-radius: 8px; text-decoration:none; font-size:20px; letter-spacing: 2px; }


/* Required Widget setup. Do not modify (Use Widget config to style widgets). */ 

.BlockScroller { overflow:hidden; position:relative;  }
.BlockScroller .block { float:left; display:block; }
.BlockScroller .inner { position:relative; }
.BlockScroller a { text-decoration:none; }
.BlockScroller .name { margin-top:10px; color: #1da087; font-size:22px; line-height:24px;  }

.BlockScrollerParent .disabled * {opacity: 0.3; }

.BlockScrollerParent .scrollLeft { position:relative; color:black; cursor:pointer; }
.BlockScrollerParent .scrollRight { position:relative; color:black; cursor:pointer; }


/* Widget config */
.scrollArrowContainer { width:1120px; margin:0 auto; position:relative; }
.scrollArrowContainer .scrollLeft { float:left; top:170px; left:-35px; }
.scrollArrowContainer .scrollRight { float:right; top:170px; left:50px; }

.AseOverview .tagNameHeadline { text-align:center; margin-bottom:30px;}
.AseOverview .StdButton { width:auto; display: block; width: 200px; margin:25px auto 50px auto !important; text-align:center; }

.StdButton { opacity:0.9; font-weight:bold; cursor:pointer; background: #FFFFFF; box-shadow: 0px 1px 4px #00000029; border: 2px solid #D9D4CD; border-radius: 10px; width: 110px; height: 30px; line-height: 27px; display: inline-block; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 1px; } 
.StdButton:hover { opacity:1; }  

.StdButton.selected { background-color: #ed752f; color:white !important; }

.blockScrollerParent { max-width:890px; margin:0 auto; }

#SubjectBlockScroller { width:1120px; max-width:1120px; margin:0 auto; color: #1da087; position:relative; left:14px; }
#SubjectBlockScroller .inner { animation-duration: 0.7s; width:3000px; margin-left:11px; } 
#SubjectBlockScroller .block { width:175px; margin-right:125px; }
#SubjectBlockScroller .blockBorder { box-shadow: 0px 7px 16px #00000029; border-radius: 30px; height:190px; width:190px; text-align:center; }
#SubjectBlockScroller img { margin-top:35px; width:75px; height:75px; }
#SubjectBlockScroller .description { margin-top: 24px; width: 190px; height:190px; left: 10px; position: relative; }
#SubjectBlockScroller .block6 img { position:relative; left:10px; }
.SubjectBlockScroller .scrollArrowContainer {  top:-47px;  }

#HeadlineBlockScroller { max-width:1120px; width:1120px; margin:0 auto; }
#HeadlineBlockScroller .inner { animation-duration: 0.7s; width:3000px; } 
#HeadlineBlockScroller .block { width:200px; margin: 0 50px;  }
#HeadlineBlockScroller .blockBorder { text-align:center; }
#HeadlineBlockScroller .description { margin-top:15px; width:190px; left:20px; position:relative; }
#HeadlineBlockScroller .name { font-size:22px; line-height:22px; margin-top:20px; width: 280px; position: relative; left: -35px; }
#HeadlineBlockScroller img { width:200px; }
.HeadlineBlockScroller .scrollArrowContainer { top:-32px;}
/* Nope */
#HeadlineBlockScroller .block:first-child { margin-left:20px; }
#HeadlineBlockScroller .block:last-child { margin-right:20px; }

#ProductBlockScroller .inner { animation-duration: 0.7s; width:12000px; } 
#ProductBlockScroller .block { width:200px; margin:0 35px; height:500px; } /* That height is odd */
#ProductBlockScroller .blockBorder { text-align:center; }
#ProductBlockScroller img { margin-top:40px; width:200px; }
#ProductBlockScroller .productName { margin-top:14px; height:50px; font-size:14px;line-height:16px; font-weight:bold; text-align:center; overflow:hidden; }

.ExternalFileName { margin-top:14px; height:38px; font-size:12px; font-weight:normal; text-align:center; overflow:hidden; }

#ProductBlockScroller .name { font-size:20px; line-height:28px; }
#ProductBlockScroller .publishDate { margin-bottom:20px; text-align:center; font-style:italic; font-size: 10px; margin-top: 10px; }

.ProductListing .block { width:200px; margin:0 35px; float: left; display: block; height:440px; }
.ProductListing .blockBorder { text-align:center; }
.ProductListing img { margin-top:40px; width:200px; }
.ProductListing .productName { margin-top:14px; height:38px; font-weight:bold; text-align:center; overflow:hidden; }
.ProductListing .name { font-size:20px; line-height:28px; }
.ProductListing .publishDate { margin-bottom:20px; text-align:center; font-style:italic; font-size: 13px; margin-top: 10px; }

/* Pages */
.ShowProductPage { margin:60px auto 0 auto; max-width:1400px; }
.ShowProductPage > div { float:left;} 
.ShowProductPage h2 { clear:both; }

.ShowProductPage .vid3 iframe { width:30%; height:130px; }
.ShowProductPage .vid1 iframe { width:75%; height:170px; }
.ShowProductPage .vid1 iframe { width:46%; height:210px; margin-top:50px; }

.ShowProductPage .left { width:30%; text-align:center; }
.ShowProductPage .left .colophone { padding-top:40px; text-align:left; }
.ShowProductPage .left .colophone * { vertical-align:top; }
.ShowProductPage .left .StdButton { margin-top:30px; } 
.ShowProductPage .left .inner { width:70%; margin: 18px auto 20px auto; }
.ShowProductPage .let img { width:10%;}
.ShowProductPage .left .smallText { width:125px; display:inline-block; }

.ShowProductPage .right { width:63%; float:left;  }
.ShowProductPage .right .inner {  width:100%;position:relative;  }

.ShowProductPage .right h1.title { margin-top:0; }

.AiChatFullpageMode .ShowProductPage .AiQuestionInputContainer { width:63vw; max-width:883px;}

.FrontpageSearch { background-color: #003736; width:100%; min-height:210px; padding-bottom:45px;  }
.FrontpageSearch .text { text-align:center; margin-top:30px; color: #1DA087; font-size:40px; line-height:42px; }
.FrontpageSearch .searchIcon { display:block; margin:0 auto; padding:40px 0 0 0; }

.FrontpageSearch .searchFor { max-width:500px; margin:20px auto; text-align:center; position:relative; }
.FrontpageSearch input { color:white; padding:10px 4px; width:50%;  background-color: #003736; width: calc(100% - 38px); }
.FrontpageSearch .searchFor img { position:absolute; right:23px; top:10px; width:24px; }

NO .ShowByCustomTagHeader { max-width:1120px; margin:0 auto; }
.ShowByCustomTag { max-width:1210px; margin:0 auto; text-align:left; }

/* GWT */
.tmpContainer { display:none; }
.ModeswitchController .row0 { display:none; }
.ModeswitchController .row1 { display:none; }
.ModeswitchController .row2 { display:none; }
.ModeswitchController .row4 { display:none; }

body .outerMainProgramContainer .row3 { padding-top:0 !important; }

.ShowByCustomTag .longDescription { margin-left: 200px;  margin-right: 200px; text-align: center; font-size: 18px; line-height: 26px; margin-bottom:40px; }
.ShowByCustomTag .longDescription .headline { margin-top: 50px;  text-align: center; font-size: 28px; line-height: 36px; font-weight:normal; }

iframe { margin:50px auto; display:block; }

.iconFont { font-family: 'Simple-Line-Icons-Pro' !important; font-size:20px; margin-right:5px; display:inline-block; }
.iconFont:hover { text-decoration:none !important; color: 53585f; }
.ChapterListWidget.chapterListContainer { font-size:12px; line-height:26px; }

.questionPane { position:relative; }
.questionPane .iconFont { position: absolute; left: -52px; top: 23px; font-size:40px; }
  
.AiChatFullpageMode .ShowProductPage .AiChat .replies { height: calc(100vh - 340px); overflow:auto; }

.gwt-SuggestBoxPopup { background-color: white; 
	padding:10px 10px 10px 10px;
	box-shadow: 5px 5px 6px -3px rgba(83,88,95,1);
	border-radius: 6px;
    border-style:solid;
    border-color:#E6E6E6;
    border-width:1px;
    z-index:10000010;
 }
.gwt-SuggestBoxPopup .item-selected { color: #ed7527; cursor:pointer; }

.gwt-PopupPanelGlass { background-color: #000; opacity: 0.3; filter: alpha(opacity=30); }
.GlassPopupPanel { 
	background-color:white; 
	z-index:9999999;
    background-color: #fff;
    border-style:solid;
    border-color:#E6E6E6;
    border-width:1px;
    padding:0 10px;
	color: #9e9e9e;    
	box-shadow: 5px 5px 6px -3px rgba(83,88,95,1);
	border-radius: 6px;
	font-size:13px;
}
body .ProgressCallback { padding:20px; }
.mobileRobot { display:none; }

body .OuterAiChatContainer { max-width:900px; width: 70%; }
NO body.AiChatFullpageMode .TopPartOfSite .AiChat .replies { width: 70%; max-width: 1300px;min-width:900px; }
body.AiChatFullpageMode .TopPartOfSite .AiQuestionInputContainer { width: 70%; max-width: 900px;  }

.noPreQuestionToAi  .OuterAiChatContainer .questionInput { border-radius:8px !important; border-width:1px !important;  }