.dx-checkbox-icon {
    border-color: var(--bs-body-color) !important;
    color: var(--bs-body-color) !important;
    font-weight: bolder !important;
}

#ChartContainer {
    height: 50rem;
}

.dx-header-row > td:not(:last-child) {
    border-right: 2px solid rgba(var(--bs-body-color-rgb), 0.2) !important;
}

/*FILTRE KOLONUNDA ARALARA CIZGI KOYMAYI DENEDIM
AMA RESIZE EDILEMEDIGI ICIN KOTU OLUYOR*/
/*.dx-datagrid-filter-row > td:not(:last-child) {
    border-right: 0px solid rgba(var(--bs-body-color-rgb), 0.2) !important;
}*/

.highcharts-legend-item text, .highcharts-axis-labels text, .highcharts-tooltip text {
    fill: var(--bs-body-color) !important;
}

.dx-htmleditor.dx-htmleditor-outlined {
    background-color: initial;
    border-color: var(--bs-gray-300);
}

.dx-htmleditor.dx-htmleditor-outlined.dx-state-active, .dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
    background-color: initial;
    border-color: var(--bs-gray-400);
}

.dx-htmleditor.dx-htmleditor-outlined::before {
    display: none;
}

.dx-scrollable-container {
    scrollbar-color: var(--bs-body-color) transparent !important;
}

.horizontal-scroller {
    position: sticky;
    height: 15px;
    bottom: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-color: var(--bs-body-color) transparent !important;
}

.FormDropdown {
    display: block;
    width: 100%;
    height: 43.56px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.65rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.FormDropdown:focus {
    border-color: var(--bs-gray-300) !important;
}

.FormDropdown:focus-visible {
    border-color: var(--bs-gray-300) !important;
    border: 0;
}