/*
Dark grey:  was: #53585f
text light grey: #c3c3c3 -> #9e9e9e;

Border light grey: #E6E6E6
orange: #ed7527 DO NOT USE



New orange: #ed752f
New background: #edeae7

*/


/*

Lys gul #f7f4ef

border-style: groove;
border-color: #E0E0E0

border-width: thin;
*/
/*
setTimeout(() => { debugger; }, 3000)
.ProductPage .centerCenter .buyPanel:first-child .NewstyleButton { background-color: #ed7527; color: white !important; border-style:none; }
*/
/*
.PdfSettingsWidget.BookMenuWidget { left:auto !important; top:150px !important;right: 420px; }

Max:  1360

DO NOT USE, THIS IS THE OLD ONE.
*/


.ShopTopBar, .MyAccountTopBar { display:none; }

.Bottom { display:none ;}
#BookBrowserWidget { display:none; }

.IsSpintypeClassic .ChapterReadListWidget .labelContainer.splitter { display:none; }

.BookDataMenu {
  z-index: 10;
  letter-spacing: 1px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  margin: 0 auto;
  margin-top: 40px;
  background-color: #efeded;
  border-color: #9f9f9f;
  color: #9D9D9D;
  width: 156px;
  font-family: roboto;
  font-weight: 500;
  position: fixed;
  left: 85%;
}


.sizeIcon { display:inline; float:right;}

.autoGneratedCoverImagePanel img { max-height:400px; border-style:solid; border-width:1px;}

.MyWorksListMode .imagePanel.clone > img { position:relative;}
.MyWorksListMode .imagePanel.deleteColumn > img { position:relative;}
.MyWorksListMode .iconLabel.title > img { display:none;}

NO .gwt-PopupPanelGlass { display:none !important; }
.EditCustomTagAi .line .iconFont { margin-left:7px; font-size:14px;}

body .TagOverviewWidget { width: auto !important; height:auto !important; text-align:center;}
body .TagOverviewWidget { width: auto !important; height:auto !important; text-align:center;}

.EditCustomTagsViewAi .ButtonPanel { text-align:center; }
.EditCustomTagsViewAi .MediumSmallHeadline { text-align:center}

.NcffTagWidget.TagOverviewWidget .tagContainer { float:none; display:inline-block; vertical-align: top; } 


.SplitContainer { min-height:200px; font-size:12px; }
.SplitContainer .line > * { vertical-align:top; }
.SplitContainer .line { margin:4px 0; }

.SplitContainer input,.SplitContainer select,.SplitContainer textarea { padding: 3px 8px; font-size:12px; }
.SplitContainer textArea { height:75px; }

.SplitContainer.equalHeight .line { height:28px; }
.SplitContainer .line > *:nth-child(1) { width:350px; display:inline-block; text-align:right; }
.SplitContainer .line > *:nth-child(2) { width:350px; display:inline-block; text-align:left; margin-left:12px;  }
.SplitContainer .line .unitPost { margin-left:7px; }
.SplitContainer .ColorWidget { width:16px!important; height:16px; vertical-align:middle;}

.splitContainer { min-height:200px;}

.PdfSettingsWidget .hideAndPreview { float:right; }

.EditCustomTag .SwitchButton.img { width:18px !important;}

.SplitContainer .attributes span { width: 300px !important; position:relative; top:-3px;}

