/* ============================================================
   fixes.css  —  updated for Kendo UI 2026.3.811
   ------------------------------------------------------------
   Verified against kendo bootstrap-3.css (v2026.3.811).
   Selectors marked DEAD matched 0 rules in that file.

   NOTE: the 2026 theme loaded here is already a DARK swatch
   (--kendo-color-app-surface sits at ~26% lightness). Much of the
   old dark-mode work below is now steering a theme that is
   already dark. Section 1 is the preferred way to steer it.
   ============================================================ */


/* ------------------------------------------------------------
   1. THEME TOKENS  (preferred — replaces most !important below)
   ------------------------------------------------------------
   The 2026 themes are driven by CSS custom properties. Setting
   these re-colours every widget consistently, with no specificity
   fights. To simplify over time: delete an !important rule below,
   reload, and see if the token already produced the right colour.
   ------------------------------------------------------------ */
:root {
    /* page + widget surfaces */
    --kendo-color-app-surface: #1F1F1F;
    --kendo-color-surface: #ebebeb;
    --kendo-color-surface-alt: #000000;
    --kendo-color-border: #4a4a4a;
}

/* Windows/dialogs are the light "islands" in this dark UI.
   Re-declaring the tokens inside .k-window re-colours the whole
   subtree — titlebar, grid, inputs, buttons — in one place. */
.k-window {
    --kendo-color-app-surface: darkgrey;
    --kendo-color-on-app-surface: #000000;
    --kendo-color-surface: #eae8e8;
    --kendo-color-surface-alt: #f5f5f5;
    --kendo-color-base: darkgrey;
    --kendo-color-on-base: #000000;
    border-color: white !important;
}


/* ------------------------------------------------------------
   2. GRID
   ------------------------------------------------------------ */

/* was: .k-block, .k-draghandle, .k-grid-header, .k-grouping-header,
        .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile,
        html .km-pane-wrapper .k-header, .k-autocomplete.k-state-default,
        .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default,
        .k-picker-wrap.k-state-default
   DEAD in that list: .k-autocomplete, .km-pane-wrapper, and every
   .k-state-default (renamed to .k-selected / .k-hover / .k-focus).
   .k-pager-wrap is now .k-pager. */
.k-grid-header,
.k-grouping-header,
.k-pager,
.k-toolbar,
.k-header {
    background-color: black !important;
}

/* .k-grid {
    
	
	 background-color: #808080 !important;
} */

/* .k-alt no longer marks grid rows — it is calendar/pivot only now.
   Grid alternating rows are .k-table-alt-row. Both kept so this
   works if any module still renders old markup. */
.k-table-alt-row,
.k-alt {
    background-color: 	#000000 !important;  /*  working */
}


/* Style the standard rows */
html .k-grid-content tr {
    background-color: 	#404040; 
}

/* Style the alternating rows */
html .k-grid-content tr.k-alt {
    background-color: 	#989898; Change to your preferred color
}

.k-table-alt-row {
    background-color: 	 black;
}

/* .k-grid tr td {
    border-width: 0;
} */

.lightDarkBg {
    background-color: darkgrey;
}

.k-grid tr:hover {
    background-color: initial;
}

/* was .k-grid-norecords-template — both class names exist in 2026 */
.k-grid-norecords,
.k-grid-norecords-template {
    background-color: initial;
}

.k-detail-row {
    background-image: none !important;
}

/* Grid header text/borders (from module) */
.k-header,
.k-grid-header,
.k-grid .k-grouping-row td,
.k-grid .k-hierarchy-cell,
.k-grid .k-grid-footer td,
.k-footer-template td,
.table {
    color: white;
   /*  border: none !important; */
   /*  border-collapse: collapse !important;
    background-image: none !important;
    border-spacing: 1px !important; */
	 border-width: 1px !important;
    border-inline-start-width: 1px;
    border-style: solid !important;
    border-color: #ccc !important;

}

.k-grid td {
	 border-width: 1px !important;
    border-inline-start-width: 1px;
    border-style: solid !important;
    border-color: #ccc !important;
        
          padding: 20px;
        }
        .k-grid .k-alt td {
			 border-width: 1px !important;
    border-inline-start-width: 1px;
    border-style: solid !important;
    border-color: #ccc !important;

        
           color:white;
        }

    /* was .k-calendar .k-link.k-nav-fast — .k-nav-fast is DEAD.
   .k-calendar-title does NOT exist either. The month/year label is
   .k-calendar-caption; the header bar is .k-calendar-nav.
   Grid header text now sits in .k-column-title inside .k-link. */
    .k-calendar-caption,
    .k-calendar-nav .k-button,
    .k-grid-header .k-link,
    .k-grid-header .k-column-title,
    .k-grid-header .k-table-th {
        color: white !important;
    }


/* ------------------------------------------------------------
   3. WINDOWS / DIALOGS
   ------------------------------------------------------------ */

/* REMOVED: .k-window * { color: darkgrey !important; }
   That rule painted every descendant — including text set
   elsewhere in this file — and was the main reason later window
   rules appeared to do nothing. Colour now comes from the
   --kendo-color-on-app-surface token set in section 1. */

/* .k-window-content no longer carries .k-content, so the old
   compound selector .k-window-content.k-content matched nothing.
   Using the shorthand `background` (not background-color) so any
   inherited background-image is cleared too. */
.k-window-content,
.k-window-content .k-button,
.k-window-content .k-dropdownlist {
    background: darkgrey !important;
    color: black !important;
}

