.mibig-gf-evidence-S { color: #000; background-color: gray; padding: 3px; border-radius: 6px; }

.mibig-gf-evidence-O { color: #000; background-color: burlywood; padding: 3px; border-radius: 6px; }

.mibig-gf-evidence-H { color: #000; background-color: pink; padding: 3px; border-radius: 6px; }

.mibig-gf-evidence-K { color: #000; background-color: greenyellow; padding: 3px; border-radius: 6px; }

.mibig-gf-evidence-A { color: #000; background-color: goldenrod; padding: 3px; border-radius: 6px; }

.serif, .clusterblast-locustag, .jsdomain-orflabel, .generic-domain-orflabel, .svgene-locustag, .cc-svg-locustag { font-family: "Courier New", serif; }

body { font-family: Helvetica, Verdana, Tahoma, Sans-Serif; color: #555; background-color: white; text-align: left; margin: 0; padding: 0; }

a, .clipboard-copy, .link-like { text-decoration: none; background-color: rgba(225, 225, 225, 0.9); border-radius: 2px; color: black; cursor: pointer; padding-right: 0.3em; padding-left: 0.3em; font-size: 95%; /* just enough to have background between links in text */ }

a:active, .clipboard-copy:active, .link-like:active { color: #006CA2; }

a:hover, .clipboard-copy:hover, .link-like:hover { text-decoration: underline; }

a:link, .clipboard-copy:link, .link-like:link { color: #1d1414; }

a:visited, .clipboard-copy:visited, .link-like:visited { color: #1d1414; }

.regbutton a { background: none; }

dd { margin-left: 1.5em; }

.white { color: white; }

.icons { margin-top: 1em; }

.as-icon-active { box-shadow: 0 3px 6px rgba(255, 255, 255, 0.4), inset 0 -3px 3px rgba(255, 255, 255, 0.6); }

nav { display: flex; justify-content: space-between; padding-bottom: 0.25em; border-bottom: 2px solid #0078B8; background-image: linear-gradient(to bottom, #5e5e5e 0%, #444 100%); background-repeat: repeat-x; color: #e1e1e1; font-size: 14px; border-bottom: 4px solid #006CA2; height: 50px; }

nav a { background: none; color: #e1e1e1; }

nav a:visited, nav a:link { color: #e1e1e1; }

nav a:hover { color: white; text-decoration: none; }

nav .main-link { font-size: 18px; padding-right: 15px; }

nav .main-link div { display: block; float: left; padding-left: 15px; padding-top: 9px; line-height: 200%; }

nav .ancillary-links { display: block; padding-right: 15px; padding-top: 15px; }

nav .ancillary-links .ancillary-link { display: block; position: relative; float: left; }

nav .ancillary-links .ancillary-link a { padding-left: 2em; }

nav .ancillary-links .ancillary-link a img { height: 1em; }

nav .pending-warning { font-size: 200%; padding-top: 5px; line-height: 200%; color: orange; font-weight: bold; }

nav .custom-description { font-size: 90%; padding-top: 15px; line-height: 200%; }

.footer { padding-top: 0.25em; border-top: 1px solid #0078B8; display: flex; justify-content: center; }

.footer .container { display: flex; justify-content: space-between; }

.footer .container .cite-me { margin-top: 1em; margin-left: 1em; height: 1.5em; background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-repeat: repeat-x; border-color: #dcdcdc; border-radius: 4px; padding: 19px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }

.antismash-logo { float: left; }

.antismash-title { margin: 1em 1em 0px 1em; float: left; }

.antismash-title a { color: white; font-size: 120%; font-weight: 600; }

.antismash-title a:hover { text-decoration: none; }

.arrow-left { width: 0; height: 0; cursor: pointer; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-right: 1.2em solid #006CA2; }

.arrow-left:hover { border-right-color: #008bd0; }

.arrow-right { width: 0; height: 0; cursor: pointer; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 1.2em solid #006CA2; }

.arrow-right:hover { border-right-color: #008bd0; }

#icons { margin-top: 2em; float: left; font-size: 0.9em; min-height: 1.1em; overflow: visible; }

#downloadmenu { border: 1px solid black; background-color: white; display: none; position: absolute; width: 20%; }

#downloadoptions { list-style-type: none; padding: 0 0 0 0.2em; }

#downloadoptions li { margin: 0; }

#buttons { padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; overflow: hidden; }

#region-type { margin-left: 0.5em; }

.page { overflow: hidden; }

.page h3, .page .heading { font-size: 90%; background-color: #006CA2; color: white; margin: 0.1em 0 0.4em 0.1em; padding-left: 0.5em; height: 1.55em; line-height: 1.55em; vertical-align: middle; }

.page .heading { font-weight: 600; margin-left: 0; margin-top: 0; }

.no-results { text-align: center; padding: 1em 0; font-weight: 600; background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-repeat: repeat-x; border-color: #dcdcdc; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }

.focus-panel { display: block; border-left: 2px solid #006CA2; padding-bottom: 1em; }

.sidepanel { display: block; border-left: 2px solid #006CA2; }

.structure img { display: inline-block; width: 80%; height: auto; }

.modal-container { display: none; position: absolute; z-index: 2; /* keep on top of any open help tooltips */ padding-top: 5%; padding-left: 10%; padding-bottom: 100%; left: 0; top: 0; width: 90%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.modal-container .modal-content { position: relative; }

.modal-container .smiles-canvas-modal { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; height: 80%; width: 80%; }

.structure-link { display: inline-block; text-align: center; width: 100%; }

.as-structure-warning { font-size: 90%; }

.prediction-text { font-size: 75%; margin-left: 0.5em; }

.content { display: block; }

.region-type { margin: 0 0 0 0.5em; padding: 0; }

.region-svg-container { margin: 0 2% 0 2%; }

#regionbuttons { display: flex; margin: 0 0.5em 0 0.5em; padding: 0; min-height: 1.1em; }

#regionbuttons a { background: none; }

#regionbuttons a:hover { text-decoration: none; }

#regionbuttons .regbutton { margin: 0; margin-right: 0.2em; margin-bottom: 0.2em; border-radius: 0.5em; padding: 0.25em; min-width: 3em; text-align: center; vertical-align: middle; line-height: 1.3em; height: 1.3em; }

#regionbuttons li.active { padding: 0.14em; }

.dha { font-weight: 600; color: mediumseagreen; }

.dhb { font-weight: 600; color: mediumorchid; }

.cys { font-weight: 600; color: royalblue; }

.macrolactam { font-weight: 600; color: red; }

.cut { font-weight: 600; color: purple; }

.separator-text { font-size: 80%; padding-top: 1em; }

.description-text, .alt-weight-desc, .alt-weight-n, .cluster-rules-header { font-size: 85%; }

.alt-weight-n { padding-left: 2.5em; }

.region-download { font-size: 75%; float: right; padding: 5px; margin-right: 20px; border-radius: 5px; background-color: #eee; }

.cluster-rules { font-size: 75%; display: none; border: 1px solid slategray; background-color: #ddd; }

.description-container { margin-left: 0.5em; }

.contig-edge-warning { font-size: 75%; font-weight: 600; float: right; color: black; background-color: orange; padding: 5px; margin-right: 20px; border-radius: 5px; }

table { border-collapse: collapse; }

.overview-layout { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-left: 0.5em; }

.overview-layout .overview-switches { padding-left: 0.5em; padding-right: 0.5em; min-width: 10em; }

table.region-table { padding: 0; }

table.region-table th { margin: 0.2em 0.5em; padding: 0 0.5em; }

table.region-table .even { background-color: #f1f1f1; }

table.region-table td { margin: 0.2em 0.5em; padding: 0.2em 0.5em; }

table.region-table .digits { text-align: right; }

table.region-table .linked-row { cursor: pointer; }

.record-overview-header { background-color: #ddd; padding-top: 0.5em; }

.record-overview-details { padding-left: 1em; padding-bottom: 1em; margin-top: 0.5em; }

.tooltip, .simple-tooltip .simple-tooltip-text, .help-container .help-tooltip, .help-container-inline .help-tooltip, .clusterblast-tooltip, .jsdomain-tooltip, .generic-domain-tooltip { /* match style of nav */ background-image: linear-gradient(to bottom, #5e5e5e 0%, #444 100%); background-repeat: repeat-x; color: #e1e1e1; font-weight: normal; display: none; border-radius: 0.2em; width: 35vw; padding: 0.5em; /* start halfway down and keep to the left of the container */ position: absolute; top: 50%; right: 105%; z-index: 1; /* otherwise switches and other ':after' styles can display on top */ }

.similarity-text { color: #1d1414; }

.svgene-type-other { fill: gray; stroke: black; }

.svgene-type-biosynthetic { fill: #810e15; stroke: black; }

.svgene-type-biosynthetic-additional { fill: #f16d75; stroke: black; }

.svgene-type-transport { fill: cornflowerblue; stroke: black; }

.svgene-type-regulatory { fill: seagreen; stroke: black; }

.svgene-resistance { fill: #bbb; }

.svgene-tta-codon { fill: #444; }

.cluster-line, .centerline { stroke-width: 1px; stroke: #888; }

.svgene-locustag, .cc-svg-locustag { fill: #006CA2; display: none; font-size: 85%; }

.svgene-locustag-background { fill: white; }

.cluster-core { stroke: black; stroke-width: 1px; fill: white; }

.svgene-border-cassis .cluster-core { stroke: black; stroke-width: 1px; fill: wheat; }

.svgene-orf, .svgene-minimap-orf { stroke-width: 0; }

.svgene-selected-orf-border { stroke: #000; stroke-width: 1px; fill: none; }

.legend-items, .zoom-buttons { display: flex; justify-content: center; }

.button-like, .biosynthesis-paths .biosynthesis-product .show-structure-button { display: flex; align-items: center; border: 1px solid lightgrey; border-radius: 0.5em; margin-left: 1em; padding: 0.5em; padding-top: 0.3em; box-shadow: inset 0 -2px 2px grey; cursor: default; font-size: 80%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.button-like:hover, .biosynthesis-paths .biosynthesis-product .show-structure-button:hover { background-color: #fcfcfc; box-shadow: inset 0 2px 5px grey; }

.button-like:active, .biosynthesis-paths .biosynthesis-product .show-structure-button:active { background-color: #eee; box-shadow: inset 0 2px 5px grey; }

.button-like *, .biosynthesis-paths .biosynthesis-product .show-structure-button * { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.button-like img, .biosynthesis-paths .biosynthesis-product .show-structure-button img { height: 1.5em; padding-right: 0.5em; }

.legend-selected { background-color: #eee; box-shadow: inset 0 2px 5px grey; }

.legend-selector * { cursor: default; }

.legend-selector-static { display: flex; align-items: center; border: 1px solid lightgrey; border-radius: 0.5em; margin-left: 1em; padding: 0.5em; padding-top: 0.3em; cursor: default; font-size: 80%; }

.legend-selector-static * { cursor: default; }

.legend-type-other { background-color: gray; }

.legend-type-biosynthetic { background-color: #810e15; }

.legend-type-biosynthetic-additional { background-color: #f16d75; }

.legend-type-transport { background-color: cornflowerblue; }

.legend-type-regulatory { background-color: seagreen; }

.legend-border-cassis { background-color: wheat; }

.legend-tta-codon { background-color: #444; }

.legend-resistance { background-color: #bbb; }

.legend { margin-bottom: 0.5em; margin-left: 0.5em; }

.legend h4 { margin-bottom: 0.5em; }

.legend-symbol, .legend-field { float: left; width: 1em; height: 1em; margin-right: 0.25em; }

.legend-field { border: 1px solid black; }

.legend-label { float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.zoom-button { background-color: white; border: 1px solid lightgrey; border-radius: 0.5em; box-shadow: inset 0 -2px 2px grey; font-size: 80%; margin-left: 1em; padding: 0.5em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.zoom-button:hover { background-color: #fcfcfc; box-shadow: inset 0 2px 5px grey; }

.zoom-button:active { background-color: #eee; box-shadow: inset 0 2px 5px grey; }

.details-text { padding-bottom: 0.5em; }

.details-svg { margin: 0 2%; margin-top: 2px; }

.jsdomain-line, .generic-domain-line { stroke-width: 1px; stroke: #888; }

.jsdomain-orflabel, .generic-domain-orflabel { font-size: 75%; fill: #444; cursor: pointer; }

.jsdomain-tooltip, .generic-domain-tooltip { font-size: 90%; }

.jsdomain-text, .generic-domain-text, .jsdomain-module-lid text, .jsdomain-match { pointer-events: none; }

.jsdomain-match { font-size: 70%; }

.jsdomain-module { fill: rgba(200, 200, 200, 0.5); stroke-width: 1px; stroke: #000; }

.jsdomain-incomplete-module { stroke-dasharray: 4 4; }

.jsdomain-module-lid { opacity: 1; transition: opacity 1s; }

.jsdomain-module-lid:hover { opacity: 0; transition: opacity 0s; }

.jsdomain-module-lid .jsdomain-module-lid-body { filter: url(#inset-shadow); stroke-width: 0px; fill: #f0f0f0; }

.jsdomain-svg, .generic-domain-svg { margin-bottom: -5px; }

.jsdomain-svg-single, .generic-domain-svg-single { margin-bottom: -3px; }

.jsdomain-adenylation { stroke: #571680; fill: #bc7ff5; }

.jsdomain-transport { stroke: #0b4ec7; fill: #81bef7; }

.jsdomain-condensation, .jsdomain-epimerase { stroke: #3b3b8c; fill: #8181f7; }

.jsdomain-docking { stroke: #47479f; fill: #8080f5; }

.jsdomain-terminal { stroke: #770374; fill: #f5c4f2; }

.jsdomain-ketosynthase { stroke: #09b309; fill: #81f781; }

.jsdomain-acyltransferase { stroke: #dd0606; fill: #f78181; }

.jsdomain-mod-dh { stroke: #ba670f; fill: #f7be81; }

.jsdomain-mod-er { stroke: #0ca189; fill: #81f7f3; }

.jsdomain-mod-kr { stroke: #0aa04c; fill: #80f680; }

.jsdomain-mod-sh { stroke: gold; fill: yellow; }

.jsdomain-other { stroke: #939393; fill: #dadada; }

.generic-domain-domain { stroke: #323232; }

rect.generic-type-other { fill: #dadada; }

rect.generic-type-biosynthetic { fill: #f0a1a1; }

text.generic-type-biosynthetic { fill: #333; }

rect.generic-type-regulatory { fill: #6cbc9c; }

text.generic-type-regulatory { fill: #333; }

rect.generic-type-transport { fill: #7aaaff; }

.clusterblast-locustag { fill: #006CA2; display: none; font-size: 80%; position: absolute; }

.clusterblast-tooltip { font-size: 90%; }

.clusterblast-acc, .clusterblast-desc { fill: #006CA2; font-size: 80%; font-family: Verdana, Tahoma, Sans-Serif; }

.clusterblast-desc { font-size: 75%; }

.clusterborderlabel { font-size: 25%; }

#footer { border-top: 2px solid #006CA2; }

#logos { float: left; padding-left: 0.5em; margin-top: 5px; }

#logos img { padding-right: 25px; }

#logo-table tr td { height: 50px; padding: 5px; }

#copyright { font-size: 60%; float: right; width: 40%; margin-right: 1.5em; padding: 0.5em; }

.collapser { border: none; display: inline; border-radius: 50%; }

.collapser:before { background-size: 1.1em 1.1em; height: 1.1em; width: 1.1em; background-repeat: no-repeat; display: inline-block; margin-left: 0.5em; content: ''; background-image: url(../images/plus-circle.svg); }

.expanded:before { background-size: 1.1em 1.1em; height: 1.1em; width: 1.1em; background-repeat: no-repeat; display: inline-block; margin-left: 0.5em; content: ''; background-image: url(../images/minus-circle.svg); }

.external-link:after { background-size: 1.1em 1.1em; height: 1.1em; width: 1.1em; background-repeat: no-repeat; display: inline-block; margin-left: 0.5em; content: ''; font-size: 75%; background-image: url(../images/external-link-alt-solid.svg); }

.collapser-content { display: none; padding-left: 1em; }

.candidate-hybrid rect { fill: #282268; }

.candidate-hybrid text { fill: lightgrey; }

.candidate-interleaved rect { fill: #4b4596; }

.candidate-interleaved text { fill: lightgrey; }

.candidate-neighbouring rect { fill: #8680cc; }

.candidate-neighbouring text { fill: #ddd; }

.candidate-single rect { fill: #c6c1f5; }

.candidate-single text { fill: black; }

ul.dropdown-options { display: none; position: relative; top: -55px; padding: 70px 0 0 0; margin: 0; }

ul.dropdown-options:hover { display: block; }

ul.dropdown-options li { background-image: linear-gradient(to bottom, #5e5e5e 0%, #444 100%); background-repeat: repeat-x; padding: 10px; list-style: none; }

ul.dropdown-options li:hover { cursor: pointer; }

.dropdown-menu { text-align: right; z-index: 1; }

.dropdown-menu:active ul { display: block; }

.dropdown-menu:active #download-dropdown-link { display: block; }

.body-details-headers, .sidepanel-details-headers { display: flex; flex-wrap: wrap; margin-left: 0.5em; }

.body-details-headers .body-details-header, .body-details-headers .sidepanel-details-header, .sidepanel-details-headers .body-details-header, .sidepanel-details-headers .sidepanel-details-header { font-size: 90%; background-color: rgba(0, 108, 162, 0.6); color: white; margin-right: 0.1em; padding-left: 0.5em; padding-right: 0.5em; /* solve edge single pixel gap */ padding-bottom: 1px; margin-bottom: -1px; border-top-left-radius: 1em; border-top-right-radius: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.body-details-headers .body-details-header:hover, .body-details-headers .sidepanel-details-header:hover, .sidepanel-details-headers .body-details-header:hover, .sidepanel-details-headers .sidepanel-details-header:hover { background-color: rgba(0, 108, 162, 0.8); }

.body-details-headers .body-details-header-active, .body-details-headers .sidepanel-details-header-active, .sidepanel-details-headers .body-details-header-active, .sidepanel-details-headers .sidepanel-details-header-active { background-color: #006CA2; }

.body-details-headers .body-details-header-active:hover, .body-details-headers .sidepanel-details-header-active:hover, .sidepanel-details-headers .body-details-header-active:hover, .sidepanel-details-headers .sidepanel-details-header-active:hover { background-color: #006CA2; }

.sidepanel-details-headers { margin-left: 0; }

.body-details-section { margin-left: 0.5em; }

.body-details-section * h3 { margin-top: 0; margin-left: 0; }

.sidepanel-details-section { margin-left: 0; }

.sidepanel-details-section * h3 { margin-top: 0; margin-left: 0; }

.nrps-pks-domain-buttons { display: flex; justify-content: space-around; }

.switch-container span.switch-desc { padding-right: 0.5em; }

.switch-container .switch { position: relative; display: inline-block; width: 2.5em; height: 1.5em; }

.switch-container .switch input { opacity: 0; width: 0; height: 0; }

.switch-container .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 1.5em; }

.switch-container .slider:before { position: absolute; content: ""; height: 80%; width: 50%; left: 10%; bottom: 10%; background-color: white; transition: .2s; border-radius: 50%; }

.switch-container input:checked + .slider { background-color: #006CA2; }

.switch-container input:checked + .slider:before { transform: translateX(60%); }

.help-container, .help-container-inline { position: relative; display: inline; float: right; }

.help-container .help-icon, .help-container-inline .help-icon { display: inline-block; float: right; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1p Y29uPSJxdWVzdGlvbi1jaXJjbGUiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1x dWVzdGlvbi1jaXJjbGUgZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDov L3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0 aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MDQgMjU2YzAgMTM2Ljk5Ny0xMTEu MDQzIDI0OC0yNDggMjQ4UzggMzkyLjk5NyA4IDI1NkM4IDExOS4wODMgMTE5LjA0 MyA4IDI1NiA4czI0OCAxMTEuMDgzIDI0OCAyNDh6TTI2Mi42NTUgOTBjLTU0LjQ5 NyAwLTg5LjI1NSAyMi45NTctMTE2LjU0OSA2My43NTgtMy41MzYgNS4yODYtMi4z NTMgMTIuNDE1IDIuNzE1IDE2LjI1OGwzNC42OTkgMjYuMzFjNS4yMDUgMy45NDcg MTIuNjIxIDMuMDA4IDE2LjY2NS0yLjEyMiAxNy44NjQtMjIuNjU4IDMwLjExMy0z NS43OTcgNTcuMzAzLTM1Ljc5NyAyMC40MjkgMCA0NS42OTggMTMuMTQ4IDQ1LjY5 OCAzMi45NTggMCAxNC45NzYtMTIuMzYzIDIyLjY2Ny0zMi41MzQgMzMuOTc2QzI0 Ny4xMjggMjM4LjUyOCAyMTYgMjU0Ljk0MSAyMTYgMjk2djRjMCA2LjYyNyA1LjM3 MyAxMiAxMiAxMmg1NmM2LjYyNyAwIDEyLTUuMzczIDEyLTEydi0xLjMzM2MwLTI4 LjQ2MiA4My4xODYtMjkuNjQ3IDgzLjE4Ni0xMDYuNjY3IDAtNTguMDAyLTYwLjE2 NS0xMDItMTE2LjUzMS0xMDJ6TTI1NiAzMzhjLTI1LjM2NSAwLTQ2IDIwLjYzNS00 NiA0NiAwIDI1LjM2NCAyMC42MzUgNDYgNDYgNDZzNDYtMjAuNjM2IDQ2LTQ2YzAt MjUuMzY1LTIwLjYzNS00Ni00Ni00NnoiPjwvcGF0aD48L3N2Zz4=") no-repeat center; /* opera, chrome, and safari */ mask: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1p Y29uPSJxdWVzdGlvbi1jaXJjbGUiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1x dWVzdGlvbi1jaXJjbGUgZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDov L3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0 aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MDQgMjU2YzAgMTM2Ljk5Ny0xMTEu MDQzIDI0OC0yNDggMjQ4UzggMzkyLjk5NyA4IDI1NkM4IDExOS4wODMgMTE5LjA0 MyA4IDI1NiA4czI0OCAxMTEuMDgzIDI0OCAyNDh6TTI2Mi42NTUgOTBjLTU0LjQ5 NyAwLTg5LjI1NSAyMi45NTctMTE2LjU0OSA2My43NTgtMy41MzYgNS4yODYtMi4z NTMgMTIuNDE1IDIuNzE1IDE2LjI1OGwzNC42OTkgMjYuMzFjNS4yMDUgMy45NDcg MTIuNjIxIDMuMDA4IDE2LjY2NS0yLjEyMiAxNy44NjQtMjIuNjU4IDMwLjExMy0z NS43OTcgNTcuMzAzLTM1Ljc5NyAyMC40MjkgMCA0NS42OTggMTMuMTQ4IDQ1LjY5 OCAzMi45NTggMCAxNC45NzYtMTIuMzYzIDIyLjY2Ny0zMi41MzQgMzMuOTc2QzI0 Ny4xMjggMjM4LjUyOCAyMTYgMjU0Ljk0MSAyMTYgMjk2djRjMCA2LjYyNyA1LjM3 MyAxMiAxMiAxMmg1NmM2LjYyNyAwIDEyLTUuMzczIDEyLTEydi0xLjMzM2MwLTI4 LjQ2MiA4My4xODYtMjkuNjQ3IDgzLjE4Ni0xMDYuNjY3IDAtNTguMDAyLTYwLjE2 NS0xMDItMTE2LjUzMS0xMDJ6TTI1NiAzMzhjLTI1LjM2NSAwLTQ2IDIwLjYzNS00 NiA0NiAwIDI1LjM2NCAyMC42MzUgNDYgNDYgNDZzNDYtMjAuNjM2IDQ2LTQ2YzAt MjUuMzY1LTIwLjYzNS00Ni00Ni00NnoiPjwvcGF0aD48L3N2Zz4=") no-repeat center; background-color: white; width: 1.3em; height: 1.3em; margin-top: 1px; margin-right: 2px; }

.help-container .help-icon:hover, .help-container-inline .help-icon:hover { background-color: #ddd; }

.help-container .help-icon:active, .help-container-inline .help-icon:active, .help-container .help-icon.active, .help-container-inline .help-icon.active { background-color: #bbb; }

.download-container { position: relative; display: block; float: right; }

.download-container .download-icon, .download-container .download-icon-inverse { display: inline-block; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1p Y29uPSJkb3dubG9hZCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWRvd25sb2Fk IGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIw MDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2MxYzFj MSIgZD0iTTIxNiAwaDgwYzEzLjMgMCAyNCAxMC43IDI0IDI0djE2OGg4Ny43YzE3 LjggMCAyNi43IDIxLjUgMTQuMSAzNC4xTDI2OS43IDM3OC4zYy03LjUgNy41LTE5 LjggNy41LTI3LjMgMEw5MC4xIDIyNi4xYy0xMi42LTEyLjYtMy43LTM0LjEgMTQu MS0zNC4xSDE5MlYyNGMwLTEzLjMgMTAuNy0yNCAyNC0yNHptMjk2IDM3NnYxMTJj MCAxMy4zLTEwLjcgMjQtMjQgMjRIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0VjM3 NmMwLTEzLjMgMTAuNy0yNCAyNC0yNGgxNDYuN2w0OSA0OWMyMC4xIDIwLjEgNTIu NSAyMC4xIDcyLjYgMGw0OS00OUg0ODhjMTMuMyAwIDI0IDEwLjcgMjQgMjR6bS0x MjQgODhjMC0xMS05LTIwLTIwLTIwcy0yMCA5LTIwIDIwIDkgMjAgMjAgMjAgMjAt OSAyMC0yMHptNjQgMGMwLTExLTktMjAtMjAtMjBzLTIwIDktMjAgMjAgOSAyMCAy MCAyMCAyMC05IDIwLTIweiI+PC9wYXRoPjwvc3ZnPgo=") no-repeat center; /* opera, chrome, and safari */ mask: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1p Y29uPSJkb3dubG9hZCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWRvd25sb2Fk IGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIw MDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2MxYzFj MSIgZD0iTTIxNiAwaDgwYzEzLjMgMCAyNCAxMC43IDI0IDI0djE2OGg4Ny43YzE3 LjggMCAyNi43IDIxLjUgMTQuMSAzNC4xTDI2OS43IDM3OC4zYy03LjUgNy41LTE5 LjggNy41LTI3LjMgMEw5MC4xIDIyNi4xYy0xMi42LTEyLjYtMy43LTM0LjEgMTQu MS0zNC4xSDE5MlYyNGMwLTEzLjMgMTAuNy0yNCAyNC0yNHptMjk2IDM3NnYxMTJj MCAxMy4zLTEwLjcgMjQtMjQgMjRIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0VjM3 NmMwLTEzLjMgMTAuNy0yNCAyNC0yNGgxNDYuN2w0OSA0OWMyMC4xIDIwLjEgNTIu NSAyMC4xIDcyLjYgMGw0OS00OUg0ODhjMTMuMyAwIDI0IDEwLjcgMjQgMjR6bS0x MjQgODhjMC0xMS05LTIwLTIwLTIwcy0yMCA5LTIwIDIwIDkgMjAgMjAgMjAgMjAt OSAyMC0yMHptNjQgMGMwLTExLTktMjAtMjAtMjBzLTIwIDktMjAgMjAgOSAyMCAy MCAyMCAyMC05IDIwLTIweiI+PC9wYXRoPjwvc3ZnPgo=") no-repeat center; background-color: white; width: 1.3em; height: 1.3em; margin-top: 1px; margin-right: 2px; cursor: pointer; }

.download-container .download-icon:hover, .download-container .download-icon-inverse:hover { background-color: #ddd; }

.download-container .download-icon:active, .download-container .download-icon-inverse:active, .download-container .download-icon.active, .download-container .active.download-icon-inverse { background-color: #bbb; }

.download-container .download-icon-inverse { width: 1em; height: 1em; background-color: #333; }

.download-container .download-icon-inverse:hover { background-color: #777; }

.download-container .download-icon-inverse:active, .download-container .download-icon-inverse.active { background-color: #777; }

.focus-panel-content { margin-left: 2em; margin-right: 2em; font-size: 0.8em; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; height: 95%; }

.region-grid { display: grid; grid-template-columns: auto 25% 0.3em; grid-gap: 1px; }

.region-grid .body-details { grid-column: span 2; }

.table-split-left { border-right: 5px solid #f1f1f1; }

.cc-heat-table { empty-cells: show; margin-bottom: 2em; }

.cc-heat-table * .cc-heat-row:hover { background: #f0f0f0; }

.cc-heat-table * th { text-align: center; vertical-align: bottom; padding-bottom: 0.5em; }

.cc-heat-table * .cc-heat-product { writing-mode: sideways-lr; text-orientation: mixed; text-align: left; cursor: pointer; }

.cc-heat-table * td { padding-left: 1em; }

.cc-heat-table * .cc-heat-cell { padding-left: 0em; width: 1.5em; height: 1.5em; }

.cc-heat-table * .cc-heat-cell span { background-color: black; display: block; }

.comparison-container { display: none; margin-top: 1em; }

.comparison-container-active { display: block; }

.bubble-legend-container { transform: scale(0.7); transform-origin: 0 0; }

#bubble-legend { display: grid; grid-template-columns: max-content auto; grid-column-gap: 1em; align-items: center; margin-left: 2em; }

#bubble-legend .bubble-legend-icon { justify-self: center; }

.bubble-legend-title { grid-column-start: span 2; font-weight: bold; margin-top: 1em; margin-left: 1em; }

.bubble-tooltip { width: max-content; padding-left: 20px; padding-right: 20px; z-index: 10; }

.bubble-domain-inactive { stroke-width: 2px; stroke: black; }

.bubble-module-line { stroke-width: 2px; stroke: black; }

.domain-bubble-container * .bubble-module-label .bubble-module-monomer { fill: #555; }

.domain-bubble-container * .domain-group .text { fill: black; font-size: 80%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.domain-bubble-container * .bubble-gene { cursor: pointer; }

.domain-bubble-container * .bubble-gene .bubble-gene-arrow { fill: black; }

.domain-bubble-container * .bubble-gene text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.domain-bubble-container * .bubble-domain-inactive { opacity: 60%; }

.help-container-inline { float: none; }

.help-container-inline .help-icon { float: none; background-color: #006CA2; }

.help-container-inline .help-tooltip { position: relative; left: 1vw; top: inherit; margin-top: 2em; text-align: center; font-size: 90%; }

.simple-tooltip { position: relative; display: inline-block; }

.simple-tooltip .simple-tooltip-text { display: block; visibility: hidden; text-align: center; width: max-content; height: max-content; top: unset; bottom: 110%; right: -100%; }

.simple-tooltip:hover .simple-tooltip-text { visibility: visible; }

.body-details { grid-column: 1 e("/") 3; }

.body-details-section { font-size: 0.8em; }

nav { height: 60px; }

.region-download { background: none; }

#header { margin-bottom: 0.5em; }

.cluster-bar-group { display: none; }

a, .compound-link, .link-like { background: none; padding: 0; color: #006CA2; }

a:link, a:visited, .compound-link:link, .compound-link:visited, .link-like:link, .link-like:visited { color: #006CA2; }

a:hover, .compound-link:hover, .link-like:hover { text-decoration: underline; }

.compound-link { cursor: pointer; }

.compound-container { width: 90%; margin: 0 auto; display: grid; grid-template-rows: 1.5em; grid-template-columns: 1fr 1fr 2fr; grid-gap: 10px; }

.compound-container:nth-child(even) { background-color: #f2f2f2; }

.compound-name { grid-column: 1 / span 2; }

.compound-structure { grid-column: 3; grid-row: 1 / span 2; }

.compound-formula { grid-column: 1; grid-row: 2; display: flex; justify-content: center; align-items: center; }

.compound-references { grid-column: 2; grid-row: 2; display: flex; justify-content: center; align-items: center; }

.references ul { list-style: none; padding: 0; }

.references .author-info { margin-left: 0.5em; }

.contributors ul, .changelog-notes ul { list-style: none; padding: 0; margin: 0; }

.contributor-id { font-family: monospace; }

.table { width: 100%; }

.table th { border-bottom: 2px solid #ddd; font-weight: bold; }

.table td { border-bottom: 1px solid #ddd; vertical-align: middle; }

.table-striped tr:nth-child(odd) { background-color: #f8f8f8; }

.table-striped tr:nth-child(even) { background-color: #f2f2f2; }

.footer .container { font-size: small; margin-top: 1em; }

.modification-warning { display: inline-block; padding-left: 2px; padding-right: 2px; border-radius: 3px; color: black; background-color: orange; }

.modification-warning .collapser-content { font-size: 80%; }

.icon { height: 1em; width: 1em; }

.history { display: grid; grid-template-columns: 2em auto auto auto auto; padding-bottom: 2em; }

.history .release-line { padding-left: 1em; grid-column-start: 1; grid-column-end: 6; }

.history .release-line h4 { margin-bottom: 0.5em; }

.history .border { height: 2px; background-color: #ddd; grid-column-start: 1; grid-column-end: 6; }

.history .striped { background-color: #f8f8f8; }

.history .entry-header { font-weight: bold; vertical-align: middle; min-height: 1em; }

.history .entry-date { font-weight: bold; padding-left: 1em; }

.loci-grid { display: grid; grid-template-columns: fit-content(20%) fit-content(30%) 1fr; width: 50%; }

.biosynthesis-section { margin-bottom: 2em; }

.biosynthesis-paths { margin-left: 5%; width: 80%; }

.biosynthesis-paths .biosynthesis-product { padding: 1em; border: 1px solid #0078B8; border-radius: 1em; min-width: 20%; width: fit-content; max-width: 50%; min-height: 8em; height: 100%; float: left; margin: 1em; }

.biosynthesis-paths .biosynthesis-product .biosynthesis-product-name { font-weight: bold; font-size: 150%; float: left; margin-bottom: 0.5em; }

.biosynthesis-paths .biosynthesis-product .biosynthesis-clear { clear: both; padding-bottom: 0.2em; }

.biosynthesis-paths .biosynthesis-product .biosynthesis-path-header { font-weight: bold; }

.biosynthesis-paths .biosynthesis-product .show-structure-button { float: right; font-size: 100%; }

.biosynthesis-paths .biosynthesis-product .biosynthesis-bool { float: left; margin-right: 1em; display: block; background-color: #006CA2; color: white; font-weight: bold; border-radius: 1em; width: 5em; padding: 0.5em; }

.biosynthesis-modules { margin-bottom: 3em; margin-left: 5%; width: 80%; clear: both; }

.module-grid { display: grid; width: 100%; grid-template-areas: "name-header type-header    genes-header  substrates-header integrated-header" "name-block  type-block     genes-block   substrates-block  integrated-block" "name-block  domains-header domains-block domains-block     domains-block"; background-color: #aeaeae; grid-gap: 1px; padding: 2px; margin-top: -1px; grid-template-columns: 20em 20em 1fr 1fr 1fr; }

.module-grid div { background-color: white; padding-left: 1em; }

.module-grid .module-header { text-align: center; font-weight: bold; margin-bottom: 1px; }

.module-grid .name-header { grid-area: name-header; padding-left: 0; }

.module-grid .name-block { grid-area: name-block; font-weight: bold; padding-left: unset; /* centering the name needs some workarounds, so fake a single-celled table so that we can use 'vertical-align' */ }

.module-grid .name-block div { display: table; height: 100%; width: 100%; padding: 0; }

.module-grid .name-block div div { display: table-cell; height: 100%; width: 100%; text-align: center; vertical-align: middle; padding: 0; }

.module-grid .type-header { grid-area: type-header; }

.module-grid .type-block { grid-area: type-block; text-align: center; padding-bottom: 0.5em; padding-top: 0.5em; }

.module-grid .genes-header { grid-area: genes-header; }

.module-grid .genes-block { grid-area: genes-block; padding-bottom: 0.5em; padding-top: 0.5em; }

.module-grid .substrates-header { grid-area: substrates-header; }

.module-grid .substrates-block { grid-area: substrates-block; padding-bottom: 0.5em; padding-top: 0.5em; }

.module-grid .integrated-header { grid-area: integrated-header; }

.module-grid .integrated-block { grid-area: integrated-block; padding-bottom: 0.5em; padding-top: 0.5em; }

.module-grid .domains-header { grid-area: domains-header; margin-bottom: 0; margin-top: 1px; padding-bottom: 0.5em; padding-top: 0.5em; }

.module-grid .domains-block { grid-area: domains-block; margin-top: 1px; padding-bottom: 0.5em; padding-top: 0.5em; }

.operons-body .operon-items { border-collapse: separate; border-spacing: 2rem 0; }
