/* Light theme for wrapper */
:root {
  /* --enov8-background-color:#f7f5f2;
  --enov8-background-color:#1c1c1c; */
  --ct-leftbar-width: 340px !important;

  
  /* Light theme scheduler colors */
  .light-theme {
    --dhx-scheduler-base-colors-primary: #01579B;
    --dhx-scheduler-event-background: #33B579; 
    --dhx-scheduler-event-color: #FFFFFF; /* Text Color */
    --dhx-scheduler-base-colors-border: #B0B8CD;
    --dhx-scheduler-border-radius: 2px;
    --dhx-scheduler-timescale-background: #f5f5f5;
    --dhx-scheduler-scale-color: #000000;
    --dhx-scheduler-container-background: #ffffff;
    --dhx-scheduler-btn-outline-border-color:#0288D1;
    --dhx-scheduler-btn-outline-color:#0288D1;
    --enov8-secondary-background-color:#ffffff;
    --enov8-background-color:#f7f5f2; 
    --enov8-input-border-color:#d2d6de;
    --enov8-gantt-project-background-color:#d8e7f5;
   --enov8-comparison-text-color: #000000;
   --dhx-scheduler-container-color:#000000;
   --dhx-scheduler-base-colors-border: red;
   --dhx-gantt-quick-info-background:#000000;
   --dhx-gantt-quick-info-text:#FFF;
   --dhx-gantt-selected-text:#000;


   --dhx-scheduler-event-text-color: #FFF; /* Text Color */
   --dhx-scheduler-timescale-today-background:#C0DAB4 !important;
   --enov8-highcharts-background-color:#FFF;
   --enov8-table-header-background-color:#EEF2F7;
   --enov8-table-header-text-color:#000000;

   --enov8-label-text-color:#000000;

  }

  /* Dark theme scheduler colors */
  .dark-theme {
    --dhx-scheduler-base-colors-primary: #0288D1;
    --dhx-scheduler-event-background: #4CAF50;
    --dhx-scheduler-event-color: #FFFFFF; 
    --dhx-scheduler-event-text-color: #FFFFFF; 
    --dhx-scheduler-base-colors-border: #404954;
    --dhx-scheduler-border-radius: 2px;
    --dhx-scheduler-timescale-background: #37404a;
    --dhx-scheduler-scale-color: #ffffff;
    --dhx-scheduler-container-background: #37404a;
    --dhx-scheduler-btn-outline-border-color:#FFFFFF !important;
    --dhx-scheduler-btn-outline-color:#FFFFFF !important;
    --enov8-secondary-background-color:#37404a;
    --enov8-background-color:#1c1c1c;
    --enov8-input-border-color:#404954;
    --enov8-gantt-project-background-color:#bbe5f6;
    --enov8-comparison-text-color: #000;
    --dhx-scheduler-container-color:#ffffff;
    --dhx-scheduler-base-colors-border: green;
    --dhx-gantt-quick-info-background:#FFF;
    --dhx-gantt-quick-info-text:#000;
    --dhx-gantt-selected-text:#000;

    --dhx-scheduler-timescale-today-background:#C0DAB4 !important;
    --enov8-highcharts-background-color:#37404a;
    --enov8-table-header-background-color:#464F5B;
    --enov8-table-header-text-color:#FFF;

    --enov8-label-text-color:#FFF;


    
  }

 
  
}
:root {
  --enov8-factsheet-header-bg: #000000;
  --enov8-dropdown-text-color:#000000;
  --enov8-dropdown-text-color-highlight:#ffffff;
  --enov8-dhtmlx-grid-bg:#FFF;
}

[data-bs-theme=light] {
  --enov8-factsheet-header-bg: #323b48;
  --enov8-dropdown-text-color:#323b48;
  --enov8-dhtmlx-grid-bg:#FFF;
  --enov8-div-desc-text-color:#323b48;
  --enov8-bootbox-custom-border:#000000;
}

