/* Editor */

#reader #book .book-tool-editor {
	position: absolute;
	z-index: 10;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 80%;
	min-width: 500px;
	height: 88%;
	min-height: 300px;
	background-color: #18222E;
}

#reader #book .book-tool-editor[data-insert-element="weblink"] {
	width: 60%;
	min-height: 200px;
	height: 200px;
}
#reader #book .book-tool-editor[readonly][data-insert-element="weblink"] {
	min-height: 186px;
	height: 186px;
}
#reader #book .book-tool-editor[data-insert-element="picture"] {
	min-height: 200px;
	max-height: 90%;
	max-height: calc(100% - 100px);
}
#reader #book .book-tool-editor .bubble-header {
	background-color: #4D6F8D;
}
#reader #book .book-tool-editor .bubble-content {
	margin: 3px;
	position: absolute;
	top: 40px;
	bottom: 45px;
	left: 0;
	right: 0;
}
#reader #book .book-tool-editor[data-insert-element="picture"] .bubble-content {
	background-color: transparent;
	bottom: 40px;
}
#reader #book .book-tool-editor[readonly] .bubble-content {
	bottom: 0;
}
#reader #book .book-tool-editor .bubble-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
}
#reader #book .book-tool-editor[readonly] .bubble-footer {
	height: 40px;
}
#reader #book .book-tool-editor [data-insert-element] {
	display: none;
}
#reader #book .book-tool-editor[data-insert-element="note"] [data-insert-element*="|note|"],
#reader #book .book-tool-editor[data-insert-element="text"] [data-insert-element*="|text|"],
#reader #book .book-tool-editor[data-insert-element="picture"] [data-insert-element*="|picture|"],
#reader #book .book-tool-editor[data-insert-element="weblink"] [data-insert-element*="|weblink|"] {
	display: block;
}
#reader #book .book-tool-editor .bubble-content > textarea {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	resize: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#book .book-tool-editor .bubble-content > textarea {
		width: calc(100% - 10px);
		height: calc(100% - 105px);
	}
}
#reader #book .book-tool-editor .book-tool-editor-form {
	margin: 2px 6px 6px 6px;
	height: auto;
	padding: 15px 10px;
}
#reader #book .book-tool-editor .book-tool-editor-form[data-insert-element="|weblink|"] > * {
	display: inline-block;
	vertical-align: middle;
}
#reader #book .book-tool-editor .book-tool-editor-form[data-insert-element="|weblink|"] .inputs-link {
	width: 85%;
	width: calc(100% - 95px);
	margin: 0px 5px;
}
#reader #book .book-tool-editor .book-tool-editor-form[data-insert-element="|weblink|"] .inputs-link input {
	width: 95%;
	height: 24px;
	text-indent: 6px;
}
#reader #book .book-tool-editor .book-tool-editor-form[data-insert-element="|weblink|"] .inputs-link input:first-child {
	margin-bottom: 10px;
}
#reader #book .book-tool-editor .book-tool-editor-form .error_message {
	color: #F00;
	font-size: 14px;
	line-height: 14px;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2px;
	right: 2px;
}
#reader #book .book-tool-editor[readonly] .book-tool-editor-imageviewer {
	bottom: 30px;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-viewport {
	display: inline-block;
	position: absolute;
	top: 2px;
	bottom: 52px;
	left: 0;
	right: 0;
	overflow: hidden;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-viewport .image-viewport-bg {
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url(../images/1024/takePhoto.png);
	width: 233px;
	height: 208px;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-viewport .image-container {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-height: 100%;
	max-width: 100%;
	border: 0;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-viewport .image-container img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-height: 100%;
	max-width: 100%;
	border: 0;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 50px;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel .icon {
	vertical-align: middle;
	width: 45px;
	height: 35px;
	overflow: hidden;
	cursor: pointer;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel .icon.button-rotate[data-rdeg="90"] {
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel .button-upload input {
	position: absolute;
	right: -200%;
	margin: 0;
	padding: 0;
	width: 100px;
	/*height: 100%;*/
	opacity: 0;
	cursor: pointer;
}
#reader[data-isApp="true"] #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel .button-image-chooser input {
	right: 0
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel input[name="image-caption"] {
	width: 80%;
	width: calc(100% - 220px);
	height: 26px;
	margin: 0;
	padding: 0;
}
#reader #book .book-tool-editor .book-tool-editor-imageviewer .image-manage-panel .image-caption,
#reader #book .book-tool-editor[readonly] .book-tool-editor-imageviewer .image-manage-panel .button-upload,
#reader #book .book-tool-editor[readonly] .book-tool-editor-imageviewer .image-manage-panel input[name="image-caption"] {
	display: none;
}
#reader #book .book-tool-editor[readonly] .book-tool-editor-imageviewer .image-manage-panel .image-caption {
	display: inline-block;
	width: 80%;
	width: calc(100% - 220px);
	margin: 0;
	padding: 0;
	height: 1.5em;
	color: #FFF;
	text-align: center;
}
#reader #book .book-tool-editor .image-zoom.bubble {
	background-color: #223242;
	
	width: 50px;
	height: 200px;
	bottom: 60px;
	left: 101px;
}
#reader #book .book-tool-editor[readonly] .image-zoom.bubble {
	bottom: 90px;
}
#reader #book .book-tool-editor .image-zoom.bubble:after {
	border-color: #223242 transparent;
	left: 10px;
}

