/* Here is the page design for the family tree viewer
    +-------------------------framer---------------------------+
    |                         header                           |
    +----------------------------------------------------------+
    |                                                          |
    |                                                          |
    |                                                          |
    |                                                          |
    |                        container                         |
    |                                                          |
    |                                                          |
    |                                                          |
    |                                                          |
    |                                                          |
    +----------------------------------------------------------+
    |                        page-footer                       |
    +----------------------------------------------------------+  */

.page-container {
	--page-container-width: 80%;
	padding: 0;
	overflow: auto;
	background-image: url("../skin/ratHuBeiLius.3409b8bb15a7");
	background-size: 100% 100%;
	box-shadow: inset 0 2px 2px #444, 0 2px 2px #222;
}

/* width */
::-webkit-scrollbar {
	width:  8px;
}
/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px #CCD1D1; 
	border-radius: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: #af6fec; 
	border-radius: 4px;
}

.page-container table.ratTableBorder {
    border-collapse: collapse;
}

.page-container table.ratTableBorder th,
.page-container table.ratTableBorder td {
    border: 1px dotted black;
}

.page-container td {
	vertical-align: top;
}

.page-container > .return {
    display: block;
    position: sticky;
    top: 4px;
    z-index: 1;
    width: fit-content;
    margin-left: auto;
    padding: 2px 10px;
    border-radius: 4px;
    background: #eee;
    box-shadow: 2px 2px 10px #555;
    text-decoration: none;
}
.page-container > .return:hover {
    background: #d3d3d3;
}
.page-container > .return:focus-visible {
    outline: 2px solid #555;
    outline-offset: 2px;
}