/* Generated by VbcProteomicsPublicWebsiteManager. No JavaScript: toggles are hidden checkboxes and radio
   buttons, the FAQ answers and the screenshot popup open as :target. */

/* menu: hamburger (narrow screens) and the dropdown, both checkbox toggles; the dropdown also opens on hover */
.css-toggle { position: absolute; opacity: 0; pointer-events: none; }
label.navbar-toggler { margin: 0; cursor: pointer; }
.navbar-toggleable-md .css-toggle:checked ~ .navbar-collapse { display: block; }
label.dropdown-toggle { margin: 0; cursor: pointer; }
.nav-item.dropdown .css-toggle:checked ~ .dropdown-menu { display: block; }
.nav-item.dropdown:focus-within > .dropdown-menu { display: block; }
@media (min-width: 992px) {
    .nav-item.dropdown:hover > .dropdown-menu { display: block; }
}

/* tabs */
.css-tab { position: absolute; opacity: 0; pointer-events: none; }
label.nav-link { cursor: pointer; margin-bottom: -1px; color: #0275d8; }
label.nav-link:hover { color: #014c8c; }
.tab-content > .tab-pane { display: none; }
input.css-tab:nth-of-type(1):checked ~ .tab-content > .tab-pane:nth-of-type(1) { display: block; }
input.css-tab:nth-of-type(1):checked ~ .nav-tabs > .nav-item:nth-of-type(1) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(2):checked ~ .tab-content > .tab-pane:nth-of-type(2) { display: block; }
input.css-tab:nth-of-type(2):checked ~ .nav-tabs > .nav-item:nth-of-type(2) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(3):checked ~ .tab-content > .tab-pane:nth-of-type(3) { display: block; }
input.css-tab:nth-of-type(3):checked ~ .nav-tabs > .nav-item:nth-of-type(3) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(4):checked ~ .tab-content > .tab-pane:nth-of-type(4) { display: block; }
input.css-tab:nth-of-type(4):checked ~ .nav-tabs > .nav-item:nth-of-type(4) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(5):checked ~ .tab-content > .tab-pane:nth-of-type(5) { display: block; }
input.css-tab:nth-of-type(5):checked ~ .nav-tabs > .nav-item:nth-of-type(5) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(6):checked ~ .tab-content > .tab-pane:nth-of-type(6) { display: block; }
input.css-tab:nth-of-type(6):checked ~ .nav-tabs > .nav-item:nth-of-type(6) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(7):checked ~ .tab-content > .tab-pane:nth-of-type(7) { display: block; }
input.css-tab:nth-of-type(7):checked ~ .nav-tabs > .nav-item:nth-of-type(7) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(8):checked ~ .tab-content > .tab-pane:nth-of-type(8) { display: block; }
input.css-tab:nth-of-type(8):checked ~ .nav-tabs > .nav-item:nth-of-type(8) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(9):checked ~ .tab-content > .tab-pane:nth-of-type(9) { display: block; }
input.css-tab:nth-of-type(9):checked ~ .nav-tabs > .nav-item:nth-of-type(9) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(10):checked ~ .tab-content > .tab-pane:nth-of-type(10) { display: block; }
input.css-tab:nth-of-type(10):checked ~ .nav-tabs > .nav-item:nth-of-type(10) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(11):checked ~ .tab-content > .tab-pane:nth-of-type(11) { display: block; }
input.css-tab:nth-of-type(11):checked ~ .nav-tabs > .nav-item:nth-of-type(11) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
input.css-tab:nth-of-type(12):checked ~ .tab-content > .tab-pane:nth-of-type(12) { display: block; }
input.css-tab:nth-of-type(12):checked ~ .nav-tabs > .nav-item:nth-of-type(12) > .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; }
/* a link to a tab (#id) opens that tab instead */
.tab-content:has(> .tab-pane:target) > .tab-pane { display: none; }
.tab-content > .tab-pane:target { display: block; }

/* collapsible answers (FAQ): closed until linked */
.collapse:target { display: block; }

/* screenshot popup */
.css-lightbox { display: none; }
.css-lightbox:target { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000;
    align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.8); cursor: zoom-out; }
.css-lightbox img { max-width: 95vw; max-height: 95vh; }

.withdrawn small { color: #6c757d; }