html {
overflow-y: scroll;
}
body {
margin: 0px;
padding: 0px;
}
body#wholeDocument {
-webkit-text-size-adjust:none;
font-family: Helvetica, sans-serif;
font-size: 15px;
color: rgb(102,102,102);
font-family: "Optima", sans-serif;
line-height: 1.32;
background-color: rgb(245,245,245);
}
/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 768px) {
#wholeDocument #centered,
.overlayChild,
.siteTourBtn,
.ovrlyBtn {
width: 560px;
}
.overlayCntnt {
font-size: .5rem;
}
#OverlyAlertMsg {
left: 25%;
font-size: 5rem;
}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 920px) {
#wholeDocument #centered,
.overlayChild,
.siteTourBtn,
.ovrlyBtn {
width: 750px;
}
.overlayCntnt {
font-size: 1rem;
}
#OverlyAlertMsg {
left: 30%;
font-size: 5rem;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 920px) and (max-width: 1100px) {
#wholeDocument #centered,
.overlayChild,
.siteTourBtn,
.ovrlyBtn {
width: 980px;
}
.overlayCntnt {
font-size: 1rem;
}
#OverlyAlertMsg {
left: 35%;
font-size: 5rem;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
#centered,
.overlayChild,
.siteTourBtn,
.ovrlyBtn {
width: 1170px;
}
.overlayCntnt {
font-size: 1rem;
}
#OverlyAlertMsg {
left: 35%;
font-size: 5rem;
}
}
#centered {
margin: auto;
padding: 19px;
background-color: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.showPop {
color: #8686fd;
text-decoration: none;
font-size: 1rem;
font-weight: bold;
background: none;
border: none;
padding: 0;
cursor: pointer;
outline: inherit;
}
.showPop:hover,
.showPop:visited {
color: #2c2cff;
text-decoration: underline;
}
/* height hack to make nested divs set to 100% height work in Chrome and Firefox */
table.whole-row, table.whole-note, table#column-header {
height: 1px;
}
table {
border-collapse: collapse;
}
div {
box-sizing: border-box;
min-height: 13px;
}
div#centered, .temp {
display: block;
text-align: center;
}
div#centered > table, div.temp-wrapper {
margin: 0 auto;
text-align: left;
}
tr.outline-row > td > div, table.note-table {
display: inline-table;
}
tr.outline-row > td > div > div, tr.outline-row > td div.note-icon, tr.note-row > td > div, table.outline-column div, table.note-table div {
display: inline-table;
}
div.column, div.note-filler > div {
display: inline-block;
}
tr#header div {
display: inline-block;
}
div.pdf-div {
width: 100%;
position: relative;
display: block;
}
object.pdf-object {
vertical-align: middle;
width: 100%;
height: 100%;
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}
iframe.pdf-iframe {
vertical-align: middle;
width: 100%;
height: 100%;
border: none;
}
td,th {
padding: 0px;
empty-cells: show;
}
div.force-wrap {
table-layout: fixed;
word-wrap: break-word;
}
tr#header {
border-bottom: 1px solid rgba(0,0,0,0.25);
}
/* This is the table used for just the outline column/note column and is nested in the cell for the outline column of the row */
table.outline-column td, table.outline-column-note td {
border-bottom: 0px;
border-left: 0px;
}
tr.outline-row > td, tr.note-row > td {
height: inherit;
}
table.outline-column, tr.outline-row td, tr.note-row td, div.outline-column-div, div.note-filler, tr#header td, tr#header > td > div, div.note-outline-column-div {
height: 100%;
}
@media all and (-ms-high-contrast:none) {
/* Target IE */
div#centered tr.outline-row > td, div#centered tr.note-row > td, div#centered tr#header td {
height: 5px;
}
}
@supports (-ms-accelerator:true) {
/* Target MS Edge */
div#centered tr.outline-row > td, div#centered tr.note-row > td, div#centered tr#header td {
height: 5px;
}
}
tr#header div, table.outline-column, table.note-table {
width: 100%;
}
.handle {
white-space: nowrap;
text-align:right;
vertical-align: baseline;
}
td.label {
text-align: right;
white-space: nowrap;
}
td.label, .column {
vertical-align: baseline;
}
tr.note-row td.label {
/* Same row label is put in invisibly the note to keep alignment but,
if it's a large font size, this will cause the note to be taller
than it should be. This works around that */
line-height: 0;
}
div.white-space {
white-space: pre-wrap;
}
.note > div.white-space {
width: 100%;
float: left;
}
/********* START ********
Grid lines
*************************/
tr#header td > div {
}
div.note-div, div.note-filler, div.outline-column-div, tr.outline-row > td:not(.column) > div.fill-cell, div.note-outline-column-div, tr.outline-row > td:nth-of-type(1) > div {
border-top: 1px solid rgba(0,0,0,0.05);
}
/** don't put horizontal grid line under the column titles if shown **/
div#centered table:nth-of-type(2) div {
border-top: none;
}
/** don't put a grid line between a row and its note **/
tr.note-row div, div.note-outline-column-div, tr.outline-row > td:nth-of-type(1) > div {
border-top: none;
}
table.whole-row:last-of-type {
border-bottom: 1px solid rgba(0,0,0,0.05)
}
table#column-header {
border-top: 1px solid rgba(0,0,0,0.05)
}
table#column-header ~ table.whole-row:first-of-type {
border-top: none;
}
tr.outline-row > td:last-of-type:not(.column) > div.fill-cell, tr.note-row > td:last-of-type:not(.note) > div.note-filler, tr#header td:last-of-type > div {
}
/* END grid lines */
table.outline-column-note {
width: 100%;
height: 100%;
}
.fill-cell {
height: 100%;
width: 100%;
}
.summary_node {
background: rgba(0,0,0,.12);
}
/* To make checkbox columns always centered */
div#centered div.checkbox {
text-align: center;
}
table.outline-column td:not(:last-of-type) {
}
/********* START ********
Expand/collapse
*************************/
.visible {
}
.hidden {
display: none;
}
.temp {
min-height: 0px;
}
/* END expand/collapse */
div.note-outline-column-div table {
vertical-align: top;
}
td.empty {
display: none;
}
/********* START ********
Image handle styles
*************************/
td.note {
vertical-align: baseline;
}
div.handle img {
vertical-align: middle;
}
div.note-icon {
text-align: center;
}
img.status {
height: 13px;
width: 13px;
position: relative;
bottom: 1px;
top: 0px;
}
img.checkbox-column {
height: 13px;
width: 13px;
vertical-align: middle;
}
img.leaf {
height: 5px;
width: 5px;
position: relative;
top: -1px;
}
img.parent {
height: 9px;
width: 9px;
}
img.note-icon {
height: 13px;
width: 13px;
position: relative;
vertical-align: middle;
}
/* END image handle styles */
/********* START ********
Padding values
*************************/
/* Column text */
table.outline-column td:nth-of-type(4), div.column, tr#header div > div > div {
padding-left: 4px;
padding-right: 4px;
}
table.outline-column td:nth-of-type(4), div.column, div.note-icon {
padding-bottom: 7px;
padding-top: 6px;
}
/* When a note is expanded, the row it belongs to doesn't have bottom row padding, that padding goes to the bottom of the note */
table.note-expanded table.outline-column td:nth-of-type(4), table.note-expanded div.column, table.note-expanded div.note-icon {
padding-bottom: 0px;
}
/* last-child class is set by JS */
tr.last-child table.outline-column td:nth-of-type(4), tr.last-child div.column, tr.last-child div.note-icon {
padding-bottom: 7px;
}
/* Note text */
table.note-table td:nth-of-type(4) {
padding-left: 4px;
padding-right: 4px;
margin-top: 0px;
padding-bottom: 7px;
}
table.note-table {
margin-top: 0px;
}
/* Set above children padding */
tr[data-state="expanded"][data-has-children="1"] table.outline-column td:nth-of-type(4), tr[data-state="expanded"][data-has-children="1"] div.column {
padding-bottom: 7px;
}
/* When there are children and note is expanded, don't set above children padding on the row, it goes to the note */
tr[data-state="expanded"][data-has-children="1"].note-expanded table.outline-column td:nth-of-type(4), tr[data-state="expanded"][data-has-children="1"].note-expanded div.column, tr[data-state="expanded"][data-has-children="1"].note-expanded div.note-icon {
padding-bottom: 0px;
}
/* Set above children padding on the note when it is visible */
tr[data-state="expanded"][data-has-children="1"].note-expanded + tr.note-row table.note-table td:nth-of-type(4) {
padding-bottom: 7px;
}
/* Set last child padding on the note when it is visible, last-child class is set through JS */
tr.note-row.last-child table.note-table td:nth-of-type(4) {
padding-bottom: 7px;
}
td.label {
padding-top: 0px;
padding-left: 2px;
padding-right: 3px;
}
td.label:empty {
vertical-align: inherit;
}
img.parent {
padding-right: 3px;
}
img.leaf {
padding-right: 5px;
}
/* End padding values */
tr.note-row td.note {
/* padding-left: 5px;
padding-right: 3px; */
border: none;
color: rgb(82,82,82);
font-size: 9px;
font-size: 9px;
}
tr.note-row td.note-bg {
}
table.whole-row, table.whole-note, table#column-header, div.temp-wrapper {
width: 100%;
}
/******************
Column widths and styles, including background. Also applies to column titles. Skip tr.note-row for the outline column.
These fold in any named styles applied to columns so any manual changes to named styles will also need to be done here
*******************/
/* When notes are set to span columns, need to override column widths */
div#centered table.span-columns {
width: 100%;
max-width: 100%;
}
/* Column widths + backgrounds */
tr#header td:nth-of-type(1), tr.outline-row > td:nth-of-type(1), tr.note-row > td:nth-of-type(1) {
width: 3%;
max-width: 3%;
}
table.outline-column {
width: 100%;
max-width: 100%;
}
tr#header td:nth-of-type(2), tr.outline-row > td:nth-of-type(2) {
width: 77%;
max-width: 77%;
}
tr#header td:nth-of-type(3), tr.outline-row > td:nth-of-type(3), tr.note-row > td:nth-of-type(3) {
width: 10%;
max-width: 10%;
}
tr#header td:nth-of-type(4), tr.outline-row > td:nth-of-type(4), tr.note-row > td:nth-of-type(4) {
width: 10%;
max-width: 10%;
}
/* Column styles but not background. Separate from above because this doesn't apply to column titles. Skip tr.note-row for the outline column. */
tr.outline-row > td:nth-of-type(1), tr.note-row > td:nth-of-type(1){
}
tr.outline-row > td:nth-of-type(2) {
}
tr.outline-row > td:nth-of-type(3), tr.note-row > td:nth-of-type(3){
}
tr.outline-row > td:nth-of-type(4), tr.note-row > td:nth-of-type(4){
}
/* Column header style */
tr#header div > div > div {
padding-bottom: 2px;
}
tr#header > td > div > div {
}
/* Level Styles */
/*****************
Level# styles – Does not include background colors. Applied to both nested outline column table and divs in non-nested row cells. Applied to row label cell of note rows.
Level# background color – Applied to both div holding nested outline column table and divs in non-nested row cells
Level# gutter color – Only applied to nested table for outline column
******************/
/* Level 1 styles */
tr.outline-row.level-1 td, tr.outline-row.level-1 div > div, tr.note-row.level-1 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 1 background color */
tr.level-1 > td > div.alt-row-layer > div, tr.level-1.note-row > td > div {
}
/* Level 1 gutter color */
tr.outline-row.level-1 table.outline-column td:not(:last-of-type) {
}
/* Level 2 styles */
tr.outline-row.level-2 td, tr.outline-row.level-2 div > div, tr.note-row.level-2 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 2 background color */
tr.level-2 > td > div.alt-row-layer > div, tr.level-2.note-row > td > div {
}
/* Level 2 gutter color */
tr.outline-row.level-2 table.outline-column td:not(:last-of-type) {
}
/* Level 3 styles */
tr.outline-row.level-3 td, tr.outline-row.level-3 div > div, tr.note-row.level-3 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 3 background color */
tr.level-3 > td > div.alt-row-layer > div, tr.level-3.note-row > td > div {
}
/* Level 3 gutter color */
tr.outline-row.level-3 table.outline-column td:not(:last-of-type) {
}
/* Level 4 styles */
tr.outline-row.level-4 td, tr.outline-row.level-4 div > div, tr.note-row.level-4 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 4 background color */
tr.level-4 > td > div.alt-row-layer > div, tr.level-4.note-row > td > div {
}
/* Level 4 gutter color */
tr.outline-row.level-4 table.outline-column td:not(:last-of-type) {
}
/* Level 5 styles */
tr.outline-row.level-5 td, tr.outline-row.level-5 div > div, tr.note-row.level-5 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 5 background color */
tr.level-5 > td > div.alt-row-layer > div, tr.level-5.note-row > td > div {
}
/* Level 5 gutter color */
tr.outline-row.level-5 table.outline-column td:not(:last-of-type) {
}
/* Level 6 styles */
tr.outline-row.level-6 td, tr.outline-row.level-6 div > div, tr.note-row.level-6 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 6 background color */
tr.level-6 > td > div.alt-row-layer > div, tr.level-6.note-row > td > div {
}
/* Level 6 gutter color */
tr.outline-row.level-6 table.outline-column td:not(:last-of-type) {
}
/* Level 7 styles */
tr.outline-row.level-7 td, tr.outline-row.level-7 div > div, tr.note-row.level-7 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 7 background color */
tr.level-7 > td > div.alt-row-layer > div, tr.level-7.note-row > td > div {
}
/* Level 7 gutter color */
tr.outline-row.level-7 table.outline-column td:not(:last-of-type) {
}
/* Level 8 styles */
tr.outline-row.level-8 td, tr.outline-row.level-8 div > div, tr.note-row.level-8 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 8 background color */
tr.level-8 > td > div.alt-row-layer > div, tr.level-8.note-row > td > div {
}
/* Level 8 gutter color */
tr.outline-row.level-8 table.outline-column td:not(:last-of-type) {
}
/* Level 9 styles */
tr.outline-row.level-9 td, tr.outline-row.level-9 div > div, tr.note-row.level-9 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 9 background color */
tr.level-9 > td > div.alt-row-layer > div, tr.level-9.note-row > td > div {
}
/* Level 9 gutter color */
tr.outline-row.level-9 table.outline-column td:not(:last-of-type) {
}
/* Level 10 styles */
tr.outline-row.level-10 td, tr.outline-row.level-10 div > div, tr.note-row.level-10 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 10 background color */
tr.level-10 > td > div.alt-row-layer > div, tr.level-10.note-row > td > div {
}
/* Level 10 gutter color */
tr.outline-row.level-10 table.outline-column td:not(:last-of-type) {
}
/* Level 11 styles */
tr.outline-row.level-11 td, tr.outline-row.level-11 div > div, tr.note-row.level-11 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 11 background color */
tr.level-11 > td > div.alt-row-layer > div, tr.level-11.note-row > td > div {
}
/* Level 11 gutter color */
tr.outline-row.level-11 table.outline-column td:not(:last-of-type) {
}
/* Level 12 styles */
tr.outline-row.level-12 td, tr.outline-row.level-12 div > div, tr.note-row.level-12 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 12 background color */
tr.level-12 > td > div.alt-row-layer > div, tr.level-12.note-row > td > div {
}
/* Level 12 gutter color */
tr.outline-row.level-12 table.outline-column td:not(:last-of-type) {
}
/* Level 13 styles */
tr.outline-row.level-13 td, tr.outline-row.level-13 div > div, tr.note-row.level-13 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 13 background color */
tr.level-13 > td > div.alt-row-layer > div, tr.level-13.note-row > td > div {
}
/* Level 13 gutter color */
tr.outline-row.level-13 table.outline-column td:not(:last-of-type) {
}
/* Level 14 styles */
tr.outline-row.level-14 td, tr.outline-row.level-14 div > div, tr.note-row.level-14 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 14 background color */
tr.level-14 > td > div.alt-row-layer > div, tr.level-14.note-row > td > div {
}
/* Level 14 gutter color */
tr.outline-row.level-14 table.outline-column td:not(:last-of-type) {
}
/* Level 15 styles */
tr.outline-row.level-15 td, tr.outline-row.level-15 div > div, tr.note-row.level-15 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 15 background color */
tr.level-15 > td > div.alt-row-layer > div, tr.level-15.note-row > td > div {
}
/* Level 15 gutter color */
tr.outline-row.level-15 table.outline-column td:not(:last-of-type) {
}
/* Level 16 styles */
tr.outline-row.level-16 td, tr.outline-row.level-16 div > div, tr.note-row.level-16 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 16 background color */
tr.level-16 > td > div.alt-row-layer > div, tr.level-16.note-row > td > div {
}
/* Level 16 gutter color */
tr.outline-row.level-16 table.outline-column td:not(:last-of-type) {
}
/* Level 17 styles */
tr.outline-row.level-17 td, tr.outline-row.level-17 div > div, tr.note-row.level-17 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 17 background color */
tr.level-17 > td > div.alt-row-layer > div, tr.level-17.note-row > td > div {
}
/* Level 17 gutter color */
tr.outline-row.level-17 table.outline-column td:not(:last-of-type) {
}
/* Level 18 styles */
tr.outline-row.level-18 td, tr.outline-row.level-18 div > div, tr.note-row.level-18 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 18 background color */
tr.level-18 > td > div.alt-row-layer > div, tr.level-18.note-row > td > div {
}
/* Level 18 gutter color */
tr.outline-row.level-18 table.outline-column td:not(:last-of-type) {
}
/* Level 19 styles */
tr.outline-row.level-19 td, tr.outline-row.level-19 div > div, tr.note-row.level-19 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 19 background color */
tr.level-19 > td > div.alt-row-layer > div, tr.level-19.note-row > td > div {
}
/* Level 19 gutter color */
tr.outline-row.level-19 table.outline-column td:not(:last-of-type) {
}
/* Level 20 styles */
tr.outline-row.level-20 td, tr.outline-row.level-20 div > div, tr.note-row.level-20 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 20 background color */
tr.level-20 > td > div.alt-row-layer > div, tr.level-20.note-row > td > div {
}
/* Level 20 gutter color */
tr.outline-row.level-20 table.outline-column td:not(:last-of-type) {
}
/* Level 21 styles */
tr.outline-row.level-21 td, tr.outline-row.level-21 div > div, tr.note-row.level-21 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 21 background color */
tr.level-21 > td > div.alt-row-layer > div, tr.level-21.note-row > td > div {
}
/* Level 21 gutter color */
tr.outline-row.level-21 table.outline-column td:not(:last-of-type) {
}
/* Level 22 styles */
tr.outline-row.level-22 td, tr.outline-row.level-22 div > div, tr.note-row.level-22 table.note-table td:nth-of-type(3) {
color: rgb(8,8,8);
font-size: 14px;
}
/* Level 22 background color */
tr.level-22 > td > div.alt-row-layer > div, tr.level-22.note-row > td > div {
}
/* Level 22 gutter color */
tr.outline-row.level-22 table.outline-column td:not(:last-of-type) {
}
/*********************************************
Named styles info:
Padding values are not included here because they are additive and can affect a different row than the one that has the attribute
*********************************************/
/* Named Styles */
div#centered tr td .ns-eUsXLp0Pv1g-Heading1, .ns-eUsXLp0Pv1g-Heading1, div#centered .ns-eUsXLp0Pv1g-Heading1 div {
color: rgb(158,66,157);
font-family: "Baskerville", sans-serif;
font-size: 32px;
}
div#centered tr td .ns-d4-frBYwy2X-Heading2, .ns-d4-frBYwy2X-Heading2, div#centered .ns-d4-frBYwy2X-Heading2 div {
color: rgb(3,141,158);
font-family: "Baskerville", sans-serif;
font-size: 24px;
}
div#centered tr td .ns-bLMzz4h3_ou-Heading3, .ns-bLMzz4h3_ou-Heading3, div#centered .ns-bLMzz4h3_ou-Heading3 div {
color: rgb(102,102,102);
font-family: "Baskerville", sans-serif;
font-style: italic;
font-size: 16px;
}
div#centered tr td .ns-eJLPCrzHVVi-Vermilion, .ns-eJLPCrzHVVi-Vermilion, div#centered .ns-eJLPCrzHVVi-Vermilion div {
color: rgb(159,60,56);
}
div#centered tr td .ns-aYPdwT4DMX0-Ultramarine, .ns-aYPdwT4DMX0-Ultramarine, div#centered .ns-aYPdwT4DMX0-Ultramarine div {
color: rgb(93,103,212);
}
div#centered tr td .ns-pm0bZJwGwFT-Malachite, .ns-pm0bZJwGwFT-Malachite, div#centered .ns-pm0bZJwGwFT-Malachite div {
color: rgb(61,153,96);
}
div#centered tr td .ns-nhx62bbt3zt-Ochre, .ns-nhx62bbt3zt-Ochre, div#centered .ns-nhx62bbt3zt-Ochre div {
color: rgb(189,144,24);
}
div#centered tr td .ns-bA458L_P9mM-Kohl, .ns-bA458L_P9mM-Kohl, div#centered .ns-bA458L_P9mM-Kohl div {
color: rgb(0,0,0);
}
/* Named Styles Backgroud Colors */
div#centered tr td .ns-bg-eUsXLp0Pv1g-Heading1, .ns-bg-eUsXLp0Pv1g-Heading1 {
background-color: rgba(158,66,157,0.15);
}
div#centered tr td .ns-bg-d4-frBYwy2X-Heading2, .ns-bg-d4-frBYwy2X-Heading2 {
background-color: rgba(3,141,158,0.15);
}
div#centered tr td .ns-bg-bLMzz4h3_ou-Heading3, .ns-bg-bLMzz4h3_ou-Heading3 {
background-color: rgba(144,144,144,0.12);
}
div#centered tr td .ns-bg-eJLPCrzHVVi-Vermilion, .ns-bg-eJLPCrzHVVi-Vermilion {
}
div#centered tr td .ns-bg-aYPdwT4DMX0-Ultramarine, .ns-bg-aYPdwT4DMX0-Ultramarine {
}
div#centered tr td .ns-bg-pm0bZJwGwFT-Malachite, .ns-bg-pm0bZJwGwFT-Malachite {
}
div#centered tr td .ns-bg-nhx62bbt3zt-Ochre, .ns-bg-nhx62bbt3zt-Ochre {
}
div#centered tr td .ns-bg-bA458L_P9mM-Kohl, .ns-bg-bA458L_P9mM-Kohl {
}
/* Named Styles Gutter Colors */
div#centered tr td .ns-gutter-eUsXLp0Pv1g-Heading1, .ns-gutter-eUsXLp0Pv1g-Heading1 {
}
div#centered tr td .ns-gutter-d4-frBYwy2X-Heading2, .ns-gutter-d4-frBYwy2X-Heading2 {
}
div#centered tr td .ns-gutter-bLMzz4h3_ou-Heading3, .ns-gutter-bLMzz4h3_ou-Heading3 {
}
div#centered tr td .ns-gutter-eJLPCrzHVVi-Vermilion, .ns-gutter-eJLPCrzHVVi-Vermilion {
}
div#centered tr td .ns-gutter-aYPdwT4DMX0-Ultramarine, .ns-gutter-aYPdwT4DMX0-Ultramarine {
}
div#centered tr td .ns-gutter-pm0bZJwGwFT-Malachite, .ns-gutter-pm0bZJwGwFT-Malachite {
}
div#centered tr td .ns-gutter-nhx62bbt3zt-Ochre, .ns-gutter-nhx62bbt3zt-Ochre {
}
div#centered tr td .ns-gutter-bA458L_P9mM-Kohl, .ns-gutter-bA458L_P9mM-Kohl {
}
/* Tooltip - mathias@jpg.no - november 2018 */
#tt {
display: block;
position: absolute;
display: none;
top: -1000;
left: 0;
padding: 19px;
width: 300px;
height: auto;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
z-index: 101;
overflow: hidden;
}
TABLE TD:nth-child(4) .alt-row-layer > .fill-cell > .force-wrap > .column > .white-space {
color: #2c2cff;
}
TABLE TD:nth-child(4) .alt-row-layer > .fill-cell > .force-wrap > .column > .white-space:hover {
text-decoration: underline;
cursor: pointer;
}
/* Pointer cursor on everything clickable */
.note-icon, .handle IMG.parent, .pointer, #s_nav {
cursor: pointer;
}
/* Navigation on Scripture column - mathias@jpg.no - november 2018 */
#s_nav {
display: inline !important;
position: relative;
width: 1rem !important;
z-index: 99 !important;
}
#scripturemenu {
display: block;
position: absolute;
top: 1.5rem;
right: -7rem;
width: 30.7rem !important;
border: 1px solid #e3e3e3;
border-radius: 3px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, .4) !important;
padding: 0px !important;
padding-top: 2px !important;
}
#chapters, #verses {
display: block;
position: relative;
float:left;
width: 100%;
background-color: #f5f5f5;
border-top: 1px solid #000000 !important;
padding: 2px 2px 2px 2px !important;
}
.citem, .vitem {
display: inline-block !important;
position: relative;
float: left;
width: 3rem !important;
height: 1.5rem;
line-height: 1.5rem;
text-align: center;
margin: 0;
border-radius: 3px;
box-sizing: border-box;
}
.citem:hover, .vitem:hover {
background-color: #ffffff;
}
.hilighted, .navigatedTo {
background-color: #ffffbe;
transition: 2s ease-in-out;
}
/* Bookmarking any row */
TABLE {
position: relative;
}
table.whole-row TR TD:nth-child(4) > div.fill-cell > div.fill-cell {
width: 80%;
}
table.whole-row:hover TR TD:nth-child(4) > div.fill-cell {
background-image: url(bookmark.png);
background-size: 12px 16px;
background-position: center right;
background-repeat: no-repeat;
}
#screen {
display:block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.4);
z-index: 399;
}
body::after {
display:block;
position: absolute;
width: 100vh;
height: 100vw;
background-color: rgba(0,0,0,.6);
z-index: 399;
transform: translate3d(0, 0, 0);
}
body::before {
display: block;
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 10vh;
height: 10vh;
background-image: url(spinner3.png);
background-size: contain;
animation: 1s linear infinite spinner;
transform: translate3d(-50%, -50%, 0);
transform-origin: center;
opacity: 0.4;
}
@keyframes spinner {
0% {
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
100% {
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
#callout {
display:block;
position: fixed;
top: 50%;
height: auto;
min-height: 8rem;
width: 36rem;
max-width: 100%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 400;
background-color: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 3px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, .4) !important;
box-sizing: border-box;
padding: 1rem;
}
#callout P {
margin: .5rem 0 .5rem 0;
}
#callout TEXTAREA {
width: 100%;
height: 17px;
font-size: 13px;
line-height: 15px;
}
#callout button {
background: #007bff;
color: #ffffff;
border-radius: 3px;
border: 2px solid #007bff;
padding: 3px 15px 3px 15px;
font-weight: bold;
}
#callout button:hover, #callout button:focus {
background-color: #2980B9;
}
#callout button:active {
background-color: #ffffff;
color: #007bff;
}
/* Navigation Path */
#navPath {
/* display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: start;
align-items: center; */
margin: 0 auto;
width: auto;
max-width: 100%;
height: 24px;
display: flex;
align-items: left;
background-color: #dddddd;
padding: 3px;
border-radius: 3px;
margin: 0.5rem 0 0.5rem 0;
overflow: hidden;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
#navPath:empty {
display: none;
}
.npitem {
/* position: relative;
flex-grow: 1;
flex-shrink: 1;
border-left: 1px solid red;
border-right: 1px solid green;
height: 16px;
overflow: hidden;
text-align: left;
color: #bbbbbb;
transition: all 300ms ease-in-out; */
flex-shrink: 5;
flex-grow: 0;
height: 20px;
position: relative;
border: 1px solid lighten(black, 10);
transition: all 300ms ease-in-out;
/* overflow: hidden; */
/* width: 20%; */
padding: 0 0 0 0.8rem;
text-align: left;
}
.npitem::before {
content: ">";
font-weight: bold;
position: relative;
left: -.5rem;
color: #ffffff;
}
.npitem:hover {
flex-grow: 4;
flex-shrink: 1;
color: #000000;
/* width: 50%; */
}
/*Test Work*/
.targetElemnt {
background: rgb(221, 249, 255) !important;
border: 2px solid rgb(84, 214, 240) !important;
}
.overlayMain {
position: absolute;
z-index: 999999;
cursor: default;
/*background: rgba(184, 251, 251, 0.3);*/
background: rgba(167, 167, 167, 0.3);
top:0;
left:0;
width: 100%;
}
.overlayChild {
margin: auto;
}
.row {
width: 100%;
float: left;
}
.col-3 {
width: 20%;
}
.col-4 {
width: 22%;
}
.col-6 {
width: 40%;
}
.col-3,
.col-4,
.col-6 {
float: left;
color: #000000;
font-weight: bold;
text-align: justify;
font-family: arial;
}
.col-3 .arrowTop > img { width: 31%; }
.col-4 .arrowTop > img { width: 31%; }
.col-6 .arrowTop > img { width: 15%; }
.arrowBtm > img { width: 6.1%; position: absolute; z-index: 9999999; }
.arrowLast > img { width: 15%; margin: auto; display: block; }
.arrowTop > img {
-webkit-transform: rotate(70deg);
-moz-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
margin-left: 15px;
}
.no-mrT {
margin-top: 0px !important;
}
.overlayCntnt {
float: left;
background: rgba(221, 249, 255, 0.8) !important;
border: 2px solid rgb(84, 214, 240) !important;
padding: 10px 10px 0 10px;
margin-right: 10px;
color: #000000;
text-shadow: 0px 0px 4px #ffffff;
}
.ovrlyBtn {
display: none;
float: left;
margin-top: 50px;
font-weight: bold;
}
.ovrlyDntShw,
.ovrlyClse {
color: #ffffff !important;
border-radius: 20px;
text-decoration: none;
padding: 10px 20px;
margin-right: 10px;
float: right;
cursor: pointer;
}
.ovrlyClse {
border: 2px solid #ff0000;
background-color: #ff0000 !important;
}
.ovrlyDntShw {
border: 2px solid rgb(50, 207, 243);
background-color: rgb(50, 207, 243) !important;
}
.ovrlyClse:hover,
.ovrlyClse:visited {
background-color: #ff0000 !important;
}
.ovrlyDntShw:hover,
.ovrlyDntShw:visited {
background-color: rgb(50, 207, 243) !important;
}
.overlayChild {
display: none;
}
#OverlyAlertMsg {
position: absolute;
top: 100px;
display: none;
text-shadow: 3px 3px 3px #666666;
color: #54d6f0;
}
.siteTourBtn {
margin: auto;
}
.siteTourBtn a {
float: right;
padding: 3px;
border-radius: 50%;
box-shadow: 0px 0px 10px #000;
margin-top: 10px;
margin-left: 10px;
background: #ffffff;
}
.pullLeft {
float: left !important;
}
.siteTourBtn img {
width: 40px;
float: right;
border-radius: 50%;
}
.menuBtn {
background: #007bff;
color: #ffffff;
font-weight: bold;
font-size: 10px;
padding: 4px 10px;
border-radius: 5px;
border: none;
cursor: pointer;
}
.menuBtn:hover, .menuBtn:focus {
background-color: #2980B9;
}
.mainMenuDd {
margin: 0 12px 0px -16px;
position: relative;
display: inline-block;
z-index: 3;
}
.mainMenuDd-content,
.subMenuDd {
display: none !important;
position: absolute;
background-color: #ffffff;
min-width: 220px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border: 2px solid #bdbdbd;
border-radius: 5px;
}
.subMenuDd {
top:10px;
left: 220px;
min-width: 200px;
}
.mainMenuDd-content a,
.subMenuDd a {
color: black;
padding: 5px 13px;
text-decoration: none;
display: block;
cursor: pointer;
}
.mainMenuDd a:hover {background-color: #007bff; color: #ffffff;}
.menuShow {display: block !important;}
.rPointing {
float: right;
}
.mainMenuDd:hover #myDropdown{
display: block !important;
}
.separator {
border-bottom: 1px solid #cccccc;
}
.linkDisable {
pointer-events: none;
cursor: default !important;
color: #9c9c9c !important;
}
.linkDisable:hover {
background-color: transparent !important;
}