[data-bs-theme=dark] {
  --enov8-factsheet-header-bg: #37404a;
  --enov8-dropdown-text-color:#aab8c5;
  --enov8-dhtmlx-grid-bg:#37404a;
  --enov8-div-desc-text-color:#FFF;
  --enov8-bootbox-custom-border:#FFF;

}

.custom-bootbox .modal-content {
  border:solid 1px var(--enov8-bootbox-custom-border) !important;
  }
.step .label
{
  color:var(--enov8-label-text-color);
}
.offcanvas-header {
  background-color: var(--enov8-factsheet-header-bg) !important;
}
.range_inputs button.cancelBtn {
  color: #FFF !important;
  background: #a19e9e !important;
}
.wrapper.light-theme {
    background-color: var(--enov8-background-color);  /* Light background */
    color: #000000;             /* Dark text */
  }
  
  /* Dark theme for wrapper */
  .wrapper.dark-theme {
    /*background-color: #313a46;   Dark background */
    background-color: var(--enov8-background-color);  /* Dark background */
    color: #ffffff;             /* Light text */
  }
  
  .wrapper.dark-theme div.dataTables_scrollBody {
    border-left: 1px solid #313a46 !important; /* Match the dark theme background color */
  }
  
  /* If you want to remove the border completely in dark mode */
  .wrapper.dark-theme div.dataTables_scrollBody {
    border-left: none !important;
  }
  /* Light Theme (default) */
  .content.light-theme {
    background-color: var(--enov8-background-color);
    color: #000000;
  }
  
  /* Dark Theme */
  .content.dark-theme {
    /* background-color: #1f1f1f; Rohit */
    background-color: var(--enov8-background-color); 
    color: #f1f1f1;
  }
  
  
  /* Light Theme */
  .light-theme .table_paging_info {
    color: #000000;
  }
  
  /* Dark Theme */
  .dark-theme .table_paging_info {
    color: #f1f1f1;
  }
  
  /* Light Theme */
  .light-theme .table_paging_info,
  .light-theme .dataTables_length {
    color: #000000;
  }
  
  /* Light Theme */
  .light-theme .table_paging_info,
  .light-theme .dataTables_length,
  .light-theme .dataTables_length label,
  .light-theme .dataTables_length select {
    color: #000000;
  }
  
  /* Dark Theme */
  .dark-theme .table_paging_info,
  .dark-theme .dataTables_length,
  .dark-theme .dataTables_length label,
  .dark-theme .dataTables_length select {
    color: #f1f1f1;
  }
  
  /* Ensure text is visible in select dropdown for both themes */
  /* .light-theme .select2-container--default .select2-selection--single .select2-selection__rendered,
  .dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
  } */
  

  
  /* Dark Theme */
  .dark-theme .table_paging_info,
  .dark-theme .dataTables_length {
    color: #f1f1f1;
  }
  /* Light Theme */
  .light-theme .smallbox_title,
  .light-theme .smallbox_total {
    color: #000000;
  }
  
  /* Dark Theme */
  .dark-theme .smallbox_title,
  .dark-theme .smallbox_total {
    color: #ffffff;
  }
  
  /* Ensure contrast for both themes */
  .light-theme .card.text-white .smallbox_title,
  .light-theme .card.text-white .smallbox_total,
  .dark-theme .card.text-white .smallbox_title,
  .dark-theme .card.text-white .smallbox_total {
    color: #ffffff;
  }
  /* Override header title styles */
  .card .header-title {
    text-transform: none;
    letter-spacing: normal;
    font-size: 1rem;
  }
  /* Light theme background for logoBar */
  .light-theme #logoBar {
      background-color: #ffffff;
  }
  
  /* Dark theme background for logoBar */
  .dark-theme #logoBar {
      background-color: #313a46;
  }
  
  .dropdown-toggle::after {
    display: None;
    margin-left: 0.255em;
    vertical-align: 0.15em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }
  
  
  
  /* Highcharts Light Theme */
  .highcharts-scrollable-mask {
    fill: var(--enov8-highcharts-background-color) !important;
    fill-opacity: 0.5 !important; 
  }
  
