:root {
    /* Base backgrounds & text */
    --theme-dark-background-ffffff: #181a1b;
    --theme-dark-text-000000: #e8e6e3;
    --theme-dark-background-111111: #0d0e0e;
    --theme-dark-text-222222: #d3cfc9;

    /* Links & accents */
    --theme-dark-text-0040ff: #3391ff;
    --theme-dark-text-e62850: #e83b5f;
    --theme-dark-text-ee1a3b: #f02f4d;

    /* Borders */
    --theme-dark-border-cecece: #3e4346;
    --theme-dark-border-aaaaaa: #484e51;
    --theme-dark-border-f3f3f3: #33383a;
    --theme-dark-border-eeeeee: #35393b;

    /* Common UI backgrounds */
    --theme-dark-background-f2f2f2: #1f2223;
    --theme-dark-background-f3f3f3: #1f2123;
    --theme-dark-background-373737: #292d2f;
    --theme-dark-background-414141: #313537;
    --theme-dark-background-4b4b4b: #383d40;
    --theme-dark-background-555555: #404548;
    --theme-dark-background-5f5f5f: #484d50;
    --theme-dark-background-cbcbcb: #353a3c;

    /* Grayscale text shades */
    --theme-dark-text-b0b0b0: #b6b0a6;
    --theme-dark-text-444444: #bdb7af;
    --theme-dark-text-2d2d2d: #ccc7c0;
    --theme-dark-text-373737: #c5c0b9;
    --theme-dark-text-414141: #bfb9b1;
    --theme-dark-text-4b4b4b: #b9b3a9;
    --theme-dark-text-555555: #b2aca2;
    --theme-dark-text-5f5f5f: #aca59a;

    /* Blue gradient variations (logos, accents) */
    --theme-dark-text-0f55b9: #61acf2;
    --theme-dark-background-0f55b9: #0c4494;
}

