:root {
  --primary-color-dark-mode: #a5c3cd;
  --dark-mode-bg: #000000;
  --dark-mode-text: #d7e3e7;
  --dark-mode-border: #343b3e;
  --dark-mode-table-header: #171717;
  --dark-mode-card-bg: #111111;
}

body.darkmode {
  background-color: var(--dark-mode-bg) !important;
  color: var(--dark-mode-text) !important;
  fill: var(--dark-mode-text) !important;
}

body.darkmode ::-webkit-scrollbar-thumb {
  background-color: var(--dark-mode-border) !important;
}

body.darkmode .amcharts-chart-div [class*="amcharts-balloon-div"],
body.darkmode .amcharts-chart-div [class*="amcharts-balloon-div"] * {
  color: var(--dark-mode-text) !important;
}

/* AmCharts v3 draws the tooltip background as an SVG path. */
body.darkmode .amcharts-chart-div .amcharts-balloon-bg,
body.darkmode .amcharts-chart-div path.amcharts-balloon-bg,
body.darkmode .amcharts-chart-div rect.amcharts-balloon-bg {
  fill: var(--dark-mode-border) !important;
  stroke: var(--primary-color-dark-mode) !important;
}

body.darkmode .amcharts-chart-div [class*="amcharts-balloon-div"] {
  background: var(--dark-mode-border) !important;
  background-color: var(--dark-mode-border) !important;
  border: 1px solid var(--primary-color-dark-mode) !important;
}

body.darkmode table.table,
body.darkmode table.dataTable,
body.darkmode .dataTables_wrapper,
body.darkmode .dataTables_scroll,
body.darkmode .dataTables_scrollHead,
body.darkmode .dataTables_scrollBody,
body.darkmode .dataTables_scrollFoot {
  color: var(--dark-mode-text) !important;
  background-color: var(--dark-mode-bg) !important;
}

body.darkmode table.table thead th,
body.darkmode table.dataTable thead th,
body.darkmode .dataTables_scrollHead th {
  background-color: var(--dark-mode-table-header) !important;
  color: #c4dce3 !important;
  border: 1px solid var(--dark-mode-border) !important;
}

body.darkmode table.table tbody td,
body.darkmode table.dataTable tbody td,
body.darkmode table.dataTable tbody tr,
body.darkmode table.dataTable tbody tr.odd,
body.darkmode table.dataTable tbody tr.even {
  background-color: var(--dark-mode-bg) !important;
  color: var(--dark-mode-text) !important;
  border: 1px solid #3b555e !important;
}

body.darkmode table.table tbody tr:hover td,
body.darkmode table.dataTable tbody tr:hover td {
  background-color: #304f5a !important;
  color: #e0f0f4 !important;
}

body.darkmode
  .mypopsview-detail-div:not(.mypopsview-detail-div.not-functional-view),
body.darkmode .nested-feature-div,
body.darkmode .not-functional-view {
  border: 1px solid var(--dark-mode-border) !important;
}

body.darkmode .myopsview-dashboard-container .card-header i,
body.darkmode .myopsview-dashboard-container .card-header .svg-inline--fa,
body.darkmode .pop-up-view-object .card-header i,
body.darkmode .pop-up-view-object .card-header .svg-inline--fa,
body.darkmode .card-header .action_btn,
body.darkmode .dataTables_wrapper a,
body.darkmode .dataTables_wrapper button,
body.darkmode .dataTables_wrapper i,
body.darkmode .dataTables_wrapper .svg-inline--fa,
body.darkmode table.dataTable .action_btn,
body.darkmode table.dataTable .action_btn i,
body.darkmode table.dataTable .action_btn .svg-inline--fa,
body.darkmode table.dataTable .go_to_icon,
body.darkmode table.dataTable .go_to_icon i,
body.darkmode table.dataTable .feature_tab i,
body.darkmode table.dataTable i.feature_tab,
body.darkmode .dataTables_wrapper .go_to_icon,
body.darkmode .dataTables_wrapper .feature_tab i,
body.darkmode .dataTables_wrapper i.feature_tab,
body.darkmode table.common_datatable i.feature_tab,
body.darkmode table.common_datatable .fa-cog,
body.darkmode table.common_datatable .fa-gear {
  color: var(--primary-color-dark-mode) !important;
  fill: var(--primary-color-dark-mode) !important;
}