.smallestHeadline.selected { color: #ed7527; font-weight:600; }

.contentPanel > .BookDataMenu {
  z-index: 10;
  letter-spacing: 1px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  margin: 0 auto;
    margin-top: 0px;
  background-color: #efeded;
  border-color: #9f9f9f;
  color: #9D9D9D;
  width: 156px;
  font-family: roboto;
  font-weight: 500;
  position: fixed;
  left: 85%; 
  margin-top:40px;
  }

.BookMenuBookFormat .formatContainer > div { background-color:white; }

.PdfSettingsWidget .smallestHeadline { text-align:center; margin-top:30px; font-size:16px; font-weight:600; text-transform:none;  } 

.MediumHeadline { font-weight:900; font-size:28px; line-height:32px; text-align:center; margin:25px 0 15px 0; }
.MediumSmallHeadline { font-size:20px; font-weight:600; line-height:24px; margin:30px 0 20px 0; }

.NewstyleButton.small { font-size: 11px !important;  }

.BaseGlassPopupPanel { font-size:12px; line-height:28px; }

.PdfSettingsWidget .InfoLabel { margin-right:6px ; }

.PdfSettingsWidget .line .NewstyleButton { margin-right:10px; }

.PdfSettingsWidget input,.PdfSettingsWidget select { padding: 3px 8px; font-size:12px; }

.PdfSettingsWidget .gwt-RadioButton { line-height:24px; margin-top:0;  }

.PdfSettingsWidget.BookMenuMargins { width:760px !important; }

.PdfSettingsWidget.BookMenuMargins .splitContainer { width:330px; float:right; }
.PdfSettingsWidget .line { height:28px; }
.PdfSettingsWidget .line > *:nth-child(1) { width:350px; display:inline-block; text-align:right; }
.PdfSettingsWidget .line > *:nth-child(2) { width:350px; display:inline-block; text-align:left; margin-left:12px;  }
.PdfSettingsWidget .line .gwt-TextBox { width: 50px; }
.PdfSettingsWidget .line .unitPost { margin-left:7px; }
.PdfSettingsWidget .ColorWidget { width:16px!important; height:16px; vertical-align:middle;}
.PdfSettingsWidget .distanceBetweenParagraphs .gwt-InlineLabel { position:relative; top: -4px; }

.PdfSettingsWidget .line .buttonLine { position:relative; top:4px; }
.PdfSettingsWidget .line .buttonLine .selected { background-color: #7f9f54; color:white !important; border-color: #7f9f54; }

body .PdfSettingsWidget { border-color: #d9d3cd; border-width:2px; position:fixed !important; left:auto !important; top:20px !important;right: 395px; width:auto !important; height:auto !important; }

.PdfSettingsWidget .gwt-ListBox { width:auto !important; padding-right:30px; } 

body .buyPanel .NewstyleButton[data-producttype="print"] { background-color: #ed7527 !important; color: white !important; border-style:none; }

.ai .BaseGlassPopupPanel { background-color: #eceae7 }

.PreviewPanel { background-color: #EDEAE7; position:fixed; width:100%; z-index:1001; top:0; height: calc(100vh - 0px); text-align: justify; }
.PreviewPanel .left { display:inline-block; vertical-align:top; }
.PreviewPanel .right { display:inline-block; vertical-align:top; }

.PreviewPanel .left { width: calc(100% - 400px) }
.PreviewPanel .right { width:20%; background-color#eee; position:absolute; right:0px; padding-left:30px; }

.PreviewPanel .OLDbookPreviewArea { height:calc(100vh - 220px); width:1px; position:relative; background-color:red; margin:0 auto; }
.PreviewPanel .bookPreviewArea { height:calc(100vh - 220px); width:1px; position:absolute; right:20%; }

.PreviewPanel .bookPreviewArea > * { overflow:hidden;  }
.PreviewPanel .bookPage { display:inline-block; vertical-align:top; background-color:white;}
.PreviewPanel .previewToPages {  width:150px; margin-left:20px; position:absolute; }
.PreviewPanel .previewToPages .gwt-RadioButton { margin-top:0; }

.PreviewPanel .bottom { position:absolute; bottom:0px; font-size:12px; line-height:14px; height:45px; background-color:#D8D3CC; width:100%; overflow:hidden;}
.PreviewPanel .bottom .right { float:right; width:410px; margin-right:20%; }
.PreviewPanel .bottom .ButtonPanel { float:right; width:200px; margin-top:4px; text-align:right; NOpadding-right:20px; }

.PreviewPanel .scopeSelector { float:left; width:150px; margin-left:20px; }
.PreviewPanel .scopeSelector .gwt-RadioButton { margin-top:0; }

.PreviewPanel .pageNavigator { width:220px; height:45px; line-height:45px; display:block; margin:10px auto 0 auto; }
.PreviewPanel .pageNavigator input { width:40px; padding:3px 8px; NOfont-size:10px; margin-right:5px; vertical-align:top; }
.PreviewPanel .pageNavigator .iconFont { font-size:28px; line-height:28px;}
.PreviewPanel 
.PreviewPanel .bookNavigationPanel { height:35px; margin-top:15px; }
.PreviewPanel .bookNavigationPanel .pageNavigator { display:none; width:200px; margin:0 auto; text-align:center; height:50px; position:relative; top:10px; }
.PreviewPanel .bookNavigationPanel .pageNavigator .iconFont { font-size:36px; }
.PreviewPanel img.SwitchButton { width:auto !important; }

.PreviewPanel .rightTop { }
.PreviewPanel .rightTop img { margin:15px 30px 0 0; height:28px; }

.PreviewPanel .pdfTemplatePanel { max-height: calc(100vh - 190px); overflow: auto;}
.PreviewPanel .pdfTemplatePanel .pdfTemplateName { margin: 20px 0 0px 0; }
.PreviewPanel .pdfTemplatePanel img { width:300px; display:block; width:calc(20vw - 50px); margin-top:10px; max-width:300px; }

.PreviewPanel >.right { height:100%; }
.PreviewPanel >.right >.ButtonPanel { text-align:left; max-width:200px; margin:8px auto 0 auto; bottom:45px; position:absolute;}
.PreviewPanel >.right >.ButtonPanel .NewstyleButton { width:175px; margin-bottom:4px; }
.PreviewPanel .bottom .right .orange { margin-right:40px; }

.orange

body .ck-content .image img { min-width:0; }

img.selected { border-style:solid; border-width:1px; border-color: #ed752f }

.buttonContainer > .SwitchButton { position:relative; top:3px; }

.InfoLabel { margin-bottom:10px;}


.PreviewPanel .pageView { position:absolute; min-height:0; }
.PreviewPanel .pageView .page { position:relative; NONtop: -45px; }
.PreviewPanel .pageView img { position:absolute; }
.PreviewPanel .rectangle { position:absolute; }
.PreviewPanel sup { position: absolute;  top: -5px; }
.PreviewPanel .navigationBar .gwt-ListBox { padding:3px; }

.PreviewPanel .spacer { display:inline-block; position:relative; }
.PreviewPanel .pageView .page > div { position:absolute;  text-align:justify; }
.PreviewPanel .pageView div p {text-align: justify; position:relative; }

.HubViewImage .front .middle { text-align:center; }

.ProjectHubView .backToMyProjects { float:left; position:relative; top:40px; left:20px; }

.MyProjectsTile.back .smallHeadline { text-align:left; font-size:15px; font-weight:500; max-height:32px; }


.MyProjectsTile.back { font-size:13px; }
.flip-container { perspective: 1000px; }
.flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; height:100%; }

.flip-container .front, .flip-container .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; border-style:none; }
.flip-container .front { z-index: 2; transform: rotateY(0deg); }
.flip-container .back { transform: rotateY(180deg); }
.flip-container.flip .flipper { transform: rotateY(180deg); }

.flip-container { width:250px; height:260px; display:inline-block; margin:15px; }

.flipper > div { width:250px; height:260px; margin:0px }

.MyProjectsTile .back  .internalLink { margin:4px 0; }
/*
.MyProjectsTile .front:hover { background-color:#D9D4CD; }	
*/
.MyProjectsTile:hover { background-color:#eeeeee; }
	
.MyProjectsTile .middle.back > div:hover { text-decoration:underline; }

.HubSingleProjectView .bottom .lastEdit { text-align:left; margin: 6px 0 0 20px; }
.HubSingleProjectView .middle { top:45px; height:160px; width:100%; padding:0 20px; position:relative; }
.HubSingleProjectView.front .middle { cursor:pointer; }
	
.HubSingleProjectView .middle .title { width:calc(100% - 40px); position:absolute; height:76px; font-size: 20px; line-height: 120%; font-weight: bold; text-align: left; overflow:hidden;  }
.HubSingleProjectView .middle .title > span  { position:absolute; bottom:0;   }

.projectTile.flip-container.selected .bookContentSquare { border-color: #ed752f; border-style:solid; border-width:2px; border-style:dashed;}

.HubSingleProjectView .middle .progressLabel { top:90px; width:calc(100% - 40px); position:absolute; font-size: 12px; text-align: left; }
.HubSingleProjectView .middle .internalName { top:120px; width:calc(100% - 40px); position:absolute; height:24px; overflow:hidden; font-size: 12px; text-align: left; font-style:italic;   }
.HubSingleProjectView .middle .categories { top:160px; width:calc(100% - 40px); position:absolute; height:24px; overflow:hidden; font-size: 11px; text-align: left; max-height:18px;  }

.HubSingleProjectView .middle .middleBottom { bottom: -22px; left: 20px; position:absolute; }

.SortableListWidget .line * { vertical-align:top; }

 

.PublisherAuthorsController2 .SortableListWidget .line > div {width:40%; display:inline-block;} 

.SortableListWidget .line { padding:6px 10px; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-radius: 12px; background-color: white; margin: 6px 25px; color: #222; font-size:12px; }
.SortableListWidget .line.header { font-weight:bold; }

.PublisherUsersController2 .SortableListWidget .line > div { width:25%; display:inline-block; vertical-align:top; }
.PublisherUsersController2 .SortableListWidget .bookLine { margin-left:20px; }
.PublisherUsersController2 .SortableListWidget .sharedBooks { margin-top:8px;}
.PublisherUsersController2 .SortableListWidget .alsoAccessTo { margin:8px 0 0 0; font-style:italic;}
.PublisherUsersController2 .SortableListWidget .removeAccess { display:inline-block; position:relative; left:10px;  top:2px; }
.PublisherUsersController2 .SortableListWidget .removeAccess .iconFont { color: #ed7527; font-size:16px; }

.HubSingleProjectView .topBar { height:45px; position:absolute; width:100%; top:0; }
.HubSingleProjectView .topBar .sharedWithContainer  .iconFont { margin:8px 0 0 8px; font-size:22px !important; position:relative; top:-1px; }

.HubSingleProjectView .topBar .rightStatusContainer .NewstyleButton { display:inline-block; margin-bottom:6px; }

.NewstyleButton.selected { font-weight:600; }

.ProjectHubView .topBar .rightStatusContainer { width:107px; float:right; text-align:right; margin-top:12px; }
.ProjectHubView .topBar .rightStatusContainer > * { margin-right:12px; vertical-align:top;}

.rightStatusContainer .iconFont { font-size:22px !important; position:relative; top:2px;}

.outerMainProgramContainer.IsSpintypeClassic { min-height:100vh; }
.IsSpintypeClassic .statGptStatus { display:none; }

.BackgroundHack { display:none; }
.IsTest .BackgroundHack {display:block; }
NO .IsTest .ProjectView.ChapterListWidgetAi .chapterContainer { padding-top:0; }

.IsSpintypeClassic .LabTopBar .center > div { display:inline-block; margin:0 20px;}
.IsSpintypeClassic .LabTopBar .center > .NewstyleButton { display:none; }
.IsSpintypeClassic .SwitchButton { max-height:16px; }

.isImportant { margin-top:7px; }

.ProductSolutionAskQuestions { border-width: 1px; margin: 0 8%; background-color: #eee; padding: 0 20px;  margin-bottom:100px; }

.injectedStyle .ProductSolutionAskQuestions .questionContainer p { padding:0 !important; }

.ProductSolutionAskQuestions .gwt-RadioButton input[type="radio"]:checked + label::after { top: 9px;}

.ProductSolutionAskQuestions .questionContainer { border-style:none; border-width:1px; margin:18px 0; padding:4px 8px; }
.ProductSolutionAskQuestions .questionContainer .gwt-RadioButton { margin:0; }

.CreateBookAiPopupNew .configureProjectSetup { position: absolute; right: 30px; top: 10px; }

.EditorReadOnly .EditorBookToolbar2 { display:none; }
.EditorReadOnly .titleLabelContainer { pointer-events: none; cursor:default; }
.EditorReadOnly .FixedChapterContentList .SwitchButton { opacity:0.40; pointer-events: none; cursor:default; }

.HubSingleFolderView .folderName { position:absolute; width:170px; top:130px; left:40px; min-height:30px; text-align:center;  font-weight:bold;}

.HubSingleFolderView.activity { margin:20px; }
.ProjectHubView.selectionMode .HubSingleProjectView.projectTile { cursor:pointer; }
.ProjectHubView.selectionMode .HubSingleProjectView.projectTile * { pointer-events: none; }

.HubSingleProjectView.selected { border-style:dashed; border-color: #ed7527; border-width:2px; }

.HubSingleFolderView .ImageUploadBox { height: 220px; display: flex;  align-items: center; justify-content: center; position:relative; top:30px; }
.HubSingleFolderView img { max-width: 160px; max-height: 180px; display: block; }
  
.LabTopBar .NewstyleButton.small { position:relative; margin: 0 16px 0 8px; position:relative; top:6px; }


.ImportStylePopup .bookContainer { max-height:400px; overflow:auto; }

.CreateBookAiPopupNew .right .SwitchButtonPanel { float: left; top: 210px; left:10px; }
.CreateBookAiPopupNew .right .textHeadline { margin-top:0; text-align:center !important; }

.CreateBookAiPopupNew .clearHack { height:50px; }

.CreateBookAiPopupNew .layout > .NewstyleButton { display: block; text-align: center; margin:0 auto; width: 150px; }

.ProjectView.ChapterListWidgetAi .chapterContainer { padding-top:40px; }
.BackgroundHack .backgroundMaterials { overflow:hidden; height:1.2em; margin-left:36px; margin-right:42px; }
.BackgroundHack .backgroundMaterials::before {
  content: '';
  display: inline-block;
}

.BackgroundHack .backgroundMaterials { margin-top:15px;}
.BackgroundHack .backgroundMaterials .smallestHeadline { line-height:12px;}
.BackgroundHack .backgroundMaterials > div { display: inline-block; white-space: nowrap; }


.BackgroundHack img { height:26px; float:right; position:relative; left:-8px; top: -16px;}

.NotProjectView .BackgroundHack { display:none; } 

.ChapterListWidgetAi .FixedChapterContentList { margin-left:20px !important;}

.labelContainer.splitter { background-color: transparent !important; border-radius:0 !important; border-style:none;  box-shadow: none !important; left:-10px;  }
.labelContainer.splitter > div { height:0px; width:70%; margin-top:20px; width:80%; left:10%; position:relative; }

.labelContainer.splitter .DragHandleSplitter { display:none; }
	
.BackgroundHack { border-radius:12px; position:absolute; background-color:#d9d4cd; border-color:#AEAEAE; border-width:0; 
box-shadow: box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); width: calc(100% - 24px); left:-8px !important; }

body .ChapterListWidgetAi { padding:0; }

.ChapterListWidgetAi .scrollContainer > * { margin-left:20px; }

.ProjectHubView .tilePreview { max-width:60px; max-height:30px; }
.ProjectHubView .tilePreviewContainer .internalLink { margin-left:12px; position:relative; top:-13px; }


.UploadBoxWidget .chooseFilesContainer { display:inline-block; color: #ed7527 } 

.dropFilesLabel { min-height:100px; min-width:100px; background-color:#eee;}

.UploadBoxWidget * { border-style:none; border-width:0 !important;}

.HubEditImage .ImageUploadBox { height: 220px; display: flex;  align-items: center; justify-content: center; position:relative; top:30px; }
.HubEditImage img {   max-width: 210px;max-height:180px; display: block; }

.HubViewImage .ImageUploadBox { height: 220px; display: flex;  align-items: center; justify-content: center; position:relative; top:30px; }
.HubViewImage img {   max-width: 210px;max-height:180px; }

.HubSingleProjectView .bottom .internalLink.iconFont.selected:hover { color:#ed7527 !important; }

.extendedContainer .Slider .slider { width:136px; }

.CreateBookAiPopupNew { width:100%; max-width:850px !important; border-radius:25px !important; }

.CreateBookAiPopupNew .topButton { width:46%; margin: 0 2%; border-radius:12px; height:60px; background-color:white; border-width:1px; float:left;
text-align:center; line-height:60px; font-size:24px; font-weight:bold; }
.CreateBookAiPopupNew .topButton.selected { background-color:#E6E6E6; }

.CreateBookAiPopupNew .textHeadline { text-align:left !important; }

.CreateBookAiPopupNew .SwitchButtonPanel { float:right; position:relative; top:-26px;  }
.CreateBookAiPopupNew .center { height:240px; }
.CreateBookAiPopupNew .center .left { width:44%; float:left; height:240px; margin-right:12%; }
.CreateBookAiPopupNew .center .right { width:44%; float:right; height:240px; }

.CreateBookAiPopupNew .gwt-Image { display:block; height:18px; margin-bottom:6px; } 
.CreateBookAiPopupNew .right .box { top: -29px; position: relative;
	width:46%; margin: 0 2% 10px 2%; border-width:1px; border-radius:12px; float:left; padding:10px 20px; height:100px; background-color:white; } 
.CreateBookAiPopupNew .right .box:hover { background-color:#E6E6E6; }

.CreateBookAiPopupNew .dividerLine {background-color: #E6E6E6; height:1px; margin:20px 60px; }
 .FileUploadBox { background-color: white; padding: 20px; margin:10px 0 10px 0; border-radius:12px; border-style: dashed; border-width: 2px !important; }

.CreateBookAiPopupNew .ButtonPanel { text-align:center; }

.CreateBookAiPopupNew.ConfigureBookAiPopupNew .right .box { top:0; }

.HubViewActivity .smallHeadline { margin-top:20px; }
.HubViewActivity .hubBottom { height:26px; position:absolute; bottom: 26px; width:100%; margin:0 12px; }
.HubViewActivity .hubBottom .deleteBook { float:right; position:relative; left:-10px; }
.HubViewActivity .hubBottom .cloneBook { float:left; position:relative; left:10px; }

.ChapterProjectExpandedMenu .internalOrangeLink { clear: both;   padding-top: 10px; }

.HubSingleProjectView .bottom .iconFont { font-size:14px; }

.CreateBookAiPopupNew .SwitchButton { float:left; margin:0 10px 0 0 !important; position:relaive; top:5px !important; }
.CreateBookAiPopupNew { background-color: #F9F9F9 !important; }

.CreateBookAiPopupNew input { background-color:white; }

.FileUploadBox .largeIcon { float:right; font-size:56px !important;}	
.FileUploadBox .largeIcon .iconFont { margin:10px 15px 0 60px; font-size:48px !important;}	

.Icon59926 .iconFont { margin-right:20px !important;}
.Icon59957 .iconFont { margin-right:12px !important;}
.Icon59971 .iconFont { margin-right:12px !important; } 
.Icon60016 .iconFont { margin-right:14px !important;}
.Icon60016 .iconFont { margin-right:16px !important;}
.Icon60951 .iconFont { margin-right:13px !important;}
.Icon60834 .iconFont { margin-right:16px !important;}



.LitExpandedMenu > .HorizontalDivPanel { min-height:24px; }

.Sane .ButtonPanel .NewstyleButton { margin-right:10px; }

.ai .ck-body-wrapper > .ck > .ck-balloon-panel.ck-balloon-panel_visible  { padding-left:5px !important;  }

.labelContainer.fileResource img { height:22px; float:right; opacity:0.6; }
.labelContainer.fileResource.selectedParent img { opacity:1; }

.textHeadlineImage { float:right; height:60px;}

body .ck-body-wrapper g > rect { display:none; }
.ck.ck-toolbar > .ck-toolbar__items::after{
  background-image: url('/images/redTab52.png');
  background-size: contain;
  content: "";
  z-index:999;
  position:absolute;
  left:-8px;
  top:6px;
  height:26px;
  width:16px;
  background-repeat: no-repeat;
}
 
.editorContainer .ck.ck-toolbar > .ck-toolbar__items::after { content:none; }


.ShowMobileWarning { padding:20px; background-color:white; min-height:100vh;}
.ShowMobileWarning * { text-align:left !important; }
.ShowMobileWarning .normalText { font-size:20px;}
.ShowMobileWarning .NewstyleButton {  }

.ShowMobileWarning img { width:10%; }
.helpTextCenterLinkLabel { float:right; margin-right:20px; }
.helpCenterIcon { float:right;  }

/* TODO or not to do */
.IsSpintypeAi .MyWorksOuter .ChapterListWidgetAi .scrollContainer { height:0; }

.BookMenuCategoryStyle .imagePreviewContainer { text-align:center; } 
body .BookMenuCategoryStyle .textHeadline { text-align:center; }


.BookMenuCategoryStyle .imagePreviewContainer img { width:45%; border-width:1px; border-style:solid; }
.BookMenuCategoryStyle .imagePreviewContainer img:first-child { margin-right:2%; }

body .SectionEditorIntro { width:80%; max-width:700px; }

.titleLabelContainer .smallHeadline .iconFont { display:none; }

INEEDEDTHISBUTCANNOTREMEMBERWHY .MyWorksOuter .ChapterListWidgetAi { display:none; }

.MyWorks .WordImportController { 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; }

.MyWorksOuter .WordImportController { 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; }

.socialLoginButtonPanel > div { width:240px; } 
.socialLoginButtonPanel .iconLabel img { height:24px;  position:relative; top:2px; margin-right:16px;}

.ChapterListWidgetAi .titleLabelContainer { display:inline; height:24px; float:left; margin:9px 0 0 10px;overflow:hidden; width:calc(100% - 65px) }
.ChapterListWidgetAi .titleLabelContainer > * {  overflow:hidden;height:24px; }


.CreateBookPart { transform: translate(0,-120px); }

.HighlightWalker .gwt-HTML p:first-child { font-size:24px; line-height:28px; text-align:center; margin-top:10px; }

.SectionEditorHighlight .BookCkEditor2  { pointer-events: none; }

.HideEditor .WritemodeControllerAi  .EditorContainer .editorContainer { display:none; }

.HighlightWalker.ChapterContainerHighlight { top: 110px; left: 20%; }
OLD .HighlightWalker.SectionEditorHighlight { left:calc(28% + 200px); top:auto; bottom:100px; }
.HighlightWalker.SectionEditorHighlight { left:20px ;  bottom:150px;  top:auto; }

.HighlightWalker.SectionEditorToolbar { left:calc(28% + 200px);  top:100px; }

.HighlightWalker.SettingsContentListHighlight { left: 20%; top:320px; }
.HighlightWalker.FixedBottomHighlight { left:10px; bottom:50px; top:auto; }
.HighlightWalker.ChatGptInterfaceHighlighter { left:calc(60% - 100px); }

.HighlightWalker.PreviewButtonHighlight { left:auto;  right:10px; top:auto; bottom:200px; }
.HighlightWalker.ChatButtonHighlight { left:auto;  right:8px; top:auto; bottom:200px; }

.Highlight.ChatGptInterface { transform: translate(-30px, 0px);  padding-bottom:0 !important; }
.Highlight.SectionEditor { background-color:white;  transform: translate(0,10px); padding: 50px 5.5vh !important;  border-color:red; border-width:1px; max-height:85vh; overflow: hidden; }

 .social-intents-tab.Highlight { padding:0; }

.Highlight .silc-btn-button { top: 65px; left: 5px; }
  
  
.HighlightBase .PreviewButtonHighlight .NewstyleButton { width:105px !important; }
body #si-wrapper .silc-btn { z-index: 999; }
.injectedStyle .ck-editor  { }

.HighlightBase { position:relative; z-index:999999 }
NO .HighlightBase .EditorBookToolbar2 { left:-3px !important; }
.HighlightBase  .toogleChapterListLogo { display:none !important; }
.HighlightBase .saveContainer { display:none; }
.HighlightBase .buttonGroupPanel .right { position:relative !important;  }

// .buttonGroupPanel .icon { display:none !important; }


.HighlightWalker {  border-radius:12px; min-width:200px; padding:10px 20px;  position:fixed; width:400px;  left:500px; top:200px;  background-color:#f7f7f7; z-index:999999 }
.HighlightWalker .ButtonPanel > .NewstyleButton { float:right; }

.HighlightWalker .skip { float:left !important; }

.CloneParent.ChapterContainerHighlight { top:-20px; }
.CloneParent.SettingsContentListHighlight { top:-40px; }
.CloneParent.FixedBottomHighlight {  }

.SettingsContentList.Highlight { max-height:30px; overflow:hidden;}

.Highlight {  background-color: #F9F9F9; position:absolute; border-width:0px; border-style:solid;z-index:999995; border-radius:12px; padding:2px 6px;   
transform: translate(-6px, -2px); }

NO .HighlightBase { position:absolute; top:-20px; }

.HighlightGlass { background-color:black; opacity:0.5; width:100vw; height:100vh; position:fixed; left:0; top:0;  z-index:99999; }
 
body.ai .newDesignTopFiller { height:52px;}

/*
.CloneParent { z-index: 9999; min-width:100px; min-height:100px; }
*/

.SplitHalf > div { width:50%; display:inline-block; vertical-align:top}
.CreateUserAndSignupFromWebflowView .forgotPassword { float:right; left:auto; } 
.CreateUserAndSignupFromWebflowView .SplitHalf > div { min-height: 100vh;  }
.CreateUserAndSignupFromWebflowView .left { background-color:white; padding:40px 100px; }
.CreateUserAndSignupFromWebflowView .right { background-color:#D9D3CC; text-align:center; padding:40px 5%; }
.CreateUserAndSignupFromWebflowView .right img { width:100%; margin-top:50px; }

.CreateUserAndSignupFromWebflowView .ButtonPanel { text-align:center; }
.socialSeperator { height:1px; padding:0 40px; background-color: #D9D2CB; margin:44px 0 40px 0;  }

.ForceShow { display:block !important; }

.forceToUpper { text-transform:uppercase; }

TESTING .rotated { background-color:red; min-width:4px; min-height:4px;}

/** TODO: FIX THIS FOR REAL */
.rotated .spacer { border-width:0 3px 0 0; }

.EditConfigSettingsPopup textarea { width:90vw; height:70vh; }

.SlideLeftTarget {  transition: 3s; left: 0; }
.SlideLeftTarget.DoSlide {  transition: 3s; left: -400px; }

.CustomCoverCreatorSection .previewArea .page > div { position:relative; }


.BackgroundShadow { box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-color: #ddd; }

.PredefinedTemplateView { min-width:20px; user-select:none;  }
.PredefinedTemplateView .iconFont { font-size:30px; margin: 2px 0 0 0; }
.PredefinedTemplateView .positionButton.iconFont { font-size:12px; color:black; margin: 0 4px;  position:relative; top:1px;}
.PredefinedTemplateView .navBar { font-size:10px; }
.PredefinedTemplateView .themeBrowserPanel * { text-align: center;  }
.PredefinedTemplateView .themeBrowserPanel > div { margin-bottom:20px; }
/*
.PredefinedTemplateView { position: absolute; width: 200px; background-color: white; z-index:999; border-width: 1px; right: 30px; top:56px; }
*/
.CustomCoverCreatorSection .rightContainer { position: absolute; width: 200px; background-color: white; z-index:999; border-width: 1px; right: 30px; top:56px; text-align:center; padding-bottom:20px; }
/*
ABSOLUTELY NOT NEEDED. THIS IS HANDLED BY THE EIFTOHTML CODE. DOH!
.DraggableText.textAlign1  { text-align:left; }
.DraggableText.textAlign2 { text-align:center; }
.DraggableText.textAlign3 { text-align:right; }
.DraggableText.textAlign4 {  text-align:justify; }
*/
.DraggableText { z-index:8; }

.DraggableText .page > div { width:auto !important; }

.CustomCoverCreatorSection .previewArea * { user-select: none; -webkit-user-select:none; }

.CoverCreatorImagePopup .imageAlignment { margin-top:6px; }
.CoverCreatorImagePopup .ListBoxLabel { min-width:154px; display:inline-block;  }

.ListBoxLabel { margin-right:10px; } 

.imageType .gwt-RadioButton { display:block; }

.EditBookTitlePopup { width:650px; }
.EditBookTitlePopup .ck-editor__editable { min-height:180px; }

.CoverCreatorImagePopup { position:fixed !important; top:10px !important; }

body .CoverCreatorImagePopup img { max-height:250px; }

img.SwitchButton  { display:inline !important;  margin:0 6px !important; padding:0 !important; height:14px; }
.ai img.SwitchButton  { height: 14px }

body .CoverCreatorImagePopup { min-width:400px; }

.asText { line-height:100%; }

.ck button  { color: black  !important;   }
.ck button svg { stroke: black; fill:  white; }


.ForceNoShadow { box-shadow:none !important; }


.ck-balloon-rotator__content { }


/*
body div .AAA { display:block !important;}
body div .AAA * { display:block !important; }
.OnboardHighlight::before { }
*/

body .CustomCoverCreatorSection { padding:0; background-color: #FAFAFA;  }
/* Why did I remove the shadow?? Did it fuck other views?? (It might fuck the cover, but that does have a special name, I can just use
body .IsSpintypeAi .EditorContainer .editorArea  { border-style:none; box-shadow:none; }
*/
.EditFontPopup { width:340px; }
.EditFontPopup .fields > .gwt-Label { margin: 11px 0 0px 0; }
.EditFontPopup .preview { border-width:1px 0 0 0; padding:10px; }

.searchScopeContainer * { user-select: none; -webkit-user-select: none; }

.EditFontPopup .SwitchButtonPanel { margin-top:10px; } 

.CustomCoverCreatorSection .optionArea { border-width:1px 0 0 0; border-style:solid; margin-top:20px; padding-top:10px; }
.CustomCoverCreatorSection .CoverCreatorMenu { padding:8px 0; text-align:center;  }
 
.AiElementContainer .inputCost { font-size:10px; border-width:1px 0 0 0; margin-top:4px; padding-top:4px; }


.ChapterListWidgetAi .scrollContainer { padding-right:20px; }
.ChapterListWidgetAi .scrollContainer .iconLabel2 { display:inline;  }
.ChapterListWidgetAi .scrollContainer > .iconFont { font-size:12px; position:relative; left:8px;  cursor:pointer; }

body .ChapterListWidgetAi { padding-right: 0; }

.EditFriEks textarea { height:80px; }

.MtFrame .ColorWidget { width:40px; height:40px; } 
.MtFrame { transform: translate(300px, 0px);}

.ToolbarToggle { position: absolute; top: 12px;}

.CreateAccountPopup { width:850px;  min-height:690px; left: calc(50vw - 425px) !important; top: 30px !important; background-color:white; }

.BublesPlane { height:100vh; }

.BublesPlane .BubleChild { position:absolute; min-width:85px; min-height:85px; background-image: url('/images/bubles/circle.svg'); background-size: 400px; 
            background-repeat: no-repeat; background-size: contain; }
.BublesPlane .BubleChild .gwt-HTML { position:relative; line-height:120%; }

.BublesPlane Canvas { width:100%; height: calc(100% - 100px); }
.BublesPlane .bottomBar { line-height:28px; background-color:#aaa; height:30px; text-align:center; border-style:solid; border-width:1px 0 0 0; border-color:black; }
.BublesPlane .bottomBar .internalLink { display:inline-block; margin:0 20px; }

.EditBublePopup { max-width:900px; width:50vw;  }

.EditBublePopup .ck-editor__main { max-height:600px; height:50vh; margin-bottom:10px; }


.showSearchViewInToolbar { background-image:none !important; position:relative; }

.SpintypeAiUserPopup .layout div:nth-child(1) .gwt-InlineLabel { position:relative; left:2px; }
.SpintypeAiUserPopup.loggedIn .layout div:nth-child(2) .gwt-InlineLabel { position:relative; left:5px; }

.SpintypeAiUserPopup .icon { width:40px; display:inline-block; }
.SpintypeAiUserPopup .smallestHeadline { display:inline-block;}

.AiElementContainer { position:relative; }
.AiElementContainer table td { border-style:solid; border-width:1px; padding:2px; }

.ChatGptInterface .reloadIcon { font-size:15px; position: absolute; right: 12px; bottom: 2px; opacity:0.5 }

.ChatGptInterface .icon { height:16px; position:relative; top:2px; margin-right:6px; }

.ck-toolbar .ck-toolbar__items button svg { color: inherit  !important; }  
.ck-toolbar .ck-toolbar__items button:nth-child(1) svg,
.ck-toolbar .ck-toolbar__items button:nth-child(2) svg, 
.ck-toolbar .ck-toolbar__items button:nth-child(3) svg { color:black !important }

.AskForCreditcard { top:100px !important; }

.socialLoginButtonPanel .HorizontalDivPanel { border-width:1px; border-radius:8px; padding:8px 10px; margin:15px 0;  }
.socialLoginButtonPanel > div { margin: 20px 0; }




.ck-toolbar .ck-toolbar__items button:nth-child(11) svg { color:white !important }  


.WordImportContainer { min-width:100px; min-height:100px; z-index:999; }

.PopupAboutImportedBook .plain { margin-bottom:8px; }

.ChatGptInterface .smallHeadline { text-transform:none; }

.WritemodeControllerAi .EditorContainerTop .showSearchView { bottom: 10px; position: absolute; right: -40px; }

.ai .LicenseAndBilling { width:700px; }
.ai .ShowPublisherAbbPayments { width:700px; }
.ai .YourSubscriptionPopup { min-width:700px; top:100px !important; position:fixed !important; }
.ai .ChangeCreditCardView { height:550px; overflow:hidden;}
.ai .CkeditorSearchView2 { overflow: visible; }
.ai .CkeditorSearchView2.expanded { background-color:#eee; }
.ai .CkeditorSearchView2 .closeIcon { position:absolute; z-index:99; right:-37px; top:-37px; padding:3px 6px; background-color:#f7f7f7; border-color:#777;
border-width:1px; border-radius:13px; left:auto; font-size:11px; border-style:solid; }

.ai .CkeditorSearchView2 { background-color: #eee; z-index: 99;  border-color: #555; border-style: solid; border-width: 1px; left: 30px; top: 60px; }
.ai .CkeditorSearchView2 { left:auto; right:10px; width: calc(18% + 50px); padding:20px; }
.ai .CkeditorSearchView2 .searchTextBox { width:90%; }
.ai .CkeditorSearchView2 .startSearch { right:0; left:auto; }
.ai .EditorBookToolbar2 .buttonGroupPanel { width:100%; text-align:center; margin:0; height:28px; overflow:hidden;  }
.ai .EditorBookToolbar2 .buttonGroupPanel  .group { display:none; }
.ai .EditorBookToolbar2 .group .icon { float:none; display: inline-block; }

body.ai { background-color: #EDEAE7; }

.UserProfileImage24.img, .UserProfileImage24 >img  { width:24px; height:24px; border-radius:12px;  }
body .ChapterListWidgetAi .UserProfileImage24 { padding-left:12px !important; };

.OverlayInfo .leftTopCorner .toogleChapterListLogo { left:-41px; top:-56px; width: 31px; height: 31px; margin: 10px 0 3px 0px; }

.OverlayInfo .SwitchButtonIcon {
opacity: 0.4;
  float: none;
  position: absolute;
  left: 318px;
  top: -63px;
  color: black !important;
  border-style: solid;
  width: 28px;
  padding: 4px 0;
  border-width: 1px;
  border-radius: 20px;
  font-size: 5px !important;
  text-align: center;
  margin-right: 0;
}

.EditorContainerBottom .previewButton { bottom:10px; position:fixed; right: 100px; }

.OverlayInfo { position: absolute; width:100%; height:0; /*100vh;*/ z-index:9999; }
.OverlayInfo .leftTopCorner { position:absolute; left:60px; top:55px; }
.OverlayInfo .leftTopCorner img { position:absolute; width:40px; left:10px; top:-40px; }

.OverlayInfo .topRightCorner { position:absolute; right: 70px; top: 72px; }
.OverlayInfo .topRightCorner img { position:absolute; width:40px; left:278px; top:-20px; transform: rotateX( 180deg ) }

.OverlayInfo .bottomRightCorner { position:absolute; right:115px; top: calc(100vh - 130px); }
.OverlayInfo .bottomRightCorner img { position:absolute; width:40px; left:308px; bottom:-10px; transform: rotateX( 180deg ) }

.OverlayInfo .center { position:absolute; top:350px; left:calc(50% - 125px); }
.OverlayInfo .center .ButtonPanel { text-align:center; }

 .OptionButton { width:calc(33% - 20px); display:inline-block;vertical-align:top; border-width:1px; border-radius:24px; padding:30px; margin: 20px 10px; }
.OptionButton:hover { border-color:#ed7527; color: #ed7527; }
.OptionButton.selected { border-color:#ed7527; color: #ed7527; }
.OptionButton .iconFont { font-size:30px; margin: 0px 0 30px 0;}
.OptionButton .description { font-size:18px; line-height:22px;}


.BaseGlassPopupPanel.OverlayPopup  { width: 200px; background-color:#f0f0f0; } 

.CreateBookAiPopup { text-align:center; width: 800px; left: calc(50vw - 300px); top: calc(50vh - 200px); position: absolute; background-color:white; z-index:99999 }
.CreateBookAiPopup .layout .gwt-FileUpload { width:100%; margin-top:15px; }
.CreateBookAiPopup .layout .left { margin-right:25px; }
.CreateBookAiPopup .layout .right { margin-left:25px; }
.CreateBookAiPopup .layout .right img  { width:150px; margin-top:15px; }
.CreateBookAiPopup .layout .part { padding:15px; height: 290px; border-width: 1px; background-color:white; width:275px; text-align:center; float:left; }

.LoginPopup .inner { width:400px; }

.FadeIn { animation: fadeIn 4s forwards }
/*
body { Background color: #FAFAFA }
Settings op til top, i labelContainer.
*/
.FlyingIntro .EditorContainer .EditorContainerTop, .FlyingIntro .EditorContainerBottom .editorArea,.FlyingIntro .EditorContainerBottom .right 
 { opacity:0.2; }

NO .FlyingIntro .ChapterListWidgetAi div { opacity:0.5; } 


.FlyingIntro .labelContainer { animation: fadeIn 4s forwards; height:0; }
.FlyingIntro .labelContainer:nth-child(2) { opacity:0; animation-delay: 500ms; }
.FlyingIntro .labelContainer:nth-child(3) { opacity:0;animation-delay: 1000ms; }
.FlyingIntro .labelContainer:nth-child(4) { opacity:0;animation-delay: 1500ms; }
.FlyingIntro .labelContainer:nth-child(5) { opacity:0;animation-delay: 2000ms; }
.FlyingIntro .labelContainer:nth-child(6) { opacity:0;animation-delay: 2500ms; }
.FlyingIntro .labelContainer:nth-child(7) { opacity:0;animation-delay: 3000ms; }
.FlyingIntro .labelContainer:nth-child(8) { opacity:0;animation-delay: 3500ms; }
.FlyingIntro .labelContainer:nth-child(9) { opacity:0;animation-delay: 4000ms; }
.FlyingIntro .labelContainer:nth-child(10) { opacity:0;animation-delay: 4500ms; }
.FlyingIntro .labelContainer:nth-child(11) { opacity:0;animation-delay: 5000ms; }


@keyframes fadeIn {
  0% { opacity: 0; height:34px; }
  100% { opacity: 1; height: 34px;  }
}
@keyframes rotate {
  0% { opacity: 0; transform: rotate(0deg); }
  100% { opacity: 1; transform: rotate(360deg); }
}

.BuyAbbPopup {  }
.BuyAbbPopup iframe { width:800px; }

.labelContainer.selected { background-color:white !important;  }

.OnboardController .ButtonPanel { text-align:center; }
/*
.IsSpintypeAi { background-color: #FAFAFA; }
*/
NO .IsSpintypeAi .MyWorks { width:83%;float:right;}
.IsSpintypeAi .SecondaryTopBar { left:0; }

.AiPaper { padding:20px;  }
.FlyingTitle { font-size:30px; line-height:120%; margin:0 auto 20px auto; text-align:center; max-width:600px; }
.FlyingBodyText { max-width:600px; margin:0 auto; line-height:140%; }

.MiniCkEditor .editorContainer { font-size:15px; line-height:130%; color:black; }
/*
.ChapterListWidgetAi .fixedBottom { top: calc(100vh - 0px); height:60px; left:25px; 
position:absolute; width:calc(100% - 50px); NObackground-color:#fafafa;  padding:7px 0 0 0; margin:0;  }
*/
.ChapterListWidgetAi .fixedBottom { bottom: 0px; height:60px; left:25px; 
position:fixed; width:16%; NObackground-color:#fafafa;  padding:7px 0 0 0; margin:0;  }

/*
.ChapterListWidgetAi .fixedBottom { margin: 18px 25px; border-color: #E0E0E0; border-width: 1px; top: calc(100vh - 156px); height:156px; 
position:absolute; width:calc(100% - 50px); padding:10px; border-radius:6px; NOleft:0px; background-color:#fff; }
*/
.IsSpintypeClassic.outerMainProgramContainer { background-color: #fafafa ; }

.ChapterListWidgetAi .fixedBottom > div { padding:0px 0px; }
.ChapterListWidgetAi .fixedBottom > .selected { color: #5f5f5f; font-weight:bold; }

.SpintypeAiOuter { height:0; }
.SpintypeLogoForAi { width: 36px; height:36px; opacity:0.5; position:absolute; top:7px; left:-10px;}
.SpintypeAiOuter .SpintypeLogoForAi { left:20px;}

.IsSpintypeAi .newDesignTop { display:none; }
.IsSpintypeAi .writerTopFiller { display:none; }
.IsSpintypeAi .ShopTopBar { display:none; }
NO .IsSpintypeAi .SecondaryTopBarFiller { display:none; }
.IsSpintypeAi .EditorContainerTopFiller { display:none; }
.IsSpintypeAi .EditorContainerTop { margin-bottom:0; }
.IsSpintypeAi .EditorContainerBottom { margin-bottom:0; }

.AnchorWithIcon a { margin-left:8px; margin-right:8px;  }

.WritemodeControllerAi .SectionEditor.MyWorksAi { padding:0; } 

.MyWorksAi .SecondaryTopBar { left:0; top:0; }
.MyWorksAi .MyWorks .topBarFiller { height:0; } 
.tmpContainer .BookDataMenu { z-index:999; }

.removeRight .EditorContainerBottom > .right  { display:none; } 

.WritemodeController2 .editorContainer .ck-editor__main > .ck-editor__editable_inline { min-height:calc(100vh - 395px); }

.ChatGptInterface .stopButton { width:26px; position:relative; position:absolute; right:-2px; top:57px; }
/*!!! */
.WritemodeControllerAi .redTab { position:absolute; right:3px; top:57px; height:26px; width:16px; }

.WritemodeControllerAi .topBar .center { display:none;  }

body .WritemodeControllerAi .editorContainer .ck-editor__main > .ck-editor__editable_inline { min-height:calc(100vh - 290px); }

body .ck-content .image img { max-width:90%; }

.WritemodeControllerAi .ck.ck-editor__editable_inline { overflow: visible; }

.visibleOnSmall { display:block !important;}

.ck-balloon-rotator__content .ck.ck-button .ck-button__label { display:none !important; }

.SettingsContentList.labelContainer { height:auto !important; padding-bottom:40px; margin-bottom:40px; }
.SettingsContentList.labelContainer .SwitchButtonIcon { margin-right:0;  }

.ChapterListWidgetAi .FixedChapterContentList { padding-bottom:0; padding-top:0;margin:0; }
.ChapterListWidgetAi .FixedChapterContentList .smallestHeadline { margin-bottom:2px;; }

.SpinningLogoContainer { max-width:70%; width:100px; margin: 0 auto; cursor:wait; }
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }
.SpinningLogo {  position:absolute;  width:80px; top:140px; animation: rotation 2s; animation-timing-function: linear; animation-iteration-count: infinite; cursor:wait; }

.ChatGptInterface .reply .deleteContainer { position:relative; height:0; z-index:9  }
.ChatGptInterface .reply .deleteContainer .iconFont { position:absolute; right:9px; top:16px; font-size:11px; opacity:0.75 }


.ChatGptInterface .reply ul { margin-left:14px; padding:0; }
.ChatGptInterface .reply ol { margin-left:14px; padding:0; }
.ChatGptInterface .reply * { cursor:pointer;}

.PageStatsController .coverImage { height:41px; }

.PageStatsController .statsGridContainer { margin:0 16px;   }
.PageStatsController .statsGridContainer .line:nth-child(odd) { background-color:#eee; }
.PageStatsController .statsGridContainer .line:nth-child(even) { background-color:aaa; }
.PageStatsController .statsGridContainer .line > * { display:inline-block; padding:6px 6px; vertical-align: top }
.PageStatsController .statsGridContainer .title { width:calc(40% - 70px); }
.PageStatsController .statsGridContainer .authors { width:26%; }
.PageStatsController .statsGridContainer .publishDate { width:10%; }
.PageStatsController .statsGridContainer .numUsersVisit { width:8%; text-align:right; }
.PageStatsController .statsGridContainer .numDownloads { width:8%; text-align:right; }
.PageStatsController .statsGridContainer .numReads { width:8%; text-align:right; }

.EditorContainerBottom .right .SwitchButtonIcon { opacity:0.4; float: none; position: absolute; right: 20px; top: 10px; color:black !important; border-style:solid; width:28px; padding:4px 0; border-width:1px; border-radius:20px;  }


.ck-powered-by { display:none; }

.WorksWorksEmptyView .HorizontalDivPanel { font-size:18px; line-height:22px; } 
.WorksWorksEmptyView td { padding:10px 0; }
.WorksWorksEmptyView td + td { padding-left:20px; font-size:18px; line-height:22px; }

.candidateList .ButtonPanel { text-align:center; }
.candidateList .SmallHeadline { text-align:center; }

.SecondaryTopBar.Empty { display:none; }
.SecondaryTopBar.Empty + .SecondaryTopBarFiller {display:none; }
.ChangeCreditCardView .textHeadline { margin-bottom:0px !important; }

.AbbCompleted { text-align:center; }
.AbbCompleted .abbImage { width:200px; display:block; margin:10px auto 30px auto; }

.ck-balloon-panel svg { display:inline !important; } 
.ck-balloon-panel span { display:inline !important; } 

.WritemodeControllerAi .EditorContainerTop { display:block; width: calc(62%); margin: 0 19%; background-color: #EDEAE7;  }
.WritemodeControllerAi .EditorContainerTop .saveContainer { display:none;  }
.WritemodeControllerAi .EditorBookToolbar2 { border-width:1px 0 0 0; border-color:#fafafa; padding-left:10px;  }
.WritemodeController2 .EditorBookToolbar2 .toogleChapterListLogo { display:none; }
.WritemodeControllerAi .EditorContainerBottom .ChapterListWidget2 .labelContainer .SwitchButtonIcon { right:8px; }

.WritemodeControllerAi .SettingsContentList .HorizontalDivPanel { top:5px; }
.WritemodeControllerAi .toogleChapterListLogo { width:31px; height:31px; margin:10px 0 3px 20px; display:block; float:left;  }

body .ChapterListWidgetAi .labelContainer.smallestHeadline { padding-left:15px !important; }
.ChapterListWidgetAi .VerticalDragContainer {  }

body div .ChapterListWidgetAi .labelContainer { width:100%; }
.WritemodeControllerAi .right .topPanel { margin:15px 0 0 15px; }
.WritemodeControllerAi .right .topPanel .iconFont { margin:0 10px; }

.VerticalDragContainer * { user-select: none; -webkit-user-select: none; }

.ChapterListWidget2 img.DragHandle { padding:6px 0; cursor:grab; width:20px; height:20px; border-width:0 1px 0 0; border-color:#aaa; border-style:solid; position:absolute; left:0; top:0; }

NO .ChapterListWidgetAi .labelContainer { border-radius:0 10px 10px 0 !important; }
.ChapterListWidgetAi .labelContainer { padding-left:30px !important;}
.ChapterListWidgetAi .SettingsContentList.labelContainer { padding-left:6px !important;}
.ChapterListWidgetAi .bookSubTitle { display:none; }

body .ChapterListWidgetAi .bookTitle { letter-spacing:1.3px; font-size:15px; line-height:18px; text-transform:uppercase; color: black; }

.DisabledWidget { cursor:auto; }
.DisabledWidget > * { opacity:0.5; }

.textHeadline .small { font-size:20px !important; line-height:24px !important; margin-bottom:6px !important;  }

.AbbProductPage .topImage { width:100%; }
.AbbProductPage .buyPanel { float:right; }

.ExtendedCreateUser .textHeadline { margin-bottom: 0; }
.ExtendedCreateUser .price {top:-30px; position:relative; font-size:18px; }
.ExtendedCreateUser .customerTypePanel .HorizontalDivPanel { position:relative; top:-6px; margin-bottom:18px; }

.InfoLabel .gwt-Image { top: 5px; left:7px; position:relative; }

.ShowQuickpayFrame iframe { width:100%; height:560px; max-width:600px;margin:0 auto; display:block; }
WasQuickpay.ai iframe { width:100%;  max-width:9999px; height:520px; overflow:hidden;  }

.ShowQuickpayFrame .subText { text-align:center; }
.CreateUserController .postPanel { left: -290px; position:absolute; top:19px; }
.CreateUserController .postPanel img { height:226px; }
.ExtendedCreateUser .TextFieldInputContainer { max-width:450px; left:100px;}

.injectedStyle .IndependentEditorHeader .bookstyle_quoteAuthor { margin-bottom:0; }
body .IndependentEditorHeader.mtheaderdiv { border-width:0; border-color:#CCCED1; padding-top:16px; margin:0 0 0 0;  }
body .IndependentEditorHeader .chapterName { margin:0; padding:0; }
.injectedStyle .IndependentEditorHeader .bookstyle_quoteAuthor { text-align:center; margin:0 auto;}

body .ShowQuickpayFrame .textHeadline { margin-bottom:15px; } 

.IndependentEditorHeader input { border-style:none; width:100%; text-align:center; }

/* Oh fuck, these should be calculated */
.IndependentEditorHeader .chapterPicture { display:block; border-style:none; margin:0px auto 20px auto; }

.EditorQuiteMode .EditorContainerBottom .left * { display:none;  }
.EditorQuiteMode .EditorBookToolbar2 { display:none;  }
.EditorQuiteMode .EditorContainerTopFiller { display:none;  }
.EditorQuiteMode .EditorContainerTop { display:none;  }
.EditorQuiteMode .newDesignTop { top: -52px;  }
.EditorQuiteMode .WritemodeController2 { position:relative; top:-160px; }
.EditorQuiteMode .previewPanelButtonContainer { display:none;  }
.EditorQuiteMode .BookDataMenu { display:none;  }
.EditorQuiteMode .EditorContainerBottom .right { width:17%;  }
.EditorQuiteMode .ChatGptInterface { display:block; width:calc(100% - 70px); }
.EditorQuiteMode .downloadButtonPanel { display:none;  }
.EditorQuiteMode .aa { display:none;  }

.ChatGptInterface .reply { text-align:left; }

.ChatGptInterface .gwt-HTML { margin:16px 10px 0 10px; border-width:1px; border-color:#ACAEAD; font-size:12px; line-height:14px; border-color: #ACAEAD; border-radius:6px; }
.ChatGptInterface .aielement { position:relative; margin-left:12px; min-height:40px; padding:8px 8px 8px 26px !important; background-image: url('/images/dragHandle.svg'); background-position: 0 50%; background-repeat: no-repeat; background-size: 26px; background-color: #FAEFC2; }
.ChatGptInterface .aielement.chat { background-color: #FFF5F6; }

.ChatGptInterface .aielement.chat.error { background-color: #e33; color:white; }

.ChatGptInterface .aielement.test1 { background-image:none;}

.ChatGptInterface .question { position: relative; left: 8px; padding: 8px !important; background-color: #F6F6FE; }

.ChatGptInterface .loading { opacity:0.6; cursor:wait;  } 
.ChatGptInterface .loading * { cursor:wait; } 
.ChatGptInterface .aielement:before { 
	background-image: url('/images/spinner24.png');
	background-size: 24px 24px;
    content: "";
    width: 24px;
    height: 24px;
    top: -14px;
    left: -13px;
    position: absolute;
    display: inline-block;
}
.ChatGptInterface .loading:before { animation: rotation 1s; animation-timing-function: linear; animation-iteration-count: infinite; } 


.EditorContainerBottom > .right > .ChatGptInterface { display:none; }

.previewPanelButtonContainer { width:300px; }

.companyInfoOnly .gwt-Label { position:relative; left:-61	px; }

.ChatGptInterface { margin-left:10px; overflow-x:visible; overflow-y: auto; position:relative; text-align:center; height: calc(100vh - 96px); }

.CircleEditor .circleContainer { position:relative; width:100%; height:100%; min-height:600px; }
.CircleEditor .circleContainer .circle { background-color:#aaa; position:absolute; width:20px; height:20px; border-radius:10px; }


.ChatGptInterface h1, .ChatGptInterface h2, .ChatGptInterface h3 .ChatGptInterface h4 { font-size:14px; line-height: 16px; }


.EditorContainerBottom .contentPanel .textHeadline { font-size:16px; line-height:18px; }
.ChatGptInterface textarea { height:38px; resize: none; overflow:hidden; width:calc(100% - 20px); margin:0 auto !important; 
padding: 10px 40px 10px 10px; border-radius:12px; min-height:1px; }

.HubSingleProjectView .pinLabel { font-size:11px; float:left;}
 .HubSingleProjectView .middle .SwitchButton { float:left; margin:0 5px 0 0 !important; position:relaive; top:5px !important; }

.ChapterListWidgetAi .Slider { margin-right:12px; }

.CustomCoverCreatorSection .gwt-Image { position:absolute; }
/*.CustomCoverCreatorSection */
 .scalingBorder { width:6px; background-color:blue; position:absolute; min-height:40px; z-index:999999; cursor:pointer; }

NO #chapterNumber { display:none; }

.ReorderChaptersPopup .labelsContainer { -webkit-user-select: none; -ms-user-select: none; user-select: none; } 
.ReorderChaptersPopup .labelsContainer * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } 

.HistoryViewPopup { height: 80vh; width:80vw; padding-left:0 !important; }
.HistoryViewPopup >div,.HistoryViewPopup >div >div, .HistoryViewPopup >div >div >div { height:100%; }
.HistoryViewPopup .selected { color: #ed7527; }

.HistoryViewPopup .timeSelectorContainer { font-size:10px; line-height:13px; height:100%;  }
.HistoryViewPopup .timeSelectorDay { overflow:auto; float:left; width:95px; padding:4px 4px 4px 20px; border-width:1px 1px 1px 0; height:100%; border-color: #E6E6E6; }
.HistoryViewPopup .timeSelectorHour { overflow:auto; float:left; width:95px; padding:4px 4px 4px 20px; border-width: 1px 1px 1px 0; height:100%; border-color: #E6E6E6; border-radius: 0 8px 8px 0; }
.HistoryViewPopup .timeSelectorHour .iconLabel2 { padding: 7px 0; }
.HistoryViewPopup .timeSelectorHour .gwt-InlineLabel { position:relative; top:-6px; }
.HistoryViewPopup .gwt-HTML { width:calc(100% - 210px); height:calc(100% - 42px); float:left; border-color: red; border-width:1px; border-style: dashed; padding:10px;overflow:auto; }
.HistoryViewPopup .timeSelectorContainer { width:210px; float:left;}
.HistoryViewPopup .stdButtonPanel { width: calc(100% - 210px); float:right; position:relative; top:-30px; }
.HistoryViewPopup .stdButtonPanel .NewstyleButton.orange { float:right; }

.HistoryViewPopup .day { margin: 4px 0; }
.HistoryViewPopup .dayName { font-weight: bold; }

.HistoryViewPopup .gwt-HTML img { max-width: 100%; min-width: 100%; max-height: 250px; }
.HistoryViewPopup .gwt-HTML .fig { margin: 1em auto; display:table; text-align:center; }
.HistoryViewPopup .gwt-HTML .normalTable td { border: 1px solid #bfbfbf; min-width: 2em; padding: 0.4em; }

.EndnotesExpandedMenu input { width:28px; float:right; height:22px; font-size:11px; padding:0px 4px; margin:0 10px 0 0;  }
.LitExpandedMenu input { width:28px; float:right; height:22px; font-size:11px; padding:0px 4px; margin:0 4px;  }




.EndnotesExpandedMenu .HorizontalDivPanel { min-height:26px; }

.EditorBookToolbar2 .saveButtonContainer { display:inline-block; }  
.saveContainer .toggleLeftMenu { display:none; }
.saveContainer .toggleRightMenu { display:none; }

#chapterNumber * { pointer-events: none; }
#chapterNumber { pointer-events: none; }
#chapterPicture * { pointer-events: none; }

.ExternalRoyaltyViewForProduct .inputFields .NewstyleButton.orange { display:inline-block; } 

.CustomCoverCreatorSection .previewArea { border-width:1px; border-color:black; position:relative; }
.CustomCoverCreatorSection .previewArea .spineDivider { width:1px; border-style: dashed; border-width:1px; height:100%; position:absolute;top:-1px;  }
.CustomCoverCreatorSection .previewArea .selected { border-width:1px; border-style:dashed; border-color:#a22;  }
.CustomCoverCreatorSection .previewArea .DraggableImage.selected { transform: translate(-4px,0); }
.CustomCoverCreatorSection .previewArea .DraggableText.selected { transform: translate(-1px,1px); }


.DraggableThing *,.DraggableThing { box-sizing: content-box !important;  }

.rotated .page > div { margin-left: 0 !important; }
.rotated .page > div >div { rotate: 90deg; height:0; line-height:1px; width:0 !important; }

.selected.rotated { border-width:0 !important; }

.rotated .asText  {  padding:6px 0; align-items: flex-end; display: flex; line-height:0.5; }
.selected.rotated .asText { border-color: #a22; border-width:1px; border-style:dashed;  }




body .showBelow.DraggableThing .buttonPanel { top:15px; }

NO .rotated .asText  { rotate: 90deg; line-height:1px; }
NO .rotated .asText { max-width:1px; }

.DraggableText .buttonPanel { min-width: 146px; }

/*
NO .CustomCoverCreatorSection .previewArea .selected > .gwt-HTML { left:-2px; top:-2px; position:relative; }
.CustomCoverCreatorSection .MiniCkEditor { position:absolute; width:50%; }
*/
.CustomCoverCreatorSection .ckeditorContainer { position:absolute; width:50%; }
.CustomCoverCreatorSection .MiniCkEditor .ck-editor__editable_inline { height:300px; } 
.CustomCoverCreatorSection .EditorBookToolbar { height:36px; } 
.CustomCoverCreatorSection .ckeditorContainer { background-color: #fff; border-width:1px; padding:0px 0; position:relative; top:20px; left:20px; box-shadow: 5px 5px 6px -3px rgba(83,88,95,1);  padding-bottom:12px; } 

.CustomCoverCreatorSection .ckeditorContainer .MiniEditorToolbar { margin-top:0; border-width:0 0 1px 0;}
.CustomCoverCreatorSection .ckeditorContainer .MiniCkEditor .ck-editor__main { border-width:0 0 1px 0; }

.ai .ckeditorContainer ol, .ai .ckeditorContainer ul { padding-inline-start: 46px; }


.EditExternalRoyaltyRecipient input { width:100%; }
.EditExternalRoyaltyRecipient .stdButtonPanel { margin-top:8px; }
.EditExternalRoyaltyRecipient .gwt-Label { margin: 6px 0 2px 0; }
.EditExternalRoyaltyRecipient .hidden { height:0;} 

.previewArea .spacer {display:inline-block; position:relative; }

.Or { margin: 10px 0; }

.DraggableThing { position:absolute; }
.DraggableThing .buttonPanel { font-size:20px; border-width:1px; border-color:#777; position:absolute; top:-42px; line-height:30px; background-color:#eee; color:cursor; padding: 2px 5px 0 5px; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); }


.DraggableThing .buttonPanel * { user-select: none; -webkit-user-select: none; }
.DraggableThing .buttonPanel span { color: #222 !important; }
.DraggableThing .buttonPanel span:hover { color: #000 !important; font-weight:bold; }

.DraggableImage.selected img {  border-width:2px; border-style:dotted; border-color:red; }
.DraggableImage.selected img {  position:relative; left:2px; top:-2px;  }

.DraggableImage { height:0; }

body .DraggableThing.DraggableImage .buttonPanel { width:120px;  position:absolute;  top:-40px; z-index:99}

.CustomCoverCreatorSection .previewArea .DraggableImage.selected { border-style:none !important; z-index:90; opacity:0.8; }


.PublisherSalesController .header .subTitle { position:relative; top:-8px;}

.TitleChannelSale { max-width:800px; margin:0 auto; }
.TitleChannelSale .channel { width: calc(100% - 50px); display:inline-block; }
.TitleChannelSale .numSales { width:50px; display:inline-block; }

.GenericMenu .gwt-InlineLabel { margin-right:30px; }

.TooltipPopup { top:-99999px;  }
.TooltipPopup h1 { font-size:18px; line-height:22px; margin-top:6px; }

.MultiCurrencyInput { position:relative; }
.MultiCurrencyInput .lockLabel { position: absolute; left: 150px;  top: 30px; font-size: 50px;  z-index:999 }
.MultiCurrencyInput .lockLabelInfo { position: absolute; left: 150px;  top: 70px; z-index:999; max-width:300px; }


.MultiCurrencyInput .HorizontalDivPanel { margin:6px 0 6px 10px; }
.MultiCurrencyInput .HorizontalDivPanel .gwt-Label { margin-left:10px; display:inline-block; }

.ReorderChaptersPopup { position:fixed !important; top:10vh !important; }
.ReorderChaptersPopup.ChapterListWidget2 { width:500px; }
.ReorderChaptersPopup.ChapterListWidget2 .inner { height:auto; max-height:75vh; NOmargin-bottom:14px; }
.ReorderChaptersPopup .labelsContainer { padding-bottom:15px;  } 
.StdWriter2Minimal .Bottom { display:none; }

.ShowPublisherAbbPayments table { margin:0 auto; width:95%; max-width:900px; }
.ShowPublisherAbbPayments table .header { font-weight:bold; text-align:left; }

.EddieHelpView { width:400px; position:fixed; right:50px; bottom:20px; z-index:99; border-style:Solid; border-width:3px; border-color:#ed7527;  } 
.EddieHelpView.center {  left: calc(50% - 300px); width:600px; bottom:200px; }

.EddieHelpView .helpTextContainer { background-color: #7f9f54; color: white; padding:20px; }
.EddieHelpView .helpTextTask { background-color: #3a818a; color: white; padding:20px; }

.helpTextContainer { position:relative; NOtop:100px; }


.EditChatGptPrompt { position:fixed !important; top:20px !important; }
.EditChatGptPrompt  .forBookCategories .gwt-CheckBox { width:33%; float:left;  }
.EditChatGptPrompt textarea { width:100%; height:4em; }

.MtInternalLinkDialog .subHeadline { margin-top:11px; }
.MtInternalLinkDialog .stdButtonPanel { margin-top:11px; }

.mobileSearchBar { display:none; }

.OnboardHighlight { border-color:#3a818a !important; border-style:dashed !important; border-width:3px !important;  }
.OnboardHighlight.SwitchButtonIcon { padding-left:6px; padding-right:6px; border-color:#3a818a; }

.FixedLayoutView { position:fixed; width:100%; background-color:white; z-index:99999; top:0; height: calc(100vh - 0px); text-align: justify;  }
.FixedLayoutView .pageView { position:absolute; min-height:0; }
.FixedLayoutView .pageView .page { position:relative; NONtop: -45px; }
.FixedLayoutView .pageView img { position:absolute; }
.FixedLayoutView .rectangle { position:absolute; }
.FixedLayoutView sup { position: absolute;  top: -5px; }
.FixedLayoutView .navigationBar .gwt-ListBox { padding:3px; }

.FixedLayoutView .navigationBar .small { float:right; position:relative; top:7px; left:-20px;}

.FixedLayoutView .left { border-width:0 1px 1px 1px; } 
.FixedLayoutView .right { border-width:0 1px 1px 1px; } 
.FixedLayoutView .spacer { display:inline-block; position:relative; }
.FixedLayoutView .pageView .page > div { position:absolute;  text-align:justify; }
.FixedLayoutView .pageView div p {text-align: justify; position:relative; }
.FixedLayoutView .navigationBar { padding:4px 0; height:42px; border-style:solid; border-width:0 0 1px 0; text-align:center; background-color: #f2f2f2; } 
.FixedLayoutView .navigationBar .center { display:inline-block; position:relative; left:28px; top:6px; }
.FixedLayoutView .navigationBar .center .arrow { margin:0 20px; height:20px; }
.FixedLayoutView .navigationBar .closeIcon { float:right; margin:6px 36px 0 0; height:24px; }
.FixedLayoutView .navigationBar .rightButtonBar { position: absolute; right: 150px; top:10px; }
.FixedLayoutView .navigationBar .rightButtonBar .iconLabel2 { border-color: #cacaca; display:inline-block; padding:1px 0; margin:0 4px; width:75px; text-align:center; border-width:1px; border-radius:6px; font-size:12px; background-color:white; }
.FixedLayoutView .navigationBar .rightButtonBar .iconLabel2 .iconFont { font-size:16px; position:relative; left:8px; float:left;}
.FixedLayoutView .navigationBar .rightButtonBar .online .iconFont { font-size:12px; }
.FixedLayoutView .navigationBar .NewstyleButton { margin:0 10px;  }

.ManageAssociatedPicturesWidget { margin-top:20px; font-size:16px; line-height:20px; }
.ManageAssociatedPicturesWidget .pictureBox { float:left; border-style:block; margin:10px 30px;}

.EditAuthorProfilePopup { width:600px; }
.EditAuthorProfilePopup  .CkEditorMini { margin:12px 0 };
body .ck-widget__type-around svg { display:block !important; background-image: url('https://spintype.com/frontpage/wp-content/uploads/2022/04/1Wheel-SpintypeIIb@4x.png') }

.figureContainer .caption { font-size:12px; }

.ck-editor__editable_inline { border-style:none !important; box-shadow: none !important; }

.LicenseAndBilling { max-width: 700px; margin:0 auto; }
.LicenseAndBilling .creditCardBox { margin:0 auto; }
.LicenseAndBilling .creditCardPanel { min-height: 75px; }

.UserProfile .TextFieldInputContainer { max-width:700px; margin:0 auto;}
.UserProfile .deleteUser { float:right; margin-left:50px;}

.LicenseAndBilling .changeCreditcardButton { margin-top:10px; }
.LicenseAndBilling .subscriptionView { margin:0 auto; }
.LicenseAndBilling .abbContainer { border-width:0 0 1px 0; padding:0 0 30px 0; margin-bottom:20px; }
.LicenseAndBilling .NewstyleButton { float:right; margin-left:20px;}
.LicenseAndBilling .abbContainer .stopSubscription { float:right; } 
.LicenseAndBilling .creditCardBox .NewstyleButton { position:relative; top: 0px; }
.LicenseAndBilling .creditCardPanel {  margin: 0 auto;}

.LicenseAndBilling .subscriptionView { margin-top:30px; }
.LicenseAndBilling .creditCardPanel { margin-top:15px; }
.LicenseAndBilling .creditCardPanel .NewstyleButton { float:right;  top:-90px;  }


.SetColumnWidthsPopup table { width:100%; }
.SetColumnWidthsPopup table .InfoLabel { width:140px; }
.SetColumnWidthsPopup .gwt-TextBox { width:70px; } 
.SetColumnWidthsPopup table .content { max-height:200px; overflow:hidden; }
.SetColumnWidthsPopup table td { border-style:solid; border-width:1px; padding:4px 8px; border-color: #E0E0E0;}
.SetColumnWidthsPopup .tableLabelWidth { margin: 14px 0 2px 0; }
.SetColumnWidthsPopup .HorizontalDivPanel { margin:0 0 12px 0;}
.SetColumnWidthsPopup .HorizontalDivPanel input { margin-right:4px; }

.labelContainer.flowtextContent.selected { background-color:white; font-weight:400; }

.nightmode .ReaderOuterContainer .SinglePaperPage { background-color: #363636; color:#bbb; }

.AbbProductPage .buyPanel { margin:58px 0 0 12px; padding:2px 6px 2px 0; width:250px; }
.AbbProductPage .SinglePaperPage .textHeadline { margin-bottom:10px; }
.AbbProductPage .SinglePaperPage td { border-width:1px; border-style:solid; padding:5px; }

.flagBox .cart { display:inline; }
.flagBox .cart > a .iconFont { font-size:24px; position:relative; top:-2px; left:-15px; }

.numProductsInCart { position:absolute; color: white; background-color: #ed7527; 
border-radius:12px; width:24px; height:24px; z-index:9998; left:0px; top:-3px; font-weight:bold; font-size:16px;}
.numProductsInCart span { position:relative; top:-8px; left:6px; }

.AboutEddie .tryPanel { padding: 60px 0 20px 0 }
.AboutEddie .tryPanel > div { float:left; width:50%; text-align:center; }
.AboutEddie .tryPanel img {  }
.AboutEddie .SinglePaperPage >img { margin:0 auto; display:block; } 

* { outline: #5f5f5f; }

h1 { font-size:22px; line-height:24px; }
h2 { font-size:18px; line-height:20px; }
h3 { font-size:16px; line-height:18px; }

table { border-collapse: collapse; }

.MiniCart { text-align:center; }
.MiniCartTable { font-size:10px; text-align:left; }

.newPreviewPanel .cursorContainer .iconFont { font-size:40px;  } 
.newPreviewPanel .cursorContainer.prevContainer .iconFont { float:left; position:relative; top:230px; } 
.newPreviewPanel .cursorContainer.nextContainer .iconFont { float:right; position:absolute; right:200px; top:250px; } 
.ProductPage .author { color: #ed7527; letter-spacing:1.5px; }
.ProductPage .bookSnippet { font-style:italic; font-family:"Georgia"; margin: 10px 40px 10px 16px; font-size:18px; }
.ProductPage .bookSource { text-transform:uppercase; font-family:"Roboto Condensed"; margin: 10px 40px 0px 16px; font-size:14px; line-height:16px; color: #afafaf;  }
.ProductPage .bookSourceTitle { font-family:"Roboto Condensed"; font-size:14px; line-height:16px; color: #afafaf; margin-bottom:10px; }
.ProductPage .buyPanel { margin: 0 0px 20px 0; }
.ProductPage .socialShare { text-align:center; }
.ProductPage .socialShare img { height:32px; margin:10px 10px; cursor:pointer; }
.ProductPage .socialShare img.shareOnTwitter { height:26px; }
.ProductPage .bookTitle { font-weight:450; line-height:120%; }
.ProductPage .shareOnTwitter { height:26px; }

.ProductPage #productCoverImage2 { width: 236px; margin-right: 24px;  box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); }
.ProductPage { width:100%; max-width:1500px; margin:0 auto; left: 12px; position:relative;}
.ProductPage > div { min-height:100px; float:left; }
.ProductPage > div > div { min-height:100px; float:left;  }
.ProductPage .left { width:250px; margin-right:12px; }
.ProductPage .left .SinglePaperPage { width:250px; min-width:250px; } 
.ProductPage .left img { width:80%; display:block;  }
.ProductPage .left .NewstyleButton { margin:0; position:relative; top: 8px; display:inline-block;}

.ProductPage .aboutAuthor { color: #ed7527; margin-bottom:15px; text-transform:uppercase; letter-spacing:1.3px; }
.ProductPage .center { width:calc(100% - 550px); } 
.ProductPage .right { width:250px; min-width:250px; margin-left:12px; } 
.ProductPage .aboutAuthorText { max-height:100px; overflow:hidden; font-size:13px; line-height: 17px; margin:10px 0px; }

.cartHeadline { margin-bottom:15px; text-transform:uppercase; letter-spacing:1.3px; }

.ProductPage .previewButtonContainer { position:relative; left:-12px; background-color: #efeded; margin:10px 0; padding-bottom:20px; display:inline-block; background-color:white; border-color: #9f9f9f; border-width:1px; border-radius:8px; width:200px; }
.previewButtonContainer .NewstyleButton { width:140px}
.previewButtonContainer .topText { margin:8px; }

.ProductPage .topText { font-size:12px; position:relative; top:5px;}
.ProductPage .aboutAuthorButtonContainer { text-align:center; }
.ProductPage .centerLeft { width:260px; text-align:center; }
.ProductPage .centerCenter { width:calc(100% - 480px);  }
.ProductPage .centerRight { width:220px; text-align:right;}
.ProductPage .centerRight .buyPanel:first-child .NewstyleButton { background-color: #ed7527; color: white !important; border-style:none; }

.ProductPage .centerRight .buyPanel .NewstyleButton { min-width: 80%; }

.ProductPage .HorizontalDivPanel .gwt-Label { width:40%;  display:inline-block; }
.ProductPage .bookInfo { text-align:left; margin-left:40px; }
.ProductPage .bookInfo .HorizontalDivPanel span:first-child { font-family: "Roboto condensed";  }

.MyAccountTopBar { background-color: #F2D8BF; }
.MyAccountTopBar .rightContainer { float:right; margin-right:24px; position: relative; top: 6px; }
.MyAccountTopBar .rightContainer img { padding: 0 8px; }
.MyAccountTopBar .center img { height:23px; }

.ReaderTopBar .rightContainer { float:right; margin-right:24px; position: relative; top: 6px; }
.ReaderTopBar .rightContainer img { padding: 0 8px; }

body .IsSpintypeAi .ChapterListWidget2 .labelContainer { position: relative; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-width: 0; background-color:#fff;}

.ChapterListWidgetAi .fixedBottom .labelContainer { } 

h1.textHeadline { font-weight: 400 };

/* WHY?? not h1,h2,h3 here */

FIXME .showingWidget .panel .gwt-Label { border-color: #ed7527 !important; }

.NotUsed { display:none; }
.TopFilterShow { display:none; }

input :selection { border-color:red; }
input :focus { border-color:red; }

.ReaderOuterContainer .chapterListContainer { float:left; width:17%; }
.ReaderOuterContainer .sectionReaderParent { float:left; width:64%; left: 17%; position:relative;}
.ReaderOuterContainer .userCommentPanel { NOfloat:Left; width: 17%; right:0; position:absolute;}

.ReaderOuterContainer .chapterLine { display:none; height:44px; line-height:44px; background-color:#53585f; text-align:center; color:white; }
.ReaderOuterContainer .chapterLine .gwt-InlineLabel { margin-left:12px; position:relative; top:-4px; }

.ReaderOuterContainer .chapterLine .burgerMenu { display:inline-block; }
.FlowtextScrollReader .embededVideo { width: 700px; height:394px; margin:20px auto; display:block; }
.BookCkEditor2 .media { width: 700px; height:394px; }
.BookCkEditor2 li p { padding:0 !important;}

.librisTopImage { max-width:100%; }

.ncffRemoveSides .row2 { display:none; }
.ncffRemoveSides .grid13 { display:none }
.ncffRemoveSides .grid33 { display:none }
.ncffRemoveSides .col2 { margin: 0 auto; background-color:inherit;border-style:none; box-shadow:none;  }
.ncffRemoveSides .CreateBookView .radioButtonContainer { width:250px; margin:0 auto; text-align:left; }
.ncffRemoveSides .CreateBookView .radioButtonContainer .gwt-RadioButton { width:300px; margin:5px auto; }
.ncffRemoveSides .CreateBookView .gwt-TextBox { margin-bottom:25px; }

.SpintypeLogoNs { margin-right:8px; }
.SpintypeLogoNs, .SpintypeNameNs { height:30px; }

.BookDataMenuGroup .panel .gwt-Image { height:32px; max-width:32px; } 
.BookDataMenuGroup.show > .header { padding:0; margin:0 !important; overflow:hidden !important; }
.BookDataMenuGroup.show > .icon { display:none; } 

.BookDataMenuGroup .panel.selected .gwt-Label { color: #ed7527; border-color: #ed7527; }

/** Safari test */
/*
.BookCkEditor2 { font-size:18px; line-height:26px; }
*/
.BookCkEditor2 { font-size:18px; line-height:26px; font-family: 'Open Sans' }
.BookCkEditor2 * { NOfont-size:18px; line-height:130%; }
.IsHome .BookCkEditor2 p { overflow: hidden; } 

.ck-editor__editable { overflow:hidden !important; }

.BookCkEditor2 td { min-width: 40px; width:auto;  }
.BookCkEditor2 figure { padding-left: 0; padding-right:0; margin-left:0; margin-right:0; }
/*
	background-image: red url('https://spintype.com/images/spintypeLogoBlack.svg') no-repeat 30px 30px fixed; 
*/

.showAiContentHighlight .BookCkEditor *[aisource] { border-width:0 0 0 3px; position:relative; left:10px; }
body .showAiContentHighlight .BookCkEditor p[aisource] { position:relative; left:-8px; }

body .showAiContentHighlight .BookCkEditor li p[aisource] { position:relative; left:-30px; }
li:not(:first-child) p::before { background-image:none !important; }



.SelectLanguagePopup .HorizontalDivPanel { margin:6px 0; }

.AiEditorFixedBottom .languageIcon, .AiEditorFixedBottom .languageIconLabel { float:right; margin-right:10px; }

.showAiContentHighlight .BookCkEditor li *[aisource]::before {height:60%; }

body .showAiContentHighlight li[aisource] { left:0px; border-style:none; }

body .showAiContentHighlight div li[aisource]::after {
  content: '';
  display: block;
  position:absolute;
  left:-48px;
  top:6px;
  width: 1px;
  height: 110%;
  background-color: #aaa;
}

.hideAiContentHighlight *[aisource] { border-width:0 !important; }
.hideAiContentHighlight *[aisource]::before { display:none !important;width:0 !important;  }
.hideAiContentHighlight *[aisource]::after { display:none !important; width:0 !important; }
.hideAiContentHighlight p[aisource] { border-style:none !important; }
.showAiContentHighlight .BookCkEditor li[aisource]:before {  left:-76px; top:-14px; }
.showAiContentHighlight .BookCkEditor *[aisource=] + ul > li:before  { background-image: none; }

.showAiContentHighlight .BookCkEditor ol { margin-left:6px; }
.showAiContentHighlight .BookCkEditor ul { margin-left:6px; }

NO .ChapterProjectExpandedMenu .Slider input { float:right;}
NO .ChapterProjectExpandedMenu .Slider .slider { float:none; ; margin-left:12px; }



/*
	background-image: url('https://spintype.com/images/spintypeLogoBlack.svg');
*/
.showAiContentHighlight .BookCkEditor *[aisource]:before { 
	background-image: url('/images/spinner18.png');
	background-image: image-set( url('/images/spinner18.png') x1, url('/images/spinner36.png') x2 );
	background-size: 18px 18px;
    content: "";
    width: 18px;
    height: 100%;
    left: -28px;
    position: absolute;
    display: inline-block;
	background-repeat: no-repeat;
  	background-position-y: center;
}

.showAiContentHighlight .BookCkEditor *[aisource] { 
	border-width:0 0 0 1px; border-style:solid; border-color:#aaa; padding-left:8px !important;  
}
.showAiContentHighlight .BookCkEditor li *[aisource] { padding-left:30px !important; }  




.BookCkEditor2 figure[hideborder="true"] table { border-style:none;  }
.BookCkEditor2 figure[hideborder="true"] table td { border-style:dashed;  }

.BookCkEditor2 table { border-width: 1px; border-spacing: 0; border-collapse: collapse; margin-top:20px; margin-bottom:20px; }

.NewDesignRow2 { top:55px !important;  }
.NewDesignRow2 * { border-radius:0 !important; }
.NewDesignRow3 { padding-top:65px !important; }

.tmpContainer .BookDataMenu { top:71px; right:0; left:auto;  }

.ModeswitchController .ShopTopBar div div a:first-child { top:0; }

.SinglePaperPage.ShowCollection { background-color:transparent !important; box-shadow: none; }

.titleAuthorPanel .NewstyleButton.white { text-align:center;}
.titleAuthorPanel .NewstyleButton.gray { text-align:center;}

.TopLoginButton { float:right; position:relative; top:8px; }
.newDesignTop { font-size:14px; background-color: #D8D3CC; height:52px; width:100%; position:fixed; z-index:99999; text-align:center; color:#3d1e0c; line-height:39px; top:0; left:0; }
.newDesignTop img { height:30px; }
.newDesignTop .logoBox { font-size: 18px;  font-weight:600; text-transform:uppercase;  }
.newDesignTop .gwt-InlineLabel { position:relative; top:-9px;  }
.newDesignTop .themeIcon { height: 25px; margin:0 3px 0 30px; position:relative; top:-1px; }
.newDesignTop .imageContainerBox { width:60px; text-align:right; display:inline-block; border-style:none; }
.newDesignTop .flagBox { right:30px; top:9px; position:absolute; } 
.newDesignTop .flagBox img { margin:0 6px; } 
.newDesignTop .menuBar { height:52px;   text-align: left; margin-left: 190px; margin-right:180px; }
.newDesignTop .menuBox { font-weight:700; display:inline-block; padding:16px 0 16px 0; color: #3d1e0c;  }
.newDesignTop .menuBox.selected { font-size:14px; }

.newDesignTop .burgerMenu { display:none; }
.newDesignTop .logoBox { position: absolute; left:30px; top:13px;}
.newDesignTop .gwt-InlineLabel { margin: 0 8px; }

.newDesignTop .colorBar { height:7px; }
.newDesignTop .colorBar div { width:20%; float:left; height:7px; }
.newDesignTop .colorBar .p1 { background-color: #7f9f54; }
.newDesignTop .colorBar .p2 { background-color: #3a818a; }
.newDesignTop .colorBar .p3 { background-color: #b19973; }
.newDesignTop .colorBar .p4 { background-color: #ed7527; }
.newDesignTop .colorBar .p5 { background-color: #e07139; }

.LoginController .barContainer { display:none; }

.newDesignTopFiller { height:52px; }

.defaultTop_reader .selected .gwt-InlineLabel { color: #B19973; }
.defaultTop_logIn .selected .gwt-InlineLabel { color: #E07139 }
.defaultTop_profileSettings .selected .gwt-InlineLabel { color: #E07139 }

.defaultTop_myWorks .selected .gwt-InlineLabel { color: #7F9F54; }
.defaultTop_eddie .selected .gwt-InlineLabel { color: #3A818A }

.MyAccountTopBar { color: #D9A489; }
.MyAccountTopBar .selected { color: #E07139;  }

/* Top: 640px if help is enabled */ 
.EditorContainerBottom .downloadButtonPanel { position:absolute; top: 565px; width:100%; left:4px; }
.EditorContainerBottom .downloadButtonPanel img { width:45px; }
.EditorContainerBottom .downloadButtonPanel .HoverImageActive { margin-top: 6px; }
.EditorContainerBottom .downloadButtonPanel .contextMenuPanel { top:-180px; }
.EditorContainerBottom .downloadButtonPanel .contextMenuPanel .arrow-up-magic { display:none; }

.EditorContainerBottom .downloadButtonPanel .half { width:50%; float:left; text-align:center; cursor:pointer; }

.inlineBlock { display:inline-block; }

/* Here for now. Move when sure where */
.BookDataMenu .BookMenuDesign.show {  width:360px; left: -360px; }

.BookDataMenu .BookMenuShareBook.show { width:360px; height:170px; left:-360px; }
.BookDataMenu .BookMenuBodyText.show { height:600px; width:360px;  }
.BookDataMenu .BookMenuListSettings.show { height:470px; }
.BookDataMenu .BookMenuHeadlineSettings.show { height:600px; }
.BookDataMenu .BookMenuBlockquoteSettings.show { height:270px; }
.BookDataMenu .BookMenuQuoteSettings.show { height:520px; }
.BookDataMenu .BookMenuFrameSettings.show { height:600px; }
.BookDataMenu .BookMenuTableSettings.show { height:400px; }
.BookDataMenu .BookMenuEndnoteSettings.show { height:110px; }

.BookDataMenu .BookMenuCustomCoverCreator.show { height:800px; left:-950px; width:950px;  }

.BookDataMenu .BookMenuMargins.show { width:380px; left:-380px; height:400px; }
.BookDataMenu .BookMenuChapterHead.show { width: 450px; height:410px; left:-450px;}
.BookDataMenu .BookMenuPageHeader.show { width: 450px; height:474px; left:-450px;}
.BookDataMenu .BookMenuPageHeader .inner2 > .InfoLabel { margin:8px 0 0 0; position:relative; top:8px; }

.BookDataMenu .BookMenuPagination.show { width:380px; height:180px; left:-380px; }
.BookDataMenu .BookMenuTitle.show { width:380px; height: 268px; left:-380px; }
.BookDataMenu .BookMenuAuthors.show { width: 440px; height:400px; left:-440px; }
.BookDataMenu .BookMenuUploadFiles.show { width: 700px; height:600px; left:-700px; }
.BookDataMenu .BookMenuExternalVideo.show { width:800px; height:600px;left:-800px; }
.BookDataMenu .BookMenuPublishDate.show { width:300px; height:450px; left:-300px; }
.BookDataMenu .BookMenuLaunch.show { width:300px; height:300px; left:-300px; }
.BookDataMenu .BookMenuDescription.show { width:850px; height:calc(100vh - 139px); left:-850px; }
.BookDataMenu .BookMenuShareWriteAccess.show { width:600px; left:-600px; height:422px; }
.BookDataMenu .BookMenuCoverCreator.show { width:420px; height:550px; left:-420px;}
.BookDataMenu .BookMenuCoverCreatorNcff.show { width:500px; height:500px; left:-500px;}
.BookDataMenu .BookMenuIsbn.show { width:500px; height:340px; left:-500px; }
.BookDataMenu .BookMenuThemaCode.show { width:770px; height:650px; left:-770px; }
.BookDataMenu .BookMenuPreview.show { width:400px; height:355px; left:-400px; }
.BookDataMenu .BookMenuLanguage.show { width:400px; height:200px; left:-400px;}
.BookDataMenu .BookMenuLicense.show { width:500px; height:220px; left:-500px; }
.BookDataMenu .BookMenuDigital.show { width:700px; height:460px; left:-700px; }
.BookDataMenu .BookMenuShowFootnotes.show { width:850px; height: 600px; left: -850px; }
.BookDataMenu .BookMenuVouchers.show { width:600px; height:600px; left:-600px; }
.BookDataMenu .BookMenuShowFootnotes table { width:100%;border-style:none; }
.BookDataMenu .BookMenuShowFootnotes td { border-style:solid; border-width:1px; padding:4px 8px; }
.BookDataMenu .BookMenuPrint.show { width:600px; height:600px; left:-600px; }

.BookDataMenu .BookMenuAttachedExternalLinks.show { width:600px; height:600px; left:-600px; }

.BookDataMenu .BookMenuLicense.large.show { width:600px; height:500px; left:-600px; }
.BookDataMenu .BookMenuLicense.show .SelectLicenseView { display:none; }
.BookDataMenu .BookMenuLicense.large.show .SelectLicenseView { display:block; }


.BookMenuPreview .gwt-RadioButton { display:block; }

.BookDataMenu .isbnSelector .InfoLabel { margin: 0.5em 0; }

.ThemaSelectorPopup.ThemaSelectorController { height:auto; }

.BookDataMenu .BookMenuShareWriteAccess.show .gwt-CheckBox input { width: auto;  }
.BookDataMenu .BookMenuShareWriteAccess.show .gwt-CheckBox { display:block;  }
.BookDataMenu .BookMenuShareWriteAccess .NewstyleButton.orange { margin:10px 0 0 0; }

.BookMenuShareWriteAccess .sharedWithContainer { clear:both; padding-top:20px; }
.BookMenuShareWriteAccess .sharedWithContainer .iconFont { padding:8px 0 0 10px; }


.BookDataMenu .BookMenuDescription .short { width:50%; } 
.BookDataMenu .BookMenuDescription .short .CkEditorMini { height:180px; }
.BookDataMenu .BookMenuDescription .short .CkEditorMini .cke_contents { height: 127px !important; }

.BookDataMenu .commingSoon.show { width:100px; height:100px; left:-100px; }

.BookMenuWidget.BookMenuAuthors input { width:300px; }
.BookMenuAuthors .authorsContainer input { margin: 7px; }
.BookMenuAuthors .arrow { float:right; position:relative; top:15px; cursor:pointer; }
.BookMenuAuthors .arrow:hover { color: #ed7527; }

.BookDataMenu .gwt-DateBox { width:180px; margin:2px 0 12px 0;}
.BookDataMenu .SwitchButton { position:relative; top:2px; left:6px;}

.BookDataMenu .textHeadline { font-size:16px; text-align:left; color: #9d9d9d}

.BookMenuExternalVideo iframe { width:auto; }
.BookMenuExternalVideo .videoBox { width: 40%; margin: 30px 5%; float:left; }
.BookMenuExternalVideo input { margin: 0 0 20px 0; }

.BookMenuUploadFiles table { width:100%; border-style:solid; border-width: 1px; border-spacing: 0; border-collapse: collapse; }
.BookMenuUploadFiles td { border-style:solid; border-width: 1px; padding:3px 6px; }



.BookDataMenu form { margin-top:30px;}

.BookDataMenu .label { margin-top:10px; }

body .BookDataMenu .BookMenuBookFormat.show { width:950px; height:410px; left:-950px;  }


.BookDataMenu .splitContainer { width:400px; margin:0 200px; }
.BookDataMenu .HorizontalDivPanel .InfoLabel { position:relative; } 

.BookMenuMargins input { width:44px; float:left; border-color:#aaa; }
.BookMenuMargins .HorizontalDivPanel { min-height:40px; line-height:32px; width:180px; float:left; }
.BookMenuMargins .HorizontalDivPanel .gwt-InlineLabel { margin-left:5px; }
.BookMenuMargins .HorizontalDivPanel .InfoLabel { min-width:80px; }
.BookMenuMargins .marginPicture { float:right; width:140px; position:relative; }
.BookMenuMargins .InfoLabel { margin: 0 18px 0 0; }

.BookDataMenu .BookMenuEditColophon .InfoLabel { display:block; }

.BookDataMenu .BookMenuChapterHead .InfoLabel { display:block; }
.BookDataMenu .BookMenuChapterHead .gwt-RadioButton { margin-top:0; }

.BookDataMenu .BookMenuChapterHead input { width:53px; }

.BookDataMenu .BookMenuBookFormat .HorizontalDivPanel { width:100px; float:left; margin-left:30px;}
.BookDataMenu .BookMenuBookFormat .NewstyleButton { position:relative; top:-55px; }

.BookMenuHeadlineSettings .iconLabel,.BookMenuFrameSettings .iconLabel { text-align:center; position:relatieve; top:8px; font-size:19px; margin-top:28px; }

.BookMenuLicense .bookLicenseLabel { margin-right:15px !important; padding-bottom:10px; }

.BookDataMenu .BookMenuDesign .InfoLabel { float:none; }

.sizeSelector .InfoLabel { width:60px; }
.sizeSelector .moneyTextBox { float:left; width:60px; }

NO .BookDataMenu .BookMenuDesign.show {  width:360px; left: -360px; }
.BookMenuDesign select { width: 100%; } 
NO .BookMenuDesign .capTextLabel { margin: 15px 0 6px 0; color: #9e9e9e; font-size: 12px; }
NO .BookMenuDesign .SwitchButton { float: right; position: relative; top: 4px; }
NO .BookMenuDesign .ColorWidget { float:right; }
.BookMenuDesign .HorizontalDivPanel { min-height:25px; line-height:25px;  }
.BookMenuDesign .buttonLine div.selected { color: #ed7527; opacity: 1; }

NO .BookMenuDesign .buttonLine { margin: 0 0 18px 0; padding-top:6px;  }
NO .BookMenuDesign .buttonLine div {font-size:13px; display: inline; opacity: 0.75;   margin-right: 20px;   border-width: 1px;  border-color: #ed7527;   color: #9e9e9e; padding: 4px; }

.FlowtextSectionEditor6 .editorContainer { min-height:calc(100vh - 280px); }
.FlowtextSectionEditor6 figure figcaption { width:80% !important; display: inline-block !important; }
.FlowtextSectionEditor6 figure { padding-top:14px; text-align:center; }
.FlowtextSectionEditor6 figure table { padding-top:14px; text-align:left; }

.BookMenuAttachedExternalLinks .linkContainer a { display:block; padding:3px 0 0 0; margin:0; }
.BookMenuAttachedExternalLinks .delete { float:right; }
.BookMenuAttachedExternalLinks .edit { margin-bottom:12px; padding:3px 0 12px 0; text-decoration:underline; border-width:0 0 1px 0; border-style:solid; }

.FlowtextSectionEditor6 figure[imagealign="center"] { display:block; }
.FlowtextSectionEditor6 figure[imagealign="center"] img { min-width: 0; }

.FlowtextSectionEditor6 figure[imagealign="center"] figcaption { display: block; }

.AttachedExternalLinksPopup .TextFieldInputContainer { width:550px; }

.test { height:100px; width:100px; background-color:red;}

.FlowtextSectionEditor6.othersAboutThisBook #mtHeaderDiv,.FlowtextSectionEditor6.dedication #mtHeaderDiv,
.FlowtextSectionEditor6.aboutTheAuthor #mtHeaderDiv,.FlowtextSectionEditor6.otherBooksByTheAuthor #mtHeaderDiv { border-style:none; } 

.IsSpintypeClassic.inFlowtextSectionEditor6 { background-color:#e3e3e3; }
.EditorBookToolbar2 { min-height:42px; padding:8px 0; }
.IsSpintypeClassic .EditorBookToolbar2 { background-color: #EDEAE7; WASbackground-color:#ced7db; min-height:42px; padding:8px 0; }
.EditorBookToolbar2 .saveContainer { margin-left:24px; width:220px; position:relative; top:-8px;  float:left; font-size:9px; color: #9D9D9D; }
.EditorBookToolbar2 .saveContainer .save { position:relative; top:8px; text-transform:uppercase; max-width: 100px; }
.EditorBookToolbar2 .saveContainer .iconFont { font-size:26px; }

.EditorBookToolbar2 .leftContainer > .iconFont { position:absolute; }

.EditorBookToolbar2 .buttonGroupPanel { width:946px; margin:0 auto;}
.EditorContainerBottom .previewPanelButtonContainer { position:absolute; overflow:visible; top: -41px; left: 28px; }
.EditorBookToolbar2 .previewPanel { float:right; position:relative; }
.EditorBookToolbar2 .previewPanel .imagePanel { float:right; margin-left:10px; }
.EditorBookToolbar2 .previewPanel img { width:26px; position:relative; top:5px;  }
.EditorBookToolbar2 .contextMenuPanel.previewPanel { left:36px; top:13px; }

.EditorBookToolbar2 .group .icon  { width:24px; height:22px; margin:1px 4px; float:left; background-size: contain; background-repeat: no-repeat; }
.EditorBookToolbar2 .bold { background-image: url("/images/toolbar2/bold.svg"); }
.EditorBookToolbar2 .bold.selected, .EditorBookToolbar2 .bold:hover { background-image: url("/images/toolbar2/boldSelected.svg"); }
.EditorBookToolbar2 .italic { background-image: url("/images/toolbar2/italic.svg"); }
.EditorBookToolbar2 .italic.selected, .EditorBookToolbar2 .italic:hover { background-image: url("/images/toolbar2/italicSelected.svg"); }
.EditorBookToolbar2 .sub { background-image: url("/images/toolbar2/sub.svg"); }
.EditorBookToolbar2 .sub.selected, .EditorBookToolbar2 .sub:hover { background-image: url("/images/toolbar2/subSelected.svg"); }
.EditorBookToolbar2 .sup { background-image: url("/images/toolbar2/sup.svg"); }
.EditorBookToolbar2 .sup.selected, .EditorBookToolbar2 .sup:hover { background-image: url("/images/toolbar2/supSelected.svg"); }
.EditorBookToolbar2 .numberList { background-image: url("/images/toolbar2/numberList.svg"); }
.EditorBookToolbar2 .numberList.selected, .EditorBookToolbar2 .numberList:hover { background-image: url("/images/toolbar2/numberListSelected.svg"); }
.EditorBookToolbar2 .bulletList { background-image: url("/images/toolbar2/bulletList.svg"); }
.EditorBookToolbar2 .bulletList.selected, .EditorBookToolbar2 .bulletList:hover { background-image: url("/images/toolbar2/bulletListSelected.svg"); }
.EditorBookToolbar2 .indent { background-image: url("/images/toolbar2/indent.svg"); }
.EditorBookToolbar2 .indent.selected, .EditorBookToolbar2 .indent:hover { background-image: url("/images/toolbar2/indentSelected.svg"); }
.EditorBookToolbar2 .outdent { background-image: url("/images/toolbar2/outdent.svg"); }
.EditorBookToolbar2 .outdent.selected, .EditorBookToolbar2 .outdent:hover { background-image: url("/images/toolbar2/outdentSelected.svg"); }

.EditorBookToolbar2 .center { background-image: url("/images/toolbar2/center.svg"); }
.EditorBookToolbar2 .center.selected, .EditorBookToolbar2 .center:hover { background-image: url("/images/toolbar2/centerSelected.svg"); }
.EditorBookToolbar2 .right { background-image: url("/images/toolbar2/right.svg"); }
.EditorBookToolbar2 .right.selected, .EditorBookToolbar2 .right:hover { background-image: url("/images/toolbar2/rightSelected.svg"); }
.EditorBookToolbar2 .h1 { background-image: url("/images/toolbar2/h1.svg"); }
.EditorBookToolbar2 .h1.selected, .EditorBookToolbar2 .h1:hover { background-image: url("/images/toolbar2/h1Selected.svg"); }
.EditorBookToolbar2 .h2 { background-image: url("/images/toolbar2/h2.svg"); }
.EditorBookToolbar2 .h2.selected, .EditorBookToolbar2 .h2:hover { background-image: url("/images/toolbar2/h2Selected.svg"); }
.EditorBookToolbar2 .h3 { background-image: url("/images/toolbar2/h3.svg"); }
.EditorBookToolbar2 .h3.selected, .EditorBookToolbar2 .h3:hover { background-image: url("/images/toolbar2/h3Selected.svg"); }
.EditorBookToolbar2 .buttonGroupPanel .internalLink { background-image: url("/images/toolbar2/internalLink.svg"); }
.EditorBookToolbar2 .buttonGroupPanel .internalLink.selected, .EditorBookToolbar2 .buttonGroupPanel .internalLink:hover { background-image: url("/images/toolbar2/internalLinkSelected.svg"); }

.EditorBookToolbar2 .quote { background-image: url("/images/toolbar2/quote.svg"); }
.EditorBookToolbar2 .quote.selected, .EditorBookToolbar2 .quote:hover { background-image: url("/images/toolbar2/quoteSelected.svg"); }
.EditorBookToolbar2 .blockquote { background-image: url("/images/toolbar2/blockquote.svg"); }
.EditorBookToolbar2 .blockquote.selected, .EditorBookToolbar2 .blockquote:hover { background-image: url("/images/toolbar2/blockquoteSelected.svg"); }
.EditorBookToolbar2 .frame1 { background-image: url("/images/toolbar2/frame1.svg"); }
.EditorBookToolbar2 .frame1.selected, .EditorBookToolbar2 .frame1:hover { background-image: url("/images/toolbar2/frame1Selected.svg"); }
.EditorBookToolbar2 .frame2 { background-image: url("/images/toolbar2/frame2.svg"); }
.EditorBookToolbar2 .frame2.selected, .EditorBookToolbar2 .frame2:hover { background-image: url("/images/toolbar2/frame2Selected.svg"); }
.EditorBookToolbar2 .table { background-image: url("/images/toolbar2/table.svg"); }
.EditorBookToolbar2 .table.selected, .EditorBookToolbar2 .table:hover { background-image: url("/images/toolbar2/tableSelected.svg"); }
.EditorBookToolbar2 .picture { background-image: url("/images/toolbar2/picture.svg"); }
.EditorBookToolbar2 .picture.selected, .EditorBookToolbar2 .picture:hover { background-image: url("/images/toolbar2/pictureSelected.svg"); }
.EditorBookToolbar2 .footnote { background-image: url("/images/toolbar2/footnote.svg"); }
.EditorBookToolbar2 .footnote.selected, .EditorBookToolbar2 .footnote:hover { background-image: url("/images/toolbar2/footnoteSelected.svg"); }
.EditorBookToolbar2 .endnote { background-image: url("/images/toolbar2/endnote.svg"); }
.EditorBookToolbar2 .endnote.selected, .EditorBookToolbar2 .endnote:hover { background-image: url("/images/toolbar2/endnoteSelected.svg"); }
.EditorBookToolbar2 .index { background-image: url("/images/toolbar2/index.svg"); }
.EditorBookToolbar2 .index.selected, .EditorBookToolbar2 .index:hover { background-image: url("/images/toolbar2/indexSelected.svg"); }

.EditorBookToolbar2 .pageBreak { background-image: url("/images/toolbar2/pageBreak.svg"); }
.EditorBookToolbar2 .pageBreak.selected, .EditorBookToolbar2 .pageBreak:hover  { background-image: url("/images/toolbar2/pageBreakSelected.svg");  }

.EditorBookToolbar2 .a { background-image: url("/images/toolbar2/zoomOut.svg"); width:20px !important; top:5px; position:relative; }
.EditorBookToolbar2 .a:hover { background-image: url("/images/toolbar2/zoomOutSelected.svg"); }

.EditorBookToolbar2 .A { background-image: url("/images/toolbar2/zoomIn.svg"); width:20px !important; top:5px; margin-left: 0 !important; position:relative; }
.EditorBookToolbar2 .A:hover { background-image: url("/images/toolbar2/zoomInSelected.svg"); }

.EditorBookToolbar2 .undo { background-image: url("/images/toolbar2/undo.svg"); }
.EditorBookToolbar2 .undo:hover { background-image: url("/images/toolbar2/undoSelected.svg");  }

.EditorBookToolbar2 .redo { background-image: url("/images/toolbar2/redo.svg"); height:20px !important; position:relative }
.EditorBookToolbar2 .redo:hover { background-image: url("/images/toolbar2/redoSelected.svg");  }

.EditorBookToolbar2 .numberedListPopup { left:auto !important; top:50px !important; }
.EditorBookToolbar2 .numberedListPopup .numberType { width:33%; float:left; }



.EditorContainer { background-color: #e3e3e3; }
.EditorContainer .editorArea { background-color:white; margin:40px 0 0px 0; }
.IsSpintypeAi .EditorContainer .editorArea {  box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); }

.EditorContainerTop { position:fixed; min-height:32px; z-index:9; width:100%; max-width:100%; }
.EditorContainerTopFiller { height:42px; }
.EditorContainerBottom { width:100%; min-width:900px; margin-bottom:100px; }

.EditorContainerBottom .left { NOcolor:#9f9f9f;  width:19%; margin-right:0; min-height:1px; float:left; }
.EditorContainerBottom .right { z-index:10; width:146px; position:fixed; left:85%; }
body .ChapterListWidgetAi { width: 19%; z-index:3;  }
.EditorContainerBottom .right .bottom { position:fixed; bottom: 10px; text-align:center;width:146px; }

.editorArea { width: calc(62% - 8px); float:left;  }



.WritemodeControllerAi .EditorContainerBottom .right { width:calc(18% - 30px); left:calc(82% + 30px); }
.WritemodeControllerAi .EditorContainerBottom .right { width:20%; left:80%; text-align:center; }
.WritemodeControllerAi .EditorContainerBottom .contentPanel { margin:0 25px;  }


.EditorContainerBottom .saveStatusLabel { font-size:10px; }
.EditorContainerBottom .saveStatusLabel.saveFailed { font-size:12px; color:red; }

.CkeditorSearchView2 { overflow:hidden; position:relative; max-height: 34px; left:0px; top:100px; 
border-style:none; display:none; position:fixed; background-color: #ced7db; padding: 20px 40px;   }
.CkeditorSearchView2 .iconFont { position:absolute; left:265px; top: 2px; font-size: 16px; }
.CkeditorSearchView2 .iconFont.closeIcon { left:330px; top:-20px;  }

.CkeditorSearchView2 .searchTextBox { width:260px; position:relative; }
.CkeditorSearchView2 .secondLine .searchTextBox { margin-bottom:15px; }
.CkeditorSearchView2 .inner { position:relative; top: 4px;}
.CkeditorSearchView2.expanded { max-height:300px; height:300px; background-color:white;  box-shadow: -3px 3px 6px #00000029; z-index: 900; }
.CkeditorSearchView2.visible { display:block; }

.secondLine { text-align:center; color: #ed7527; }

.prevNextPanel { margin-top:20px; font-size:12px;color: black;}
.prevNextPanel span { margin: 0 25px; }
.CkeditorSearchView2 .searchTextBox { display:block; }

.saveContainer .showSearchView { margin-left:60px; }

.CkeditorSearchView2 .secondLine { margin-top:8px;}

.CkeditorSearchView2 input { background-color:transparent; padding: 2px 4px; border: 1px solid #9F9F9F;border-radius:6px;  }
.BookDataMenu .content { height:0; overflow:hidden; background-color:white; margin:12px 12px 6px 12px; }
.BookDataMenu .publish { height:67px; }

.BookDataMenuGroup.writeAndEdit.show { padding-top:0; }
.BookDataMenuGroup.show.writeAndEdit .gwt-InlineLabel { top:0; }

.BookDataMenuGroup.design.show { top:-65px; }
.BookDataMenuGroup.pdfSettings.show { top:-142px; }
.BookDataMenuGroup.metadata.show { top:-219px; }
.BookDataMenuGroup.marketing.show { top:-296px; }
.BookDataMenuGroup.publish.show { top:-373px; }
.BookDataMenuGroup.help.show { top: -450px; }

.ai .BookDataMenuGroup.metadata.show { top:-65px; }
.ai .BookDataMenuGroup.publish.show { top:-142px; }

.BookMenuWidget input { width:100%; }
.BookMenuWidget .saveAndClose { margin-top:14px; float:right; clear:both; }
.BookMenuWidget .stdButtonPanel { margin-top:24px; }
.BookMenuWidget .createCoverPanel { margin-top:24px; }

.NcffTagWidget { height:600px; width:1250px; overflow:auto; }
.NcffTagWidget td { padding:10px 5px; }
.NcffTagWidget > .gwt-Label { border-width:0 0 1px 0;}
.NcffTagWidget .tagContainer { width:170px; float:left; text-align:left; font-family: "Roboto Condensed"; font-size: 10px; }
.NcffTagWidget .ToogleLabel { width:95%; margin-right:10px; float:left; }
.NcffTagWidget .ToogleLabel img { float:left; margin-top:5px; margin-right:4px; }
.NcffTagWidget .tagName { width:120px; font-weight:bold; text-transform:uppercase; font-family: "Roboto Condensed"; font-size:110%; }
.NcffTagWidget .itemListTable {  border-style:none; margin:11px 0 11px 16px; border-width:1px; width:auto;   }
.NcffTagWidget .itemListTable td { padding:11px 25px 11px 6px; text-align:left; }
.NcffTagWidget .selected { font-weight:bold; color: #1da087 !important; }
.NcffTagWidget .tagHeader {  height:40px; line-height:16px; top:0; font-family:"Roboto"; font-size:13px; line-height:16px; padding-top:8px; margin-left:12px; }
.NcffTagWidget .internalLink:nth-child(even) { background-color:#e2e2e2; }
.NcffTagWidget .internalLink:nth-child(odd) { background-color:#f3f3f4; }
.NcffTagWidget .internalLink { height:20px; padding:2px 8px 0 8px; margin:0 4px; color:black; overflow:hidden; }
.NcffTagWidget { height: 600px !important; } /* Needed to enable scrollbar */

.FlowtextScrollReader .internalLink { color: #9f5151; text-decoration:underline; }

.BookMenuWidget { 	border: 1px solid #9f9f9f; background-color:white;	box-shadow: -3px 3px 6px #00000029; border-radius:12px 0 0 12px; 
position:absolute; width:0;height:0; top:0; z-index:99; NOtransition: width 1s; 	left: 0px; 	}
.BookMenuWidget .inner { padding:10px 18px 10px 18px; 	text-align:left;  }

.BookMenuWidget .InfoLabel { display:block; }

.BookDataMenu .widgetContainer { position:absolute; transition-property: left,width; transition-duration: 0.3s; WHYoverflow:hidden; height:0; width:0; left:0; }

.BookMenuWidget.BookMenuEditColophon .short { width:40px; }
.BookMenuWidget.BookMenuEditColophon .gwt-Label { margin: 16px 0 2px 0;  }

.BookMenuEditColophon .customFields {  }
.BookMenuEditColophon .customFields .gwt-TextBox { width:48%; float:left; margin:0 1%; }

.widgetContainer.BookMenuEditColophon.show { left:-401px; width:400px; height:calc(100vh - 139px); }
.BookMenuWidget.BookMenuEditColophon.show { width:400px; height:630px;  text-align:left; }

.RoyaltySpecificMenu { font-size:12px; }
.RoyaltySpecificMenu .left { float:left; width:50%; }
.RoyaltySpecificMenu .right { float:right; width:48%; text-align:right; margin-right:2%; }
.RoyaltySpecificMenu .gwt-CheckBox { margin-right:18px; } 

.widgetContainer .inner { overflow:auto; height:100%; position:relative; }
.widgetContainer.BookMenuHyph.show { width:800px; height:600px; left:-800px; }

.widgetContainer .BookMenuWidget { height:100%; width:100%; }

.widgetContainer.BookMenuTextField.show { width:600px; height:120px; left:-601px;  }
.widgetContainer.BookMenuTextArea.show {  width:600px; height:360px; left:-601px; }

.widgetContainer.NcffTagWidget.show { left:-1250px; width:1250px; height:600px; overflow:auto; }

.widgetContainer.BookMenuTemplate.show { left:-200px; width:200px; height: 580px; ;}
.widgetContainer.BookMenuTemplate.show.previewExpanded { left:-1000px; width:1000px !important; height: 570px; }

.widgetContainer.BookMenuCategoryStyle.show { left:-950px; width:950px; height: 800px; top:-50px; }

.BookMenuTemplate .newPreviewPanel img { width:44%; float:left; border-width:1px; border-color:#ddd; border-style:solid; }

.BookMenuTemplate { width:100%; height: 100%; text-align:center; }
.BookMenuTemplate .singleStyle { margin-bottom:28px; }
.BookMenuTemplate .singleStyle .gwt-RadioButton { position:relative; top:-11px; left:12px; }
.BookMenuTemplate .buttonPanel { clear:both; text-align:center; position:relative; top:12px; left:-10px; }
.BookMenuTemplate .buttonPanel .cursorContainer { display:inline-block;  }

.BookMenuTemplate .stylePanel { float:right; width:160px; text-align:center;}
.BookMenuTemplate .stylePanel .searchIcon { width:25px; position:relative; top:-5px; }
.BookMenuTemplate .icon { margin:0 15px;}
.BookMenuTemplate .newPreviewPanel { float:left; width:100%; max-width: calc(100% - 200px); margin-top:10px; transition: none 0.0s }


.ChapterListWidget2 { position:fixed; width:17%; padding:0 20px }
.ChapterListWidget2 .inner { height: calc(100vh - 83px); overflow:auto; overflow-x:hidden; overflow-y:auto; }

.writer2 .cart { display:none; }

NO .VerticalDragContainer {  overflow-x:hidden; overflow-y:auto; }
.ChapterListWidget2 .newChapter { padding-bottom:40px; }
.ChapterListWidget2 .gwt-Label { overflow: hidden; text-overflow: ellipsis; margin-top:2px; }
.ChapterListWidgetAi .gwt-Label {  margin-top: 3px; }
/* WFT WAS THIS ??? Is it for the editor??? (Nope).
.ChapterListWidget2 .selected { display:inline-block; max-width: calc(100% - 30px); }
*/
.ChapterListWidget2 .newChapter {padding: 24px 0 0 8px;}
.ChapterListWidget2 .bookTitle { padding:20px 0 4px 0; font-size:16px; line-height:20px;} 
.ChapterListWidget2 .bookSubTitle { font-size:12px;line-height:14px; padding-bottom:14px; } 
.ChapterListWidget2 .FixedChapterContentList { border-width:0; } 

.FixedChapterContentList .addExtra { position:relative; top:-6px; display:block; font-size:11px; margin-top:3px; margin-bottom:2px; margin-left:20px; }
.FixedChapterContentList .addExtra:hover { text-decoration:underline; }
 
body .ChapterListWidget2 .labelContainer { border-width:1px; border-color:#9f9f9f; background-color:#f0f0f0; width:97%; padding:6px 8px; 
border-radius:10px; margin-left:6%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin: 6px 0; height:34px;
 font-size:12px; line-height:16px;  }

body .ChapterListWidget2Only .labelContainer { color: #9f9f9f; }

body div.ChapterListWidgetAi .labelContainer { background-color:#ffffff; }

body .ChapterListWidget2 .labelContainer.expanded { height:auto; }

/*
.BookDataMenu.extended { overflow-x: visible; overflow-y: clip; }
*/
body .BookDataMenuGroup.show { min-height:30px !important; height:calc(100vh - 66px); overflow: auto;
background-color:white; position:relative; border-width:0 0 1px; border-color:black; line-height:20px; letter-spacing: 1px;  }
/*
.BookDataMenuGroup.show.showingWidget { overflow-x: visible; overflow-y: visible; }
*/
.BookDataMenuGroup.show .header { height: 34px !important; transition: height 1.0s; min-height:34px; line-height:34px; top:0px; z-index:999; background-color: #efeded;
border-width: 0 0 1px 0; margin: 0 0 20px 0; position: sticky; text-align:center; }
body .extended .arrowDown { display:none; }

.smallestPossibleHeadline { font-size:14px; line-height:20px; }
/*
.BookDataMenu { z-index:10; letter-spacing:1px; font-size:11px; line-height:14px; text-align:center; border-style:solid; border-width:1px 1px 0 1px; margin:0 auto;
background-color: #efeded; border-color: #9f9f9f; color: #9D9D9D; width:156px;
 font-weight: 500;  position:fixed; left:85%; }
.BookDataMenu {  font-weight:400; margin-top:40px; }
*/
.BookDataMenu > .topHeader { border-width: 0 0 1px 0; border-color:#9f9f9f; border-style:solid; min-height:19px; padding:14px 20px; letter-spacing: 1.6px;
box-shadow: -0px 2px 4px #00000029; font-size:14px; text-transform:uppercase; }

.BookDataMenuGroup .panel .gwt-Label { border-style:solid; border-color:#9f9f9f; border-width:1px; padding:3px 0; width:115px; margin:3px auto 20px auto; 
border-radius:8px; padding:4px 0; text-align:center; }


/* AA Was 50. I don't think 65 is correct */ 
.BookDataMenuGroup { position:relative; height:65px; letter-spacing:1px; cursor:pointer; }
.BookDataMenuGroup .IconInfoLabel img { height:30px; display:block;margin:24px auto 4px  auto; };
.BookDataMenuGroup .gwt-Label { text-transform:none !important; }
.BookDataMenu .header { text-transform:uppercase; font-size:12px; }
.BookDataMenu .arrowDown { width:166px; left:-6px; position:absolute; bottom:-23px; }

.BookDataMenuGroup aa { display:none; }

.BookDataMenu .valueLabel { border-style:solid; border-width:1px; border-radius:8px; min-height:22px; margin-bottom:8px; padding:3px 10px;  }

.BookDataMenuGroup .icon { NOheight:30px; position:absolute; top:20px; left:20px; }
.BookDataMenuGroup > div.header { position:absolute; top:28px; left:60px; text-align:left; max-width: 84px; }
.BookDataMenuGroup.show > div.header { left:0px; max-width: none; }

.BookDataMenuGroup.writeAndEdit { height:65px; padding-top:10px;  }
.BookDataMenuGroup.writeAndEdit .gwt-InlineLabel { position:relative; top:-8px; }


.BookDataMenu .expandPanelContainer { position:absolute; top:0; left:-602px; background-color:white; border-width:2px; border-style:solid; padding:16px;
background-color:#eee; width:600px;  }

.BookDataMenu .expandPanelContainer input { width:60%; float:right; }
.BookDataMenu .InfoLabel { clear:both; text-align:left; margin:15px 0 5px 0; }
.BookDataMenu .orangeButton2 { clear:both; }

/* For ncff start */
.FlowtextScrollReader .ncffLogo { display:none; }

.FlowtextScrollReader .stdButtonPanel .iconFont { font-size: 40px; margin:0 12px; }

.EditCustomTag { width:500px; } 
.EditCustomTag input { width:90%; }
.EditCustomTag textarea { width:90%; }
.EditCustomTag .InfoLabel { margin-top:14px; }
.EditCustomTag .SwitchButton { margin-right:8px; }
.EditCustomTagsView { padding:0 16px; }
.NcffTagForBookPopup { min-width:200px; min-height:200px; }

.innerTagContainer .internalLink { border-width:1px 0; padding: 4px; }
.innerTagContainer .internalLink:hover { }
.innerTagContainer .internalLink:nth-child(even) { background-color:#eee; }
.innerTagContainer .internalLink:nth-child(odd) { background-color:#aaa; }

/* For ncff end */

.ai .SecondaryTopBar { background-color: #D8D3CC;}

.ai .LabTopBar input { background-color: #EDEAE7;} 
.ai .LabTopBar .gwt-InlineLabel {  margin-right:20px; }

.ShareWriteAccessPopup { width:600px; }
.ShareWriteAccessPopup .InfoLabel { display:block; }
.ShareWriteAccessPopup .inviteByEmail { width:100%; margin:2px 0 0 0; }
.ShareWriteAccessPopup .gwt-CheckBox { margin:4px 0 12px 0; display:block; }

.ProjectHubView { padding-left:50px; }
.ProjectHubView > .HubSingleFolderView { display:none; }

.HubSingleProjectView { position:relative; width:250px; height:260px; border-width:2px; display:inline-block; margin:15px; border-radius:6%; overflow:hidden;
box-shadow: 0 7px 32px 0 rgba(0,0,0,0.07), 0 2px 5px 0 rgba(0,0,0,0.07); background-color:white; }
.HubSingleProjectView .contentSquare { margin:80px 7% 0 7%; position:relative; }
.HubSingleProjectView .contentSquare .titleBox { min-height:100px; }

.HubSingleProjectView .contentSquare .title { text-align:left; font-size:20px; line-height:24px; font-weight:bold; margin-bottom:8px; font-weight:600; }
.HubSingleProjectView .contentSquare .subtitle { max-height:900px; text-align:left; font-size:14px; line-height:16px;  font-weight:600; }
.HubSingleProjectView .contentSquare .authors { text-align:left; font-size:12px; line-height:14px; font-family:"roboto condensed"; max-height: 42px; overflow: hidden; }

.HubSingleProjectView.newBook .gwt-Label {   font-size:20px; line-height:24px; font-weight:600; margin-bottom:8px; text-align:center; position:relative; top:101px; }
.HubSingleProjectView.newBook .iconFont { font-size:11px; font-weight:Bold;  line-height:24px; display:block; text-align:center; position:relative; top:101px; }

.HubSingleProjectView.newBook { box-shadow: none; border-style:dashed; }

.doFlip { transition: 1s; transform-style: preserve-3d; transform: rotateY(180deg);  backface-visibility: hidden; }
.HubSingleProjectView { border-style:none }
.HubSingleProjectView .hubBottom { width:100%; bottom:30px; position:absolute; height:28px; padding-right:15px; text-align:right; }

.HubSingleProjectView .bottom { width:100%; bottom:0; right: 0; position:absolute; height:28px; padding-right:15px; text-align:right; }
.HubSingleProjectView .bottom .dots { bottom:0; right: 0; position:absolute; height:28px; padding-right:15px; text-align:right; }
.HubSingleProjectView .bottom .dots img { margin-left:4px; height:12px; }
.HubSingleProjectView .bottom .dots img.selected { height:13px; position:relative; top:1px; }

.HubSingleProjectView .sharedWithContainer { display:inline-block; position:relative; overflow: hidden; width:140px; height:42px; }
.HubSingleProjectView .sharedWithContainer img { height: 26px; width:26px; margin-top:2px; margin-left:4px; border-radius: 15px;}
.HubSingleProjectView .leftStatusContainer .NewstyleButton { text-align:center; }

.ai .LabTopBar .createBook { display:none; }

.ai .LabTopBar { color: #3D1E0C; } 
.ai .SecondaryTopBar .center { text-align:right; NOmax-width:1560px; right:320px; }
.ai .SecondaryTopBar .center > * { vertical-align:middle;; }
.ai .SecondaryTopBar .center > .NewstyleButton { position:absolute;right: -133px; top:7px; }

.ai .SecondaryTopBar .left { width: 600px;}
.ai .LabTopBar .right { width:140px; top:9px; right: 0;}

.HubSingleProjectView .bottomBar { height:24px; position:absolute; width:100%; bottom:0px; padding:0 7%; }
.HubSingleProjectView .bottomBar .deleteBook { float:right; }
.HubSingleProjectView .bottomBar .lastEdit { float:left; }
.HubSingleProjectView .bottom * { user-select:none }

.grid11 img.customPublisherLogo { height:69px; position:relative; top:-4px; }
.fromJuusu { padding:24px; }

.pageHtml { background-color:white; padding:0 15px; }

/* Reading styling. injectedStyle is the name of the class used to control the reader/writer styling */
.injectedStyle .bookstyle_title { margin: 50px 13% 8px 13%; letter-spacing: 2px; font-size:190%; line-height:125%; text-align:center; }
.injectedStyle .bookstyle_subtitle,#subchapterName { margin: 30px 15% 8px 15%; letter-spacing: 1px; line-height:125%; font-size:120%; margin: 0 0 8px 0; text-align:center; }
.injectedStyle h1 { font-size: 170%; line-height:120%; letter-spacing: 1px; margin: 16px 0 7px 0;  }
.injectedStyle h1 *,.injectedStyle h2 *, .injectedStyle h3 * { font-size:100%; }
.injectedStyle h2 { font-size: 130%; line-height:120%; font-weight:500; margin: 13px 0 6px 0; }
.injectedStyle h3 { font-size: 110%; line-height:120%; font-weight:500; margin: 11px 0 5px 0; }
.injectedStyle table  { caption-side: bottom; width:100%; font-family: 'Open Sans', sans-serif !important; font-size:75% !important; line-height:130% !important; margin:12px 0; border-collapse: collapse;}
.injectedStyle table img { margin:0; }
.injectedStyle td { padding:8px 4px; border-style:solid; border-width:1px; } 
.injectedStyle img { margin: 12px 0; }

/** These are only used by the reader */
.injectedStyle .quotetype1 { margin-left:4%; margin-right:4%;  }
.injectedStyle .quotetype2 { color:#003736; margin:70px 15%; font-size:120%; }

.injectedStyle .quote { font-size:180%; line-height:130%; margin:1em 15%; padding:0; text-align:center; }

.injectedStyle .chapterNumber, .injectedStyle #chapterNumber { text-align:center; font-size: 90%; margin: 0 0 16px 0; }
.injectedStyle .figureContainer .caption { font-size: 85%; line-height:19px; }
.injectedStyle .reader { line-height:150%; }
.injectedStyle .MyEmptyParagraphsClass + p { text-indent:0; }
.injectedStyle .bookstyle_quote { text-align:center; max-width:60%; font-size:110%; line-height:150%; margin:0 auto; text-align:center; }
.injectedStyle .bookstyle_quoteAuthor { text-align:right; max-width:60%; font-size:90%; line-height:150%; margin: 1px auto 50px auto; font-style:italic; }
.injectedStyle .bookstyle_title, .injectedStyle #chapterName { text-align:center; font-size: 190%; margin: 0 0 8px 0; line-height:110%; }
.injectedStyle .bookstyle_subtitle, #subchapterName { margin: 0 0 8px 0; text-align:center;  }

.FlowtextScrollReader { font-size:15px; line-height:140%; }
.FlowtextScrollReader .figureContainer { text-align:center; }
.FlowtextScrollReader .figureContainer img { max-width:100%; max-height:400px; }
.FlowtextScrollReader .figureContainer .caption { padding: 0 0 15px 0; line-height:120%; }
.FlowtextScrollReader .chapterImage { margin: 0 auto; display:block; max-width:400px; max-height:300px; }
.FlowtextScrollReader .userComment { color:#fff; background-color:#ed7527; opacity:0.75; }

.hidden { display:none; }

.frontpagePromotionPage h1, .frontpagePromotionPage h2 { line-height:120%; }

.linkContainer.left { position:absolute; left:50px; width:400px; top:150px;  }
.linkContainer.right { position:absolute; right:50px; width:400px; top:150px;  }

.linkContainer a { display:block; padding:22px 0; }
.linkContainer.left { text-align:left; }
.linkContainer.right { text-align:right; }
.frontpagePromotionPage .colorFrame { border-style:none; background-color: #cfe5e7; }
.frontpagePromotionPage table td { padding:18px; border-style:none;}

.frontpagePromotionPage .whiteFrame { border-style:solid; border-color: #296874; border-width:5px; }

.DbkOverview { position:absolute; padding: 0 2%; width:100%; background-color:white; left:0; min-height:100%;}
.DbkOverview td:first-child { width:20%; }

.DbkOverview .SalesPeriodSelector { background-color: #ded; padding:10px; text-align:center; }

.PRoyaltyConfiguration table { width:100%; padding:2px 10px; border-width:1px 0; border-style:solid; border-color:#296874; }
.PRoyaltyConfiguration input { width:60px; }
.PRoyaltyConfiguration .internalOrangeLink { float:right; margin:0 30px 0px 0; padding-bottom:100px; }

.ck-balloon-panel { display:none; }
svg { display:none; }

.mainContent { max-width:900px; margin:0 auto; }
.mainContent h1, .mainContent h2 { text-align:center;}
.mainContent li { margin-top:14px; }
.mainContent li a { margin-left:5px; text-decoration:underline; color:#ed7527; }
.mainContent li a:hover { opacity:0.5; }

/*
Working for list types.

ol { counter-reset: item !important }
li { display: block; item !important; }
li:before { content: counter(item)  ") "; counter-increment: item }
*/

ROli:before { content: "Section " counter(section) ": "; counter-increment: section; }

/*
ol[style="list-style-type:1p;"] { list-style-type: upper-roman !important; background-color:red;  }
*/
.published {  }
body .published img {  }
body .notPublished img {  }

.frontpagePromotionPage .left { width:56%; margin-right:4%;float:left; }
.frontpagePromotionPage .left img { width: 100%; }
.frontpagePromotionPage .right { width:40%; float:left; }
.frontpagePromotionPage .textContent { clear:both; padding-top:20px; }
.frontpagePromotionPage .right table { color: #296874; background-color:#cfe5e7;; border-style:none; padding:15px; }
.frontpagePromotionPage .right table h2 { margin-top:0; padding-top:0;}
.frontpagePromotionPage .right table h1 { margin-top:0; padding-top:0;}
.frontpagePromotionPage .right td { border-style:none; }

.section .caption { display:block;}

.overviewMenu .gwt-InlineLabel { margin-left:25px; }

.DetailedSalesView .even { background-color: #eee; }
.DetailedSalesView .odd { background-color: #ccc; }

.topBannerContainer { text-align:center; }
.topBanner { width:100vw; margin-top:89px; NOmax-width:1200px; }

.row1 { height:77px; }

 .row2 { position:relative; top:-5px;}
 .grid12 { display:none; }
 .grid32 { display:none; }
 .grid22 { width: calc(100% - 2px); z-index:1; }
.includeTopBanner .row3  { padding-top:10px; top:0; }
body .outerMainProgramContainer .row3 { padding-top:100px; }

body .row3 { padding-top:140px; top:68px;}

.includeTopBanner .ReadmodeLeftNavigation { position:relative; }
.includeTopBanner .signupContainer { display:none; }

 .cartButton .iconFont { position:relative; top:8px; }

.mainView thead tr { background-color: #aaa; }


/*
   New design end
*/

.ReadmodeLeftNavigation { top:140px; }
.row2 { position:fixed; top:90px;  }
.fixedNavigation { display:none; }
.signupContainer { display:block; }
.Page { NOmargin-top:10px; }

body .noTopBanner .row3 { padding-top:130px !important; } 

.fixedNavigation { min-height:36px; top:90px; position:fixed; }

.grid11 .promotionPartner { display:block; margin-top:5px; } 

.CartStepAdminBuy .productContainer { border-width:1px 0 0 0; padding:8px 24px; }
.CartStepAdminBuy .shippingContainer { border-width:1px 0 ; padding:8px 24px; }

.CartStepAdminBuy .productContainer .numProducts { margin-left:15px; font-weight:bold; }
.CartStepAdminBuy .productPriceContainer { margin-top:20px;}
.CartStepAdminBuy .productContainer .totalPrice { margin-right:20px; }
.CartStepAdminBuy .moneyTextBox { float:right;position:relative; top:-4px;}
.CartStepAdminBuy .currency { float:right; margin-left:8px; }

.ChannelPaymentInfoController .stopAt { text-align:center; }
.ChannelPaymentInfoController table { margin-bottom:35px;}
.ChannelPaymentInfoController .stopSubscription { text-align:center; margin: 50px 20px 0 0; font-size:11px; }
.ChannelPaymentInfoController .internalLink { color: #ed7527; }

.CreateCoverFrontPdfTemplate .frontpageQuote { width:100%; height:70px; }
.CreateCoverFrontPdfTemplate .bookBackText { margin-top:20px; }
.AvailableChannels .price { font-size: 14px; color: #ed7527; }

.alternatePublishers { font-size:13px; line-height:24px; margin-left:44px; }

.iconContainer { width:52px; text-align:center; display:inline-block; overflow:hidden;}

.contactUs a { text-decoration:underline; }
.contactUs textarea { width:100%; height:300px; }
.contactUs input { width:100%; }
.contactUs .label { margin:24px 0 2px 0;}

.contactUs.SinglePaperPage { float:right; margin-right:48px; }

.contactUsRight { float:left; width: calc(35% - 148px); margin:20px 20px 0 50px; text-align:left; }
.contactUsRight h1 { text-align:left; } 
.contactUsRight .teamSpintype { width:70%; margin-top:26px; }
.contactUsRight .imageText { font-size:12px; font-style: italic; width:70%; text-align:center; margin-top:8px; }
.contactUsRight .address { margin-top:40px; }
.normalTop { text-align:center; width:67vw }

.Grid21Right { position:relative; top:-40px; float:right; width:250px; }

.grid33Container { position:relative; }
.grid33Container .imageContainer {  width: calc(17% - 30px); margin:0 15px; text-align:center; position:fixed; top:180px;  }
.grid33Container .imageContainer img { display:inline; max-width: 100%; NOmax-width:200px; }

.grid33 .subscribeEmail { width:100%; margin-top:10px; }

.subscribeTo { font-size:11px; line-height:13px;}
.subscribeTo input { position:relative; top:5px; }

#productCoverImage { width: 216px; max-height: 400px; }
#productCoverImage.large { width:auto; height:calc(100vh - 230px); max-height:none;  }

.outerBannerContainer { width:100%; overflow:hidden; }
.bannerContainer { width:9000px;
	animation-name: bannerAnimOrg;
    animation-duration: 2s;
    position:relative;
    left:0px;
  }
.bannerContainerSingle { width:66vw; display:inline-block; }
.bannerContainer {  }
.bannerContainerSingle img { display:block; margin:0 auto; max-width:66vw}

.productNotAvailable { background-color:#e4e4e4; font-size:140%; font-weight:bold; padding:14px; text-align:center; }

.publisherPage { background-color: #f4f4f4; }
.publisherPage .aboutPublisher { margin-top:22px; }
.publisherContainer .textHeadline { margin-bottom:40px; }

.languageButtonPanel { float:right; text-align:right; height:26px;padding-right:10px; margin:0px 10px 12px 0; position:relative; top:6px; border-width:0 0 0 1px; }
.languageButtonPanel span { color: #9e9e9e; font-size:13px; margin-left:8px; border-radius: 16px; cursor:pointer; }
.languageButtonPanel span.selected { color: #ed7527; text-decoration:underline; }

@keyframes bannerAnim1 { from { left:0vw; } to { left:-66vw; } }
@keyframes bannerAnim2 { from { left:-66vw; } to { left:-132vw; } }
@keyframes bannerAnim3 { from { left:-132vw; } to { left:-198vw; } }
@keyframes bannerAnim4 { from { left:-198vw; } to { left:-264vw; } }
@keyframes bannerAnim5 { from { left:-264vw; } to { left:-310vw; } }
@keyframes bannerAnim6 { from { left:-310vw; } to { left:-376vw; } }
@keyframes bannerAnim7 { from { left:-376vw; } to { left:-432vw; } }
@keyframes bannerAnim8 { from { left:-432vw; } to { left:-498vw; } }
@keyframes bannerAnim9 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim10 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim11 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim12 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim13 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim14 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim15 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim16 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim17 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim18 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim19 { from { left:000vw; } to { left:-66vw; } }
@keyframes bannerAnim20 { from { left:000vw; } to { left:-66vw; } }

.EditCategoryWidget .internalOrangeLink { display:inline-block; }

.contentContainer .textHeadlineSmall { margin-bottom:10px; font-weight:bold; }
.textHeadlineSmall { font-size:22px; line-height:26px; color: #296874; text-align:center; }

.grid33 .contentContainer { font-size:14px; line-height:17px; width: calc(17% - 45px); position:fixed; margin-left:25px; padding:10px; border-radius:8px; text-align:center; } 
.grid33 .writeABookContainer { background-color:#CFE5E7; border-color:#fff; border-width:1px; color:#296874;text-align:center; }
.grid33 .writeABookContainer .orangeButton2 { background-color: #ed7527; color:white; }
.grid33 .writeABookContainer .orangeButton2 .iconFont { color:white; }

.SignupContainer .emailLabel { font-weight:bold; margin:10px 0 0 0; display:block; } 
.SignupContainer input { width:100%; margin:14px 0;  }

.grid33 #mc_embed_signup input { width:100%; }
.grid33 #mc_embed_signup
.ImageUploadPopup2 { min-width:420px; min-height:100px; z-index:10000001; background-color:white; padding:16px; position:relative; }
.ImageUploadPopup2 .orangeButton2 { display:inline-block; width:116px; }
.ImageUploadPopup2 .previewImageContainer  { height:400px; }
.ImageUploadPopup2 img  { display:block; max-width:400px; max-height:400px; }
.ImageUploadPopup2 .HorizontalDivPanel .gwt-InlineLabel { margin-right:6px;  }
.ImageUploadPopup2 .HorizontalDivPanel .InfoLabel { width:160px; }
.ImageUploadPopup2 .HorizontalDivPanel .gwt-CheckBox input { position:relative; top:3px; }

.ImageUploadPopup2 .imageWidth { width:50px; }
.ImageUploadPopup2 #upload { display:block; margin:8px 0; }
.ImageUploadPopup2 .gwt-CheckBox { margin-right:10px; }
.ImageUploadPopup2 .HorizontalDivPanel { padding:2px 0; clear:both; }

.PeriodSelectorPopup .HorizontalDivPanel span { width:60px; display:inline-block; }
.PeriodSelectorPopup .HorizontalDivPanel { padding:5px 0; }
 
.ImageUploadPopup2 .gwt-Image {display:block; margin:0 auto 8px auto; }
.ImageUploadPopup2 div.HorizontalDivPanel { padding:8px 0;}
.ImageUploadPopup2 input { width:50px; }
.ImageUploadPopup2 #imageFiles { width:auto; }
.ImageUploadPopup2 .uploadingOverlay { position:absolute; left:0; top:100px; width:440px; height:470px; background-color:white; }
.ImageUploadPopup2 .large { position:relative; top:100px; font-size:22px; text-align:center; padding:20px;}

.EditPageEntryBannerView .picturePosition { float:left; }
.EditPageEntryBannerView .picturePosition .iconFont:hover { color: #ed7527; }

.EditPageEntryBannerView .targetUrlContainer { margin:0 0 45px 50px; }
.EditPageEntryBannerView .targetUrlContainer input { width:250px; }

.MyBooksFilterTop  { padding:12px 6px 12px 16px; border-width:0 0 1px 0; background-color:white; width: calc(66vw - 10px);; position:fixed; height:60px; z-index:99999;  }
.MyBooksFilterTop .iconFont { float:right; margin: 0 12px 0px 0px; padding-top:8px;  }

.AddAdminPopup select { margin-right:30px; }
.AddAdminPopup .createUser input { width:70%; max-width:500px; display:block; margin-top:20px;}

.myWorksPanel { position:relative; }
.myWorksPanel .SwitchButtonIcon { position:absolute; right: -10px; top:0; }
.myWorksPanel .SwitchButton { position:absolute; left:calc(17vw - 65px);  }

.voucherSelectProduct { font-size:120%; padding:15px; margin:30px; display:inline-block; background-color:#eee; }
.TabPanel { }
.TabPanel div {  opacity:0.3; background-color: #ed7527; color: white; border-color: #ed7527; border-width:1px; text-align:center; padding: 12px 0; width:50%; display:inline-block; }
.TabPanel div.selected { font-weight:bold;; opacity:1; color: white }
.TabPanel .internalLink:hover { color:black !important; opacity:0.5; }
.TabPanel .internalLink.selected:hover { opacity:1; color:white !important; cursor:auto; text-decoration:none; }

.halfBlockLeft { display:inline-block; width:50%; vertical-align: top;}
.halfBlockRight { display:inline-block; width:50%; vertical-align: top;}

.BookInfoBox .downloadFileLink { display:block; margin:0 0 0 42px; padding:0; height:0; position:relative; top:-10px;}

.UserViewController .stdButtonPanel { background-color:white; }
.UserViewController input { width:500px; margin-left:50px; }

.UploadCoverView .line { clear:both; border-width:0 0 1px 0; padding:15px 0; border-color:#53585f; }
.UploadCoverView .ImageUploadBox { text-align:center; }
.UploadCoverView .ImageUploadBox img { border-width:1px; border-color: #E6E6E6; border-style:solid;}

.PublisherAuthorSelector { width:730px; }
.PublisherAuthorSelector .orangeButton2 { margin-left:10px; position:relative;}

.ShowPublisherPage {  }

.ShowAllPublishers .orderByContainer { padding:20px; }
.ShowAllPublishers .orderByContainer a { margin-right:30px; }
.ShowAllPublishers .selected { color:#ed7527; }

.noteInfoActions { text-align:right; margin-top:10px; right:22px; position:absolute; NOtop:6px;}

.orOptionSeperator { text-align:center; font-weight:bold; padding:20px 0;}

.MyBooksOverviewPopup { position:fixed !important; width:400px; }
.MyBooksOverviewPopup .HorizontalDivPanel .internalLink { display:inline-block; margin-right:10px;  }

.PublisherController td.money div { width:100px; text-align:right; }
.PublisherController th.money { width:100px; text-align:right; }
.PublisherController td.amount div { text-align:right; }
.PublisherController th.amount { text-align:right; }

.PublisherController th.money { text-align:right; }

.pageButton { border-style:solid; text-align:center; display:inline-block; margin:8px 8px 0 0; width:30px; font-size:13px; border-width:1px; border-color: #E6E6E6; }
.pageButton.selected { color: #ed7527; font-weight:bold; }

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableFooter { pading:7px 0; }
.signupNote { color:red; padding:20px;}
.textHighlight { color: #ed7527; font-weight:bold; margin:0 -3px; } 
.AudiobookPlayerWidget { position:fixed; right:0px; z-index:9999;  }
.AudiobookPlayerWidget audio { width:600px; float:right;}

.ShowCollection .orangeButton2 { margin-right:20px;}
.ShowCollection .bookViewBox { display:inline-block; float:none; vertical-align: bottom; text-align:left; }
.ShowCollection.noPadding { padding-left:0; padding-right:0;}


.ShowChannelPage .channelImage { float:left; margin:0 20px 20px 0; }
.ShowChannelPage .orangeButton2 { margin-right:15px;}

table td { vertical-align:top; }

.BookToggler img { max-width: 150px; max-height: 210px; }
.BookToggler .imageContainer { display:inline-block; }
.BookToggler .bookView { display:inline-block; width:240px; padding:0 20px; }
.BookToggler .titleAuthorPanel { height:42px; overflow:hidden; }
.BookToggler .selected img { border-style:dashed; border-color: #ed7527; border-width:3px; }

.EpubReaderPopup { min-width:800px; min-height:600px; background-color:white; z-index:501; border-style:solid;  }

body div .moneyTextBox { width:70px; }

.stdGrid23.BookOverview { padding-right:0; }

.ReadmodeLeftNavigation .subItem { color:black; font-size:14px; margin-left:30px; line-height:24px; }
.tmpContainer .ReadmodeLeftNavigation .subItem { color:black; font-size:14px; margin-left:30px; line-height:24px; }
.tmpContainer .ReadmodeLeftNavigation a { display:block;}
.tmpContainer .ReadmodeLeftNavigation.navigation.visible { margin-top:200px; }

.tmpContainer .librisL { display:none; }

.headerH2 { font-size: 20px; font-weight: bold; margin: 20px 0 15px 0; }

.PublishGettingStarted .rightPanel .orangeButton2 { position:absolute; bottom: 0; }
.PublishCopyright .gwt-RadioButton input[type="radio"]:checked + label::after { left:2px; top:5px; }
.PublishCopyright .changeLicense { margin-left:30px;}
.PublishCopyright .themaCodeLabel { min-height:0em; }
.PublishCopyright .themaCodeLabel .gwt-RadioButton { margin:0px 0 10px 0; display:block; }
.PublishCopyright table td { padding: 5px 0;}

.PublishCopyright td { padding-right:8px; padding-left:8px; }

.BookMenuDigital .HorizontalDivPanel { min-height:18px; }
.BookMenuDigital .HorizontalDivPanel .InfoLabel { margin:0 0 6px 0; }
.BookMenuDigital .HorizontalDivPanel .gwt-InlineLabel { margin-left:11px; min-width:50px; display:inline-block; }
.BookMenuDigital .digitalChannelGrid { width:100%; }

.BookMenuWidget table { width:100%; }

.BookDataMenu .BookMenuDigital .SwitchButton, .BookDataMenu .BookMenuPrint .SwitchButton { left:0; margin-right:6px; }



.BookMenuPrint .HorizontalDivPanel { margin:8px 0; } 
.BookMenuPrint .moneyTextBox { margin-left:10px; }

.bookNamePanel .bookTitle { max-height: 48px; overflow:hidden; }

.BookNamePanelRightSide .amount { margin:8px 0; }
.BookNamePanelRightSide .productType { font-size:10px; font-style:italic; }

.CartStep2Overview { font-size:12px; line-height:15px; position:fixed; overflow:auto; right: 0; width: 17%; margin-top:20px;  }
.CartStep2Overview .cartGrid  { padding:15px 4px 15px 4px; }
.CartStep2Overview .inner { position:relative; bottom:0; }
.CartStep2Overview .shippingOptions { font-size:12px; line-height:16px; }
.CartStep2Overview .shippingOptions .price { float:right; }
.CartStep2Overview .shippingOptions > .HorizontalDivPanel { margin: 4px 0; }
.CartStep2Overview .shippingGrid { width:100%;  }
.CartStep2Overview .shippingGrid .price { font-size:12px; line-height:15px; }
.CartStep2Overview .shippingGrid td:nth-child(2) { text-align:right; }
.CartStep2Overview .bookNamePanel { margin-bottom:20px; }

.CartStep2Overview .smallOrangeHeadline { margin-top: 25px; text-transform: uppercase;  letter-spacing: 1px; font-size: 16px; }

.CartStep2Overview .totalPrice { margin-top:20px; font-size:16px; }


.InfoLabel { margin-right:18px; display:inline-block; }
.InfoLabel .iconFont { margin:0 0 0 8px; position:relative; top:3px; color:#296874; }

.InfoLabelPopup { z-index:999; background-color:white; border-style:solid; border-width:1px; border-color:#aaa; padding:16px; 
max-width:280px; font-size:11px; line-height:13px; }

.PublisherSalesController .inner { padding-top:70px; }  /* this is odd, but something went wrong with my filler */
.PublisherSalesController .header { padding:0 24px; text-align:center;}
.PublisherSalesController .textHeadline { margin-top:0; }
.PublisherSalesController .gwt-ListBox { margin:0 5px; }
.PublisherSalesController .SalesPeriodSelector { padding:8px 0; margin:8px 0; border-width:0 0 1px 0; }
.PublisherSalesController table { width:100%; }
.PublisherSalesController.large table { width:calc(156% - 20px); left:-28%; position:relative; background-color:white;  border-width:2px; border-style:ridge; margin-left:10px; }
.PublisherSalesController.large .makeLarge .iconFont { color: #ed7527;  }

.PublisherSalesController table tr th:first-child { min-width:220px; }

.PublisherSalesController .makeLarge { float:right; cursor:pointer; position:relative; top:6px; border-style:solid;}

.PublisherSalesController .channelHeader { margin:21px 0 5px 0; padding:0 0 3px 0; border-width:1px 0 1px 0; text-align:center;}
.PublisherSalesController .channel .numSales { float:right; }

.PublisherSalesController .includeChannelData  td { padding-bottom:30px !important;  }

/*
.PublishPage .column4Panel { margin-top:7px; }
.PublishPage .column4Panel .HorizontalDivPanel { min-height:37px; }
.PublishPage .column1Panel .iconLabel2 { margin: 5px 0; cursor:pointer; }
*/	 
.slideAnimation { width:100%; }

.searchForm { display:inline-block; }

.bookViewBoxOverlay { 
	animation-name: blackBarAnim;
    animation-duration: 0.3s;
    background-color:red;
    min-width:100px;
    min-height:20px;
}

.bookViewBox.large { 
	animation-name: largeImage;
    animation-duration: 0.3s;
	width:240px; 
}

.bookViewBox.large .imageContainer img { 
	animation-name: largeImageImg;
    animation-duration: 0.3s;
	max-width:500px;
	max-height:900000px;
	height:260px;
	bottom:auto;
}

.bookViewBox.large .imageContainer { 
	animation-name: largeImageImg;
    animation-duration: 0.3s;
	height:260px;
}

/*
@keyframes largeImage {
	from { width:210px; }
	to { width:240px; }
}

@keyframes largeImageImg {
	from { height:210px;  }
	to { height:260px; }
}
*/
.NObookViewBox.large  { position:relative; top:40px; width:260px; max-width:400px; max-height:400px; }
.NObookViewBox.large .imageContainer img { width:auto; max-width:500px; max-height:260px; height:260px; }

.sectionHtml { background-color: white; padding:16px 0 0 0; font-size:18px; line-height:23px; }
.sectionHtml h1 { font-size:26px; line-height:30px; }
.sectionHtml h2 { font-size:22px; line-height:26px; }

.PublishDistributionGrid { width:100%; }

.PublishDistribution .pdfSettingsView { width:600px; margin:0 auto;}
.PublishDistribution .pdfSettingsView td .gwt-Label { margin-right:30px;}



.pointSizeInput { width:50px; }

.sectionHtml .colorFrame { border-style:none; background-color:white; }
.sectionHtml .whiteFrame { width: calc(100% - 64px); margin: 50px 32px; border-width:2px; border-style:solid; border-color:#cfe5e7; 
background-color:white; text-align:center;  }

.sectionHtml .whiteFrame td { border-style:none; }

.sectionHtml p i sup { position:relative; top:-40px;}

.sectionHtml table { margin-bottom:50px; }

.sectionHtml table td { padding: 16px; }
.sectionHtml .normalTable { margin: 20px auto 50px auto; }
.sectionHtml h1,.sectionHtml h2,.sectionHtml .div { padding:0 32px; margin: 0 0 6px 0; }

.sectionHtml >p { padding:0 32px; }

.sectionHtml table td {  vertical-align: top; }
.sectionHtml .normalTable {  NObackground-color: #cfe5e7;  border-style:solid; border-width: 0 0 1px 0; border-color:white; }
.sectionHtml .normalTable td { border-style:solid; border-width:3px 3px 0 0px; border-color:white; }
.sectionHtml .normalTable td:nth-child(1) { color: #338291; text-align:center; font-size:22px; line-height:26px; font-weight:bold;}
.sectionHtml .normalTable td:nth-child(2) { NObackground-color:#f4f4f4; }
.sectionHtml .normalTable td:nth-child(3) { NObackground-color:white; }


.sectionHtml table .orangeButton2Filled { margin:0 auto; display: block !important; }

.sectionHtml .fig img { margin-bottom: 50px; }

.sectionHtml table .orangeButton2Filled { width:156px; }
.sectionHtml table .orangeButton2Filled:nth-child(3) { background-color:white; border-color:black; border-style:solid; border-width:1px; }
.sectionHtml table .orangeButton2Filled:nth-child(3) span { color:black; }

.sectionHtml .ButtonW { background-color:white; border-color:black; border-style:solid; border-width:1px; }
.sectionHtml .ButtonW span { color:black; }

.sectionHtml .ButtonRGreen { background-color: #AFCC5E; }
.sectionHtml .ButtonRLightblue { background-color: #CFE5E7; }
.sectionHtml .ButtonROrange { background-color: #ed7527; }
.sectionHtml .ButtonRDarkblue { background-color: #338291; }
.sectionHtml .ButtonRBeige { background-color: #E3D69E; }

.sectionHtml .orangeButton2Filled { display:inline-block !important; }

.sectionHtml .ButtonRDarkblue, .sectionHtml .ButtonROrange, .sectionHtml .ButtonRLightblue, .sectionHtml .ButtonRGreen, .sectionHtml .ButtonRBeige 
{ margin:0 auto !important; display:block !important; width:136px !important; height:136px !important; border-radius:68px; border-width:4px; border-color:black; border-style:solid; }

.sectionHtml .ButtonRDarkblue .iconFont, .sectionHtml .ButtonROrange .iconFont, .sectionHtml .ButtonRLightblue .iconFont, .sectionHtml .ButtonRGreen .iconFont, .sectionHtml .ButtonRBeige .iconFont
{ text-align:center; font-size:60px; position:relative; top:30px; display:block; color:black; }

.sectionHtml .ButtonRDarkblue .gwt-InlineLabel, .sectionHtml .ButtonROrange .gwt-InlineLabel, .sectionHtml .ButtonRLightblue .gwt-InlineLabel, .sectionHtml .ButtonRGreen .gwt-InlineLabel, .sectionHtml .ButtonRBeige .gwt-InlineLabel
{ position:relative; top:46px;font-weight:400; font-weight:bold; text-align:center;display:block; color:black;}

html .sectionHtml table .ButtonO.orangeButton2Filled { color:white; cursor:pointer; display:inline-block; background-color: #ed7527; NOmargin: 14px 0 14px 0;
padding:0 15px; font-size:15px;  line-height:32px; height:36px; border-style:none;  border-radius: 19px; }
html .sectionHtml table .ButtonO.orangeButton2Filled span { color:white; }
html .sectionHtml table .orangeButton2Filled:nth-child(3) span { color:white; }

.sectionHtml table .Button { color:white; cursor:pointer; display:inline-block; background-color: #ed7527; margin: 0px 0 28px 0;
padding:0 15px; font-size:15px;  line-height:32px; height:36px; border-style:none;  border-radius: 19px; }

.sectionHtml > p > .orangeButton2Filled { margin:0 auto; display:block; }

.section { background-color:white; color: black; padding: 30px;  }

.section:nth-child(2) { background-color: #d2e1e4; color:black; }
.section:nth-child(3) { background-color: white; color:black; }
.section:nth-child(3) .orangeButton2Filled { border-color:black; border-style:solid; border-width:1px; }

.section:nth-child(odd) .sectionExtractImage { max-width:60%; float:left; }
.section:nth-child(even) .sectionExtractImage { max-width:60%; float:right; }
/*
.section .right { width:36%; margin:0 2%; float:right; margin-top:40px;  }
.section:nth-child(odd) .right h1 { position:relative; left:-120px; font-size:40px; line-height:50px;}
.section:nth-child(even) .right h1 { position:relative; left:240px; font-size:40px; line-height:50px;}

.section .subHeadline { text-align:center; font-size:22px; line-height:26px; }

.section .leftColumn { width:47%; float:left; }
.section .rightColumn { width:47%; float:right; margin-right:1%;  }
.section .rightColumn .orangeButton2Filled { background-color:white; }
.section .rightColumn .orangeButton2Filled span { color:black; }
*/
.productFormatSelect { background-color:white; display:inline-block; color: #53585F; border-radius:6px;   
border-width:1px; height:34px; line-height:34px; padding:0 16px; border-style:solid; border-color:#E6E6E6; 
position:relative; top:7px; }

/* ACAC
.TopFilterShow { display:inline-block; width:265px; border-width: 0 0px 0 1px; padding-left:6px;  }
.TopFilterShow input { vertical-align:bottom; }
.TopFilterShow .line { min-height:30px;}
 */
.TopFilterShow { color: #53585f; font-size:11px; position:absolute; left:83vw; width:17vw; padding:0 0 0 12px;  }
.TopFilterShow input { vertical-align:bottom; }
.TopFilterShow .line { min-height:30px;}
.TopFilterShow select { font-size:13px; padding: 2px 8px; }
.TopFilterShow > div { margin-bottom:30px; float:right; width:140px; top:0; position:relative; }
.TopFilterShow .searchForLabel { margin-left:4px; }
.TopFilterShow { position:fixed; top:140px; }


.divider { clear:both; height:1px; background-color:#E6E6E6; }
.ProductSearch form { margin: 0 auto; width:550px; }
.ProductSearch .divider { margin: 20px 0;}
.ProductSearch .line { margin-bottom:10px; }
.ProductSearch .checkboxText { font-weight:bold; }
.ProductSearch .booksFromOtherPublishers { text-align:center; }
.SinglePaperPage.fullWidth { width:auto; margin:24px; }

.searchForLabel { margin-right:12px; }

.languageContainer { margin-left:21px; display:inline-block; position:relative; top:12px; }

.SearchOptions { position:relative; margin: 0 20px; display:inline-block; float:right; }
.languageLabel { float:right; }
.languageContainer { max-height:400px; overflow:auto; }

.toggleContainer { margin-right:7px; color:black; display:inline-block; }
.toggleContainer.selected .iconFont { font-weight:bold; color: #ed7527; }

.imageBarInner { width:4000px; }
.floatRight { float:right;}

.innerScroll div {display:inline-block; }
.innerScroll { width: 4000px; }
.audiobookPlayer { padding:16px 0; width:530px; NOheight:260px; margin:0 auto; background-color: #eee;}
.audiobookPlayer .SmallBookView { padding:0; width:100%; height: 252px; }
.audiobookPlayer audio { width:100%; }
.audiobookPlayer .logo { height:32px; float:left; }
.audiobookPlayer .title { max-width:300px; display:inline-block; margin-left:40px; max-height:44px; overflow:hidden; }
.audiobookPlayer .chapterContainer { color: #53585f; font-size:12px; line-height:14px; max-height:242px; min-height:242px; overflow:auto; }
.audiobookPlayer .top { height:52px; }
.audiobookPlayer .playing { color: #ed7527; }
.audiobookPlayer .bottom { font-size:12px; line-height:14px; }
.audiobookPlayer .bottom div { float:left; margin-right:12px; }

.bookViewBoxOverlay {  text-align:center; height:34px; left:0px; bottom:0px; position:absolute; }
.bookViewBoxOverlay { background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.95) 100%) }
.bookViewBoxOverlay .iconFont { cursor:pointer; opacity:1; font-size:20px; width:20px; height:24px; color:white; line-height:34px; margin:0 6px; }
.bookViewBoxOverlay .iconFont:hover { color:#ed7527; text-decoration:underline; }


.bookViewBoxOverlay { background-color:black; position:absolute; left:0; bottom:0; }

.BookOverviewHorizontalScroll .scrollLeft { position:absolute; cursor:pointer; left:4px ; z-index:100; top:140px; }
.BookOverviewHorizontalScroll .scrollRight { position:absolute; cursor:pointer; right:26px; z-index:100; top:140px; }

.BookOverviewHorizontalScroll .scrollButton.disabled { box-shadow:none; border-style:none; opacity:0.4; }
.BookOverviewHorizontalScroll .scrollButton.disabled:hover { background-color:white; }

body .BookOverviewHorizontalScroll .scrollButton.disabled { opacity:0.4; }

.BookOverviewHorizontalScroll .scrollButton { border-width:1px; border-color:#eee; width:32px; height:32px; background-color:white; border-radius:16px; box-shadow: 0 7px 32px 0 rgba(0,0,0,0.07), 0 2px 5px 0 rgba(0,0,0,0.07); }
.BookOverviewHorizontalScroll .scrollButton:hover { background-color:#ddd; }
.BookOverviewHorizontalScroll .scrollButton .iconFont { color: #ed7527; font-weight:bold;  top:5px; font-size:16px;position:relative; }

.BookOverviewHorizontalScroll .scrollButton.disabled .iconFont { color:#5f5f5f; }

.BookOverviewHorizontalScroll .scrollLeft .iconFont { left:5px; } 
.BookOverviewHorizontalScroll .scrollRight .iconFont { left:8px; } 
.BookOverviewHorizontalScroll { position:relative; top:-485px; }

.bookViewBox .selected { color:#ed7527; font-weight:bold; }

.BookOverview .inner { width: calc(100% - 48px); overflow: hidden; position: relative; left: 24px; padding-bottom:15px; }



.searchBox::placeholder { color: #d9d9d9; opacity:1; }

body .grid23.noShadow { box-shadow: none; }
.BookOverview { background-color:white; NObox-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2); }

body .Page { position:relative; NObackground-color: #f4f4f4  }
/* .Page .BookOverview { padding:0 15px; margin-bottom:20px; } */
.Page .BookOverview { margin: 24px 44px 15px 20px; border-radius:8px; border-color:#9f9f9f;border-width:1px; };

.BookOverview { padding-top:12px; border-width:1px 0 1px 0; NOoverflow:hidden; }
.BookOverview .bookContainer { margin:0 0 0 0px; height:280px; width:900000px; position:relative; }

#themaBox { min-height:300px; border-width:1px; border-color:#a00; }

body { position:relative; height:100%; margin:0; padding:0; font-size:15px; line-height:20px;  color: #3D1E0C; background-color: #f7f4ef; }
body { font-family: "Open Sans" !important }

div,input,textarea,select { border-style:solid; border-width:0; border-color:#9f9f9f; box-sizing: border-box;  }
input,select,textarea,select { border-radius:12px; font-size:14px; }
body input,textarea,select { border-width:1px; padding:6px 8px;  }
input::placeholder,textarea::placeholder .Placeholder { color: #9f9f9f; } 

a { color:inherit; text-decoration:none; }
a:hover { color:inherit; text-decoration:underline; }
img { border-style:none;  }

.MiniCartTable img { position:relative; left:-8px;}


.bodyTextFont { font-family: 'Cormorant Garamond'; }

.andersHeadline { margin:0 0 8px 0; font-weight:900; font-family: 'Playfair Display', serif; font-size:24px; color:black; }

.injectMenuContainer { position:fixed; top:100px; NOleft:0; z-index:9999; }

.noteNumberPanel { position:relative; top:10px;  width:300px; min-height:30px; min-width:30px; float:right; margin-right:10px; font-size: 13px;  }
.noteNumberPanel .gwt-RadioButton { font-size:13px; }
.noteNumberPanel > .gwt-Label { float:left; }

.AuthorOverviewMediator table { width: 100%; }

li[marker='1.'] { list-style-type: decimal; }
li[marker='1)'] { list-style-type: decimal; }
li[marker='1)']::before { content:')'; position:relative; left:-0.5em; }
 
li[marker='i.'] { list-style-type: lower-roman; }
li[marker='I.'] { list-style-type: upper-roman; }
li[marker='a.'] { list-style-type: lover-latin; }
li[marker='A.'] { list-style-type: upper-latin; }
li[marker='a)'] { list-style-type: lower-latin;  }
/* li[marker='a)']::before { content:')'; position:relative; left:-0.5em; } */



.bookSearchHighlight { color: #ed7527; }

.EmbeddedPopupReader { z-index:9999; overflow: auto; background-color:#fff; position:fixed; top:16px; height:calc(100vh - 32px); 
left:16px; width: calc(100% - 32px); }
.EmbeddedPopupReader .left { width:20%; float:left;}
.EmbeddedPopupReader .right { width:80%; float:right; overflow:hidden; }

.reader { outline: none; }
/*
Dark grey:  was: #53585f
text light grey: #c3c3c3 -> #9e9e9e;

Border light grey: #E6E6E6
*/
.roundBorder { border-radius: 6px; border-style:solid; border-width:1px; }

.autoWidth { width:auto !important; }

.tmpContainer .chapterListContainer { margin-top:40px; display:none; }
.tmpContainer .ChapterReadListWidget .labelContainer { margin:12px 0; } 

.tmpContainer .ReadmodeLeftNavigation { position:static; z-index:999; border-style:none; border-width:1px; 
font-size:24px; line-height:32px; margin-top:180px; display:none; }
.tmpContainer .ReadmodeLeftNavigation.visible { display:block; }

.tmpContainer .logo { display:none; }

.tmpContainer .ReadmodeLeftNavigation > div { padding:6px 24px; background-color: #E6E6E6; border-width:0; color:black; }
 

.tmpContainer .ReadmodeLeftNavigation.visible { left:0px; }
.tmpContainer .FixedChapterContentList .HorizontalDivPanel { margin: 0 0 8px 0; }
.tmpContainer .iconFont { color: #9e9e9e; }
.tmpContainer .FixedChapterContentList .ToogleLabel { font-size:18px; line-height:40px; }
.tmpContainer .FixedChapterContentList .ToogleLabel .gwt-Image { top: 16px; }

.ReadmodeLeftNavigation .logo { display:none; }

body div.tmpContainer .chapterListContainer { z-index:99; z-index:999; background-color:#f4f4f4; 
border-style:none; padding: 24px 30px 0px 14px; top:50px; font-size:21px; line-height:32px; }

/*
Dark grey:  was: #53585f
text light grey: #c3c3c3 -> #9e9e9e;

Border light grey: #E6E6E6
orange: #ed7527
*/

.tmpContainer .ChapterReadListWidget { margin-top:160px; display:none; z-index:999; background-color:#111; width:100%; border-style:none; padding: 24px 30px 24px 14px; font-size:24px; line-height:32px; }
.tmpContainer .ChapterReadListWidget .gwt-Image { display:none; }

.tmpContainer .ChapterReadListWidget.visible { display:block; }
.tmpContainer .ChapterReadListWidget .labelContainer { background-color: #E6E6E6; border-width:0; color:black; }

.tmpContainer .chapterListContainer .bookTitle { font-size:25px; }
.tmpContainer .chapterListContainer .labelContainer { min-height:40px; font-size:21px; padding:8px 24px; }

.EmbeddedContainer { width:250px; background-color:#ddd; border-style:none; height:400px; }
.EmbeddedContainer .spintypeCoverImage { width:100%; }
.EmbeddedContainer .spintypeLeft { width:46%; margin:0 2%; float:left; }
.EmbeddedContainer .spintypeRight { width:46%; margin: 0 2%; float:left; }
.EmbeddedContainer .bookTitle { color: #53585f; cursor:pointer; font-size:18px;text-align:center; margin: 0 0 10px 0; }

.Sane .HorizontalDivPanel .ColorWidget { display:inline-block; }

.spintypeFlipContainer { 
  width: 250px;
  height: 400px;
  position: relative;
  perspective: 800px;
}

.spintypeFlipContainer.saveButtonContainer { width:152px; height:26px; }
.grid21 .spintypeFlipContainer.saveButtonContainer { float:right; text-align:right; }
.grid23 .spintypeFlipContainer.saveButtonContainer { margin-top:10px; }

#animatedSaveButton .saveButton { float:left; }

.card {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
}
.card > div  {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.card .front { background-color:#f4f4f4; }
.card .back { background-color:#f4f4f4; transform: rotateY( 180deg ); }
.grid23 .card .front, .grid23 .card .back { background-color:white; }



.EmbeddedContainer .back, .EmbeddedContainer .front { 	background-color:#eee; 	overflow:hidden; }
.EmbeddedContainer .back { 	padding:12px; }

.card.flipped { transform: rotateY( 180deg ); }



.itemListTable {  border-style:none; margin:11px 4px; border-width:1px; width:100%;  }
.itemListTable .header { color: #ed7527; text-align:left; font-size:110%; }
.itemListTable td { padding:5px 6px; }
.itemListTable tr:nth-child(even) { background: #d6d6d6; opacity:0.8; }
.itemListTable tr:nth-child(odd) { background: #f0f0f0; opacity:0.8; }

.footnoteContent { display:none; }

.helpText { padding: 0 15px; }
.helpText img { max-width:100%; }

div .headlineTextBox { width:100%; margin:0 30px; display:block; border-style:none; text-align:center; }

.EndnoteSectionEditor .endnote { float:left; margin: 0 4px 0 0; }

.cke_menuarrow { display:none; }
.cke_menuarrow span { display:none; }

.noBorder { border-width:0; }

.NoteViewController table { width:100%; padding:0; margin:0px; }
.NoteViewController table .head { text-align:center; font-weight:bold; } 
.NoteViewController table td { border-width:1px; border-style:solid; padding:6px;}

.WordImportController .isChapters { text-align:center; font-size:120%;}
.WordImportController .ToogleLabel { margin:1em 0 }
.WordImportController > .inner .candidateList .SmallHeadline { margin-top:30px; }

.ToogleLabel .SwitchButton { position:relative; top:1px; left: -18px; }

.ClearEditorTools .ChapterListWidget2 .scrollContainer > * { display:none; }
.ClearEditorTools .ChapterListWidget2 .scrollContainer .fixedBottom { display:block; }
.ClearEditorTools .EditorBookToolbar2 > * { display:none; }
.ClearEditorTools .EditorContainerTop > .SwitchButtonIcon { display: none; }
.ClearEditorTools .EditorContainerBottom .right > * { display:none; }

.ChapterListWidgetAi > .scrollContainer { position:relative; }
body .customFields input { float:left; }
body .customFields input:first-child { width: calc(40% - 14px); float:left; margin-right:14px; }
body .customFields .HorizontalDivPanel { height:36px; }
p { margin:0 0 1em 0 }

.fullTable { border-collapse: collapse; width:100%; border-style:solid; border-color: #E6E6E6; border-width:1px; vertical-align:left; }
.fullTable td { border-color: #E6E6E6; vertical-align:top;  }

.IndexSection table { border-width:0; width:100%;  }
.IndexSection table td:nth-child(1) { width:40%; }
.IndexSection table td:nth-child(2) { width:40%; }
.IndexSection table td:nth-child(3) { width:20%; }
.IndexSection .gwt-TextBox { width:90%; }

.mtornamentation { opacity:1 !important; left:-58px !important; }
.mtornamentation span { display:block; opacity:1 !important;  }

.ChapterListWidgetAi .scrollContainer { padding-top:10px;  height: calc(100vh - 100px); overflow: auto; overflow-x: hidden; overflow-y: auto;  margin-top:20px; clear:both; }

.child { position:relative; background-color:red; height:200px; z-index:99997 }

.bold { font-weight:bold; }
.italic { font-style:italic; }

.increase { float:right; position:relative; top: 12px; cursor:pointer; }
.decrease { float:right; position:relative; top: 13px; font-size:14px !important; padding-right:10px !important; cursor:pointer;}

.labelText { margin-right:6px; }

.saveStatus{ float:right; top:17px; position:relative; color: #9e9e9e; font-size:10px; width:110px; text-align:right; margin-right:6px; }

/* These 3 rules were grid21Bar */
.grid21 { min-height:32px;}
.grid21 .expand { float:right; position:relative; top:11px; cursor:pointer; }

.grid13 { overflow:auto; }

.htmlView { padding:30px 8%; word-wrap: break-word; }

.reader .plos_indledning { font-size:150%; }
.reader .plos_chapterIntro { font-size:150%; margin:12px 0 4px 0;}
.reader .plos_article { margin-left:30px; }

.reader #block_count_0 { margin-top:14px; }

.htmlView .footnote { color:red; cursor:pointer; }

.FlowtextScrollReader .htmlView img.large { max-height:9000px; max-width:100%;}

.EditNoteDialog .popupContent { padding-left: 16px; }

.prodGetParagraphForHeight { position:absolute; top:-30000px; }
.getParagraphForHeight { position:fixed; left:100; z-index:999; top:400px; }

.CategoriesView { }
.CategoriesView .panel { width:150px; float:left; margin:10px 10px; }
.CategoriesView .gwt-Label { text-align:center; }
.CategoriesView img { display:block; margin:0px auto 3px auto; }

body .EditorContainerBottom .ChapterListWidget2 .labelContainer { position:relative; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-width:0; }

.EditorContainerBottom .ChapterListWidget2 .labelContainer .SwitchButtonIcon { position: absolute; top:10px; right: 17px; }

.ps-context-menu {
    display: none;
    position: absolute;
}

@keyframes example {
    from { left:400px; }
    to { left:0px; }
}

@keyframes exampleOut {
    from { left:0px; }
    to { left:400px; }
}

.gwt-RadioButton {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.gwt-RadioButton input[type='radio'] {
  display: none;
}
/*
.gwt-RadioButton label {
  color: #666;
  font-weight: normal;
}
*/
.gwt-RadioButton label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
  border-radius: 11px;
  border: 1px solid #9e9e9e;
  background-color: transparent;
}

.gwt-RadioButton input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 7px;
  left: 8px;
  content: " ";
  display: block;
  background: #ed7527;
}

.persistentHighlight { background-color: #9e9e9e; }
.persistentHighlight.selected { color:white; background-color: #53585f; }


.bookstyle_quote p { margin: 0;}
.nightmode .headerEnd { background-color: #555; }
.headerEnd { height:1px; background-color: #e6e6e6; margin:20px 0; }


.searchLabelContainer { text-align:center; font-weight:Bold; font-size:12px; margin-top:16px; }

@keyframes fadeOut { 0% { opacity: 0.7 } 100% { opacity:0; } }

body .toolbar .split { background-color: #E6E6E6; padding:0; margin:0; width:1px; height:35px; display:inline-block; position:absolute; opacity:1 !important; }
.toolbar #cut {margin-left:7px; }
.toolbar #pscomment-button { margin-left:7px; }

.stdButtonPanel .orangeButton2 { margin-left:10px; margin-right:10px; }

.stdButtonPanel { text-align:center; clear:both; }
.stdButtonPanel .NewstyleButton { margin: 0 10px; }

.EditHyphView input { width:200px; }
.EditHyphView table td:nth-child(1) { width:40%; }
.EditHyphView table td:nth-child(2) { width:20%; }
.EditHyphView table td:nth-child(3) { width:40%; }
.EditHyphView .smallOrange { text-align:center; }

body div .reviewHyph { border-width: 1px 0 0 0 !important; border-style: solid; 
	margin: 10px 0 !important; padding: 16px 0 0 !important; border-color: #E6E6E6; }


.BuyBookView .SmallBookView { margin:0 auto; float:none; }

.SmallBookView .review { height:60px; overflow:hidden;  }

.searchScopeContainer { width:315px; text-align:center; position:relative; top:9px; color: #9e9e9e; height:30px; display:inline-block; font-size: 10px !important; }
.searchScopeContainer .gwt-Label:hover { text-decoration:none; }
.searchScopeContainer .gwt-Label.selected { color: #ed7527 !important; }
.searchScopeContainer .gwt-RadioButton { position:relative; top:-9px; }
.searchScopeContainer .iconFont { position:absolute; left:-36px; top:3px; font-size:16px; } 

.row1 { z-index: 4} 

/* animate and animate out is used by Eddie. */
.animate { 		
	animation-name: example;
    animation-duration: 0.6s;
}
.animateOut {
	animation-name: exampleOut;
    animation-duration: 0.6s;
    left:400px;
}
body .ProgressCallback { padding:20px; }

div .searchBarWriter { display:inline-block; padding:0 0 0 10px; position:relative; top:-3px; }
.searchBarWriter.expanded { z-index:8; height:76px; background-color:white; padding-right:12px;
border-width:1px 1px 1px 0; display:inline-block; position:absolute; top:-1px;
box-shadow: 5px 5px 6px -3px rgba(83,88,95,1); }

body .searchButton { top:9px; left:10px; background-color:white; padding:12px; border-radius:8px; position:relative; cursor:pointer;
border-style:solid; border-width:1px; border-color: #E6E6E6; font-size:32px; }

.smallOrangeLink { line-height: 1.2em; font-size: 12px; color: #ed7527;  }

div .searchBarWriter .inner { top:0px; position:relative; }
div .searchBarWriter .searchTextBox { padding-right: 30px; }

.secondLine { position:relative; top:1px; }

.secondLine .gwt-Label { position:relative; margin-top:10px; }

.searchBarWriter input { padding: 2px 8px; font-size:13px; }
.saveButtonWriteMode { position:relative; top:12px; }

.plainHtmlView p { margin: 0 0 1em 0; }
.plainHtmlView h2, .helpText h2 { margin: 16px 0 6px 0; font-weight:normal; font-size: 20px; }

body .ChapterReadListWidget { min-height: 24px; padding: 10px 12px 0 24px !important; font-size:14px;}
.ChapterReadListWidget table, .tableOfContent table { border-style:none; width:auto; }

.extendedContainer .HorizontalDivPanel span { display:inline-block; line-height:16px; margin-right:24px; }

.IndexSection .labelText,.TableOfContentSection .labelText { font-size:14px; color: #3a818a; text-transform:uppercase; }

.TableOfContentSection .NewstyleButton { margin-top:20px; }

.TableOfContentSection .HorizontalDivPanel { margin:4px 0; }
.TableOfContentSection h1 { text-align:center; }
.TableOfContentSection .outer .orangeButton2 { float:right; margin-right:10px; }
.readonlyContentWriterFrame { margin-top:20px; border-color: #E6E6E6; border-width:1px;padding:6px 12px; border-radius: 9px; }
.readonlyContentWriterFrame.bookstyle_h1 { font-size:16px; }
.readonlyContentWriterFrame h1 { margin:8px 0 14px 0 }
.readonlyContentWriterFrame .chapter { margin:7px 0; }

.TitleSection .readonlyContentWriterFrame { min-height:400px; text-align:center; padding-top:60px; }
.HalfTitleSection .readonlyContentWriterFrame { min-height:300px; text-align:center; padding-top:60px; }
.readonlyContentWriterFrame { padding-top:20px; }
.SelectStyleView { }
.SelectStyleView .bookStyleDiv {  }
.SelectStyleView .bookStyleDiv img { width: calc(50% - 2px); border-style:solid; border-width:1px; }
.SelectStyleView .bookStyleDiv .iconFont { position:absolute; top:150px; }
.SelectStyleView .bookStyleDiv .gwt-RadioButton { position:relative; top:25px; }

.SelectStyleView .styleImageDiv { position:relative; width:440px; margin:0 auto 20px auto; NObackground-color:#eee;}
.SelectStyleView .styleImageDiv.big { width:90%; }
.SelectStyleView .cursorContainer { position:absolute; width:0; height:0; cursor:pointer; }
.SelectStyleView .prevContainer .iconFont { position:relative; left:-30px; }
.SelectStyleView .nextContainer { right: 0; }
.SelectStyleView .nextContainer .iconFont { position:relative; left:30px; }

.ShowUsersVoucher .line .edit { margin-left:10px; }
.ShowUsersVoucher .voucher { border-width:0 0 1px 0; margin:0 0 10px 0; padding: 0 0 10px 0; }
.BookMenuVouchers .NewstyleButton { margin-top:10px; }
.BookMenuVouchers .voucherCodeLine img { width:16px; margin-left:10px; }

.TitleSection .bookstyle_title { margin: 15px 0 0 0;  font-size:55px; }
.TitleSection .bookstyle_subtitle { font-size:32px; }
.TitleSection .bookstyle_h2 { margin: 20px 0 0 0; font-size:40px; }

.ColorSelector { width: 462px; }
.ColorSelector .grayContainer { width: 250px; clear:both; }
.ColorSelector .hexcodePanel { margin: 69px 0 0 0; text-align:right; }
.ColorSelector .hexcodePanel input { width:160px; margin: 0 5px 0 5px;}
.ColorSelector .singleColor { width: 25px; height:25px; margin: 4px 4px; float:left;}

.GwtImageUploadDialogNotCkeditor .gwt-Image {display:block; margin:0 auto 8px auto; }
.GwtImageUploadDialogNotCkeditor div.HorizontalDivPanel { padding:8px 0;}
.GwtImageUploadDialogNotCkeditor input { width:50px; }
.GwtImageUploadDialogNotCkeditor #imageFiles { width:auto; }

.GwtImageUploadDialogImpl { min-width:420px; min-height:100px; z-index:10000001; }
.GwtImageUploadDialogImpl .orangeButton2 { display:inline-block; width:116px; }
.GwtImageUploadDialogImpl .previewImageContainer  { max-height:400px; }
.GwtImageUploadDialogImpl img  { display:block; max-width:400px; max-height:400px; }
.GwtImageUploadDialogImpl .HorizontalDivPanel .gwt-InlineLabel { margin-right:6px;  }
.GwtImageUploadDialogImpl .HorizontalDivPanel .InfoLabel { width:160px; }
.GwtImageUploadDialogImpl .HorizontalDivPanel .gwt-CheckBox input { position:relative; top:3px; }

.GwtImageUploadDialogImpl .imageWidth { width:50px; }
.GwtImageUploadDialogImpl #upload { display:block; margin:8px 0; }
.GwtImageUploadDialogImpl .gwt-CheckBox { margin-right:10px; }
.GwtImageUploadDialogImpl .HorizontalDivPanel { padding:2px 0; clear:both; }
.ReadmodeTopBar { padding-top:6px; margin-right:17%; min-height:32px;line-height:26px; text-align:right; }
.ReadmodeTopBar .iconFont { margin-right:8px; cursor:pointer; top:0; padding-right:0 !important;}

.ReadmodeTopBar .iconFont:hover { opacity:0.85; color: #ed7527; }

.gwt-PopupPanelGlass { background-color: #000; opacity: 0.3; filter: alpha(opacity=30); }
.customGlassPopup { width:100vw; height:100vh; position:fixed; top:0; left:0;  }

.ColophoneSection .CkEditorMini { margin:40px 0 0 2px; }
.CkEditorMini iframe { border-width:1px 0 0 0;border-style:solid; border-color:#E6E6E6; }
.CkEditorMini { NOmargin:40px 0 0 2px; height:300px; border-style:solid; border-width:1px; }
.CkEditorMini .cke_toolbar { padding: 0 0 2px 0; }
.CkEditorMini .cke_contents { height:267px !important; }

.ChapterFlowtextSection { margin: 20px 24px; }
.ChapterFlowtextSection table { width:100%; }
.ChapterFlowtextSection table td:nth-child(1) { width:40%; }
.ChapterFlowtextSection table td:nth-child(2) { width:40%; }
.ChapterFlowtextSection table td:nth-child(3) { width:20%; text-align:center; }
.ChapterFlowtextSection .headline { text-align:center; margin:0 0 15px 0; }
.ChapterFlowtextSection .headline { display:block; margin:0 auto; width:100%; max-width:400px;}

.ImageSelectPanel img { margin-right:8px; }
.ImageSelectPanel .selected { border-style:solid; border-width:2px; border-color: #ed7527; }

.delete { font-size: 10px !important; }
.small { font-size: 10px !important;  }


.smallOrange { font-size: 10px !important; line-height: 12px !important;  color: #ed7527 }



body div .smallText { font-size:10px !important; line-height:12px !important;  }

.grid11 img { position:relative; top:7px; height:34px; }
.grid11 .promotionPartner img { height:28px; margin-left:20px; position:relative; top:2px;}

.grid12 .iconFont { font-size:12px; position:relative; top:7px; }

.readBookToogleMenu { display: none; cursor:pointer; }
.fullscreen .readBookToogleMenu { display:inline; }

.fullscreen { border-color:white !important; }
.fullscreen div { border-color:white !important; }

.readmode .fullscreen div { border-color:#e9e0d7 !important; }
.readmode .fullscreen { border-color:#e9e0d7 !important; }

.nightmode .fullscreen { border-color:#333 !important; }
.nightmode .fullscreen div { border-color:#333 !important; }

.Bottom { clear:both; }

.fullscreen .BottomView { display: none; }
.fullscreen .UserInfo { display:none; }
.fullscreen .collapsedToolbar .previewChapterBox  { display:none; color:red; height:400px; }

.readmode .readmodeButton .iconFont { color: #ed7527 !important; opacity:1;  }
.nightmode .nightmodeButton .iconFont { color: #ed7527 !important; opacity:1; }

.readmode { background-color: #e9e0d7; color: #845B41 }
.readmode > div > div > div > div { background-color: #e9e0d7 !important; }

.readmode div { border-color: #eee;}

body.ai.nightmode { NOcolor: #c3c3c3 !important; background-color:#333 !important; }
.nightmode.ai .SecondaryTopBar { background-color:#777; }
.nightmode.ai input { background-color:#aaa; color: #000; }
.nightmode.ai input::placeholder { color: #444; }
body.nightmode .ChapterListWidget2 .labelContainer { background-color:#ddd; }


.nightmode div { border-color:#555; }
.nightmode .iconFont { color: #c3c3c3 }
.SectionEditor { padding: 50px 4%; }
.SectionEditor .outer.injectedStyle input { border-style:solid; border-width:1px 0; border-color: #CCCED1 #CCCED1 #E6E6E6 #E6E6E6; } 


.ReadBookController .row2 { background-color:inherit; }

.logoContainer { padding-top:20px; margin:0px auto; max-width:400px; text-align:center; }

.PdfSettingsView .bottomContainer .gwt-RadioButton { display:block; width:150px; height:33px; }
.PdfSettingsView .bottomContainer .left { width:180px; float:left; }
.PdfSettingsView .bottomContainer .center { width:240px; margin-right:40px; float:left;  }
.PdfSettingsView .bottomContainer .right { width:240px; float:left;  }
.PdfSettingsView .bottomContainer .smallHeadline { margin-bottom:8px; }
.PdfSettingsView .orangeButton2 { display:inline-block; margin:10px auto 20px auto; }
.PdfSettingsView .bottomContainer .right .gwt-TextBox { width:40px; }
.PdfSettingsView .center .gwt-Label { display:inline-block; }

select { background-color:white; border-style:solid; border-width:1px; appearance: none; -moz-appearance:none; -webkit-appearance: none;  }

body .EditNoteDialog { padding-top:15px; }
.EditNoteDialog textArea { width:600px; height:300px; }

.EddieOverlay { position:absolute; background-color:white; width:100%; box-sizing: content-box !important; }
.EddieOverlay img { position: absolute; bottom:-13px; left:60%; }
.EddieOverlay .message  { border-width:1px;  margin:8px; width:calc(100% - 32px); padding:0 8px;
border-color: #ed7527; border-radius: 10px; }
.EddieOverlay .orangeButton { margin-top: 20px; margin-bottom:20px; width:auto; margin-left:10px;  }
.EddieOverlay .moreButton { float:right; margin-right:40px; }
.eddiePopupImage { position:absolute; width: calc(64% - 20px); top:100px; padding:20px; background-color:white; }

.BaseGlassPopupPanel { 
	background-color:white; 
    background-color: #fff;
    border-style:solid;
    border-color:#E6E6E6;
    border-width:1px;
    padding:20px;
	box-shadow: 5px 5px 6px -3px rgba(83,88,95,1);
	border-radius: 30px;
	min-width:300px;
	z-index:99999999;
	max-width:70%;
}

.centerText { text-align:center;}

.BaseGlassPopupPanel .closeButton { cursor:pointer; position:absolute; font-size:15px; right:15px; top:15px}
.BaseGlassPopupPanel .textHeadline { font-size:20px; line-height:24px; font-weight:900; }

/* Fix dialogs */
.cke_dialog_title { display:none; }
.cke_dialog_close_button { display:none; }

.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; }

.NO_BaseGlassPopupPanel .stdButtonPanel div:first-child { float:left; }
.NO_BaseGlassPopupPanel .stdButtonPanel div:nth-child(2) { float:right; }

.BrowseCategories .searchBar { display:none; }

.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;}

.UserProfile .left { max-width:50%; width:350px; margin:0 auto; padding-right:10px; }
.UserProfile .right { max-width:50%; width:250px; padding-left:10px; float:left; }
.UserProfile .smallHeadline { margin:6px 0 4px 0; } 

.UserProfile .leftRightContainer { max-width:100%; width:600px; margin:0 auto; }
.UserProfile .smallHeadline { clear:both; }
.UserProfile .inner .HorizontalDivPanel .gwt-InlineLabel { width:135px; display:inline-block; color:#afafaf; font-size:12px; }
.UserProfile .inner .HorizontalDivPanel { padding:4px 0; }
.UserProfile .inner input, .UserProfile select { width:100%; }
.UserProfile .creditCardPanel { border-width:0 0 1px 0; padding-bottom:12px; margin-bottom:20px; }

.UserProfile .stdButtonPanel { margin-top:18px; }
.UserProfile .stdButtonPanel .NewstyleButton { width:100px;}

.PublisherSettingsController .HorizontalDivPanel .gwt-InlineLabel { width:130px; display:inline-block; }
.PublisherSettingsController .HorizontalDivPanel { padding:4px 0; }
.PublisherSettingsController input, .PublisherSettingsController select { width:190px; }
.PublisherSettingsController .left { width:350px; float:left; padding-right:10px; }
.PublisherSettingsController .right { width:350px; padding-left:10px; float:left; }
.PublisherSettingsController .smallHeadline { padding-top:30px; }
.PublisherSettingsController .leftRightContainer { width:700px; margin:0 auto; }
.PublisherSettingsController .smallHeadline { clear:both; }

.ConfirmationDialog { width:350px; }
.ConfirmationDialog .orangeButton2 { margin-bottom:0; }

.MessageDialog .orangeButton2 { position: relative; left: 50%; transform: translateX(-50%); margin-bottom:0; }
.MessageDialog .stdButtonPanel { min-width:270px; margin:0 auto; }
.MessageDialog .stdButtonPanel .orangeButton2 { left:auto; transform:none; }

.BaseGlassPopupPanel.large { width:80%; left:10%; margin-bottom:60px; top:30px !important; overflow:auto !important; }

.MessageConfirmDialog, .MessagePromptDialog { text-align:center; }
.MessageConfirmDialog .stdButtonPanel { margin-top:8px; }
.MessagePromptDialog .stdButtonPanel { margin-top:8px; }

.AuthorCellPopup .stdButtonPanel { margin-top:30px; border-width:1px 0 0 0; border-style:solid; }
.AuthorCellPopup .headerH2 { text-align:center; }
.AuthorCellPopup .line .iconFont { margin-left:12px; font-size:14px; }

.InviteAuthorController { max-width:800px; }
.InviteAuthorController .smallHeadline { margin-bottom:8px; }
.InviteAuthorController .inviteByEmail { width: 100%; }
.InviteAuthorController .gwt-CheckBox { display:block; margin-top:7px; }

.ShowSharedWithController .authorView { margin: 12px 0 0 0; max-height:300px; overflow:auto; }
.ShowSharedWithController .authorView .iconFont { margin-left:6px; cursor:pointer; }

.authorContainer .clear { height:20px; }

.gwt-PopupPanelGlass { z-index:9000; }

.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;
}

.SaneGlassPopupPanel {
	background-color:white; 
	z-index:9999999;
    background-color: #fff;
    border-style:solid;
    border-color:#E6E6E6;
    border-width:1px;
	box-shadow: 5px 5px 6px -3px rgba(83,88,95,1);
	border-radius: 30px;
/*
	color: #9e9e9e;    
	font-size:13px;
*/
	padding: 14px 20px;
}
.SaneGlassPopupPanel .inner { margin-bottom:15px; }

.SplitContainer .line.horizontalPanel .SwitchButton { position:relative; top:3px; }


.popupButtonPanel { padding:10px 0; }
.popupButtonPanel button { margin-right:20px;  }

.GlassPopupPanel .close {  position:relative; top: -12px; }
.GlassPopupPanel .close .iconFont { font-size:12px; cursor:pointer; float:Right; position:absolute; right:0px;  }

body .CreateBookView { text-align:center; }
.CreateBookView .gwt-TextBox { margin: 3px 0 16px 0;}
.CreateBookView .orangeButton { margin-top:14px; }
.CreateBookView .gwt-HTML { margin:8px 0 22px 0; }
.CreateBookView .gwt-ListBox { display:block; margin:0 auto;}
.CreateBookView .HorizontalDivPanel { margin-top:7px; }
.CreateBookView .iAccept { margin-right:8px; }
.CreateBookView .radioButtonContainer { padding: 8px 0; }
.CreateBookView .radioButtonContainer .gwt-RadioButton { margin: 0 16px; }


div div .menuMoreDots { margin-right:8px; position:relative; top:6px; font-family: 'Simple-Line-Icons-Pro' !important; font-size:16px; float:left;  color: #9e9e9e; cursor:pointer }
.menuMoreDots:hover { color: #53585f !important }

div div .menuMoreDotsHidden { left:8px; position:relative; top:8px; font-family: 'Simple-Line-Icons-Pro' !important; font-size:5px; float:left;  color: #9e9e9e; cursor:pointer }
.menuMoreDotsHidden:hover { color: #53585f !important }

div div .cke_top { NOoverflow:hidden; max-height: 28px; }
div div .cke_top span:first-child { border-width:0 1px; }
div div .cke_top > .gwt-Label { position:absolute; right:8px; top:7px; }
div div .cke_top > .gwt-Label:hover { color:#ed7527 !important; }

.SingleBookView .navigationBox { margin: 0 auto; width:360px; height:110px; border-width:1px;
border-color: #E6E6E6; border-radius:  14px; position:relative;  }

.cke_toolbox  { }

.SingleBookView .navigationBox > div { width:50px; font-size:10px; position:absolute; top:35px; }
.SingleBookView .navigationBox .prevBox { left:20px; }
.SingleBookView .navigationBox .nextBox { left:320px; width:30px; }
.SingleBookView .navigationBox .prevBook { position:absolute; top: -40px; left:80px; }
.SingleBookView .navigationBox .nextBook { position:absolute; top: -40px; left:220px; }

.BookBrowserWidget { position:relative; clear:both; margin: 20px 24px; padding:20px 0 40px 0; border-color: red; border-width:0px; background-color:White; border-radius:8px; 
width:80%; margin:0 auto 40px auto ; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); }

.BookBrowserWidget .imageBarContainer { overflow:hidden; margin-left:25px; padding-top:10px; }
.BookBrowserWidget .imageBar { margin-bottom:8px; }
.BookBrowserWidget .imageBar .selected { border-width:2px; border-style:solid; border-color:#ed7527; }
.BookBrowserWidget .imageBar img { margin: 0 10px; }
.BookBrowserWidget .scrollButton.disabled { box-shadow:none; border-style:none; }
.BookBrowserWidget .scrollButton.disabled:hover { background-color:white; } 

.BookBrowserWidget .scrollLeft { position:absolute; cursor:pointer; left:-15px; z-index:9999999; top:140px; }
.BookBrowserWidget .scrollRight { position:absolute; cursor:pointer; right:-15px; z-index:100; top:140px; }

.BookBrowserWidget .scrollButton { border-width:1px; border-color:#eee; width:32px; height:32px; background-color:white; border-radius:16px; box-shadow: 0 7px 32px 0 rgba(0,0,0,0.07), 0 2px 5px 0 rgba(0,0,0,0.07); }
.BookBrowserWidget .scrollButton:hover { background-color:#ddd; }
.BookBrowserWidget .scrollButton .iconFont { color: #ed7527; font-weight:bold;  top:5px; font-size:16px;position:relative; }
.BookBrowserWidget .scrollLeft .iconFont { left:5px; } 
.BookBrowserWidget .scrollRight .iconFont { left:8px; } 

.BookBrowserWidget .navBox { margin: 0 0 8px 33px; }

.BookBrowserWidget .navBox { margin:10px; text-align:center;  }
.BookBrowserWidget .navBox .orangeButton2 { margin:0 10px; display:inline-block; }
.BookBrowserWidget .navBox .headlineOrange { padding: 0 20px; }


.HorizontalDivPanel { position:relative; }

div .previewChapterBox { z-index:7; position:relative; height:32px; float:right; margin-right:11px; top:-2px; }
div .previewChapterBox .preview {  }
div .previewChapterBox .capTextLabel { font-size:14px; }
div .previewChapterBox div { left:-130px; cursor:pointer; }
div .previewChapterBoxRight { margin-right:6px;  }

div .previewPanel { padding:10px 10px; }
div .previewPanel .selected { color: #53585f; }

.previewChapterBox img { opacity:0.5; position:relative; top:8px; }

.ModeswitchController { border-width:0px 1px 0 1px; }
.ModeswitchController .grid22 img:hover { opacity: 1; }

div .contextMenuPanel, .contextMenuPanel {
	z-index:100;
    position: absolute;
    background-color: #fff;
    border-color:#E6E6E6;
    border-width:1px;
    border-style:solid; 
    top:50px;
    left:-40px;
	box-shadow: 5px 5px 6px -3px rgba(83,88,95,1);
	border-radius: 6px;
	font-size:13px;
	padding:4px 14px;
}
div .contextMenuPanel .capTextLabel { padding: 8px 0; 	text-align:center; color: #9e9e9e; z-index:9999; }


.WriteReviewController { margin: 20px; }
.WriteReviewController textarea { width:100%; height:200px; margin:10px 0px; }

.PdfSettingsView .formatContainer { height:220px; position:relative; text-align:center; margin-top:16px;  font-size: 16px; color: #9e9e9e}
.PdfSettingsView .formatContainer > div { display:inline-block; margin:0 10px; border-width:1px; position:relative; }
.PdfSettingsView .formatContainer div:hover { border-color: #53585f; color: #53585f; }
.PdfSettingsView .formatContainer .selected { border-color: #ed7527; color: #53585f; }
.PdfSettingsView .formatContainer .gwt-Label { padding-top:30px; }
.PdfSettingsView .sizeSelector .clear { height:40px; }

.PdfSettingsView .sizeSelector { width:750px; margin: 0 auto 24px auto; }
.PdfSettingsView .sizeSelector .InfoLabel { min-width:130px; margin-right:8px; display:inline-block; }
.PdfSettingsView .sizeSelector .moneyTextBox { margin:0 30px 0 5px; }
.PdfSettingsView .bottomContainer .right .gwt-InlineLabel { width:114px; }
.PdfSettingsView .bottomContainer .right .headerH2 { margin-bottom:22px; }
.PdfSettingsView .bottomContainer .right .HorizontalDivPanel .InfoLabel { line-height:34px; display:inline-block; }



.PdfSettingsView .sizeSelector .smallHeadline { margin-top:20px; }
.PdfSettingsView .sizeSelector .gwt-InlineLabel {  }
.PdfSettingsView .sizeSelector .HorizontalDivPanel { margin-bottom:8px; }
.PdfSettingsView .sizeSelector img { float:right; }
.PdfSettingsView .sizeSelector .marginPicture { width:260px; }

.PdfSettingsView .sizeSelector img.SwitchButton { float:none; margin-left:10px; }

.PdfSettingsView .spintypeFlipContainer { clear:both; padding-bottom:40px; }

.internalLink { cursor:pointer; }
.internalLink:hover { text-decoration:underline; font-weight:500; cursor:pointer;  }

.internalOrangeLink { color: #ed7527; cursor:pointer; }
.internalOrangeLink:hover { text-decoration:underline; }
/*
Used colors: 

Dark grey:  #53585f
text light grey: #c3c3c3
Border light grey: #E6E6E6
orange: #ed7527
*/

/** New styles */
.headline { font-weight:bold; font-size:26px; line-height:30px; margin: 0 0 8px 0; overflow:hidden; max-height:60px; }

.secondHeadline { margin-top: 10px; }
.textHeadline { font-weight:800; padding:0; text-align:center; font-size:28px; line-height:50px;   
letter-spacing:0.2px; margin: 15px 0 15px 0;  }

.textHeadline .iconFont { font-size:24px; }


.capTextLabel { font-size:12px; }

.smallOrangeHeadline { color: #ed7527; font-size:16px; line-height:15px; margin: 0 0 6px 0; }

.ProjectHubView .textHeadline { margin-top:5px; padding-top:20px;}

/* 53585f */

.subtitle { line-height:18px; font-size:16px; margin:0 0 2px 0; max-height:36px; overflow:hidden; }
.paragraph { font-size:14px; }

.headlineOrange { color: #ed7527; font-size:16px; }

.UserInfo { float:right; text-align:center; font-size:10px; position:relative; top:-5px;margin-right:10px;  }
.UserInfo .cartButton { cursor:pointer; }
.UserInfo .cart { cursor:pointer; }
.UserInfo img { width:42px; height:42px; position:relative; border-radius:21px;  }
.UserInfo .iconFont { font-size:24px; line-height:24px; position:relative; top:8px; }


a .iconFont:hover { color: #ed7527; }

.smartScrollContainer { margin-bottom:30px; width:calc(17% - 6px); position:fixed; }

.textLink { text-decoration:none; color: #ed7527; cursor: pointer; }
.textLink:hover { text-decoration:underline; }
.errorMessage { color:red; }

.LoginController { text-align:center;  }
.LoginController input { width:300px; display:block; margin:8px auto; }
.LoginController .errorMessage { margin:0 0 42px 0; }
.LoginController .createUser { padding-top:0; margin-top:0; }
.LoginController .spacer { height:30px;}
.LoginController .SecondaryTopBar * { display:none; }
.LoginController 


.clear { clear:both; display:block !important; float:none !important; width:100%; border-style:none; }
.clear10 { clear:both; height:20px; }
.clear20 { clear:both; height:20px; }
.clear30 { clear:both; height:20px; }

.SwitchButton { cursor:pointer; }

.textInputGrid { margin:0 auto; }
.textInputGrid td { padding:0 4px; }

.navigationTop, .BookshelfTopmenu { text-align:center; }
.navigationTop .gwt-Label { display:inline-block; margin:0 8px; cursor:pointer; }

.navigation {  font-size: 18px; line-height:30px; color: #555; oldcolor: #9e9e9e; }
.navigation .selected,.chapterListContainer .selected { color: #ed7527; }
.navigation .gwt-Label:hover { color: #53585f; }

.navigationTop .gwt-Label { display:inline-block; margin:0 8px; cursor:pointer; }
.navigation .gwt-InlineLabel { cursor:pointer; }

/* Widgets */
.ThePingThingyPopup {
position: fixed;
top: 0px !important;
text-align:center;
color:white;
width: 100%;
left: 0;
overflow: hidden;
background-color: #9e4f4f;
line-height:29px;
height: 29px;
box-shadow: 1px 0px 2px rgba(0,0,0,0.3);
}
.iconFont.selected { color: #ed7527; }

.EndnoteSectionEditor { padding:18px 24px 0 24px;}
.EndnoteSectionEditor .headline { text-align:center; }

.chapterListWriterContainerHidden .chapterListContainer { display:none; }

.iconLabel .gwt-InlineLabel { position:relative; top:-6px; cursor:pointer; }
.iconLabel a { position: relative; top: -6px; }

.iconLabel img { margin-right:4px; }
.floatTextBox { width:60px; }
.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; }

.SwitchButtonIcon.iconFont { color: #ed7527 !important; font-size:5px !important; margin-right:0; float:right; cursor:pointer; }
.SwitchButtonIcon.iconFont.on { font-size:16px !important; }

.stdGrid13 { padding-top:16px; }

.stdGrid23 { text-align: left; padding: 16px 16px 48px 16px; min-height:400px;  }
.stdGrid23 .headlineOrange { text-align:center; }

.imageContainer img,.InfoBookView img { border-style:solid; border-width:1px; border-color:#E6E6E6; }

.BookOverview { clear:both; text-align: left;  }

.BookOverview .title { line-height:16px; font-size:14px; max-height:33px; overflow:hidden; margin:4px 0 0 0; font-weight:bold; }
.BookOverview .subtitle { height:19px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.BookOverview .imageContainer { vertical-align:bottom; height:210px; width:205px; text-align:center; position:relative; }
.BookOverview .imageContainer img { margin:auto; bottom:0; max-width:150px; max-height:210px; }

.bookViewBox .title { line-height:17px; font-size:14px; height:35px; overflow:hidden; margin:4px 0 4px 0; font-weight:500; }
.bookViewBox .subtitle { height:19px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }

.bookViewBox .imageContainer a { width: 202px; height:280px; display: block; text-align: center; position:relative; }

/** BOOK SIZE 2 */
.bookViewBox .imageContainer { height:280px; text-align:center; position:relative; }
.bookViewBox .imageContainer img { left:0; right:0;  position:absolute; vertical-align:bottom; max-width:202px; max-height:280px; 
box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.2); border-style:none; }

.ChapterReadListWidget img { box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.2); border-style:none; display:block; margin:0 auto; max-width:200px; }

.BookOverview .priceLine  { height:18px;  }
.BookOverview .priceLine .icons { float:right; display:inline-block; margin-right:20px; }
.BookOverview .priceLine .iconFont { font-size:13px; }
.bookViewBox .priceLine .iconFont { font-size:13px; }

.BookOverview .price { margin-right:8px; font-size:12px; }
.BookOverview .titleAuthorPanel { height: 50px; }
.BookOverview .authors { cursor:pointer; font-size:12px; color:#9e9e9e; overflow:hidden; }

.bookViewBox .priceLine  { height:18px;  }
.bookViewBox .price { margin-right:8px; font-size:12px; }
.bookViewBox .titleAuthorPanel { height: 50px; }

.bookViewBox .authors { margin-bottom:10px; font-style:italic; cursor:pointer; height:32px; line-height:16px; font-size:12px; color:#9e9e9e; overflow:hidden; }

/** BOOK SIZE */
.bookViewBox { width: 205px; height:455px; margin:0 12px 40px 12px; display:inline-block; text-align:center; }

.bookViewBox .NewstyleButton { width:45%; font-size:12px; }

.ProductPage .SinglePaperPage { background-color:transparent !important; box-shadow:none;}

.bookViewBox .priceLine  { height:18px; margin-bottom:12px; font-weight:500;  }
.bookViewBox .price { margin-right:8px; font-size:12px; }
.bookViewBox .titleAuthorPanel { height: 50px; margin-top:15px; }

.orangeButton { background-color:white; width:90px; height:36px; border-style:solid; border-color: #ed7527; color: #ed7527; border-width:1px; border-radius: 8px; }
.orangeButton .gwt-InlineLabel { position:relative; top: 9px; left:9px; }
.orangeButton:hover { text-decoration:underline; cursor:pointer; }
.orangeButton img { float:right; position:relative; top:3px; left:-4px; } 

.orangeButtonLabel { cursor:pointer; margin: 0; display:inline-block; background-color:white; padding:0 8px; line-height:32px; height:36px; border-style:solid; border-color: #ed7527; color: #ed7527; border-width:0px; border-radius: 8px; }

.ourDesign .orangeButton2 { cursor:pointer; margin: 14px 0 14px 0; display:inline-block; background-color:white; padding:0 8px; line-height:32px; height:36px; border-style:solid; border-color: #ed7527; color: #ed7527; border-width:1px; border-radius: 8px; }

.orangeButton2 { cursor:pointer; margin: 14px 0 14px 0; display:inline-block; padding:0 16px 0 8px; line-height:28px; height:33px; 
color: #ed7527; border: 2px solid #ed7527; 	border-radius: 21.5px; border-width:1px;  }

.orangeButton2Inverted { cursor:pointer; display:inline-block; padding:0 24px; line-height:33px; height:33px; 
color: #ed7527; background-color: white; border-radius: 19px; margin:14px auto; font-weight:bold;  }
.orangeButton2Inverted .iconFont { color:inherit; top:3px; position:relative; margin-right:5px; }

.orangeButton2.full { display:block; position:relative; width:100%; text-align:center; font-size:18px; line-height:38px; height:43px }
.orangeButton2.full .iconFont { position:relative; top:2px; float:none; }

.orangeButton2 .iconFont { float:left; margin:0 3px 0 7px; }
.orangeButton2 .gwt-InlineLabel { position:relative; top:1px; left:2px; margin:0 !important; width:auto !important; }

.orangeButton2Filled { color:white; cursor:pointer; display:inline-block; background-color: #ed7527; margin: 14px 0 14px 0;
padding:0 15px; font-size:15px;  line-height:32px; height:36px; border-style:none;  border-radius: 19px; }

.orangeButton2Filled .gwt-InlineLabel { font-weight:900; }

.orangeButton2Filled span { color:white; } 
.orangeButton2Filled .iconFont { position:relative; top:3px; }

.orangeButton2.disabled { color: #9e9e9e; border-color: #9e9e9e; }
.orangeButton2.disabled .iconFont { opacity: 0.5; }
.saveButton { float:right; margin-right:12px; cursor:pointer; }

/* Single book view */
.SingleBookView { margin:40px auto; }
.SingleBookView .BookInfoBox { margin: 0 50px 0 33px }

.BookBrowserWidget .imageBar { position:relative; width:20000px; overflow:hidden; }

.SingleBookView .bookDescriptionBox .productType, .buyPanel .productType { font-size:10px; min-height:22px;  }
.SingleBookView .bookDescriptionBox .bookPrice, .buyPanel .bookPrice { font-weight:bold; margin:4px 0 6px 0; }
.SingleBookView .bookDescriptionBox { padding:0 50px 10px 0; float:right; width: calc(100% - 320px); }
.SingleBookView .bookDescriptionBox .authors { color: #ed7527; font-size:20px; font-weight:bold; margin: 0 0 12px 0 }
.SingleBookView .bookDescriptionBox .readMore { margin:8px 0; color: #ed7527; text-align:center; }
.SingleBookView .bookDescriptionBox .mobileCoverBox { display:none; }


/* .SingleBookView .bookDescriptionBox */ 
.buyPanel { margin: 0 0px 8px 0; width:200px; display:inline-block; border-radius:7px; line-height:21px; ; 
padding:4px 0;text-align:center; background-color: #D7D2CB; border: 1px solid rgba(151,151,151,0.06); }

/* .SingleBookView .bookDescriptionBox */ 
.buttonBar .buyPanel { margin-right:25px; }

.buyPanel .orangeButton2Filled { margin-bottom:0px; background-color: #ed7527 !important; border-radius:21px; padding:0 8px; width:227px; }
.SingleBookView .buttonBar { margin-bottom:14px; }

/* .SingleBookView .bookDescriptionBox */ 
.buyPanel .orangeButton2 { margin:0 5px 4px 5px; }

.SingleBookView .bookDescription { overflow:hidden; min-height:266px; height:262px; line-height:23px; }
/*
.SingleBookView .likeBar .gwt-InlineLabel { padding:0 12px 0 4px; position:relative; top:-5px; color:#53585F; }
.SingleBookView .likeBar > div { display:inline-block; }
.SingleBookView .likeBar .iconFont { cursor:pointer }
.SingleBookView .likeBar .selected { color: #ed7527; }
.SingleBookView .likeBar .dislikeButton { position:relative; top:3px; }
.SingleBookView .likeBar .gwt-InlineLabel { position:relative; top:-2px; left:-4px; color: #9e9e9e; font-size:11px; }
.SingleBookView .likeBar .bookmarkButton { float:left; margin-right:30px; display:inline-block;}
*/

.BookInfoBox .shareBar { margin:20px 0 33px 0; }

.BookInfoBox .shareBar .shareOnFacebook { height: 32px; margin-right:12px; cursor:pointer; }
.BookInfoBox .shareBar .shareOnTwitter { height: 32px; cursor:pointer; }

.BookInfoBox .shareBar .likeButtonBox { margin-right:10px; padding-left:4px 0 8px 0; line-height:32px; height:32px; float:right; border-style:solid; border-width:0px; border-color: #E6E6E6; }
.BookInfoBox .shareBar .selected { color: #ed7527; }
.BookInfoBox .shareBar .likeButton { position:relative; }

.BookInfoBox .bookmarkButton { cursor:pointer; float:right; position:relative; top:12px; font-size:x-large; z-index:2 }

.SingleBookView .optionBar { clear:both; margin-top:8px; }
.SingleBookView .optionBar .HorizontalDivPanel span:nth-child(2) { font-weight:bold; }
.SingleBookView .optionBar .HorizontalDivPanel .smallText { font-size:11px; }

.SingleBookView .optionBar .HorizontalDivPanel > .smallText:first-child { width:90px; display:inline-block; }

.SingleBookView .BookInfoBox { width:220px; float:left; }
.SingleBookView .BookInfoBox .category { background-color:#E6E6E6; border-radius: 12px; border-color:#53585f; border-width:1px;
text-align:center; padding:8px 0; margin-top:8px; width:90%;  color: #53585f; }

.BookInfoBox .availableInChannels { text-align:center; margin-top:8px; }
.BookInfoBox .channelName { color: #ed7527; font-size:110%; }




.SingleBookView .pgContainer { margin:12px; }
.SingleBookView .pgContainer img { margin-right:12px; }
.MyBooksView { padding-top:65px; }
.MyBooksView .left { border-width:0 1px 1px 0 }
.MyBooksView .right { border-width:0 0 1px 0 }
.PublishmodeFilter .iconFont { float:right; margin:0 20px 0 0px; font-size:17px; }

.BookshelfMainview { padding:30px; min-height:calc(100vh - 210px); }

.SmallBookView { float:left; height:265px; min-width:350px; width:50%; padding: 16px 16px;  position:relative; }
.SmallBookView .headline { font-weight:normal; font-size:22px; line-height:26px; max-height:52px; }
/*
.BookCollectionView .productContainer:nth-child(4n+1) { background-color: white; border-style:solid; border-width:0 1px 0 0; border-color:solid;  }
.BookCollectionView .productContainer:nth-child(4n+2) { background-color: white; old: #e0e0e0;  }
.BookCollectionView .productContainer:nth-child(4n+3) { background-color: white; border-style:solid; border-width:0 1px 0 0; border-color:solid; old: #e0e0e0;  }
.BookCollectionView .productContainer:nth-child(4n+4) { background-color: white;  }
*/

.BookCollectionView.oneColumn .SmallBookView { width:100%; }
.BookCollectionView.oneColumn .left { border-width: 0 0 1px 0; }

.SmallBookView .smallTextPanel { position:absolute; bottom: 25px; text-align:right; width:70px; }
.SmallBookView .smallTextPanel div:first-child { font-weight:bold; }
.SmallBookView .createdPanel { right: 20px;  }
.SmallBookView .lastEditPanel { right: 94px; }

.SmallBookView .orderDate { font-size:12px; margin-top:6px; position:absolute; bottom: 11px; left:300px; }

.SmallBookView .imagePanel img { float:left; max-width:48%; position:absolute; bottom:13px; }
.OldSmallBookView .rightPanel { display:inline-block; float:left; width:48%; margin-left:20px; }
.SmallBookView .rightPanel { margin-left:185px; }

.SmallBookView .rightPanel > .HorizontalDivPanel { NOheight:13px; }
.NOSmallBookView .smallText { width:72px; display:inline-block; }
.SmallBookView .bottomBox > div { line-height:1.2em; font-size:12px; color: #ed7527;  }

.SmallBookView .bottomBox { position: absolute; bottom: 56px;}
.SmallBookView .bottomBox .HorizontalDivPanel div { margin-right:10px; display:inline-block; }

.imageBox img, .SingleBookView img { border-style:none; border-width:1px; border-color: #E6E6E6; box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.2);  }
.SingleBookView .shareBar img { border-style:none; }

/*
.SmallBookView .rightPanel div:nth-child(5)  { padding-top: 7px; }
*/
.SmallBookView .orangeButton2Filled { position:absolute; bottom: 0px; }
.SmallBookView .preorderField { position: absolute; bottom: 15px; width:40%; font-size:14px; line-height:18px; }

.SmallBookView .imageBox { width:164px; height:234px; float:left; position:relative; top:2px; }
.SmallBookView .delete { position:absolute; bottom: 6px; right:20px;  }
.SmallBookView .clone { position:absolute; bottom: 10px; right:20px; font-size: 10px;  }
.SmallBookView .authors { color: #9e9e9e; font-size:10px; line-height:13px; min-height:17px; margin-bottom:10px; }
.SmallBookView .edition, .SmallBookView .sharedByLabel  { color: #9e9e9e; font-size:12px; min-height:17px; }

.SectionEditor .textHeadlineSmall { text-align:left; margin-top:20px;}

.SectionEditor .ColorWidget { display:inline-block; margin-right:6px; }

.CreateUserController .inner { width: 650px; margin:0 auto; }
.CreateUserController .note { position:relative; top:-5px; }
.CreateUserController .spacer { height:40px; }

.ExtendedCreateUser .TextFieldInputContainer .HorizontalDivPanel { height:24px; }

.Spacer8 { height:8px; display:block;}

.TextMarginBelow { margin-bottom:12px; }
.TextMarginAbove { margin-top:8px; }

/* Styling for Readmode */
.ReadmodeController { overflow:hidden; text-align: justify; }
.ReadmodeController p { margin: 0 0 18px 0; font-size:16px; line-height:18px; }
.ReadmodeController h1 { line-height:34px; padding:0; margin: 0px 0 4px 0; }

.ReadmodeLeftNavigation {  width:17%; margin-top:8px; line-height:35px !important; position:fixed; overflow:auto; padding-bottom:20px; max-height:calc(100vh - 150px); }

.ReadmodeLeftNavigation .gwt-InlineLabel:hover { color: #53585f }
.ReadmodeLeftNavigation.isHidden div { display:none; }

.ReadmodeLeftNavigation .iconFont { width:14px; margin-right:15px;  }
.ReadmodeLeftNavigation > div { NOPEmargin: 0 0 2px 0; }
.ReadmodeLeftNavigation .gwt-InlineLabel { position:relative; top:-2px; }
.tmpPopup { position:fixed !important; background-color:white; NOborder-width:1px; NOpadding:6px; }
.tmpPopup .gwt-Label { padding:2px; cursor:pointer; }
.tmpPopup .gwt-Label:hover { background-color:#aee; }

.bottomFiller { height:0px; width:100%; background-color:white; z-index:99999; position:relative; clear:both; }

.UserReviewsView { text-align:center; margin: 8px 15px;  }
.UserReviewsView .reviewBox .spintypeUserName { font-weight: 900; width: calc(100% - 52px); position:relative; display:inline-block; overflow:hidden; white-space: nowrap; margin-left:9px; text-overflow: ellipsis; height:40px; line-height:40px; }
.UserReviewsView .reviewBox { text-align:left; margin:0 0 24px 0; }

/* Styling for Writemode */ 
.row1,.row2,.row3  { margin: 0 0 0 0;  display:flex; flex-direction:row; flex-wrap: nowrap; z-index:7; width:100% }

.row0 { width:100%; height:16px; top:0; z-index:22; position:fixed;left:0; background-color: #f4f4f4; }

.row1 { height:112px; top:16px; position:fixed; z-index:11; background-color: #f4f4f4; }
.row1 > * { height:70%; }

.writer .row1 { height: 52px; }
.row2 { min-height:32px; position:fixed; top:128px; z-index:10; background-color: #f4f4f4; }
.writer .row2 { top:68px; }

.row3 > * { min-height:100px; }
/* Might need to remove those margin-top: 40px after re-inserting the top banner */
.row3 { margin-top:40px; min-height:600px; padding-top:106px; position:relative; z-index:5;  }
.writer .row3 { padding-top:120px; }
.row2 .coll2 {  }
.row3 > .col1 { padding-top: 2px; }

.Bottom .newDesignTop { position:relative; }
.Bottom .newDesignTop .menuBar { position:relative; top:-2px; height:auto; min-height:52px;}

.FrontpageInfoMenu { display:none; }
.BottomView .iconFont { display:none !important; }
.BottomView { position:relative; z-index:99; background-color:#D8D3CC; min-height:45px; line-height:45px; text-align:center; font-size:11px;  }
.BottomView .gwt-InlineLabel { position:relative; top:-3px; }
.BottomView .HorizontalDivPanel { width:20%; display:inline-block; text-align:center; }
.BottomView .gwt-InlineLabel:hover { color: #53585f; }
.BottomView > div { padding:0 30px 0 0; display:inline-block;} 


.grid12 { z-index:1; overflow:hidden; height:24px; text-overflow: ellipsis; white-space:nowrap; }
.grid12 img { margin-right:6px; position:relative; top:9px;}
.grid31.col3 { text-align:right; NOborder-width:1px;NOborder-color:white; NObackground-color:white; NOborder-radius: 8px; padding: 10px; width: calc(17% - 40px); right: 20px; position: absolute; }

.writer .grid31.col3 { background-color: #f4f4f4; border-width:0; }
.writer .grid31.col3 .languageButtonPanel { display:none; }
.writer .grid31.col3 .UserInfo { position:relative; top:-10px;}

body .grid21 {width: calc(83% - 2px); }
body .grid22 { width: calc(66% - 2px); }

.grid22 { margin-bottom:15px; background-color:#CFE5E7; NObox-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); }
.grid23 { background-color: white; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); }

.row3 { margin-bottom:25px;}

.CoverSettingsView {  margin-bottom:20px; padding:0px; }
.CoverSettingsView .createCoverPanel { margin: 0px 16px 0px 16px; }
.CoverSettingsView .right { text-align:center; }
.CoverSettingsView .ToogleLabel { margin:0 0 10px 0; }
.CoverSettingsView .HorizontalDivPanel { padding:24px 0; }
.CoverSettingsView .gwt-RadioButton { display:block;}
.CoverSettingsView .left .gwt-Label { margin-top:20px; }

.CreateCoverFront .line { margin-top:24px; }
.CreateCoverFront .cover { text-align:center; margin:0px auto; padding:20px; border-style:solid; border-width:1px; }
.CreateCoverFront .cover .authors { margin-bottom:12px; }
.CreateCoverFront .halfBlockRight {text-align:center; }

.CreateCoverBack .line { margin-top:24px; }

.CoverSettingsView .left { float:left; width:50%;  }
.CoverSettingsView .right { float:left; width:50%; }

div .grid22 { border-style:solid; border-width: 0 0 1px 0; border-color: #eeeeee; padding-top:0px; position:relative; border-radius:9px 9px 0 0;}
.nightmode .grid22, .nightmode .grid23 { background-color: #333333;  }

.readmode .grid22, .readmode .grid23 { background-color: #e9e0d7; box-shadow: none; border-style:solid; border-width:1px; border-color:white;}

.grid23 .CkEditor { position:relative; }
.grid23 .CkEditor div { z-index:0; }
.grid23 { min-height:520px;}
.grid12, .grid13 { color: #9e9e9e; }

.chapterContainer { min-height:500px; }
.ChapterListWidget2 .chapterContainer {min-height:0;} 
.chapterContainer .gwt-Label { font-weight:400; }
.col1 > * { padding-left: 24px; padding-right: 12px; }

.ChapterListWidget2 .plos_article { width:90% !important; margin-left:10% !important; background-color: #e6e6e6 !important;  }
.ChapterListWidget2 .plos_chapterIntro .gwt-Label { position:relative; left:20px; }
.ChapterListWidget2 .expandButton {cursor:pointer; }

.col1 { width: 17%; }
.col2 { width: 66%; }
.col3 { width: 17%; position:relative;  }

.BookDataView { padding:20px 24px; }
.BookDataView .HorizontalDivPanel { padding: 4px 0; line-height:30px; }
.BookDataView .HorizontalDivPanel .InfoLabel { width:40%; }
.BookDataView .editionNumber,.BookDataView .printingNumber { width:40px; }
.BookDataView .half { width:50%; float:left; }
.BookDataView .half.left { padding-right:12px; }
.BookDataView .half.right { padding-left:12px; }
.BookDataView textArea { height:130px; width:100%; margin-right:80px;  }
.BookDataView .orangeButton { clear:both; float:right; margin:10px 0;}
.BookDataView input { width:calc(60% - 20px); }

/* Chapter container */
.ChapterListWriteWidget { margin-right: 14px; }
.ChapterListWriteWidget .gwt-Label { display:inline-block; width: calc(100% - 30px); NOheight:26px; overflow:hidden; white-space: nowrap;  text-overflow: ellipsis;}
.ChapterListWriteWidget .labelContainer { padding:0px 0; cursor:pointer; height:24px; } 
.ChapterListWriteWidget .gwt-InlineLabel { display:inline-block; NOwidth:100px;}

.ChapterReadListWidget .labelContainer { margin:6px 0; cursor:pointer; } 
.ChapterReadListWidget table td, .tableOfContent table td { vertical-align:top; padding:0 8px 0 0; }

body .preview {
	white-space: normal !important; cursor:pointer; display: inline-block;font-size: 11px; line-height: 11px; 
	position: relative; top: 8px !important; width: 50px !important; word-break: break-all; 
}

.colophonExpandedMenu .gwt-RadioButton { display:block; position:relative; top:-14px; line-height:1px; }
.colophonExpandedMenu .gwt-RadioButton.back { display:block; position:relative; top:-18px; }

.chapterContainer .labelContainer .DragHandle { opacity:0.2; float:right; }
.chapterContainer .labelContainer.expanded { white-space: normal; }
.chapterContainer .labelContainer.selectedParent { background-color:white; }

.chapterContainer .selected { color:#ed7527; font-weight: 600; margin-right:35px; }

.chapterContainer .locked { font-weight:bold; }
.chapterContainer .menuButton { position:relative; top:3px; }
.chapterContainer .extendedContainer { margin:0; font-size:11px; line-height:14px; height:auto; }
.chapterContainer .extendedContainer .internalOrangeLink { text-align:right; font-size:10px; }
.chapterContainer .extendedContainer .reorderChapters { float:left; }

NO .chapterContainer .extendedContainer { clear:both;  }
.chapterContainer .extendedContainer .InfoLabel .iconFont { font-size:16px; }


.chapterListContainer { position:fixed; margin-bottom:30px; overflow:auto; width:17%; padding-top:10px; padding-left: 0 !important; padding-right: 0 !important; font-size:16px; }
.ChapterReadListWidget .inner { overflow:auto; height: calc(100vh - 135px); }

.writer .chapterListContainer { height: calc(100vh - 95px); }

.ChapterReadListWidget .labelContainer:last-child { margin-bottom:30px; }

.chapterListContainer .gwt-InlineLabel:hover { text-decoration:underline; cursor:pointer; }
.chapterListContainer.noChapterSettings .newChapter { visibility: hidden; }
.chapterListContainer.noChapterSettings .FixedChapterContentList { visibility: hidden; }
.chapterListContainer .options { margin: 0 0 7px 0;} 

.tmpContainer .logo { display:none; }
.tmpContainer .chapterListContainer { position:static; }
.tmpContainer .chapterListContainer.visible { display:block; width:100%; margin-top:180px; }
.tmpContainer .chapterListContainer .options { margin: 0 0 15px 0;} 

.chapterListContainer .logo { display:none; }

.ChapterListWidget > .chapterContainer > div { padding: 0 12px 0 24px; min-height:24px; }
.ChapterListWidget > .chapterContainer > div > .HorizontalDivPanel { padding-left:0; }
.ChapterListWidget table { width:auto; }
.chapterListContainer .newChapter { padding-left:24px; }

.chapterListContainer >  .HorizontalDivPanel { padding-left:24px; }

.chapterListContainer .HorizontalDivPanel .gwt-InlineLabel { top:-1px; position:relative; }
.chapterListContainer .gwt-Label:hover { color: #53585f; }
.chapterListContainer .myBooksContainer { border-width: 1px 0 0 0; margin-top:6px; padding:6px 0 90px 24px;} 

.chapterListContainer .bookTitle { color: #53585f; cursor:pointer; font-size:18px; }
.chapterListContainer .bookSubtitle { color: #9e9e9e; margin-bottom:16px; cursor:pointer; font-size:13px; }
.chapterListContainer .ChapterListWriteWidget .bookTitle { text-align:center; margin:0 24px; font-weight:bold; }
.chapterListContainer .ChapterListWriteWidget .bookSubTitle { text-align:center; margin:3px 24px 28px 24px; font-size:14px; }

.RedeemVoucherView input { margin-right:10px; width:210px; }
.RedeemVoucherView img { float:left; margin: 0 20px 20px 0; }
.RedeemVoucherView .createUser { background-color:#FaFaFa; display:inline-block; width:calc(100% - 300px); padding:10px; margin:10px; border-width:1px; border-radius:8px; }


.chapterListContainer .NObookTitle:hover { text-decoration:underline; color: #53585f }

/* Hidden */
.chapterListContainerHidden { display:none; }
.chapterListContainerHidden .chapterListContainer { display:none; }
.chapterListContainerHidden .grid21 { display:none; }

.chapterListContainerHidden .gwt-InlineLabel { display:none; }
.chapterListContainerHidden .labelContainer { display:none; overflow:hidden; height:24px; }
.chapterListContainerHidden .SwitchButtonIcon { display:none; }
div .chapterListContainerHidden .gwt-Label {  overflow: visible; white-space: normal; }

/* Hack */
.chapterListWriterContainerHidden .chapterListContainer { display:none; }


.NOchapterListWriterContainerHidden .gwt-InlineLabel { display:none; }
.chapterListWriterContainerHidden .labelContainer { display:none; overflow:hidden; height:24px; }
.chapterListWriterContainerHidden .SwitchButtonIcon { display:none; }
div .chapterListWriterContainerHidden .gwt-Label {  overflow: visible; white-space: normal; }


.ChapterListWidget .newChapter { margin:13px 0 7px 0; }

.FixedChapterContentList { padding-left:8px; padding-bottom:40px; border-width:1px 0; margin:0 0px 8px 0;  }
.FixedChapterContentList .HorizontalDivPanel { line-height:30px; }
.FixedChapterContentList .SwitchButtonIcon { pointer-events: none; cursor:pointer; float:right; position:relative; margin-right:25px; }
.FixedChapterContentList .ToogleLabel { padding-left:20px; padding-right:4px; font-size:13px; min-height:24px;  }
.FixedChapterContentList .ToogleLabel .gwt-Image { float:right; position:relative; top:4px;  }

.SettingsContentList { padding-left:8px; padding-bottom:40px; margin:40px 0px 18px 0; padding-top:0 !important;  }
.SettingsContentList .HorizontalDivPanel { line-height:30px; }
.SettingsContentList .HorizontalDivPanel .gwt-InlineLabel { position:relative; top:-3px; }
.SettingsContentList .SwitchButtonIcon { pointer-events: none; cursor:pointer; float:right; position:relative; margin-right:25px; }


.BookDataView .aboutBookLabel { clear:both; }

.NoteContainer { NOdisplay:none; position:relative; zindex:-2;}
.NoteContainer div { position:absolute; width:20px; height:20px;  right:15px; }
/* Tmp things */
.tmpButton { background-color:#f0f0f0; border-style:none; margin:0 2px; }
.yellow { color:#53585F; background-color:yellow; }


.FlowtextScrollReader .noAccess {  font-size: 16px; margin: 10px 0; text-align:center; }
.FlowtextScrollReader .noAccess .outerContainer { margin-top:16px; }
.FlowtextScrollReader .logoImageContainer { float:right; position:relative; left:-30px; top:-22px; }
.FlowtextScrollReader .logoImageContainer img { position:fixed; width:42px; }

.green .wrapper { position:absolute; left:83%; width:14%; }

/* It's over 9000 */
.dateBoxPopup { z-index:11111999;  }

.dateBoxPopup td { padding:2px 4px; text-align:center; }
.dateBoxPopup .popupContent { border-width:1px; border-style:solid; background-color:#eee; 
position:relative; left:-48px; top:4px; }
.dateBoxPopup table { padding:2px 4px; border-style:none; }
.dateBoxPopup .datePickerPreviousButton,.dateBoxPopup .datePickerNextButton { font-size:38px; cursor:pointer;}
.dateBoxPopup .datePickerDay { cursor:pointer; }
.dateBoxPopup .datePickerDay:hover { color:#ed7527; }

.comment a {
      position: relative;
      cursor: pointer;
      font-weight: bold;      
}

textarea.comment {
	z-index: 15;      
}

.userCommentPanel { width:100%; NObackground-color: #eee; min-height:500px; position:relative; } 
.userCommentPanel .userComment { width:100%; padding:0 5%; position:absolute; }
.userCommentPanel .userComment > div { position:relative; overflow:hidden; }
.userCommentPanel .userComment > div.collapsed { display:block; white-space: nowrap; text-overflow: ellipsis; height:1em; }
.userCommentPanel .userComment .hover { z-index:999; background-color:#e6E6e6; border-style:solid; border-color:#ed7527; border-width:1px; padding:3px;font-size:120%; }
.userCommentPanel .userComment > div.collapsed.hover { white-space:normal; height:auto; }
	
	
.userCommentPanel textarea { display:block; top:0; position:absolute; width:90%; min-height:400px; background-color:#ffff9c; z-index:999; }

/* Note the initial height here is not used, but must be set this high, in order by comments to work. The real height
is set by the resize code in config.js */
#comments { position:relative; min-width:100px; }

.outerContainer { max-width:960px; margin:0 auto; position: relative; }

#commentContainer {
      width: 100%;
      float: right;
	  position:relative; 
	  top:-4px;

    }

.CkEditor textarea {
      position: absolute;            
      width: 90%;
      left: 15px;      
    }

#commentContainer {  }

/*
Dark grey:  #53585f
text light grey: #c3c3c3
Border light grey: #E6E6E6
orange: #ed7527
*/

.Writemode .BottomView { display:none; }
.Writemode .Bottom { display:none; }


.ps-context-menu table { width:100%; margin-top:7px; }
.ps-context-menu td { width:50%; }

/*
.ps-context-menu td:hover { color: #53585f; }
.pslist table { width:100%; margin-top:7px; }
.pslist td { width:50%; text-align:right; color: #c3c3c3 }
.pslist td:hover { color: #53585f; }
.pslist td:first-child { text-align:left; }

.pslist a { color: #c3c3c3; text-decoration:none; margin:0 0 8px 0; display:inline-block; }
.pslist { width: 100px; padding:0 10px; }

.pslist h4 { font-size:12px; margin:0px 0 5px 0; padding:0;  }
.pslist .ui-slider { margin: 0 0 19px 0; }

*/

div[data-context-item-id=uppercase] { margin-top:15px !important; }

.arrow-up-magic:after , .arrow-up-magic:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 13px);  /* ??? */
    width: 0;
    height: 0;
    border-style: solid;
    -moz-transform:rotate(-90deg);
    -transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.arrow-up-magic-header:after , .arrow-up-magic-header:before { left: calc(50% - 5px) !important; }
.arrow-up-magic-quote:after , .arrow-up-magic-quote:before { left: calc(50% - 10px) !important; }

.arrow-up-magic:after , .arrow-up-magic:before {
    border-width: 13px; /* 13px=border width */
}

.arrow-up-magic:after {
    border-color: transparent transparent transparent #fff;
    top: -25px; /* 25px=border width*2-1 */
}
.arrow-up-magic:before {
    top: -26px; /* 26px=border width*2 */
    border-color: transparent transparent transparent #E6E6E6;
}

.pslist { line-height:1em; }

.pslist ol {
    padding: 0 5px;
    margin: 7px 0; 
    height: 40px;
    cursor: pointer;
    border-style:none;
}

.pslist li {
    margin-right: 5px;
    border-style:none;
}

.listSelectorTable { text-align:center; }

.pslist .dots {
    margin: 5px 0 5px -10px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;

    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.pslist .expanded {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}


.submenu {
    display: none;
}

body .ui-slider-handle { background-color:#ed7527 !important; border-color: #53585f !important; height: 10px !important; width: 10px !important; border-radius: 10px; top:-3px; }

.SpintypeProgressLine { height:2px; position:relative; top:10px; margin:10px 30px 30px 30px; background-color:#E6E6E6; position:relative; }
.SpintypeProgressLine img { position:absolute; top:-10px; }

.submenu .link-container {
    margin-top: 20px;
    text-align: center;
}

.comment::before { width:16px; height:16px; position:absolute; left:-15px; display:block; 
background-image: url("/images/icons/pencil.png"); content:""; }

.comment {
      position: absolute;      
      margin: 5px 60px 5px 25px;
      border-style: none;
      NOpadding-left: 20px;
      cursor: text;      
      z-index: 1;
    }

    .comment a {
      position: relative;
      cursor: pointer;
      font-weight: bold;      
    }

    textarea.comment {
      z-index: 15;
      height:120px;
      width:calc(100% - 32px);
		background-color:#ffff9c; z-index:999;
    }

    #commentContainer {
      float: right;
      border-style:none;
    }

    .outerContainer {
      position: relative;
    }

    .toolbar {
      display: none;
      position: absolute;
      z-index:1;

      	background-color: white;
	    border: 1px solid #e6e6e6;
		border-radius: 6px;
    	box-shadow: 5px 5px 6px -3px rgba(83, 88, 95, 1);
    }

	.toolbar button img { padding: 6px 0; }

	.toolbar button:hover { opacity: 1;}

    .toolbar button {
      opacity:0.5;
      background-color: white;
      border-style:none; 
      padding:0px 2px;
    }

    .toolbar button:last-child {
      margin-right: 0;
    }

    
ol.numeric-dot {
    list-style-type: none;
    counter-reset: numeric-dot-counter;
}

ol.numeric-dot li::before {
    content: counter(numeric-dot-counter, decimal) ". ";
    counter-increment: numeric-dot-counter;
    NOfloat: left;
    NOpadding-right: 5px;
}

ol.numeric-brace {
    list-style-type: none;
    counter-reset: numeric-brace-counter;
    NOposition:relative;
    NOleft:5px;
}

ol.numeric-brace li::before {
    content: counter(numeric-brace-counter, decimal) ") ";
    counter-increment: numeric-brace-counter;
    NOpadding-right: 5px;
}

ol.lower-latin {
    list-style-type: none;
    counter-reset: lower-latin-counter;
}

ol.lower-latin li::before {
    content: counter(lower-latin-counter, lower-latin) ". ";
    counter-increment: lower-latin-counter;
    NOfloat: left;
    padding-right: 5px;
}

ol.lower-latin-brace {
    list-style: none;
    counter-reset: lower-latin-brace-counter;
}

ol.lower-latin-brace li::before {
    content: counter(lower-latin-brace-counter, lower-latin) ") ";
    counter-increment: lower-latin-brace-counter;
    NOfloat: left;
    NOpadding-right: 5px;
}

ol.upper-latin {
    list-style-type: none;
    counter-reset: upper-latin-counter;
}

ol.upper-latin li::before {
    content: counter(upper-latin-counter, upper-latin) ". ";
    counter-increment: upper-latin-counter;
    NOfloat: left;
    NOpadding-right: 5px;
}

ol.upper-latin-brace {
    list-style-type: none;
    counter-reset: upper-latin-brace-counter;
}

ol.upper-latin-brace li::before {
    content: counter(upper-latin-brace-counter, upper-latin) ") ";
    counter-increment: upper-latin-brace-counter;
    NOfloat: left;
    NOpadding-right: 5px;
}

ol.lower-roman {
    list-style-type: none;
    counter-reset: lower-roman-counter;
}

ol.lower-roman li::before {
    content: counter(lower-roman-counter, lower-roman) ". ";
    counter-increment: lower-roman-counter;
    NOfloat: left;
    padding-right: 5px;
}

ol.upper-roman-brace{
    list-style-type: none;
    counter-reset: upper-roman-brace-counter;
}

ol.upper-roman-brace li::before {
    content: counter(upper-roman-brace-counter, upper-roman) ") ";
    counter-increment: upper-roman-brace-counter;
    NOfloat: left;
    NOpadding-right: 5px;
}

.submenu-container .dots { display:none; }    

/* Mobile only */
.readmodeLeftNavigation { display:none; }

.InfoBookView { max-width:33%; float:left; }
.InfoBookView img { NOwidth:90%; float:left; padding:0 0 30px 0; }
.SelectLicenseView .gwt-RadioButton { margin-bottom:8px !important; }
.SelectLicenseView label { line-height:auto !important; }
.SelectLicenseView .smallHeadline { font-size:22px;margin-top:12px; }
.SelectLicenseView .internalOrangeLink { font-size:12px; margin-below:12px; position:relative; top:-14px;}

body .PublishSettingsView .rightPanel .HorizontalDivPanel { height:32px; line-height:32px; }
body .PublishSettingsView .rightPanel .HorizontalDivPanel input { float:right; }
.PublishSettingsView .SmallBookView { width:100%; max-width:800px; margin:0 !important; }

.BookMenuLicense .bookLicenseContaier  { position:relative; top:4px; }
.BookMenuLicense .bookLicenseContaier .changeLicense { margin-left:20px;  }


.PublishSettingsView .SelectLicenseView .HorizontalDivPanel { height:44px; padding-top:6px;  }
.PublishSettingsView .bookLicenseContaier .internalOrangeLink { margin-left:12px; }
.PublishSettingsView table td { height:30px; line-height:30px;   }
.PublishSettingsView table td:nth-child(2) { text-align:right; }
.PublishSettingsView .page0Maybe table { margin:0 auto; border-style:none; }
.PublishSettingsView .aboutBookView { margin-below:20px; }

.PublishSettingsView .aboutBookView table { max-width:500px; float:right; border-style:none !important; }
.PublishSettingsView .aboutBookView table td {  border-style:none !important; }
.PublishSettingsView .aboutBookView table tr {  border-style:none !important; }

.PublishSettingsView .aboutBookView .right { width:67%; float:right; }

.PublishSettingsView .smallOrange { float:right; margin-left:30px; }

.PublishSettingsView .publishView { max-width:380px; min-width:300px; margin-left:4%; width:46%; float:right; }
.PublishSettingsView .publishView .price { float:right; margin-left:7px; }

.PublishSettingsView .orangeButton2 { float:left; position:relative; }
.PublishSettingsView .publishPrintView { float:right; }
.PublishSettingsView .aboutBookView .InfoBookView img { max-width:200px; }
.PublishSettingsView .SwitchButton { float:right; position:relative; top:11px; }
.PublishSettingsView .HorizontalDivPanel { }
.PublishSettingsView.pageNum0 .orangeButton2 { }

.PublishSettingsView .pageNum1 input { width:100%; }


.singleUseSmallBookView .SmallBookView { margin:0 auto; float:none; }
.singleUseSmallBookView .SmallBookView .headlineOrange.clear { padding-top:19px; }

.PublishSettingsView.pageNum1 .SmallBookView .rightPanel { width:550px; }
.PublishSettingsView.pageNum2 { }

.PublishSettingsView .publishInfo { margin:10px 0 0 182px; background-color:#eee; padding:12px }

.infoBox { background-color:#eee; padding:12px;}

.IsbnLine { height:32px; line-height:32px; }
.IsbnLine select { float:right; }
.IsbnLine .gwt-InlineLabel { margin:0 6px 0 0; }
.IsbnLine input { width: 160px; }
.IsbnLine .isbnNumber { font-weight:bold; }

.StdButtonTopMargin { margin-top:30px; }

.CartController { text-align:center; }
.CartController .header {  font-size:16px; }
.CartController .numProducts { width:80px; }
.CartController .bookTitle { color: #ed7527; font-size:18px; line-height:20px; margin:0 0 2px 0; }
.CartController .productType {  font-size:13px; line-height:16px; }
.CartController table td {  text-align:left; padding:10px 0 10px 10px; margin:0; }
.CartController table img { border-width:1px; border-color:#E6E6E6; border-style:solid; }

.CartController .iconFont { margin-top:4px; }
.CartController .voucher { margin-bottom:15px; }
.CartController table { margin-top:40px; }
.CartController table tr:first-child td { LATERborder-radius:6px; text-transform:uppercase; padding-top:0; padding-bottom:0; height:30px; line-height:30px; letter-spacing:1px; color: #5f5f5f; font-weight:bold; background-color: #f0f0f0;  }

.CartController .orangeButton2 { display:inline-block; }
.CartController table { border-spacing: 0; width:100%; }
.CartStep2Overview table { border-style:none; }
.CartController > .iconFont { position:relative; top:4px; left:10px;}

.CartController .submitVoucher { position:relative; top:4px; left: 8px;}
.SinglePaperPage .textHeadline, .CartStep2Controller .textHeadline { margin:15px 0 50px 0; }


.ChannelsSettingsController .channelName { color: #ed7527; font-size:130%; }
.ChannelsSettingsController .stdButtonPanel { text-align:left; text-align:left; margin:0 0 32px 0; }

.UserProfileChannelView .headerH2 { text-align:center; margin:20px 0 0 0; }

.ReadStatsController table { width:66%; margin:0 auto;  }
.ReadStatsController .itemListTable .header, .ReadStatsController td { text-align:right; }
.ReadStatsController .itemListTable td:first-child .header:first-child,.ReadStatsController td:first-child { text-align:left; }

.SalesStatsController .itemListTable .header, .SalesStatsController td { text-align:right; }
.SalesStatsController .itemListTable td:first-child .header:first-child,.SalesStatsController td:first-child { text-align:left; }
.SalesStatsController .payoutPanel { text-align:right; }
.SalesStatsController .payoutPanel div span:nth-child(2) { width:100px; display:inline-block; }

.CartStep2Overview { padding: 16px 16px 48px 16px; }

.contactPanel > .HorizontalDivPanel { position:relative; top:-6px; }

.CartStep2 .panel { max-width: 500px; margin:0 auto;overflow: auto; }
.CartStep2 .panel .companyName { margin-bottom:18px; }
.CartStep2 .panel input[type="text"] { display:inline-block; width:100%; margin: 8px 0; }
.CartStep2 .InfoLabel { position:relative; top: 10px; color: #afafaf; font-size:12px; }
.CartStep2 .smallOrangeHeadline { display:block; }
.CartStep2 .stdButtonPanel { margin-top:20px;  }
.CartStep2 .stdButtonPanel { margin:8px 0;}

.CartStep2 .panel select { display:block; margin-top:8px; width:100%; }
.CartStep2 .InfoLabel+.InfoLabel { margin-top:4px;}
.CartStep2 .panel .smallOrangeHeadline { margin-top:25px; text-transform:uppercase; letter-spacing:1px; font-size:16px; } 

.CartStep2 .vatIdentificationNumber { width: calc(100% - 170px) !important; margin-right:8px !important; }
.CartStep2 .companyNameLabel { margin:14px 0 1px 0; }

.CartStep2 .subscribePanel { margin-top:8px; font-size:12px; }
.CartStep2 .subscribePanel .gwt-InlineLabel, .CartStep2 .subscribePanel .internalOrangeLink { position:relative; top: 4px;  }


.CartStep2 div { margin:4px 0; }

.CartStep2 .subscribePanel .gwt-CheckBox { position:relative; top:4px;margin-right:3px; }

.CartStep3 .mailMethod { width:380px; display:inline-block; }

.CartStep3 .panel { max-width: 600px; margin:0 auto;overflow: auto; }

.CartStep3 .deliveryPanel input { display:inline-block; width:100%; margin: 8px 0; }
.cartStop3 .deliveryPanel .HorizontalDivPanel { margin:8px 0; display:inline-block; width:100%; line-height:28px; }

.CartStep3 .methodPanel { font-size:14px; }
.CartStep3 .methodPanel .glsEntry .gwt-RadioButton { float:left; margin-right:20px; }
.CartStep3 .price { width:80px; text-align:right; display:inline-block; }
.CartStep3 .methodPanel .glsEntry { padding:20px; border-color: #eee; border-width:1px; cursor:pointer; min-height:80px }
.CartStep3 .methodPanel .glsEntry .glsPrice { float:right; font-weight:bold; }
.CartStep3 .orderOverviewContainer { position:fixed; }

.EditorMiniToolbar .notetypePanel { float:right; display:inline-block;}

.EditorBookToolbar { margin-left:17%; font-family: "Simple-Line-Icons-Pro"; font-size: 18px; }
.EditorBookToolbar .groupEnd { margin-right:20%; }

.EditorBookToolbar .iconFont { font-size:16px;}
.EditorBookToolbar .menuMoreDots { border-width:0 1px 0 0;border-style:solid;display:inline-block; }
.EditorBookToolbar .group { position:relative; float:left; height:32px; margin:0 4px; }
.EditorBookToolbar .group1 { margin:0; }

.EditorBookToolbar .group div:first-child { margin-left:0px; }

.EditorBookToolbar .ColorWidget { float:right; }

.EditorBookToolbar .group .labelButton { position:relative; float:left; NOborder-width:0px; width:22px; height: 30px; }
.EditorBookToolbar .group > div { cursor:pointer; top:3px; padding-top:3px; position:relative; text-transform:uppercase;
	background-repeat:no-repeat; background-position: 0 !important; background-size: auto 18px !important; }

.EditorBookToolbar .group0 { min-width:20px; }
.EditorBookToolbar .group { border-width: 0 1px 0 0;}

.EditorBookToolbar .group4 .labelButton { margin: 0 3px; }
.EditorBookToolbar .group4 .picture { font-size: 22px; NOposition: relative; top: 6px; margin-right:8px; }

.EditorBookToolbar .boldButton span { position:relative; top:2px; }
.EditorBookToolbar .boldButton:hover { color:#ed7527; }
.EditorBookToolbar .italic span { position:relative; top:2px; }
.EditorBookToolbar .italic:hover { color:#ed7527; }

.EditorBookToolbar .buttonLine { padding: 3px 0 12px 0; }
.EditorBookToolbar .buttonLine div { display:inline; opacity:0.75; margin-right:20px; border-width:1px; border-color: #ed7527; color: #9e9e9e; padding:4px; } 
.EditorBookToolbar .buttonLine div.selected { color: #ed7527; opacity:1; }

.EditorBookToolbar * { outline: none !important;}
.EditorBookToolbar .sup { background-image: url('/images/Toolbar/TUp_DG_72.png'); }
.EditorBookToolbar .sup:hover,.EditorBookToolbar .sup.selected { background-image: url('/images/Toolbar/TUp_O_72.png'); }
.EditorBookToolbar .sub { background-image: url('/images/Toolbar/TDown_DG_72.png'); }
.EditorBookToolbar .sub:hover,.EditorBookToolbar .sub.selected { background-image: url('/images/Toolbar/TDown_O_72.png'); }
.EditorBookToolbar .plain { background-image: url('/images/Toolbar/Tx_DG_72.png'); }
.EditorBookToolbar .plain:hover { background-image: url('/images/Toolbar/Tx_O_72.png'); }
.EditorBookToolbar .numberedList { font-size: 22px; top:6px !important; margin-right:4px; }
.EditorBookToolbar .bulletedList { font-size: 22px; top:6px !important; margin-right:4px; }
.EditorBookToolbar .BoublePopup { top:49px !important; width:320px; padding-bottom:20px;}
.EditorBookToolbar .boldPopup { left:-130px; }
.EditorBookToolbar .italicPopup { left:-108px; }
.EditorBookToolbar .supPopup { left:-82px; }
.EditorBookToolbar .subPopup { left:-68px; }
.EditorBookToolbar .plainTextPopup { left:-43px; }
.EditorBookToolbar span:hover { color: #ed7527; }

.EditorBookToolbar .numberedListPopup { left: -127px; }
.EditorBookToolbar .bulletListPopup { left: -100px; }
.EditorBookToolbar .indentPopup { left: -75px; }
.EditorBookToolbar .outdentPopup { left: -56px; }
.EditorBookToolbar .centerPopup { left:-24px; }

.EditorBookToolbar .h1Popup { left: -127px; }
.EditorBookToolbar .h2Popup { left: -93px; }
.EditorBookToolbar .blockquotePopup { left: -62px; }
.EditorBookToolbar .quotePopup { left: -39px; }

.EditorBookToolbar .frame1Popup { left: -127px; }
.EditorBookToolbar .frame2Popup { left: -102px; }
.EditorBookToolbar .tablePopup { left: -70px; }
.EditorBookToolbar .picturePopup { left: -45px; }

.EditorBookToolbar .footnotePopup { left: -127px; }
.EditorBookToolbar .endnotePopup { left: -94px; }
.EditorBookToolbar .keywordPopup { left: -56px; }
.EditorBookToolbar .ornamentationPopup { left: -70px !important; }

.EditorBookToolbar .center {  background-image: url('/images/Toolbar/Centrer-dg-72.png'); margin-right:4px; }
.EditorBookToolbar .center:hover,.EditorBookToolbar .center.selected {  background-image: url('/images/Toolbar/Centrer_O_72.png'); }
.EditorBookToolbar .headline1 { font-family:roboto !important; text-transform:uppercase; font-size:11px; line-height:12px; width:34px !important; }
.EditorBookToolbar .headline2 { font-family:roboto !important; text-transform:uppercase; font-size:11px; line-height:12px; width:34px !important; }
.EditorBookToolbar .headline3 { font-family:roboto !important; text-transform:uppercase; font-size:11px; line-height:12px; width:34px !important; }

.EditorBookToolbar .footnote { font-family:roboto !important; text-transform:uppercase; font-size:11px; line-height:12px; width:34px !important; }
.EditorBookToolbar .endnote { font-family:roboto !important; text-transform:uppercase; font-size:11px; line-height:12px; width:34px !important; }
.EditorBookToolbar .addToIndex { font-family:roboto !important; text-transform:uppercase; width: 46px !important; }
.EditorBookToolbar .ornamentation { background-image: url('/images/Toolbar/Insert_DG_72.png'); }
.EditorBookToolbar .ornamentation:hover { background-image: url('/images/Toolbar/Insert_O_72.png'); }

.EditorBookToolbar .addComment { margin-left:4px ; }
.EditorBookToolbar .addComment span { font-size:18px; position:relative; top:3px; }


.EditorBookToolbar.hideToolbar .group { display:none; }
.EditorBookToolbar.hideToolbar .group.group0 { display:block; }

.EditorBookToolbar .ck5_menuMoreDots { font-size:16px; color: #9e9e9e; cursor:pointer }
.EditorBookToolbar .ck5_menuMoreDots:hover { color: #ed7527 !important; }

.EditorBookToolbar.hideToolbar .ck5_menuMoreDots { font-size:5px !important; position:relative; left:-4px; display:block; }
.EditorBookToolbar.hideToolbar .group0 { border-style:none; }
.EditorBookToolbar div:hover { text-decoration:none; }

.EditorBookToolbar .SwitchButton { float:right; position:relative;top:4px;}
.EditorBookToolbar .group .capTextLabel { margin: 15px 0 1px 0;}
.EditorBookToolbar .groupEnd .contextMenuPanel { width:290px; }
.EditorBookToolbar .labelButton.selected { color: #ed7527; font-weight:bold; }

.EditorBookToolbar .numberType { float:left; width:33%; border-width:0px 1px 0 1px; text-align:center; padding:0; margin:0; }
.EditorBookToolbar .numberType:hover { color: #ed7527 !important;  }


body .BoublePopup { left:-120px; z-index:100; position: absolute !important; background-color: #fff; border-color:#E6E6E6;
    border-width:1px; border-style:solid; box-shadow: 5px 5px 6px -3px rgba(83,88,95,1); 
    border-radius: 6px; font-size:13px; padding:0px 14px 4px 14px;
}
.BoublePopup .textHeadline { font-size:22px; line-height:26px;}

.Slider { position:relative; }
.Slider input { width:50px; }
.Slider .slider { position:relative; top:14px; width:185px; height:7px; border: 1px solid #c5c5c5; border-radius: 3px; float:right; }
.Slider .handle { top:-3px; width:8px; position:absolute; background-color: #FF6C00 !important; background-old: #ed7527 
 border: 1px solid #444; height: 12px !important; width: 12px !important; border-radius: 10px; }
.Slider .unit { margin-left:5px; text-transform:none;}
.editorContainer { clear:both; } 

.editorContainer .ck-voice-label { display:none; }
.editorContainer * { outline: none !important; }

input.missing { border-color:red; }

.mobileOrderContainer { display:none; }

.finalPrice { color: #53585f; margin:8px 0 0px 0; font-size:14px; }

.logoBar { overflow:hidden; position:relative; top:6px }
.logoBar img { height:23px; margin:0px 4px 0 6px; }

.priceContainer .oldPrice {  text-decoration: line-through; margin:0 0 4px 0; }
.bookNamePanel .bookTitle { margin:3px 4px 6px 0; font-size:14px; line-height:16px; }
.bookNamePanel .voucherCode { margin:10px 0 0 0; }
.SinglePaperPage .price { margin-top:3px; text-align: center; }

.navigationTop { margin-top:3px; }
.navigationTop a { margin:0 15px; }

.Std22Menu .iconLabel2 { margin:0 15px; cursor:pointer; }
.Std22Menu div { display:inline; }

.navigationTop div a { margin-right:30px;}
.NOnavigationTop div > div { margin-right:30px;}

.priceLine .small.price { font-size:14px !important; color: #ed7527; }
.titleAuthorPanel .NewstyleButton { margin-left:5px; margin-right:5px; }

body .profileSettings { width: 50px; position:relative; top:-2px; display:inline-block; }

.bookDescriptionBox .stdButtonPanel .orangeButton2 { margin-left:0; }

.LinkController { text-align:center; }
.LinkController .gwt-Label { margin: 6px 0; }

.bookNamePanel .amount { font-weight:bold; margin:0 0 3px 0; }
.bookNamePanel .productType { font-style:italic; font-size:12px; }

.genericToColumnView .left { float:left; width: 200px; margin-right:20px; }
.genericToColumnView .left img { max-width:100%; }
.genericToColumnView .right { margin-left: 220px; }

.InlineChapterViewer .bookstyle_title { margin: 10px 0; color: #ed7527; line-height:28px; font-size:28px; text-align:center; }
.InlineChapterViewer .bookstyle_subtitle { margin:7px 0 17px 0; color: #ed7527; font-size:22px; text-align:center; }
.InlineChapterViewer a { color:inherit; text-decoration:underline; }
.InlineChapterViewer p { font-size:18px; }
.InlineChapterViewer h1,.InlineChapterViewer h2 { margin:30px 0 2px 0; color: #ed7527;  font-weight:normal; }
.InlineChapterViewer h1 { font-size:22px; }
.InlineChapterViewer h2 { font-size:19px; }
.InlineChapterViewer .frame1 { border-width:1px; padding:16px 16px; }
.InlineChapterViewer .frame1 h2:first-of-type { margin-top:0px; }

.mobileEditorHamburger { display:none; }

.vatNumberIsValid { color:#00aa00; }

.LoginController .NewstyleButton { width:240px; }
.forgotPassword { position:relative; left:-100px; margin-bottom:25px; top:-6px; height:0; }
.MyReviewsView .smallOrangeLink {  position:absolute; bottom: 15px; }



/* For ckeditor */
.pageTopHeader,.mtheaderdiv { text-align:center; border-width: 0 0 1px 0; border-style:solid;
border-color: #E6E6E6; margin-bottom:20px; padding-bottom:16px; margin-top:20px; margin-top:10px;   }
#chapterName,.IndependentEditorHeader .chapterName { line-height:105%; margin:0 0 8px 0; min-height:38px; }

.mtheaderdiv #subchapterName { margin:0 0 20px 0; min-height:26px; }
.mtheaderdiv #subchapterName i { font-style:normal !important; }
.mtheaderdiv #subchapterName strong { font-weight:normal !important; }
.mtheaderdiv #subchapterName u { font-style:normal !important }


.mtheaderdiv #chapterNumber { font-size:15px; font-weight: 300; margin: 14px 0 14px 0; }
.mtheaderdiv #chapterPicture {  }
.mtheaderdiv #quote { max-width:70%; margin:0 auto;}
.mtheaderdiv #quoteAuthor { font-weight:bold; font-style:italic; }

/*
NOT .mtheaderdiv *[isvisible=false] { display:none; }
#notUsed, .mtheaderdiv *[isvisible=false] , .mtheaderdiv img[isvisible=false]  { z-index:-1; position:absolute; height:0 !important; min-height:0 !important; margin:0 0 0 0 !important; }
*/

#notUsed, .mtheaderdiv *[isvisible=false] , .mtheaderdiv img[isvisible=false]  { display:none; }

.mtheaderdiv *[isghost=true] {  }

.mtnote { color:#b33; }
div .mtnote[isfootnote=true] { color: yellow; }
div .mtnote[isfootnote=true] { color: green; }

.BookCollectionView.hideLastEdit .lastEditPanel, .BookCollectionView.hideCreated .createdPanel, 
.BookCollectionView.hideCreated .delete, .BookCollectionView.hideEdition .edition { display:none;  }


figure div svg {display:none !important; }

.BookCkEditor .keyword { color: #ed7527; }
.internallink { color: #b19973; }

.BookCkEditor .mtinternallink { color:#7f9f54;  }

.EditorBookToolbar select { width: 100%; }
.indentList { font-size:20px; display:inline-block; position:relative; top:6px !important; }
.outdentList { width:24px; margin: 0 4px; font-size:20px; display:inline-block; position:relative; top:6px !important; }
.indentList.selected,.outdentList.selected { opacity: 1; color:#53585F !important; }
.EditorBookToolbar .disabled { opacity: 0.3; }

.EditorBookToolbar .blockquote { background-image: url('/images/Toolbar/blockquote_dg_72.png') !important; width:26px !important; }
.EditorBookToolbar .blockquote:hover,.EditorBookToolbar .blockquote.selected { background-image: url('/images/Toolbar/blockquote_o_72.png') !important; }
 
.EditorBookToolbar .quote { background-image: url('/images/Toolbar/quote_DG_72.png') !important; }
.EditorBookToolbar .quote:hover,.EditorBookToolbar .quote.selected { background-image: url('/images/Toolbar/quote_O_72.png') !important; }


.EditorBookToolbar .frame1 { background-image: url('/images/Toolbar/frame0_dg_72.png') !important; }
.EditorBookToolbar .frame1:hover, .EditorBookToolbar .frame1.selected { background-image: url('/images/Toolbar/frame0_o_72.png') !important; }

.plos_article.EditorBookToolbar .frame1 { background-image: url('/images/plos/tipIcon.jpg') !important; }
.plos_article.EditorBookToolbar .frame1:hover,.plos_article.EditorBookToolbar .frame1.selected { background-image: url('/images/plos/tipIconHighlight.jpg') !important; }


.EditorBookToolbar .frame2 { background-image: url('/images/Toolbar/frame1_dg_72.png') !important; }
.EditorBookToolbar .frame2:hover, .EditorBookToolbar .frame2.selected { background-image: url('/images/Toolbar/frame1_o_72.png') !important; }

.EditorBookToolbar .table { background-image: url('/images/Toolbar/Table_DG.png') !important; }
.EditorBookToolbar .table:hover, .EditorBookToolbar .table.selected { background-image: url('/images/Toolbar/Table_O.png') !important; }

.editorContainer .frame { margin:10px 0; padding:10px; min-height:20px; }
.editorContainer div[frametype=frame1] { border-style:solid; border-width:1px; }
.editorContainer div[frametype=frame2] { background-color: #eee; }

.BookCkEditor figure img { max-height:250px; max-width:100%; }

body .BookCkEditor .ck-content figure.table { display:block; }

.BookCkEditor a { text-decoration:underline; }
.BookCkEditor .mtcomment { background-color:#faa}
.BookCkEditor .ornamentation { height:30px; color: #ed7527; line-height:30px; text-align:center; margin: 20px auto; display:block; border-style:solid; }

.BookCkEditor [type='newPage'] { border-width:1px 0;  border-color: #ed7527; width:30%; }
.BookCkEditor [type='newPage']:after { content: 'NEW PAGE'; }
.BookCkEditor [type='line'] { border-width:0 0 1px 0; width:90%; border-color:black;}
.BookCkEditor [type='line'].ck-widget_selected { border-color:#ed7527 !important; border-width:0 0 2px 0 !important; }

.BookCkEditor [type='ornamentation'] { }
.BookCkEditor [type='ornamentation']:after { content: '* * *'; }
.BookCkEditor .ck-widget_selected { text-decoration:underline; font-weight:bold; }

.BookCkEditor figure.ck-widget_selected { text-decoration:none !important; font-weight:normal; }

.BookCkEditor .mtsearch { background-color: #9e9e9e; }
.BookCkEditor .mtsearch.selected { color:white; background-color: #53585f; }

.BookCkEditor figcaption { border-style:dotted; border-width:1px; margin:0 0 20px 0; width:60%; padding: 0 6px; font-size:60%;  }
.BookCkEditor figure[imagealign="center"] { margin:0 auto; text-align:center; }
.BookCkEditor figure[imagealign="right"] { text-align:right; }

.BookCkEditor figure[imagealign="center"] figcaption { margin:0 auto 20px auto; }
.BookCkEditor figure[imagealign="right"] figcaption { float:right; }


.ExternalNoteView { position:absolute; padding:24px; NObackground-color: #dfd; min-height:800px; width:100%; }
.ExternalNoteView textarea { width:calc(100% - 40px); height:150px; }
.noteContainer { position:absolute; margin-top:24px; width:100%; }

.ck-editor__editable_inline { position:relative; }

.FlowtextSectionEditor { color:black; }

.EditChannelController textarea { width:100%; height:220px; }	
.EditChannelController .channelLogoContainer { width:220px; height:220px; float:left;margin-right:20px;}
.EditChannelController table+div { clear:both; }

.MtNoteDialog .noteInfoPanel { text-align:right; margin-right:10px; font-size: 13px; NOmin-height:50px; }
.MtNoteDialog .noteInfoPanel .noteNumber { margin-right:8px; }
.MtNoteDialog .noteInfoPanel .gwt-RadioButton { margin-top:0; }
.MtNoteDialog .close { display:none; }
.MtNoteDialog .MiniCkEditor { width:900px; margin-bottom:30px; }
.MtNoteDialog .ck-editor__main { height:150px; }

.MiniCkEditor .ck-editor__main { overflow:auto; border-style:solid; border-width:1px; height:200px; }

.CreateCoverBack .MiniCkEditor .editorContainer { height:400px; overflow:auto; padding:16px; border-width:1px; }

.MiniEditorToolbar { margin: 10px 0 0 0; min-height:36px; border-width:1px 1px 0 1px; border-style:solid; }
.MiniEditorToolbar .group1 { margin-left:6px; border-width:0; }

.mtdiff.deleted { color:red; text-decoration: line-through; }
.mtdiff.deleted { color:red; text-decoration: line-through; }

.FlowtextSectionEditor.plos_article .frame { min-height:70px; background-position: 6px 6px; padding-left: 75px; background-image: url('/images/plos/tipIcon.jpg'); background-repeat: no-repeat; }
.FlowtextSectionEditor.plos_chapterIntro img { max-width:100px;}

.plosChapterColor0 { color: rgb(190,30,45); }
.plosChapterColor1 { color: rgb(241,90,41); }
.plosChapterColor2 { color: rgb(27,117,188); }
.plosChapterColor3 { color: rgb(39,170,225); }
.plosChapterColor4 { color: rgb(0,148,68); }
.plosChapterColor5 { color: rgb(141,198,63); }
.plosChapterColor6 { color: rgb(247,148,30); }
.plosChapterColor7 { color: rgb(255,203,5); }
.plosChapterColor8 { color: rgb(146,39,143); }
.plosChapterColor9 { color: rgb(195,107,171); }
.plosChapterColor10 { color: rgb(169,124,80); }
.plosChapterColor11 { color: rgb(196,154,108); }
.plosChapterColor12 { color: rgb(109,110,113); }

.collapsed { display: none; }
.expandButton { position:absolute; left:6px; width:20px; }
.expandButton .iconFont { font-size:14px; position:relative; top:-1px;}

.editorContainer table { width:100%; table-layout: fixed; }
.editorContainer table td { border-style:solid; border-width:1px; }
.editorContainer table img { max-width:100%; }

.ColorWidget { width:14px; height:14px; border-style:solid; border-color:black; border-width:1px; cursor:pointer; }

#sidebar svg.ck-button__icon { width:16px; height:16px; }
#sidebar.trackChanges { display:none; }

.channelInfoBox { background-color: #E6E6E6; padding:14px; display:inline-block; clear:both; }

.ChannelView .channelInfoBox { background-color: #e7e7e7; padding:10px 18px; display:inline-block;}
.ChannelView .HorizontalDivPanel { text-align:left; margin-top:10px; }

.placeholder .stdGrid23 { padding-bottom:0; min-height:0; }

.ck-suggestion__info time { display:none; }
.ck-comment__info time { display:none; }
.ck-user { margin:0 5px; }

.mobileExtraTop { display:none; }

.ThemaSelector input { width:40%; float:right; margin:0 20px; }
.ThemaSelector .gwt-Tree { margin-top:20px; }

.ThemaSelectorPopup { width:730px; height:620px; overflow:auto; }
.ThemaSelectorPopup .ThemaSelector { height:450px; overflow:auto; }
.ThemaSelectorPopup .HorizontalDivPanel { width:100%; height:46px; line-height:40px; padding:0 10px; color:#53585f; background-color: #ced7db; }

.selectedThemaCodes { display:inline-block; }
.selectedThemaCodes .themaCode { cursor:pointer; float:left; padding:0 5px; margin-left:10px; height:30px; line-height:30px; position:relative; top:5px; border-color:#3a818a; border-width:1px;  }
.selectedThemaCodesLabel { float:left; }

.selectedThemaCodesLabel,.selectedThemaCodes { position:relative; top:2px; } 

.orangeButton2.full inner { text-align:center; }

.bookNamePanel { font-size:14px; }

.EditGeneralVoucherController .voucher { background-color:#ccc; padding:20px; max-width:800px; margin:0 auto 20px auto; }
.EditGeneralVoucherController .voucher .stdButtonPanel { text-align:left; }
.EditGeneralVoucherController select { margin:0 auto; display:block;} 

.AuthorView { min-height:200px; }
.EditGeneralVoucherPopup .headline { margin-top:10px; padding-top:10px;border-width:1px 0 0 0; }
.EditGeneralVoucherPopup .CategorySelectionWidget { border-width:0 0 1px 0; margin-bottom:20px; }

.stdGrid23 .ThemaSelector .searchBar { display:none; }

.BookInfoBox .orangeButton2.full { width:50%; }

.forBooks { margin:4px 0; }
.forBooksPanel { margin:6px 0; font-weight:bold; }

.PublishDone .stdButtonPanel { clear:both; }
.PublishDone .withdrawBook { float:right; }

.PublisherController table { font-size:12px; line-height:14px; width:100%; }
.PublisherController .dateField { min-width:100px; }
.PublisherController .MyPriceCell { min-width:140px; cursor:pointer; }
.PublisherController td,.PublisherController th { padding:8px 6px; text-shadow:none; }

.PublisherController .MyIsbnCell { cursor:pointer; }


.AbstractClickableCell { min-height:38px; cursor:pointer; }
.AccessCellPopup .bookTitle { margin-bottom:15px;}
.grid22 .navigationTop { min-height:33px; }

.isbnSelector .stdButtonPanel { text-align:left; color: #ed7527; }
.isbnSelector .stdButtonPanel span:hover { text-decoration:underline; }
.isbnSelector .stdButtonPanel .InfoLabel { display:block; }

.isbnSelector table { width:100%; padding:0; margin:0 0 20px 0; border-spacing:0; }
.isbnSelector table td:nth-child(2) { text-align:right; }

.gwt-ListBox + .orangeButton2 { margin-left:10px; }

.EditTextPopup { background-color:white; z-index:14; padding:20px; }
.EditTextPopup textArea { width: 550px; height:300px; }

.PageConfigController .pageContainer { max-width:800px; margin:0 auto; }
.PageConfigController .category .gwt-InlineLabel { margin-right:10px; } 
.PageConfigController .entryBottom { margin:0 0 30px 0; padding-left:12px; min-height:40px; line-height:40px; color:white; background-color:#777; }
.PageConfigController .entryBottom span { margin-right:10px; }
.PageConfigController .banner .orangeButton2 {margin-left:12px; }

.EditCategoryWidget .textInputLabel { display:inline-block; margin:14px 0 1px 0; }
.EditCategoryWidget .internalOrangeLink { display:inline-block; margin-left:12px;  }

.EditCategoryWidget input { width:100%; }
.EditCategoryWidget input[type="checkbox"] { width:30px; }
.EditCategoryWidget .productFormat .gwt-CheckBox { display:block;}
.EditCategoryWidget .left { width:40%; float:left; }
.EditCategoryWidget .right { width:60%; float:right; }
.EditCategoryWidget .label { margin-top:12px; }
.EditCategoryWidget .category { overflow:hidden; margin-right:20px; padding:4px; line-height:115%; }

.SaleableProductListView .searchField { width:100%; }
.ListContainerWidget select { width:400px; margin-right:10px; }
.ListContainerWidget .item { padding:8px 4px; NOborder-width:1px; border-color:black;}
.ListContainerWidget .item .iconFont { float:right; position:relative; top:-20px; }

.ListContainerWidget .item:nth-child(even) { background-color:#eee; }
.ListContainerWidget .item:nth-child(odd) { background-color:#aaa; }

.SaleableProductListView.hideAddBooks .bookViewList { height:80px;}

.bookViewList .line:nth-child(even) { background-color:#999; }
.bookViewList .line:nth-child(odd) { background-color:#eee; }
.bookViewList .line span { margin-right:4px;}
.bookViewList .line .iconFont { color:red; }
.bookViewList { height:200px; overflow:auto; border-style:solid; border-color:#333; border-width:1px; margin:10px 0;}
.SaleableProductListView.hideAddBooks .ProductSearchSelect { display:none; }
.SaleableProductListView.hideAddBooks .hideAddBooksButton { display:none; }

.PublisherView { margin-top:30px; }

.Pagination { background-color:white; margin:0 4px; padding:16px; }

.UploadCoverView .downloadPrintCoverLabel { text-align:center; }
.librisL { height:22px; position:relative; top:4px; left:-4px; }

.book17.injectedStyle { font-family: "Cormorant Garamond"}

 .book17 .chapterImage { float:left; margin:10px 20px 20px 0;  }
 .book17 .bookstyle_quoteAuthor { display:none; }

/* For the no grid promotion pages */
.topNoGrid .mainContent { max-width:1100px; background-color:white; margin:0 auto; min-height:800px; padding:106px 24px; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2) }
.topNoGrid .row1 { top:0; padding: 16px 0 0 24px; }
	
.sortbaelte { text-align:center; }
.sortbaelte > a { display:block;}

.ShowSalesChannels table { margin:0 auto 60px auto; }
.ShowSalesChannels .saleChannelsGrid td { padding:0 90px; }
.ShowSalesChannels .totalSales { text-align:center; margin:6px 0 20px; font-size:130%; font-weight:bold;}
.ShowSalesChannels .bookGrid td { padding:0 20px; }
.tableHeaderLabel { font-weight:bold; font-size:120%; margin-bottom:6px; border-style:solid;  }

body div .pasteLiteratureList p { text-indent: -2em !important; padding-left:2em !important; margin:0 0 1em 0 !important; }

.NewstyleButton.trans { box-shadow: none; border-width:1px; border-color: #9f9f9f}

/** Styling for MyWorks */
.MyWorks, .PublisherController { min-height: calc(100vh - 160px); }

.MyWorks .BookDataMenu { position:fixed; top:0; z-index:11111; }
.MyWorks .topBarFiller { height:45px; }
.MyWorks .header { position:fixed; width:calc(100% - 50px); background-color:white; z-index:3; }
.MyWorks .emptyLabImage { max-width:700px; margin:0 auto; display:block;  border-width:1px; border-style:solid; border-color:#aaa; margin-bottom:20px;}
.MyWorks .welcomeToEmptyLab { text-align:center; max-width:800px; margin:0 auto; }
.MyWorks .textBelowHeadline { text-align:center; max-width:800px; margin:0 auto 14px auto; }
.MyWorks li { margin:8px 0; text-align:left; }

.FrontpageInfoMenu { width:200px; position:fixed; }
.Frontpage .Page { width: calc(100% - 220px); margin-left:220px; }
.FrontpageInfoMenu { text-align:center; margin:0 20px; }
.FrontpageInfoMenu .NewstyleButton { width:90%; margin: 8px 0; } 
.FrontpageInfoMenu .profilePicture, .FrontpageInfoMenu .logo { margin:3px 0; }

.FrontpageInfoMenu .HorizontalDivPanel { text-align:left; margin:20px 0; }
.FrontpageInfoMenu img { height:60px; }

.HeadlineSmall { font-family:"roboto condensed"; margin:14px 0 8px 0; font-weight:500; font-size:16px; line-height:18px; }

.FrontpageInfoMenu .userBox,.FrontpageInfoMenu .newsletterBox { border-width:1px; background-color:white; border-radius:8px; margin: 0 8px 10px 8px; border-color:#9f9f9f; }


.LapTopBarFiller { height: 50px; }
.SecondaryTopBarFiller { height: 50px; }

.SecondaryTopBar { font-size:14px; border-width:0 0 1px 0; border-color:#bbb; height:50px; line-height:50px; position:fixed; width:100%; z-index:999; }
.SecondaryTopBar .center { position:absolute; width:100%; text-align:center; z-index:-1; }
.SecondaryTopBar .left { width:350px; position:absolute; left:30px; }
.SecondaryTopBar .left input { width:100%; }
.IsSpintypeAi .SecondaryTopBar .left input { width: calc(100% - 70px); margin-left:36px; height:40px }

.SecondaryTopBar .center img { margin:0 7px; }
.SecondaryTopBar .center .selected { font-weight:bold; }
.SecondaryTopBar .center .iconLabel { display:inline-block; position:relative; top:7px; margin:0 12px;  }
.SecondaryTopBar .iconLabel:hover { text-decoration:underline; }
.SecondaryTopBar a span { position:relative; top: 3px;}
.SecondaryTopBar a { position:relative; top: -3px;}



.ShopTopBar { background-color: #e5d3cc; color: #818181; min-height:48px; z-index:9999}
.ShopTopBar img { height:26px; }
.ShopTopBar .selected { color:#ed7527; }

.ShopTopBar .searchContainer { padding-left:20px; display:inline-block; width:480px; vertical-align:top; }
.ShopTopBar .searchContainer input { border-width:1px; border-color: #E6E6E6; width:100%; }


.ShopTopBar .categories { display:inline-block; height: 50px; overflow:hidden; width: calc(100% - 890px); }
.ShopTopBar .rightButtonContainer { float:right; width:380px; }

.ShopTopBar .categories > div { padding:0 12px; display:inline-block; }
.ShopTopBar .rightButtonContainer > div { padding-right: 20px; display:inline-block; }

.ReaderTopBar { background-color: #2a717a; opacity: 1; }

.siteLanguageIcon { display:none; }
.MyWorks .center  > .internalLink { margin:0 14px; }

.LabTopBar { background-color: #edeae7; }
.LabTopBar .createBook { position: relative; top: 4px; margin-right:40px;}
.LabTopBar input { }
.LabTopBar input::placeholder {  }

.LabTopBar .right  { width:300px; position:absolute; right:0px; top: 3px;}
.LabTopBar .right  img { width:26px; padding-right:20px; }

.MyWorksListMode { font-size:11px; background-color: #F9F9F9;  }

.ai .MyWorksListMode { background-color: #EDEAE7; }
.ai .MyWorksListMode .line.header { background-color: #EDEAE7 !important; box-shadow: none; border-style:none; }
.ai .MyWorksListMode .line_spacer { box-shadow:none !important; }

.MyWorksListMode .header { font-weight:bold; border-width:0 0 1px 0; border-color:black; background-color:white !important; }
.MyWorksListMode .line { height:45px; line-height:45px; }

.MyWorksListMode .textHeadline { background-color:#EDEAE7;z-index:999999; position:fixed; text-align:center; width:100%; margin:0; padding:0;}

.PreFiller { height:15px; background-color: #EDEAE7; }
.PostFiller { height:40px; background-color: #EDEAE7; }

.ai .MyWorksListMode { font-stretch: 75%; font-variation-settings: "wdth" 75; NOfont-family:"Roboto Condensed" !important; font-size:12px;  }

.MyWorksListMode .line { box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-radius:12px; background-color:white; margin:6px 25px;  }

.MyWorksListMode .line > div { height:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; float:left; padding:0 10px; }
.MyWorksListMode .title img { height:26px; display:inline-block; margin-right:8px; }


/* Oh right, I can set width as calc(20% - fixed size). */

.MyWorksListMode div { overflow:hidden; }
.MyWorksListMode .grid { width:100%; }

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 800

}
/** 
	Used pixels:  80+90+110+50+130+90+50+110: I alt 810px;
*/

.MyWorksListMode img { position:relative; line-height:45px; }
.MyWorksListMode .line  .iconLabel .gwt-InlineLabel { top:0; }
.MyWorksListMode .cover { width:80px; overflow:hidden; text-align:center; }
.MyWorksListMode .cover img { height:41px; margin-top:2px;  }
.MyWorksListMode .title { width:calc((100% - 710px) * 0.30);  }  /* % */
.MyWorksListMode .title img { top:9px; }
.MyWorksListMode .isbn { width:110px; }
.MyWorksListMode .author { width:calc((100% - 710px) * 0.25); }  /* % */
.MyWorksListMode .access { width:calc((100% - 710px) * 0.25); }  /* % */
.MyWorksListMode .created { width:90px; }
.MyWorksListMode .publishDate { width:110px }

.MyWorksListMode .mainThemaCode { width:calc((100% - 710px) * 0.20); }  /* % */
.MyWorksListMode .customTags { width:calc((100% - 710px) * 0.20); }     /* % */

.MyWorksListMode .clone { width: 50px;  }
.MyWorksListMode .clone img { height:26px; top:9px; }
.MyWorksListMode .lastEdit { width:130px; }

.MyWorksListMode .available { width: 90px; text-align:center; }
.MyWorksListMode .available img  { width:26px; max-width:80%; top:2px;}

.MyWorksListMode .deleteColumn { width:50px; text-align:center; }
.MyWorksListMode .deleteColumn img { width:24px; top:9px; }


.MyWorksSmallCover { padding:30px; }
.MyWorksSmallCover .productContainer { width:50%; float:left; padding: 30px 0; height:350px; position:relative; }
.MyWorksSmallCover .productContainer.available img { border-color:red; border-style:solid; border-width:2px; }


.MyWorksSmallCover .left { width:250px; margin-left:30px; float:left; }
.MyWorksSmallCover .right { width:calc(100% - 310px) !important; margin-right:30px !important; float:right !important; position:relative !important; }

.WritemodeControllerAi .EditorContainerBottom .MyWorksSmallCover .right { left:0; text-align:auto;  }
.removeRight .editorArea { width:81%; margin-right:2%; float:right; }

.MyWorksSmallCover .buttonPanel { position:absolute; top:100px; width:calc(100%); margin:0 auto;}
.MyWorksSmallCover .bottom { position: absolute; bottom: 25px; width:100%; text-align:right; padding-right:30px;}
.MyWorksSmallCover .bottom .NewstyleButton { width:auto; float:none !important; margin-left:10px; }
.MyWorksSmallCover .bottom .bottomTop { position:relative; top:65px; }
.MyWorksSmallCover .bottom .bottomTop > span { margin-left:20px; position: relative; font-size:12px; }
.MyWorksSmallCover .bottom .bottomTop .deleteBook { margin-left:35px; float:left; }

.MyWorksSmallCover .productContainer img { height:290px; max-width: 230px;  }

.MyWorksSmallCover .productContainer .title { height:40px; overflow:hidden; font-size:15px; line-height:20px; font-weight:bold; }
.MyWorksSmallCover .productContainer .author { font-size:12px; line-height:16px; height:32px; overflow:hidden; }
.MyWorksSmallCover .deleteBook { color: #ed7527; }

.MyWorksSmallCover .productContainer:nth-child(4n+1) { background-color: white;  }
.MyWorksSmallCover .productContainer:nth-child(4n+2) { background-color: #edeae7;  }
.MyWorksSmallCover .productContainer:nth-child(4n+3) { background-color: #edeae7;  }
.MyWorksSmallCover .productContainer:nth-child(4n+4) { background-color: white;  }

.MyWorksSmallCover .NewstyleButton { width:46%; margin-top:10px; height:28px; font-size:13px; line-height:24px; color: #ed7527; }
.MyWorksSmallCover .NewstyleButton:nth-child(even) { float:left;}
.MyWorksSmallCover .NewstyleButton:nth-child(odd) { float:right; }

.bookViewBox .gray { border-color:#f0f0f0; margin:0 5px; border-width:1px; }

.buyPanel .NewstyleButton.white { color: #ed7527; }

.NewstyleButton {  font-size: 15px; box-sizing: border-box; font-weight:500; box-shadow: 0px 3px 6px #00000029; border-radius: 21px; height: 36px; line-height:36px; padding:0 16px; display:inline-block; cursor:pointer; }

.NewstyleButton .gwt-InlineLabel {   top: 0 !important; letter-spacing: 0 !important; margin:0 !important }

.CreateUserAndSignupFromWebflowView .ButtonPanel { margin: 8px 14px 0 200px; text-align:left; }

.NewstyleButton.disabled { opacity:0.2; }
.NewstyleButton.white { border-color: #f0f0f0; border-width:1px; background-color:white; }
.NewstyleButton.gray { background-color: #f0f0f0;  }
.NewstyleButton.orange { background-color: #ed7527; color:white; }
.NewstyleButton.green { background-color: #7f9f54; color:white; }
.NewstyleButton.brown { background-color: #b19973; }
.NewstyleButton.black { background-color: #000000; color:white; }

.NewstyleButton.lightOrange { background-color: #e07139; }

.NewstyleButton.small { height:24px; line-height:23px; }

.WritemodeControllerAi .right .topPanel { }
.showSearchViewInToolbar {  float:right; }

.NewstyleButton.imageButton { width: 72px; }
.NewstyleButton img { height:22px; display:block; margin: 6px auto 0 auto;}

.NewstyleButton { overflow:hidden; text-overflow: ellipsis; NOdisplay:inline-block;}

.Pagination { display:none; }

/** Tmp For merging */
.NewStyle .row2 { background-color: red; }
.NewStyle .BrowsemodeFilter { min-height:48px; line-height:48px;}
.NewStyle .col2 { width:100%; }
.NewStyle .grid22 { margin:0; }
.NewStyle .grid13 { display:none; }
.NewStyle .grid33 { display:none; }

.SimpleEditorPopup { width:600px; }
.SimpleEditorPopup .MiniEditorToolbar { border-style:none;}
.SimpleEditorPopup .editorContainer { border-width:1px 0; margin:8px 0; padding-top:10px;  min-height:400px; }
.SimpleEditorPopup .EditorBookToolbar .group { border-style:none; }

.normalTable.hideborder td { border-style:none; }
.ReaderTopBar { background-color: #FAFAFA; }