/*
|--------------------------------------------------------------------------------------------
| Editor - criação e edição dos livros
|--------------------------------------------------------------------------------------------
*/
body.editando-livro { overflow: hidden; }
.page-editor .menu-editor {
	left: 87px;
	top: 7%;
}

.editor {
	position: absolute;
	left: 50%;
	top: 51%;
	width: 420px;
	height: 595px;
	margin-left: -210px;
	margin-top: -292px;
}

.editor .book-page {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 420px;
	height: 595px;
	background-color: #fff;
	background-repeat: no-repeat;
}

.book-view .book-page { overflow: hidden; }

.editor .control-pages {
	position: absolute;
	top: 150px;
	left: 417px;
	z-index: 5;
	width: 50px;
	height: 160px;
	padding-top: 6px;
	border: 2px solid #d6d6d6;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
	background: #aaa;
	background: -moz-linear-gradient(top, #aaa 20%, #8b8b8b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#aaa), color-stop(100%,#8b8b8b));
	background: -webkit-linear-gradient(top, #aaa 20%,#8b8b8b 100%);
	background: -o-linear-gradient(top, #aaa 20%,#8b8b8b 100%);
	background: -ms-linear-gradient(top, #aaa 20%,#8b8b8b 100%);
	background: linear-gradient(to bottom, #aaa 20%,#8b8b8b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#8b8b8b',GradientType=0 );
}

.add-page {
	width: 47px;
	height: 50px;
	background-image: url(../images/editor/btn-new-page.png);
}

.remove-page {
	width: 46px;
	height: 49px;
	background-image: url(../images/editor/btn-delete-page.png);
}

.order-pages {
	position: relative;
	left: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	background-image: url(../images/editor/btn-order-pages.jpg);
}

.editor .pagination {
	position: absolute;
	left: 50%;
	top: 568px;
	z-index: 20;
	width: 160px;
	height: 51px;
	margin-left: -80px;
	background-image: url(../images/editor/pagination.png);
	background-repeat: no-repeat;
}

.btn-image.toggle-pages {
	position: absolute;
	width: 19px;
	height: 19px;
	background-image: url(../images/editor/btn-toggle-pages.jpg);
}

.pagination .toggle-pages {
	position: absolute;
	left: 43px;
	top: 17px;
	width: 19px;
	height: 19px;
	background-image: url(../images/editor/btn-toggle-pages.jpg);
}

.editor .page-number {
	position: absolute;
	left: 65px;
	top: 14px;
	width: 57px;
	height: 25px;
	color: #fff;
	text-align: center;
	cursor: default;
	font-weight: bold;
}

.btn-nav {
	position: absolute;
	top: 7px;
	width: 33px;
	height: 38px;
	text-indent: -9999px;
	overflow: hidden;
}

.editor .next-page {
	right: 5px;
	background-image: url(../images/editor/right-arrow.png);
	background-position: center;
}

.editor .prev-page {
	left: 5px;
	background-image: url(../images/editor/left-arrow.png);
	background-position: center;
}

.tools {
	position: absolute;
	width: 190px;
	left: 80px;
	top: 15%;
}

.tools .btn-big {
	display: block;
	margin-left: 0;
	width: 140px;
}

.tools .btn-big + .btn-big { margin-top: 10px; }

.tools .open-book-online {
	font-size: 1.1em;
	font-weight: bold;
}

.book-options {
	position: relative;
	left: 20px;
	width: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.book-options .label-option {
	color: #333;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.book-options .label-option .btn-link { text-decoration: none; }

.book-cover-image {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.book-cover-image .label-option {
	line-height: 15px;
}

.load-book-cover-image {
	width: 32px;
	height: 32px;
	background-image: url(../images/editor/load-book-cover.png);
	margin: 0 auto;
}


.book-options .btn-remove-book-cover {
	color: #f44;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

.jqte_toolbar .btn-insert-image {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/editor/btn-insert-image.png);
	box-shadow:  none;
}

.current-page-bg {
	position: absolute;
	left: 31px;
	top: 42px;
	z-index: 26;
	cursor: pointer;
}

.btn-bookcovers {
	position: relative;
	left: 15px;
	z-index: 25;
	display: inline-block;
	width: 69px;
	height: 75px;
	background-image: url(../images/editor/btn-layout.png);
}

.bookcovers-options {
	position: absolute;
	left: 73px;
	top: 0;
	z-index: 20;
	height: 120px;
	width: 0;
	border-radius: 10px;
	overflow: hidden;

	background: #c2c1c1;
	background: -moz-linear-gradient(top, #c2c1c1 0%, #a9a8a8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c1c1), color-stop(100%,#a9a8a8));
	background: -webkit-linear-gradient(top, #c2c1c1 0%,#a9a8a8 100%);
	background: -o-linear-gradient(top, #c2c1c1 0%,#a9a8a8 100%);
	background: -ms-linear-gradient(top, #c2c1c1 0%,#a9a8a8 100%);
	background: linear-gradient(to bottom, #c2c1c1 0%,#a9a8a8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c1c1', endColorstr='#a9a8a8', GradientType=0 );
}

.btn-bookcovers:hover ~ .bookcovers-options,
.btn-bookcovers:focus ~ .bookcovers-options,
.current-page-bg:hover ~ .bookcovers-options,
.bookcovers-options:hover {
	width: 230px;
	padding: 10px 6px;
	border: 3px solid #fff;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
}

.bookcovers-options button {
	display: inline-block;
	margin-left: 4px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.bookcovers-options button:nth-of-type(1),
.bookcovers-options button:nth-of-type(6) {
	margin-right: 0;
}

.bookcovers-options button.current-bookcover {
	outline: none;
	opacity: .6;
}

/* Opções de capa do livro */
.bookcover1 { background-image: url(../images/editor/bookcover1.png); }
.bookcover2 { background-image: url(../images/editor/bookcover2.png); }
.bookcover3 { background-image: url(../images/editor/bookcover3.png); }
.bookcover4 { background-image: url(../images/editor/bookcover4.png); }
.bookcover5 { background-image: url(../images/editor/bookcover5.png); }
.bookcover6 { background-image: url(../images/editor/bookcover6.png); }
.bookcover7 { background-image: url(../images/editor/bookcover7.png); }
.bookcover8 { background-image: url(../images/editor/bookcover8.png); }
.bookcover9 { background-image: url(../images/editor/bookcover9.png); }
.bookcover10 { background-image: url(../images/editor/bookcover10.png); }

/* Opções de folha do livro */
.sheet1 { background-image: url(../images/editor/sheet1.png); }
.sheet2 { background-image: url(../images/editor/sheet2.png); }
.sheet3 { background-image: url(../images/editor/sheet3.png); }
.sheet4 { background-image: url(../images/editor/sheet4.png); }
.sheet5 { background-image: url(../images/editor/sheet5.png); }
.sheet6 { background-image: url(../images/editor/sheet6.png); }
.sheet7 { background-image: url(../images/editor/sheet7.png); }
.sheet8 { background-image: url(../images/editor/sheet8.png); }

.page-editor .message {
	margin-top: 30px;
	position: relative;
	right: 70px;
	width: 270px;
}

.content-editor:focus { outline: none; }

.content-editor.sheet {
	padding: 1em 20px;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}

.editor .content-editor img {
	max-width: 380px;
	height: auto;
	resize: both;
}

.hidden {
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
}

/* Caixa com todas as páginas permitindo navegar entre elas */
.all-pages-book {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0,0,0,.6);
}

.navigation-pages {
	position: absolute;
	left: 50%;
	top: 160px;
	margin-left: -280px;
	width: 560px;
	height: 370px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 10px 4px rgba(0,0,0,.2);
}

.all-pages-book ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.all-pages-book li {
	display: inline-block;
	margin-left: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}

.all-pages-book li:hover { background-color: #f7f7f7; }

.all-pages-book li .btn {
	width: 60px;
	height: 80px;
	padding: 20px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	background-color: #84cbd5;
	box-shadow: none;
	vertical-align: top;
	text-align: center;
}

.all-pages-book li:first-child .btn {
	font-size: 1em;
	padding-top: 30px;
}

.all-pages-book p {
	margin-top: 0;
	text-align: center;
	color: #585858;
}

.navigation-pages .container-page-order {
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 20px;
}

.navigation-pages .update-order-pages { margin-left: 16px; }

.modal-publish .form-row {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin-top: 0;
}

/* Aviso quando o conteúdo exceder o tamanho da página */
.page-height-warning {
	position: absolute;
	right: -330px;
	top: 30px;
	width: 320px;
	padding: 10px 10px 15px 60px;
	color: #000;
	font-size: .9em;
	line-height: 1.2;
	display: none;
}

.page-height-warning::before {
	content: '';
	position: absolute;
	left: 15px;
	top: -3px;
	width: 32px;
	height: 100%;
	background-image: url(../images/icon-warning.png);
	background-repeat: no-repeat;
	background-position: 0 center;

	-webkit-animation: .6s ease .4s alternate none infinite running flashing;
  animation: .6s ease .4s alternate none infinite running flashing;
}

@-webkit-keyframes flashing {
  0% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}

@keyframes flashing {
  0% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}