/* Core elements */

        :root {

            /* Colours - Alternatives - Dark */
            --colour-colour-dark-alternates-amber: #fecf7f;
            --colour-colour-dark-alternates-blue: #56a3fc;
            --colour-colour-dark-alternates-green: #26c902;
            --colour-colour-dark-alternates-red: #f93737;

            /* Colours - Surface - Dark */
            --colour-surface-50: var(--colour-neutral-1000);
            --colour-surface-100: var(--colour-neutral-900);
            --colour-surface-200: var(--colour-neutral-800);
            --colour-surface-300: var(--colour-neutral-700);
            --colour-surface-400: var(--colour-neutral-600);
            --colour-surface-500: var(--colour-neutral-500);
            --colour-surface-600: var(--colour-neutral-400);
            --colour-surface-700: var(--colour-neutral-300);
            --colour-surface-800: var(--colour-neutral-200);
            --colour-surface-900: var(--colour-neutral-100);
            --colour-surface-1000: var(--colour-neutral-50);            
            --colour-surface-breadcrumb-background: var(--colour-surface-200);
            --colour-surface-card-accent: var(--colour-neutral-800);
            --colour-surface-card-content-background: var(--colour-neutral-850);
            --colour-surface-card-icon: var(--colour-neutral-500);
            --colour-surface-card-icon-background: var(--colour-neutral-800);
            --colour-surface-card-icon-background-hover: var(--colour-neutral-700);
            --colour-surface-card-icon-container: var(--colour-transparency-black-30);
            --colour-surface-card-image-background: var(--colour-neutral-800);
            --colour-surface-header-background: var(--colour-neutral-950);
            --colour-surface-mode-surface: var(--colour-neutral-850);
            --colour-surface-page-title-background: var(--colour-neutral-850);
            --colour-surface-uploader-background: var(--colour-surface-200);
            --colour-surface-view-background: var(--colour-surface-100);

            /* Colours - Typography - Dark */
            --colour-typography-50: var(--colour-neutral-1000);
            --colour-typography-100: var(--colour-neutral-900);
            --colour-typography-200: var(--colour-neutral-800);
            --colour-typography-300: var(--colour-neutral-700);
            --colour-typography-400: var(--colour-neutral-600);
            --colour-typography-500: var(--colour-neutral-500);
            --colour-typography-600: var(--colour-neutral-400);
            --colour-typography-700: var(--colour-neutral-300);
            --colour-typography-800: var(--colour-neutral-200);
            --colour-typography-900: var(--colour-neutral-100);
            --colour-typography-1000: var(--colour-neutral-50);

            /* Form colours - Dark */
            --form-destructive-background: var(--colour-surface-50);
            --form-destructive-text: var(--colour-colour-dark-alternates-red);
            --form-field-border: var(--colour-neutral-500);
            --form-focus: var(--colour-brand-primary-default);
            --form-form-chip-background: var(--colour-neutral-950);
            --form-form-chip-label: var(--colour-neutral-100);
            --form-form-chip-stroke: var(--form-field-border);
            --form-form-divider: var(--colour-neutral-700);
            --form-form-field-background: var(--colour-neutral-800);
            --form-form-required-background: var(--colour-neutral-950);
            --form-form-required-stroke: var(--colour-neutral-950);
            --form-tooltip-background: var(--colour-surface-mode-surface);
            --form-tooltip-stroke: var(--form-field-border);

            /* Colours feedback - Dark */
            --colour-feedback-warning-50: var(--colour-neutral-1000);
            --colour-feedback-warning-200: var(--colour-feedback-warning-lightest);

            /* Link colours */
            --colour-link-primary-default: var(--colour-brand-primary-light);
            --colour-link-primary-hover: var(--colour-brand-primary-lightest);
        }

        body, html {
            color: white;
        }
        h1, h2 {
            color: white;
        }
        /* Tables */
        .Listview {
            background-color: #545454;
        }
        .ListviewStyle tr {
            background-color: #545454;
        }
        .ListviewStyle thead, .ListviewTitleStyle, .ListviewStyle tr.ListviewTitleStyle {
            background-color: #444;
        }
        .ListviewStyle tr:nth-child(even):not(.ListviewTitleStyle) {
            background-color: #5e5e5e;
        }
        .ListviewStyle tr:hover {
            background-color: #424242 !important;
        }
        .tableRowEven {
            background-color: #545454 !important;
        }
        .tableRowOdd {
            background-color: #5e5e5e !important;
        }
        a:visited {
            color: #e9e9e9;
        }
        a:link {
            color: white;
        }
        /* Header */
        #Header {
            background: #404040;
        }
        #Header li a {
            color: white;
        }
        
        .BasicsBox.SearchSticky {
            background-color: #262626;
            border-bottom: 1px solid #ffffff00;
            box-shadow: 0 12px 10px -12px #000000;
        }
        .TopInpageNav select {
            background-color: #545454;
            color: white;
        }
        .icondisplay {
            background-color: #545454;
        }
        .toastify {
            background: #383838 !important;
            color: white;
        }
        .toast-close {
            color: white; 
        }
        .update_result_order_button {
            background-color: #545454;
        }
        .ImageWrapper {
            background-color: #5e5e5e;
        }
        .ResourcePanel {
            background-color: #545454;
        }
        .ResourcePanel .nopreview {
            color: white;
        }
        #modal {
            background-color: #262626;
        }
        .RecordPanel, .ResourcePanelSmall, .ResourcePanelLarge, div#Metadata div.Title {
            background-color: #393939;
        }
        #modal .RecordHeader h1, #modal .BasicsBox h1 {
            color: white;
        }
        .TabBar {
            background-color: #393939;
        }
        .Tab a {
            font-weight: 600;
            background-color: #484848;
        }
        .TabSelected a {
            background: #545454;
            border-bottom: 1px solid #545454;
        }
        .RecordDownloadSpace {
            background: #545454;
        }
        .RecordPanel .RecordDownloadSpace .DownloadDBlend, .toolbox {
            background: #545454;
        }
        .RecordTools {
        background: #545454;
        }
        .RecordPanel .RecordDownload .DownloadDBlend td {
            color: white;
            border-top: 1px solid #7c7c7c;
        }
        .RecordPanel .RecordDownloadSpace .DownloadDBlend p {
            color: #cbcbcb;
        }
        .RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {
            color: white;
        }
        #Metadata {
            background-color: #545454;
        }
        .StyledTabbedPanel {
            background: #545454;
        }
        .comment_form_container {
            background: #545454;
            border: none;
        }
        .NavUnderline, .Question {
            border-bottom: 1px solid #3f3f3f;
        }
        .HorizontalWhiteNav a:link, .HorizontalWhiteNav a:visited, .HorizontalWhiteNav a:active, .BasicsBox .VerticalNav a:link, .BasicsBox .VerticalNav a:visited, .BasicsBox .VerticalNav a:active, .ListTitle a:link, .ListTitle a:visited, .ListTitle a:active {
            color: white;
        }
        .BreadcrumbsBox a, .BreadcrumbsBox a:link, .BreadcrumbsBox a:visited {
            color: white;
        }
        .SearchBreadcrumbs > span {
            color: #c5c5c5;
        }
        .HeaderLink a.current {
            background: #c3c3c31a;
        }
        .PluginDisplay {
            background-color: #545454;
        }
        select, .sp-replacer {
            background-color: #545454;
            color: white;
        }
        .MultiRTypeSelect {
            background-color: #545454;
        }
        input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea, select, .sp-replacer {
            background-color: #545454;
            color: white;
        }
        .search-icon, .search-icon:hover, .search-icon:active {
            background-color: #404040;
        }
        #ssearchbox::placeholder,
        input[type="text"]::placeholder,
        input[type="password"]::placeholder,
        input[type="number"]::placeholder,
        input[type="email"]::placeholder {
            color: #b1b1b1;
        }
        /* Category trees */
        .CategoryBox, .MiniCategoryBox {
            background-color: #545454;
        }
        .CategoryBox span, .MiniCategoryBox span {
            color: white;
        }
        /* Comments */
        .CommentFormBody {
            background-color: #626262;
        }
        .CommentFormBody::placeholder {
            color: #b1b1b1;
        }
        .CommentEntry {
            background-color: #545454;
            border: 1px solid #6e6e6e;
        }
        .CommentBody {
            color: white;
        }
        .skip-to-main-content {
            background-color:rgb(0, 0, 0);
        }
        .RecordPanel .item h3, .RecordPanel .itemNarrow h3, th {
            font-weight: 600;
        }
        .Question.QuestionStickyRight,
        .QuestionSubmit.QuestionSticky {
            background-color: #262626;
        }
        .Question.QuestionStickyRight {
            border-left: unset; 
            box-shadow: -12px 0px 15px -12px black;
        }
        .QuestionSubmit.QuestionSticky {
            border-top: unset;
            box-shadow: 0 -12px 15px -12px black;
        }
        .FormHelpInner {
            color: #cbcbcb;
        }
        select, .sp-replacer {
            box-shadow: 0 1px 3px 1px #00000026;
        }
        .RecordPanel .RecordDownload .DownloadDBlend td.Picker select {
            background-color: #727272;
        }

        .smalllisticon{background: url(../gfx/interface/listicondark.svg) no-repeat 0; opacity: 0.65;}
        .smalllisticonactive {background: url(../gfx/interface/listiconactivedark.svg) no-repeat 0;}
        .xlthumbsicon{background: url(../gfx/interface/xlicondark.svg) no-repeat 0; opacity: 0.65;}
        .xlthumbsiconactive {background: url(../gfx/interface/xliconactivedark.svg) no-repeat 0;}
        .largethumbsicon{background: url(../gfx/interface/largeicondark.svg) no-repeat 0; opacity: 0.65;}
        .largethumbsiconactive{background: url(../gfx/interface/largeiconactivedark.svg) no-repeat 0;}
        .stripicon{background: url(../gfx/interface/stripicondark.svg) no-repeat 0; opacity: 0.65;}
        .stripiconactive{background: url(../gfx/interface/stripiconactivedark.svg) no-repeat 0;}

        .icondisplay .icon-map {
            color: white;
        }
        .NoFind {
            background: #404040;
        }
        [data-uppy-theme=dark] .uppy-Dashboard-browse {
            color: white;
        }
        [data-uppy-theme=dark] .uppy-DashboardContent-back {
            color: white;
        }
        [data-uppy-theme=dark] .uppy-DashboardContent-addMore {
            color: white;
        }
        [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
        [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
            background-color: var(--colour-brand-primary-default);
        }
        .lockedQuestion {
            background-color: #404040;
        }
        .ResourcePanelInfo {
            color: white;
        }
        .PageInformal {
            background: #404040;
        }
        #ProcessingBox{
            background-color: #404040;
            color: white;
        }
        /* Analytics */
        .ReportSheet {
            background-color: #262626;
            border: none;
            color: white;
        }
        .ReportSheet h2,
        .ReportMetric,
        .ReportSummary td {
            color: white; 
        }
        .ReportSummary {
            background-color: #262626;
        }
        /* Reports / Installation check */
        .InfoTable {
            background: #404040;
        }
        /* Chosen library */
        .chosen-container, .chosen-container-multi .chosen-choices {
            background-color: #545454 !important;
            background-image: none !important;
        }
        .chosen-container-active .chosen-choices li.search-field input[type=text] {
            color: white !important;
        }
        /* Selection collection link */
        .SelectionCollectionLink, .SelectionCollectionLink:link, .SelectionCollectionLink:visited, .MessageBox {
            color: white; 
        }
        /* Icon picker */
        #iconpicker-button {
            background-color: #404040;
        }
        #iconpicker-container {
            background: #404040;
        }
        /* API Test tool */
        .codeexample {
            background-color: #404040;
            color: white;
        }
        /* jQuery UI dialog */
        .ui-widget-content,
        .delete-dialog .ui-dialog-titlebar,
        .ui-dialog-titlebar,
        .ui-dialog .ui-dialog-title {
            background: #545454;
        }
        .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-title {
            color: white; 
        }
        .ui-widget.ui-widget-content {
            border: none; 
        }
        .ui-widget-content {
            border: 1px solid #878787;
        }
        .ui-menu .ui-menu-item {
            color: white;
        }
        .FeaturedSimpleTile {
            color: white;  
        }
        .FeaturedSimpleTile.FullWidth {
            background: #666;
        }
        .top-right-menu:hover,
        .SearchBreadcrumbs .top-right-menu:hover  {
            background: #404040;
            color: white;
        }
        .FeaturedSimpleLinks .context-menu-container {
            background: #404040;
            color: white;
        }
        .context-menu-row:hover {
            background: #5a5a5a;
        }
        /* Quick message modal */
        .messages-modal {
            background: rgb(38, 38, 38);
        }
        .message-body {
            background-color: rgb(38, 38, 38);
        }
        .message-username {
            color: white;
        }
        .message:hover {
            background: #333;
        }
        .message-text {
            color: #bbb;
        }
        .message-divider {
            background: rgb(84, 84, 84);
        }
        .message-age {
            color: rgba(117, 117, 117, 1);
        }
        /* Leaflet maps */
        .leaflet-control-geocoder-form input {
            color: black;
        }
        div.SaveError > input {
            color: red;
        }

        #CentralSpaceResources {
            background: var(--colour-surface-100);
        }

        .resource-card-id, .resource-card-status.custom, .resource-card-annotations {
            color: var(--colour-typography-900);
            background: var(--colour-surface-300);
        }
        
        .resource-card-status.active {
            color: var(--colour-colour-dark-alternates-green);
            background: none;
            border-radius: var(--space-16);
            border: 1px solid var(--colour-colour-dark-alternates-green);
        }

        .resource-card-status.pending {
            color: var(--colour-colour-dark-alternates-amber);
            background: none;
            border-radius: var(--space-16);
            border: 1px solid var(--colour-colour-dark-alternates-amber);
        }

        .resource-card-status.archive {
            color: var(--colour-colour-dark-alternates-blue);
            background: none;
            border-radius: var(--space-16);
            border: 1px solid var(--colour-colour-dark-alternates-blue);
        }

        .resource-card-status.deleted {
            color: var(--colour-colour-dark-alternates-red);
            background: none;
            border-radius: var(--space-16);
            border: 1px solid var(--colour-colour-dark-alternates-red);
        }
    
        .select2-selection.select2-selection--multiple,
        .field-input select {
            background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24taWNvbiBsdWNpZGUtY2hldnJvbi1kb3duIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgOSA2IDYgNi02IiBzdHJva2U9IiNBREIwQUIiLz48L3N2Zz4=);
        }

        .select2-selection.select2-selection--multiple[aria-expanded="true"] {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tdXAtaWNvbiBsdWNpZGUtY2hldnJvbi11cCI+PHBhdGggZD0ibTE4IDE1LTYtNi02IDYiIHN0cm9rZT0iI0FEQjBBQiIvPjwvc3ZnPg==);
        }
        
:root {
--slideshow-photo-delay: 5s;
--extended-field-lines: 2;
}