/* Dark mode for the Aperture skin. The head script in partials/_includes.ascx sets data-theme from localStorage.euclidTheme, the same key CVWeb uses. */
/* #Body matches the portal CSS, which scopes its overrides the same way. */

html[data-theme="dark"] { color-scheme: dark; }

/* A frame whose color-scheme differs from its iframe gets an opaque backdrop. CVWeb frames that go dark set theirs to dark. */
html[data-theme="dark"] #Body iframe { color-scheme: light; }
html[data-theme="dark"] #Body { color: #DDE1E4; background-color: #15181B; }
html[data-theme="dark"] #Body .aperture-main .Normal { color: #DDE1E4; }
html[data-theme="dark"] #Body .aperture-main :is(h1, h2, h3, h4, h5, h6) { color: #F1F3F5; }
html[data-theme="dark"] #Body .aperture-main a:not([class*="btn"], [class*="Action"]) { color: #7CCB63; }
html[data-theme="dark"] #Body .aperture-main a:not([class*="btn"], [class*="Action"]):hover { color: #95D980; }
html[data-theme="dark"] #Body .aperture-main :is(input[type="text"], input[type="password"], input[type="email"], textarea, select) { color: #DDE1E4; background: #252A2F; border-color: #343A40; }
html[data-theme="dark"] #Body :is(pre, code, kbd) { color: #DDE1E4; background: #252A2F; border-color: #343A40; box-shadow: none; }

/* Header and footer, in the greens of the dark CVWeb header */
html[data-theme="dark"] #Body .aperture-header { box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .6); }
html[data-theme="dark"] #Body .aperture-header .eyebrow-bar { background-image: linear-gradient(to right, #0B5E3F 0%, #2F6B24 100%); }
html[data-theme="dark"] #Body .aperture-header .logo-menu-bar { background-color: #1D2125; }
html[data-theme="dark"] #Body #nav-desktop > li > a { color: #DDE1E4; }
html[data-theme="dark"] #Body :is(#nav-desktop > li:hover > a, #nav-desktop > li.selected > a) { color: #FFFFFF; }
html[data-theme="dark"] #Body #nav-desktop > li > ul { background: #1D2125; }
html[data-theme="dark"] #Body #nav-desktop > li > ul a { color: #DDE1E4; }
html[data-theme="dark"] #Body #menuToggle > span { background: #DDE1E4; }
html[data-theme="dark"] #Body #nav-mobile.nav-drill, html[data-theme="dark"] #Body #nav-mobile .nav-link { color: #DDE1E4; background: #1D2125; }
html[data-theme="dark"] #Body #nav-mobile.nav-drill { box-shadow: -1px 0 0 #343A40; }
html[data-theme="dark"] #Body #nav-mobile .nav-link:is(:hover, :focus) { color: #FFFFFF; background: #252A2F; }
html[data-theme="dark"] #Body .aperture-footer { background-image: linear-gradient(to right bottom, #0B5E3F 0%, #2F6B24 60%); }

/* The banner SVG has a white wedge that only blends into a white page */
html[data-theme="dark"] #Body .euclid-dnn-hero { background: linear-gradient(to right bottom, #0B5E3F 0%, #2F6B24 60%); }
html[data-theme="dark"] #Body .euclid-dnn-hero a { color: #FFFFFF; }
html[data-theme="dark"] #Body .home01-banner .banner-bg { background: linear-gradient(to right bottom, #0B5E3F 0%, #2F6B24 60%); }
html[data-theme="dark"] #Body .home01-banner .banner-bg::after, html[data-theme="dark"] #Body .euclid-dnn-hero::before { content: none; }
html[data-theme="dark"] #Body .home01-banner .banner-link a { color: #FFFFFF; }
html[data-theme="dark"] #Body .home01-banner .banner-link a:hover { color: #2F6B24; }

