.DTE_Field, .DTE_Field_Type_select {
    background-color: black; 
    color:#0964B0;
  }

html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select,
html[data-bs-theme=dark] .dt-container .dt-search input,
html[data-bs-theme=dark] .dt-container .dt-length select {
    --dt-html-background: transparent;
}

html.dark .evx-search-builder-panel,
html[data-bs-theme=dark] .evx-search-builder-panel {
    border-color: #31516a !important;
    background: #000000 !important;
    color: #0964B0;
}

html.dark div.dtsb-searchBuilder,
html.dark div.dtsb-searchBuilder div.dtsb-group,
html[data-bs-theme=dark] div.dtsb-searchBuilder,
html[data-bs-theme=dark] div.dtsb-searchBuilder div.dtsb-group {
    background: #000000 !important;
}

html.dark div.dtsb-searchBuilder div.dtsb-logicContainer,
html.dark div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic,
html[data-bs-theme=dark] div.dtsb-searchBuilder div.dtsb-logicContainer,
html[data-bs-theme=dark] div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic {
    background: #2f3337 !important;
    background-image: none !important;
}

html.dark div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic,
html[data-bs-theme=dark] div.dtsb-searchBuilder div.dtsb-logicContainer button.dtsb-logic {
    color: #c7d3de !important;
}

html.dark div.dtsb-searchBuilder select.dtsb-dropDown,
html.dark div.dtsb-searchBuilder input.dtsb-input,
html[data-bs-theme=dark] div.dtsb-searchBuilder select.dtsb-dropDown,
html[data-bs-theme=dark] div.dtsb-searchBuilder input.dtsb-input {
    background-color: #000000 !important;
    color: #0964B0 !important;
}

html.dark div.dtsb-searchBuilder select.dtsb-dropDown option,
html[data-bs-theme=dark] div.dtsb-searchBuilder select.dtsb-dropDown option {
    background-color: #000000;
    color: #0964B0;
}

html.dark div.dtsb-searchBuilder button.dtsb-button.dt-button,
html[data-bs-theme=dark] div.dtsb-searchBuilder button.dtsb-button.dt-button {
    border: 1px solid rgb(89, 91, 94) !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

html.dark div.dtsb-searchBuilder button.dtsb-button.dt-button-run,
html.dark div.dtsb-searchBuilder button.dtsb-button.dt-button-create,
html[data-bs-theme=dark] div.dtsb-searchBuilder button.dtsb-button.dt-button-run,
html[data-bs-theme=dark] div.dtsb-searchBuilder button.dtsb-button.dt-button-create {
    border-color: #28a745 !important;
    background: #28a745 !important;
    color: #ffffff !important;
}

html.dark div.dtsb-searchBuilder button.dtsb-button.dt-button-remove,
html[data-bs-theme=dark] div.dtsb-searchBuilder button.dtsb-button.dt-button-remove {
    border-color: red !important;
    background: red !important;
    color: #ffffff !important;
}

html.dark div.dtsb-searchBuilder button.dtsb-button.dt-button-searchbuilder-delete,
html[data-bs-theme=dark] div.dtsb-searchBuilder button.dtsb-button.dt-button-searchbuilder-delete {
    border-color: #b84b47 !important;
    background: #b84b47 !important;
    color: #ffffff !important;
}

html.dark div.dtsb-searchBuilder button.dtsb-button.dt-button-searchbuilder-delete:hover,
html[data-bs-theme=dark] div.dtsb-searchBuilder button.dtsb-button.dt-button-searchbuilder-delete:hover {
    border-color: #a6423e !important;
    background: #a6423e !important;
}

 

  .DTE_Header{
    background-color:#0964B0!important;
    color:#ffffff!important;
  }

  .DTE_Header_Content {
    background-color:#0964B0;
    color:#ffffff!important;
  }



  .DTE_Body {
    /* background-color: #0964B0;  */
    color:#777777;
  }

.DTE_Form_Content{
    background-color: #000000; 
    color:#0964B0;
  }

div.DTE .DTE_Form_Info,
div.DTE .DTE_Form_Error {
    background: #000000 !important;
    color: #c7d3de !important;
}

div.DTE .DTE_Form_Info .support-ticket-create-help,
div.DTE .DTE_Form_Info .support-create-help,
div.DTE .DTE_Form_Info p,
div.DTE .DTE_Form_Error p {
    background: transparent !important;
    color: #c7d3de !important;
}

div.DTE input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
div.DTE textarea,
div.DTE select,
div.DTE div.DTE_Field_InputControl input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
div.DTE div.DTE_Field_InputControl textarea,
div.DTE div.DTE_Field_InputControl select {
    background: #11181f !important;
    color: #f7f9fc !important;
    border: 1px solid #31516a !important;
}

div.DTE input::placeholder,
div.DTE textarea::placeholder {
    color: #8ea5b7 !important;
}

div.DTE select option {
    background: #11181f;
    color: #f7f9fc;
}

div.DTE .select2-container--default .select2-selection--single,
div.DTE .select2-container--default .select2-selection--multiple,
div.DTE .select2-container--default .select2-search--dropdown .select2-search__field,
div.DTE .select2-container--default .select2-search--inline .select2-search__field {
    background: #11181f !important;
    color: #f7f9fc !important;
    border-color: #31516a !important;
}

div.DTE .select2-container--default .select2-selection--single .select2-selection__rendered,
div.DTE .select2-container--default .select2-selection--multiple .select2-selection__choice,
div.DTE .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #f7f9fc !important;
}