body.darkmode .myopsview-dashboard-container .card-header i,
body.darkmode .myopsview-dashboard-container .card-header .svg-inline--fa,
body.darkmode .pop-up-view-object .card-header i,
body.darkmode .pop-up-view-object .card-header .svg-inline--fa,
body.darkmode .modal-content .card-header i,
body.darkmode .modal-content .card-header .svg-inline--fa,
body.darkmode .myopsview-dashboard-container .card-header i::before,
body.darkmode .pop-up-view-object .card-header i::before,
body.darkmode .modal-content .card-header i::before {
  color: var(--dark-mode-text) !important;
  fill: var(--dark-mode-text) !important;
}

body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link i,
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link i::before,
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link .svg-inline--fa,
body.darkmode #asset_report_tabs_main h4.frame_title i,
body.darkmode #asset_report_tabs_main h4.frame_title i::before,
body.darkmode #asset_report_tabs_main h4.frame_title .svg-inline--fa,
body.darkmode #asset_report_tabs_main .title-icon {
  color: var(--dark-mode-text) !important;
  fill: var(--dark-mode-text) !important;
}

body.darkmode #myopsview_help_modal .modal-header,
body.darkmode #myopsview_help_modal .mov3-help-toolbar,
body.darkmode #myopsview_help_modal .mov3-help-nav,
body.darkmode #myopsview_help_modal .mov3-help-content,
body.darkmode #myopsview_help_modal .mov3-help-filter-select,
body.darkmode #myopsview_help_modal #mov3-help-search,
body.darkmode #myopsview_help_modal .mov3-help-article-find-input,
body.darkmode #myopsview_help_modal .mov3-help-search-clear,
body.darkmode #myopsview_help_modal .mov3-help-search-result,
body.darkmode #myopsview_help_modal .mov3-help-nav-product,
body.darkmode #myopsview_help_modal .mov3-help-related-block,
body.darkmode #myopsview_help_modal .mov3-help-section {
  background: var(--dark-mode-card-bg) !important;
  border-color: var(--dark-mode-border) !important;
  color: var(--dark-mode-text) !important;
}
body.darkmode #myopsview_help_modal #mov3-help-search::placeholder,
body.darkmode #myopsview_help_modal .mov3-help-article-find-input::placeholder {
  color: color-mix(in srgb, var(--dark-mode-text) 70%, var(--dark-mode-bg)) !important;
  opacity: 1;
}
body.darkmode #myopsview_help_modal #mov3-help-search:focus,
body.darkmode #myopsview_help_modal .mov3-help-article-find-input:focus {
  border-color: var(--primary-color-dark-mode) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color-dark-mode) 25%, transparent) !important;
}
body.darkmode #myopsview_help_modal .modal-header h2,
body.darkmode #myopsview_help_modal .mov3-help-shell,
body.darkmode #myopsview_help_modal .mov3-help-toolbar-status,
body.darkmode #myopsview_help_modal .mov3-help-filter-label,
body.darkmode #myopsview_help_modal .mov3-help-nav-product-title,
body.darkmode #myopsview_help_modal .mov3-help-nav-group-title,
body.darkmode #myopsview_help_modal .mov3-help-nav-item,
body.darkmode #myopsview_help_modal .mov3-help-search-result,
body.darkmode #myopsview_help_modal .mov3-help-related-item,
body.darkmode #myopsview_help_modal .mov3-help-article-title,
body.darkmode #myopsview_help_modal .mov3-help-article-summary-label,
body.darkmode #myopsview_help_modal .mov3-help-article-summary-text,
body.darkmode #myopsview_help_modal .mov3-help-related-label,
body.darkmode #myopsview_help_modal .mov3-help-section h3,
body.darkmode #myopsview_help_modal .mov3-help-section-body,
body.darkmode #myopsview_help_modal .mov3-help-empty {
  color: var(--dark-mode-text) !important;
}
body.darkmode #myopsview_help_modal .mov3-help-search-result:hover,
body.darkmode #myopsview_help_modal .mov3-help-search-result.is-active,
body.darkmode #myopsview_help_modal .mov3-help-nav-product-toggle:hover,
body.darkmode #myopsview_help_modal .mov3-help-nav-product.is-expanded .mov3-help-nav-product-toggle,
body.darkmode #myopsview_help_modal .mov3-help-nav-item:hover,
body.darkmode #myopsview_help_modal .mov3-help-nav-item.is-active {
  background: color-mix(in srgb, var(--primary-color-dark-mode) 22%, var(--dark-mode-card-bg)) !important;
  color: var(--dark-mode-text) !important;
}
body.darkmode #myopsview_help_modal .mov3-help-nav-item.is-active {
  border-left-color: var(--primary-color-dark-mode) !important;
}
body.darkmode #myopsview_help_modal .mov3-help-nav-group-toggle,
body.darkmode #myopsview_help_modal .mov3-help-nav-group-meta,
body.darkmode #myopsview_help_modal .mov3-help-nav-product-meta,
body.darkmode #myopsview_help_modal .mov3-help-nav-summary,
body.darkmode #myopsview_help_modal .mov3-help-related-item-meta,
body.darkmode #myopsview_help_modal .mov3-help-related-context-label,
body.darkmode #myopsview_help_modal .mov3-help-article-find-status {
  background: var(--dark-mode-card-bg) !important;
  color: var(--dark-mode-text) !important;
}
body.darkmode #myopsview_help_modal .mov3-help-article-find-input,
body.darkmode #myopsview_help_modal .mov3-help-article-find-btn,
body.darkmode #myopsview_help_modal .mov3-help-related-back,
body.darkmode #myopsview_help_modal .mov3-help-section-links button {
  background: var(--dark-mode-card-bg) !important;
  border-color: var(--dark-mode-border) !important;
  color: var(--dark-mode-text) !important;
}
body.darkmode #myopsview_help_modal .mov3-help-section-links button.is-active,
body.darkmode #myopsview_help_modal .mov3-help-article-find-btn:hover,
body.darkmode #myopsview_help_modal .mov3-help-related-back:hover {
  background: color-mix(in srgb, var(--primary-color-dark-mode) 22%, var(--dark-mode-card-bg)) !important;
  border-color: var(--primary-color-dark-mode) !important;
  color: var(--dark-mode-text) !important;
}
body.darkmode #myopsview_help_modal .mov3-help-nav,
body.darkmode #myopsview_help_modal .mov3-help-content {
  scrollbar-color: var(--primary-color-dark-mode) var(--dark-mode-bg);
}