/* Portal content blocks */
html[data-theme="dark"] #Body :is(.dnnLogin .LoginPanel, .euclid-step, .euclid-flow li, .euclid-accordion details, .euclid-sidenav-menu) { background: #1D2125; border-top-color: #343A40; border-right-color: #343A40; border-bottom-color: #343A40; }
html[data-theme="dark"] #Body :is(.dnnLogin .LoginPanel, .euclid-sidenav-menu) { border-top-color: #62BB46; border-left-color: #343A40; }
html[data-theme="dark"] #Body :is(.euclid-demo, .euclid-contact, .euclid-info-card, .euclid-callout, .euclid-flow .euclid-flow-key, .euclid-chips li, .euclid-features-list li .fa, .euclid-sidenav li a:hover, .euclid-sidenav li.selected > a) { background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-note { background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-note-warning { background: #2B2417; }
html[data-theme="dark"] #Body .euclid-note-danger { background: #2E1A1A; }
html[data-theme="dark"] #Body .euclid-badge { color: #7CCB63; background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-badge-warning { color: #F2C66D; background: #2B2417; }
html[data-theme="dark"] #Body .euclid-doc mark:not(pre mark) { color: #F1F3F5; background: #4A3F1A; }
html[data-theme="dark"] #Body .euclid-doc .euclid-key { color: #7CCB63; }
html[data-theme="dark"] #Body .euclid-doc .euclid-key span, html[data-theme="dark"] #Body .euclid-table .text-muted.small { color: #9AA3AB; }
html[data-theme="dark"] #Body .euclid-since { color: #C9D1D7; background: #252A2F; }
html[data-theme="dark"] #Body .euclid-az a { color: #7CCB63; background: #1D2A20; border-color: #2E4430; }
html[data-theme="dark"] #Body .euclid-az a:hover, html[data-theme="dark"] #Body .euclid-az a:focus { color: #15181B; background: #7CCB63; border-color: #7CCB63; }
html[data-theme="dark"] #Body .euclid-table-settings tr:target td { background: #2B2417; }
html[data-theme="dark"] #Body .euclid-step-muted { background: #252A2F; }
html[data-theme="dark"] #Body .euclid-table tbody tr:nth-child(even) td { background: #1D2125; }
html[data-theme="dark"] #Body :is(.euclid-table-wrap, .euclid-table, .euclid-table th, .euclid-table td) { border-color: #343A40; }
html[data-theme="dark"] #Body :is(.euclid-btn-outline, .btn-group-justified .btn) { background: transparent; }
html[data-theme="dark"] #Body :is(.euclid-features-list li, .euclid-contact-label, .euclid-callout strong, .euclid-flow strong, .euclid-table td:first-child, .euclid-accordion summary, .euclid-chips li, .euclid-note strong, .euclid-sidenav li a, .euclid-sidenav li.breadcrumb > a, .dnnLogin .LoginPanel .dnnFormItem .dnnFormLabel, .aperture-content-pane ul.list-unstyled > li strong) { color: #DDE1E4; }
html[data-theme="dark"] #Body .dnnLogin .LoginPanel::before { color: #F1F3F5; }
html[data-theme="dark"] #Body :is(.euclid-flow span, .euclid-intro .euclid-intro-note, .aperture-content-pane ul.list-unstyled > li.text-muted, .euclid-doc-updated, .aperture-content-pane h5:has(> .text-success)) { color: #9AA3AB; border-color: #343A40; }
html[data-theme="dark"] #Body .aperture-content-pane h5 > .text-success { background: #1D2A20; }
html[data-theme="dark"] #Body .dnnLogin .LoginPanel .dnnFormItem :is(input[type="text"], input[type="password"]) { color: #DDE1E4; background: #252A2F; border-color: #343A40; }

/* Terms, Privacy and module 4072 set their text colours with !important */
html[data-theme="dark"] #Body :is(#dnn_ctr4071_HtmlModule_lblContent, #dnn_ctr3926_HtmlModule_lblContent) :is(p, li, td, b) { color: #DDE1E4 !important; }
html[data-theme="dark"] #Body :is(#dnn_ctr4071_HtmlModule_lblContent .WordSection1 > p:first-child, #dnn_ctr4071_HtmlModule_lblContent .WordSection1 > p:first-child *, #dnn_ctr3926_HtmlModule_lblContent h2, #dnn_ctr3926_HtmlModule_lblContent h2 *) { color: #F1F3F5 !important; }
html[data-theme="dark"] #Body #dnn_ctr3926_HtmlModule_lblContent tr:first-child td { background-color: #1D2A20 !important; }
html[data-theme="dark"] #Body #dnn_ctr3926_HtmlModule_lblContent td { border-color: #343A40 !important; }
html[data-theme="dark"] #Body #dnn_ctr4072_HtmlModule_lblContent > div { background: #1D2A20 !important; }
html[data-theme="dark"] #Body #dnn_ctr4072_HtmlModule_lblContent p { color: #DDE1E4 !important; }