.highcharts-legend-box {
  fill:var(--ct-secondary-bg) ;
  fill-opacity: 0.7; 
  /* stroke: var(--ct-secondary-bg) ;;
  stroke-width: 1px;  */
}


  .light-theme .highcharts-background {
      fill: #ffffff;
  }
  
  .light-theme .highcharts-plot-background {
    fill: #ffffff;
  }

 
  
  .light-theme .highcharts-title,
  .light-theme .highcharts-axis-title,
  .light-theme .highcharts-axis-labels text,
  .light-theme .highcharts-label,
  .light-theme .highcharts-stack-labels {
      fill: #333333;
  }
  
  .light-theme .highcharts-legend-item text {
      fill: #333333 !important;
      stroke: none;
  }
  
 /* .highcharts-tooltip {
       fill: var(--ct-secondary-bg) ;
      stroke: #cccccc; 
  } */
  
 .highcharts-tooltip-text {
      fill: #000;
  }
  
  .light-theme  .highcharts-data-labels text {
    fill: #000 !important;
    font-weight: bold;
}

  /* .light-theme .optionbar
  {
    background: #EEEEEE;
  } */
  
  /* Highcharts Dark Theme */
  .dark-theme .highcharts-background {
      fill: #374049;
  }
  
  .dark-theme .highcharts-plot-background {
      fill: #374049;
  }
  
  .dark-theme .highcharts-title,
  .dark-theme .highcharts-axis-title,
  .dark-theme .highcharts-axis-labels text,
  .dark-theme .highcharts-label,
  .dark-theme .highcharts-stack-labels {
      fill: #ffffff !important;
      stroke: none;
  }
  
  .dark-theme .highcharts-legend-item text {
      fill: #ffffff !important;
      stroke: none;
  }
  .dark-theme  .highcharts-data-labels text {
    fill: #ffffff !important;
}


  

  
  /* Common styles for both themes */
  .highcharts-grid-line {
      stroke:var(--ct-border-color); 
  }
  /* TO change the color of the axis line */
  .highcharts-axis-line {
    stroke: var(--ct-border-color) !important; 
    stroke-width: 2px; 
}
  .highcharts-point {
      stroke-width: 0;
  }
  
   .tab-header {
    background: var(--ct-tertiary-bg);
  }
  
  .dark-theme .gantt_scale_options label
  {
    color: #ffffff;
  }
  
  
  .light-theme .gantt_scale_options label
  {
    color: #000000;
  }
  
  
  /* Light Mode Gantt Chart */
  .light-theme .gantt_grid_scale,
  .light-theme .gantt_task_scale {
      background-color: #f5f5f5;
      color: #333333;
  }
  
  .light-theme .gantt_grid_data .gantt_cell {
      border-right: 1px solid #ebebeb;
      color: #333333;
  }
  
  /* .light-theme .gantt_task_line {
      background-color: #4a89dc;
      border: 1px solid #3476c9;
  } */
  
  .light-theme .gantt_task_progress {
      background-color: #297ee8;
  }
  
  .light-theme .gantt_grid_head_cell {
      color: #333333;
  }
  
  /* Dark Mode Gantt Chart */
  .dark-theme .gantt_grid_scale,
  .dark-theme .gantt_task_scale {
      background-color: #2b2b2b;
      color: #ffffff;
  }
  
  .dark-theme .gantt_grid_data .gantt_cell {
      border-right: 1px solid #3c3c3c;
      color: #ffffff;
      background-color: #3c3c3c;
  }
  
  /* .dark-theme .gantt_task_line {
      background-color: #3476c9;
      border: 1px solid #2666b9;
  } */
  
  .dark-theme .gantt_task_progress {
      background-color: #1e5aa8;
  }
  
  .dark-theme .gantt_grid_head_cell,
  .dark-theme .gantt_legend,
  .dark-theme .gantt_legend label {
      color: #ffffff  !important;
  }
  .dark-theme .gantt_side_content {
    color: #ffffff !important;
  }
  
  
  .dark-theme .gantt_grid,
  .dark-theme .gantt_task {
      background-color: #2b2b2b;
  }
  
  .dark-theme .gantt_grid_scale,
  .dark-theme .gantt_task_scale,
  .dark-theme .gantt_task_vscroll {
      background-color: #363636;
  }
  
  .dark-theme .gantt_scale_line {
      border-top: 1px solid #3c3c3c;
  }
  
  .dark-theme .gantt_grid_data .gantt_row.odd,
  .dark-theme .gantt_task_row.odd {
      background-color: #323232;
  }
  
  .dark-theme .gantt_grid_data .gantt_row:hover,
  .dark-theme .gantt_task_row:hover {
      background-color: #3c3c3c;
  }
  
  .dark-theme .gantt_task_row {
      background-color: #2b2b2b;
      color: #ffffff;
  }
  
  .widgetHeaderHeight {
      height: 50px;
  }
  
  .floatingForm {
    margin-top:-0px;
  }
  
  div.dts div.dataTables_scrollBody {
    background:none;
  }
  
  div.dataTables_scrollBody {
    border-left: 0px solid #ddd !important;
  }
  
  div.dataTable tbody tr {
    border-bottom: 1px solid #ddd; /* Adjust color and thickness as needed */
  }
  
  table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1;
  }
  .light-theme label {
    color: #000000;
  }
  
  /* Dark Theme */
  .dark-theme label {
    color: #f1f1f1;
  }
  
  .light-theme .fa-edit,
  .light-theme .fa-clone,
  .light-theme .fa-paperclip {
    color: #000000;
  }

  .dark-theme .fa-edit,
  .dark-theme .fa-clone,
  .dark-theme .fa-paperclip {
    color: #f1f1f1;
  }

  .toggle-handle
  {
    background-color: #fff;
  }
  
  .light-theme .toggle{
    border: 1px solid #999;
  }
  
  .dark-theme .toggle{
    border: 1px solid #fff;
  }
  .light-theme .toggle-handle{
    background-color: #999;
  }
  
  .dark-theme .toggle-handle{
    background-color: #fff;
  }
  .light-theme .ck-editor{
    background-color: #999;
    color:#000;
  }
  
  .dark-theme .ck-editor{
    background-color: #fff;
    color:#fff;
  }
  
  .dark-theme .ck-editor__editable {
    background-color: #404954 !important;
      transition: border-color 0.3s ease; 
      color:#fff;
  }
  
  .light-theme .ck-editor__editable {
    background-color: #fff!important;
      transition: border-color 0.3s ease; 
      color:#000;
  }
  
  /* Toolbar background and border styles */
  .dark-theme .ck {
    background-color: #404954 !important;
    border-color: #404954 !important;
  }
  
  .light-theme .ck {
    background-color: white;
  }

  .dark-theme .ck-toolbar {
    border-bottom:1px solid #67717c !important;
  }

  /* Light theme */
  .light-theme .select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border-color: #d2d6de !important;
    padding: 6px 12px;
    background-color: #ffffff !important;
    color: #000000 !important; /* Force color */
  }
  
  /* Dark theme */
  .dark-theme .select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border-color: #404954 !important;
    padding: 6px 12px;
    background-color: #404954 !important;
    color: #ffffff !important; /* Force color */
  }
 /* Light theme */
 .light-theme .select2-container--default .select2-selection--multiple  {
    border: 0;
  
    font-size: 14px;
    color: #000000;
    background-color: #ffffff !important;
  }

  /* Dark theme */
  .dark-theme .select2-container--default .select2-selection--multiple {
    border: 0;
    /* margin-top: 2px; */
    font-size: 14px;
    color: #f1f1f1;
    background-color:#404954 !important;
  }
  /* Light theme */
  .light-theme .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    border: 0;
    margin-top: 2px;
    font-size: 14px;
    color: #000000;
    background-color: #ffffff !important;
    margin-left: 2px;
  }

  /* Dark theme */
  .dark-theme .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    border: 0;
    margin-top: 2px;
    font-size: 14px;
    color: #f1f1f1;
    background-color:#404954 !important;
    margin-left: 2px;
  }
  .select2-dropdown {
    border: var(--ct-border-width) solid var(--ct-border-color)!important;;
    -webkit-box-shadow: var(--ct-box-shadow);
    box-shadow: var(--ct-box-shadow);
    background-color: var(--ct-secondary-bg) !important;
    z-index: 1056;
}