body.darkmode .kpi_summary,
body.darkmode .kpi_summary th,
body.darkmode .kpi_summary td,
body.darkmode .kpi_summary label,
body.darkmode .kpi_summary .kpi-icon,
body.darkmode .kpi_summary .kpi-value {
  color: var(--dark-mode-text) !important;
  fill: var(--dark-mode-text) !important;
}
body.darkmode .kpi_summary tr,
body.darkmode .kpi_summary td,
body.darkmode .kpi_summary th {
  border: 1px solid var(--dark-mode-border) !important;
}
body.darkmode .kpi_summary .kpi-utility-red {
  color: #ff7f7f !important;
}
body.darkmode .kpi_summary .kpi-utility-green {
  color: #6ee7a0 !important;
}
body.darkmode .kpi_summary .kpi-utility-blue {
  color: #79b3c7 !important;
}
body.darkmode .kpi_summary .kpi-utility-cyan {
  color: #7dd3e8 !important;
}

body.darkmode table.dataTable tfoot input,
body.darkmode table.common_datatable tfoot input,
body.darkmode .dataTables_wrapper tfoot input,
body.darkmode .dataTables_filter input,
body.darkmode .dataTables_wrapper input[type="search"] {
  background-color: var(--dark-mode-card-bg) !important;
  color: var(--dark-mode-text) !important;
  border: 1px solid var(--dark-mode-border) !important;
}
body.darkmode table.dataTable tfoot input::placeholder,
body.darkmode table.common_datatable tfoot input::placeholder,
body.darkmode .dataTables_filter input::placeholder,
body.darkmode .dataTables_wrapper input[type="search"]::placeholder {
  color: color-mix(in srgb, var(--dark-mode-text) 70%, var(--dark-mode-card-bg)) !important;
  opacity: 1;
}
body.darkmode table.dataTable tfoot input:focus,
body.darkmode table.common_datatable tfoot input:focus,
body.darkmode .dataTables_filter input:focus,
body.darkmode .dataTables_wrapper input[type="search"]:focus {
  border-color: var(--primary-color-dark-mode) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color-dark-mode) 25%, transparent) !important;
  outline: none;
}