/* Dialog footer buttons live in .k-window-actions / .k-actions,
   which is a SIBLING of .k-window-content — not inside it.
   The old .k-window-content .k-button selector never reached them. */
.k-window .k-window-actions .k-button,
.k-window .k-actions .k-button,
.k-dialog .k-dialog-actions .k-button {
    background: darkgrey !important;
    color: black !important;
}

.k-window .k-header,
.k-window-titlebar {
    background-color: #eae8e8;
}

.k-window .k-grid-header {
    background-color: #eae8e8 !important;
}

.k-window .k-grid {
    background-color: initial;
	    border-style: solid;
    border-color: #ccc;
}
/* 
.k-window .k-table-alt-row,
.k-window .k-alt {
    background-color: lightgrey;
} */



.k-window .k-calendar-caption,
.k-window .k-grid-header,
.k-window .k-grid-header th,
.k-window .k-grid-header .k-table-th,
.k-window .k-grid-header .k-link,
.k-window .k-grid-header .k-column-title {
    color: #313131 !important;
}

/* Section 4 forces inputs dark globally. Inside a light dialog that
   leaves one dark date field next to a light dropdown, so pull them
   back to the window palette here. */
.k-window .k-input,
.k-window .k-picker {
    background-color: #f5f5f5 !important;
    color: black !important;
}

/* Plain <a> tags in grid cells carry no Kendo class, so nothing
   above reaches them — they inherit Bootstrap's link colour and
   wash out against the light window. */
.k-window a,
.k-window .k-table-td a {
    color: #0a4a7a !important;
}

    .k-window a:hover,
    .k-window .k-table-td a:hover {
        color: #062f4f !important;
    }


/* ------------------------------------------------------------
   4. INPUTS, POPUPS, TABS
   ------------------------------------------------------------ */

/* was: .k-tabstrip .k-content.k-state-active,
        .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-item,
        .k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar
   .k-state-active is DEAD → .k-active. .k-dropdown .k-input is now
   just .k-input (the wrapper structure was flattened).
   .k-content background set here — the later standalone
   .k-content { background-color:#1F1F1F } was dead code (same
   specificity, no !important) and has been removed. */
.k-tabstrip .k-content.k-active,
.k-tabstrip-items .k-active,
.k-tabstrip-items .k-item,
.form-control,
.form-control[readonly],
.form-control[disabled],
.k-content,
.k-input,
.k-picker,
.k-popup,
.k-toolbar {
    color: white !important;
    background-color: #313131 !important;
}

/* .k-widget is DEAD — removed from Kendo entirely.
   .k-input and .k-picker are its replacements (covered above). */

.k-tabstrip-items .k-link,
.k-panelbar > li.k-panelbar-item > .k-link,
.k-grouping-header {
    color: white;
}

/* was .k-list > .k-state-hover — DEAD.
   List items are .k-list-item, hover state is .k-hover. */
.k-list-item.k-hover,
.k-list-item:hover {
    color: #ebebeb !important;
}



.k-edit-buttons,
.k-actions {
    background: initial;
}

.k-tooltip {
    background: #313131 !important;
}

/* was .k-command-cell .k-grid-cancel — .k-grid-cancel is DEAD.
   Grid command buttons are matched by their command class in 2026. */
.k-command-cell .k-button {
    color: #333 !important;
}


/* ------------------------------------------------------------
   5. APP-SPECIFIC  (unchanged — no Kendo classes involved)
   ------------------------------------------------------------ */

.level0Night {
    color: white !important;
}

.level1Night {
    color: magenta;
}

.level2Night {
    color: aqua;
}

.level3Night {
    color: green;
}

.level4Night {
    color: yellow;
}

.level5Night {
    color: red;
}

.level0NightEmpty {
    background-color: black !important;
    color: black !important;
}

#headerNight {
    color: white !important;
    text-align: center;
    padding: 5px;
}

#dnn_dnnLOGO_imgLogo {
    background-color: darkgrey;
}

.eds_news_Ozone.eds_subCollection_news {
    color: #ebebeb !important;
}

.lightDarkBg {
    background-color: #17232d;
}

.bgYellow {
    color: Yellow !important;
}

.bgOrange {
    color: orange !important;
}

.rundownStale {
    color: initial;
}

.jspContainer {
    color: #666 !important;
}

/* .k-widget removed from this selector — DEAD in 2026 */
.dnnModuledigitalAssetsTreeView.RadTreeView .rtIn,
#dnnModuleDigitalAssetsBreadcrumb li {
    color: #ebebeb !important;
}

.ThemeMinimalExtropy .EventDayScroll,
.ThemeMinimalExtropy .EventDay,
.ThemeMinimalExtropy .EventDayEvents,
.ThemeMinimalExtropy .EventWeekendDayEvents {
    background-color: initial !important;
}

.ThemeMinimalExtropy .EventWeekendDay {
    background-color: #2b3e50 !important;
}

.ThemeMinimalExtropy .EventDay,
.ThemeMinimalExtropy .EventDayEvents,
.ThemeMinimalExtropy .EventWeekendDayEvents {
    color: #ebebeb !important;
}

.ThemeMinimalExtropy .EventOtherMonthDay {
    background-color: dimgrey !important;
}

.panel-info > .panel-heading,
.btn-info {
    background-color: #333333;
}

.bg-danger.text-danger {
    color: darkblue !important;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td span:hover {
    color: #313131 !important;
}