/* DNA layer, javadoc layout "flex" (JDK 17): .flex-box is fixed and fills the window, the colors are fixed values in
   stylesheet.css and jquery-ui.overrides.css. The bar is fixed on top and .flex-box starts below it. */
.dna-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
.flex-box { top: var(--dna-bar-h); height: calc(100% - var(--dna-bar-h)); }
@media print { .flex-box { top: 0; height: auto; } }

body, button, dl.notes > dt { font-family: var(--dna-font); }
body { color: var(--dna-text); }
div.block, dl.notes > dd, .deprecation-block, .preview-block { font-family: var(--dna-font); }
.block { color: var(--dna-text); }
a:link, a:visited { color: var(--dna-accent-dark); }
a[href]:hover, a[href]:focus { color: var(--dna-text-strong); }
a[name] { color: var(--dna-text); }
.title { color: var(--dna-text-strong); }

.top-nav { background-color: var(--dna-nav); }
.top-nav a:hover { color: #FFFFFF; text-decoration: underline; }
.nav-bar-cell1-rev { background-color: var(--dna-accent); color: #FFFFFF; }
.sub-nav { background-color: var(--dna-soft); }
body.class-declaration-page .summary .inherited-list h2 { background-color: var(--dna-soft); border-color: var(--dna-border); }

.caption { color: var(--dna-text-strong); }
.caption span { background-color: var(--dna-accent); color: #FFFFFF; }
.caption a:link, .caption a:visited, .caption a:active { color: #FFFFFF; }
div.table-tabs > button.active-table-tab { background: var(--dna-accent); color: #FFFFFF; }
div.table-tabs > button.table-tab { background: var(--dna-tab); color: #FFFFFF; }
.table-header { background: var(--dna-soft); }
.odd-row-color, .odd-row-color .table-header { background-color: var(--dna-softer); }

.ui-autocomplete-category { background-color: var(--dna-nav); }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { background: var(--dna-accent); border: 1px solid var(--dna-accent); color: #FFFFFF; }