body.darkmode .myopsview-dashboard-container .card-header,
body.darkmode .pop-up-view-object .card-header {
  border-bottom-color: var(--dark-mode-border) !important;
  background-color: var(--dark-mode-table-header);
}

body.darkmode .event-summary-title,
body.darkmode .event-summary-total,
body.darkmode .event-summary-card small,
body.darkmode .event-summary-card span[style*="font-size: 0.85rem"] {
  color: var(--dark-mode-text) !important;
}

body.darkmode .event-summary-card strong,
body.darkmode .event-summary-card li,
body.darkmode .event-summary-card h6 {
  color: var(--dark-mode-text) !important;
}

body.darkmode .event-summary-card strong.dark-text *,
body.darkmode .event-summary-card strong.dark-text,
body.darkmode .event-summary-card li.dark-text *,
body.darkmode .event-summary-card li.dark-text,
body.darkmode .event-summary-card h6.dark-text *,
body.darkmode .event-summary-card h6.dark-text,
body.darkmode p.dark-text {
  color: #0d1b2a !important;
}

body.darkmode .modal-content,
body.darkmode .modal-header,
body.darkmode .modal-body,
body.darkmode .pop-up-view-object,
body.darkmode .pop-up-view-object .card,
body.darkmode .pop-up-view-object .card-body {
  background-color: var(--dark-mode-table-header) !important;
  color: var(--dark-mode-text) !important;
}

body.darkmode .modal-content h1,
body.darkmode .modal-content h2,
body.darkmode .modal-content h3,
body.darkmode .modal-content h4,
body.darkmode .modal-content h5,
body.darkmode .modal-content h6,
body.darkmode .modal-content label,
body.darkmode .modal-content span,
body.darkmode .pop-up-view-object .card-header,
body.darkmode .pop-up-view-object .card-body {
  color: var(--dark-mode-text) !important;
}

body.darkmode .dashboard_group_tab::before,
body.darkmode .dashboard_group_tab::after,
body.darkmode .dashboard_feature_tab::before,
body.darkmode .dashboard_feature_tab::after,
body.darkmode .global_feature_group_tab::before,
body.darkmode .global_feature_group_tab::after {
  background: var(--primary-color-dark-mode) !important;
}

body.darkmode [off-canvas],
body.darkmode .nav-side-menu,
body.darkmode .left-of-canvas > .left-off-canvas-body > .nav-side-menu,
body.darkmode .left-of-canvas > .left-off-canvas-body > .nav-side-menu ul,
body.darkmode .left-of-canvas > .left-off-canvas-body > .nav-side-menu li {
  background-color: var(--dark-mode-bg) !important;
  color: var(--dark-mode-text) !important;
}

body.darkmode .left-of-canvas .nav-side-menu a,
body.darkmode .left-of-canvas .nav-side-menu a span,
body.darkmode .left-of-canvas .nav-side-menu .title1,
body.darkmode .left-of-canvas .nav-side-menu .title2,
body.darkmode .left-of-canvas .nav-side-menu-static a,
body.darkmode .left-of-canvas .nav-side-menu-static a span {
  color: var(--dark-mode-text) !important;
}

