/*

3699

setTimeout(() => { debugger; }, 3000)
.ProductPage .centerCenter .buyPanel:first-child .NewstyleButton { background-color: #ed7527; color: white !important; border-style:none; }
*/
/*
.nightmode .SecondaryTopBar .rightContainer { color:white; } 
.dotColorContainer { position:absolute; width:100%; height:12px;  bottom:-49px; left:20px; text-align:left;}
*/

  @font-face {
    font-family: "Symbola";
    src: url("https://localhost/Symbola.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  .symbols {
    font-family: "Symbola", serif;
  }

.table.ck-widget td > p:nth-last-child(2) { margin-bottom: 0 !important; padding-bottom:0 !important; }
.table.ck-widget td > p:last-child() { margin-bottom: 0 !important; padding-bottom:0 !important; }

.mtproductlink { color: #0000EE; text-decoration:underline; }

.EditCanBeUsedWithPopup { max-width:100vw !important; }

.SelectProjectPopup { position:fixed !important; width: 80vw !important; height: 80vh !important; left:10vw !important; top:10vh !important; }
.SelectProjectPopup.MyWorksListMode .textHeadline { position:static; }

.MyProjectsTile .clonebookInto { float: right; position: relative; top: -20px; left:14px; }

.MtFrame input { width:60px; margin-left:15px;}
.FrameSelect img { width: 24px; }
.FrameSelect table td { border-width:1px; border-style:solid; background-color:white;  }
.FrameSelect table td { border-width:1px; border-style:solid; }
.FrameSelect .frameBox { margin:25px; background-color:#fff; }

.MyProjectsTile .ready { background-color: #C4D0B1 !important;}

.Sane .MyProjectsTile .HorizontalDivPanel { margin:2px 0; }



.ck-toolbar__items svg { display:block; }

.ImageManagerSearch .layout > .textHeadline.center { position:fixed; width:100%; display:none;  }

.PictureSearchContainer .line.header { position:fixed; width: 100%;  background-color:white !important; z-index:9999; top: 75px; border-width:0 0 1px 0; border-color:#777; border-style:solid;  }
.PictureSearchContainer { margin-top: 58px; }


NO .DimensionWeightView h1 { position:fixed; background-color: #EDEAE7; width:100%; }

  
img[src*="1777964449380_1202189036.png"] { height:18px !important; position:relative; top:-4px;}
.FlowtextSectionEditor6 figure img[src*="1777964449380_1202189036.png"] + figcaption { display:none !important; }

.BookCkEditor .frame + * { clear:both;}




.editorContainer table p { padding:0 !important; }
.editorContainer table p+p { padding:1em 0 0 0 !important; }

.ck-editor__main p { clear:both; }
.ck-editor__main table { clear:both; }
.ck-editor__main div { clear:both; }


.CanBeUsedWithWidget .line:hover *  { color: #ed7527; }

.hiddenelement { color:red; opacity: 0.5; }

.dimTable { pointer-events:none; opacity:0.7; border-style:dashed !important; }
.dimTable td { border-style:dashed !important; }

app-dimensions { min-height:200px !important; display:block; }

.ShowChapterMenuOnMobile .editorArea { display:none; }
body .ShowChapterMenuOnMobile .ChapterListWidgetAi { display:block; width:100%; position:fixed; top:0; }
body .ShowChapterMenuOnMobile .FullChapterListContainer {  width:100%;  }
 

.MtTableContextMenu { margin-top:60px; }

.ImageManagerSearch .pictureSearchContainer .line {
	img { max-height:24px; max-width:24px; }
	.pictureBox { width: 24px; }
} 
.ImageManagerSearch .line {
 box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1);
  border-radius: 12px;
  background-color: white;
  margin: 5px 0px;
  padding:4px 0;
}

.ImageManagerSearch .line.header { box-shadow:none; }

.ImageManagerSearch .line.header { background-color:inherit; }



.ImageManagerSearch .line .iconFont { position:absolute; right:-30px; vertical-align:bottom; font-size: 15px; margin-top: 5px; }

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

.ImageManagerSearch .line .pictureBox img {  max-width:24px; max-height:24px;   }
.ImageManagerSearch .line .large {  height: 600px; max-width: initial !important;   }

.PictureSearchContainer {
	font-size:10px; line-height:12px;
	.line > * { width: 7%; display:inline-block; text-align:center; }
	.item { display:inline; margin:0 4px; white-space: nowrap; word-wrap:normal; }
}

.ModeswitchController > div > .layout { margin-top:40px; }
.ai .NcffTagWidget { height:auto; max-width:95%; }

.ImageManager .layout { padding-top:40px;  }
.ImageManager #imageFiles { position:absolute; top:-999px;  }
.ImageManager .ButtonPanel { text-align:center; } 
.ImageManager .NewstyleButton.selected { color:#ed7527; }
.ImageManager .imagePreview {  margin-left:60px; top: 100px; position:absolute; z-index:999; max-width: 100px; max-height: 100px;  }

.ImageManager .NcffTagWidget { height:auto; }
.KnowledgeHubAiView .SmallHeadline { text-align:center;}
.KnowledgeHubAiView .toolName { font-size:120%; font-weight:bold; margin:4px 0 1px 0;}
.KnowledgeHubAiView .SplitContainer .SwitchButton { position:relative; left:12px; top:8px; }

.ModeswitchController > div > div.barContainer .secondLine { text-align:center; }
div.barContainer .secondLine .internalLink { margin:0 10px;  }
div.barContainer .secondLine .internalLink.selected { text-decoration:underline; NOcolor: #ed7527; }

.FileResourceSection table .iconFont { margin-top:8px; }

.dropTarget .backgroundMaterial { border-color: #ed7527 !important; border-width:2px !important; }
.overBackground .backgroundMaterial { border-style:solid !important; }

.ToggleLabelR > img.SwitchButton { margin-right: 12px !important; }
  
.ChapterListBottom { margin: 10px 0 0 25px;}

.GradientSlider { width:100%; border-radius:16px; border-style:none; }

.FullChapterListContainer.scrollContainer { position:fixed; height: calc(100vh - 73px); width:19vw; overflow:auto; top:50px;  }
.FullChapterListContainer.scrollContainer .VerticalDragContainer {  padding: 70px 15px 0 20px; }

.ChapterListWidget2.ChapterListWidgetAi { position:relative; width:100%; } 

.ChapterListWidgetAi .backgroundMaterial { 	border-radius: 12px; width: calc(19vw - 35px); position: fixed; padding:10px 10px 10px 10px;  left:20px;
	background-color: #d9d4cd; border-color:#333; border-style:dashed; border-width: 1px; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); z-index:9; height:50px; }

.ChapterListWidgetAi .backgroundMaterialFiller { left:20px; z-index:7; width: calc(19vw - 30px); background-color: #EDEAE7; border-radius:0 0 12px 12px; position:fixed; height:50px;}

.ChapterListWidgetAi .chapterContainer { padding-top:70px; }

.ChapterListWidgetAi .backgroundMaterial .databaseSkyIcon { position:relative; top:4px; float:right; }

.HubSingleProjectView.reverseFontColor * { color:black; }

.HubSingleProjectView .bookContentSquare .internalOrangeLink { color: #FCD77C; }
.HubSingleProjectView.reverseFontColor .bookContentSquare .internalOrangeLink { color: #ed7527; }

.MyWorksAi .statusContainer { float: right; top: -41px; left: -10px; position:relative; }


.secondLine .projectStatus { float:left; margin-right:10px;}

.KnowledgeHubEditView .aiSettings img { width:22px !important; }

.ImageManager .ImageSearchButton { float:right; position:relative; top:30px; }
.ImageManager .uploadLayout { width:600px; margin:0 auto; }

.ImageManager .uploadLayout .gwt-Image { display:block; margin: 0 auto;}

.imageManagerIcon { float:right; opacity:1 !important;}

.HubSingleFolderView .dotColorContainer { display:none; }

.MyWorksListModeAi .line img { position:relative; left:6px; }
.MyWorksListModeAi .line.openFolder img { height: 32px !important; margin-top: 6px !important; left: -6px; }

.ai .NcffTagWidget .line.selected { background-color: #F2A93B !important; color:white; }
.ai .NcffTagWidget .selected  { color:black !important; font-weight:bold !important;}

.SplitContainer .attributes span.gwt-RadioButton { width:auto !important; top:-14px !important; }

.autoGneratedCoverImagePanel .uploadNewImageContainer { float:left; width:48%; text-align:left; vertical-align:top; }
.autoGneratedCoverImagePanel .imagePreviewContainer { float:right; text-align:right; vertical-align:top; padding-bottom: 80px;}

.KnowledgehubQaView { 
	.rateBox > img { width:32px; border-style:none; cursor:pointer;}

	.itemListTable { width:auto; min-width:90%; }

	.thumpUp.selected { filter: brightness(0) saturate(100%) invert(54%) sepia(14%) saturate(1837%) hue-rotate(100deg) brightness(93%) contrast(95%); }
	.thumpDown.selected { filter: brightness(0) saturate(100%) invert(14%) sepia(74%) saturate(4110%) hue-rotate(343deg) brightness(83%) contrast(89%) }
	.thumpDown {  transform: rotate(180deg); }
}

.MyWorksListModeAi .HubSingleProjectView.newBook { display:none; }
NO .MyWorksListModeAi .breadcrumContainer  { display:none; }

.HubSingleFolderView.selected { position: relative; top:-1px; left:-2px; }
.HubSingleFolderView.selected .dots { position: relative; top:2px; left:2px; }

.AddQuestionsPopup textarea { width:1000px; height:600px; }

.YourAccountPopup .layout > .internalOrangeLink  { float:right; text-align:right;}


.MyWorksTileView > .content { padding-bottom:40px; }

input[type="range"] { 
  padding:0 !important;  
  height:18px; 
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
}
input[type="range"]::-moz-range-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid white;
    cursor: pointer;
}

input[type="range"]::-moz-range-progress {
  height: 16px;
  border-radius: 4px;
}

input[type="range"]::-moz-range-track {
  height: 16px;
  border-radius: 4px;
  background: white 
}

/* Chrome/WebKit styles */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid black;
    cursor: pointer;
    margin-top: -2px; /* Center thumb on track */
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 16px;
  border-radius: 4px;
}

/*
input[type="range"]::-ms-fill-lower {
  background: linear-gradient(
    to right,
    rgba(0, 123, 255, 0) 0%,
    rgba(0, 123, 255, 1) 100%
  );
}
input[type="range"]::-ms-fill-upper {
  background: white
}
*/






.MyWorks .iconFont.selected { color: inherit; font-weight:bold; opacity:1;} 
.MyWorks .iconFont:hover { opacity:1; } 

.HubSingleProjectView .middle .projectIcon { opacity:0.5; }


.HubSingleProjectView { color:white ;}

.ProjectColorSelector .colorBox { float:left; margin:10px 10px; width:100px; height:100px;}
.ProjectColorSelector .colorBox.selected { border-width:3px; border-style:solid; border-color:black;}

.ProjectColorSelector .selectCustomColor { font-size:12px; padding: 0 0px; text-align:center;  margin-top:20px;}

.ProjectColorSelector .colorContainer { max-width:400px; }


.SnrPanel textarea { width:100%; min-height:60px; max-width:800px;  }
.SnrPanel .debug { color:#a00; display:block; }


.SnrPanelContainer .container { display:flex;  }
.SnrPanel { flex: 1 1 0; border-style:solid; border-width:1px; padding:10px; min-height:20px; }

.MtSpeakerDialog { width: 850px; }
.MtSpeakerDialog .SplitContainer input { position:relative; margin:0 10px;  }
.MtSpeakerDialog .SplitContainer select { position:relative; margin:0 10px;  }
.MtSpeakerDialog .SplitContainer .SwitchButton { margin-left: 25px; }
.MtSpeakerDialog .SplitContainer .NewstyleButton { float:right; }

.MtSpeakerDialog .SplitContainer .or { text-align:center; margin-bottom:10px; }


.NotifierSystem .audioUploadNotifier .NewstyleButton.green.small { position: absolute; margin-right: 40px; right: 0; margin-top: -21px; }
.audioUploadNotifier  { border-style:solid; border-width:0 0 1px 0; border-color: #666; padding: 5px 0; }


.NotifierSystem .fixedPosNotifier { position:fixed; width:100%; z-index:9999; background-color: #ed752f;  color:white; text-align:center; line-height:100%; }

.NotifierSystem.workDone { 	border-color:green; border-width: 3px 0; border-style:solid; }
	
.NotifierSystem .iconFont { position:relative; top:3px; margin-right:10px;}
.NotifierSystem .closeIcon { float:right; margin-right:10px; }

.EditProjectStatusWidget .half .line > .textBox .ck-editor__main > div { min-height:40px; }

.ProjectStatusHistoryPopup .dateContainer .iconFont { margin-left:10px; font-size:14px; }

.EditProjectStatusFixedFields { width:950px; }
.EditProjectStatusWidget .editIcon { float:left; position:relative; top:3px; }

.AiGeneratedQuestionsDialog { width:90vw; }
.AiGeneratedQuestionsDialog .bookName { padding-left:10px; margin-right:10px; font-weight:bold; }
.AiGeneratedQuestionsDialog .question { padding:0 5px; border-width:0 1px; border-style:solid; }
.AiGeneratedQuestionsDialog .line { padding:7px 3px;  }
.AiGeneratedQuestionsDialog .line:nth-child(even) { background-color:#ccc; }


.mtspeaker { margin-right:20px; color:#777; font-style:normal !important; }

.WD { position:absolute; right:6px; top:18px; z-index:9999999; }
.WU { position:absolute; right:6px; top:0px; z-index:9999999; }

.PictureSelector { max-width:1000px; }
.PictureSelector img { margin:15px; width:100px; height:100px; }
.PictureSelector img:hover { border-style:solid; border-color:#ed7527; border-width:0 0 3px 0; position:relative; top:0px; }


.EditProjectStatusWidget .ck-content {font-size:12px; line-height:120%; }
.EditProjectStatusWidget .MiniCkEditor .ck-editor__main { min-height:40px; height:100%;  }

.EditProjectStatusWidget .EditorContainer .MiniCkEditor .ck-editor__main { min-height:100px; }
.EditProjectStatusWidget  .MiniCkEditor.bottomTextField .ck-editor__main > * { min-height:100px; }

.EditProjectStatusWidget .textHeadline { font-size:12px !important; text-transform:uppercase; line-height:15px !important; }
.EditProjectStatusWidget .textHeadline.larger { font-size:15px !important; line-height:18px !important; }

.EditProjectStatusWidget .half > .line { display:flex; }
.EditProjectStatusWidget .half > .line > div { align-items: stretch; }

.ActivityLineEditor > .line { display:flex; width:100%; }
.ActivityLineEditor > .line > div { align-items: stretch; }


.labelOverTextEditor { margin-top:15px; position:relative; top:5px; }

.EditProjectStatusWidget { height:80vh; position:absolute; top:10vh; } 

.EditProjectStatusWidget .half .MiniCkEditor li { margin:0 10px !important; } 

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

.ActivityLineEditor { position:relative; }

.Clear { clear:both; }

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

.EditorContainer { display: flex; }
.EditorContainer > div { flex: 1; }
.EditorContainer .MiniCkEditor { height:100%; }
.EditorContainer .MiniCkEditor .editorContainer { height:100%; }
.EditorContainer .MiniCkEditor .editorContainer > .ck { height:100%; }

.EditProjectStatusWidget { width: 1160px; top:15px !important; position:fixed !important; height: calc(100vh - 30px); max-height:100vh !important; }
.EditProjectStatusWidget .layout .inner { height: calc(100vh - 200px); overflow:auto; } 

.EditProjectStatusWidget .top .box { width:33%; display:inline-block; padding:0 6px;}
.EditProjectStatusWidget .half { width:50%; display:inline-block; vertical-align:top; }
.EditProjectStatusWidget .half.left { padding-right:20px; }
.EditProjectStatusWidget .half.right { padding-left:20px; }

.EditProjectStatusWidget .half .subHeadline { font-weight:bold; text-align:center; }
.EditProjectStatusWidget .half .line > div { width:28%; float:left; border: solid #999;  border-width:0 1px 1px 1px; }
.EditProjectStatusWidget .half .line > div:nth-child(2) { width:14%; margin:0 -1px; }
.EditProjectStatusWidget .half .line > div:nth-child(3) { width:58%; margin:0 -1px; }

/* 14,7,29 */
.EditProjectStatusWidget .half .line > .subHeadline { border-width:1px 1px 1px 1px; font-size:12px; text-transform:uppercase; }
.EditProjectStatusWidget .half .line > .textBox { min-height:40px; padding:4px; background-color:white;}
.EditProjectStatusWidget .half .line > .textBox * { border-style:none !important; }
.EditProjectStatusWidget .addLineButton { position:absolute; top:-23px; right:0;  }
.ButtonPanel .right { position:absolute; right:0; left:initial; }

.EditProjectStatusWidget .half .MiniCkEditor * { margin:0 !important; padding:0 !important;  } 

/* This is for the old slider with the color full background. This should not be used.
.ThistedSlider { background-image: url('/images/sliderBackground.png'); 
  -webkit-appearance: none; appearance: none; background-size: cover; background-repeat: no-repeat;
  width:100%; height:18px; padding:0; margin:0; border:none;  border-radius:22px;
  background-color:#ECEAE7;
}

.ThistedSlider::-webkit-slider-thumb, .ThistedSlider::-moz-range-thumb { -webkit-appearance: none; -appearance: none; 
	width: 20px; height: 20px; background: white; border: solid 1px black; border-radius: 50%; cursor: pointer; 
}
*/
.ProjectStatusWidget { width:600px; background-color: #fefefe; padding:20px 30px; float:right; margin-right:40px; position: relative; top: 20px; 
box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.07), 0 2px 5px 0 rgba(0, 0, 0, 0.07);  cursor:pointer; }


.ProjectStatusWidget .sliderLine .textHeadline { padding:12px 0 6px 0; margin-top:0; margin-bottom:0px; font-size:17px; line-height:100%; }

.AiElementContainer a { color: #ed752f; text-decoration:underline; }

.ChatGptInterface2 .chatNew { height:20px; opacity:0.4; position:absolute; right:34px; top:8px; }
.ChatGptInterface2 .chatNew:hover { opacity:1 }

.MtFrame.Sane .gwt-CheckBox { margin-top:8px; display:block; }

.SeleniumSelect { border-color:#aa4422 !important; border-width:1px !important; border-style:solid !important; text-decoration:underline !important; }
.SeleniumSelect.NewstyleButton { background-color:#FFBF00 !important; color:black !important; }

.MoveBehind { position:relative; z-index:-999 !important }

.ck-content s { text-decoration: none !important; background-color: #aee; } 

.ImportFileCreateChapterPopup { width:850px; }

.ChatGptInterface2.customTextPrompt textarea { background-color: #dff !important};

.CreateBookToDoStatusReportPopup { width:900px; height:90vh;}
.CreateBookToDoStatusReportPopup .gwt-CheckBox { width:30%; display:inline-block;}
.CreateBookToDoStatusReportPopup .bookContainer { height:calc(90vh - 215px); overflow:auto; }
.IsEmptyNoPadding { padding:0 !important; margin:0 !important; height:0; }

.ToDoListComponent { margin:10px 0 10px 0; position:relative; left:-20px; width: calc(100% + 20px); }
.ToDoListComponent .toDoList { margin-bottom:20px; }
.ToDoListComponent .toDoList .line { padding:4px 0; min-height:24px }
.ToDoListComponent .toDoList .line .SwitchButton {float:left; }
.ToDoListComponent .toDoList .line .gwt-HTML { display:inline-block; margin-left:6px; width:calc(100% - 55px);  }
.ToDoListComponent .toDoList .line .edit { float:right; color: #ed752f; }
.ToDoListComponent .toDoList .line input { float:left; }
.EditToDoPopup .delete { float: right; position: relative; top: -40px; left: -67px; }

body .MyWorksListMode .breadcrumContainer { top: 8px; left:47px; }


.ChapterListWidgetAi .progressContainer { width:100%; left:0; border-width:1px; background-color: #D4D4D4; height:4px; position:absolute; bottom:0px; }
.ChapterListWidgetAi .progressContainer .progress { width:50%; height:2px; background-color: #909BAC; position:relative; top:1px; } 

.dotColorContainer { position:absolute; width:15px;  bottom: 24px; left: -1px; text-align:left; line-height:0}
.dotColorContainer .colorDot { width:12px; height:8px;  display:inline-block; margin-top:6px; border-radius:0 4px 4px 0; }

.MyWorksAi .breadcrumContainer { margin-left:65px;font-size:12px; }
.MyWorksAi .breadcrumContainer .separator { margin:0px 7px; }

.EditToDoPopup { width:900px; }
.EditToDoPopup .MicroEditor { background-color:white; min-height:70px; padding:6px; border-radius:9px; border-style:solid; border-width:1px; margin-bottom:8px; }

.chapterPromptsPane { margin-top:10px; }
.chapterPromptsPane * { font-size: 12px; line-height:14px; }
.chapterPromptsPane .NewstyleButton { height:auto; padding:6px 12px !important }

.OrderedListWidget .listContainer > div { padding:10px 0; border-width:0 0 1px 0; border-color: #444; border-style:solid; }
.OrderedListWidget .listContainer > div.selected { background-color:#ed752f; opacity:0.7;}

.ExtendedChapterSetup {clear:both;  }

ne .OrderedListWidget { min-height:80px; }

.projectTile .progressBar { width:150px; height:15px; border-style:none; background-color: #E1DED7; position:fixed; bottom:20px; left:20px; border-radius:6px; }
.projectTile .progressBar .inner { background-color:#ed752f; opacity:0.75; width:100%; height:100%; border-radius:6px 0 0 6px;}
.projectTile .progressBar .inner .gwt-Label { font-size:8px; color:black; position:relative; top:-4px; left:20px; NOdisplay:none; }

.sharedWithContainer .userProfileImage { display:inline-block; }

.ImportExistingProjectAsBackgoundMaterial .GridContainer { overflow-x:clip; overflow-y: auto; height: calc(80vh - 150px); }

body.ai div.ImportExistingProjectAsBackgoundMaterial { overflow:hidden !important; }

.itemListTable select { max-width:400px; }

.ImportExistingProjectAsBackgoundMaterial { max-width:350px; width:80vw; height:80vh; top:10vh !important; overflow:hidden; } 

.FileResourceTable .shared { color:#ed752f; }

.SelectEnterpriseResources { width: 80%; height: 80vh; }

.KnowledgeHubEditView .SinglePaperPage .textHeadline { margin:15px 0 0 0; }

figure { max-width:100%; }

.NamedQueriesPanel .iconFont { display:inline-block; margin-left:6px; font-size:16px; }

.SqlQueryView textarea { width:100%; height:120px; margin:12px 0; }

.NamedQueriesPanel > div { display:inline-block; margin: 5px 10px 0 0; border-style:solid; border-width:1px; padding:6px 10px; background-color:#eee; }
.NamedQueriesPanel .selected { color: #ed7527; }

.SqlErrorView { color:red; }


.ChatGptInterface .chatGptSettingsPanel { background-color: #dadada; padding: 5px; border-radius: 12px; margin:15px 0; }
.ChatGptInterface .chatGptSettingsPanel select  { width:80%; }
.ChatGptInterface .chatGptSettingsPanel .line  { margin: 4px 0; }
.ChatGptInterface .chatGptSettingsPanel input  { width:60px; margin-left:10px;  }

.chapterExpandedMenu .ToggleLabelR > .iconFont { font-size:14px; margin-left:6px; position:relative; top:2px;}


.ChatGptInterface.ContentPane .chatSettings { float: right; position: relative; top: 8px; left: -24px; }

.PreviewPanel .visibleTemplatePanel { font-size:12px; }
.PreviewPanel .visibleTemplatePanel .HorizontalDivPanel { display:inline-block; margin: 0 15px 0 0px; }
.PreviewPanel .visibleTemplatePanel .SwitchButton { float:left; position:relative; top:3px; margin-right:6px !important; }

.IndependentHeaderImageDialog .quoteSwitchButtonLine { position:relative; top: 30px; min-height:50px; }

.EditorBookToolbar2 .expandToolbar { display:none !important; }

.SplitContainer img.SwitchButton { position:relative; top:5px; }

.IndependentHeaderImageDialog { position:fixed !important; top:40px !important; min-width:800px !important; }

.MtImageDialog .SplitContainer { max-width:434px; } 
.MtImageDialog .SplitContainer .line > :nth-child(1) { width:200px; }
.MtImageDialog .SplitContainer .line > :nth-child(2) { width:200px; }
.MtImageDialog { position:fixed !important; top:20px !important;}

.MtImageDialog .textOnImageContainer { position:relative; left:-100px; }
.MtImageDialog .textOnImageContainer .ColorWidget  { display:inline-block; }

.TagOverviewWidget .line .iconFont.internalLink { float:left; }
.NcffTagWidget .line { margin:3px 0; border-radius:8px; padding:0 2px 0 6px; }

.IsSpintypeAi .ReaderOuterContainer  .SecondaryTopBar .left { margin-left:36px; } 
.IsSpintypeAi .ReaderOuterContainer  .SecondaryTopBar .input { margin-left:0px; } 

.BookMenuExternalVideo { min-width:400px; }

.BookMenuExternalVideo { width:600px;}

.ai .BookMenuUploadFiles { min-width:500px; text-align:center; }
.BookMenuUploadFiles .layout { margin: 0 0 14px 0; }
.ShowByCustomTag .block { width: 240px; }

.sectionReaderParent .tableOfContent .prefix { float:left; width:25px;}
.sectionReaderParent .tableOfContent .chapterName { line-height:24px;}

.bookViewContainer { NOpadding-bottom:60px;}


body .EditGeneralVoucherPopup { z-index: 199999999 !important; background-color: #f7f4ef !important;}
body .MessageDialogPopup { z-index: 299999999 !important; background-color: #f7f4ef !important;}

.ChapterListWidgetAi .pin { position:absolute; right:19px; z-index:999; font-size:16px;top:11px;  }
.SecondaryTopBar .siteLanguageIcon { font-size:28px; line-height:28px; margin:7px 30px  0 0;float:right; }

.BookMenuPublishDate .gwt-DateBox { margin:8px 0; }
.BookMenuPublishDate .ToogleLabel .SwitchButton { left:8px; top:2px; }

.BookMenuPrint .digitalGrid .SwitchButton { margin-right:7px !important; }

.EditThemaCodePopup .stdButtonPanel { margin-top:16px; }

.ShowFootnotesPopup { width:800px; top:50px !important; position:absolute !important; }
.ShowFootnotesPopup .stdButtonPanel { margin-top:16px; }
.ShowFootnotesPopup .gridContainer { max-height:calc(90vh - 150px) !important;  overflow:auto;  }
.ShowFootnotesPopup .footnoteChapter { width:50%; }
.ShowFootnotesPopup .footnoteNumber { width:20%; }
.ShowFootnotesPopup .footnoteText { width:30%; }

.ShowFootnotesPopup .editFootnoteGrid { width:100%; margin: 0 !important;  }
.ShowFootnotesPopup .editFootnoteGrid  td { min-width:200px;  }
.ShowFootnotesPopup .editFootnoteGrid  tr td:first-child { min-width:120px;  }

.BookMenuHyph { width:800px; top:50px !important; position:fixed !important; }
.BookMenuHyph .stdButtonPanel { margin-top:16px; }

.SaneGlassPopupPanel.BookMenuHyph .stdButtonPanel .minBeforePanel { width:450px; float:left; text-align:left;}
.SaneGlassPopupPanel.BookMenuHyph .stdButtonPanel .minBeforePanel input { width: 40px; }

.BaseGlassPopupPanel.BookMenuHyph { max-width: 950px; width:90vw; }
.BaseGlassPopupPanel.BookMenuHyph input { width:100%; }

.BookMenuHyph .tableContainer { max-height:calc(90vh - 200px) !important;  overflow:auto; padding:0; margin:0;  }
.BookMenuHyph table { width:100%; margin:0 !important;}

.SpintypeAiUserPopup .icon .icon59957 .iconFont { font-size:16px; } 

.ChatGptGraphInterface > img { width:90%; margin-top:10px; }

.languageIcon.iconFont { position:relative; font-size:17px; float:right; margin-right:20px;}


.BaseGlassPopupPanel.YourAccountPopup { max-width:800px; }



.NotProjectView .fileResource { display:none; }

.MiniCkEditor .ck-content { min-height:100%; }

.CreateUserAndSignupFromWebflowView .newDesignTop { background-color: #D8D3CC !important; }
.CreateUserAndSignupFromWebflowView .gwt-CheckBox { margin-right:6px; }
.CreateUserAndSignupFromWebflowView .mustAcceptTermsPanel { width:100%; }

.AiEditorFixedBottom .iconLabel2 { display:inline; }
.AiEditorFixedBottom .sizeIcon.a { margin:0 14px 0 2px; }
.AiEditorFixedBottom > .iconFont { margin:0 14px 0 2px; float:right; font-size:17px; opacity:0.8;}
.AiEditorFixedBottom > .showBookHistoryIcon { float:none; margin:0 8px; }
.AiEditorFixedBottom > .saveIcon { float:none; margin:0 8px; }

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

.ChapterListWidgetAi .userProfileImage { max-width:24px; max-height:24px; position:absolute; right:4px; top:6px; border-radius: 12px; }

.ProductSolutionAskQuestions .gwt-RadioButton label::before { top:7px; }

.NcffTagPopup .ButtonPanel { clear:both; }

.MyWorksListModeAi > .textHeadline { padding:20px 0 !important; margin-top:5px !important;  } 
.MyWorksListModeAi .content >.grid { margin-top:90px;}
.MyWorksListModeAi .newBook { width:150px; height:50px; background-color:white; position:fixed; z-index:9999; left:30px; top:64px;}
.MyWorksListModeAi .HubSingleProjectView > * { top:10px !important; font-size:14px !important; }

.MyWorksListModeAi .backToMyProjects { position: fixed; top: 54px; left: 50px; z-index: 999; }

.MyWorksListMode .imagePanel.clone > img { position:relative;}
.MyWorksListMode .imagePanel.deleteColumn > img { position:relative;}
.MyWorksListMode .iconLabel.title > img { display:none;}
.MessagePromptDialog input { min-width:400px; }

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

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

.EditCustomTagAi .line .iconFont { margin-left:7px; font-size:14px;}

body .SelectTagsPopup { width: auto !important; height:auto !important; text-align:center; position:fixed !important; top:40px !important;}

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

.NcffTagWidget/*.TagOverviewWidget*/ .tagContainer { float:none !important; display:inline-block; vertical-align: top; margin:0 7px; } 

.ConfirmationDialog .stdButtonPanel { margin-top:10px; }

.PdfSettingsWidget .hideAndPreview { float:right; }

.SwitchButton { width:auto !important;}

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


.TagOverviewWidget .deleteTag { float:right !important; }

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

.SplitContainer .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; }

.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;  }

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

.colophonExpandedMenu .editColophon { margin:5px 0; }

.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; }

.ck-editor figure[isfullpagequote="true"] { border-width:1px 0; border-style:solid; border-color: #ed752f; }

.ai .BaseGlassPopupPanel { background-color: #eceae7; max-height: 90vh; overflow: auto !important; }

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;}

.MyProjectsTile.back .smallHeadline { text-align:left; font-size:15px; font-weight:500; max-height:19px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.MyProjectsTile.selected { position:relative; left:-2px;top:-2px;}
.MyProjectsTile.selected .flipper > div { border-color:#ed752f; border-style:dashed; border-width:2px;}

.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:230px; display:inline-block; margin:0 15px 15px 15px; }

.flipper > div { width:250px; height:230px; margin:0px; border-radius:16px; }

.MyProjectsTile .back  .internalLink { margin:3px 0; }

.MyProjectsTile { margin-top:20px; }

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


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



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

.SortableListWidget .line * { vertical-align:top; }
.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; font-size:12px; }
.SortableListWidget .line.header { font-weight:bold; }
.SortableListWidget .line > div { display:inline-block; }
.SortableListWidget .line p { margin:0; padding:0;  }
.SortableListWidget .line p+p { margin:0 0 1em 0; padding:0;  }

.BookMenuHyph .TableAsSortableListWidget td:nth-child(3) { text-align:right; }

.TableAsSortableListWidget { border-spacing: 0 6px; border-collapse: initial; background-color: #ECEAE7;}
.TableAsSortableListWidget tr { padding:6px 10px; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); margin: 6px 25px; font-size:12px; }
.TableAsSortableListWidget tr > * { background-color: white; }
.TableAsSortableListWidget .header { font-weight:bold; }
.TableAsSortableListWidget td { padding:4px 8px; background-color:white;}
.TableAsSortableListWidget td:first-child { border-radius:12px 0 0 12px; }
.TableAsSortableListWidget td:last-child { border-radius:0 12px 12px 0; }

.BookMenuHyph .TableAsSortableListWidget td { padding:6px 8px;}

.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; }



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


.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: 50px; top: 10px; }

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

  
.LabTopBar .NewstyleButton.small { position:relative; margin: 0 16px 0 8px; position:relative; top:6px; }


.ImportStylePopup .bookContainer { max-height:400px; overflow:auto; }
.ImportStylePopup .searchBox { display:block; width:100%; box-sizing:border-box; margin-bottom:10px; }

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

.CreateBookAiPopupNew .clearHack { height:30px; }

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

.ProjectView.ChapterListWidgetAi .chapterContainer { padding-top:40px; }

.BackgroundHack .databaseSkyIcon { float:right; position:relative; top:-16px; left:-6px; }
.BackgroundHack { border-radius:12px; position:absolute; background-color:#d9d4cd; border-color:#AEAEAE; border-width:0; 
box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); width: calc(100% - 24px); left:-8px !important; }
.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; }
	

body .ChapterListWidgetAi { padding:0; }

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

.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;}

.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 .right .textHeadline { margin-bottom:45px; }

.CreateBookAiPopupNew .SwitchButtonPanel { float:left; position:relative; top:-14px;  }
.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; }

.ConfigureBookAiPopupNew .right > .box .iconFont { position:absolute; bottom:0; font-size:14px; }
.ConfigureBookAiPopupNew .right > .box .iconFont:hover { color:#ed752f; }
.ConfigureBookAiPopupNew .right > .box .deleteIcon { right: 8px; }
.ConfigureBookAiPopupNew .right > .box .edit { right: 30px; }


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


.CreateBookAiPopupNew .SwitchButton { float:left; margin:0 10px 0 0 !important; position:relaive; top:5px !important; }
.CreateBookAiPopupNew.noAi { max-width: 450px !important  }

.CreateBookAiPopupNew.noAi .center .left { width:100%; }

.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;}	

.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; z-index: 99888999; }

.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; position: relative; left:calc(31% - 8px); text-decoration:underline;  }
.helpCenterIcon { display:none;  }

.AiEditorFixedBottom { padding-left:20px; font-size:10px; }
.AiEditorFixedBottom { position:fixed; bottom:0; z-index:999; height:32px; line-height:32px; border-style:solid; border-width:0; width:calc(62%); background-color: #EDEAE7;  }
.AiEditorFixedBottom .menuButton { display:none; }
.AiEditorFixedBottom .saveStatusLabel { position:relative; top: -4px; }
.AiEditorFixedBottom .showHistoryLabel { position:relative; top: -4px; margin-right:20px; } 

.AiEditorFixedBottom .changeFontSize { float:left; } 
.AiEditorFixedBottom .decreaseFontSize { margin-right:4px !important; } 


/* 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; }

.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:260px; } 
.socialLoginButtonPanel .iconLabel img { height:24px;  position:relative; top:2px; margin-right:16px;}

.ChapterListTop { position:fixed; width:19vw;}
.ChapterListTop .titleLabelContainer {  height:24px; float:left; margin:9px 0 0 10px;overflow:hidden; width:calc(100% - 106px) }
.ChapterListTop .titleLabelContainer > * {  overflow:hidden;height:24px; text-overflow: ellipsis; white-space: nowrap; }


.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%; }
.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 }
.HighlightBase  .toogleChapterListLogo { display:none !important; }
.HighlightBase .saveContainer { display:none; }
.HighlightBase .buttonGroupPanel .right { position:relative !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); }

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

/** 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; }

.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; }

.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; }

.MiniEditorToolbar { line-height:20px; }

.EditBookTitlePopup { width:650px; position:fixed !important; top:30px !important; }
.EditBookTitlePopup .ck-editor__editable { min-height:198px; }

/* A ck editor that looks like a standard one line text input field, growing to at most four lines. See WidgetFactory.makeOneLineCkEditor.
   The heights follow the input field: one line 20px + 12px padding + 2px border = 34px, four lines 80px + 14px = 94px.
   Ckeditor injects its own stylesheet at runtime and styles the editable through .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable
   and friends, so !important is needed to get the border, the rounded corners and the padding of a plain input field. */
.MiniCkEditor.OneLineCkEditor .ck-editor__main { height:auto !important; border-width:0 !important; }
.MiniCkEditor.OneLineCkEditor .ck-editor__editable { height:auto !important; min-height:34px !important; max-height:94px !important; overflow:auto !important;
	font-size:14px !important; line-height:20px !important; padding:6px 8px !important;
	border:1px solid #9f9f9f !important; border-radius:12px !important; box-sizing:border-box !important; }
/* Ckeditor marks the focused editable with its own blue border and glow, a plain input field has neither. */
.MiniCkEditor.OneLineCkEditor .ck-editor__editable.ck-focused { border-color:#9f9f9f !important; box-shadow:none !important; }
/* Ckeditor spaces the first and the last block out from the edges, which is what made the one line case so tall. */
.MiniCkEditor.OneLineCkEditor .ck-editor__editable > :first-child { margin-top:0 !important; }
.MiniCkEditor.OneLineCkEditor .ck-editor__editable > :last-child { margin-bottom:0 !important; }
.OneLineCkEditor .ck-toolbar { display:none; }
.OneLineCkEditor .ck-sticky-panel { display:none; }
.OneLineCkEditor .ck-content p { margin:0 !important; }

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

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

img.SwitchButton  { display:inline !important;  margin:0 !important; padding:0 !important; }
.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; }

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 { bottom: 50px !important; visibility: visible; position: fixed !important; top:auto !important; }

.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 }

.socialLoginButtonPanel .HorizontalDivPanel { border-width:1px; border-radius:8px; padding:0px 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 .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 .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 { z-index: 99;  top: 60px; }
.ai .CkeditorSearchView2 { left:auto; right:10px; width: calc(18% + 50px); padding:20px; }
.ai .CkeditorSearchView2 .searchTextBox { width:90%; }
.ai .CkeditorSearchView2 .startSearch { right:9px; 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; }

.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; }

.FrontpageButtonPanel { position:fixed; bottom:26px; position:fixed; right: 0px; width:18%; min-width:280px;  }
.FrontpageButtonPanel .previewButton { margin:0 10px; }


.EditorContainerBottom .showFootnotes { height:20px; float: right; margin:6px 12px 0 0; }
.EditorContainerBottom .editThemaCode { height:20px; float: right; margin:6px 12px 0 0; }
.EditorContainerBottom .editCategories { height:20px; float: right; margin:6px 12px 0 0; }
.EditorContainerBottom .editIsbn { height:20px; float: right; margin:6px 12px 0 0; }
body .EditIsbnPopup { min-width:400px; min-height:300px; }

.EditorContainerBottom .showHyph { height:20px; float: right; margin:6px 12px 0 0; }

.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 { border-style:solid; width:calc(33% - 20px); min-height:166px; 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; }
.CreateBookAiQuickPopup { text-align:center; }
.CreateBookAiQuickPopup .layout .title { margin:0; width:340px; }
.CreateBookAiQuickPopup .layout .buttonRow { margin-top:4px; }
.CreateBookAiQuickPopup .layout .buttonRow .NewstyleButton { margin:0; }

.labelContainer.selected { background-color:white !important;  }
.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; }

.ChapterListBottom .fixedBottom { bottom: 0px; height:42px; left:25px; position:fixed; width:16%; padding:0; margin:0; z-index: 9999999;
font-size: 12px; line-height: 16px; }
.ChapterListBottom .fixedBottom > div { padding:0px 0px; }
.ChapterListBottom .fixedBottom > .selected { color: #5f5f5f; font-weight:bold; }

.SpintypeAiOuter { height:0; }
.SpintypeLogoForAi { max-height:37px; max-width:160px;  NOposition:absolute; top:10px; NOleft:-110px; }
.MyWorksAi .SpintypeLogoForAi { max-height:34px; max-width:160px; margin-top:2px;   }
.ai .MyWorksAi  .SecondaryTopBar { background-color:white; }
.SpintypeAiOuter .SpintypeLogoForAi { left:20px;}

.IsSpintypeAi .newDesignTop { display:none; }
.IsSpintypeAi .writerTopFiller { display:none; }
.IsSpintypeAi .ShopTopBar { 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; }

.barContainer .secondLine { position:fixed; top: 40px; height: 40px; line-height:40px; z-index: 99; width: 100%; color:white; padding-right:20px; }
.MyWorksAi .secondLine img { height:20px; margin:10px 10px 0 0; }
.barContainer .secondLine .right { float:right; }

.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:33px; top:54px; }
.WritemodeControllerAi .redTab { position:absolute; right:35px; top:46px; height:26px; width:16px; }
.WritemodeControllerAi .redTab { top:55px; }

.WritemodeControllerAi .redTab.showingSettings { top: 224px; }

.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; }
*/

.ck.ck-button .ck-button__label { display:none; }

.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; }

/* WFT not sure why tihs was there. (Because someware else I did hide it, but don't think this is needed anymore). */
.ck-balloon-panel svg { display:inline !important; } 
/* WFT ck upgrade */
NO .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; margin:10px 0 20px 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; }
.WritemodeControllerAi .right .topPanel .aiChatMenuIcon, .WritemodeControllerAi .right .topPanel .trackChangeMenuIcon, .WritemodeControllerAi .right .topPanel .teacherViewMenuIcon { display:inline-block; vertical-align:middle; margin:0 10px; width:20px; height:20px; cursor:pointer; background-color:currentColor; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; }
.WritemodeControllerAi .right .topPanel .aiChatMenuIcon { -webkit-mask-image:url("/images/lucide/message-square-more.svg"); mask-image:url("/images/lucide/message-square-more.svg"); }
.WritemodeControllerAi .right .topPanel .trackChangeMenuIcon { -webkit-mask-image:url("/images/lucide/message-square-diff.svg"); mask-image:url("/images/lucide/message-square-diff.svg"); }
.WritemodeControllerAi .right .topPanel .teacherViewMenuIcon { -webkit-mask-image:url("/images/lucide/graduation-cap.svg"); mask-image:url("/images/lucide/graduation-cap.svg"); }
.WritemodeControllerAi .right .topPanel .aiChatMenuIcon, .WritemodeControllerAi .right .topPanel .trackChangeMenuIcon, .WritemodeControllerAi .right .topPanel .teacherViewMenuIcon { opacity:0.5; }
.WritemodeControllerAi .right .topPanel .aiChatMenuIcon-selected, .WritemodeControllerAi .right .topPanel .trackChangeMenuIcon-selected, .WritemodeControllerAi .right .topPanel .teacherViewMenuIcon-selected { opacity:1; color:#ed7527; }
.WritemodeControllerAi .right .topPanel .aiChatMenuIcon:hover, .WritemodeControllerAi .right .topPanel .trackChangeMenuIcon:hover, .WritemodeControllerAi .right .topPanel .teacherViewMenuIcon:hover { opacity:1; color:#ed7527; }

.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; }

.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; }

.IndependentEditorHeader .chapterPictureContainer { max-width:70%; max-height:200px; margin:0 auto;}
.IndependentEditorHeader .chapterPicture { display:block; border-style:none; margin:10px auto 20px auto;  height:150px; max-width:90%;  }

.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 .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 { padding-right:32px; margin-left:10px; overflow-x:visible; overflow-y: auto; position:relative; text-align:center; height: calc(100vh - 104px); }

.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 25px 10px; border-radius:12px; min-height:1px; }

.ChatGptInterface textarea { padding: 10px 40px 55px 10px; } 

.ChatGptInterface .iconBar { position:relative; top:-26px; display:none; }
.ChatGptInterface .iconBar { display:block; }

.ChatGptInterface .iconBar .iconFont { margin:0 6px; opacity:0.6; }
.ChatGptInterface .iconBar .iconFont:hover {  opacity:1; }
.ChatGptInterface .iconBar .iconFont.selected  {  opacity:1; color: #ed752f; }

.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; }

.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; }

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

.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; min-height:185px; }
.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; }

.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; }

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


.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:-7px; }


.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; padding-right:20px; }
.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;}

h1.textHeadline { font-weight: 400 };


.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%; }

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

body .ck-content { font-size: unset; }

.BookCkEditor2 { NOfont-size:18px; line-height:26px; font-family: 'Open Sans'; 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; }
.SelectLanguagePopup .HorizontalDivPanel .gwt-Image { margin-right:8px; }

.AiEditorFixedBottom .languageIcon, .AiEditorFixedBottom .languageIconLabel { float:right; margin-right:5px; NOmargin-left:5px; }

.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; }




/*
	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 !important;  }
.BookCkEditor2 figure[hideborder="true"] table td { border-style:dashed !important;  }

.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; }

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

.newDesignTop { font-size:14px; background-color: black; height:52px; width:100%; position:fixed; z-index:99999; text-align:center; color:#d8d8d8;line-height:39px; top:0; left:0; }
.newDesignTop img { height:31px; }
.newDesignTop .logoBox { font-size: 18px;  font-weight:600; text-transform:uppercase;  }
.newDesignTop .gwt-InlineLabel { position:relative; top:-7px; letter-spacing: 3.6px; }
.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:13px; position:absolute; } 
.newDesignTop .flagBox img { margin:0 6px; } 
.newDesignTop .menuBar { height:52px; }
.newDesignTop .menuBox { font-weight:500; display:inline-block; padding:16px 24px 0 16px; text-transform:uppercase;letter-spacing: 1.6px; color: #818181;  }
.newDesignTop .menuBox.selected { font-size:16px; }

.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; }


.newDesignTopFiller { height:57px; }

.defaultTop_reader .selected .gwt-InlineLabel { color: #B19973; }
.defaultTop_logIn .selected .gwt-InlineLabel { color: #E07139 }
.defaultTop_profileSettings .selected .gwt-InlineLabel { color: #E07139 }
.defaultTop_shop .selected .gwt-InlineLabel { color: #ed7527; }
.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; }



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

.ThemaSelectorPopup.ThemaSelectorController { height:auto; }

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

.EditAuthorsForBook { min-height: 140px;  }
.EditAuthorsForBook input { width:calc(100% - 80px) !important; margin:7px 0 !important; }
.EditAuthorsForBook .authorsContainer input { margin: 7px; }
.EditAuthorsForBook .arrow { float:right; position:relative; top:5px; cursor:pointer; }
.EditAuthorsForBook .arrow:hover { color: #ed7527; }

.BookMenuExternalVideo iframe { width:auto; }
NO .BookMenuExternalVideo .videoBox { width: 40%; margin: 30px 5%; float:left; }
.BookMenuExternalVideo input { margin: 20px 0 0px 0; width: 100%; }
.BookMenuExternalVideo .clear { height:40px; }
.BookMenuExternalVideo .gwt-HTML { margin:2px 0 0 20px; }

.BookMenuUploadFiles table { width:100%; border-style:solid; border-width: 1px; border-spacing: 0; border-collapse: collapse; margin: 0 0 14px 0;  }
.BookMenuUploadFiles table * { border-color: #3d1e0c;  }

.BookMenuUploadFiles td { border-style:solid; border-width: 1px; padding:3px 6px; }


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

.BookMenuDesign select { width: 100%; } 
.BookMenuDesign .HorizontalDivPanel { min-height:25px; line-height:25px;  }
.BookMenuDesign .buttonLine div.selected { color: #ed7527; opacity: 1; }

.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; } 

.EditorBookToolbar2 { 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 .expandToolbar.extended { background-image: url("/images/toolbar2/more-circles-vertical.svg"); }
.EditorBookToolbar2 .expandToolbar.collapsed { background-image: url("/images/toolbar2/more-circles-horizontal.svg"); background-position: 0 14px }

.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 .fontColor { background-image: url("/images/toolbar2/fontColor.svg"); }
.EditorBookToolbar2 .fontColor.selected, .EditorBookToolbar2 .fontColor:hover { background-image: url("/images/toolbar2/fontColorSelected.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 .buttonGroupPanel .productLink { background-image: url("/images/toolbar2/internalLink.svg"); }
.EditorBookToolbar2 .buttonGroupPanel .productLink.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 .drawingLegend { background-image: url("/images/toolbar2/drawingLegend.png"); height: 20px !important;  }
.EditorBookToolbar2 .drawingLegend.selected, .EditorBookToolbar2 .drawingLegend:hover { background-image: url("/images/toolbar2/drawingLegendSelected.png"); }

.EditorBookToolbar2 .insertFrame { background-image: url("/images/toolbar2/insertFrame.png");  }
.EditorBookToolbar2 .insertFrame:hover { background-image: url("/images/toolbar2/insertFrameSelected.png");  }



.EditorBookToolbar2 .fullpageQuote { background-image: url("/images/toolbar2/fullpageQuote.svg"); }
.EditorBookToolbar2 .fullpageQuote.selected, .EditorBookToolbar2 .fullpageQuote:hover { background-image: url("/images/toolbar2/fullpageQuoteSelected.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 .clearFloat { background-image: url("/images/toolbar2/clearFloat.svg"); }
.EditorBookToolbar2 .clearFloat.selected, .EditorBookToolbar2 .clearFloat:hover  { background-image: url("/images/toolbar2/clearFloatSelected.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 .trackChanges { -webkit-mask-image:url("/images/lucide/message-square-diff.svg"); mask-image:url("/images/lucide/message-square-diff.svg"); -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; background-color:#c9c4bc; }
.EditorBookToolbar2 .trackChanges.selected, .EditorBookToolbar2 .trackChanges:hover { background-color:#3d1e0c; }

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

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

.EditorBookToolbar2 .dimensionWeight { background-image: url("/images/toolbar2/insertDimensionWeight.png"); height:20px !important; position:relative }
.EditorBookToolbar2 .dimensionWeight:hover { background-image: url("/images/toolbar2/insertDimensionWeightSelected.png"); }

.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;  }

.BaseGlassPopupPanel.CkeditorSearchView2 { background-color: #f7f4ef;}


.WritemodeControllerAi .EditorContainerBottom .right { width:calc(18% - 30px); left:calc(82% + 30px); }
.WritemodeControllerAi .EditorContainerBottom .right { width:19%; left:81%; text-align:center; }
.EditorContainerBottom .right .EditorRightDragBar { position:absolute; left:-8px; top:0; width:8px; height:100vh; cursor:col-resize; z-index:11; }
.EditorContainerBottom .right .EditorRightDragBar:hover, .EditorContainerBottom .right .EditorRightDragBar.dragging { background-color:rgba(237,117,39,0.35); }
.EditorRightDragging, .EditorRightDragging * { user-select:none; cursor:col-resize !important; }


.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; 
display:none; position:fixed; NOpadding: 20px 40px;   }
.CkeditorSearchView2 .iconFont { position:absolute; left:265px; top: 47px; font-size: 16px; }
.CkeditorSearchView2 .iconFont.closeIcon { right: -14px; top: -30px;  }

.CkeditorSearchView2 .searchTextBox { width:260px; position:relative; }
.CkeditorSearchView2 .secondLine { text-align:center; color: #ed7527; }
.CkeditorSearchView2 .secondLine .gwt-Label { position:relative; margin-top:10px; }
.CkeditorSearchView2 .secondLine .searchTextBox { margin-bottom:15px; }
.CkeditorSearchView2 .inner { position:relative; top: 4px;}
.CkeditorSearchView2.expanded { max-height:400px; height:400px;  z-index: 900; }
.CkeditorSearchView2.visible { display:block; }


.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;}

.EditCustomTagAi { min-width:400px; }

/* Preview of the first 3 lines of an html field, shown above its edit button. */
.EditCustomTagAi .editWithPreview .textPreview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; max-height:3.9em; line-height:1.3em; font-size:11px; color:#666; text-align:left; margin-bottom:4px; }
.EditCustomTagAi .editWithPreview .textPreview:empty { display:none; }
.EditCustomTagAi .editWithPreview .textPreview > * { margin:0; font-size:inherit; }
.EditCustomTagAi .editWithPreview .textPreview img { max-height:3.9em; }
.EditCustomTagAi .editWithPreview .NewstyleButton { display:inline-block; }

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

.EditCustomTagsViewAi .NcffTagWidget { margin-left:auto; margin-right:auto; }

.NcffTagWidget { height:600px; NOwidth:1250px; overflow:auto; text-align:center; }
.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 .line { background-color:white; }
.NcffTagWidget .tagContainer .gwt-InlineLabel { height:16px; padding:2px 8px 0 8px; margin:0 4px; color:black; overflow:hidden; display:inline-block; max-width:88px; white-space: nowrap; text-overflow: ellipsis; }
.NcffTagWidget.CanBeUsedWithWidget .gwt-InlineLabel {  max-width:145px; }
.NcffTagWidget.SelectCanBeUsedWithPopup .gwt-InlineLabel {  max-width:145px; }


.NcffTagWidget .iconFont { font-size:12px; }

.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; }

.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; }

.ChapterListWidget2 .newChapter { padding-bottom:40px; }
.ChapterListWidget2 .gwt-Label { overflow: hidden; text-overflow: ellipsis; margin-top:2px; }
.ChapterListWidgetAi .gwt-Label {  margin-top: 3px; }
.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; }

body .extended .arrowDown { display:none; }

.smallestPossibleHeadline { font-size:14px; line-height:20px; }


/* 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; }



.doFlip { transition: 1s; transform-style: preserve-3d; transform: rotateY(180deg);  backface-visibility: hidden; }


.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 { NOwidth: 600px;}
.ai .LabTopBar .right { width:140px; top:9px; right: 0; position:absolute; }


.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: 150%; 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%; max-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; border-style: none !important; font-style:normal; }
.injectedStyle blockQuote { border-style: none !important; font-style:normal; }

.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; }

.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; }

.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; }

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


.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; }

body .outerMainProgramContainer .row3 { padding-top:100px; }

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

 .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; }

.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 }

.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; }

.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; }

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

.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; }

.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%; }


.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;
    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; }
}
*/

.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; }

.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; }

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

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


.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; }

.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 ); }



.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;  }
.EndnoteSectionEditor { padding-bottom:60px;}
.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; 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; }

.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; }
body .ChapterListBottom .ChapterListWidget2 .labelContainer { position:relative; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-width:0; }

body .FullChapterListContainer .labelContainer { position:relative; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-width:0; background-color:white;
border-radius:10px; padding: 4px 8px 2px 4px; }

body .ChapterListBottom .labelContainer { position:relative; box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-width:0; background-color:white;
border-radius:10px; padding: 4px 8px 2px 4px; }

.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; 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; } 

/* 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; }


.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; }

.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: 40px 40px 20px 40px;  font-size:55px;  line-height:62px; }
.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  { width:50%; max-height:300px;}
.GwtImageUploadDialogImpl .HorizontalDivPanel .gwt-InlineLabel { margin-right:6px;  }
.GwtImageUploadDialogImpl .HorizontalDivPanel .InfoLabel { width:160px; }
.GwtImageUploadDialogImpl .HorizontalDivPanel .gwt-CheckBox input { position:relative; top:3px; }
.IndependentHeaderImageDialog.hideQuoteSettings .quoteSetting { display:none; }
.IndependentHeaderImageDialog.hideImageSettings .imageSetting { display:none; }

.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); top:-20px !important; }
.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;  }

.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 .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; } 

.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:5px}
.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; }
.SaneGlassPopupPanel .close .iconFont { position:absolute; font-size:15px; top:5px; right:15px; cursor: pointer; }

.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; }

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 { min-height:220px; position:relative; text-align:center; padding: 16px 0;  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;  border-style:solid; }
.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; }


/** 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; }

.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; }


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; }

.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 { min-height: calc(100vh - 100px); }
.EndnoteSectionEditor .readonlyContentWriterFrame { background-color: #ECEAE7; padding:20px 0; }
.EndnoteSectionEditor .SortableListWidget .line > div { width:33%; } 

.IndexSection .readonlyContentWriterFrame { background-color: #ECEAE7; padding:20px; }
.IndexSection .TableAsSortableListWidget td { padding: 6px 8px; }

.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; }

.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; 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; }

.bookViewBox .priceLine  { height:18px; margin-bottom:8px; 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 .bookDescription { overflow:hidden; min-height:266px; height:262px; line-height:23px; }
.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: #efeded; 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; }



.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;  }
.BookCollectionView .productContainer:nth-child(4n+2) { background-color: #e0e0e0;  }
.BookCollectionView .productContainer:nth-child(4n+3) { background-color: #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: 9px; right:15px; }

.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; }
.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; }



.Bottom .newDesignTop { position:relative; }
.Bottom .newDesignTop .menuBar { position:relative; top:-2px; height:auto; min-height:52px;}

.BottomView { position:relative; z-index:99; background-color:#444444; min-height:45px; line-height:45px; text-align:center; font-size:11px; color:#9e9e9e;  }
.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;} 


.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%; }

.chapterContainer { min-height:500px; }
.ChapterListWidget2 .chapterContainer {min-height:0;} 
.chapterContainer .gwt-Label { font-weight:400; }

.ChapterListWidget2 .plos_article { width:90% !important; margin-left:10% !important; background-color: #D7D2CB !important;  }
.ChapterListWidget2 .plos_chapterIntro .gwt-Label { position:relative; left:20px; }
.ChapterListWidget2 .expandButton {cursor:pointer; }

.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; }

.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 {  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-bottom:40px; margin: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; }
.SettingsContentList .iconFont { margin-right:10px !important; }
.SettingsContentList .options { margin-left:27px; }
.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:-12px; top:-12px; }
.FlowtextScrollReader .logoImageContainer .iconFont { position:fixed; width:42px; }

.green .wrapper { position:absolute; left:83%; width:14%; }

/* It's over 9000 */
.dateBoxPopup { z-index:111119999;  }

.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%; }


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;
}


