/* Drawing */

#reader #book .book-tool-drawing {
	height: auto;
	left: 10px;
	background-color: #18222E;
	padding: 0;
	bottom: 60px;
	white-space: nowrap;
}

#reader #book .book-tool-drawing:after {
	border-color: #18222E transparent;
	left: 190px;
}
#reader #book .book-tool-drawing.guest-drawing:after {
	left: 129px;
}
#reader #book .book-tool-drawing .bubble-footer {
	color: #18222E;
	height: 12px;
}

#reader #book .book-tool-drawing .bubble-content .book-tool-drawing-item {
	margin: 20px;
	vertical-align: middle;
	border-bottom: 3px solid transparent;
}

#reader #book .book-tool-drawing .bubble-content .book-tool-drawing-item * {
	display: block;
	margin: 10px auto;
}
#reader #book .book-tool-drawing .book-tool-drawing-item[data-type="step"][data-redo].icon {
	-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-drawing .book-tool-drawing-item:not(.icon):not(.wingdings):not(.custom-button) {
	display: inline-block;
	line-height: 38.5px;
	cursor: pointer;
	color: #363A46;
	font-size: 2.5em;
}
#reader #book .book-tool-drawing .book-tool-drawing-item:not(.icon):not(.wingdings):not(.custom-button):before {
	display: inline-block;
	margin-top: -5px;
	color: #363A46;
}
#reader #book .book-tool-drawing .book-tool-drawing-item:not(.icon):not(.wingdings):not(.custom-button):active:before,
#reader #book .book-tool-drawing .book-tool-drawing-item:not(.icon):not(.wingdings):not(.custom-button):focus:before {
	color: #03DDE9;
}
#reader #book .book-tool-drawing .book-tool-drawing-item[data-type="playback"]:before {
	content: '\25B6';
}
#reader #book .book-tool-drawing[playing] .book-tool-drawing-item[data-type="playback"]:before {
	content: '\2022';
}
#reader[data-usertype="S"] #book .book-tool-drawing .bubble-content .book-tool-drawing-item.button-share {
	display: none;
}
#reader[data-offlinemode="true"] #book .book-tool-drawing .bubble-content .book-tool-drawing-item.button-share {
	display: none;
}
/*#reader #book .book-tool-drawing .book-tool-drawing-item[data-type="hand"]:before {
	content: '\270B';
}
#reader #book .book-tool-drawing .book-tool-drawing-item[data-type="save"]:before {
	content: '\1F5AB';
}*/
#reader #book .book-tool-drawing .book-tool-drawing-item[data-type="save"] {
	font-size: 14px;
	line-height: 24px;
}
#reader #book .book-tool-drawing.minimized:after,
#reader #book .book-tool-drawing.minimized .bubble-header {
	display: none;
}
#reader #book .book-tool-drawing.minimized .bubble-content {
	border: 1px solid #18222E;
	border-radius: 4px;
}
#reader #book .book-tool-drawing.minimized .bubble-content .book-tool-drawing-item {
	display: none;
	margin: 5px;
	/*margin: 3px 0 0 4px;
	border-bottom: none;*/
}
#reader #book .book-tool-drawing.minimized .bubble-content .book-tool-drawing-item.selected {
	display: inline-block;
}

#reader #book .book-tool-drawing.minimized .bubble-footer {
	display: inline-block;
	position: absolute;
	left: 55px;
	width: 30px;
	height: 50px;
	top: 0px;
	border-radius: 0 5px 5px 0;
	font-size: 2em;
	color: white;
	text-align: center;
	cursor: pointer;
	line-height: 1.5em;
}

#reader #book .book-tool-drawing-option {
	background-color: #18222E;
	width: 378px;
}
#reader #book .book-tool-drawing-option[data-type="eraser"] {
	width: 270px;
}

#reader #book .book-tool-drawing-option:after {
	border-color: #18222E transparent;
}
#reader #book .book-tool-drawing-option[data-type="pen"]:after {
	left: 30px;
}
#reader #book .book-tool-drawing-option[data-type="line"]:after {
	left: 118px;
}
#reader #book .book-tool-drawing-option[data-type="text"]:after {
	left: 150px;
}
#reader #book .book-tool-drawing-option[data-type="eraser"]:after {
	left: 45%;
}
#reader #book .book-tool-drawing-option[data-type="blanklayer"]:after {
	left: 46%;
}
#reader #book .book-tool-drawing.minimized ~ .book-tool-drawing-option:after {
	left: 15px;
}

#reader #book .book-tool-drawing-option .bubble-content {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#reader #book .book-tool-drawing-option .bubble-content label {
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
}
#reader #book .book-tool-drawing-option .bubble-content .options {
	padding: 4px;
	line-height: 40px;
	vertical-align: middle;
}
#reader #book .book-tool-drawing-option .bubble-content .options:not(:last-child) {
	border-bottom: 1px #A8BBCE solid
}
#reader #book .book-tool-drawing-option .bubble-footer {
	height: 12px;
}

#reader #book .book-tool-drawing-option[data-type="text"] .bubble-footer {
	height: 40px;
}

#reader #book .book-tool-drawing-option .custom-radio {
	display: inline-block;
	margin: 3px;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 5px;
	background-color: #363A46;
	text-align: center;
	line-height: 32px;
	font-size: 10px;
	text-wrap: suppress;
	margin: 6px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
#reader #book .book-tool-drawing-option .option-chooser.custom-radio:before,
#reader #book .book-tool-drawing-option .option-chooser.custom-radio[checked]:before {
	content: '';
	display: inline;
}
#reader #book .book-tool-drawing-option .option-chooser[name="size"]:before,
#reader #book .book-tool-drawing-option .option-chooser[name="size"][checked]:before {
	content: '';
	display: inline-block;
	visibility: visible;
	border-radius: 100%;
	vertical-align: middle;
}