/* ul
{
  color:#000000 !important;
} */

 .select2-results__option
{
  color: var(--enov8-dropdown-text-color) !important;
  padding: 6px 12px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
   color: var(--enov8-dropdown-text-color-highlight) !important;
   background-color: #aaaed6;
}

/* .light-theme .select2-results__option
{
  color:var(--enov8-dropdown-text-color) !important;
} */
 
    /* .select2-container--default .select2-results__option {
        color: #000000;
      } */
      
      .dark-theme .select2-container--default .select2-results__option {
        color: #f1f1f1 !important;
        background-color: #404954;
      }
      
      .dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #404954;
      }

      .control-label {
        display: inline-block;
        margin-bottom: 0.5rem;
        text-align: right;
      }

      /* Dark theme */
      .dark-theme .control-label {
        color: #f1f1f1;
      }

      /* Light theme */ 
      .light-theme .control-label {
        color: #000000;
      }


      .light-theme .toggle{
        border: 1px solid #999;
      }
      
      .dark-theme .toggle{
        border: 1px solid #fff;
      }
      .light-theme .toggle-handle{
        background-color: #999;
      }
      
      .dark-theme .toggle-handle{
        background-color: #fff;
      }

/* Select2 Dropdown Styling */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 8px !important;
  padding: 4px 4px; 
  background-color: var(--ct-input-bg); 
  border-color: var(--ct-border-color); 
  color: var(--enov8-dropdown-text-color);
  
}