html.dark .select2-container--default .select2-selection--single,
html.dark .select2-container--default .select2-selection--multiple,
html[data-bs-theme=dark] .select2-container--default .select2-selection--single,
html[data-bs-theme=dark] .select2-container--default .select2-selection--multiple {
    background: #11181f !important;
    border-color: #31516a !important;
    color: #f7f9fc !important;
}

html.dark .select2-container--default .select2-selection--single .select2-selection__rendered,
html.dark .select2-container--default .select2-selection--single .select2-selection__placeholder,
html.dark .select2-container--default .select2-selection--multiple .select2-selection__choice,
html[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__placeholder,
html[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #f7f9fc !important;
}

html.dark .select2-container--default .select2-selection--single .select2-selection__arrow b,
html[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #c7d3de !important;
    border-bottom-color: #c7d3de !important;
}

html.dark .select2-container--default.select2-container--disabled .select2-selection--single,
html.dark .select2-container--default.select2-container--disabled .select2-selection--multiple,
html[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--single,
html[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: #17212b !important;
    border-color: #2a3f51 !important;
    color: #8ea5b7 !important;
}

html.dark .select2-container--default .select2-selection--multiple .select2-selection__choice,
html[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #17212b !important;
    border-color: #31516a !important;
}

html.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
html[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #c7d3de !important;
}

html.dark .select2-container--default .select2-search--dropdown .select2-search__field,
html.dark .select2-container--default .select2-search--inline .select2-search__field,
html[data-bs-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field,
html[data-bs-theme=dark] .select2-container--default .select2-search--inline .select2-search__field {
    background: #11181f !important;
    border: 1px solid #31516a !important;
    color: #f7f9fc !important;
}

html.dark .select2-dropdown,
html[data-bs-theme=dark] .select2-dropdown {
    background: #11181f !important;
    border-color: #31516a !important;
    color: #f7f9fc !important;
}

html.dark .select2-container--default .select2-results__option,
html.dark .select2-container--default .select2-results__group,
html.dark .select2-container--default .select2-results__message,
html[data-bs-theme=dark] .select2-container--default .select2-results__option,
html[data-bs-theme=dark] .select2-container--default .select2-results__group,
html[data-bs-theme=dark] .select2-container--default .select2-results__message {
    background: #11181f !important;
    color: #f7f9fc !important;
}

html.dark .select2-container--default .select2-results__option--selected,
html[data-bs-theme=dark] .select2-container--default .select2-results__option--selected {
    background: #17212b !important;
    color: #f7f9fc !important;
}

html.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
html[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted.select2-results__option--selected,
html[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
html[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted.select2-results__option--selected {
    background: #1d4f73 !important;
    color: #ffffff !important;
}

  /* Hover state */
.DTE_Field:hover, .DTE_Field_Type_select:hover {
    background-color: black !important; /* Background color on hover */
    
  }

  .DTE_Footer{
    background-color: rgb(21, 21, 21) !important; /* Background color on hover */
    
  }


  /* Ensure the table has borders for cells */
table.dataTable > tbody > tr > td {
    border-bottom: 1px solid rgb(49, 49, 49) !important; /* Add border between rows */
  }

  
  /* Optional: Style the header row for all DataTables */
  table.dataTable > thead > tr > th {
    border-bottom: 2px solid rgb(92, 92, 92) !important; /* Header separator */
  }


html body table.dataTable tr.dtrg-group.dtrg-end.dtrg-level-0 th {
    background-color: #000000 !important;
    color:#ffffff!important;
}

div.DTE .support-ticket-create-upload-field,
div.DTE .support-ticket-editor-upload-field,
div.DTE .support-ticket-create-upload-field .DTE_Field_InputControl,
div.DTE .support-ticket-editor-upload-field .DTE_Field_InputControl,
div.DTE .support-upload-grid,
div.DTE .support-upload-files,
div.DTE .support-upload-pick,
div.DTE .support-upload-card,
div.DTE .support-upload-preview,
div.DTE .support-upload-file-badge {
    background-color: #000000 !important;
    color: #f7f9fc !important;
}

div.DTE .support-ticket-create-upload-field > label,
div.DTE .support-ticket-editor-upload-field > label,
div.DTE .support-ticket-create-upload-field > label.DTE_Label,
div.DTE .support-ticket-editor-upload-field > label.DTE_Label {
    color: #0964B0 !important;
}

div.DTE .support-upload-pick,
div.DTE .support-upload-card {
    border-color: #31516a !important;
    background: linear-gradient(180deg, #10161d 0%, #17212b 100%) !important;
}

div.DTE .support-upload-pick:hover {
    border-color: #4a82a9 !important;
    background: linear-gradient(180deg, #141b23 0%, #1b2a37 100%) !important;
    box-shadow: 0 14px 22px rgba(0, 0, 0, 0.3) !important;
}

div.DTE .support-upload-preview,
div.DTE .support-upload-file-badge {
    background: #0e141a !important;
}

div.DTE .support-upload-card-meta,
div.DTE .support-upload-card-status,
div.DTE .support-upload-pick small {
    color: #c7d3de !important;
}

div.DTE .support-upload-card-remove {
    background: #17212b !important;
    color: #f7f9fc !important;
}

div.DTE .support-upload-card-progress {
    background: #1f2e3a !important;
}