#reader #book .book-tool-editor .bubble-footer > * {
	width: 50%;
}
#reader #book .book-tool-editor .bubble-footer > div > * {
	margin: 0 10px;
}
#reader #book .book-tool-editor .bubble-footer > div > .custom-button {
	margin-top: 2px;
}
#reader #book .book-tool-editor .bubble-footer .sharedbywhom {
	display: none;
}
#reader #book .book-tool-editor[readonly] .bubble-footer *,
#reader[data-usertype="S"] #book .bubble-footer .book-tool-editor-share {
	display: none;
}
#reader[data-offlinemode="true"] #book .bubble-footer .book-tool-editor-share {
	display: none;
}
#reader #book .book-tool-editor[readonly] .bubble-footer .sharedbywhom {
	display: block;
	color: #FFF;
	line-height: 40px;
	margin-left: 10px;
}
#reader #book .book-tool-editor .bubble-footer .custom-dropdown {
	width: 70px;
}
#reader #book .book-tool-editor .bubble-footer .book-tool-editor-color .custom-dropdown-label {
	text-align: center;
	line-height: 22px;
}
#reader #book .book-tool-editor .bubble-footer .book-tool-editor-color .custom-dropdown-label .color-preview {
	width: 60%;
	height: 3px;
	margin: 0 auto;
	position: relative;
}
#reader #book .book-tool-editor .bubble-footer .custom-dropdown-label {
	text-align: center;
}
#reader #book .book-tool-editor .bubble-footer .book-tool-editor-color .custom-dropdown-list {
	width: 90%;
	width: calc(100% - 8px);
}
#reader #book .book-tool-editor .bubble-footer .custom-dropdown-list {
	height: auto;
	max-height: none;
	top: initial;
	bottom: 100%;
	left: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#book .book-tool-editor .bubble-footer .custom-dropdown-list {
		top: -600%;
		bottom: 100%;
	}
}
#reader #book .book-tool-editor .bubble-footer .book-tool-editor-fontsize .custom-dropdown-item {
	height: auto;
	line-height: normal;
}
#reader #book .book-tool-editor .bubble-footer .book-tool-editor-color .custom-dropdown-item {
	height: auto;
	padding: 12px 0;
}
#reader #book .book-tool-editor .bubble-footer .book-tool-editor-color .custom-dropdown-item .color-preview {
	width: 60%;
	height: 22px;
	margin: 0 auto;
}
#reader #book .book-tool-editor .bubble-close {
	position: absolute;
	right: 5px;
}

/* // Editor */