/* Light theme select2 */
/* .light-theme .select2-container--default .select2-selection--single,
.light-theme .select2-container--default .select2-selection--multiple,
.light-theme .select2-dropdown {
  background-color: #ffffff !important;
  border-color: #d2d6de !important;
  color: #000000 !important;
} */

/* Dark theme select2 */
/* .dark-theme .select2-container--default .select2-selection--single,
.dark-theme .select2-container--default .select2-selection--multiple,
.dark-theme .select2-dropdown {
  background-color: #404954 !important;
  border-color: #404954 !important;
  color: #ffffff !important;
} */

/* Select2 dropdown options */
/* .select2-container--default .select2-results__option {
  padding: 6px 12px;
  font-family: 'tahoma' !important;
} */

.light-theme .select2-container--default .select2-results__option {
  color: #000000 !important;
  background-color: #ffffff;
  padding: 6px 12px;
  font-family: 'tahoma' !important;
}

.dark-theme .select2-container--default .select2-results__option {
  color: #f1f1f1  !important;
  background-color: #404954;
  padding: 6px 12px;
  font-family: 'tahoma' !important;
}

/* Selected and hover states */
.dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #2b3035 !important;
  color: #ffffff !important;
}

.light-theme .select2-container--default .select2-results__option--highlighted[aria-selected],
.light-theme .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f8f9fa !important;
  color: #000000 !important;
}

.dark-theme .select2-container .select2-selection--single .select2-selection__rendered {
    
  color:var(--ct-body-color);
}

.dark-theme .dropzone
{
    background-color: #404954 !important;
    border-color: #404954 !important;
    color: #f1f1f1 !important;
}

.light-theme .dropzone
{ 
    background-color: #ffffff !important;
    border-color: #d2d6de !important;
    color: #000000 !important;   
}

.dark-theme dropzone.dz-clickable
{
  background-color: #404954 !important;
}

.dark-theme .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all {
  color: unset !important;
}
.ecoluser {
  color: var(--ct-body-color) !important;
}
.dark-theme .picadiff .rightContainer .equal, .dark-theme .picadiff .leftContainer .equal {
  background-color: #365713 !important;
}

.dhx_cal_date {
  color:var(--dhx-scheduler-container-color);
}
.dhx_now a {
  color: #000000 !important;
}

.dhx_month_link {
  color: var(--dhx-scheduler-scale-color) !important;
}