/* DNN login tabs */
html[data-theme="dark"] #Body .dnnLogin .LoginTabGroup span.LoginTabSelected { color: #DDE1E4; background: #1D2125; border-color: #343A40; }
html[data-theme="dark"] #Body .LoginTabGroup { border-color: #343A40; }

/* portal.css deepens the brand greens for white pages. Text in those greens goes back to the light link green here. */
html[data-theme="dark"] #Body :is(.euclid-intro-eyebrow, .euclid-demo-eyebrow, .euclid-table-3 td:nth-child(2), .euclid-sidenav-title, .aperture-content-pane h5 > .text-success, .dnnLogin .dnnLoginActions a.dnnSecondaryAction, .euclid-tier-link):not(.euclid-dnn-hero *) { color: #7CCB63; }
html[data-theme="dark"] #Body :is(.euclid-btn-outline, .btn-group-justified .btn):not(:hover, :focus, .euclid-dnn-hero *) { color: #7CCB63; }
html[data-theme="dark"] #Body .dnnLogin .loginContent::before, html[data-theme="dark"] #Body .euclid-doc-list li::marker { color: #7CCB63; }
html[data-theme="dark"] #Body :is(#dnn_ctr4071_HtmlModule_lblContent, #dnn_ctr3926_HtmlModule_lblContent) { --dnn-color-primary-dark: #7CCB63; }
html[data-theme="dark"] #Body .euclid-sidenav-menu > ul { scrollbar-color: rgba(124, 203, 99, .45) transparent; }
html[data-theme="dark"] #Body .euclid-sidenav-menu > ul::before { background: rgba(124, 203, 99, .45); }
html[data-theme="dark"] #Body .euclid-sidenav-menu > ul:is(:hover, :focus-within)::before { background: #7CCB63; }
html[data-theme="dark"] #Body .euclid-vflow-step { background: #1D2125; border-color: #343A40; border-left-color: #3A7D28; }
html[data-theme="dark"] #Body .euclid-vflow-start { border-left-color: #E9AD00; }
html[data-theme="dark"] #Body .euclid-vflow-no .euclid-vflow-step { border-left-color: #C9302C; }
html[data-theme="dark"] #Body .euclid-vflow-end { background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-vflow-step strong { color: #DDE1E4; }
html[data-theme="dark"] #Body .euclid-vflow-step span, html[data-theme="dark"] #Body .euclid-vflow-label { color: #7CCB63; }
html[data-theme="dark"] #Body .euclid-vflow-label { background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-vflow-no .euclid-vflow-label { color: #F2A19E; background: #2E1A1A; }
html[data-theme="dark"] #Body :is(.euclid-vflow-branch, .euclid-vflow-path)::before { background: #4A525A; }
html[data-theme="dark"] #Body .euclid-vflow-loop { color: #C9D1D7; border-color: #4A525A; }
html[data-theme="dark"] #Body .euclid-muted { color: #9AA3AB; }
html[data-theme="dark"] #Body .euclid-links-card { background: #1D2125; border-color: #343A40; border-top-color: #3A7D28; box-shadow: none; }
html[data-theme="dark"] #Body .euclid-links-card h3, html[data-theme="dark"] #Body .euclid-links-card a, html[data-theme="dark"] #Body .euclid-links-card a:visited { color: #7CCB63; }
html[data-theme="dark"] #Body .euclid-links-card li { border-top-color: #343A40; }
html[data-theme="dark"] #Body .euclid-links-card p { color: #9AA3AB; }
html[data-theme="dark"] #Body .euclid-links-note { background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-step-body a.euclid-btn-outline { color: #7CCB63; }

html[data-theme="dark"] #Body .euclid-since.euclid-required { color: #F2B8B5; background: #3A2020; }
html[data-theme="dark"] #Body .euclid-table .euclid-table-nested { border-color: #343A40; }
html[data-theme="dark"] #Body .euclid-table .euclid-table-nested th { color: #7CCB63; background: #1D2A20; border-bottom-color: #2E4430; }
html[data-theme="dark"] #Body .euclid-table .euclid-table-nested td { border-top-color: #343A40; }