#reader #book .book-tool-drawing-option .option-chooser.custom-radio,
#reader #book .book-tool-drawing-option .option-chooser.custom-radio:before {
	color: #FFF;
}

#reader #book .book-tool-drawing-option .option-chooser.custom-radio[checked],
#reader #book .book-tool-drawing-option .option-chooser.custom-radio[checked]:before {
	color: #363A46;
}
#reader #book .book-tool-drawing-option .option-chooser.custom-radio:before {
	line-height: inherit;
	background-color: #FFF;
	margin: auto;
}

#reader #book .book-tool-drawing-option .option-chooser:focus,
#reader #book .book-tool-drawing-option .option-chooser:active,
#reader #book .book-tool-drawing-option .option-chooser[checked] {
	box-shadow: 0 0 3pt 2pt #26FFFF;
	background-color: #26FFFF;
	border-color: #26FFFF;
	color: #36A3C0;
}
#reader #book .book-tool-drawing-option .option-chooser.custom-radio[checked]:before {
	background-color: #363A46;
}

#reader #book .book-tool-drawing-option .option-chooser[name="color"][value='#000'] { background-color: #000; border-color: #000; }
#reader #book .book-tool-drawing-option .option-chooser[name="color"][value='#00F'] { background-color: #00F; border-color: #00F; }
#reader #book .book-tool-drawing-option .option-chooser[name="color"][value='#0F0'] { background-color: #0F0; border-color: #0F0; }
#reader #book .book-tool-drawing-option .option-chooser[name="color"][value='#F00'] { background-color: #F00; border-color: #F00; }
#reader #book .book-tool-drawing-option .option-chooser[name="color"][value='#FFC000'] { background-color: #FFC000; border-color: #FFC000; }
#reader #book .book-tool-drawing-option .option-chooser[name="color"][value='#FF0'] { background-color: #FF0; border-color: #FF0; }
/** General Browser **/
#reader #book .book-tool-drawing-option .option-chooser[name="size"]:nth-of-type(6):before {
	width: 10%;
	height: 10%;
}
#reader #book .book-tool-drawing-option .option-chooser[name="size"]:nth-of-type(5):before {
	width: 20%;
	height: 20%;
}
#reader #book .book-tool-drawing-option .option-chooser[name="size"]:nth-of-type(4):before {
	width: 30%;
	height: 30%;
}
#reader #book .book-tool-drawing-option .option-chooser[name="size"]:nth-of-type(3):before {
	width: 40%;
	height: 40%;
}
#reader #book .book-tool-drawing-option .option-chooser[name="size"]:nth-of-type(2):before {
	width: 50%;
	height: 50%;
}

#reader #book .book-tool-drawing-option[data-type='eraser'] [data-type*='|eraser|'] {
	height: 50px;
	line-height: 45px;
	text-align: center;
}
#reader #book .book-tool-drawing-option[data-type='eraser'] [data-type*='|eraser|'] .option-chooser.custom-button {
	cursor: pointer;
	width: 40%;
	height: 50%;
	line-height: 25px;
}
#reader #book .book-tool-drawing-option .options-style .option-chooser.custom-dropdown2[name="fontsize"] {
	width: 60px;
	vertical-align: middle;
}
#reader #book .book-tool-drawing-option .options-style .option-chooser.custom-dropdown2[name="fontsize"]:after {
	top: -2px;
}
#reader #book .book-tool-drawing-option .options-style .option-chooser.custom-dropdown2[name="fontsize"] .fake-dropdown {
	height: 98%;
	height: calc(100% - 1px);
}
#reader #book .book-tool-drawing-option .options-style .option-chooser.custom-button[name="underline"] {
	text-decoration: underline;
}
#reader #book .book-tool-drawing-option .options-style .option-chooser.custom-button[name="bold"] {
	font-weight: bold;
}
#reader #book .book-tool-drawing-option .options-style .option-chooser.custom-button[name="italic"] {
	font-style: italic;
}
#reader #book .book-tool-drawing-option[data-type='text'] .options.options-input textarea {
	width: 99%;
	width: calc(100% - 6px);
	max-width: 99%;
	max-width: calc(100% - 6px);
	max-height: 200px;
}
#reader #book .book-tool-drawing-option[data-type='text'] .options.options-style .custom-button {
	height: 20px;
	line-height: 20px;
	margin: 6px;
}
#reader #book .book-tool-drawing-option[data-type='text'] .tool-actions {
	text-align: center;
	padding: 6px;
}
#reader #book .book-tool-drawing-option [data-type] {
	display: none;
	vertical-align: middle;
}
#reader #book .book-tool-drawing-option[data-type='pen'] [data-type*='|pen|'],
#reader #book .book-tool-drawing-option[data-type='line'] [data-type*='|line|'],
#reader #book .book-tool-drawing-option[data-type='text'] [data-type*='|text|'],
#reader #book .book-tool-drawing-option[data-type='eraser'] [data-type*='|eraser|'],
#reader #book .book-tool-drawing-option[data-type='blanklayer'] [data-type*='|blanklayer|'] {
	display: block;
}
#reader #book .book-tool-drawing-option .bubble-content .options .option-chooser[name="fake"] {
	opacity: 0;
	cursor: default;
}

#reader[data-isguest="true"] #book .book-tool-drawing .book-tool-drawing-item[data-type="save"],
#reader[data-isguest="true"] #book .book-tool-drawing .book-tool-drawing-item[data-type="share"],
#reader[data-isguest="false"] #book .book-tool-drawing .book-tool-drawing-item[data-type="close"] {
	display: none;
}
/* // Drawing */