body:has(.dark-mode) .dx-switch-handle:before {
    background-color: inherit !important;
}

body:has(.dark-mode) .dx-switch-on-value .dx-switch-handle:before {
    background-color: inherit !important;
}

body:has(.dark-mode) .dx-texteditor-input-container input[aria-readonly="true"] {
    background-color: #272727 !important;
}

body:has(.dark-mode) .dx-selectbox.dx-state-disabled .dx-texteditor-container {
    background-color: inherit;
}

body:has(.dark-mode) .dx-texteditor.dx-state-disabled .dx-texteditor-container {
    background-color: inherit;
}

body:has(.dark-mode) .dx-numberbox.dx-state-readonly .dx-texteditor-container {
    background-color: inherit;
}

body:has(.dark-mode) .dx-dropdownbox.dx-state-readonly .dx-texteditor-container {
    background-color: inherit;
}

body:has(.dark-mode) .dx-lookup.dx-state-readonly .dx-lookup-field {
    background-color: inherit;
}

body:has(.dark-mode) .dx-popup-wrapper > .dx-overlay-content {
    background-color: #222;
}

body:has(.dark-mode) .dx-field-item-custom-label-content {
    color: #dedede;
}

body:has(.dark-mode) .dx-popup-wrapper .dx-toolbar,
body:has(.dark-mode) .dx-popup-wrapper .dx-datagrid {
    background-color: inherit;
}


.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    color: inherit;
}

body:has(> .dark-mode) .dx-popup-title {
    background: inherit !important;
}

.dark-mode .bg-body-light {
    background-color: #222222 !important;
}

.dark-mode .dx-datagrid,
.dark-mode .dx-toolbar {
    background-color: inherit;
}

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:active {
    -webkit-text-fill-color: #c5cdd8 !important;
    -webkit-background-clip: unset;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: unset;
    background-color: #1a1a1a !important;
    -webkit-box-shadow: 0 0 0px 1000px #1a1a1a inset;
}

.dark-mode .select2-container--default .select2-selection--multiple,
.dark-mode .select2-container--default .select2-selection--single {
    background-color: #1a1a1a;
    border-color: #383f45;
}

.dark-mode .form-control,
.dark-mode .form-select {
    background-color: #1a1a1a;
    border-color: #383f45;
}

    .dark-mode .form-control:disabled, .dark-mode .form-select:disabled {
        border-color: #383f45;
    }

.dark-mode #temsilcilerGrid .dx-datagrid-header-panel,
.dark-mode #temsilcilerGrid .dx-datagrid-header-panel .dx-toolbar {
    background-color: inherit !important;
}

.dark-mode .menu-collapse-expand {
    color: #1a1a1a;
}

.dark-mode .nav-tabs-block.bg-white {
    background-color: #313131 !important;
}

.dark-mode .nav-tabs-block.bg-white .nav-link.active {
    background-color: #1a1a1a !important;
}