.dhx_tree-list-item__text,.dhx_grid-cell__content,.dhx_demogrid-card__caption {
  color: var(--enov8-dropdown-text-color) !important;
}

.dhx_tree,.dhx_grid-content,.dhx_dataview,.dhx_header-row,.dhx_grid-header-cell-text_content,.dhx_grid-header-cell {
  background: var(--enov8-dhtmlx-grid-bg) !important;
  
}
.dhx_toolbar .dhx_navbar
{
  background: var(--enov8-dhtmlx-grid-bg) !important;
}

/* DHTMLX Scheduler Calendar */
.dhx_cal_data {

  border-left: var(--dhx-scheduler-default-border);
}

[data-bs-theme=light] .dhx_tree-folder.dhx_tree-folder--selected {
  background: var(--ck-color-button-on-active-background) !important;
  /* color: #000; */
}
[data-bs-theme=dark] .dhx_tree-folder.dhx_tree-folder--selected {
  background: none !important;
}
[data-bs-theme=dark] .dhx_tree-folder--selected .dhx_tree-list-item__content span.dhx_tree-list-item__text 
{
   color: #000 !important;
}
[data-bs-theme=dark] .dhx_tree-folder--focused .dhx_tree-list-item__content span.dhx_tree-list-item__text 
{
   color: #000 !important;
}
.dhx_input {
  background: var(--ct-input-bg) !important;
  border-color: var(--ct-border-color) !important; 
  color: var(--enov8-dropdown-text-color) !important;
}
[data-bs-theme=dark] .dhx_demo-file-icon--folder {
  background-image: url("../../images/suite/whiteFolder.svg");
}
[data-bs-theme=dark] .dhx_tree-list-item__icon, [data-bs-theme=dark] .dxi-menu-down, [data-bs-theme=dark] .fa-th-large,
 [data-bs-theme=dark] .fa-bars, [data-bs-theme=dark] .dxi-magnify, [data-bs-theme=dark] .dhx_input::placeholder ,
 [data-bs-theme=dark] .dhx_grid-header-cell-text_content, [data-bs-theme=dark] .dxi-menu-right, 
 [data-bs-theme=dark] .dxi-sort-variant, [data-bs-theme=dark] .fa-refresh, [data-bs-theme=dark] .dhx_grid-cell, [data-bs-theme=dark] .dhx_span-cell
{
  color: #aab8c5 !important;
}
[data-bs-theme=dark] .dhx_tree-list-item--selected .dhx_tree-list-item__content span.dhx_tree-list-item__text {
  color: #000 !important;
}

/*Datatable Search Pane*/
.dtsp-subRow2 {
  height: 36px;
}
.dtsp-subRow2 .btn-group {
  height: 100%;
}
span.dtsp-name {
  color: var(--enov8-dropdown-text-color);
}

.dhx_span-spans .dhx_span-cell {
background-color: var(--enov8-secondary-background-color) !important;
/* color: #aab8c5 !important; */
}



.light-theme .todayevent {
  background-color: #f7f7f7 !important;
  
}

.dark-theme .todayevent {
  background-color: #37404a !important;

}


/* === DARK MODE FIX FOR HISTORY TABLES (Scoped under .card-body) === */
[data-bs-theme="dark"] .card-body table._ecotablehistory,
[data-bs-theme="dark"] .card-body table._ecotablehistory * {
  color: #f1f3f5 !important;                /* readable light text */
  border-color: rgba(255,255,255,0.1) !important;
}

[data-bs-theme="dark"] .card-body table._ecotablehistory thead {
  background-color: #2b3138 !important;     /* dark neutral background */
}

[data-bs-theme="dark"] .card-body table._ecotablehistory th {
  color: #ffffff !important;
  font-weight: 600;
}

[data-bs-theme="dark"] .card-body table._ecotablehistory td {
  background-color: transparent !important;
}

[data-bs-theme="dark"] .card-body table._ecotablehistory td,
[data-bs-theme="dark"] .card-body table._ecotablehistory th {
  -webkit-text-fill-color: #f1f3f5 !important;
}