body.darkmode .left-of-canvas .user-info .title1,
body.darkmode .left-of-canvas .user-info .title2 {
  color: var(--dark-mode-text) !important;
}

body.darkmode .left-of-canvas .t3-off-canvas-header {
  border-bottom-color: #46616a !important;
}

body.darkmode .left-of-canvas .nav-side-menu a:hover,
body.darkmode .left-of-canvas .nav-side-menu li.active > a,
body.darkmode .left-of-canvas .nav-side-menu li.active > a span {
  color: #d7eaf0 !important;
}

body.darkmode .left-of-canvas .nav-side-menu a > span > .fa,
body.darkmode .left-of-canvas .nav-side-menu a > span > .svg-inline--fa,
body.darkmode .left-of-canvas .nav-side-menu a > i,
body.darkmode .left-of-canvas .nav-side-menu button i,
body.darkmode .left-of-canvas .nav-side-menu-static a > span > .fa,
body.darkmode .left-of-canvas .nav-side-menu-static a > span > .svg-inline--fa {
  color: var(--primary-color-dark-mode) !important;
  fill: var(--primary-color-dark-mode) !important;
}

body.darkmode #previous-feature-detail-btn,
body.darkmode .up_arrow,
body.darkmode .js-toggle-dashboard-slidebar,
body.darkmode .myopsview-dashboard-btn,
body.darkmode .feature_attachment_btn,
body.darkmode #myopsview-dashboard-btn,
body.darkmode #myopsview-help-btn,
body.darkmode .myopsview-help-btn,
body.darkmode .header-feature-icon {
  color: var(--primary-color-dark-mode) !important;
  border-color: var(--dark-mode-card-bg) !important;
  background-color: var(--dark-mode-table-header);
}
body.darkmode .feature-detail-btn:not(.parent_filter_icon), 
body.darkmode #arrow_up_btn, 
body.darkmode #previous-feature-detail-btn, 
body.darkmode #myopsview-dashboard-btn, 
body.darkmode #myopsview-help-btn, 
body.darkmode #previous-feature-detail-btn, 
body.darkmode .header-feature-icon{
  border-color: var(--dark-mode-card-bg) !important;
  background-color: var(--dark-mode-table-header);
}
body.darkmode .call_ref_count {
  background: var(--dark-mode-table-header);
  border: 1px solid var(--dark-mode-border);
  color: var(--dark-mode-text) !important;
}
body.darkmode .card {
  background-color: var(--dark-mode-bg) !important;
}
body.darkmode .event-summary-title,
body.darkmode .event-summary-total,
body.darkmode .event-summary-period {
  color: var(--dark-mode-text);
}
body.darkmode .myopsview-setting-div {
  border: 1px solid var(--dark-mode-border);
}
body.darkmode .table > :not(caption) > * > *{
  background-color: var(--dark-mode-bg);
  color: var(--dark-mode-text);
}
body.darkmode .table .form-control{
  background-color: var(--dark-mode-table-header);
  border: var(--dark-mode-border);
  color: var(--primary-color-dark-mode);
}
body.darkmode .common_datatable th, body.darkmode .common_datatable td {
  border: var(--dark-mode-border);
}
body.darkmode .radio-list-wrapper label:has(input[type="radio"]:checked){
  background: var(--dark-mode-table-header);
  border: 1px solid var(--dark-mode-border);
}
body.darkmode .filter-card.active {
  border: 2px solid var(--primary-color-dark-mode);
  background: var(--dark-mode-table-header) !important;
}
body.darkmode .opsfooter{
  border: 1px solid var(--dark-mode-border) !important;
}
body.darkmode tr.selected td .call_ref_count{
  color: var(--dark-mode-text);
}
body.darkmode .myopsview-dashboard-container .card-header i,
body.darkmode .myopsview-dashboard-container .card-header .svg-inline--fa,
body.darkmode .pop-up-view-object .card-header i,
body.darkmode .pop-up-view-object .card-header .svg-inline--fa {
  color: var(--dark-mode-text) !important;
  fill: var(--dark-mode-text) !important;
}
body.darkmode #common_modal_5 #asset_report_tabs .device_form_tab:not(:last-child),
body.darkmode #asset_report_tabs .device_form_tab:not(:last-child) {
  border-bottom: 1px solid var(--dark-mode-border);
}
body.darkmode .myopsview-dashboard-container .card-header,
body.darkmode .pop-up-view-object .card-header{
  border-bottom: 1px solid var(--dark-mode-border);
}
body.darkmode .modal-header{
  border-bottom: 1px solid var(--dark-mode-border);
}
body.darkmode #common_modal_5 .mypopsview-detail-div .card-header,
body.darkmode #common_modal_6 .mypopsview-detail-div .card-header,#common_modal_7 .mypopsview-detail-div .card-header,#common_modal_8 .mypopsview-detail-div .card-header{
  border-bottom: 1px solid var(--dark-mode-border);
}
body.darkmode #asset_report_tabs_main {
  background: var(--dark-mode-bg);
  border-top-color: var(--dark-mode-border);
}
body.darkmode #asset_report_tabs_main .asset-report-sidebar,
body.darkmode #asset_report_tabs_main .asset-report-content,
body.darkmode #asset_report_tabs_main .grid-container > div[id^="frame_"] {
  background: var(--dark-mode-bg);
  color: var(--dark-mode-text);
}
body.darkmode #asset_report_tabs_main .grid-container > div[id^="frame_"] {
  border-color: var(--dark-mode-border) !important;
}
body.darkmode #asset_report_tabs_main div[class^="field-deviceform-"]:not(.event-card),
body.darkmode #asset_report_tabs_main div[class*=" field-deviceform-"]:not(.event-card),
body.darkmode #asset_report_tabs_main .event-card {
  background: var(--dark-mode-card-bg);
  color: var(--dark-mode-text);
}
body.darkmode #asset_report_tabs_main .asset-report-striped-field {
  background: color-mix(in srgb, var(--dark-mode-card-bg) 92%, #ffffff) !important;
}
body.darkmode #asset_report_tabs_main h4.frame_title,
body.darkmode #asset_report_tabs_main .asset-report-tab-group-label,
body.darkmode #asset_report_tabs_main div[class^="field-deviceform-"]:not(.event-card) label,
body.darkmode #asset_report_tabs_main div[class*=" field-deviceform-"]:not(.event-card) label,
body.darkmode #asset_report_tabs_main div[class^="field-deviceform-"]:not(.event-card) > span:last-of-type,
body.darkmode #asset_report_tabs_main div[class*=" field-deviceform-"]:not(.event-card) > span:last-of-type,
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link,
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link.active {
  color: var(--dark-mode-text) !important;
}
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link.active {
  background: color-mix(in srgb, var(--primary-color-dark-mode) 22%, var(--dark-mode-bg)) !important;
}
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link i,
body.darkmode #asset_report_tabs_main #asset_report_tabs .nav-link.active i,
body.darkmode #asset_report_tabs_main h4.frame_title i,
body.darkmode #asset_report_tabs_main .title-icon {
  color: var(--dark-mode-text) !important;
  fill: var(--dark-mode-text) !important;
}
body.darkmode #asset_report_tabs_main .asset-report-sidebar {
  border-right: 1px solid var(--dark-mode-border);
}
body.darkmode #common_modal_5 #asset_report_tabs .nav-link.active:before, 
body.darkmode #asset_report_tabs .nav-link.active:before {
  background: var(--dark-mode-border) !important;
}
body.darkmode div.dt-container .dt-search input {
  border: 1px solid var(--dark-mode-border);
}
body.darkmode .form-control{
  background-color: var(--dark-mode-table-header) !important;
}
body.darkmode .table-bordered > :not(caption) > * > * {
  border-color: var(--dark-mode-border);
}