.listSelectorTable { text-align:center; }

.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'); }
/* TODO editTextField: placeholder icon, needs a dedicated asset. */
.EditorBookToolbar .editTextField { background-image: url('/images/Toolbar/Insert_DG_72.png'); }
.EditorBookToolbar .editTextField: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;  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; }

.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%; }
/* WHY???
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='clearFloat'] { border-width:1px 0;  border-color: #ed7527; width:30%; }
.BookCkEditor [type='clearFloat']:after { content: 'STOP FLOAT'; }
.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: '* * *'; }

/* Worksheet fill-in field: 2 ruled lines the reader writes on in print. */
.BookCkEditor .editTextField {
	display:block;
	height:76px;
	margin:20px auto;
	background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 37px, #999 37px, #999 38px);
	background-size:100% 76px;
	background-repeat:no-repeat;
}
.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; }

/* Track change panel (right bar). The boxes are absolutely positioned by TrackChangePanel.java,
   on the same line as the tracked span they reference. */
.TrackChangePanel { position:relative; overflow:hidden; margin-top:6px;}
.TrackChangePanel .trackChangeTopRow { position:relative; z-index:2; background-color:white; padding:10px 0; }
.TrackChangePanel .trackChangeTopRow .capTextLabel { display:inline-block; margin-right:16px; cursor:pointer; }
.TrackChangePanel .trackChangeBoxContainer { position:relative; z-index:1; }
.TrackChangePanel .trackChangeBox { position:absolute; left:0; right:10px; background-color:white; border:1px solid #ccc; border-radius:4px; padding:6px 8px; }
.TrackChangePanel .trackChangeBox.insert { border-left:3px solid #2f8f2f; }
.TrackChangePanel .trackChangeBox.delete { border-left:3px solid #b33333; }
.TrackChangePanel .trackChangeBox.format { border-left:3px solid #4a5fd0; }
.TrackChangePanel .trackChangeBox .capTextLabel { font-size:12px; }
.TrackChangePanel .trackChangeBox .trackChangeText { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.TrackChangePanel .trackChangeBox .trackChangeIcon { cursor:pointer; float:right; margin-left:8px; width:16px; height:16px; background-color:currentColor; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; }
.TrackChangePanel .trackChangeBox .trackChangeAccept { -webkit-mask-image:url("/images/lucide/thumbs-up.svg"); mask-image:url("/images/lucide/thumbs-up.svg"); }
.TrackChangePanel .trackChangeBox .trackChangeReject { -webkit-mask-image:url("/images/lucide/thumbs-down.svg"); mask-image:url("/images/lucide/thumbs-down.svg"); }
.TrackChangePanel .trackChangeBox .trackChangeIcon:hover { color:#ed7527; }
.TrackChangePanel .trackChangeBox .trackChangeResolve { -webkit-mask-image:url("/images/lucide/check.svg"); mask-image:url("/images/lucide/check.svg"); }
.TrackChangePanel .trackChangeBox.trackComment { border-left:3px solid #2f6fd0; }
/* A click on a box with a cid opens the note textarea (trackChangeNote) below its text. */
.TrackChangePanel .trackChangeBox.hasNote { cursor:pointer; }
.TrackChangePanel .trackChangeBox .trackChangeNotePreview { font-size:12px; font-style:italic; color:#555; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.TrackChangePanel .trackChangeBox.withNote .trackChangeText { border-bottom:1px solid #ccc; padding-bottom:4px; margin-bottom:4px; }
.TrackChangePanel .trackChangeBox .trackChangeNote { display:block; width:100%; height:100px; box-sizing:border-box; margin-top:6px; resize:none; font-size:12px; font-family:inherit; cursor:text; }

/* Teacher view panel (right bar), TeacherViewPanel.java: two small icons at the top switch between
   the AI evaluation (AiEvaluationView) and the track change view (TrackChangeView). The bar stays
   at the top of the scrolling panel, the content scrolls under it (above the answer logo's z-index). */
.TeacherViewPanel .teacherViewModeBar { display:flex; gap:4px; padding:2px 10px 6px 0; position:sticky; top:0; z-index:2; background-color:#EDEAE7; }
body.ai.nightmode .TeacherViewPanel .teacherViewModeBar { background-color:#333; }
.TeacherViewPanel .teacherViewModeIcon { width:16px; height:16px; padding:3px; border-radius:4px; cursor:pointer; opacity:0.45; }
.TeacherViewPanel .teacherViewModeIcon::before { content:""; display:block; width:16px; height:16px; background-color:currentColor; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; }
.TeacherViewPanel .evaluationModeIcon::before { -webkit-mask-image:url("/images/lucide/sparkles.svg"); mask-image:url("/images/lucide/sparkles.svg"); }
.TeacherViewPanel .trackChangeModeIcon::before { -webkit-mask-image:url("/images/lucide/message-square-diff.svg"); mask-image:url("/images/lucide/message-square-diff.svg"); }
.TeacherViewPanel .teacherViewModeIcon:hover { opacity:1; }
.TeacherViewPanel .teacherViewModeIcon-selected { opacity:1; color:#ed7527; background-color:#fdf0e7; }

/* The track change view (TrackChangeView.java). Boxes placed like the track change boxes,
   one per paragraph holding AI text, styled like the AI chat (.ChatGptInterface .question and
   .aielement.chat): the query in a blue bubble, the original answer in a red bubble below it with
   the chat's logo on its top left corner (AI answers only). Both bubbles are cut off (5 lines for
   the answer) until the box is expanded. */
.TeacherViewPanel { position:relative; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 104px); margin-top:6px; text-align:left; } /* Scrolls like the ChatGptInterface: the evaluation boxes can reach below the window. */
.TeacherViewPanel .teacherViewEmpty { padding:10px 0; font-size:12px; color:#555; }
.TeacherViewPanel .teacherViewBoxContainer { position:relative; overflow:hidden; } /* Boxes of text scrolled above stay under the mode bar. */
.TeacherViewPanel .teacherViewBox { position:absolute; left:0; right:10px; }
.TeacherViewPanel .teacherViewBox .teacherViewQuestion, .TeacherViewPanel .teacherViewBox .teacherViewAnswer { font-size:12px; line-height:14px; border-radius:6px; padding:8px; white-space:pre-wrap; overflow-wrap:anywhere; }
.TeacherViewPanel .teacherViewBox .teacherViewQuestion { position:relative; background-color:#F6F6FE; max-height:160px; overflow:hidden; cursor:pointer; }
.TeacherViewPanel .teacherViewBox-clipped .teacherViewQuestion::after { content:""; position:absolute; left:0; right:0; bottom:0; height:24px; background:linear-gradient(rgba(246,246,254,0),#F6F6FE); pointer-events:none; }
.TeacherViewPanel .teacherViewBox-expanded .teacherViewQuestion { max-height:none; }
.TeacherViewPanel .teacherViewBox .teacherViewQuestion .icon { height:16px; position:relative; top:2px; margin-right:6px; } /* The action's icon, like .ChatGptInterface .icon. */
.TeacherViewPanel .teacherViewBox .teacherViewAnswerWrap { position:relative; margin:16px 0 0 14px; }
.TeacherViewPanel .teacherViewBox .teacherViewAnswerWrap.withLogo::before { content:""; position:absolute; top:-14px; left:-13px; width:24px; height:24px; background-image:url('/images/spinner24.png'); background-size:24px 24px; z-index:1; }
.TeacherViewPanel .teacherViewBox .teacherViewAnswer { position:relative; background-color:#FFF5F6; max-height:70px; overflow:hidden; cursor:pointer; }
.TeacherViewPanel .teacherViewBox-answerClipped .teacherViewAnswer::after { content:""; position:absolute; left:0; right:0; bottom:0; height:24px; background:linear-gradient(rgba(255,245,246,0),#FFF5F6); pointer-events:none; }
.TeacherViewPanel .teacherViewBox-expanded .teacherViewAnswer { max-height:none; }
/* The part of the answer still in the text, green like the AI text in the editor (teacherStyleText,
   mttrackchangeextended.js), and the part the user deleted (all of an answer never used) red. */
.TeacherViewPanel .teacherViewBox .teacherViewAnswer .kept { color:#1f8f3a; }
.TeacherViewPanel .teacherViewBox .teacherViewAnswer .deleted { color:#d32f2f; }
.TeacherViewPanel .teacherViewBox .teacherViewMissing { color:#999; }
.TeacherViewPanel .teacherViewBox .teacherViewNotUsed { font-size:11px; line-height:14px; color:#999; padding:2px 8px 0; cursor:pointer; }

/* The AI evaluation view (AiEvaluationView.java): a summary card at the top, then a list of boxes,
   one per run of the student's paragraphs, AI answer, paste and unused query, oldest first, not
   placed next to their text. The editor side (a line and an AI icon in the left margin) is css
   the view writes into the page, see AiEvaluationView.updateDecoration. */
.AiEvaluationView { text-align:left; margin-right:10px; }
.AiEvaluationView .teacherEvalHeader { display:flex; align-items:center; gap:6px; margin-bottom:6px; }
.AiEvaluationView .teacherEvalAiIcon { width:13px; height:13px; background-color:#555; -webkit-mask:url("/images/lucide/sparkles.svg") center / contain no-repeat; mask:url("/images/lucide/sparkles.svg") center / contain no-repeat; }
.AiEvaluationView .teacherEvalHeaderText { font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#555; }
.AiEvaluationView .teacherEvalSummary { border:2px solid #222; border-radius:10px; background-color:#fff; padding:12px 14px; margin-bottom:8px; }
.AiEvaluationView .teacherEvalSummaryText { font-size:14px; line-height:20px; color:#222; }
.AiEvaluationView .teacherEvalSummaryText-pending { color:#888; font-style:italic; }
.AiEvaluationView .teacherEvalRefresh { font-size:12px; font-weight:600; color:#b5531c; cursor:pointer; margin-top:4px; }
.AiEvaluationView .teacherEvalRefresh:hover { text-decoration:underline; }
.AiEvaluationView .teacherEvalBar { display:flex; height:20px; border-radius:6px; overflow:hidden; background-color:#eee; margin-top:14px; }
.AiEvaluationView .teacherEvalBar > div { display:flex; align-items:center; justify-content:center; overflow:hidden; white-space:nowrap; cursor:pointer; transition:opacity 0.15s; }
.AiEvaluationView .teacherEvalBar-hasActive > div { opacity:0.35; } /* A part clicked: the other parts faded. */
.AiEvaluationView .teacherEvalBar-hasActive > div[class*="-active"] { opacity:1; }
.AiEvaluationView .teacherEvalBarNumber { font-size:11px; line-height:20px; font-weight:700; color:#444; }
.AiEvaluationView .teacherEvalBarAi { background-color: #FFF5F3 } /* was: 8c8782;  */
.AiEvaluationView .teacherEvalBarPaste { background-color:#d3c4b3; }
.AiEvaluationView .teacherEvalBarStudent { background-color:#222; }
.AiEvaluationView .teacherEvalBarStudent .teacherEvalBarNumber { color:#fff; }
.AiEvaluationView .teacherEvalLegend { display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:6px; font-size:11px; line-height:16px; color:#444; }
.AiEvaluationView .teacherEvalLegendItem { display:flex; align-items:center; gap:5px; padding:1px 4px; margin-left:-4px; border-radius:4px; cursor:pointer; }
.AiEvaluationView .teacherEvalLegendItem:hover { background-color:#f3f2f0; }
.AiEvaluationView .teacherEvalLegendItem-active { background-color:#f3f2f0; font-weight:700; color:#222; }
.AiEvaluationView .teacherEvalLegendSwatch { box-sizing:border-box; width:10px; height:10px; border-radius:2px; flex:none; }
.AiEvaluationView .teacherEvalLegendSwatchAi { background-color:#FFF5F3; border:1px solid #d8cfc8; } /* The bar's colour is almost white. */
.AiEvaluationView .teacherEvalLegendSwatchPaste { background-color:#d3c4b3; }
.AiEvaluationView .teacherEvalLegendSwatchStudent { background-color:#222; }
.AiEvaluationView .teacherEvalStats { display:flex; gap:6px; margin-top:12px; }
.AiEvaluationView .teacherEvalStat { flex:1 1 0; min-width:0; background-color:#f3f2f0; border-radius:6px; padding:8px; }
.AiEvaluationView .teacherEvalStatNumber { font-size:20px; line-height:24px; font-weight:700; color:#222; }
.AiEvaluationView .teacherEvalStatLabel { font-size:11px; line-height:14px; color:#444; overflow-wrap:anywhere; }
.AiEvaluationView .teacherEvalBox { box-sizing:border-box; margin-bottom:6px; background-color:#fff; border:1px solid #e4e2de; border-radius:10px; box-shadow:0 1px 2px rgba(0,0,0,0.05); padding:10px 12px; cursor:pointer; }
.AiEvaluationView .teacherEvalBox-selected { border-color:#000; box-shadow:0 0 0 1px #000; }
.AiEvaluationView .teacherEvalActionText { font-size:13px; line-height:18px; color:#222; white-space:pre-wrap; overflow-wrap:anywhere; }
.AiEvaluationView .teacherEvalBox-student .teacherEvalActionText { color:#666; }
.AiEvaluationView .teacherEvalToggle { font-size:12px; font-weight:600; color:#b5531c; cursor:pointer; margin-top:8px; display:inline-block; }
.AiEvaluationView .teacherEvalToggle:hover { text-decoration:underline; }
.AiEvaluationView .teacherEvalConversation { margin-top:8px; }
.AiEvaluationView .teacherEvalQuestion, .AiEvaluationView .teacherEvalAnswer { font-size:12px; line-height:16px; border-radius:6px; padding:6px 8px; margin-top:6px; white-space:pre-wrap; overflow-wrap:anywhere; }
.AiEvaluationView .teacherEvalQuestion { background-color:#F6F6FE; }
.AiEvaluationView .teacherEvalAnswer { background-color:#FFF5F3; }
/* Like the track change view: the part of the answer still in the text, and the part deleted. */
.AiEvaluationView .teacherEvalAnswer .kept { color:#222; }
.AiEvaluationView .teacherEvalAnswer .deleted { color:#d32f2f; text-decoration:line-through; }
.AiEvaluationView .teacherEvalMissing { color:#999; }

.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; }

.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; }

.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;}

.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; }

.MyWorksAi .barContainer .left { display: flex; justify-content: center; align-items: center;} 
.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 .chapterImage { float:left; margin:10px 20px 20px 0;  }
 .book17 .bookstyle_quoteAuthor { display:none; }

/* For the no grid promotion pages */
.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:none;  }

body div .pasteLiteratureList p { text-indent: -2em !important; padding-left:2em !important; margin:0 0 1em 0 !important; }

/** Styling for MyWorks */
.MyWorks, .PublisherController { min-height: calc(100vh - 160px); }

.MyWorks .topBarFiller { height:70px; }

.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:13px; border-width:0 0 1px 0; border-color:#bbb; height:40px; line-height:40px; position:fixed; width:100%; z-index:999; }
.SecondaryTopBar .center { position:absolute; width:100%; text-align:center; z-index:-1; }
.SecondaryTopBar .left {  position:absolute; left:10px; }
.SecondaryTopBar .left input { width:100%; }
.IsSpintypeAi .SecondaryTopBar .left input { margin-top:4px; width: 300px;  max-width: calc(100vw - 1240px); margin-left:20px; height:32px }

.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; }

.LabTopBar { color: #7f9f54; background-color: #bad597; }
.LabTopBar .createBook { position: relative; top: 4px; margin-right:40px;}
.LabTopBar input { background-color: #def2c5; color:black; }
.LabTopBar input::placeholder { color:#9D9D9D; }

.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; border-width: 1px 0; }

.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:99; 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; position: relative;
  top: -25px;  }

.MyWorksListMode .line { box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.1); border-radius:12px; background-color:white; margin:5px 25px;  }
.MyWorksListMode .line.header  { border-radius:0 0  0 0; width: calc(100% - 42px); }

.MyWorksListMode .line > div { height:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display:inline-block; padding:0 7px; }
.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%; }

title,isbn,author,internalTitle,access,created,publishDate,mainThemaCode,customTag,clone,lastEdit,available,delete,mainDocumentType,documentCatBeUsedWith

.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:40px; margin-top:2px; border-style:solid; border-color: #d9d4cd;border-width:1px;  }

.MyWorksListMode .coverPicture { width:80px; overflow:hidden; text-align:center; }
.MyWorksListMode .coverPicture img { height:40px; margin-top:2px; border-style:solid; border-color: #d9d4cd;border-width:1px;  }

.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 .internalTitle { width:calc((100% - 710px) * 0.25); }  /* % */

.MyWorksListMode .access { width:calc((100% - 710px) * 0.25); }  /* % */
.MyWorksListMode .access .iconFont { position: relative; top: 0px; }

.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 { text-align:center; }
.MyWorksListMode .available .iconFont { position: relative; left: 7px; top:3px; }
.MyWorksListMode .available img  { width:26px; max-width:80%; top:2px; left:0px; }

.MyWorksListMode .deleteColumn { width:50px; text-align:center; }
.MyWorksListMode .deleteColumn img { width:24px; top:9px; }

.MyWorksListMode .mainDocumentType { width: 150px; }
.MyWorksListMode .documentCanBeUsedWith { width: 450px; }


.EditCustomTagAi .editWithPreview .NewstyleButton { margin: 3px 0 15px 0;; }




.removeRight .editorArea { width:81%; margin-right:2%; float:right; }

.bookViewBox .gray { border-color:#f0f0f0; margin:0 5px; border-width:1px; }

.buyPanel .NewstyleButton.white { color: #ed7527; }
.CreateUserAndSignupFromWebflowView .ButtonPanel { margin: 8px 14px 0 200px; text-align:left; }


.showSearchViewInToolbar {  float:right; }

.SimpleEditorPopup { width:70%; top:7% !important; position:fixed !important; background-color: #f7f4ef !important; }
.SimpleEditorPopup .MiniEditorToolbar { border-style:none;}
.SimpleEditorPopup .editorContainer { border-width:1px 0; margin:8px 0; padding-top:10px;  min-height:300px; }
.SimpleEditorPopup .EditorBookToolbar .group { border-style:none; }
.SimpleEditorPopup .MiniCkEditor .ck-editor__main { height: calc(80vh - 200px); }


.normalTable.hideborder td { border-style:none; }