html.theme-dark {
    background-color: var(--theme-dark-background-ffffff, #181a1b);
}

/* Base page background and text color */
html.theme-dark body {
    background-color: var(--theme-dark-background-111111, #0d0e0e);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark body.message-compose-page {
    background-color: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark {
    --ui-surface: var(--theme-dark-background-ffffff, #181a1b);
    --ui-surface-muted: var(--theme-dark-background-f2f2f2, #1f2223);
    --ui-surface-hover: var(--theme-dark-background-373737, #292d2f);
    --ui-control-hover: var(--theme-dark-background-373737, #292d2f);
    --ui-track-surface: var(--theme-dark-background-373737, #292d2f);
    --ui-range-fill: var(--theme-dark-text-222222, #d3cfc9);
    --ui-text: var(--theme-dark-text-000000, #e8e6e3);
    --ui-text-muted: var(--theme-dark-text-5f5f5f, #aca59a);
    --ui-border: var(--theme-dark-border-cecece, #3e4346);
    --ui-border-strong: #5a6167;
    --ui-control-border-hover: #5a6167;
    --ui-inverse-surface: var(--theme-dark-background-111111, #0d0e0e);
    --ui-inverse-text: #FFFFFF;
    --ui-heading-line: var(--theme-dark-text-000000, #e8e6e3);
    --ui-accent: var(--theme-dark-text-ee1a3b, #f02f4d);
    --ui-accent-surface: #221014;
    --ui-shadow: rgba(0, 0, 0, 0.35);
    --ui-shadow-strong: rgba(0, 0, 0, 0.45);
    --ui-segment-wash: rgba(24, 26, 27, 0.84);
    --ui-segment-hover-wash: rgba(255, 255, 255, 0.035);
    --ui-segment-border: rgba(255, 255, 255, 0.12);
    --ui-transcript-selection: #3b4042;
    --ui-transcript-search: #4a252b;
    --ui-transcript-current: #20422a;
    --ui-error-surface: #3f2024;
    --ui-error-border: #d66a78;
    --ui-error-text: #ffd6dc;
    --ui-info-text: #9ed8f4;
    --ui-info-surface: #17394a;
    --ui-info-border: #315f75;
    --ui-warning-text: #f2c17c;
    --ui-warning-surface: #49321c;
    --ui-warning-border: #76552f;
    --ui-sentiment-neutral-text: #d2d7de;
    --ui-sentiment-neutral-surface: #30353b;
    --ui-sentiment-critical-text: #ff9f9f;
    --ui-sentiment-critical-surface: #4a2020;
    --ui-sentiment-alarmed-text: #ffd08a;
    --ui-sentiment-alarmed-surface: #4a351a;
    --ui-sentiment-celebratory-text: #d7a4ff;
    --ui-sentiment-celebratory-surface: #3e2451;
    --ui-sentiment-supportive-text: #8fe0a4;
    --ui-sentiment-supportive-surface: #1f452a;
    --ui-sentiment-positive-text: #82d9d2;
    --ui-sentiment-positive-surface: #184440;
    --ui-sentiment-dismissive-text: #dfb186;
    --ui-sentiment-dismissive-surface: #493321;
    color-scheme: dark;
    scrollbar-color: var(--theme-dark-background-5f5f5f, #484d50) var(--theme-dark-background-f2f2f2, #1f2223);
    scrollbar-width: thin;
}

html.theme-dark * {
    scrollbar-color: var(--theme-dark-background-5f5f5f, #484d50) var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.theme-dark ::-webkit-scrollbar-track {
    background: var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark ::-webkit-scrollbar-thumb {
    background: var(--theme-dark-background-5f5f5f, #484d50);
    border: 2px solid var(--theme-dark-background-f2f2f2, #1f2223);
    border-radius: 10px;
}

html.theme-dark ::-webkit-scrollbar-thumb:hover {
    background: var(--theme-dark-background-414141, #313537);
}

html.theme-dark ::-webkit-scrollbar-corner {
    background: var(--theme-dark-background-f2f2f2, #1f2223);
}

/* Main page wrapper (white wrapper in light theme) */
html.theme-dark #wrapper {
    background-color: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-222222, #d3cfc9);
}

/* Top header above the content (#headbox) */
html.theme-dark #headbox {
    background-color: var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark #headbox a {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark #headbox.enterpriseheader {
    background-image:
        linear-gradient(rgba(13, 14, 14, 0.78), rgba(13, 14, 14, 0.78)),
        url('../images/header_enterprise.png') !important;
    background-repeat: repeat-x !important;
}

html.theme-dark #headbox .linkbox {
    border-left-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark #headbox .linkbox a,
html.theme-dark #headbox .linkbox .fa {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark #headbox .linkbox img[src*='icon_upload.png'],
html.theme-dark #headbox .linkbox img[src*='icon_user.png'] {
    filter: brightness(0) invert(1);
    opacity: 0.92;
}

html.theme-dark #headbox .linkbox a:hover,
html.theme-dark #headbox .linkbox .fa:hover {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

/* Main content container */
html.theme-dark #content {
    background: transparent;
}

/* Global link styles */
html.theme-dark a {
    color: var(--theme-dark-text-0040ff, #3391ff);
}

html.theme-dark a:hover {
    color: var(--theme-dark-text-e62850, #e83b5f);
}

/* Inline black links should stay readable in dark mode */
html.theme-dark a[style*="color: #000000"],
html.theme-dark a[style*="color:#000000"] {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark a[style*="color: #000000"]:hover,
html.theme-dark a[style*="color:#000000"]:hover {
    color: var(--theme-dark-text-e62850, #e83b5f) !important;
}

/* Disabled controls stay too dim with the global .35 opacity */
html.theme-dark *:disabled,
html.theme-dark .disabled {
    opacity: 0.58;
}

/* Form fields */
html.theme-dark select,
html.theme-dark input,
html.theme-dark textarea {
    color: var(--theme-dark-text-000000, #e8e6e3);
    border-color: #5a6167;
    background-color: var(--theme-dark-background-ffffff, #181a1b);
}

html.theme-dark #data-stripe {
    background: var(--theme-dark-background-f3f3f3, #1f2123) !important;
    border: 1px solid var(--theme-dark-border-cecece, #3e4346);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark #data-stripe .formfield,
html.theme-dark #data-stripe .formfield label,
html.theme-dark #data-stripe .formhint,
html.theme-dark #data-stripe div {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

/*Login */
html.theme-dark #loginmenu, 
html.theme-dark #loggedmenu {
    background-color: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-top-color: var(--theme-dark-border-cecece, #3e4346) !important;
    border-bottom-color: var(--theme-dark-border-cecece, #3e4346) !important;
    border-left-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark #loginmenu a,
html.theme-dark #loggedmenu a {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark #loginmenu div:hover,
html.theme-dark #loggedmenu div:hover {
    background-color: var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark #loginmenu div:hover a,
html.theme-dark #loggedmenu div:hover a {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #loginmenu .themeswitcher,
html.theme-dark #loggedmenu .themeswitcher {
    border-bottom-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark #loginmenu .themeswitcher:hover,
html.theme-dark #loggedmenu .themeswitcher:hover {
    background-color: transparent !important;
}

/* Options in <select> (otherwise they stay bright) */
html.theme-dark option {
    background-color: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

/* Table borders */
html.theme-dark table td,
html.theme-dark table th {
    border-top-color: #5a6167;
    border-right-color: #5a6167;
    border-bottom-color: #5a6167;
    border-left-color: #5a6167;
}

/* Drop-down menus (G menu, share, extra menus) */
html.theme-dark #indexmenu,
html.theme-dark .socialsharemenu,
html.theme-dark .extradropmenu {
    background-color: var(--theme-dark-background-ffffff, #181a1b) !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
    border-color: var(--theme-dark-border-cecece, #555555) !important;
}

html.theme-dark #indexmenu .indexmenusub {
    background-image: initial;
    background-color: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346)!important;
}

html.theme-dark #indexmenu .indexmenugrouplink {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #indexmenu .indexmenuitem a {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .sf-menu ul {
    background-color: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

html.theme-dark .sf-menu li li {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
}

html.theme-dark .sf-menu li li a,
html.theme-dark .sf-menu li li span.fa {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .sf-menu li li:hover {
    background: var(--theme-dark-background-f2f2f2, #1f2223) !important;
}

html.theme-dark .sf-menu li li:hover > a,
html.theme-dark .sf-menu li li.sfHover > a,
html.theme-dark .sf-menu li li:hover > a > span.fa,
html.theme-dark .sf-menu li li.sfHover > a > span.fa {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #servicesmenu li ul {
    background-color: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark #servicesmenu li ul li {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-top: 1px solid var(--theme-dark-border-f3f3f3, #33383a);
}

html.theme-dark #servicesmenu li ul li:first-child {
    border-top: 0;
}

html.theme-dark #servicesmenu li ul li:hover {
    background: var(--theme-dark-background-f2f2f2, #1f2223) !important;
}

html.theme-dark #mainmenu,
html.theme-dark #mainmenu a,
html.theme-dark #mainmenu span.fa {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark #mainmenu > li > a {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
    opacity: 0.96;
}

html.theme-dark #mainmenu ul {
    background-color: var(--theme-dark-background-ffffff, #181a1b) !important;
    border: 1px solid var(--theme-dark-border-cecece, #3e4346) !important;
    opacity: 1;
}

html.theme-dark #mainmenu li ul li {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-top: 1px solid var(--theme-dark-border-f3f3f3, #33383a);
}

html.theme-dark #mainmenu li ul li:first-child {
    border-top: 0;
}

html.theme-dark #mainmenu li ul li > a,
html.theme-dark #mainmenu li ul li > a > span.fa {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark #mainmenu li ul li:hover,
html.theme-dark #mainmenu li ul li.sfHover {
    background: var(--theme-dark-background-f2f2f2, #1f2223) !important;
}

html.theme-dark #mainmenu li ul li:hover > a,
html.theme-dark #mainmenu li ul li.sfHover > a,
html.theme-dark #mainmenu li ul li:hover > a > span.fa,
html.theme-dark #mainmenu li ul li.sfHover > a > span.fa {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #mainmenu > li > a:hover,
html.theme-dark #mainmenu > li:hover > a,
html.theme-dark #mainmenu > li.sfHover > a,
html.theme-dark #mainmenu li:hover > a > span.fa,
html.theme-dark #mainmenu li.sfHover > a > span.fa {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #mainmenu .activepagelink,
html.theme-dark #mainmenu .activepagelink span.fa {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #mainmenu li span.fa {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

/* Rotator widgets on the homepage (white tiles in light theme) */
html.theme-dark .rotatorslidesbox,
html.theme-dark .rotatoractiveslide {
    background-color: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

/* G-services colors & backgrounds (Find/Clip/Share tiles) */
html.theme-dark .defaultcolor {
    color: var(--theme-dark-text-222222, #d3cfc9);
}

html.theme-dark .mainglabel {
    color: var(--theme-dark-text-222222, #d3cfc9);
}

html.theme-dark .gservice_cb_color {
    color: var(--theme-dark-text-2d2d2d, #ccc7c0);
}

html.theme-dark .gservice_nb_background {
    background-color: var(--theme-dark-background-373737, #292d2f);
}

html.theme-dark .gservice_nb_color {
    color: var(--theme-dark-text-373737, #c5c0b9);
}

html.theme-dark .gservice_rb_background {
    background-color: var(--theme-dark-background-414141, #313537);
}

html.theme-dark .gservice_rb_color {
    color: var(--theme-dark-text-414141, #bfb9b1);
}

html.theme-dark .gservice_pb_background {
    background-color: var(--theme-dark-background-4b4b4b, #383d40);
}

html.theme-dark .gservice_fb_background {
    background-color: var(--theme-dark-background-555555, #404548);
}

html.theme-dark .gservice_fb_color {
    color: var(--theme-dark-text-555555, #b2aca2);
}

html.theme-dark .gservice_pb_color {
    color: var(--theme-dark-text-4b4b4b, #b9b3a9);
}

html.theme-dark .gservice_tb_background {
    background-color: var(--theme-dark-background-5f5f5f, #484d50);
}

html.theme-dark .gservice_tb_color {
    color: var(--theme-dark-text-5f5f5f, #aca59a);
}

html.theme-dark .gservice_gg_color {
    color: var(--theme-dark-text-0f55b9, #61acf2);
}

html.theme-dark .gservice_gg_background {
    background-color: var(--theme-dark-background-0f55b9, #0c4494);
}


/* Footer */
html.theme-dark footer {
    background-color: var(--theme-dark-background-111111, #0d0e0e);
    color: var(--theme-dark-text-b0b0b0, #b6b0a6);
}

/* Headings that use dark theme inline colors */
html.theme-dark h2 {
    color: var(--theme-dark-inline-color)!important;
}

/* Concierge services box */
html.theme-dark #section_concierge > .ui-helper-clearfix > div:first-child {
    background: var(--theme-dark-background-f3f3f3, #1f2123) !important;
}

html.theme-dark .staticicon, 
html.theme-dark .staticicon:hover {
    color: var(--theme-dark-text-222222, #d3cfc9)!important;
}

/*Slider Dots*/
html.theme-dark .slick-dots li button::before {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .slick-dots li.slick-active button::before {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

/* jQuery UI widgets container */
html.theme-dark .ui-widget-content {
    background-image: initial;
    background-color: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-222222, #d3cfc9);
    border-color: var(--theme-dark-border-cecece, #3e4346)!important;
}

html.theme-dark .ui-widget-content a {
    color: var(--theme-dark-text-0040ff, #3391ff);
}

html.theme-dark .ui-widget-header {
    background: var(--theme-dark-text-ee1a3b, #f02f4d);
    border-color: var(--theme-dark-text-ee1a3b, #f02f4d);
    color: #ffffff;
}

html.theme-dark .ui-widget-header a {
    color: #ffffff;
}

html.theme-dark .ui-dialog.ui-widget-content,
html.theme-dark .ui-dialog {
    background: var(--theme-dark-background-ffffff, #181a1b);
    border: 1px solid var(--theme-dark-border-cecece, #3e4346);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

html.theme-dark .ui-dialog .ui-dialog-titlebar {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html.theme-dark .ui-dialog .ui-dialog-title {
    color: #ffffff;
}

html.theme-dark .ui-dialog .ui-dialog-content {
    background: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .ui-dialog .ui-dialog-buttonpane {
    background: var(--theme-dark-background-f3f3f3, #1f2123);
    border-top: 1px solid var(--theme-dark-border-cecece, #3e4346);
}

html.theme-dark .ui-widget-overlay {
    background: rgba(0, 0, 0, 0.58);
    opacity: 1;
}

html.theme-dark .ui-state-default,
html.theme-dark .ui-widget-content .ui-state-default,
html.theme-dark .ui-widget-header .ui-state-default,
html.theme-dark .ui-button,
html.theme-dark a.ui-button,
html.theme-dark a:link.ui-button,
html.theme-dark a:visited.ui-button {
    background: var(--theme-dark-text-ee1a3b, #f02f4d);
    border-color: var(--theme-dark-text-ee1a3b, #f02f4d);
    color: #ffffff;
}

html.theme-dark .ui-state-hover,
html.theme-dark .ui-widget-content .ui-state-hover,
html.theme-dark .ui-widget-header .ui-state-hover,
html.theme-dark .ui-state-focus,
html.theme-dark .ui-widget-content .ui-state-focus,
html.theme-dark .ui-widget-header .ui-state-focus,
html.theme-dark .ui-button:hover,
html.theme-dark .ui-button:focus {
    background: #ff3352;
    border-color: #ff3352;
    color: #ffffff;
}

html.theme-dark .ui-state-active,
html.theme-dark .ui-widget-content .ui-state-active,
html.theme-dark .ui-widget-header .ui-state-active,
html.theme-dark .ui-button:active,
html.theme-dark .ui-button.ui-state-active:hover {
    background: #3c89ca;
    border-color: #3c89ca;
    color: #ffffff;
}

html.theme-dark .ui-autocomplete {
    background: var(--theme-dark-background-ffffff, #181a1b);
    border: 1px solid var(--theme-dark-border-cecece, #3e4346);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .ui-autocomplete .ui-menu-item-wrapper,
html.theme-dark .ui-autocomplete .ui-menu-item a {
    background: transparent;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .ui-autocomplete .ui-state-active,
html.theme-dark .ui-autocomplete .ui-menu-item a.ui-state-active,
html.theme-dark .ui-menu .ui-state-focus,
html.theme-dark .ui-menu .ui-state-active {
    background: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
    border-color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
    color: #ffffff !important;
}

html.theme-dark .ui-autocomplete .ui-menu-item a em,
html.theme-dark .ui-autocomplete .ui-menu-item-wrapper em {
    background: var(--theme-dark-background-414141, #313537);
    color: inherit;
}

html.theme-dark .ui-autocomplete .ui-state-active em,
html.theme-dark .ui-autocomplete .ui-menu-item a.ui-state-active em,
html.theme-dark .ui-menu .ui-state-focus em,
html.theme-dark .ui-menu .ui-state-active em {
    background: transparent;
    color: #ffffff;
}

html.theme-dark #tooltip,
html.theme-dark .ui-tooltip {
    background: var(--theme-dark-background-f3f3f3, #1f2123);
    border: 1px solid var(--theme-dark-border-cecece, #3e4346);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

/* === Filters box / search controls === */

html.theme-dark .filtersbox {
    background-color: var(--theme-dark-background-f3f3f3, #1f2123);
}

html.theme-dark .iteminfobox {
    background-color: var(--theme-dark-background-f3f3f3, #1f2123);
    color: var(--theme-dark-text-222222, #d3cfc9);
}

html.theme-dark .fileinfolabel,
html.theme-dark .fileinfodata {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .correctedinfo {
    color: var(--theme-dark-text-5f5f5f, #aca59a);
}

html.theme-dark .searchfileimage,
html.theme-dark .searchstoryimage,
html.theme-dark .video-js .vjs-poster,
html.theme-dark .playererrorback {
    background-color: var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark img[src*='preview_small.jpg'],
html.theme-dark img[src*='preview_medium.jpg'],
html.theme-dark img[src*='preview_large.jpg'] {
    opacity: 0.46;
}

html.theme-dark .playererrorback[src*='preview_small.jpg'],
html.theme-dark .playererrorback[src*='preview_medium.jpg'],
html.theme-dark .playererrorback[src*='preview_large.jpg'] {
    opacity: 0.3;
}

html.theme-dark .video-js .vjs-poster[style*='preview_small.jpg'],
html.theme-dark .video-js .vjs-poster[style*='preview_medium.jpg'],
html.theme-dark .video-js .vjs-poster[style*='preview_large.jpg'] {
    opacity: 0.36;
}

html.theme-dark ul.holder {
    background-color: var(--theme-dark-background-ffffff, #181a1b);
    color: var(--theme-dark-text-444444, #bdb7af);
    border-color: var(--theme-dark-border-cecece, #3e4346);
}

html.theme-dark ul.holder li.bit-box {
    background: var(--theme-dark-background-0f55b9, #0c4494);
    border-color: var(--theme-dark-text-0f55b9, #61acf2);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark ul.holder li.bit-hover,
html.theme-dark ul.holder li.bit-box-focus {
    background: var(--theme-dark-background-414141, #313537);
    border-color: var(--theme-dark-border-cecece, #3e4346);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark ul.holder li.bit-input input {
    background: transparent !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark ul.holder li.bit-box a.closebutton:after {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .facebook-auto,
html.theme-dark .facebook-auto .default,
html.theme-dark .facebook-auto ul {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .facebook-auto ul li {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .facebook-auto ul li em {
    background: var(--theme-dark-background-414141, #313537);
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .facebook-auto ul li.auto-focus {
    background: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
    color: #ffffff !important;
}

html.theme-dark .facebook-auto ul li.auto-focus em {
    background: transparent;
    color: #ffffff;
}

html.theme-dark .searchheader .modebutton {
    background-image: initial;
    background-color: var(--theme-dark-background-f3f3f3, #1f2123);
}

html.theme-dark .ui-multiselect {
    color: var(--theme-dark-text-222222, #d3cfc9)!important;
    background-image: initial !important;
    background-color: var(--theme-dark-background-ffffff, #181a1b)!important;
    border-color: var(--theme-dark-border-cecece, #3e4346)!important;
}

html.theme-dark .ui-multiselect-menu,
html.theme-dark .ui-multiselect-checkboxes {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .ui-multiselect-checkboxes label {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .ui-multiselect-checkboxes label.ui-state-active {
    background: var(--theme-dark-background-0f55b9, #0c4494) !important;
    color: #ffffff !important;
}

html.theme-dark .ui-multiselect-checkboxes label.ui-state-hover {
    background: var(--theme-dark-background-f2f2f2, #1f2223) !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .ui-multiselect-header {
    background: var(--theme-dark-background-f3f3f3, #1f2123) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark .ui-multiselect-filter input {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .searchheader {
    border-bottom-color: var(--theme-dark-border-f3f3f3, #33383a);
}

html.theme-dark .searchfilebox,
html.theme-dark .searchfilerow {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .searchfilebox:hover,
html.theme-dark .searchfilerow:hover {
    text-decoration: none !important;
}

html.theme-dark .searchfileimage,
html.theme-dark .searchfilerowimage,
html.theme-dark .searchfilemain {
    background-color: var(--theme-dark-background-f3f3f3, #1f2123);
}

html.theme-dark .searchfilemain {
    border-radius: 0 0 6px 6px;
}

html.theme-dark .searchfiledescription,
html.theme-dark .searchfilerowtext,
html.theme-dark .searchstorytitle,
html.theme-dark .searchcircleshint,
html.theme-dark .nofiles {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .searchfilebox:hover .searchfiledescription,
html.theme-dark .searchfilerow:hover .searchfilerowtext,
html.theme-dark .searchstorybox:hover .searchstorytitle {
    color: var(--theme-dark-text-ee1a3b, #f02f4d);
}

html.theme-dark .formfield .gettyimage,
html.theme-dark .searchfileimage .gettyimage,
html.theme-dark .searchfilerowimage .gettyimage,
html.theme-dark #similarbox .fileinfodata img {
    background-color: var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark .searchfilepurchases,
html.theme-dark .searchheader .modebutton .fa,
html.theme-dark .searchfilesource,
html.theme-dark .searchfiletime,
html.theme-dark .searchfileduration,
html.theme-dark .searchfileviews,
html.theme-dark .formhint::before {
    color: var(--theme-dark-text-222222, #d3cfc9);
}

/* === Calendar & timepicker === */

html.theme-dark .ui-datepicker-calendar a.ui-state-default {
    border-color: var(--theme-dark-border-f3f3f3, #33383a);
    color: var(--theme-dark-text-222222, #d3cfc9);
    background-color: var(--theme-dark-background-f3f3f3, #1f2123);
}

html.theme-dark .ui-timepicker-div {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .ui-slider-horizontal,
html.theme-dark .ui-slider-vertical {
    border-color: var(--theme-dark-border-eeeeee, #35393b)!important;
}

/* Share button in clip view / search results */
html.theme-dark .sharebutton {
    background-color: var(--theme-dark-background-cbcbcb, #353a3c);
    color: var(--theme-dark-text-ffffff, #e8e6e3)!important;
}

html.theme-dark .requestselect label {
    color: var(--theme-dark-text-000000, #e8e6e3);
    background: var(--theme-dark-background-f3f3f3, #1f2123);
    border: 1px solid var(--theme-dark-border-cecece, #3e4346);
}

html.theme-dark .requestselect label:hover {
    color: #ffffff;
    background: var(--theme-dark-text-ee1a3b, #f02f4d);
}

html.theme-dark .requestselect input[type='checkbox']:checked ~ label,
html.theme-dark .requestselect input[type='radio']:checked ~ label {
    border-color: #3C89CA !important;
}

html.theme-dark .requestselect input[type='checkbox']:disabled ~ label,
html.theme-dark .requestselect input[type='radio']:disabled ~ label {
    color: var(--theme-dark-text-5f5f5f, #aca59a) !important;
    background: var(--theme-dark-background-373737, #292d2f) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark .cliptranscriptmode {
    color: var(--theme-dark-text-000000, #e8e6e3);
    background: var(--theme-dark-background-373737, #292d2f);
}

html.theme-dark .cliptranscriptmode:hover {
    color: #ffffff;
    background: var(--theme-dark-background-414141, #313537);
}

html.theme-dark .cliptranscriptmodeactive,
html.theme-dark .cliptranscriptmodeactive:hover {
    color: #ffffff;
    background: #DC143C;
}

/*Clips*/
html.theme-dark .clipsglabel {
    color: var(--theme-dark-text-222222, #d3cfc9);
}

html.theme-dark .storylink,
html.theme-dark .sectionlink,
html.theme-dark .clipstopitems a,
html.theme-dark #socialclipstable a,
html.theme-dark #socialaccountstable a,
html.theme-dark .searchstorybox .searchstorytitle,
html.theme-dark .searchstorytitle {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .storylink:hover,
html.theme-dark .storylink.activelink,
html.theme-dark .sectionlink:hover,
html.theme-dark .sectionlink.activelink,
html.theme-dark .clipstopitems a:hover,
html.theme-dark #socialclipstable a:hover,
html.theme-dark #socialaccountstable a:hover,
html.theme-dark .searchstorybox:hover .searchstorytitle {
    color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #socialclipstable td,
html.theme-dark #socialclipstable th,
html.theme-dark #socialaccountstable td,
html.theme-dark #socialaccountstable th {
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .clipstopcontainer {
    border-right-color: var(--theme-dark-border-f2f2f2, #34383a);
}

html.theme-dark .profiletitleline {
    background-color: var(--theme-dark-background-f2f2f2, #1f2223);
}

html.theme-dark hr {
    background-color: var(--theme-dark-background-f2f2f2, #1f2223);
}

/* === FedNet landing page === */

html.theme-dark .fednet-page {
    background: var(--theme-dark-background-111111, #0d0e0e) !important;
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark .fednet-box,
html.theme-dark .fednet-card,
html.theme-dark .fednet-tool-tag {
    background: var(--theme-dark-background-ffffff, #181a1b) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
    color: var(--theme-dark-text-000000, #e8e6e3);
}

html.theme-dark #top.fednet-box {
    background: linear-gradient(180deg, #121314 0%, #181a1b 78%) !important;
}

html.theme-dark #top > div:first-child {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
}

html.theme-dark #top > div:first-child > span {
    color: var(--theme-dark-text-555555, #b2aca2) !important;
}

html.theme-dark #top aside {
    background: rgba(24, 26, 27, 0.92) !important;
    border-color: var(--theme-dark-border-cecece, #3e4346) !important;
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.35) !important;
}

html.theme-dark #top aside > div:first-child {
    color: var(--theme-dark-text-555555, #b2aca2) !important;
}

html.theme-dark #how-it-works.fednet-box {
    background: linear-gradient(180deg, #1d1719 0%, #181a1b 100%) !important;
    border-color: #4c353c !important;
}

html.theme-dark #get-started .fednet-card:first-child {
    background: linear-gradient(135deg, rgba(238, 26, 59, 0.18) 0%, rgba(238, 26, 59, 0.06) 100%) !important;
    border-color: rgba(240, 47, 77, 0.32) !important;
}

html.theme-dark .fednet-title,
html.theme-dark .fednet-card h3,
html.theme-dark #top aside h2,
html.theme-dark .fednet-tool-tag {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
}

html.theme-dark .fednet-copy,
html.theme-dark .fednet-check-item,
html.theme-dark #pricing .fednet-card > div {
    color: var(--theme-dark-text-555555, #b2aca2) !important;
}

html.theme-dark .fednet-button-light {
    color: var(--theme-dark-text-000000, #e8e6e3) !important;
    background: transparent !important;
    border-color: var(--theme-dark-border-aaaaaa, #484e51) !important;
}

html.theme-dark .fednet-button-light:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark #get-started .fednet-card:last-child .fednet-chip {
    color: var(--theme-dark-text-555555, #b2aca2) !important;
    background: var(--theme-dark-background-373737, #292d2f) !important;
}

html.theme-dark .fednet-box hr {
    background-color: var(--theme-dark-text-ee1a3b, #f02f4d) !important;
}

html.theme-dark img[src*='partner_fednet.svg'] {
    filter: brightness(0) invert(1);
    opacity: 0.92;
}