/**
 * webtrees: online genealogy
 * Copyright (C) 2017 webtrees development team
 * Copyright (C) 2017 JustCarmen
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

/* Page */
#fancy_treeview-page {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-width: 960px;
}

#fancy_treeview-page #page-header {
	position: relative;
	text-align: center;
}

#fancy_treeview-page h2 {
	margin-left: 40px;
	margin-right: 48px;
	padding-bottom: 10px;
}

#fancy_treeview-page #pdf {
	position: absolute;
	right: 0;
	top: 0;
}

#fancy_treeview-page .pdf-waiting-message {
	color: red;
    float: left;
    font-weight: bold;
    margin-left: 40px;
}

[dir=rtl] #fancy_treeview-page .pdf-waiting-message {
	float: right;
}

#fancy_treeview-page .pdf-waiting-message:after {
	content:url("loading.gif");
	margin-left: 7px;
	display: inline-block;
	vertical-align: middle;
}

#fancy_treeview-page #page-body {
	line-height: 1.5em;
	margin-top: 2em;
}

#fancy_treeview-page #page-body form {
	text-align: right;
}

#fancy_treeview-page #page-body form label {
	font-size: 11px;
	font-weight: normal;
}

#fancy_treeview-page #error {
	margin: 10px 0 10px 40px;
	padding: 0 10px;
}

#fancy_treeview-page .generation-block {
	margin-bottom: 20px;
	padding: 0;
}

#fancy_treeview-page .generation-block.hidden {
	display: none;
}

[dir=rtl] #fancy_treeview-page h2 {
	margin-left: 48px;
	margin-right: 40px;
}

[dir=rtl] #fancy_treeview-page #pdf {
	left: 0;
	right: auto;
}

[dir=rtl] #fancy_treeview-page #page-body form {
	text-align: left;
}

[dir=rtl] #fancy_treeview-page #error {
	margin: 10px 40px 10px 0;
}

/* Blockheaders */
#fancy_treeview-page .blockheader {
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0;
	padding: 0;
}

#fancy_treeview-page .blockheader .header-link {
	font-size: 11px;
	position: absolute;
	left: auto;
}

[dir=rtl] #fancy_treeview-page .blockheader .header-link {
	right: auto;
}

/* List */
#fancy_treeview-page ol#fancy_treeview {
	counter-reset: first-level;
}

#fancy_treeview-page li.generation-block {
	counter-reset: second-level;
}

#fancy_treeview-page li.family {
	counter-reset: third-level;
}

#fancy_treeview-page li {
	position: relative;
	display: block;
}

#fancy_treeview-page li.generation-block:before {
	counter-increment: first-level;
	content: "";
}

#fancy_treeview-page li.family:before {
	counter-increment: second-level;
	content: counter(first-level) "." counter(second-level);
	margin-left: -4em;
	float: left;
}

#fancy_treeview-page li.child:before {
	counter-increment: third-level;
	content: counter(first-level) "." counter(second-level) "." counter(third-level);
	display: inline-block;
	width: 4.75em;
}

[dir=rtl] #fancy_treeview-page li.family:before {
	counter(first-level) "." counter(second-level);margin-right: -4em;
	float: right;
}

[dir=rtl] #fancy_treeview-page li.child:before {
	counter(first-level) "." counter(second-level) "." counter(third-level);
}

/* family-block */
#fancy_treeview-page .blockcontent {
	padding: 20px 0 20px 40px;
}

#fancy_treeview-page .generation.private {
	padding: 10px;
}

#fancy_treeview-page li.family {
	padding: 10px 20px;
}

#fancy_treeview-page li.family.private {
	padding: 5px 20px;
}

#fancy_treeview-page .parents p {
	margin: 0;
}

#fancy_treeview-page .children {
	clear: both;
	padding-top: 10px;
}

#fancy_treeview-page .children p {
	margin: 5px 0;
}

#fancy_treeview-page .date {
	font-size: inherit;
	font-weight: normal;
}

#fancy_treeview-page img {
	float: left;
	margin: 5px 10px 5px 0;
}

#fancy_treeview-page li.child .pedi {
	font-size: 11px;
}

#fancy_treeview-page li.child .lifespan {
	font-size: 9px;
}

#fancy_treeview-page .tooltip-text {
	display: none;
}

[dir=rtl] #fancy_treeview-page .blockcontent {
	padding: 20px 40px 20px 0;
}

[dir=rtl] #fancy_treeview-page img {
	float: right;
	margin: 5px 0 5px 10px;
}

/* button */
#fancy_treeview-page #btn_next {
	text-align: right;
}

[dir=rtl] #fancy_treeview-page #btn_next {
	text-align: left;
}

/* ===== Fancy Treeview Tab ===== */
#fancy_treeview-page.fancy_treeview-tab {
	position: relative;
	margin-top: 20px;
	width: 100%;
	max-width: none;
}

#fancy_treeview-page.fancy_treeview-tab .pdf-waiting-message {
	float: none;
	margin-left: 10px;
	margin-top: -15px;
	font-size: 85%;
}

#fancy_treeview-page.fancy_treeview-tab #pdf {
	position: relative;
	display: block;	
}

.fancy_treeview-tab .icon-mime-application-pdf {
	background-image: url("pdf-icon-small.png");
	background-position: 0;
	position: absolute;
	height: 25px;
	width: 25px;
	top: -5px;
	left: auto;
	right: 10px;
	z-index: 999;
}

[dir=rtl] .fancy_treeview-tab .icon-mime-application-pdf {
	left: 10px;
	right: auto;
}

#fancy_treeview-page.fancy_treeview-tab .blockheader {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.fancy_treeview-tab .header-title {
	font-size: initial;
}

.fancy_treeview-tab ol#fancy_treeview {
	padding: 0 10px;
}

#fancy_treeview-page.fancy_treeview-tab li.child .lifespan {
	font-size: inherit;
}

.fancy_treeview-tab #read-more-link {
	text-align: right;
}

[dir=rtl] .fancy_treeview-tab #read-more-link {
	text-align: left;
}

@media print {
	/* General */
	@page {
		size:auto;margin:20mm 0;
	}

	body {
		background: none;
		font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
		font-size: 12pt;
		margin: 0;
	}

	.divider, #pdf, .tooltip {
		display: none;
	}

	/* Page */
	#fancy_treeview-page {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}

	#fancy_treeview-page .block, #fancy_treeview-page .blockheader, #fancy_treeview-page .blockcontent {
		background: none;
		border: none;
		box-shadow: none;
		color: #000;
	}

	#fancy_treeview-page h2, #fancy_treeview-page .blockheader {
		color: #000;
		font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
	}

	#fancy_treeview-page .blockheader {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		font-size: 14pt;
	}

	#fancy_treeview-page .blockcontent {
		margin: 0;
		padding: 0 0 0 10mm;
	}

	/* Blockheaders */
	#fancy_treeview-page .blockheader .header-link {
		display: none;
	}

	/* Family block */
	#fancy_treeview-page .family.private {
		display: none;
	}

	#fancy_treeview-page .parents span.NAME {
		font-weight: bold;
	}

	#fancy_treeview-page a {
		color: #000;
	}
}