/****************************************
	CBOOK LAYERS (general)
****************************************/
.layer {
	position: absolute;
	top: 0;
	overflow: hidden;
}

/****************************************
	TEXTHIGHTLIGHTS LAYER
****************************************/
.textLayer {
	opacity: 0.2;
	line-height: 1.0;
}

.textLayer > div {
	color: transparent;
	position: absolute;
	white-space: pre;
	cursor: text;
	transform-origin: 0% 0%;
}

.textLayer .highlight {
	margin: -1px;
	padding: 1px;

	background-color: rgb(180, 0, 170);
	border-radius: 4px;
}

.textLayer .highlight.begin {
	border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
	border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
	border-radius: 0px;
}

.textLayer .highlight.selected {
	background-color: rgb(0, 100, 0);
}

.textLayer ::selection { background: rgb(0,0,255); }

.textLayer .endOfContent {
	display: block;
	position: absolute;
	left: 0px;
	top: 100%;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	cursor: default;
	user-select: none;
}

.textLayer .endOfContent.active {
	top: 0px;
}


/****************************************
	BOARD LAYER
****************************************/
.boardLayer #board-container {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.boardLayer #board {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	/*z-index: 12;*/
	background-color: transparent;
}
.boardLayer .boardcanvas {
	position: absolute;
	left: 0;
	top: 0;
	/*z-index: 10;*/
	background-color: transparent;
}
.boardLayer .boardcanvasaux {
	position: absolute;
	left: 0;
	top: 0;
	/*z-index: 11;*/
	background-color: transparent;
}


.boardLayer .board-disabled {
	pointer-events: none;
}


.annotation-layer-icon {
	display: inline-block;
	height: 32px;
	width: 32px;
	border: 1px solid white;
	border-radius: 3px;
	background-color: var(--main-book-color);
	background-image: url('../img/comments/comments_pdf_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.annotation-layer-icon.selected {
	background-color: var(--main-book-sel-color);
	background-image: url('../img/comments/comments_pdf_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/****************************************
	CURSORS
****************************************/
.cursor-pen {
	cursor: url('../img/pen-cursor.png') 0 23, auto;
}

.cursor-highlighter {
	cursor: url('../img/highlighter-cursor.png') 1 22, auto;
}

.cursor-erase {
	cursor: url('../img/erase-cursor.png') 4 21, auto;
}

.cursor-annotation {
	cursor: url('../img/annotation-cursor.png') 11 11, auto;
}