html[data-theme="dark"] #Body .DnnModule-Spiffy_CVContentFrame:has(iframe[src*="/CVConnectHelp"]) .gomigrate-notitle::before { color: #7CCB63; }
html[data-theme="dark"] #Body .DnnModule-Spiffy_CVContentFrame:has(iframe[src*="/CVConnectHelp"]) .gomigrate-content::before { color: #F1F3F5; }
html[data-theme="dark"] #Body .euclid-sidebar-main .DnnModule-Spiffy_CVContentFrame .ModSpiffyCVContentFrameC { background: #FFFFFF; border-color: #343A40; border-top-color: #3A7D28; box-shadow: none; }

html[data-theme="dark"] #Body .euclid-doc > h4 { color: #7CCB63; }
html[data-theme="dark"] #Body .euclid-shot img { border-color: #343A40; box-shadow: none; }

html[data-theme="dark"] #Body .euclid-split h4, html[data-theme="dark"] #Body .euclid-links-card a.euclid-btn-outline { color: #7CCB63; }
html[data-theme="dark"] #Body .euclid-video { box-shadow: none; }

html[data-theme="dark"] #Body a.euclid-topic, html[data-theme="dark"] #Body a.euclid-topic:visited { color: #DDE1E4; background: #1D2125; border-color: #343A40; box-shadow: none; }
html[data-theme="dark"] #Body a.euclid-topic:hover, html[data-theme="dark"] #Body a.euclid-topic:focus { color: #7CCB63; border-color: #3A7D28; }
html[data-theme="dark"] #Body .euclid-topic-icon { color: #7CCB63; background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-cta { background: #1D2A20; }
html[data-theme="dark"] #Body .euclid-cta h3 { color: #F1F3F5; }

/* Web Services landing and child pages */
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML h1.gomigrate-title { color: #F1F3F5; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML h1.gomigrate-title::before { color: #7CCB63; }
html[data-theme="dark"] #Body .DnnModule-833 .panel-heading { color: #DDE1E4 !important; }
html[data-theme="dark"] #Body #webServicesList .box a, html[data-theme="dark"] #Body #webServicesList .box a:visited { color: #DDE1E4; background: #1D2125; border-color: #343A40; box-shadow: none; }
html[data-theme="dark"] #Body #webServicesList .box a:hover, html[data-theme="dark"] #Body #webServicesList .box a:focus { color: #7CCB63; border-color: #3A7D28; }
html[data-theme="dark"] #Body #webServicesList .box a .fa { color: #7CCB63; background: #1D2A20; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal { color: #DDE1E4; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(p, li, td, span:not(.grayedOut), em, u) { color: #DDE1E4; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(h1, h2):not(.gomigrate-title) { color: #F1F3F5; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(h3, a, a:visited) { color: #7CCB63; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal strong[style*="red"] { color: #F08A84 !important; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(.grayedOut, .grayedOut *) { color: #9AA3AB; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal code { color: #DDE1E4; background: #252A2F; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(img, blockquote) { border-color: #343A40; box-shadow: none; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal blockquote { background: #1D2A20; border-left-color: #3A7D28; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(.code > div, .code > div *, pre) { color: #E6EDF0; background: #252A2F; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal .code > div * { background: none; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal table:not(:has(h1, h2)) { background: #1D2125; border-color: #343A40; box-shadow: none; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal table:not(:has(h1, h2)) :is(th, td) { border-top-color: #343A40; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal table:not(:has(h1, h2)) tr > :first-child:not(:only-child),
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal table:not(:has(h1, h2)) tr > :first-child:not(:only-child) * { color: #F1F3F5; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal table:not(:has(h1, h2)) tr > :first-child:not(:only-child) a { color: #7CCB63; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal table:not(:has(h1, h2)) tbody tr:nth-child(even) > td { background: #252A2F; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(.template, .input) table th:not(:only-child) { color: #9AA3AB; }
html[data-theme="dark"] #Body:has(a.euclid-crumb[href$="/Web-Documentation/Web-Services"]) .DnnModule-DNN_HTML:not(.DnnModule-833, .DnnModule-1089) .Normal :is(.template, .input) table tr:first-child > th:only-child { color: #7CCB63; background: #1D2A20; }
